@fle-ui/next 3.0.0-alpha.2 → 3.0.0

package/es/theme/index.d.ts

@@ -0,0 +1,21 @@
+import defaultAlgorithm from './themes/default';
+/** Get current context Design Token. Will be different if you are using nest theme config. */
+declare function useToken(): {
+    theme: import("@ant-design/cssinjs").Theme<import("./internal").SeedToken, import("./interface").MapToken>;
+    token: import("./interface").GlobalToken;
+    hashId: string;
+};
+declare const _default: {
+    /** @private Test Usage. Do not use in production. */
+    defaultConfig: {
+        token: import("./internal").SeedToken;
+        hashed: boolean;
+    };
+    /** Default seedToken */
+    defaultSeed: import("./internal").SeedToken;
+    useToken: typeof useToken;
+    defaultAlgorithm: typeof defaultAlgorithm;
+    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("./internal").SeedToken, import("./interface").MapToken>;
+    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("./internal").SeedToken, import("./interface").MapToken>;
+};
+export default _default;

package/es/theme/index.js

@@ -0,0 +1,37 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/* eslint-disable import/prefer-default-export */
+
+import { defaultConfig, useToken as useInternalToken } from "./internal";
+import defaultAlgorithm from "./themes/default";
+import darkAlgorithm from "./themes/dark";
+import compactAlgorithm from "./themes/compact"; // ZombieJ: We export as object to user but array in internal.
+// This is used to minimize the bundle size for antd package but safe to refactor as object also.
+// Please do not export internal `useToken` directly to avoid something export unexpected.
+
+/** Get current context Design Token. Will be different if you are using nest theme config. */
+
+function useToken() {
+  var _useInternalToken = useInternalToken(),
+      _useInternalToken2 = _slicedToArray(_useInternalToken, 3),
+      theme = _useInternalToken2[0],
+      token = _useInternalToken2[1],
+      hashId = _useInternalToken2[2];
+
+  return {
+    theme: theme,
+    token: token,
+    hashId: hashId
+  };
+}
+
+export default {
+  /** @private Test Usage. Do not use in production. */
+  defaultConfig: defaultConfig,
+
+  /** Default seedToken */
+  defaultSeed: defaultConfig.token,
+  useToken: useToken,
+  defaultAlgorithm: defaultAlgorithm,
+  darkAlgorithm: darkAlgorithm,
+  compactAlgorithm: compactAlgorithm
+};

package/es/theme/interface/alias.d.ts

