@import '../../styles/themes/index.less';
@import '../../styles/mixins/index.less';

@switch-prefix-cls: ~'@{prefix}-Switch';

// Global
@switch-size-small: @size-4;
@switch-size-default: @size-5;
@switch-size-large: @size-6;
@switch-font-size-text: @font-size-base;

// circle and round
@switch-size-dot-small: 12px;
@switch-size-dot-default: 14px;
@switch-size-dot-large: @size-4;

// line
@switch-line-size-dot-small: @size-4;
@switch-line-size-dot-default: @size-5;
@switch-line-size-dot-large: @size-6;

// Circle
@switch-circle-small-width: @size-7;
@switch-circle-default-width: @size-10;
@switch-circle-large-width: @size-12;

// Round
@switch-round-small-width: @size-7;
@switch-round-default-width: @size-10;
@switch-round-large-width: @size-12;

// Line
@switch-line-small-width: @size-7;
@switch-line-default-width: @size-9;
@switch-line-large-width: @size-11;
@switch-line-height-bg-line: 6px;
@switch-line-color-dot-shadow: var(--color-border-4);

@switch-color-bg_on: var(--primary-6);
@switch-color-bg_off: var(--color-fill-3);
@switch-color-bg_on_disabled: var(--primary-3);
@switch-color-bg_off_disabled: var(--color-fill-2);
@switch-color-bg_on_loading: var(--primary-3);
@switch-color-bg_off_loading: var(--color-fill-2);
@switch-color-dot-bg: var(--color-bg-white);
@switch-color-text_on: var(--color-white);
@switch-color-text_off: var(--color-white);
@switch-color-text_on_disabled: var(--color-white);
@switch-color-text_off_disabled: var(--color-white);
@switch-color-text_on_loading: var(--primary-1);
@switch-color-text_off_loading: var(--color-white);
@switch-color-dot-icon_on: var(--primary-6);
@switch-color-dot-icon_off: var(--color-text-3);
@switch-color-dot-icon_on_disabled: var(--primary-3);
@switch-color-dot-icon_off_disabled: var(--color-fill-2);
@switch-color-dot-icon_on_loading: var(--primary-3);
@switch-color-dot-icon_off_loading: var(--color-text-3);
@switch-color-box-shadow_checked: var(--primary-3);
@switch-color-box-shadow_default: var(--color-border-4);