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

package/lib/button/style/index.js

@@ -20,20 +20,59 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var style_exports = {};
 __export(style_exports, {
   default: () => style_default,
-  genButtonStyle: () => genButtonStyle
+  genButtonStyle: () => genButtonStyle,
+  genPresetColorStyle: () => genPresetColorStyle
 });
 module.exports = __toCommonJS(style_exports);
+var import_interface = require("../../theme/interface");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genButtonStyle = (token) => {
-  return {};
+var genPresetColorStyle = (token) => {
+  const { componentCls } = token;
+  const addPresetColors = ["primary", "dangerous"];
+  return [...import_interface.PresetColors, ...addPresetColors].reduce(
+    (prev, colorKey) => {
+      const colorKeyMap = {
+        primary: "blue",
+        dangerous: "red"
+      };
+      const bgColor = addPresetColors.includes(colorKey) ? token[`${colorKeyMap[colorKey]}4`] : token[`${colorKey}6`];
+      return {
+        ...prev,
+        [`&${componentCls}-color-${colorKey}:hover`]: {
+          color: token.colorTextLightSolid,
+          background: bgColor,
+          borderColor: bgColor
+        }
+      };
+    },
+    {}
+  );
 };
-var style_default = (prefixCls, isAliyun) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Button", (token) => {
-    return isAliyun ? [] : [genButtonStyle(token)];
-  });
-  return useStyle(prefixCls);
+var genButtonStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {
+      // remove box-shadow for button
+      boxShadow: "none !important",
+      [`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
+        [`&:not(:disabled):not(${componentCls}-disabled):hover`]: {
+          [`&:not(${componentCls}-color-dangerous)`]: {
+            borderColor: token.gray7,
+            color: token.colorText
+          },
+          [`&:not(${componentCls}-loading)`]: {
+            ...genPresetColorStyle(token)
+          }
+        }
+      }
+    }
+  };
 };
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Button", (token) => {
+  return [genButtonStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genButtonStyle
+  genButtonStyle,
+  genPresetColorStyle
 });

package/lib/card/index.d.ts

@@ -5,9 +5,20 @@ export * from 'antd/es/card';
 export interface CardTabListType extends AntCardTabListType {
     tag?: React.ReactNode;
 }
+export interface CardLocale {
+    viewDocument?: string;
+}
 export interface CardProps extends AntCardProps {
+    subTitle?: React.ReactNode;
+    document?: string | React.MouseEventHandler<HTMLAnchorElement> | React.ReactNode;
     divided?: boolean;
+    gray?: boolean;
     tabList?: CardTabListType[];
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+    locale?: CardLocale;
 }
 declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Grid: React.FC<import("antd/es/card").CardGridProps>;

package/lib/card/index.js

@@ -37,36 +37,148 @@ var import_util = require("@oceanbase/util");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
+var import_icons = require("@oceanbase/icons");
 var import_config_provider = __toESM(require("../config-provider"));
+var import_en_US = __toESM(require("../locale/en-US"));
 var import_util2 = require("../_util");
+var import_theme = __toESM(require("../theme"));
 var import_style = __toESM(require("./style"));
 __reExport(card_exports, require("antd/es/card/Card"), module.exports);
 __reExport(card_exports, require("antd/es/card"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Card = import_react.default.forwardRef(
   ({
     children,
     size,
     title,
+    subTitle,
+    document,
+    extra,
     tabList,
+    tabProps,
+    tabBarExtraContent,
     divided: outerDivided,
+    gray,
     prefixCls: customizePrefixCls,
     bodyStyle,
     styles,
     className,
+    collapsible,
+    defaultCollapsed,
+    collapsed: outerCollapsed,
+    onCollapse,
+    locale: customLocale,
     ...restProps
   }, ref) => {
     var _a;
-    const { getPrefixCls, card: contextCard } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const {
+      getPrefixCls,
+      card: contextCard,
+      locale: contextLocale
+    } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const { token } = import_theme.default.useToken();
     const divided = outerDivided ?? (contextCard == null ? void 0 : contextCard.divided) ?? true;
+    const cardLocale = {
+      ...import_en_US.default.Card,
+      ...contextLocale == null ? void 0 : contextLocale.Card,
+      ...customLocale
+    };
     const prefixCls = getPrefixCls("card", customizePrefixCls);
     const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls, tabsPrefixCls);
+    const [wrapCSSVar] = (0, import_style.default)(prefixCls, tabsPrefixCls);
+    const [internalCollapsed, setInternalCollapsed] = (0, import_react.useState)(defaultCollapsed ?? false);
+    const collapsed = outerCollapsed !== void 0 ? outerCollapsed : internalCollapsed;
+    const handleCollapse = (0, import_react.useCallback)(() => {
+      const newCollapsed = !collapsed;
+      if (outerCollapsed === void 0) {
+        setInternalCollapsed(newCollapsed);
+      }
+      onCollapse == null ? void 0 : onCollapse(newCollapsed);
+    }, [collapsed, outerCollapsed, onCollapse]);
+    const documentLink = typeof document === "string" ? document : void 0;
+    const documentClick = typeof document === "function" ? document : void 0;
+    const cardTitle = (0, import_react.useMemo)(() => {
+      if (!collapsible && !subTitle && !document) {
+        return title;
+      }
+      if (!title) {
+        return null;
+      }
+      const titleContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title }),
+        (subTitle || document) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { className: `${prefixCls}-sub-title-wrapper`, size: "small", children: [
+          subTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-sub-title`, children: subTitle }),
+          document && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", children: [
+            document && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { type: "vertical", className: `${prefixCls}-document-divider` }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: cardLocale.viewDocument, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href: documentLink,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onClick: documentClick,
+                className: `${prefixCls}-document-icon`,
+                children: documentLink || documentClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocumentIcon, { className: `${prefixCls}-document-default-icon` }) : document
+              }
+            ) })
+          ] })
+        ] })
+      ] });
+      if (!collapsible) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: `${prefixCls}-title-wrapper`,
+            style: { display: "flex", alignItems: "center" },
+            children: titleContent
+          }
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: `${prefixCls}-title-wrapper`,
+          onClick: handleCollapse,
+          style: { cursor: "pointer", display: "flex", alignItems: "center" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.CaretRightFilled,
+              {
+                className: `${prefixCls}-collapsible-icon`,
+                style: {
+                  transition: `transform ${token.motionDurationMid}`,
+                  transform: collapsed ? void 0 : "rotate(90deg)",
+                  color: token.colorIcon,
+                  marginRight: token.marginXS
+                }
+              }
+            ),
+            titleContent
+          ]
+        }
+      );
+    }, [
+      collapsible,
+      title,
+      subTitle,
+      document,
+      documentLink,
+      documentClick,
+      collapsed,
+      prefixCls,
+      token,
+      handleCollapse,
+      cardLocale.viewDocument
+    ]);
     const noBodyHorizontalPadding = (0, import_util2.isHorizontalPaddingZero)(bodyStyle == null ? void 0 : bodyStyle.padding) || (0, import_util2.isHorizontalPaddingZero)((_a = styles == null ? void 0 : styles.body) == null ? void 0 : _a.padding);
     const cardCls = (0, import_classnames.default)(
       {
-        [`${prefixCls}-has-title`]: !!title,
+        [`${prefixCls}-has-head`]: !!(title || extra || tabList || tabBarExtraContent),
         [`${prefixCls}-no-divider`]: !divided,
-        [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding
+        [`${prefixCls}-gray`]: gray,
+        [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding,
+        [`${prefixCls}-collapsible`]: collapsible,
+        [`${prefixCls}-collapsed`]: collapsed
       },
       className
     );
@@ -74,26 +186,37 @@ var Card = import_react.default.forwardRef(
       if (!(0, import_util.isNullValue)(item.tag)) {
         return {
           ...item,
-          tab: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.tab, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag` }, item.tag))
+          tab: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+            item.tab,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag`, children: item.tag })
+          ] })
         };
       }
       return item;
     });
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+    return wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Card,
         {
           ref,
           size,
-          title,
+          title: cardTitle,
+          extra,
           tabList: newTabList,
+          tabBarExtraContent,
+          tabProps: {
+            size: size === "small" ? "small" : "middle",
+            ...tabProps
+          },
           prefixCls: customizePrefixCls,
-          bodyStyle,
+          bodyStyle: {
+            ...bodyStyle
+          },
           styles,
           className: cardCls,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }
@@ -101,6 +224,31 @@ var Card = import_react.default.forwardRef(
 if (process.env.NODE_ENV !== "production") {
   Card.displayName = import_antd.Card.displayName;
 }
+var DocumentIcon = ({ className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#clip0_61186_2038)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M7.99992 4.66667C7.99992 3.95942 7.71897 3.28115 7.21887 2.78105C6.71877 2.28095 6.0405 2 5.33325 2H1.33325V12H5.99992C6.53035 12 7.03906 12.2107 7.41413 12.5858C7.78921 12.9609 7.99992 13.4696 7.99992 14M7.99992 4.66667V14M7.99992 4.66667C7.99992 3.95942 8.28087 3.28115 8.78097 2.78105C9.28106 2.28095 9.95934 2 10.6666 2H14.6666V12H9.99992C9.46949 12 8.96078 12.2107 8.5857 12.5858C8.21063 12.9609 7.99992 13.4696 7.99992 14",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_61186_2038", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+      ]
+    }
+  );
+};
 var card_default = Object.assign(Card, {
   Grid: import_antd.Card.Grid,
   Meta: import_antd.Card.Meta,

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

@@ -1,14 +1,11 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type CardToken = FullToken<'Card'> & {
     tabsComponentCls: string;
     tabsPrefixCls: string;
 };
 export declare const genTableStyle: (padding: number, token: Partial<CardToken>) => CSSObject;
 export declare const genCardStyle: GenerateStyle<CardToken>;
-declare const _default: (prefixCls: string, tabsPrefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, tabsPrefixCls: 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/card/style/index.js

@@ -55,19 +55,40 @@ var genTableStyle = (padding, token) => {
   };
 };
 var genCardStyle = (token) => {
-  const { componentCls, antCls, tabsComponentCls, tabsPrefixCls, paddingSM, paddingLG } = token;
+  var _a;
+  const { componentCls, antCls, tabsComponentCls, tabsPrefixCls, paddingSM, paddingLG, calc } = token;
   const tableComponentCls = `${antCls}-table`;
   return {
     [`${componentCls}`]: {
-      // nested Card style
-      [`${componentCls}:not(${componentCls}-bordered):not(${componentCls}-type-inner)`]: {
-        boxShadow: "none"
-      }
-    },
-    [`${componentCls}${componentCls}-no-divider`]: {
       [`${componentCls}-head`]: {
-        // should not remove border-bottom to avoid tabs inkbar display correctly
-        borderBottomColor: "transparent",
+        // subTitle style
+        [`${componentCls}-sub-title-wrapper`]: {
+          marginInlineStart: token.marginXS
+        },
+        [`${componentCls}-sub-title`]: {
+          fontWeight: "normal",
+          fontSize: token.fontSize,
+          color: token.colorTextDescription
+        },
+        [`${componentCls}-document-divider`]: {
+          marginInline: 0,
+          height: token.size
+        },
+        [`${componentCls}-document-icon`]: {
+          display: "inline-block",
+          color: token.colorIcon,
+          fontSize: token.fontSizeLG,
+          cursor: "pointer",
+          "&:hover": {
+            color: token.colorLinkHover
+          },
+          "&:active": {
+            color: token.colorLinkActive
+          }
+        },
+        [`${componentCls}-document-default-icon`]: {
+          marginTop: (token.controlHeight - token.fontSizeLG) / 2
+        },
         // remove divider for top and bottom tabs
         [tabsComponentCls]: {
           [`&${tabsComponentCls}-top, &${tabsComponentCls}-bottom`]: {
@@ -76,16 +97,61 @@ var genCardStyle = (token) => {
             }
           }
         }
+      },
+      [`${componentCls}-body`]: {
+        paddingTop: token.padding
+      },
+      // nested Card style
+      [`${componentCls}:not(${componentCls}-bordered):not(${componentCls}-type-inner)`]: {
+        boxShadow: "none"
+      },
+      // nested and bordered Card radius
+      [`${componentCls}${componentCls}-bordered`]: {
+        borderRadius: calc(token.borderRadiusLG).sub(2).equal(),
+        [`${componentCls}${componentCls}-bordered`]: {
+          borderRadius: token.borderRadius,
+          [`${componentCls}${componentCls}-bordered`]: {
+            borderRadius: token.borderRadiusSM
+          }
+        }
+      }
+    },
+    [`${componentCls}${componentCls}-has-head${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
+      [`${componentCls}-body`]: {
+        paddingTop: 0
+      }
+    },
+    [`${componentCls}:not(${componentCls}-has-head)`]: {
+      [`${componentCls}-body`]: {
+        paddingTop: paddingLG
+      }
+    },
+    [`${componentCls}${componentCls}-no-divider`]: {
+      [`${componentCls}-head`]: {
+        // hide bottom border by setting borderBottomColor to transparent
+        borderBottomColor: "transparent"
       }
     },
     [`${componentCls}${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
+      [`${componentCls}-head`]: {
+        paddingTop: token.paddingLG,
+        paddingBottom: token.padding
+      }
+    },
+    [`${componentCls}${componentCls}-small:not(${componentCls}-has-head)`]: {
       [`${componentCls}-body`]: {
-        padding: `0 ${paddingLG}px ${paddingLG}px ${paddingLG}px`
+        paddingTop: paddingSM
+      }
+    },
+    [`${componentCls}${componentCls}-small${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
+      [`${componentCls}-head`]: {
+        paddingTop: token.paddingSM,
+        paddingBottom: token.paddingXS
       }
     },
-    [`${componentCls}-small${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
+    [`${componentCls}-small`]: {
       [`${componentCls}-body`]: {
-        padding: `0 ${paddingSM}px ${paddingSM}px ${paddingSM}px`
+        paddingTop: token.paddingXS
       }
     },
     [`${componentCls}-small${componentCls}-contain-tabs >${componentCls}-head`]: {
@@ -94,11 +160,13 @@ var genCardStyle = (token) => {
       }
     },
     [`${componentCls}${componentCls}-contain-tabs`]: {
-      [`${componentCls}-head`]: (0, import_style.genTabsStyle)({
-        ...token,
-        componentCls: tabsComponentCls,
-        prefixCls: tabsPrefixCls
-      })
+      [`${componentCls}-head`]: {
+        ...(0, import_style.genTabsStyle)({
+          ...token,
+          componentCls: tabsComponentCls,
+          prefixCls: tabsPrefixCls
+        })
+      }
     },
     [`${componentCls}${componentCls}-contain-grid`]: {
       [`${componentCls}-head`]: {
@@ -113,21 +181,64 @@ var genCardStyle = (token) => {
       }
     },
     // reduce margin between card title and table
-    [`&${componentCls}-has-title${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
+    [`&${componentCls}-has-head${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
         [`& > ${tableComponentCls}-wrapper ${tableComponentCls}:not(${tableComponentCls}-bordered):first-child`]: {
-          marginTop: -token.marginSM
+          marginTop: calc((_a = token.Table) == null ? void 0 : _a.cellPaddingBlock).mul(-1).equal()
         }
       }
     },
     // no body horizontal padding card
     [`${componentCls}${componentCls}-no-body-horizontal-padding`]: genTableStyle(paddingLG, token),
     // no body horizontal padding small card
-    [`${componentCls}${componentCls}-no-body-horizontal-padding${componentCls}-small`]: genTableStyle(paddingSM, token)
+    [`${componentCls}${componentCls}-no-body-horizontal-padding${componentCls}-small`]: genTableStyle(paddingSM, token),
+    // collapsible card style
+    [`${componentCls}${componentCls}-collapsible`]: {
+      [`${componentCls}-title-wrapper`]: {
+        userSelect: "none",
+        [`${componentCls}-collapsible-icon`]: {
+          fontSize: token.fontSizeLG
+        }
+      },
+      [`${componentCls}-body`]: {
+        overflow: "hidden"
+      }
+    },
+    [`${componentCls}${componentCls}-collapsible${componentCls}-collapsed`]: {
+      [`${componentCls}-body`]: {
+        maxHeight: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        opacity: 0,
+        overflow: "hidden",
+        border: "none",
+        margin: 0
+      },
+      // hide bottom border of head when collapsed, avoid double border
+      [`${componentCls}-head`]: {
+        borderBottomColor: "transparent"
+      },
+      [`&${componentCls}-no-divider`]: {
+        [`${componentCls}-head`]: {
+          paddingBottom: paddingLG
+        }
+      },
+      [`&${componentCls}-no-divider${componentCls}-small`]: {
+        [`${componentCls}-head`]: {
+          paddingBottom: paddingSM
+        }
+      }
+    },
+    // gray background card style
+    [`${componentCls}${componentCls}-gray`]: {
+      boxShadow: "none",
+      borderRadius: token.borderRadiusMD,
+      backgroundColor: token.colorFillQuaternary
+    }
   };
 };
 var style_default = (prefixCls, tabsPrefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Card", (token) => {
+  const useStyle = (0, import_genComponentStyleHook.genStyleHooks)("Card", (token) => {
     return [
       genCardStyle({
         ...token,

package/lib/checkbox/index.js

@@ -39,14 +39,15 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(checkbox_exports, require("antd/es/checkbox"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalCheckbox = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("checkbox", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const [wrapCSSVar] = (0, import_style.default)(prefixCls);
     const checkboxCls = (0, import_classnames.default)(className);
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+    return wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Checkbox,
         {
           ref,

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type CheckboxToken = FullToken<'Checkbox'>;
 export declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
-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/checkbox/style/index.js

@@ -23,26 +23,28 @@ __export(style_exports, {
   genCheckboxStyle: () => genCheckboxStyle
 });
 module.exports = __toCommonJS(style_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genCheckboxStyle = (token) => {
-  const { componentCls, fontSize, fontSizeLG, lineHeight } = token;
+  const { componentCls, fontSize, lineHeight, lineWidth, controlInteractiveSize, calc } = token;
+  const translateY = calc(fontSize).mul(lineHeight).sub(controlInteractiveSize).sub(lineWidth).div(2).equal();
   return {
     [`${componentCls}-wrapper`]: {
       [`${componentCls}`]: {
         alignSelf: "baseline",
         [`${componentCls}-inner`]: {
-          transform: `translate(0px, ${(fontSize * lineHeight - fontSizeLG) / 2}px)`
+          transform: `translate(0px, ${(0, import_cssinjs.unit)(translateY)})`
         }
+      },
+      [`&:hover ${componentCls}:not(${componentCls}-disabled):not(${componentCls}-checked) ${componentCls}-inner`]: {
+        borderColor: token.gray7
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Checkbox", (token) => {
-    return [genCheckboxStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Checkbox", (token) => {
+  return [genCheckboxStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genCheckboxStyle

package/lib/config-provider/DefaultRenderEmpty.js

@@ -32,9 +32,10 @@ __export(DefaultRenderEmpty_exports, {
   default: () => DefaultRenderEmpty_default
 });
 module.exports = __toCommonJS(DefaultRenderEmpty_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import__ = require(".");
 var import_empty = __toESM(require("../empty"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultRenderEmpty = (props) => {
   const { componentName } = props;
   const { getPrefixCls } = (0, import_react.useContext)(import__.ConfigContext);
@@ -45,9 +46,9 @@ var DefaultRenderEmpty = (props) => {
     case "Cascader":
     case "Transfer":
     case "Mentions":
-      return /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE, className: `${prefix}-small` });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE, className: `${prefix}-small` });
     default:
-      return /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE });
   }
 };
 var DefaultRenderEmpty_default = DefaultRenderEmpty;

package/lib/config-provider/context.d.ts

@@ -1 +1,12 @@
+import type { ThemeConfig as AntThemeConfig, MappingAlgorithm } from 'antd';
+import type { AliasToken, OverrideToken } from '../theme/interface';
 export * from 'antd/es/config-provider/context';
+type ComponentsConfig = {
+    [key in keyof OverrideToken]?: OverrideToken[key] & {
+        algorithm?: boolean | MappingAlgorithm | MappingAlgorithm[];
+    };
+};
+export interface ThemeConfig extends AntThemeConfig {
+    token?: Partial<AliasToken>;
+    components?: ComponentsConfig;
+}