@@ -0,0 +1,133 @@
+import type * as React from 'react';
+import type { MapToken } from './maps';
+export interface AliasToken extends MapToken {
+    colorFillContentHover: string;
+    colorFillAlter: string;
+    colorFillContent: string;
+    colorBgContainerDisabled: string;
+    colorBgTextHover: string;
+    colorBgTextActive: string;
+    colorBorderBg: string;
+    /**
+     * @nameZH 分割线颜色
+     * @desc 用于作为分割线的颜色，此颜色和 colorBorderSecondary 的颜色一致，但是用的是透明色。
+     */
+    colorSplit: string;
+    colorTextPlaceholder: string;
+    colorTextDisabled: string;
+    colorTextHeading: string;
+    colorTextLabel: string;
+    colorTextDescription: string;
+    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;
+    colorLink: string;
+    colorLinkHover: string;
+    colorLinkActive: string;
+    colorHighlight: string;
+    controlOutline: string;
+    colorWarningOutline: string;
+    colorErrorOutline: string;
+    fontSizeSM: number;
+    fontSize: number;
+    fontSizeLG: number;
+    fontSizeXL: number;
+    /** Operation icon in Select, Cascader, etc. icon fontSize. Normal is same as fontSizeSM */
+    fontSizeIcon: number;
+    /**
+     * @nameZH 一级标题字号
+     * @desc H1 标签所使用的字号
+     * @default 38
+     */
+    fontSizeHeading1: number;
+    /**
+     * @nameZH 二级标题字号
+     * @desc h2 标签所使用的字号
+     * @default 30
+     */
+    fontSizeHeading2: number;
+    /**
+     * @nameZH 三级标题字号
+     * @desc h3 标签使用的字号
+     * @default 24
+     */
+    fontSizeHeading3: number;
+    /**
+     * @nameZH 四级标题字号
+     * @desc h4 标签使用的字号
+     * @default 20
+     */
+    fontSizeHeading4: number;
+    /**
+     * @nameZH 五级标题字号
+     * @desc h5 标签使用的字号
+     * @default 16
+     */
+    fontSizeHeading5: number;
+    /** For heading like h1, h2, h3 or option selected item */
+    fontWeightStrong: number;
+    lineHeight: number;
+    lineHeightLG: number;
+    lineHeightSM: number;
+    lineHeightHeading1: number;
+    lineHeightHeading2: number;
+    lineHeightHeading3: number;
+    lineHeightHeading4: number;
+    lineHeightHeading5: number;
+    controlOutlineWidth: number;
+    controlItemBgHover: string;
+    controlItemBgActive: string;
+    controlItemBgActiveHover: string;
+    controlInteractiveSize: number;
+    controlItemBgActiveDisabled: string;
+    paddingXXS: number;
+    paddingXS: number;
+    paddingSM: number;
+    padding: number;
+    paddingMD: number;
+    paddingLG: number;
+    paddingXL: number;
+    paddingContentHorizontalLG: number;
+    paddingContentHorizontal: number;
+    paddingContentHorizontalSM: number;
+    paddingContentVerticalLG: number;
+    paddingContentVertical: number;
+    paddingContentVerticalSM: number;
+    marginXXS: number;
+    marginXS: number;
+    marginSM: number;
+    margin: number;
+    marginMD: number;
+    marginLG: number;
+    marginXL: number;
+    marginXXL: number;
+    opacityLoading: number;
+    boxShadow: string;
+    boxShadowSecondary: string;
+    linkDecoration: React.CSSProperties['textDecoration'];
+    linkHoverDecoration: React.CSSProperties['textDecoration'];
+    linkFocusDecoration: React.CSSProperties['textDecoration'];
+    controlPaddingHorizontal: number;
+    controlPaddingHorizontalSM: number;
+    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 */
+    controlTmpOutline: string;
+}

package/es/theme/interface/alias.js

@@ -0,0 +1 @@
+export {};

package/es/theme/interface/components.d.ts

