ant-design/components/theme/interface/alias.ts

import type * as React from 'react';
import type { MapToken } from './maps';

// ======================================================================
// ==                           Alias Token                            ==
// ======================================================================
// 🔥🔥🔥🔥🔥🔥🔥 DO NOT MODIFY THIS. PLEASE CONTACT DESIGNER. 🔥🔥🔥🔥🔥🔥🔥

export interface AliasToken extends MapToken {
  // Background
  colorFillContentHover: string;
  colorFillAlter: string;
  colorFillContent: string;

  /**
   * @desc 容器禁用态下的背景色
   * @descEN Disabled container background color.
   */
  colorBgContainerDisabled: string;
  /**
   * @desc 文本态悬浮态背景色
   * @descEN Hover text background color.
   */
  colorBgTextHover: string;
  /**
   * @desc 文本态激活态背景色
   * @descEN Active text background color.
   */
  colorBgTextActive: string;

  // Border
  colorBorderBg: string;
  /**
   * @nameZH 分割线颜色
   * @desc 用于作为分割线的颜色，此颜色和 colorBorderSecondary 的颜色一致，但是用的是透明色。
   */
  colorSplit: string;

  // Text
  colorTextPlaceholder: string;
  /**
   * @desc 禁用字体颜色
   * @descEN Disabled text color
   */
  colorTextDisabled: string;
  colorTextHeading: string;
  colorTextLabel: string;
  colorTextDescription: string;
  /**
   * @desc 固定文本高亮颜色，用于带背景色的文本如 Primary Button 组件
   * @descEN Fixed text highlight color, used for text with background color such as Primary Button components
   */
  colorTextLightSolid: string;

  /** Weak action. Such as `allowClear` or Alert close button */
  colorIcon: string;
  /** Weak action hover color. Such as `allowClear` or Alert close button */
  colorIconHover: string;

  /**
   * @desc 超链接颜色
   * @descEN hyperlink color
   */
  colorLink: string;
  /**
   * @desc 超链接悬浮颜色
   * @descEN hyperlink hover color
   */
  colorLinkHover: string;
  /**
   * @desc 超链接激活颜色
   * @descEN hyperlink active color
   */
  colorLinkActive: string;

  colorHighlight: string;

  /**
   * @desc 输入组件的 Outline 颜色
   * @descEN Input component outline color
   */
  controlOutline: string;
  colorWarningOutline: string;
  /**
   * @desc 输入组件错误状态下的 Outline 颜色
   * @descEN Input component error outline color
   */
  colorErrorOutline: string;

  // Font
  /** Operation icon in Select, Cascader, etc. icon fontSize. Normal is same as fontSizeSM */
  fontSizeIcon: number;

  /** For heading like h1, h2, h3 or option selected item */
  fontWeightStrong: number;

  // Control
  /**
   * @desc 输入组件的 Outline 尺寸
   * @descEN Input component outline size
   */
  controlOutlineWidth: number;
  controlItemBgHover: string; // Note. It also is a color
  controlItemBgActive: string; // Note. It also is a color
  controlItemBgActiveHover: string; // Note. It also is a color
  controlInteractiveSize: number;
  controlItemBgActiveDisabled: string; // Note. It also is a color

  // Line
  /**
   * @desc 聚焦时 Outline 尺寸
   * @descEN Outline size when focused
   */
  lineWidthFocus: number;

  // Padding
  /**
   * @desc 内间距尺寸
   * @descEN Padding size
   */
  paddingXXS: number;
  /**
   * @desc 内间距尺寸
   * @descEN Padding size
   */
  paddingXS: number;
  /**
   * @desc 内间距尺寸
   * @descEN Padding size
   */
  paddingSM: number;
  /**
   * @desc 内间距尺寸
   * @descEN Padding size
   */
  padding: number;
  /**
   * @desc 内间距尺寸
   * @descEN Padding size
   */
  paddingMD: number;
  /**
   * @desc 内间距尺寸
   * @descEN Padding size
   */
  paddingLG: number;
  /**
   * @desc 内间距尺寸
   * @descEN Padding size
   */
  paddingXL: number;

  // Padding Content
  /**
   * @nameZH 内容水平内间距
   * @nameEN Content horizontal padding
   * @desc 控制内容元素水平内间距
   * @descEN Control the horizontal padding of content element.
   */
  paddingContentHorizontalLG: number;
  /**
   * @nameZH 内容水平内间距
   * @nameEN Content horizontal padding
   * @desc 控制内容元素水平内间距
   * @descEN Control the horizontal padding of content element.
   */
  paddingContentHorizontal: number;
  /**
   * @nameZH 内容水平内间距
   * @nameEN Content horizontal padding
   * @desc 控制内容元素水平内间距
   * @descEN Control the horizontal padding of content element.
   */
  paddingContentHorizontalSM: number;
  /**
   * @nameZH 内容垂直内间距
   * @nameEN Content vertical padding
   * @desc 控制内容元素垂直内间距。
   * @descEN Control the vertical padding of content element.
   */
  paddingContentVerticalLG: number;
  /**
   * @nameZH 内容垂直内间距
   * @nameEN Content vertical padding
   * @desc 控制内容元素垂直内间距。
   * @descEN Control the vertical padding of content element.
   */
  paddingContentVertical: number;
  /**
   * @nameZH 内容垂直内间距
   * @nameEN Content vertical padding
   * @desc 控制内容元素垂直内间距。
   * @descEN Control the vertical padding of content element.
   */
  paddingContentVerticalSM: number;

  // Margin
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  marginXXS: number;
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  marginXS: number;
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  marginSM: number;
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  margin: number;
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  marginMD: number;
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  marginLG: number;
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  marginXL: number;
  /**
   * @desc 外间距
   * @descEN Margin size.
   */
  marginXXL: number;

  // =============== Legacy: should be remove ===============
  /**
   * @desc 加载状态透明度
   * @descEN Loading opacity
   */
  opacityLoading: number;

  boxShadow: string;
  boxShadowSecondary: string;
  boxShadowTertiary: string;

  linkDecoration: React.CSSProperties['textDecoration'];
  linkHoverDecoration: React.CSSProperties['textDecoration'];
  linkFocusDecoration: React.CSSProperties['textDecoration'];

  controlPaddingHorizontal: number;
  controlPaddingHorizontalSM: number;

  // Media queries breakpoints
  screenXS: number;
  screenXSMin: number;
  screenXSMax: number;
  screenSM: number;
  screenSMMin: number;
  screenSMMax: number;
  screenMD: number;
  screenMDMin: number;
  screenMDMax: number;
  screenLG: number;
  screenLGMin: number;
  screenLGMax: number;
  screenXL: number;
  screenXLMin: number;
  screenXLMax: number;
  screenXXL: number;
  screenXXLMin: number;

  /**
   * Used for DefaultButton, Switch which has default outline
   * @desc 默认样式的 Outline 颜色
   * @descEN Default style outline color.
   */
  controlTmpOutline: string;

  // FIXME: component box-shadow, should be removed
  /** @internal */
  boxShadowPopoverArrow: string;
  /** @internal */
  boxShadowCard: string;
  /** @internal */
  boxShadowDrawerRight: string;
  /** @internal */
  boxShadowDrawerLeft: string;
  /** @internal */
  boxShadowDrawerUp: string;
  /** @internal */
  boxShadowDrawerDown: string;
  /** @internal */
  boxShadowTabsOverflowLeft: string;
  /** @internal */
  boxShadowTabsOverflowRight: string;
  /** @internal */
  boxShadowTabsOverflowTop: string;
  /** @internal */
  boxShadowTabsOverflowBottom: string;
}