/**
* 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-dropdown-item() {
  // 下拉菜单项高度
  --ti-dropdown-item-height: 30px;
  // 下拉菜单项悬浮背景色
  --ti-dropdown-item-hover-bg-color: var(--ti-common-color-bg-white-emphasize, #f2f5fc);
  // 下拉菜单项选中背景色
  --ti-dropdown-item-bg-color-selected: var(--ti-common-color-selected-background, #5e7ce0);
  // 下拉菜单项选中文本字重
  --ti-dropdown-item-font-weight-selected: var(--ti-common-font-weight-4, normal);
  // 下拉菜单项选中文本色
  --ti-dropdown-item-text-color-selected: var(--ti-common-color-text-white, #fff);
  // 下拉菜单非禁用项悬浮文本色
  --ti-dropdown-item-hover-text-color: var(--ti-common-color-text-highlight, #526ecc);
  // 下拉菜单项点击瞬间背景色
  --ti-dropdown-item-active-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 下拉菜单项点击瞬间文本色
  --ti-dropdown-item-active-text-color: var(--ti-common-color-text-white, #fff);
  // 下拉菜单项禁用文本色
  --ti-dropdown-item-disabled-text-color: var(--ti-common-color-text-disabled, #adb0b8);
  // 下拉菜单项文本色
  --ti-dropdown-item-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 下拉菜单项字号
  --ti-dropdown-item-font-size: var(--ti-common-font-size-base, 12px);
  // 默认尺寸下拉菜单项的行高
  --ti-dropdown-item-line-height: var(--ti-common-line-height-number, 1.5);
  // 下拉菜单项垂直内边距
  --ti-dropdown-item-padding-vertical: var(--ti-common-space-6, 6px);
  // 下拉菜单项水平内边距
  --ti-dropdown-item-padding-horizontal: var(--ti-common-space-5x, 20px);
  // 拉菜单项底部外边距
  --ti-dropdown-item-margin-bottom: var(--ti-common-space-0, 0px);
  // 拉菜单项左边外边距
  --ti-dropdown-item-margin-left: var(--ti-common-space-0, 0px);
  // 拉菜单项右边外边距
  --ti-dropdown-item-margin-right: var(--ti-common-space-0, 0px);
  // 拉菜单项顶部外边距
  --ti-dropdown-item-margin-top: var(--ti-common-space-0, 0px);
  // 下拉菜单项边框圆角
  --ti-dropdown-item-border-radius: var(--ti-common-border-radius-0, 0px);
  // 下拉菜单项最大宽度
  --ti-dropdown-item-max-width: var(--ti-common-size-33x, 132px);
  // 下拉项图标默认填充色
  --ti-dropdown-item-icon-color: var(--ti-common-color-icon-normal, #575d6c);
  //下拉项图标悬浮填充色
  --ti-dropdown-item-icon-color-hover: var(--ti-common-color-icon-hover, #5e7ce0);
  // 下拉项图标激活时填充色
  --ti-dropdown-item-icon-color-active: var(--ti-common-color-icon-white, #fff);
  // 下拉项图标禁用填充色
  --ti-dropdown-item-icon-color-disabled: var(--ti-common-color-icon-disabled, #adb0b8);
  // 下拉项展开图标的左侧外边距
  --ti-dropdown-item-expand-svg-margin-left: calc(
    -1 * (var(--ti-common-space-base, 4px) + var(--ti-dropdown-item-expand-icon-size))
  );
  // 下拉项展开图标的右侧外边距
  --ti-dropdown-item-expand-svg-margin-right: var(--ti-common-space-0, 0px);
  // 下拉项内容的左侧外边距
  --ti-dropdown-item-content-margin-left: var(--ti-common-space-0, 0px);
  // 下拉项内容悬浮时的字重
  --ti-dropdown-item-content-font-weight-hover: var(--ti-common-font-weight-4, normal);
  // 有二级菜单下拉项内容悬浮时的文本色
  --ti-dropdown-item-content-text-hover: var(--ti-common-color-text-highlight);
  // 有二级菜单下拉项内容悬浮时的背景色
  --ti-dropdown-item-content-bg-hover: var(--ti-common-color-bg-white-emphasize);
  // 下拉项分割线尺寸
  --ti-dropdown-item-divided-border-weight: var(--ti-common-border-weight-normal, 1px);
  // 下拉项分割线样式
  --ti-dropdown-item-divided-border-style: var(--ti-common-border-style-solid, solid);
  // 下拉项分割线颜色
  --ti-dropdown-item-divided-border-color: var(--ti-common-color-line-dividing, #dfe1e6);
  // 下拉项前置伪元素的填充色
  --ti-dropdown-item-before-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 下拉项前置伪元素的垂直外边距
  --ti-dropdown-item-before-margin-vertical: var(--ti-common-space-0, 0px);
  // 下拉项前置伪元素的水平外边距
  --ti-dropdown-item-before-margin-horizontal: var(--ti-common-space-0, 0px);
  //  中尺寸下拉项前置伪元素的水平外边距
  --ti-dropdown-item-medium-before-margin-horizontal: var(--ti-common-space-0, 0px);
  //  小尺寸下拉项前置伪元素的水平外边距
  --ti-dropdown-item-small-before-margin-horizontal: var(--ti-common-space-0, 0px);
  //  迷你尺寸下拉项前置伪元素的水平外边距
  --ti-dropdown-item-mini-before-margin-horizontal: var(--ti-common-space-0, 0px);
  // 下拉项前置伪元素的高度
  --ti-dropdown-item-before-height: 6px; // TINY-TODO 等设计图出来再优化为变量
  // 中尺寸下拉项前置伪元素的高度
  --ti-dropdown-item-medium-before-height: 6px;
  // 小尺寸下拉项前置伪元素的高度
  --ti-dropdown-item-small-before-height: var(--ti-common-size-base, 4px);
  // 迷你尺寸下拉项前置伪元素的高度
  --ti-dropdown-item-mini-before-height: 3px;
  // 中尺寸下拉菜单菜单项的行高
  --ti-dropdown-item-medium-line-height: var(--ti-common-size-height-normal, 28px);
  // 中尺寸下拉菜单菜单项的字号
  --ti-dropdown-item-medium-font-size: var(--ti-common-font-size-1, 14px);
  // 中尺寸下拉菜单菜单项的垂直内边距
  --ti-dropdown-item-medium-padding-vertical: var(--ti-common-space-0, 0px);
  // 中尺寸下拉菜单菜单项的水平内边距
  --ti-dropdown-item-medium-padding-horizontal: var(--ti-common-space-4x, 16px);
  // 中尺寸下拉菜单菜单项分割线的顶部外边距
  --ti-dropdown-item-medium-divided-margin-top: var(--ti-common-space-6, 6px);
  // 小尺寸下拉菜单菜单项的行高
  --ti-dropdown-item-small-line-height: var(--ti-common-line-height-5, 24px);
  // 小尺寸下拉菜单菜单项的垂直内边距
  --ti-dropdown-item-small-padding-vertical: var(--ti-common-space-0, 0px);
  // 小尺寸下拉菜单菜单项的水平内边距
  --ti-dropdown-item-small-padding-horizontal: var(--ti-common-space-4x, 16px);
  // 小尺寸下拉菜单菜单项的字号
  --ti-dropdown-item-small-font-size: var(--ti-common-font-size-base, 12px);
  // 小尺寸下拉菜单菜单项分割线的顶部外边距
  --ti-dropdown-item-small-divided-margin-top: var(--ti-common-space-base, 4px);
  // 迷你尺寸下拉菜单菜单项的行高
  --ti-dropdown-item-mini-line-height: var(--ti-common-line-height-5, 24px);
  // 迷你尺寸下拉菜单菜单项的垂直内边距
  --ti-dropdown-item-mini-padding-vertical: var(--ti-common-space-0, 0px);
  // 迷你尺寸下拉菜单菜单项的水平内边距
  --ti-dropdown-item-mini-padding-horizontal: var(--ti-common-space-10, 10px);
  // 迷你尺寸下拉菜单菜单项的字号
  --ti-dropdown-item-mini-font-size: var(--ti-common-font-size-base, 12px);
  // 迷你尺寸下拉菜单菜单项分割线的顶部外边距
  --ti-dropdown-item-mini-divided-margin-top: calc(var(--ti-common-space-1, 1px) * 3);
  // 展开图标尺寸
  --ti-dropdown-item-expand-icon-size: 8px;
}
