@use "./base";

// ===== switch ====
$switch-size-list: (xs, sm, md) !default;
$switch-height: (
  xs: base.height(3),
  sm: base.height(4),
  md: base.height(5)
) !default;
// 只有 md size 有 label
$switch-label-font-size: (
  md: base.$font-size-sm
) !default;
$switch-label-icon-size: (
  md: 10px
) !default;
$switch-padding: 2px;
$switch-label-padding-long: 8px;
$switch-label-padding-short: 4px;
$switch-label-color: base.color-gray(1);
$switch-bg-color-unchecked: base.color-gray(6) !default;
$switch-bg-color-unchecked-hover: base.color-gray(7) !default;
$switch-bg-color-unchecked-focus: base.color-gray(7) !default;
$switch-bg-color-unchecked-active: base.color-gray(8) !default;
$switch-bg-color-unchecked-disabled: base.color-gray(5) !default;
$switch-loading-icon-color-unchecked: base.color-gray(7) !default;

$switch-bg-color-checked: base.color-brand(6) !default;
$switch-bg-color-checked-hover: base.color-brand(5) !default;
$switch-bg-color-checked-focus: base.color-brand(5) !default;
$switch-bg-color-checked-active: base.color-brand(7) !default;
$switch-bg-color-checked-disabled: base.color-brand(2) !default;
$switch-loading-icon-color-checked: base.color-brand(7) !default;