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

@picker-prefix-cls: ~'@{prefix}-Picker';

// @picker-size-mini: @size-mini;
@picker-size-small: @size-small;
@picker-size-default: @size-middle;
@picker-size-large: @size-large;

// @picker-size-mini-font-size-text: @font-size-body-1;
@picker-size-small-font-size-text: @font-size-base;
@picker-size-default-font-size-text: @font-size-base;
@picker-size-large-font-size-text: @font-size-base;

@picker-input-border-radius: @border-radius;

@picker-color-shadow_focus: var(--primary-5);
@picker-size-shadow_focus: @shadow-distance-none;
@picker-color-shadow_error_focus: var(--danger-5);
@picker-size-shadow_error_focus: @shadow-distance-none;

@picker-color-bg: @color-transparent;
// @picker-color-bg_hover: transparent;
// @picker-color-bg_focus: transparent;
// @picker-color-bg_disabled: var(--color-fill-2);
// @picker-color-bg_error: var(--danger-1);
// @picker-color-bg_error_hover: var(--danger-5);
// @picker-color-bg_error_focus: transparent;

@picker-color-border: var(--color-border);
@picker-color-border_hover: var(--color-border-3);
@picker-color-border_focus: var(--primary);
@picker-color-border_disabled: var(--color-border-1);
@picker-color-border_error: var(--danger-6);
@picker-color-border_error_hover: var(--danger-5);
@picker-color-border_error_focus: var(--danger-7);

@picker-color-placeholder: var(--color-text-3);
@picker-color-placeholder_disabled: var(--color-text-4);
@picker-color-text: var(--color-text-1);
@picker-color-text_disabled: var(--color-text-4);
@picker-color-icon: var(--color-text-3);
@picker-color-icon_disabled: var(--color-text-4);
@picker-color-separator: var(--color-text-3);
@picker-color-separator_disabled: var(--color-text-4);

@picker-range-color-bg-input_focus: var(--primary-1);

// calc
@picker-padding-horizontal: @spacing-2; // 4px
@picker-input-padding-horizontal: @input-padding-horizontal - @picker-padding-horizontal; // 8px

// warning
@picker-color-shadow_warning_focus: @input-color-shadow_warning_focus;
@picker-size-shadow_warning_focus: @picker-size-shadow_error_focus;
@picker-color-bg_warning: @input-color-bg_warning;
@picker-color-bg_warning_hover: @input-color-bg_warning_hover;
@picker-color-bg_warning_focus: @input-color-bg_warning_focus;
@picker-color-border_warning: @input-color-border_warning;
@picker-color-border_warning_hover: @input-color-border_warning_hover;
@picker-color-border_warning_focus: @input-color-border_warning_focus;

// quickstatic 静态展示
@picker-color-border_quickstatic: @color-transparent;
@picker-color-border_quickstatic_hover: @color-transparent;
@picker-color-border_quickstatic_focus: @color-transparent;
@picker-color-shadow_quickstatic_focus: @color-transparent;
@picker-size-shadow_quickstatic_focus: @color-transparent;

// quickedit 快速编辑
@picker-color-border_quickedit: @color-transparent;
@picker-color-border_quickedit_hover: var(--primary-color);
@picker-color-border_quickedit_focus: var(--primary-color);
@picker-color-shadow_quickedit_focus: var(--primary-5);
@picker-size-shadow_quickedit_focus: @shadow-distance-none;