@@ -0,0 +1,110 @@
+import type { ComponentToken as AlertComponentToken } from '../../alert/style';
+import type { ComponentToken as AnchorComponentToken } from '../../anchor/style';
+import type { ComponentToken as AvatarComponentToken } from '../../avatar/style';
+import type { ComponentToken as BackTopComponentToken } from '../../back-top/style';
+import type { ComponentToken as ButtonComponentToken } from '../../button/style';
+import type { ComponentToken as FloatButtonComponentToken } from '../../float-button/style';
+import type { ComponentToken as CalendarComponentToken } from '../../calendar/style';
+import type { ComponentToken as CardComponentToken } from '../../card/style';
+import type { ComponentToken as CarouselComponentToken } from '../../carousel/style';
+import type { ComponentToken as CascaderComponentToken } from '../../cascader/style';
+import type { ComponentToken as CheckboxComponentToken } from '../../checkbox/style';
+import type { ComponentToken as CollapseComponentToken } from '../../collapse/style';
+import type { ComponentToken as DatePickerComponentToken } from '../../date-picker/style';
+import type { ComponentToken as DividerComponentToken } from '../../divider/style';
+import type { ComponentToken as DropdownComponentToken } from '../../dropdown/style';
+import type { ComponentToken as DrawerComponentToken } from '../../drawer/style';
+import type { ComponentToken as EmptyComponentToken } from '../../empty/style';
+import type { ComponentToken as ImageComponentToken } from '../../image/style';
+import type { ComponentToken as InputNumberComponentToken } from '../../input-number/style';
+import type { ComponentToken as LayoutComponentToken } from '../../layout/style';
+import type { ComponentToken as ListComponentToken } from '../../list/style';
+import type { ComponentToken as MentionsComponentToken } from '../../mentions/style';
+import type { ComponentToken as MenuComponentToken } from '../../menu/style';
+import type { ComponentToken as MessageComponentToken } from '../../message/style';
+import type { ComponentToken as ModalComponentToken } from '../../modal/style';
+import type { ComponentToken as NotificationComponentToken } from '../../notification/style';
+import type { ComponentToken as PopconfirmComponentToken } from '../../popconfirm/style';
+import type { ComponentToken as PopoverComponentToken } from '../../popover/style';
+import type { ComponentToken as ProgressComponentToken } from '../../progress/style';
+import type { ComponentToken as RadioComponentToken } from '../../radio/style';
+import type { ComponentToken as RateComponentToken } from '../../rate/style';
+import type { ComponentToken as ResultComponentToken } from '../../result/style';
+import type { ComponentToken as SegmentedComponentToken } from '../../segmented/style';
+import type { ComponentToken as SelectComponentToken } from '../../select/style';
+import type { ComponentToken as SkeletonComponentToken } from '../../skeleton/style';
+import type { ComponentToken as SliderComponentToken } from '../../slider/style';
+import type { ComponentToken as SpaceComponentToken } from '../../space/style';
+import type { ComponentToken as SpinComponentToken } from '../../spin/style';
+import type { ComponentToken as StepsComponentToken } from '../../steps/style';
+import type { ComponentToken as TableComponentToken } from '../../table/style';
+import type { ComponentToken as TabsComponentToken } from '../../tabs/style';
+import type { ComponentToken as TagComponentToken } from '../../tag/style';
+import type { ComponentToken as TimelineComponentToken } from '../../timeline/style';
+import type { ComponentToken as TooltipComponentToken } from '../../tooltip/style';
+import type { ComponentToken as TransferComponentToken } from '../../transfer/style';
+import type { ComponentToken as TypographyComponentToken } from '../../typography/style';
+import type { ComponentToken as UploadComponentToken } from '../../upload/style';
+import type { ComponentToken as TourComponentToken } from '../../tour/style';
+export interface ComponentTokenMap {
+    Affix?: {};
+    Alert?: AlertComponentToken;
+    Anchor?: AnchorComponentToken;
+    Avatar?: AvatarComponentToken;
+    BackTop?: BackTopComponentToken;
+    Badge?: {};
+    Button?: ButtonComponentToken;
+    Breadcrumb?: {};
+    Card?: CardComponentToken;
+    Carousel?: CarouselComponentToken;
+    Cascader?: CascaderComponentToken;
+    Checkbox?: CheckboxComponentToken;
+    Collapse?: CollapseComponentToken;
+    DatePicker?: DatePickerComponentToken;
+    Descriptions?: {};
+    Divider?: DividerComponentToken;
+    Drawer?: DrawerComponentToken;
+    Dropdown?: DropdownComponentToken;
+    Empty?: EmptyComponentToken;
+    FloatButton?: FloatButtonComponentToken;
+    Form?: {};
+    Grid?: {};
+    Image?: ImageComponentToken;
+    Input?: {};
+    InputNumber?: InputNumberComponentToken;
+    Layout?: LayoutComponentToken;
+    List?: ListComponentToken;
+    Mentions?: MentionsComponentToken;
+    Notification?: NotificationComponentToken;
+    Pagination?: {};
+    Popover?: PopoverComponentToken;
+    Popconfirm?: PopconfirmComponentToken;
+    Rate?: RateComponentToken;
+    Radio?: RadioComponentToken;
+    Result?: ResultComponentToken;
+    Segmented?: SegmentedComponentToken;
+    Select?: SelectComponentToken;
+    Skeleton?: SkeletonComponentToken;
+    Slider?: SliderComponentToken;
+    Spin?: SpinComponentToken;
+    Statistic?: {};
+    Switch?: {};
+    Tag?: TagComponentToken;
+    Tree?: {};
+    TreeSelect?: {};
+    Typography?: TypographyComponentToken;
+    Timeline?: TimelineComponentToken;
+    Transfer?: TransferComponentToken;
+    Tabs?: TabsComponentToken;
+    Calendar?: CalendarComponentToken;
+    Steps?: StepsComponentToken;
+    Menu?: MenuComponentToken;
+    Modal?: ModalComponentToken;
+    Message?: MessageComponentToken;
+    Upload?: UploadComponentToken;
+    Tooltip?: TooltipComponentToken;
+    Table?: TableComponentToken;
+    Space?: SpaceComponentToken;
+    Progress?: ProgressComponentToken;
+    Tour?: TourComponentToken;
+}

