/**
* 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.
*
*/

.inject-Search-vars() {
  // 搜索框字号
  --tv-Search-font-size: var(--tv-font-size-default, 14px);
  // 搜索框高度
  --tv-Search-input-height: var(--tv-size-height-md, 32px);
  // 搜索框左内边距
  --tv-Search-input-padding-left: var(--tv-space-lg, 12px);
  // 搜索框边框色
  --tv-Search-input-border-color: var(--tv-color-border, #c2c2c2);
  // 搜索框聚焦时边框色
  --tv-Search-input-focus-border-color: var(--tv-color-border-active, #191919);
  // 搜索框圆角
  --tv-Search-input-border-radius: var(--tv-border-radius-md, 6px);
  // 搜索框文本色
  --tv-Search-input-text-color: var(--tv-color-text, #191919);
  // 搜索框禁用边框
  --tv-Search-input-border-color-disabled: var(--tv-color-border-disabled, #dbdbdb);
  // 文本禁用色
  --tv-Search-input-text-color-disabled: var(--tv-color-text-disabled, #c2c2c2);
  // 搜索框默认背景色
  --tv-Search-input-bg-color: var(--tv-color-bg-secondary, #ffffff);
  // 输入框提示占位文本色
  --tv-Search-input-placeholder-color: var(--tv-color-text-placeholder, #808080);
  // 搜索按钮图标色
  --tv-Search-input-btn-icon-color: var(--tv-color-icon, #808080);
  // 图标禁用色
  --tv-Search-icon-color-disabled: var(--tv-color-icon-disabled, #c2c2c2);
  // 背景禁用色
  --tv-Search-disabled-bg-color: var(--tv-color-bg-disabled, #f0f0f0);
  // 搜索按钮悬浮图标色
  --tv-Search-input-btn-hover-icon-color: var(--tv-color-icon-hover, #191919);
  // 搜索按钮图标尺寸
  --tv-Search-input-btn-icon-size: var(--tv-icon-size, 16px);
  // 迷你模式搜索图标色|下拉箭头图标色
  --tv-Search-icon-color: var(--tv-color-icon, #808080);
  // 迷你搜索框宽度
  --tv-Search-mini-width: var(--tv-Search-input-height);
  // 迷你模式搜索按钮悬浮边框色
  --tv-Search-line-hover-border-color: var(--tv-color-border-hover, #191919);
  // 分类搜索宽度
  --tv-Search-selector-width: 80px;
  // 下拉按钮和下拉框文本色
  --tv-Search-selector-text-color: var(--tv-color-text, #191919);
  // 搜索下拉框圆角
  --tv-Search-selector-border-radius: var(--tv-border-radius-md, 6px);
  // 搜索下拉框背景色
  --tv-Search-selector-bg-color: var(--tv-color-bg-2, #ffffff);
  // 搜索下拉框阴影
  --tv-Search-selector-box-shadow: var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08));
  // 搜索下拉框最小宽度
  --tv-Search-selector-box-min-width: 80px;
  // 搜索下拉框上外边距
  --tv-Search-selector-margin-top: 4px;
  // 搜索下拉框选项高度
  --tv-Search-selector-list-height: var(--tv-size-height-md, 32px);
  // 下拉框选项悬浮背景色
  --tv-Search-list-hover-bg-color: var(--tv-color-bg-hover, #f5f5f5);
  // 搜索下拉框选项水平内边距
  --tv-Search-selector-list-padding-x: 10px;
  // 搜索图标分割线
  --tv-Search-border-short-color: var(--tv-color-border-divider-short, #dbdbdb);
}

.inject-Search-responsive-vars() {
  // 适配小屏定义-responsive-
  --tv-Search-responsive-selector-space: var(--tv-space-sm, 4px);
}