/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-search() {
  // 搜索框字号
  --ti-search-font-size: var(--ti-common-font-size-base, 12px);
  // 搜索框高度
  --ti-search-input-height: var(--ti-common-size-height-normal, 28px);
  // 搜索框左内边距
  --ti-search-input-padding-left: var(--ti-common-space-2x, 8px);
  // 搜索框边框色
  --ti-search-input-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 搜索框聚焦时边框色
  --ti-search-input-focus-border-color: var(--ti-common-color-line-active, #5e7ce0);
  // 搜索框圆角
  --ti-search-input-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 搜索框文本色
  --ti-search-input-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 搜索框默认背景色
  --ti-search-input-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 搜索框分割线高度
  --ti-search-size-height-normal: var(--ti-common-size-height-normal, 28px);
  // 输入框提示占位文本色
  --ti-search-input-placeholder-color: var(--ti-common-color-placeholder, #adb0b8);

  // 搜索按钮图标色
  --ti-search-input-btn-icon-color: var(--ti-common-color-icon-normal, #575d6c);
  // 搜索按钮悬浮图标色
  --ti-search-input-btn-hover-icon-color: var(--ti-common-color-icon-hover, #5e7ce0);
  // 搜索按钮图标尺寸
  --ti-search-input-btn-icon-size: var(--ti-common-font-size-1, 14px);
  // 搜索按钮宽度(hide)
  --ti-search-input-btn-width: var(--ti-common-size-6x, 24px);
  // 搜索框按钮行高(hide)
  --ti-search-input-btn-line-height: var(--ti-search-input-height);
  // 搜索图标边框色(hide)
  --ti-search-icon-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 搜索按钮图标与右边框距离(hide)
  --ti-search-input-btn-icon-position-right: var(--ti-common-space-10, 10px);
  // 左侧搜索按钮图标右外边距
  --ti-search-input-left-svg-margin-right: var(--ti-common-space-0, 0px);
  // 左侧搜索按钮图标左外边距
  --ti-search-input-left-svg-margin-left: var(--ti-common-space-3x, 12px);

  // 迷你模式搜索图标色|下拉箭头图标色
  --ti-search-icon-color: var(--ti-common-color-icon-normal, #575d6c);
  // 迷你搜索框宽度
  --ti-search-mini-width: var(--ti-search-input-height);
  // 迷你模式搜索按钮悬浮边框色
  --ti-search-line-hover-border-color: var(--ti-common-color-line-hover, #575d6c);
  // 小型搜索框高度(hide)
  --ti-search-size-height-small: var(--ti-common-size-height-small, 32px);

  // 分类搜索宽度
  --ti-search-selector-width: var(--ti-common-size-20x, 80px);
  // 下拉按钮和下拉框文本色
  --ti-search-selector-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 搜索下拉框圆角
  --ti-search-selector-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 搜索下拉框背景色
  --ti-search-selector-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 搜索下拉框阴影
  --ti-search-selector-box-shadow: var(--ti-common-shadow-2-down, 0 2px 8px 0 rgba(0, 0, 0, 0.2));
  // 搜索下拉框最小宽度
  --ti-search-selector-box-min-width: var(--ti-common-size-20x, 80px);
  // 搜索下拉框上外边距
  --ti-search-selector-margin-top: var(--ti-common-space-base, 4px);
  // 搜索下拉框最大高度
  --ti-search-selector-max-height: calc(var(--ti-common-space-10, 10px) * 30);
  // 搜索下拉框选项高度
  --ti-search-selector-list-height: var(--ti-common-size-height-normal, 28px);
  // 下拉框选项悬浮背景色
  --ti-search-list-hover-bg-color: var(--ti-common-color-hover-background, #f2f5fc);
  // 搜索下拉框选项水平内边距
  --ti-search-selector-list-padding-horizontal: var(--ti-common-space-10, 10px);
}
