@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.3

package/es/index.js

@@ -7,6 +7,7 @@ export { default as Space } from "./space";
 export { Col, Row } from "./grid";
 export { default as Typography } from "./typography";
 export { default as Card } from "./card";
+export { default as App } from "./app";
 export { default as ConfigProvider } from "./config-provider";
 export { default as Descriptions } from "./descriptions";
 export { default as Empty } from "./empty";

package/es/modal/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ModalToken = FullToken<'Modal'>;
 export declare const genModalStyle: GenerateStyle<ModalToken>;
 declare const _default: (prefixCls: string) => {

package/es/radio/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type RadioToken = FullToken<'Radio'>;
 export declare const genRadioStyle: GenerateStyle<RadioToken>;
 declare const _default: (prefixCls: string) => {

package/es/result/index.d.ts

@@ -8,10 +8,10 @@ export type ResultStatusType = AntResultStatusType | 'processing';
 export interface ResultProps extends Omit<AntResultProps, 'status'> {
     status?: ResultStatusType;
 }
-export interface ResultType extends React.FC<ResultProps> {
+export type ResultType = React.FC<ResultProps> & {
     PRESENTED_IMAGE_403: typeof Image403;
     PRESENTED_IMAGE_404: typeof Image404;
     PRESENTED_IMAGE_500: typeof Image500;
-}
+};
 declare const Result: ResultType;
 export default Result;

package/es/result/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["status", "prefixCls"];
+var _excluded = ["prefixCls", "className", "status"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -22,15 +22,16 @@ import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export * from 'antd/es/result';
 var Result = function Result(_ref) {
-  var status = _ref.status,
-    customizePrefixCls = _ref.prefixCls,
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    status = _ref.status,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('result', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  var resultCls = classNames(prefixCls);
+  var resultCls = classNames(className);
   var statusMap = {
     success: /*#__PURE__*/_jsx(Success, {}),
     error: /*#__PURE__*/_jsx(Error, {}),

package/es/result/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ResultToken = FullToken<'Result'>;
 export declare const genResultStyle: GenerateStyle<ResultToken>;
 declare const _default: (prefixCls: string) => {

package/es/select/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SelectToken = FullToken<'Select'>;
 export declare const genSelectStyle: GenerateStyle<SelectToken>;
 declare const _default: (prefixCls: string) => {

package/es/slider/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SliderToken = FullToken<'Slider'>;
 export declare const genSliderStyle: GenerateStyle<SliderToken>;
 declare const _default: (prefixCls: string) => {

package/es/space/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type FullToken, type GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SpaceToken = FullToken<'Space'>;
 export declare const genSpaceStyle: GenerateStyle<SpaceToken>;
 declare const _default: (prefixCls: string) => {

package/es/spin/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SpinToken = FullToken<'Spin'> & {
     spinDotSize: number;
     spinDotSizeSM: number;

package/es/switch/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type SwitchToken = FullToken<'Switch'>;
 export declare const genSwitchStyle: GenerateStyle<SwitchToken>;
 declare const _default: (prefixCls: string) => {

package/es/table/style/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TableToken = FullToken<'Table'>;
 export declare const genTableStyle: (token: TableToken) => CSSObject;
 declare const _default: (prefixCls: string) => {

package/es/table/style/index.js

@@ -46,9 +46,7 @@ export var genTableStyle = function genTableStyle(token) {
     borderBottom: 'none'
   })), "tr > td", {
     transition: "background ".concat(token.motionDurationMid)
-  }), "".concat(componentCls, "-placeholder td"), {
-    borderBottom: 'none'
-  }), "".concat(componentCls, "-empty-wrapper"), {
+  }), "".concat(componentCls, "-placeholder td"), {}), "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 360 - token.paddingSM * 2,
     display: 'flex',
     justifyContent: 'center',

package/es/tabs/style/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TabsToken = FullToken<'Tabs'>;
 export declare const genTabsStyle: (token: Partial<TabsToken>) => CSSObject;
 declare const _default: (prefixCls: string) => {

package/es/tabs/style/index.js

@@ -14,11 +14,10 @@ export var genTabsStyle = function genTabsStyle(token) {
     border: 'none'
   }))), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
     color: colorTextSecondary,
-    fontFamily: 'PingFangSC',
     fontSize: 12,
     borderRadius: 12,
     marginInlineEnd: 0,
-    height: 20
+    height: token.controlHeightSM
   }), "".concat(componentCls, "-tab-badge"), _defineProperty(_defineProperty({}, ">".concat(antCls, "-badge-count"), {
     color: colorTextSecondary,
     backgroundColor: colorFillQuaternary

package/es/tag/style/index.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { type FullToken } from 'antd/es/theme/internal';
 import type { CSSObject } from '@ant-design/cssinjs';
-export type TagToken = FullToken<'Tag'> & {
-    tagPaddingHorizontal: number;
-};
+import type { FullToken } from '../../theme/interface';
+export type TagToken = FullToken<'Tag'>;
 export declare const genTagStyle: (token: TagToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/es/tag/style/index.js

@@ -4,43 +4,28 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { mergeToken } from 'antd/es/theme/internal';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
-import { genPresetColor } from 'antd/lib/theme/internal';
-import { getWeakenBorderColor } from "../../_util/getWeakenBorderColor";
-var getTagBorderColor = function getTagBorderColor(color) {
-  return getWeakenBorderColor(color);
-};
 var genTagPresetStatusStyle = function genTagPresetStatusStyle(token, status) {
-  var borderColorMap = {
-    success: token.colorSuccessBorder,
-    processing: token.colorInfoBorder,
-    error: token.colorErrorBorder,
-    warning: token.colorWarningBorder
+  var colorMap = {
+    success: token.colorSuccessText,
+    processing: token.colorInfoText,
+    error: token.colorErrorText,
+    warning: token.colorWarningText
   };
   return _defineProperty({}, "".concat(token.componentCls).concat(token.componentCls, "-").concat(status), {
-    borderColor: getTagBorderColor(borderColorMap[status])
-  });
-};
-var genPresetStyle = function genPresetStyle(token) {
-  return genPresetColor(token, function (colorKey, _ref2) {
-    var lightBorderColor = _ref2.lightBorderColor;
-    return _defineProperty({}, "".concat(token.componentCls).concat(token.componentCls, "-").concat(colorKey), {
-      borderColor: getTagBorderColor(lightBorderColor)
-    });
+    color: colorMap[status]
   });
 };
 export var genTagStyle = function genTagStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
-    tagPaddingHorizontal = token.tagPaddingHorizontal,
-    lineWidth = token.lineWidth,
-    calc = token.calc;
-  var paddingInline = calc(tagPaddingHorizontal).sub(lineWidth).equal();
-  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    iconCls = token.iconCls;
+  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     paddingInline: token.paddingXS,
-    borderColor: getTagBorderColor(token.colorBorder),
     fontSize: token.fontSizeSM
-  }, "".concat(antCls, "-typography"), _defineProperty({}, "".concat(componentCls, "-icon"), {
-    marginInlineEnd: paddingInline
+  }, "".concat(componentCls, "-close-icon").concat(iconCls), {
+    marginInlineStart: token.marginXXS
+  }), "".concat(antCls, "-typography"), _defineProperty({}, "".concat(componentCls, "-icon"), {
+    marginInlineEnd: token.marginXXS
   })), '&-ellipsis', {
     maxWidth: '100%',
     textOverflow: 'ellipsis',
@@ -56,10 +41,8 @@ export var genTagStyle = function genTagStyle(token) {
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Tag', function (token) {
-    var tagToken = mergeToken(token, {
-      tagPaddingHorizontal: 8 // Fixed padding.
-    });
-    return [genTagStyle(tagToken), genPresetStyle(tagToken), genTagPresetStatusStyle(tagToken, 'success'), genTagPresetStatusStyle(tagToken, 'error'), genTagPresetStatusStyle(tagToken, 'processing'), genTagPresetStatusStyle(tagToken, 'warning')];
+    var tagToken = mergeToken(token, {});
+    return [genTagStyle(tagToken), genTagPresetStatusStyle(tagToken, 'success'), genTagPresetStatusStyle(tagToken, 'error'), genTagPresetStatusStyle(tagToken, 'processing'), genTagPresetStatusStyle(tagToken, 'warning')];
   });
   return useStyle(prefixCls);
 });

package/es/theme/dark.d.ts

@@ -1,52 +1,5 @@
 declare const darkTheme: {
-    token: {
-        colorPrimary: string;
-        colorSuccess: string;
-        colorWarning: string;
-        colorError: string;
-        colorInfo: string;
-        colorTextBase: string;
-        colorBgBase: string;
-        colorLink: string;
-        fontFamily: string;
-        fontFamilyCode: string;
-        fontSize: number;
-        lineWidth: number;
-        lineType: string;
-        borderRadius: number;
-        sizeUnit: number;
-        sizeStep: number;
-        sizePopupArrow: number;
-        controlHeight: number;
-        zIndexBase: number;
-        zIndexPopupBase: number;
-        opacityImage: number;
-        motionUnit: number;
-        motionBase: number;
-        motionEaseOutCirc: string;
-        motionEaseInOutCirc: string;
-        motionEaseInOut: string;
-        motionEaseOutBack: string;
-        motionEaseInBack: string;
-        motionEaseInQuint: string;
-        motionEaseOutQuint: string;
-        motionEaseOut: string;
-        wireframe: boolean;
-        motion: boolean;
-        blue: string;
-        purple: string;
-        cyan: string;
-        green: string;
-        magenta: string;
-        pink: string;
-        red: string;
-        orange: string;
-        yellow: string;
-        volcano: string;
-        geekblue: string;
-        lime: string;
-        gold: string;
-    };
+    token: import("antd/es/theme/internal").SeedToken;
     components: {
         InputNumber: {
             handleVisible: boolean;

package/es/theme/default.d.ts

@@ -1,4 +1,6 @@
-import type { ThemeConfig } from 'antd';
 export declare const fontFamilyEn = "Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'";
-declare const _default: ThemeConfig;
+export declare const fontWeightWeakEn = 400;
+export declare const fontWeightEn = 500;
+export declare const fontWeightStrongEn = 600;
+declare const _default: import("antd").ThemeConfig;
 export default _default;

package/es/theme/default.js

@@ -11,43 +11,64 @@ var colorPrimarySecondary = '#598CF3';
 var colorText = '#132039';
 var colorTextSecondary = '#5C6B8A';
 var colorTextTertiary = '#8592AD';
-var colorTextQuaternary = '#C1CBE0';
+var colorTextQuaternary = '#B6C0D4';
 var colorFill = '#CDD5E4';
 var colorFillSecondary = '#E2E8F3';
-var colorFillTertiary = '#F3F6FC';
-var colorFillQuaternary = '#F8FAFE';
-var colorFillHover = '#EFF3FA';
-var colorFillSelected = '#E2E8F3';
+var colorFillTertiary = '#EFF3FA';
+var colorFillQuaternary = '#F7F9FC';
 var colorBorderSecondary = colorFillSecondary;
-// Calculated by colorBorder and getWeakenBorderColor()
-var tagColorBorder = '#cdd5e466';
+var fontSizeSM = 12;
+var tagColorBorder = colorTextQuaternary;
 export var fontFamilyEn = "Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'";
+export var fontWeightWeakEn = 400;
+export var fontWeightEn = 500;
+export var fontWeightStrongEn = 600;
 var defaultTheme = {
   token: {
     fontFamily: "-apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
     fontFamilyCode: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-    borderRadius: 4,
-    borderRadiusLG: 6,
+    fontWeightWeak: 400,
+    fontWeight: 400,
+    fontWeightStrong: 500,
     borderRadiusSM: 2,
+    borderRadius: 4,
+    borderRadiusMD: 6,
+    borderRadiusLG: 8,
+    fontSizeSM: fontSizeSM,
     fontSize: 13,
-    fontSizeSM: 12,
+    lineHeight: 20 / 13,
+    fontHeight: 20,
+    fontSizeLG: 16,
+    fontSizeHeading1: 24,
+    fontSizeHeading2: 20,
+    fontSizeHeading3: 18,
+    fontSizeHeading4: 16,
+    fontSizeHeading5: 13,
+    controlHeightSM: 24,
+    controlHeight: 28,
     colorPrimary: colorPrimary,
     colorInfo: colorPrimary,
-    colorInfoBorder: '#598CF3',
-    colorInfoBg: '#EAF1FF',
-    colorInfoText: '#083E8B',
-    colorSuccess: '#14B781',
-    colorSuccessBorder: '#7ED7BA',
-    colorSuccessBg: '#E8F8F3',
-    colorSuccessText: '#096547',
+    colorInfoBorder: '#619EF3',
+    colorInfoBg: '#F3F8FE',
+    colorInfoHover: '#0852BB',
+    colorInfoActive: '#0852BB',
+    colorInfoText: '#0D3C80',
+    colorSuccess: '#16B882',
+    colorSuccessBorder: '#79D1B4',
+    colorSuccessBg: '#F5FAF8',
+    colorSuccessText: '#09593F',
     colorWarning: '#F49F25',
-    colorWarningBorder: '#F9CB87',
-    colorWarningBg: '#FEF6E9',
-    colorWarningText: '#5B3600',
-    colorError: '#EF4343',
+    colorWarningBorder: '#FAC373',
+    colorWarningBg: '#FFF9EE',
+    colorWarningText: '#6C4408',
+    colorError: '#EB4242',
     colorErrorBorder: '#F69898',
-    colorErrorBg: '#FDECEC',
+    colorErrorBg: '#FFF2F2',
     colorErrorText: '#8A1B1B',
+    colorFuchsia: '#B04EC4',
+    colorFuchsiaBorder: '#D88EE7',
+    colorFuchsiaBg: '#FAF0FC',
+    colorFuchsiaText: '#580E67',
     colorTextBase: '#000000',
     colorText: colorText,
     colorTextSecondary: colorTextSecondary,
@@ -63,7 +84,8 @@ var defaultTheme = {
     colorFillSecondary: colorFillSecondary,
     colorFillTertiary: colorFillTertiary,
     colorFillQuaternary: colorFillQuaternary,
-    colorBgMask: 'rgba(19, 32, 57, 0.45)',
+    colorBgContainerDisabled: colorFillTertiary,
+    colorBgMask: 'rgba(19, 32, 57, 0.6)',
     colorBgElevated: '#ffffff',
     colorBgSpotlight: '#ffffff',
     boxShadow: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
@@ -74,16 +96,20 @@ var defaultTheme = {
     lineWidthFocus: 0
   },
   components: {
-    Badge: {
-      colorInfo: colorPrimarySecondary
-    },
     Breadcrumb: {
-      fontSize: 12,
-      // @ts-ignore
-      // fontHeight is internal token
+      fontSize: fontSizeSM,
       fontHeight: 20,
       lastItemColor: colorTextSecondary
     },
+    Button: {
+      contentFontSizeSM: 12,
+      borderRadiusSM: 4,
+      borderRadius: 4,
+      borderRadiusLG: 4,
+      paddingInlineSM: 8,
+      paddingInline: 12,
+      paddingInlineLG: 12
+    },
     Card: {
       headerFontSize: 16,
       borderRadiusLG: 8
@@ -91,6 +117,9 @@ var defaultTheme = {
     Collapse: {
       colorBorder: colorBorderSecondary
     },
+    Descriptions: {
+      labelColor: colorTextSecondary
+    },
     InputNumber: {
       handleVisible: true
     },
@@ -101,6 +130,9 @@ var defaultTheme = {
       // temporarily fix style for checked disabled Radio.Button
       controlItemBgActiveDisabled: colorFillSecondary
     },
+    Segmented: {
+      trackBg: colorFillTertiary
+    },
     Select: {
       // work for all multiple select component, including Select, TreeSelect and Cascader and so on
       multipleItemBg: colorFillQuaternary,
@@ -115,6 +147,9 @@ var defaultTheme = {
       handleActiveColor: '#5189fb',
       handleColorDisabled: '#b3ccff'
     },
+    Skeleton: {
+      blockRadius: 4
+    },
     Tabs: {
       horizontalItemGutter: 24,
       itemActiveColor: colorText,
@@ -122,15 +157,15 @@ var defaultTheme = {
       itemHoverColor: colorText
     },
     Tag: {
-      defaultColor: colorTextSecondary,
-      colorBorder: tagColorBorder
+      colorBorder: tagColorBorder,
+      borderRadiusSM: 4
     },
     Table: {
-      cellFontSize: 12,
+      cellFontSize: fontSizeSM,
       headerSplitColor: 'transparent',
-      cellPaddingBlock: 12,
+      cellPaddingBlock: 8,
       cellPaddingInline: 16,
-      cellPaddingBlockMD: 8,
+      cellPaddingBlockMD: 6,
       cellPaddingBlockSM: 4,
       rowHoverBg: colorFillQuaternary,
       rowSelectedBg: colorFillQuaternary,
@@ -151,7 +186,8 @@ var defaultTheme = {
       itemColor: '#36496F',
       itemSelectedColor: colorText,
       itemMarginBlock: 6,
-      groupTitleFontSize: 11
+      groupTitleFontSize: 11,
+      groupTitleColor: colorTextSecondary
     }
   }
 };

package/es/theme/index.d.ts

@@ -1,71 +1,34 @@
 /// <reference types="react" />
+import { theme } from 'antd';
+import type { Theme } from '@ant-design/cssinjs';
+import type { SeedToken } from 'antd/lib/theme/interface';
+import type { GlobalToken, AliasToken } from './interface';
 export * from 'antd/lib/theme/internal';
 export * from 'antd/lib/theme';
-declare const _default: {
-    defaultSeed: {
-        colorPrimary: string;
-        colorSuccess: string;
-        colorWarning: string;
-        colorError: string;
-        colorInfo: string;
-        colorTextBase: string;
-        colorBgBase: string;
-        colorLink: string;
-        fontFamily: string;
-        fontFamilyCode: string;
-        fontSize: number;
-        lineWidth: number;
-        lineType: string;
-        borderRadius: number;
-        sizeUnit: number;
-        sizeStep: number;
-        sizePopupArrow: number;
-        controlHeight: number;
-        zIndexBase: number;
-        zIndexPopupBase: number;
-        opacityImage: number;
-        motionUnit: number;
-        motionBase: number;
-        motionEaseOutCirc: string;
-        motionEaseInOutCirc: string;
-        motionEaseInOut: string;
-        motionEaseOutBack: string;
-        motionEaseInBack: string;
-        motionEaseInQuint: string;
-        motionEaseOutQuint: string;
-        motionEaseOut: string;
-        wireframe: boolean;
-        motion: boolean;
-        blue: string;
-        purple: string;
-        cyan: string;
-        green: string;
-        magenta: string;
-        pink: string;
-        red: string;
-        orange: string;
-        yellow: string;
-        volcano: string;
-        geekblue: string;
-        lime: string;
-        gold: string;
+declare const _default: Omit<{
+    defaultSeed: import("antd/es/theme/interface/seeds").SeedToken;
+    useToken: () => {
+        theme: Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/internal").AliasToken>;
+        token: import("antd").GlobalToken;
+        hashId: string;
     };
+    defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
+    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface/maps").MapToken>;
+    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface/maps").MapToken>;
+    getDesignToken: (config?: import("antd").ThemeConfig) => import("antd/es/theme/internal").AliasToken;
     defaultConfig: {
-        token: import("antd/es/theme/internal").SeedToken;
+        token: import("antd/es/theme/interface/seeds").SeedToken;
         override: {
-            override: import("antd/es/theme/internal").SeedToken;
+            override: import("antd/es/theme/interface/seeds").SeedToken;
         };
         hashed: boolean;
     };
+    _internalContext: import("react").Context<import("antd/es/theme/context").DesignTokenProviderProps>;
+}, "useToken"> & {
     useToken: () => {
-        theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
-        token: import("antd").GlobalToken;
+        theme: Theme<SeedToken, AliasToken>;
+        token: GlobalToken;
         hashId: string;
     };
-    defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
-    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
-    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
-    getDesignToken: (config?: import("antd").ThemeConfig) => import("antd/es/theme/internal").AliasToken;
-    _internalContext: import("react").Context<import("antd/es/theme/context").DesignTokenProviderProps>;
 };
 export default _default;

package/es/theme/interface.d.ts

@@ -1 +1,67 @@
+import type { GlobalToken as GlobalTokenTypeUtil, OverrideTokenMap as OverrideTokenTypeUtil, FullToken as FullTokenTypeUtil, TokenMapKey } from '@ant-design/cssinjs-utils';
+import type { AliasToken as AntAliasToken, ComponentTokenMap } from 'antd/es/theme/interface';
 export * from 'antd/es/theme/interface';
+export interface AliasToken extends AntAliasToken {
+    /**
+     * @nameZH 正文的字体粗细
+     * @nameEN Font weight for body text
+     * @desc 控制正文的字体粗细。
+     * @descEN Control the font weight of body text.
+     */
+    fontWeight: number;
+    /**
+     * @nameZH 辅助描述的字体粗细，一般弱于正文
+     * @nameEN Font weight for auxiliary description, usually weaker than body text
+     * @desc 控制辅助描述的字体粗细，一般弱于正文。
+     * @descEN Control the font weight of auxiliary description, usually weaker than body text.
+     */
+    fontWeightWeak: number;
+    /**
+     * @nameZH 等于 fontSize * lineHeight 的值
+     * @nameEN Round of fontSize * lineHeight
+     * @desc 等于 fontSize * lineHeight 的值。
+     * @descEN Round of fontSize * lineHeight.
+     */
+    fontHeight: number;
+    /**
+     * @nameZH MD号圆角
+     * @nameEN MD Border Radius
+     * @desc MD号圆角，用于组件中的一些中圆角，如嵌套 Card、Alert、Tooltip、Dropdown 等一些组件样式。
+     * @descEN MD size border radius, used in some medium border radius components, such as nested Card, Alert, Tooltip, Dropdown etc.
+     * @default 6
+     */
+    borderRadiusMD: number;
+    /**
+     * @nameZH 严重错误色
+     * @nameEN Critical Error Color
+     * @desc 用于表示操作严重失败的 Token 序列，如严重错误告警等。
+     * @descEN Used to represent the visual elements of the operation serious failure, such as critical error alert etc.
+     */
+    colorFuchsia: string;
+    /**
+     * @nameZH 严重错误色的描边色
+     * @nameEN Critical error border color
+     * @desc 严重错误色的描边色
+     * @descEN The border color of the critical error state.
+     */
+    colorFuchsiaBorder: string;
+    /**
+     * @nameZH 严重错误色背景
+     * @nameEN Critical error background color
+     * @desc 严重错误色背景
+     * @descEN The background color of the critical error state.
+     */
+    colorFuchsiaBg: string;
+    /**
+     * @nameZH 严重错误色文本
+     * @nameEN Critical error text color
+     * @desc 严重错误色文本
+     * @descEN The text color of the critical error state.
+     */
+    colorFuchsiaText: string;
+}
+/** Final token which contains the components level override */
+export type GlobalToken = GlobalTokenTypeUtil<ComponentTokenMap, AliasToken>;
+export type OverrideToken = OverrideTokenTypeUtil<ComponentTokenMap, AliasToken>;
+export type OverrideComponent = TokenMapKey<ComponentTokenMap>;
+export type FullToken<C extends TokenMapKey<ComponentTokenMap>> = FullTokenTypeUtil<ComponentTokenMap, AliasToken, C>;