$button-normal-color: getCustomVar(("$button-normal-color")) !default;
$button-normal-selected-color: getCustomVar(("$button-normal-selected-color")) !default;
$button-normal-bg: getCustomVar(("$button-normal-bg")) !default;
$button-normal-hover-bg: getCustomVar(("$button-normal-hover-bg")) !default;
$button-normal-focused-bg: getCustomVar(("$button-normal-focused-bg")) !default;
$button-normal-active-bg: getCustomVar(("$button-normal-active-bg")) !default;
$button-normal-selected-bg: getCustomVar(("$button-normal-selected-bg")) !default;
$button-default-color: getCustomVar(("$button-default-color")) !default;
$button-default-selected-color: getCustomVar(("$button-default-selected-color")) !default;
$button-default-bg: getCustomVar(("$button-default-bg")) !default;
$button-default-hover-bg: getCustomVar(("$button-default-hover-bg")) !default;
$button-default-focused-bg: getCustomVar(("$button-default-focused-bg")) !default;
$button-default-active-bg: getCustomVar(("$button-default-active-bg")) !default;
$button-default-selected-bg: getCustomVar(("$button-default-selected-bg")) !default;
$button-default-outlined-color: getCustomVar(("$button-default-outlined-color")) !default;
$button-default-outlined-selected-color: getCustomVar(("$button-default-outlined-selected-color")) !default;
$button-default-text-color: getCustomVar(("$button-default-text-color")) !default;
$button-default-text-selected-color: getCustomVar(("$button-default-text-selected-color")) !default;
$button-danger-color: getCustomVar(("$button-danger-color")) !default;
$button-danger-selected-color: getCustomVar(("$button-danger-selected-color")) !default;
$button-danger-bg: getCustomVar(("$button-danger-bg")) !default;
$button-danger-hover-bg: getCustomVar(("$button-danger-hover-bg")) !default;
$button-danger-focused-bg: getCustomVar(("$button-danger-focused-bg")) !default;
$button-danger-active-bg: getCustomVar(("$button-danger-active-bg")) !default;
$button-danger-selected-bg: getCustomVar(("$button-danger-selected-bg")) !default;
$button-success-color: getCustomVar(("$button-success-color")) !default;
$button-success-selected-color: getCustomVar(("$button-success-selected-color")) !default;
$button-success-bg: getCustomVar(("$button-success-bg")) !default;
$button-success-hover-bg: getCustomVar(("$button-success-hover-bg")) !default;
$button-success-focused-bg: getCustomVar(("$button-success-focused-bg")) !default;
$button-success-active-bg: getCustomVar(("$button-success-active-bg")) !default;
$button-success-selected-bg: getCustomVar(("$button-success-selected-bg")) !default;
$button-normal-outlined-bg: getCustomVar(("$button-normal-outlined-bg")) !default;
$button-normal-text-bg: getCustomVar(("$button-normal-text-bg")) !default;

@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;

// adduse

$button-border-radius: $base-border-radius !default;
$button-disabled-background: null !default;
$button-disabled-icon-opacity: 0.6 !default;
$button-shadow-color: null !default;
$button-normal-color: $base-text-color !default;
$button-normal-border-color: color.change($button-normal-color, $alpha: 0.24);
$button-normal-selected-color: $base-text-color !default;
$button-normal-bg: $base-element-bg !default;
$button-normal-hover-bg: null !default;
$button-normal-focused-bg: null !default;
$button-normal-active-bg: null !default;
$button-normal-selected-bg: null !default;
$button-normal-icon-color: $button-normal-color !default;
$button-normal-bg-inverted: null !default;
$button-default-color: $base-inverted-text-color !default;
$button-default-selected-color: $base-inverted-text-color !default;
$button-default-bg: $base-accent !default;
$button-default-hover-bg: null !default;
$button-default-focused-bg: null !default;
$button-default-active-bg: null !default;
$button-default-selected-bg: null !default;
$button-default-icon-color: $button-default-color !default;
$button-default-outlined-bg: transparent !default;
$button-default-outlined-hover-bg: color.change($button-default-bg, $alpha: 0.08) !default;
$button-default-outlined-focused-bg: color.change($button-default-bg, $alpha: 0.08) !default;
$button-default-outlined-active-bg: color.change($button-default-bg, $alpha: 0.36) !default;
$button-default-outlined-selected-bg: color.change($button-default-bg, $alpha: 0.36) !default;
$button-default-outlined-color: $button-default-bg !default;
$button-default-outlined-border-color: $button-default-bg !default;
$button-default-outlined-selected-color: $button-default-bg !default;
$button-default-text-bg: transparent !default;
$button-default-text-hover-bg: color.change($button-default-bg, $alpha: 0.08) !default;
$button-default-text-focused-bg: color.change($button-default-bg, $alpha: 0.08) !default;
$button-default-text-active-bg: color.change($button-default-bg, $alpha: 0.36) !default;
$button-default-text-selected-bg: color.change($button-default-bg, $alpha: 0.36) !default;
$button-default-text-color: $button-default-bg !default;
$button-default-text-selected-color: $button-default-bg !default;
$button-danger-color: $base-inverted-text-color !default;
$button-danger-selected-color: $base-inverted-text-color !default;
$button-danger-bg: $base-danger !default;
$button-danger-hover-bg: null !default;
$button-danger-focused-bg: null !default;
$button-danger-active-bg: null !default;
$button-danger-selected-bg: null !default;
$button-danger-icon-color: $button-danger-color !default;
$button-danger-outlined-bg: transparent !default;
$button-danger-outlined-hover-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
$button-danger-outlined-focused-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
$button-danger-outlined-active-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
$button-danger-outlined-selected-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
$button-danger-outlined-selected-color: $button-danger-bg !default;

