/**
* 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-Tabs-vars() {
  // 标签栏选中项边框色(除bordercard类)
  --tv-Tabs-header-font-active-border-color: var(--tv-color-border-active, #191919);
  // 标签栏选中项字重
  --tv-Tabs-header-font-weight-active: var(--tv-font-weight-bold, 600);
  // 标签栏(选中|悬浮)项文本色(除bordercard类)
  --tv-Tabs-header-font-active-text-color: var(--tv-color-text-active-3, #191919);
  // 标签栏(更多选项|加号按钮)悬浮文本色
  --tv-Tabs-header-text-color: var(--tv-color-act-primary-text-active, #191919);
  --tv-Tabs-header-icon-color: var(--tv-color-icon, #808080);
  --tv-Tabs-header-icon-color-hover: var(--tv-color-icon-hover, #191919);
  --tv-Tabs-header-icon-color-bg-hover: var(--tv-color-bg-hover, #191919);
  // 标签栏边框色
  --tv-Tabs-border-color: var(--tv-color-border-divider, #1f1414);
  // 标签栏新增按钮高度
  --tv-Tabs-new-height: 18px;
  // 标签栏新增按钮宽度
  --tv-Tabs-new-width: 18px;
  // 标签栏新增按钮填充色
  --tv-Tabs-new-svg-text-color: var(--tv-color-text-weaken, #808080);
  // 标签栏更多文字悬浮文本色
  --tv-Tabs-more-hover-text-color: var(--tv-color-text-secondary, #595959);
  // 标签页选项禁用色
  --tv-Tabs-item-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);
  // 标签页新增按钮圆角
  --tv-Tabs-new-border-radius: var(--tv-border-radius-md, 6px);
  // 标签页下拉框背景色(hide)
  --tv-Tabs-dropdown-bg-color: var(--tv-color-act-primary-bg-white, #ffffff);
  // card类型(无size属性)标签项高度
  --tv-Tabs-height: var(--tv-size-height-xl, 48px);
  // card类型未选中项文本色
  --tv-Tabs-header-font-normal-text-color: var(--tv-color-text, #595959);
  // 分隔符类型未选中项文本色
  --tv-Tabs-header-separator-normal-text-color: var(--tv-color-text-secondary, #595959);
  // 分隔符高度(new)
  --tv-Tabs-header-separator-height: var(--tv-font-size-lg, 16px);
  // 分隔符类型标签项水平内边距
  --tv-Tabs-header-separator-padding-horizontal: var(--tv-space-xl, 16px);
  // 分隔符类型标签项高度
  --tv-Tabs-header-separator-item-height: var(--tv-size-height-md, 32px);
  // 分隔符背景色
  --tv-Tabs-header-separator-bg-color: var(--tv-color-bg-disabled-control-checked, #dbdbdb);
  // card类型选中项顶部块背景色
  --tv-Tabs-header-top-bar-active-bg-color: var(--tv-color-bg-active-primary, #191919);
  // card类型small尺寸标签栏高度
  --tv-Tabs-small-height: var(--tv-size-height-lg, 40px);
  // 分隔符类型small尺寸标签栏高度
  --tv-Tabs-small-separator-height: var(--tv-size-height-xs, 24px);
  // button-card类型small尺寸标签栏高度
  --tv-Tabs-small-button-card-height: var(--tv-size-height-xs, 24px);
  // button-card类型small尺寸标签栏字号
  --tv-Tabs-small-button-card-font-size: var(--tv-font-size-sm, 12px);
  // card类型small尺寸标签项右外边距(new)
  --tv-Tabs-small-item-margin-right: 24px;
  // card类型small尺寸标签项水平内边距(new)
  --tv-Tabs-small-separator-padding-horizontal: var(--tv-space-lg, 12px);
  // card类型small尺寸标签项字号(new)
  --tv-Tabs-small-item-font-size: var(--tv-font-size-heading-xs, 16px);
  // card类型标签项水平内边距
  --tv-Tabs-item-padding-horizontal: var(--tv-space-lg, 12px);
  // card类型选中项(不含下|左)边框厚度
  --tv-Tabs-item-top-right-border-weight: var(--tv-border-width, 1px);
  // card类型选中项背景色
  --tv-Tabs-item-card-active-bg-color: var(--tv-color-act-primary-bg-white, #ffffff);
  // card类型标签项默认上|右边框色
  --tv-Tabs-item-card-border-color: transparent;
  // bordercard类型选中项圆角
  --tv-Tabs-dark-border-radius: var(--tv-border-radius-md, 6px) var(--tv-border-radius-md, 6px) 0 0;
  // bordercard类型选中项文本色
  --tv-Tabs-dark-text-color-active: var(--tv-color-info-text-primary, #191919);
  // bordercard类型选中项背景色
  --tv-Tabs-dark-bg-color-active: var(--tv-color-bg-active-dark, #f5f5f5);
  // bordercard类型非选中项悬浮文本色
  --tv-Tabs-dark-text-color-hover: var(--tv-color-act-info-text-white-hover, #ffffff);
  // bordercard类型非选中项文本色
  --tv-Tabs-dark-text-color: var(--tv-color-text-disabled, #c2c2c2);
  // bordercard类型标签项上外边距
  --tv-Tabs-dark-margin-top: 4px;
  // bordercard类型首个标签项左外边距
  --tv-Tabs-dark-first-margin-left: 20px;
  // bordercard类型标签栏边框厚度
  --tv-Tabs-dark-border-weight: 0px;
  // bordercard类型默认背景色
  --tv-Tabs-header-dark-bg-color: var(--tv-color-bg-dark, #191919);
  // bordercard类型标签项高度
  --tv-Tabs-dark-item-height: 47px;
  // 标签项超出时上下按钮尺寸
  --tv-Tabs-prev-next-btn-icon-size: var(--tv-font-size-default, 14px);
  // 标签项默认右外边距
  --tv-Tabs-item-margin-right: 32px;
  // 标签项active边框样式(hide)
  --tv-Tabs-item-active-border-style: solid;
  // 横向标签栏字号
  --tv-Tabs-item-font-size: var(--tv-font-size-heading-xs, 16px);
  // 纵向标签栏非选中项背景色
  --tv-Tabs-header-bg-color: var(--tv-color-bg-header, #f0f0f0);
  // 纵向标签栏字号
  --tv-Tabs-font-size-base: var(--tv-font-size-default, 14px);
  // 竖向标签项水平内边距
  --tv-Tabs-item-vertical-padding-horizontal: var(--tv-font-size-xxl, 20px);
  // 选中标签项小滑块厚度(不含card类型)
  --tv-Tabs-item-active-border-weight: 2px;
  // 选中标签项小滑块边框色
  --tv-Tabs-item-active-border-color: var(--tv-Tabs-header-font-active-border-color);
  // 可关闭项关闭按钮悬浮背景色
  --tv-Tabs-icon-close-hover-bg-color: var(--tv-color-bg-hover, #f0f0f0);
  // 可关闭项关闭图标默认背景色
  --tv-Tabs-icon-close-default-bg-color: transparent;
  // 可关闭项未选中项的关闭图标色
  --tv-Tabs-icon-close-icon-color: var(--tv-color-icon, #191919);
  // 可关闭项(选中项|未选中项悬浮)图标色
  --tv-Tabs-icon-close-hover-text-color: var(--tv-color-icon-hover, #191919);
  // 可关闭项关闭图标尺寸
  --tv-Tabs-icon-size-close: var(--tv-font-size-default, 14px);
  // 可关闭项关闭图标垂直外边距(hide)
  --tv-Tabs-icon-close-margin-vertical: 0px;
  // 可关闭项右外边距
  --tv-Tabs-icon-close-margin-right: 0px;
  // 可关闭项左外边距
  --tv-Tabs-icon-close-margin-left: 5px;
  // 更多下拉框上外边距
  --tv-Tabs-dropdown-more-margin-top: var(--tv-space-base, 4px);
  // 更多下拉框项悬浮背景色
  --tv-Tabs-dropdown-more-item-hover-bg-color: var(--tv-color-bg-hover, #f5f5f5);
  // 更多下拉框项悬浮字重
  --tv-Tabs-dropdown-more-item-hover-font-weight: 500;
  // 头部更多按钮水平内边距
  --tv-Tabs-more-icon-padding-horizontal: 13.5px;
  // 头部更多图标盒子高度
  --tv-Tabs-more-icon-height: 52px;
  // 头部更多图标尺寸
  --tv-Tabs-more-icon-size: var(--tv-font-size-heading-lg, 24px);
  // 头部更多图标颜色
  --tv-Tabs-more-icon-color: var(--tv-color-icon-control, #191919);
  // 头部更多按钮左侧盒子阴影高度
  --tv-Tabs-more-left-box-height: 52px;
  // 内容垂直外边距
  --tv-Tabs-content-margin-vertical: var(--tv-space-lg, 12px);
  // 内容水平外边距
  --tv-Tabs-content-margin-horizontal: 0;
  // buttoncard类型标签栏背景色
  --tv-Tabs-button-card-nav-bg-color: var(--tv-color-bg, #f5f5f5);
  // buttoncard类型选项文本色
  --tv-Tabs-button-card-item-text-color: var(--tv-color-text-secondary, #595959);
  // buttoncard类型选项悬浮文本色
  --tv-Tabs-button-card-item-hover-text-color: var(--tv-color-text-hover, #191919);
  // buttoncard类型选项字号
  --tv-Tabs-button-card-item-font-size: var(--tv-font-size-default, 14px);
  // buttoncard类型选项高度
  --tv-Tabs-button-card-item-height: var(--tv-size-height-md, 32px);
  // buttoncard类型选中项背景色
  --tv-Tabs-button-card-item-active-bg-color: var(--tv-color-bg-active-emphasize-1, #ffffff);
  // buttoncard类型选中项文本色
  --tv-Tabs-button-card-item-active-text-color: var(--tv-color-text, #191919);
  // buttoncard类型选中项边框色
  --tv-Tabs-button-card-item-active-border-color: var(--tv-color-border-active, #191919);
  // buttoncard类型圆角
  --tv-Tabs-button-card-border-radius: var(--tv-border-radius-md, 6px);
  // buttoncard类型选项水平内边距
  --tv-Tabs-button-card-title-padding-horizontal: 24px;
  // buttoncard类型字重
  --tv-Tabs-button-card-font-weight: var(--tv-font-weight-bold, bold);
}