/**
* 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-input() {
  // 输入框文本颜色
  --ti-input-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 输入框背景颜色
  --ti-input-bg-color: var(--ti-common-color-icon-white, #fff);
  // 输入框字体大小
  --ti-input-font-size: var(--ti-common-font-size-base, 12px);
  // 输入框计数器字体大小
  --ti-input-count-font-size: var(--ti-common-font-size-base, 12px);
  // 输入框高度
  --ti-input-height: var(--ti-common-size-height-normal, 28px);
  // 输入框边框圆角
  --ti-input-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 输入框边框色
  --ti-input-border-color: var(--ti-common-color-border, #adb0b8);
  // 输入框hover时边框色
  --ti-input-hover-border-color: var(--ti-common-color-border-hover, #575d6c);
  // 输入框active时边框色
  --ti-input-active-border-color: var(--ti-common-color-line-active, #5e7ce0);
  // icon颜色
  --ti-input-icon-color: var(--ti-common-color-border-hover, #575d6c);
  // 输入框聚焦时icon颜色
  --ti-input-focus-icon-color: var(--ti-common-color-border-hover, #575d6c);
  // suffix图标颜色
  --ti-input-suffix-icon-color: var(--ti-common-color-border-hover, #575d6c);
  // 输入框占位符文本颜色
  --ti-input-placeholder-text-color: var(--ti-common-color-placeholder, #adb0b8);
  // 输入框disabled时的文本颜色
  --ti-input-disabled-text-color: var(--ti-common-color-text-disabled, #adb0b8);
  // 输入框medium尺寸的高度
  --ti-input-medium-height: var(--ti-common-size-height-medium, 40px);
  // 输入框small尺寸的高度
  --ti-input-small-height: var(--ti-common-size-height-small, 32px);
  // 输入框mini尺寸的高度
  --ti-input-mini-height: var(--ti-common-size-height-mini, 24px);
  // 输入框disabled时的背景颜色
  --ti-input-disabled-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
  // 输入框disabled时的边框颜色
  --ti-input-disabled-border-color: var(--ti-common-color-line-disabled, #dfe1e6);
  // 输入框exceed时的文本颜色
  --ti-input-exceed-text-color: var(--ti-common-bg-primary, #c7000b);
  // 输入框的清除icon图标的文本颜色
  --ti-input-clear-text-color: var(--ti-common-color-icon-graybg-normal, #adb0b8);
  // 输入框的icon图标的字体大小
  --ti-input-icon-font-size: var(--ti-common-font-size-1, 14px);
  // 输入框的关闭icon图标的文本颜色
  --ti-input-icon-close-text-color: var(--ti-common-color-icon-graybg-active, #5e7ce0);
  // 输入框的清除icon图标hover时的文本颜色
  --ti-input-clear-text-color-hover: var(--ti-common-color-icon-hover, #5e7ce0);
  // 文本框计数器的颜色
  --ti-input-textarea-count-color: var(--ti-common-color-text-weaken, #8a8e99);
  // 文本框垂直方向内边距
  --ti-input-textarea-padding-vertical: var(--ti-common-space-2x, 8px);
  // 文本框水平方向内边距
  --ti-input-textarea-padding-horizontal: var(--ti-common-space-2x, 8px);
  // 输入框计数器的颜色
  --ti-input-count-color: var(--ti-common-color-text-weaken, #8a8e99);
  // 输入框垂直方向内边距
  --ti-input-padding-vertical: var(--ti-common-space-0, 0px);
  // 输入框水平方向内边距
  --ti-input-padding-horizontal: var(--ti-common-space-2x, 8px);
  // 输入框配置suffix时的右侧内边距
  --ti-input-suffix-padding-right: calc(var(--ti-common-space-8x, 32px) - 2px);
  // 输入框配置suffix时的左侧内边距
  --ti-input-suffix-padding-left: var(--ti-common-space-2x, 8px);
  // 输入框配置prefix时的右侧外边距
  --ti-input-prefix-padding-right: calc(var(--ti-common-space-8x, 32px) - 4px);
  // 输入框配置prefix时的左侧外边距
  --ti-input-prefix-padding-left: calc(var(--ti-common-space-8x, 32px) - 2px);
  // suffix图标的右侧边距
  --ti-input-suffix-right: var(--ti-common-space-2x, 8px);
  // 计数器文本字数颜色
  --ti-input-count-textlength-color: var(--ti-common-color-text-weaken, #8a8e99);
  // 输入框suffix的宽度
  --ti-input-suffix-icon-width: 1em;
  // 输入框suffix的高度
  --ti-input-suffix-icon-height: 1em;
  // 输入框placeholder颜色
  --ti-input-placeholder-color: var(--ti-common-color-placeholder, #adb0b8);
}