$button-danger-text-bg: transparent !default;
$button-danger-text-hover-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
$button-danger-text-focused-bg: color.change($button-danger-bg, $alpha: 0.08) !default;
$button-danger-text-active-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
$button-danger-text-selected-bg: color.change($button-danger-bg, $alpha: 0.36) !default;
$button-danger-text-selected-color: $button-danger-bg !default;
$button-success-color: $base-inverted-text-color !default;
$button-success-selected-color: $base-inverted-text-color !default;
$button-success-bg: $base-success !default;
$button-success-hover-bg: null !default;
$button-success-focused-bg: null !default;
$button-success-active-bg: null !default;
$button-success-selected-bg: null !default;
$button-success-icon-color: $button-success-color !default;
$button-success-outlined-bg: transparent !default;
$button-success-outlined-hover-bg: color.change($button-success-bg, $alpha: 0.08) !default;
$button-success-outlined-focused-bg: color.change($button-success-bg, $alpha: 0.08) !default;
$button-success-outlined-active-bg: color.change($button-success-bg, $alpha: 0.36) !default;
$button-success-outlined-selected-bg: color.change($button-success-bg, $alpha: 0.36) !default;
$button-success-outlined-selected-color: $button-success-bg !default;

$button-success-text-bg: transparent !default;
$button-success-text-hover-bg: color.change($button-success-bg, $alpha: 0.08) !default;
$button-success-text-focused-bg: color.change($button-success-bg, $alpha: 0.08) !default;
$button-success-text-active-bg: color.change($button-success-bg, $alpha: 0.36) !default;
$button-success-text-selected-bg: color.change($button-success-bg, $alpha: 0.36) !default;
$button-success-text-selected-color: $button-success-bg !default;

@if $mode == "light" {
  $button-disabled-background: rgba(0, 0, 0, 0.1) !default;
  $button-shadow-color: rgba(0, 0, 0, 0.24) !default;
  $button-normal-hover-bg: darken($button-normal-bg, 8%) !default;
  $button-normal-focused-bg: darken($button-normal-bg, 8%) !default;
  $button-normal-active-bg: darken($button-normal-bg, 30%) !default;
  $button-normal-selected-bg: darken($button-normal-bg, 18%) !default;
  $button-normal-bg-inverted: darken($button-normal-bg, 100%) !default;
  $button-default-hover-bg: darken($button-default-bg, 8.5%) !default;
  $button-default-focused-bg: darken($button-default-bg, 8.5%) !default;
  $button-default-active-bg: darken($button-default-bg, 19.5%) !default;
  $button-default-selected-bg: darken($button-default-bg, 19.5%) !default;
  $button-danger-hover-bg: darken($button-danger-bg, 8.5%) !default;
  $button-danger-focused-bg: darken($button-danger-bg, 8.5%) !default;
  $button-danger-active-bg: darken($button-danger-bg, 19.5%) !default;
  $button-danger-selected-bg: darken($button-danger-bg, 19.5%) !default;
  $button-success-hover-bg: darken($button-success-bg, 8.5%) !default;
  $button-success-focused-bg: darken($button-success-bg, 8.5%) !default;
  $button-success-active-bg: darken($button-success-bg, 19.5%) !default;
  $button-success-selected-bg: darken($button-success-bg, 19.5%) !default;
}

