/**
* 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-MonthTable-vars() {
  // 字号
  --tv-MonthTable-font-size: var(--tv-font-size-default, 14px);
  // 行高
  --tv-MonthTable-line-height: var(--tv-line-height-number, 1.5);
  // 文本色
  --tv-MonthTable-text-color: var(--tv-color-text, #191919);
  // 文本禁用色
  --tv-MonthTable-text-color-disabled: var(--tv-color-text-disabled, #c2c2c2);

  // 单元格高度
  --tv-MonthTable-td-height: var(--tv-size-height-sm, 28px);
  // 单元格内间距
  --tv-MonthTable-td-padding: calc(
      (var(--tv-MonthTable-td-height) - var(--tv-MonthTable-line-height) * var(--tv-MonthTable-font-size)) / 2
    )
    0;
  // 单元格圆角（选中）
  --tv-MonthTable-cell-border-radius: var(--tv-border-radius-brand, 999px);
  // 单元格圆角（开始月份）
  --tv-MonthTable-cell-border-radius-start: var(--tv-border-radius-brand, 999px) 0 0
    var(--tv-border-radius-brand, 999px);
  // 单元格圆角（结束月份）
  --tv-MonthTable-cell-border-radius-end: 0 var(--tv-border-radius-brand, 999px) var(--tv-border-radius-brand, 999px) 0;
  // 选中月份每行第一个单元格的圆角
  --tv-MonthTable-cell-border-radius-first: var(--tv-border-radius-brand, 999px) 0 0
    var(--tv-border-radius-brand, 999px);
  // 选中月份每行最后一个单元格的圆角
  --tv-MonthTable-cell-border-radius-last: 0 var(--tv-border-radius-brand, 999px) var(--tv-border-radius-brand, 999px) 0;

  // 单元格边框色（选中）
  --tv-MonthTable-cell-border-color-today: var(--tv-color-border-active, #191919);
  // 单元格文本色（开始/结束日期高亮背景下的文本色）
  --tv-MonthTable-td-text-color-emphasize: var(--tv-color-text-inverse-active, #ffffff);

  // 背景色（禁用）
  --tv-MonthTable-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0);
  // 文字色（禁用）
  --tv-MonthTable-cell-color-disabled: var(--tv-color-text-disabled, #c2c2c2);
  // 背景色（悬浮）
  --tv-MonthTable-bg-color-hover: var(--tv-color-bg-hover-3, #deecff);
  // 背景色(高亮） 开始/结束如期高亮
  --tv-MonthTable-bg-color-emphasize: var(--tv-color-bg-active-control, #1476ff);
}
