@sms-frontend/components/lib/AutoComplete/style/token.less

SMS Design React UI Library.

@import '../../style/theme/default.less';

/**********************************************
 * Popup Box
 **********************************************/
@auto-complete-popup-max-height: @size-50;
@auto-complete-popup-border-radius: @radius-medium;
@auto-complete-popup-padding-vertical: @spacing-2;
@auto-complete-popup-font-size: @font-size-body-3;
@auto-complete-popup-color-border: var(--color-fill-3);
@auto-complete-popup-box-shadow: @shadow2-down;

/**********************************************
 * Popup Options
 * status: default / disabled / selected / hover
 **********************************************/
@auto-complete-option-height: @size-9;
@auto-complete-option-font-weight_selected: @font-weight-500;
@auto-complete-option-padding-horizontal: @spacing-6;

@auto-complete-option-color-bg_default: var(--color-bg-popup);
@auto-complete-option-color-bg_hover: var(--color-fill-2);
@auto-complete-option-color-bg_selected: var(--color-bg-popup);
@auto-complete-option-color-bg_disabled: var(--color-bg-popup);

@auto-complete-option-color-text_default: var(--color-text-1);
@auto-complete-option-color-text_hover: var(--color-text-1);
@auto-complete-option-color-text_selected: var(--color-text-1);
@auto-complete-option-color-text_disabled: var(--color-text-4);