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

632 lines
21 KiB
TypeScript
Raw Normal View History

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
/**
* @nameZH
* @nameEN Background color of content area (hover)
* @desc
* @descEN Control the style of background color of content area when mouse hovers over it.
*/
colorFillContentHover: string;
/**
* @nameZH
* @nameEN Alternative background color
* @desc
* @descEN Control the alternative background color of element.
*/
colorFillAlter: string;
/**
* @nameZH
* @nameEN Background color of content area
* @desc
* @descEN Control the background color of content area.
*/
colorFillContent: string;
/**
* @nameZH
* @nameEN Disabled container background color
* @desc
* @descEN Control the background color of container in disabled state.
*/
colorBgContainerDisabled: string;
/**
* @nameZH
* @nameEN Text hover background color
* @desc
* @descEN Control the background color of text in hover state.
*/
colorBgTextHover: string;
/**
* @nameZH
* @nameEN Text active background color
* @desc
* @descEN Control the background color of text in active state.
*/
colorBgTextActive: string;
// Border
/**
* @nameZH
* @nameEN Background border color
* @desc
* @descEN Control the color of background border of element.
*/
colorBorderBg: string;
/**
* @nameZH 线
* @nameEN Separator color
* @desc 线 colorBorderSecondary
* @descEN Used as the color of separator, this color is the same as colorBorderSecondary but with transparency.
*/
colorSplit: string;
// Text
/**
* @nameZH
* @nameEN Placeholder text color
* @desc
* @descEN Control the color of placeholder text.
*/
colorTextPlaceholder: string;
/**
* @nameZH
* @nameEN Disabled text color
* @desc
* @descEN Control the color of text in disabled state.
*/
colorTextDisabled: string;
/**
* @nameZH
* @nameEN Heading font color
* @desc
* @descEN Control the font color of heading.
*/
colorTextHeading: string;
/**
* @nameZH
* @nameEN Text label font color
* @desc
* @descEN Control the font color of text label.
*/
colorTextLabel: string;
/**
* @nameZH
* @nameEN Text description font color
* @desc
* @descEN Control the font color of text description.
*/
colorTextDescription: string;
/**
* @nameZH
* @nameEN Fixed text highlight color
* @desc Primary Button
* @descEN Control the highlight color of text with background color, such as the text in Primary Button components.
*/
colorTextLightSolid: string;
/**
/**
* @nameZH
* @nameEN Weak action icon color
* @desc allowClear Alert
* @descEN Weak action. Such as `allowClear` or Alert close button
*/
colorIcon: string;
/** */
/**
* @nameZH
* @nameEN Weak action icon hover color
* @desc allowClear Alert
* @descEN Weak action hover color. Such as `allowClear` or Alert close button
*/
colorIconHover: string;
/**
* @nameZH
* @nameEN Hyperlink color
* @desc
* @descEN Control the color of hyperlink.
*/
colorLink: string;
/**
* @nameZH
* @nameEN Hyperlink hover color
* @desc
* @descEN Control the color of hyperlink when hovering.
*/
colorLinkHover: string;
/**
* @nameZH
* @nameEN Hyperlink active color
* @desc
* @descEN Control the color of hyperlink when clicked.
*/
colorLinkActive: string;
/**
* @nameZH
* @nameEN Highlight color
* @desc
* @descEN Control the color of page element when highlighted.
*/
colorHighlight: string;
/**
* @nameZH Outline
* @nameEN Input component outline color
* @desc 线
* @descEN Control the outline color of input component.
*/
controlOutline: string;
/**
* @nameZH Outline
* @nameEN Warning outline color
* @desc 线
* @descEN Control the outline color of input component in warning state.
*/
colorWarningOutline: string;
/**
* @nameZH Outline
* @nameEN Error outline color
* @desc 线
* @descEN Control the outline color of input component in error state.
*/
colorErrorOutline: string;
// Font
/**
* @nameZH
* @nameEN Operation icon font size in Select, Cascader, etc.
* @desc fontSizeSM
* @descEN Control the font size of operation icon in Select, Cascader, etc. Normally same as fontSizeSM.
*/
fontSizeIcon: number;
/**
* @nameZH h1h2h3
* @nameEN Font weight for heading components (such as h1, h2, h3) or selected item
* @desc h1h2h3
* @descEN Control the font weight of heading components (such as h1, h2, h3) or selected item.
*/
fontWeightStrong: number;
// Control
/**
* @nameZH 线
* @nameEN Input component outline width
* @desc 线
* @descEN Control the outline width of input component.
*/
controlOutlineWidth: number;
/**
* @nameZH
* @nameEN Background color of control component item when hovering
* @desc
* @descEN Control the background color of control component item when hovering.
*/
controlItemBgHover: string; // Note. It also is a color
/**
* @nameZH
* @nameEN Background color of control component item when active
* @desc
* @descEN Control the background color of control component item when active.
*/
controlItemBgActive: string; // Note. It also is a color
/**
* @nameZH
* @nameEN Background color of control component item when hovering and active
* @desc
* @descEN Control the background color of control component item when hovering and active.
*/
controlItemBgActiveHover: string; // Note. It also is a color
/**
* @nameZH
* @nameEN Interactive size of control component
* @desc
* @descEN Control the interactive size of control component.
*/
controlInteractiveSize: number;
/**
* @nameZH
* @nameEN Background color of control component item when active and disabled
* @desc
* @descEN Control the background color of control component item when active and disabled.
*/
controlItemBgActiveDisabled: string; // Note. It also is a color
// Line
/**
* @nameZH 线()
* @nameEN Line width(focus state)
* @desc 线
* @descEN Control the width of the line when the component is in focus state.
*/
lineWidthFocus: number;
// Padding
/**
* @nameZH
* @nameEN Extra extra small padding
* @desc
* @descEN Control the extra extra small padding of the element.
*/
paddingXXS: number;
/**
* @nameZH
* @nameEN Extra small padding
* @desc
* @descEN Control the extra small padding of the element.
*/
paddingXS: number;
/**
* @nameZH
* @nameEN Small padding
* @desc
* @descEN Control the small padding of the element.
*/
paddingSM: number;
/**
* @nameZH
* @nameEN Padding
* @desc
* @descEN Control the padding of the element.
*/
padding: number;
/**
* @nameZH
* @nameEN Medium padding
* @desc
* @descEN Control the medium padding of the element.
*/
paddingMD: number;
/**
* @nameZH
* @nameEN Large padding
* @desc
* @descEN Control the large padding of the element.
*/
paddingLG: number;
/**
* @nameZH
* @nameEN Extra large padding
* @desc
* @descEN Control the extra large padding of the element.
*/
paddingXL: number;
// Padding Content
/**
* @nameZH LG
* @nameEN Content horizontal padding (LG)
* @desc
* @descEN Control the horizontal padding of content element, suitable for large screen devices.
*/
paddingContentHorizontalLG: number;
/**
* @nameZH
* @nameEN Content horizontal padding
* @desc
* @descEN Control the horizontal padding of content element.
*/
paddingContentHorizontal: number;
/**
* @nameZH SM
* @nameEN Content horizontal padding (SM)
* @desc
* @descEN Control the horizontal padding of content element, suitable for small screen devices.
*/
paddingContentHorizontalSM: number;
/**
* @nameZH LG
* @nameEN Content vertical padding (LG)
* @desc
* @descEN Control the vertical padding of content element, suitable for large screen devices.
*/
paddingContentVerticalLG: number;
/**
* @nameZH
* @nameEN Content vertical padding
* @desc
* @descEN Control the vertical padding of content element.
*/
paddingContentVertical: number;
/**
* @nameZH SM
* @nameEN Content vertical padding (SM)
* @desc
* @descEN Control the vertical padding of content element, suitable for small screen devices.
*/
paddingContentVerticalSM: number;
// Margin
/**
* @nameZH XXS
* @nameEN Margin XXS
* @desc
* @descEN Control the margin of an element, with the smallest size.
*/
marginXXS: number;
/**
* @nameZH XS
* @nameEN Margin XS
* @desc
* @descEN Control the margin of an element, with a small size.
*/
marginXS: number;
/**
* @nameZH SM
* @nameEN Margin SM
* @desc
* @descEN Control the margin of an element, with a medium-small size.
*/
marginSM: number;
/**
* @nameZH
* @nameEN Margin
* @desc
* @descEN Control the margin of an element, with a medium size.
*/
margin: number;
/**
* @nameZH MD
* @nameEN Margin MD
* @desc
* @descEN Control the margin of an element, with a medium-large size.
*/
marginMD: number;
/**
* @nameZH LG
* @nameEN Margin LG
* @desc
* @descEN Control the margin of an element, with a large size.
*/
marginLG: number;
/**
* @nameZH XL
* @nameEN Margin XL
* @desc
* @descEN Control the margin of an element, with an extra-large size.
*/
marginXL: number;
/**
* @nameZH XXL
* @nameEN Margin XXL
* @desc
* @descEN Control the margin of an element, with the largest size.
*/
marginXXL: number;
// =============== Legacy: should be remove ===============
/**
* @nameZH
* @nameEN Loading opacity
* @desc
* @descEN Control the opacity of the loading state.
*/
opacityLoading: number;
/**
* @nameZH
* @nameEN Box shadow
* @desc
* @descEN Control the box shadow style of an element.
*/
boxShadow: string;
/**
* @nameZH
* @nameEN Secondary box shadow
* @desc
* @descEN Control the secondary box shadow style of an element.
*/
boxShadowSecondary: string;
/**
* @nameZH
* @nameEN Tertiary box shadow
* @desc
* @descEN Control the tertiary box shadow style of an element.
*/
boxShadowTertiary: string;
/**
* @nameZH
* @nameEN Link text decoration
* @desc
* @descEN Control the text decoration style of a link.
*/
linkDecoration: React.CSSProperties['textDecoration'];
/**
* @nameZH
* @nameEN Link text decoration on mouse hover
* @desc
* @descEN Control the text decoration style of a link on mouse hover.
*/
linkHoverDecoration: React.CSSProperties['textDecoration'];
/**
* @nameZH
* @nameEN Link text decoration on focus
* @desc
* @descEN Control the text decoration style of a link on focus.
*/
linkFocusDecoration: React.CSSProperties['textDecoration'];
/**
* @nameZH
* @nameEN Control horizontal padding
* @desc
* @descEN Control the horizontal padding of an element.
*/
controlPaddingHorizontal: number;
/**
* @nameZH
* @nameEN Control horizontal padding with a small-medium size
* @desc
* @descEN Control the horizontal padding of an element with a small-medium size.
*/
controlPaddingHorizontalSM: number;
// Media queries breakpoints
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra small screens
* @desc
* @descEN Control the screen width of extra small screens.
*/
screenXS: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra small screens minimum value
* @desc
* @descEN Control the minimum width of extra small screens.
*/
screenXSMin: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra small screens maximum value
* @desc
* @descEN Control the maximum width of extra small screens.
*/
screenXSMax: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Small screens
* @desc
* @descEN Control the screen width of small screens.
*/
screenSM: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Small screens minimum value
* @desc
* @descEN Control the minimum width of small screens.
*/
screenSMMin: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Small screens maximum value
* @desc
* @descEN Control the maximum width of small screens.
*/
screenSMMax: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Medium screens
* @desc
* @descEN Control the screen width of medium screens.
*/
screenMD: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Medium screens minimum value
* @desc
* @descEN Control the minimum width of medium screens.
*/
screenMDMin: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Medium screens maximum value
* @desc
* @descEN Control the maximum width of medium screens.
*/
screenMDMax: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Large screens
* @desc
* @descEN Control the screen width of large screens.
*/
screenLG: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Large screens minimum value
* @desc
* @descEN Control the minimum width of large screens.
*/
screenLGMin: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Large screens maximum value
* @desc
* @descEN Control the maximum width of large screens.
*/
screenLGMax: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra large screens
* @desc
* @descEN Control the screen width of extra large screens.
*/
screenXL: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra large screens minimum value
* @desc
* @descEN Control the minimum width of extra large screens.
*/
screenXLMin: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra large screens maximum value
* @desc
* @descEN Control the maximum width of extra large screens.
*/
screenXLMax: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra extra large screens
* @desc
* @descEN Control the screen width of extra extra large screens.
*/
screenXXL: number;
/**
* @nameZH -
* @nameEN Screen width (pixels) - Extra extra large screens minimum value
* @desc
* @descEN Control the minimum width of extra extra large screens.
*/
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;
}