/**
* 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-DatePanel-vars() {
  // 文本色
  --tv-DatePanel-text-color: var(--tv-color-text, #191919);
  // 文本色(悬浮高亮/激活高亮/本身高亮）
  --tv-DatePanel-text-color-heightlight: var(--tv-color-text-active, #1476ff);
  // 字号
  --tv-DatePanel-font-size: var(--tv-font-size-default, 14px);
  // 行高
  --tv-DatePanel-line-height: var(--tv-line-height-number, 1.5);

  // 面板宽度(默认)
  --tv-DatePanel-width: 360px;
  // 面板背景色
  --tv-DatePanel-bg-color: var(--tv-color-bg-2, #ffffff);

  // 面板阴影
  --tv-DatePanel-box-shadow: var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08));
  // 面板圆角
  --tv-DatePanel-border-radius: var(--tv-border-radius-md, 6px);
  // 面板外间距
  --tv-DatePanel-margin: var(--tv-space-sm, 4px) 0;

  // 图标尺寸
  --tv-DatePanel-icon-size: var(--tv-icon-size, 16px);
  // 图标色
  --tv-DatePanel-icon-color: var(--tv-color-icon, #808080);
  // 图标悬浮色
  --tv-DatePanel-icon-color-hover: var(--tv-color-icon-hover, #191919);
  // 图标禁用色
  --tv-DatePanel-icon-color-disabled: var(--tv-color-icon-disabled, #c2c2c2);

  // 日期头部和内容的分割线
  --tv-DatePanel-border-color-divider: var(--tv-color-border-divider, #f0f0f0);
  // 悬浮背景色
  --tv-DatePanel-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);

  // 头部图标按钮高度
  --tv-DatePanel-header-btn-height: calc(var(--tv-DatePanel-font-size) * var(--tv-DatePanel-line-height));
  // 头部图标内间距
  --tv-DatePanel-header-btn-padding: 0 var(--tv-space-sm, 4px) 0 0;
  // 头部文本内间距
  --tv-DatePanel-header-label-padding: 0 var(--tv-space-sm, 4px);

  // 头部内间距
  --tv-DatePanel-header-padding: 12.5px var(--tv-space-xl, 16px);
  // 头部（时间选择）内间距
  --tv-DatePanel-time-header-padding: var(--tv-space-lg, 12px) var(--tv-space-xl, 16px);
  // 头部输入框右侧内间距
  --tv-DatePanel-editor-wrap-padding-right: var(--tv-space-xl, 16px);
  // 时区列表项内间距
  --tv-DatePanel-timezone-li-padding: 5.5px var(--tv-space-xl, 16px);
  // 内容区内间距
  --tv-DatePanel-content-padding: var(--tv-space-lg, 16px) 0 0 0;

  // 快捷项内间距
  --tv-DatePanel-shortcut-padding: 5.5px 0 5.5px var(--tv-space-xl, 16px);
  // 快捷面板顶部内间距
  --tv-DatePanel-sidebar-padding-top: var(--tv-space-xl, 16px);
  // 底部内间距
  --tv-DatePanel-footer-padding: var(--tv-space-xl, 16px);
}
