/**
* 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-ButtonGroup-vars() {
  // 按钮组圆角
  --tv-ButtonGroup-border-radius: var(--tv-border-radius-md, 6px);
  // 按钮组字体行高
  --tv-ButtonGroup-line-height-number: var(--tv-line-height-number, 1.5);
  // 默认按钮未选中项背景色
  --tv-ButtonGroup-item-bg-color: var(--tv-color-bg, #f5f5f5);
  // 按钮非选中项文本色
  --tv-ButtonGroup-item-btn-text-color: var(--tv-color-text-secondary, #595959);
  // 空数据文本色
  --tv-ButtonGroup-empty-text-color: var(--tv-color-text-weaken, #808080);
  // 未指定尺寸的按钮项高度
  --tv-ButtonGroup-item-btn-height: var(--tv-size-height-md, 32px);
  // 按钮组默认字号
  --tv-ButtonGroup-item-btn-font-size: var(--tv-font-size-default, 14px);
  // 按钮项禁用背景色
  --tv-ButtonGroup-item-btn-disabled-bg-color: var(--tv-color-bg-disabled, #f0f0f0);
  // 按钮项禁用文本色
  --tv-ButtonGroup-item-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);
  // 默认按钮项悬浮背景色
  --tv-ButtonGroup-item-btn-hover-bg-color: var(--tv-color-bg-hover-1, #deecff);
  // 默认按钮非选中项悬浮文本色
  --tv-ButtonGroup-item-btn-hover-text-color: var(--tv-color-text, #191919);

  // 朴素按钮非选中项悬浮/选中文本色
  --tv-ButtonGroup-item-btn-plain-text-color: var(--tv-color-text-active, #1476ff);
  // 按钮组圆角
  --tv-ButtonGroup-plain-border-color: var(--tv-color-border, #c2c2c2);
  // 朴素按钮项悬浮背景色
  --tv-ButtonGroup-item-btn-plain-bg-color: var(--tv-color-bg-hover-1, #deecff);
  // 朴素按钮非选中项悬浮边框色
  --tv-ButtonGroup-item-btn-plain-border-color: var(--tv-color-border-active-control, #1476ff);

  // 默认按钮选中项背景色
  --tv-ButtonGroup-item-active-bg-color: var(--tv-color-bg-active-control, #1476ff);
  // 默认按钮选中项禁用时背景色
  --tv-ButtonGroup-item-active-disabled-bg-color: var(--tv-color-bg-disabled-control-checked, #dbdbdb);
  // 默认按钮选中项文本色
  --tv-ButtonGroup-item-active-text-color: var(--tv-color-text-inverse-active, #ffffff);
  // 默认按钮内间距
  --tv-ButtonGroup-btn-padding-x: 24px;
  // 按钮角标高度
  --tv-ButtonGroup-item-sup-height: 18px;
  // 小尺寸按钮圆角
  --tv-ButtonGroup-mini-border-radius: var(--tv-border-radius-sm, 4px);
  // 按钮角标字体颜色
  --tv-ButtonGroup-item-sup-font-color: var(--tv-color-text-inverse, #ffffff);
  // 按钮角标字体大小
  --tv-ButtonGroup-item-sup-font-size: var(--tv-font-size-default, 14px);

  // medium尺寸
  --tv-ButtonGroup-medium-size: var(--tv-size-height-lg, 40px);
  // small尺寸
  --tv-ButtonGroup-small-size: var(--tv-size-height-sm, 28px);
  // mini 尺寸
  --tv-ButtonGroup-mini-size: var(--tv-size-height-xs, 24px);
  // mini 尺寸按钮组按钮字号
  --tv-ButtonGroup-mini-font-size: var(--tv-font-size-sm, 12px);
  // mini 尺寸按钮内间距
  --tv-ButtonGroup-mini-padding-x: var(--tv-space-xl, 16px);

  // 更多下拉框选项悬浮背景色
  --tv-ButtonGroup-more-item-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);
}
.inject-ButtonGroup-responsive-vars() {
  // 适配小屏定义-responsive-
  --tv-ButtonGroup-responsive-item-btn-disabled-text-color: var(--tv-color-text-placeholder, #808080);
  --tv-ButtonGroup-responsive-item-icon-bg-color: var(--tv-color-warn-bg-light, #ffebd1);
  --tv-ButtonGroup-responsive-item-sup-icon-radius: var(--tv-border-radius-md, 6px);

  // mini 尺寸
  --tv-ButtonGroup-responsive-mini-size: var(--tv-size-height-xs, 24px);

  // mini 尺寸按钮组按钮字号
  --tv-ButtonGroup-responsive-mini-font-size: var(--tv-font-size-sm, 12px);

  // mini 尺寸按钮内间距
  --tv-ButtonGroup-responsive-mini-padding-x: var(--tv-space-xl, 16px);
  
  // mini 尺寸按钮边框半径
  --tv-ButtonGroup-responsive-mini-border-radius: var(--tv-border-radius-sm, 4px);
}