@if $mode == "dark" {
  $button-disabled-background: rgba(255, 255, 255, 0.1) !default;
  $button-shadow-color: rgba(0, 0, 0, 0.4) !default;
  $button-normal-hover-bg: lighten($button-normal-bg, 8%) !default;
  $button-normal-focused-bg: lighten($button-normal-bg, 8%) !default;
  $button-normal-active-bg: lighten($button-normal-bg, 30%) !default;
  $button-normal-selected-bg: lighten($button-normal-bg, 18%) !default;
  $button-normal-bg-inverted: lighten($button-normal-bg, 100%) !default;
  $button-default-hover-bg: lighten($button-default-bg, 8.5%) !default;
  $button-default-focused-bg: lighten($button-default-bg, 8.5%) !default;
  $button-default-active-bg: lighten($button-default-focused-bg, 19.5%) !default;
  $button-default-selected-bg: lighten($button-default-focused-bg, 19.5%) !default;
  $button-danger-hover-bg: lighten($button-danger-bg, 8.5%) !default;
  $button-danger-focused-bg: lighten($button-danger-bg, 8.5%) !default;
  $button-danger-active-bg: lighten($button-danger-bg, 19.5%) !default;
  $button-danger-selected-bg: lighten($button-danger-bg, 19.5%) !default;
  $button-success-hover-bg: lighten($button-success-bg, 8.5%) !default;
  $button-success-focused-bg: lighten($button-success-bg, 8.5%) !default;
  $button-success-active-bg: lighten($button-success-bg, 19.5%) !default;
  $button-success-selected-bg: lighten($button-success-bg, 19.5%) !default;
}

$button-disabled-text-color: $button-disabled-background !default;
$button-hover-shadow-color: $button-shadow-color !default;
$button-focused-shadow-color: color.adjust($button-shadow-color, $alpha: 0.08) !default;
$button-active-shadow-color: color.adjust($button-shadow-color, $alpha: 0.08) !default;
$button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
$button-normal-outlined-hover-bg: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
$button-normal-outlined-focused-bg: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
$button-normal-outlined-active-bg: color.change($button-normal-outlined-bg, $alpha: 0.3) !default;
$button-normal-outlined-selected-bg: color.change($button-normal-outlined-bg, $alpha: 0.18) !default;
$button-normal-text-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
$button-normal-text-hover-bg: color.change($button-normal-text-bg, $alpha: 0.08) !default;
$button-normal-text-focused-bg: color.change($button-normal-text-bg, $alpha: 0.08) !default;
$button-normal-text-active-bg: color.change($button-normal-text-bg, $alpha: 0.3) !default;
$button-normal-text-selected-bg: color.change($button-normal-text-bg, $alpha: 0.18) !default;
$never-used: collector((
"$button-normal-color": $button-normal-color,
"$button-normal-selected-color": $button-normal-selected-color,
"$button-normal-bg": $button-normal-bg,
"$button-normal-hover-bg": $button-normal-hover-bg,
"$button-normal-focused-bg": $button-normal-focused-bg,
"$button-normal-active-bg": $button-normal-active-bg,
"$button-normal-selected-bg": $button-normal-selected-bg,
"$button-default-color": $button-default-color,
"$button-default-selected-color": $button-default-selected-color,
"$button-default-bg": $button-default-bg,
"$button-default-hover-bg": $button-default-hover-bg,
"$button-default-focused-bg": $button-default-focused-bg,
"$button-default-active-bg": $button-default-active-bg,
"$button-default-selected-bg": $button-default-selected-bg,
"$button-default-outlined-color": $button-default-outlined-color,
"$button-default-outlined-selected-color": $button-default-outlined-selected-color,
"$button-default-text-color": $button-default-text-color,
"$button-default-text-selected-color": $button-default-text-selected-color,
"$button-danger-color": $button-danger-color,
"$button-danger-selected-color": $button-danger-selected-color,
"$button-danger-bg": $button-danger-bg,
"$button-danger-hover-bg": $button-danger-hover-bg,
"$button-danger-focused-bg": $button-danger-focused-bg,
"$button-danger-active-bg": $button-danger-active-bg,
"$button-danger-selected-bg": $button-danger-selected-bg,
"$button-success-color": $button-success-color,
"$button-success-selected-color": $button-success-selected-color,
"$button-success-bg": $button-success-bg,
"$button-success-hover-bg": $button-success-hover-bg,
"$button-success-focused-bg": $button-success-focused-bg,
"$button-success-active-bg": $button-success-active-bg,
"$button-success-selected-bg": $button-success-selected-bg,
"$button-normal-outlined-bg": $button-normal-outlined-bg,
"$button-normal-text-bg": $button-normal-text-bg,
));