package/es/theme/interface/components.js

@@ -0,0 +1 @@
+export {};

package/es/theme/interface/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentTokenMap } from './components';
+import type { AliasToken } from './alias';
+export type OverrideToken = {
+    [key in keyof ComponentTokenMap]: Partial<ComponentTokenMap[key]> & Partial<AliasToken>;
+};
+/** Final token which contains the components level override */
+export type GlobalToken = AliasToken & ComponentTokenMap;
+export { PresetColors } from './presetColors';
+export type { PresetColorType, ColorPalettes } from './presetColors';
+export type { SeedToken } from './seeds';
+export type { MapToken, ColorMapToken, ColorNeutralMapToken, CommonMapToken, HeightMapToken, SizeMapToken, FontSizeMapToken, StyleMapToken, } from './maps';
+export type { AliasToken } from './alias';
+export type { ComponentTokenMap } from './components';

package/es/theme/interface/index.js

@@ -0,0 +1 @@
+export { PresetColors } from "./presetColors";

package/es/theme/interface/maps/colors.d.ts

@@ -0,0 +1,342 @@
+export interface ColorNeutralMapToken {
+    /**
+     * @nameZH 一级文本色
+     * @desc 最深的文本色。为了符合W3C标准，默认的文本颜色使用了该色，同时这个颜色也是最深的中性色。
+     */
+    colorText: string;
+    /**
+     * @nameZH 二级文本色
+     * @desc 作为第二梯度的文本色，一般用在不那么需要强化文本颜色的场景，例如 Label 文本、Menu 的文本选中态等场景。
+     */
+    colorTextSecondary: string;
+    /**
+     * @nameZH 三级文本色
+     * @desc 第三级文本色一般用于描述性文本，例如表单的中的补充说明文本、列表的描述性文本等场景。
+     */
+    colorTextTertiary: string;
+    /**
+     * @nameZH 四级文本色
+     * @desc 第四级文本色是最浅的文本色，例如表单的输入提示文本、禁用色文本等。
+     */
+    colorTextQuaternary: string;
+    /**
+     * @nameZH 一级边框色
+     * @nameEN Default Border Color
+     * @desc 默认使用的边框颜色, 用于分割不同的元素，例如：表单的分割线、卡片的分割线等。
+     * @descEN Default border color, used to separate different elements, such as: form separator, card separator, etc.
+     */
+    colorBorder: string;
+    /**
+     * @nameZH 二级边框色
+     * @nameEN Secondary Border Color
+     * @desc 比默认使用的边框色要浅一级，此颜色和 colorSplit 的颜色一致。使用的是实色。
+     * @descEN Slightly lighter than the default border color, this color is the same as `colorSplit`. Solid color is used.
+     */
+    colorBorderSecondary: string;
+    /**
+     * @nameZH 一级填充色
+     * @desc 最深的填充色，用于拉开与二、三级填充色的区分度，目前只用在 Slider 的 hover 效果。
+     */
+    colorFill: string;
+    /**
+     * @nameZH 二级填充色
+     * @desc 二级填充色可以较为明显地勾勒出元素形体，如 Rate、Skeleton 等。也可以作为三级填充色的 Hover 状态，如 Table 等。
+     */
+    colorFillSecondary: string;
+    /**
+     * @nameZH 三级填充色
+     * @desc 三级填充色用于勾勒出元素形体的场景，如 Slider、Segmented 等。如无强调需求的情况下，建议使用三级填色作为默认填色。
+     */
+    colorFillTertiary: string;
+    /**
+     * @nameZH 四级填充色
+     * @desc 最弱一级的填充色，适用于不易引起注意的色块，例如斑马纹、区分边界的色块等。
+     */
+    colorFillQuaternary: string;
+    /**
+     * @nameZH 布局背景色
+     * @desc 该色用于页面整体布局的背景色，只有需要在页面中处于 B1 的视觉层级时才会使用该 token，其他用法都是错误的
+     */
+    colorBgLayout: string;
+    /**
+     * @nameZH 组件容器背景色
+     * @desc 组件的容器背景色，例如：默认按钮、输入框等。务必不要将其与 `colorBgElevated` 混淆。
+     */
+    colorBgContainer: string;
+    /**
+     * @nameZH 浮层容器背景色
+     * @desc 浮层容器背景色，在暗色模式下该 token 的色值会比 `colorBgContainer` 要亮一些。例如：模态框、弹出框、菜单等。
+     */
+    colorBgElevated: string;
+    /**
+     * @nameZH 引起注意的背景色
+     * @desc 该色用于引起用户强烈关注注意的背景色，目前只用在 Tooltip 的背景色上。
+     */
+    colorBgSpotlight: string;
+}
+/**
+ * 品牌色梯度变量
+ */
+interface ColorPrimaryMapToken {
+    /**
+     * @nameZH 品牌主色
+     * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一，用于产品的主色调、主按钮、主图标、主文本等   */
+    colorPrimary: string;
+    /**
+     * @nameZH 主色浅色背景色
+     * @nameEN Light Background Color of Primary Color
+     * @desc 主色浅色背景颜色，一般用于视觉层级较弱的选中状态。
+     * @descEN Light background color of primary color, usually used for weak visual level selection state.
+     */
+    colorPrimaryBg: string;
+    /**
+     * @nameZH 主色浅色背景悬浮态
+     * @desc 与主色浅色背景颜色相对应的悬浮态颜色。
+     */
+    colorPrimaryBgHover: string;
+    /**
+     * @nameZH 主色描边色
+     * @desc 主色梯度下的描边用色，用在 Slider 组件的描边上
+     */
+    colorPrimaryBorder: string;
+    /**
+     * @nameZH 主色描边色悬浮态
+     * @desc 主色梯度下的描边用色的悬浮态，Slider 、Button 等组件的描边 Hover 时会使用
+     */
+    colorPrimaryBorderHover: string;
+    /**
+     * @nameZH 主色悬浮态
+     * @desc 主色梯度下的悬浮态，使用频率很高
+     */
+    colorPrimaryHover: string;
+    /**
+     * @nameZH 主色激活态
+     * @desc 主色梯度下的深色激活态
+     */
+    colorPrimaryActive: string;
+    /**
+     * @nameZH 主色文本悬浮态
+     * @desc 主色梯度下的文本悬浮态
+     */
+    colorPrimaryTextHover: string;
+    /**
+     * @nameZH 主色文本
+     * @desc 主色梯度下的文本颜色
+     */
+    colorPrimaryText: string;
+    /**
+     * @nameZH 主色文本
+     * @desc 主色梯度下的文本激活态
+     */
+    colorPrimaryTextActive: string;
+}
+interface ColorSuccessMapToken {
+    /**
+     * @nameZH 成功色的浅色背景颜色
+     * @nameEN Light Background Color of Success Color
+     * @desc 成功色的浅色背景颜色，用于 Tag 和 Alert 的成功态背景色
+     * @descEN Light background color of success color, used for Tag and Alert success state background color
+     */
+    colorSuccessBg: string;
+    /**
+     * @nameZH 成功色的浅色背景色悬浮态
+     * @nameEN Hover State Color of Light Success Background
+     * @desc 成功色浅色背景颜色，一般用于视觉层级较弱的选中状态，不过 antd 目前没有使用到该 token
+     * @descEN Light background color of success color, but antd does not use this token currently
+     */
+    colorSuccessBgHover: string;
+    /**
+     * @nameZH 成功色的描边色
+     * @desc 成功色的描边色，用于 Tag 和 Alert 的成功态描边色
+     */
+    colorSuccessBorder: string;
+    /**
+     * @nameZH 成功色的描边色悬浮态
+     * @desc 成功色的描边色悬浮态
+     */
+    colorSuccessBorderHover: string;
+    /**
+     * @nameZH 成功色的深色悬浮态
+     * @desc 成功色的深色悬浮态
+     */
+    colorSuccessHover: string;
+    /**
+     * @nameZH 成功色
+     * @desc 默认的成功色，如 Result、Progress 等组件中都有使用该颜色
+     */
+    colorSuccess: string;
+    /**
+     * @nameZH 成功色的深色激活态
+     * @desc 成功色的深色激活态
+     */
+    colorSuccessActive: string;
+    /**
+     * @nameZH 成功色的文本悬浮态
+     * @desc 成功色的文本悬浮态
+     */
+    colorSuccessTextHover: string;
+    /**
+     * @nameZH 成功色的文本默认态
+     * @desc 成功色的文本默认态
+     */
+    colorSuccessText: string;
+    /**
+     * @nameZH 成功色的文本激活态
+     * @desc 成功色的文本激活态
+     */
+    colorSuccessTextActive: string;
+}
+interface ColorWarningMapToken {
+    /**
+     * @nameZH 警戒色的浅色背景颜色
+     */
+    colorWarningBg: string;
+    /**
+     * @nameZH 警戒色的浅色背景色悬浮态
+     * @desc 警戒色的浅色背景色悬浮态
+     */
+    colorWarningBgHover: string;
+    /**
+     * @nameZH 警戒色的描边色
+     * @desc 警戒色的描边色
+     */
+    colorWarningBorder: string;
+    /**
+     * @nameZH 警戒色的描边色悬浮态
+     * @desc 警戒色的描边色悬浮态
+     */
+    colorWarningBorderHover: string;
+    /**
+     * @nameZH 警戒色的深色悬浮态
+     * @desc 警戒色的深色悬浮态
+     */
+    colorWarningHover: string;
+    /**
+     * @nameZH 警戒色
+     * @desc 最常用的警戒色，例如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该颜色
+     */
+    colorWarning: string;
+    /**
+     * @nameZH 警戒色的深色激活态
+     * @desc 警戒色的深色激活态
+     */
+    colorWarningActive: string;
+    /**
+     * @nameZH 警戒色的文本悬浮态
+     * @desc 警戒色的文本悬浮态
+     */
+    colorWarningTextHover: string;
+    /**
+     * @nameZH 警戒色的文本默认态
+     * @desc 警戒色的文本默认态
+     */
+    colorWarningText: string;
+    /**
+     * @nameZH 警戒色的文本激活态
+     * @desc 警戒色的文本激活态
+     */
+    colorWarningTextActive: string;
+}
+interface ColorInfoMapToken {
+    /**
+     * @nameZH 信息色的浅色背景颜色
+     * @desc 信息色的浅色背景颜色
+     */
+    colorInfoBg: string;
+    /**
+     * @nameZH 信息色的浅色背景色悬浮态
+     * @desc 信息色的浅色背景色悬浮态
+     */
+    colorInfoBgHover: string;
+    /**
+     * @nameZH 信息色的描边色
+     */
+    colorInfoBorder: string;
+    /**
+     * @nameZH 信息色的描边色悬浮态
+     */
+    colorInfoBorderHover: string;
+    /**
+     * @nameZH 信息色的深色悬浮态
+     */
+    colorInfoHover: string;
+    /**
+     * @nameZH 信息色
+     */
+    colorInfo: string;
+    /**
+     * @nameZH 信息色的深色激活态
+     */
+    colorInfoActive: string;
+    /**
+     * @nameZH 信息色的文本悬浮态
+     */
+    colorInfoTextHover: string;
+    /**
+     * @nameZH 信息色的文本默认态
+     */
+    colorInfoText: string;
+    /**
+     * @nameZH 信息色的文本激活态
+     */
+    colorInfoTextActive: string;
+}
+interface ColorErrorMapToken {
+    /**
+     * @nameZH 错误色的浅色背景颜色
+     */
+    colorErrorBg: string;
+    /**
+     * @nameZH 错误色的浅色背景色悬浮态
+     */
+    colorErrorBgHover: string;
+    /**
+     * @nameZH 错误色的描边色
+     */
+    colorErrorBorder: string;
+    /**
+     * @nameZH 错误色的描边色悬浮态
+     */
+    colorErrorBorderHover: string;
+    /**
+     * @nameZH 错误色的深色悬浮态
+     */
+    colorErrorHover: string;
+    /**
+     * @nameZH 错误色
+     */
+    colorError: string;
+    /**
+     * @nameZH 错误色的深色激活态
+     */
+    colorErrorActive: string;
+    /**
+     * @nameZH 错误色的文本悬浮态
+     */
+    colorErrorTextHover: string;
+    /**
+     * @nameZH 错误色的文本默认态
+     */
+    colorErrorText: string;
+    /**
+     * @nameZH 错误色的文本激活态
+     */
+    colorErrorTextActive: string;
+}
+export interface ColorMapToken extends ColorNeutralMapToken, ColorPrimaryMapToken, ColorSuccessMapToken, ColorWarningMapToken, ColorErrorMapToken, ColorInfoMapToken {
+    /**
+     * @nameZH 纯白色
+     * @desc 不随主题变化的纯白色
+     * @descEN Pure white color don't changed by theme
+     * @default #FFFFFF
+     */
+    colorWhite: string;
+    /**
+     * @nameZH 浮层的背景蒙层颜色
+     * @nameEN Background color of the mask
+     * @desc 浮层的背景蒙层颜色，用于遮罩浮层下面的内容，Modal、Drawer 等组件的蒙层使用的是该 token
+     * @descEN The background color of the mask, used to cover the content below the mask, Modal, Drawer and other components use this token
+     */
+    colorBgMask: string;
+}
+export {};

package/es/theme/interface/maps/colors.js

@@ -0,0 +1 @@
+export {};

package/es/theme/interface/maps/index.d.ts

@@ -0,0 +1,15 @@
+import type { ColorPalettes } from '../presetColors';
+import type { SeedToken } from '../seeds';
+import type { SizeMapToken, HeightMapToken, FontSizeMapToken } from './size';
+import type { ColorMapToken } from './colors';
+import type { StyleMapToken } from './style';
+export * from './colors';
+export * from './style';
+export * from './size';
+export interface CommonMapToken extends FontSizeMapToken, StyleMapToken {
+    motionDurationFast: string;
+    motionDurationMid: string;
+    motionDurationSlow: string;
+}
+export interface MapToken extends SeedToken, ColorPalettes, ColorMapToken, SizeMapToken, HeightMapToken, StyleMapToken, CommonMapToken {
+}