@oceanbase/design 1.0.0-alpha.0 → 1.0.0-alpha.10

package/lib/table/style/index.js

@@ -23,11 +23,13 @@ __export(style_exports, {
   genTableStyle: () => genTableStyle
 });
 module.exports = __toCommonJS(style_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genTableStyle = (token) => {
   const {
     antCls,
     componentCls,
+    iconCls,
     colorText,
     colorBgBase,
     colorTextSecondary,
@@ -38,7 +40,8 @@ var genTableStyle = (token) => {
     colorBorderSecondary,
     padding,
     marginLG,
-    marginXS
+    marginXS,
+    calc
   } = token;
   return {
     // 表格通用样式
@@ -53,9 +56,8 @@ var genTableStyle = (token) => {
       // head 样式
       [`${componentCls}-thead > tr`]: {
         ["th"]: {
-          // 弱化列标题
           color: colorTextSecondary,
-          fontWeight: "normal",
+          fontWeight: token.fontWeight,
           backgroundColor: colorBgBase
         },
         // 去掉排序列表头的灰色背景
@@ -75,6 +77,10 @@ var genTableStyle = (token) => {
         [`${componentCls}-tbody-virtual-scrollbar ${componentCls}-tbody-virtual-scrollbar-thumb`]: {
           background: `${token.colorFillSecondary} !important`
         },
+        // for custom expand icon
+        [`${componentCls}-row-indent+${iconCls}`]: {
+          marginInlineEnd: token.marginXS
+        },
         // expandRowByClick 行样式
         [`tr${componentCls}-expand-row-by-click`]: {
           cursor: "pointer"
@@ -88,14 +94,32 @@ var genTableStyle = (token) => {
         },
         // 为了避免行展开/收起时出现 border 动画，覆盖 antd 默认配置，仅设置背景色动画
         [`tr > td`]: {
-          transition: `background ${token.motionDurationMid}`
+          fontWeight: token.fontWeight,
+          transition: `background ${token.motionDurationMid}`,
+          a: {
+            fontWeight: token.fontWeightStrong,
+            // work for ProTable link style
+            fontSize: token.fontSizeSM
+          }
         },
-        // empty style
-        [`${componentCls}-placeholder td`]: {
-          borderBottom: "none"
+        // button is small size by default
+        [`${antCls}-btn:not(${antCls}-btn-sm):not(${antCls}-btn-lg)`]: {
+          height: token.controlHeightSM,
+          fontSize: token.fontSizeSM,
+          [`&:not(${antCls}-btn-icon-only):not(${antCls}-btn-circle)`]: {
+            paddingInline: token.paddingXS
+          },
+          [`&${antCls}-btn-icon-only`]: {
+            width: token.controlHeightSM
+          },
+          [`&${antCls}-btn-circle`]: {
+            minWidth: token.controlHeightSM
+          }
         },
+        // empty style
+        [`${componentCls}-placeholder td`]: {},
         [`${componentCls}-empty-wrapper`]: {
-          minHeight: 360 - token.paddingSM * 2,
+          minHeight: calc(360).sub(calc(token.paddingSM).mul(2).equal()).equal(),
           display: "flex",
           justifyContent: "center",
           alignItems: "center"
@@ -125,7 +149,7 @@ var genTableStyle = (token) => {
     [`${componentCls}-wrapper ${componentCls}${componentCls}-middle`]: {
       [`${componentCls}-tbody`]: {
         [`${componentCls}-empty-wrapper`]: {
-          minHeight: 260 - token.paddingXS * 2
+          minHeight: calc(260).sub(calc(token.paddingXS).mul(2).equal()).equal()
         }
       }
     },
@@ -133,17 +157,17 @@ var genTableStyle = (token) => {
     [`${componentCls}-wrapper ${componentCls}${componentCls}-small`]: {
       [`${componentCls}-tbody`]: {
         [`${componentCls}-empty-wrapper`]: {
-          minHeight: 160 - token.paddingXXS * 2
+          minHeight: calc(160).sub(calc(token.paddingXXS).mul(2).equal()).equal()
         }
       }
     },
     // 带边框的表格样式
     [`${componentCls}-wrapper ${componentCls}${componentCls}-bordered`]: {
       [`${componentCls}-footer`]: {
-        borderRadius: `0px 0px ${token.borderRadiusLG}px ${token.borderRadiusLG}px`
+        borderRadius: `0px 0px ${(0, import_cssinjs.unit)(token.borderRadiusLG)} ${(0, import_cssinjs.unit)(token.borderRadiusLG)}`
       }
     },
-    // 带边框的表格样式
+    // 带内部边框的表格样式
     [`${componentCls}-wrapper${componentCls}-inner-bordered ${componentCls}-bordered`]: {
       [`${componentCls}-container`]: {
         borderInlineStart: "none",
@@ -161,7 +185,6 @@ var genTableStyle = (token) => {
       [`${componentCls}-thead, ${componentCls}-tbody`]: {
         ["td, th"]: {
           [`&${componentCls}-row-expand-icon-cell`]: {
-            backgroundColor: colorBgBase,
             // 设置 paddingRight 即可
             paddingRight: token.paddingXS
           },
@@ -204,15 +227,19 @@ var genTableStyle = (token) => {
           [`${componentCls}-expanded-row > td`]: {
             // 除内嵌子表格外，设置其他内嵌元素样式
             [`& > *:not(${componentCls}-wrapper):not(${componentCls}-expanded-row-fixed)`]: {
-              marginLeft: token.marginXL + token.lineWidth * 2
+              marginLeft: calc(token.marginXL).add(calc(token.lineWidth).mul(2).equal()).equal()
             },
             [`& > *${componentCls}-expanded-row-fixed`]: {
-              paddingLeft: token.marginXL + token.lineWidth * 2 + token.padding
+              paddingLeft: calc(token.marginXL).add(calc(token.lineWidth).mul(2).equal()).add(token.padding).equal(),
+              margin: `-${(0, import_cssinjs.unit)(token.marginXS)} -${(0, import_cssinjs.unit)(token.margin)}`
             }
           },
           // 嵌套子表格和父表格第一列对齐
           [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
-            marginLeft: token.margin + token.lineWidth * 2
+            marginLeft: calc(token.margin).add(calc(token.lineWidth).mul(2).equal()).equal()
+          },
+          [`tr > td > ${componentCls}-expanded-row-fixed > ${componentCls}-wrapper:only-child ${componentCls}`]: {
+            marginLeft: -token.padding
           }
         }
       },
@@ -220,7 +247,7 @@ var genTableStyle = (token) => {
         [`${componentCls}-tbody`]: {
           // 嵌套子表格和父表格第一列对齐
           [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
-            marginLeft: token.margin + token.lineWidth * 2 + token.margin
+            marginLeft: calc(token.margin).add(calc(token.lineWidth).mul(2).equal()).add(token.margin).equal()
           }
         }
       }
@@ -232,15 +259,15 @@ var genTableStyle = (token) => {
           [`${componentCls}-expanded-row > td`]: {
             // 除内嵌子表格外，设置其他内嵌元素样式
             [`& > *:not(${componentCls}-wrapper):not(${componentCls}-expanded-row-fixed)`]: {
-              marginLeft: token.marginXL + token.marginXL + token.lineWidth * 2
+              marginLeft: calc(token.marginXL).add(token.marginXL).add(calc(token.lineWidth).mul(2).equal()).equal()
             },
             [`& > *${componentCls}-expanded-row-fixed`]: {
-              paddingLeft: token.marginXL + token.marginXL + token.lineWidth * 2 + token.padding
+              paddingLeft: calc(token.marginXL).add(token.marginXL).add(calc(token.lineWidth).mul(2).equal()).add(token.padding).equal()
             }
           },
           // 嵌套子表格和父表格第一列对齐
           [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
-            marginLeft: token.margin + token.marginXL + token.lineWidth * 2
+            marginLeft: calc(token.margin).add(token.marginXL).add(calc(token.lineWidth).mul(2).equal()).equal()
           }
         }
       },
@@ -248,7 +275,7 @@ var genTableStyle = (token) => {
         [`${componentCls}-tbody`]: {
           // 嵌套子表格和父表格第一列对齐
           [`tr > td > ${componentCls}-wrapper:only-child ${componentCls}`]: {
-            marginLeft: token.margin + token.marginXL + token.lineWidth * 2 + token.margin
+            marginLeft: calc(token.margin).add(token.marginXL).add(calc(token.lineWidth).mul(2).equal()).add(token.margin).equal()
           }
         }
       }
@@ -266,8 +293,22 @@ var genTableStyle = (token) => {
     [`${componentCls}-wrapper`]: {
       [`${componentCls}-pagination`]: {
         [`&${antCls}-pagination`]: {
-          padding: `${padding}px 0`,
-          margin: "0 !important"
+          fontSize: token.fontSizeSM,
+          padding: `${(0, import_cssinjs.unit)(token.paddingSM)} 0`,
+          margin: "0 !important",
+          [`${antCls}-pagination-item, ${antCls}-pagination-total-text, ${antCls}-pagination-prev, ${antCls}-pagination-next`]: {
+            height: token.controlHeightSM,
+            minWidth: token.controlHeightSM,
+            lineHeight: (0, import_cssinjs.unit)(
+              calc(token.controlHeightSM).sub(calc(token.lineWidth).mul(2)).equal()
+            )
+          },
+          [`${antCls}-pagination-options ${antCls}-select-single`]: {
+            height: token.controlHeightSM,
+            [`${antCls}-select-selector`]: {
+              paddingInline: calc(token.paddingXS).sub(token.lineWidth).equal()
+            }
+          }
         },
         // 批量操作栏样式
         [`${componentCls}-batch-operation-bar`]: {
@@ -276,10 +317,8 @@ var genTableStyle = (token) => {
           display: "inline-block",
           marginRight: marginLG,
           [`${componentCls}-batch-operation-selection`]: {
-            color: colorTextSecondary,
-            fontWeight: 500,
             [`${componentCls}-batch-operation-selection-count`]: {
-              margin: `0 ${marginXS}px`,
+              margin: `0 ${(0, import_cssinjs.unit)(marginXS)}`,
               color: colorLink
             }
           }
@@ -302,12 +341,9 @@ var genTableStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Table", (token) => {
-    return [genTableStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Table", (token) => {
+  return [genTableStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genTableStyle

package/lib/tabs/index.js

@@ -43,6 +43,7 @@ var import_useLegacyItems = __toESM(require("./hooks/useLegacyItems"));
 var import_style = __toESM(require("./style"));
 var import_TabPane = __toESM(require("./TabPane"));
 __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var isReactNode = (item) => {
   return import_react.default.isValidElement(item);
 };
@@ -59,7 +60,7 @@ var Tabs = import_react.default.forwardRef(
   }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("tabs", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const [wrapCSSVar] = (0, import_style.default)(prefixCls);
     const tabsCls = (0, import_classnames.default)(className, {
       [`${prefixCls}-no-divider`]: !divider
     });
@@ -68,9 +69,9 @@ var Tabs = import_react.default.forwardRef(
     const renderBadge = (0, import_react.useCallback)(
       (badge) => {
         if (typeof badge === "object" && !isReactNode(badge)) {
-          return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
         }
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
       },
       [prefixCls]
     );
@@ -80,7 +81,7 @@ var Tabs = import_react.default.forwardRef(
         return {
           ...item,
           key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
-          label: /* @__PURE__ */ import_react.default.createElement(
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_antd.Divider,
             {
               type: isHorizontal ? "vertical" : "horizontal",
@@ -92,13 +93,17 @@ var Tabs = import_react.default.forwardRef(
       } else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
         return {
           ...item,
-          label: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.label, item.badge && renderBadge(item.badge), !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag` }, item.tag))
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+            item.label,
+            item.badge && renderBadge(item.badge),
+            !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag`, children: item.tag })
+          ] })
         };
       }
       return item;
     });
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+    return wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Tabs,
         {
           ref,

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

@@ -1,10 +1,7 @@
 /// <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) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/tabs/style/index.js

@@ -36,15 +36,22 @@ var genTabsStyle = (token) => {
           }
         }
       },
+      [`&${componentCls}-left, &${componentCls}-right`]: {
+        [`${componentCls}-tab[data-node-key^=divider-]`]: {
+          paddingBlock: 0
+        }
+      },
       [`${componentCls}-tab`]: {
+        [`${componentCls}-tab-btn:hover`]: {
+          textShadow: "0 0 0.25px currentcolor"
+        },
         /** @deprecated */
         [`${componentCls}-tab-tag`]: {
           color: colorTextSecondary,
-          fontFamily: "PingFangSC",
           fontSize: 12,
           borderRadius: 12,
           marginInlineEnd: 0,
-          height: 20
+          height: token.controlHeightSM
         },
         [`${componentCls}-tab-badge`]: {
           [`>${antCls}-badge-count`]: {
@@ -88,12 +95,9 @@ var genTabsStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Tabs", (token) => {
-    return [genTabsStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Tabs", (token) => {
+  return [genTabsStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genTabsStyle

package/lib/tag/index.d.ts

@@ -4,6 +4,7 @@ import type { Ellipsis } from '../_util/getEllipsisConfig';
 export * from 'antd/es/tag';
 export interface TagProps extends AntTagProps {
     ellipsis?: Ellipsis;
+    pill?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>> & {
     CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;

package/lib/tag/index.js

@@ -41,41 +41,51 @@ var import_typography = __toESM(require("../typography"));
 var import_style = __toESM(require("./style"));
 var import_getEllipsisConfig = require("../_util/getEllipsisConfig");
 __reExport(tag_exports, require("antd/es/tag"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Tag = import_react.default.forwardRef(
   ({
     children,
     prefixCls: customizePrefixCls,
     icon,
     className,
+    color: colorProp,
     ellipsis = {
       tooltip: {
         title: children
       }
     },
+    pill,
     ...restProps
   }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("tag", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const [wrapCSSVar] = (0, import_style.default)(prefixCls);
+    const isCritical = colorProp === "critical";
     const ellipsisConfig = (0, import_getEllipsisConfig.getEllipsisConfig)(ellipsis, children);
     const tagCls = (0, import_classnames.default)(
       {
-        [`${prefixCls}-ellipsis`]: !!ellipsisConfig
+        [`${prefixCls}-ellipsis`]: !!ellipsisConfig,
+        [`${prefixCls}-pill`]: pill,
+        [`${prefixCls}-critical`]: isCritical
       },
       className
     );
-    const realIcon = icon ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-icon` }, icon) : null;
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+    const realIcon = icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-icon`, children: icon }) : null;
+    return wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Tag,
         {
           ref,
           prefixCls: customizePrefixCls,
           className: tagCls,
           icon: ellipsisConfig ? null : icon,
-          ...restProps
-        },
-        ellipsisConfig ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: ellipsisConfig }, realIcon, children) : children
+          color: isCritical ? void 0 : colorProp,
+          ...restProps,
+          children: ellipsisConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_typography.default.Text, { ellipsis: ellipsisConfig, children: [
+            realIcon,
+            children
+          ] }) : children
+        }
       )
     );
   }

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

@@ -1,12 +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>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/tag/style/index.js

@@ -25,42 +25,51 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_internal = require("antd/es/theme/internal");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var import_internal2 = require("antd/lib/theme/internal");
-var import_getWeakenBorderColor = require("../../_util/getWeakenBorderColor");
-var getTagBorderColor = (color) => {
-  return (0, import_getWeakenBorderColor.getWeakenBorderColor)(color);
-};
 var genTagPresetStatusStyle = (token, status) => {
-  const borderColorMap = {
+  const colorMap = {
+    success: token.colorSuccessText,
+    processing: token.colorInfoText,
+    warning: token.colorWarningText,
+    error: token.colorErrorText,
+    critical: token.colorFuchsiaText
+  };
+  const bgMap = {
+    success: token.colorSuccessBg,
+    processing: token.colorInfoBg,
+    warning: token.colorWarningBg,
+    error: token.colorErrorBg,
+    critical: token.colorFuchsiaBg
+  };
+  const borderMap = {
     success: token.colorSuccessBorder,
     processing: token.colorInfoBorder,
+    warning: token.colorWarningBorder,
     error: token.colorErrorBorder,
-    warning: token.colorWarningBorder
+    critical: token.colorFuchsiaBorder
   };
   return {
     [`${token.componentCls}${token.componentCls}-${status}`]: {
-      borderColor: getTagBorderColor(borderColorMap[status])
+      color: colorMap[status],
+      background: bgMap[status],
+      borderColor: borderMap[status],
+      [`&${token.componentCls}-borderless`]: {
+        borderColor: "transparent"
+      }
     }
   };
 };
-var genPresetStyle = (token) => (0, import_internal2.genPresetColor)(token, (colorKey, { lightBorderColor }) => {
-  return {
-    [`${token.componentCls}${token.componentCls}-${colorKey}`]: {
-      borderColor: getTagBorderColor(lightBorderColor)
-    }
-  };
-});
 var genTagStyle = (token) => {
-  const { antCls, componentCls, tagPaddingHorizontal, lineWidth, calc } = token;
-  const paddingInline = calc(tagPaddingHorizontal).sub(lineWidth).equal();
+  const { antCls, componentCls, iconCls } = token;
   return {
     [`${componentCls}`]: {
       paddingInline: token.paddingXS,
-      borderColor: getTagBorderColor(token.colorBorder),
       fontSize: token.fontSizeSM,
+      [`${componentCls}-close-icon${iconCls}`]: {
+        marginInlineStart: token.marginXXS
+      },
       [`${antCls}-typography`]: {
         [`${componentCls}-icon`]: {
-          marginInlineEnd: paddingInline
+          marginInlineEnd: token.marginXXS
         }
       },
       ["&-ellipsis"]: {
@@ -77,27 +86,27 @@ var genTagStyle = (token) => {
       },
       ["&-borderless"]: {
         borderColor: "transparent"
+      },
+      ["&-pill"]: {
+        borderRadius: 100,
+        marginInlineEnd: token.marginXXS,
+        borderColor: token.colorBorderSecondary,
+        color: token.colorTextSecondary
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Tag", (token) => {
-    const tagToken = (0, import_internal.mergeToken)(token, {
-      tagPaddingHorizontal: 8
-      // Fixed padding.
-    });
-    return [
-      genTagStyle(tagToken),
-      genPresetStyle(tagToken),
-      genTagPresetStatusStyle(tagToken, "success"),
-      genTagPresetStatusStyle(tagToken, "error"),
-      genTagPresetStatusStyle(tagToken, "processing"),
-      genTagPresetStatusStyle(tagToken, "warning")
-    ];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Tag", (token) => {
+  const tagToken = (0, import_internal.mergeToken)(token, {});
+  return [
+    genTagStyle(tagToken),
+    genTagPresetStatusStyle(tagToken, "success"),
+    genTagPresetStatusStyle(tagToken, "error"),
+    genTagPresetStatusStyle(tagToken, "processing"),
+    genTagPresetStatusStyle(tagToken, "warning"),
+    genTagPresetStatusStyle(tagToken, "critical")
+  ];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genTagStyle

package/lib/theme/compact.d.ts

@@ -1,5 +1,5 @@
 declare const compactTheme: {
-    token: import("antd/es/theme/internal").AliasToken;
+    token: import("antd/es/theme/internal").SeedToken;
     components: {
         InputNumber: {
             handleVisible: boolean;

package/lib/theme/compact.js

@@ -32,13 +32,9 @@ __export(compact_exports, {
   default: () => compact_default
 });
 module.exports = __toCommonJS(compact_exports);
-var import_antd = require("antd");
 var import_index = __toESM(require("./index"));
 var compactTheme = {
-  token: import_antd.theme.getDesignToken({
-    algorithm: import_antd.theme.compactAlgorithm,
-    token: import_index.default.defaultSeed
-  }),
+  token: import_index.default.defaultSeed,
   components: {
     InputNumber: {
       handleVisible: true

package/lib/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;