@oceanbase/design 1.0.0-alpha.9 → 1.0.0

package/lib/card/style/index.js

@@ -1,87 +1,123 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/card/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genCardStyle: () => genCardStyle,
-  genTableStyle: () => genTableStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_style = require("../../tabs/style");
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genTableStyle = (padding, token) => {
-  const { antCls } = token;
+exports.genTableStyle = exports.genCardStyle = exports.default = void 0;
+var _style = require("../../tabs/style");
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genTableStyle = (padding, token) => {
+  const {
+    antCls
+  } = token;
   const tableComponentCls = `${antCls}-table`;
+  const cellInline = token.Table?.cellPaddingInline ?? token.padding ?? token.paddingSM ?? 16;
   return {
     [`${tableComponentCls}-wrapper`]: {
       [`${tableComponentCls}`]: {
-        // first column should align with card title
-        [`${tableComponentCls}-thead > tr > th:first-child, ${tableComponentCls}-tbody > tr > td:first-child`]: {
+        [`${tableComponentCls}-thead > tr > th:first-child`]: {
+          paddingLeft: padding
+        },
+        [`${tableComponentCls}-tbody > tr > td:first-child`]: {
           paddingLeft: padding
         },
-        // last column should align with card extra
-        [`${tableComponentCls}-thead > tr > th:last-child, ${tableComponentCls}-tbody > tr > td:last-child`]: {
+        [`${tableComponentCls}-tbody > tr > td:first-child[data-ob-user-col]:not([data-ob-user-col="0"])`]: {
+          paddingLeft: cellInline
+        },
+        [`${tableComponentCls}-thead > tr > th:last-child`]: {
+          paddingRight: padding
+        },
+        [`${tableComponentCls}-tbody > tr > td:last-child`]: {
           paddingRight: padding
+        },
+        [`${tableComponentCls}-tbody > tr > td:last-child[data-ob-user-col]:not([data-ob-user-col-tail])`]: {
+          paddingRight: cellInline
+        },
+        [`${tableComponentCls}-container`]: {
+          // ::after 伪元素用于固定列时的阴影效果，表格带边框时去掉左上角和右上角的圆角
+          ['&::before, &::after']: {
+            borderStartStartRadius: token.borderRadiusMD,
+            borderStartEndRadius: token.borderRadiusMD
+          },
+          [`${tableComponentCls}-content`]: {
+            borderStartStartRadius: token.borderRadiusLG,
+            borderStartEndRadius: token.borderRadiusLG
+          }
         }
       },
+      // 分页与 .ant-table 同级（在 Spin 容器内），须挂在 wrapper 下
       [`${tableComponentCls}-pagination${antCls}-pagination`]: {
-        // add marginLeft for table batchOperationBar
+        marginInlineEnd: padding,
         [`${tableComponentCls}-batch-operation-bar`]: {
           marginLeft: padding
-        },
-        // add marginRight for table pagination
-        [`& > li:last-child`]: {
-          marginRight: padding
         }
       }
     }
   };
 };
-var genCardStyle = (token) => {
-  const { componentCls, antCls, tabsComponentCls, tabsPrefixCls, paddingSM, paddingLG, calc } = token;
+exports.genTableStyle = genTableStyle;
+const genCardStyle = token => {
+  const {
+    antCls,
+    iconCls,
+    componentCls,
+    tabsComponentCls,
+    tabsPrefixCls,
+    paddingSM,
+    paddingLG,
+    calc
+  } = token;
   const tableComponentCls = `${antCls}-table`;
   return {
     [`${componentCls}`]: {
-      [`${componentCls}-head`]: {
+      [`> ${componentCls}-head`]: {
+        // title style
+        [`${componentCls}-title-content`]: {
+          lineHeight: token.lineHeightLG
+        },
         // subTitle style
+        [`${componentCls}-sub-title-wrapper`]: {
+          marginInlineStart: token.marginXS
+        },
         [`${componentCls}-sub-title`]: {
-          marginInlineStart: token.marginXS,
-          fontWeight: "normal",
+          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`]: {
             [`${tabsComponentCls}-nav::before`]: {
-              border: "none"
+              border: 'none'
             }
           }
         }
       },
-      [`${componentCls}-body`]: {
+      [`> ${componentCls}-body`]: {
         paddingTop: token.padding
       },
       // nested Card style
       [`${componentCls}:not(${componentCls}-bordered):not(${componentCls}-type-inner)`]: {
-        boxShadow: "none"
+        boxShadow: 'none'
       },
       // nested and bordered Card radius
       [`${componentCls}${componentCls}-bordered`]: {
@@ -95,51 +131,51 @@ var genCardStyle = (token) => {
       }
     },
     [`${componentCls}${componentCls}-has-head${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
-      [`${componentCls}-body`]: {
+      [`> ${componentCls}-body`]: {
         paddingTop: 0
       }
     },
     [`${componentCls}:not(${componentCls}-has-head)`]: {
-      [`${componentCls}-body`]: {
+      [`> ${componentCls}-body`]: {
         paddingTop: paddingLG
       }
     },
     [`${componentCls}${componentCls}-no-divider`]: {
-      [`${componentCls}-head`]: {
+      [`> ${componentCls}-head`]: {
         // hide bottom border by setting borderBottomColor to transparent
-        borderBottomColor: "transparent"
+        borderBottomColor: 'transparent'
       }
     },
     [`${componentCls}${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
-      [`${componentCls}-head`]: {
+      [`> ${componentCls}-head`]: {
         paddingTop: token.paddingLG,
         paddingBottom: token.padding
       }
     },
     [`${componentCls}${componentCls}-small:not(${componentCls}-has-head)`]: {
-      [`${componentCls}-body`]: {
+      [`> ${componentCls}-body`]: {
         paddingTop: paddingSM
       }
     },
     [`${componentCls}${componentCls}-small${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
-      [`${componentCls}-head`]: {
+      [`> ${componentCls}-head`]: {
         paddingTop: token.paddingSM,
         paddingBottom: token.paddingXS
       }
     },
-    [`${componentCls}-small`]: {
-      [`${componentCls}-body`]: {
+    [`${componentCls}${componentCls}-small`]: {
+      [`> ${componentCls}-body`]: {
         paddingTop: token.paddingXS
       }
     },
-    [`${componentCls}-small${componentCls}-contain-tabs >${componentCls}-head`]: {
+    [`${componentCls}-small${componentCls}-contain-tabs > ${componentCls}-head`]: {
       [`${componentCls}-head-title, ${componentCls}-head-extra`]: {
         paddingTop: token.paddingXS
       }
     },
     [`${componentCls}${componentCls}-contain-tabs`]: {
-      [`${componentCls}-head`]: {
-        ...(0, import_style.genTabsStyle)({
+      [`> ${componentCls}-head`]: {
+        ...(0, _style.genTabsStyle)({
           ...token,
           componentCls: tabsComponentCls,
           prefixCls: tabsPrefixCls
@@ -147,22 +183,22 @@ var genCardStyle = (token) => {
       }
     },
     [`${componentCls}${componentCls}-contain-grid`]: {
-      [`${componentCls}-head`]: {
+      [`> ${componentCls}-head`]: {
         // work for Card containing Card.Grid
         marginBottom: -1
       }
     },
     [`${componentCls}:not(${componentCls}-contain-grid)`]: {
-      [`${componentCls}-head`]: {
+      [`> ${componentCls}-head`]: {
         // work for Card not containing Card.Grid
         marginBottom: 0
       }
     },
     // reduce margin between card title and table
     [`&${componentCls}-has-head${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
-      [`${componentCls}-body`]: {
-        [`& > ${tableComponentCls}-wrapper ${tableComponentCls}:not(${tableComponentCls}-bordered):first-child`]: {
-          marginTop: calc(token.marginSM).mul(-1).equal()
+      [`> ${componentCls}-body`]: {
+        [`> ${tableComponentCls}-wrapper ${tableComponentCls}:not(${tableComponentCls}-bordered):first-child`]: {
+          marginTop: calc(token.Table?.cellPaddingBlock).mul(-1).equal()
         }
       }
     },
@@ -170,65 +206,81 @@ var genCardStyle = (token) => {
     [`${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),
+    // no body padding bottom and bordered card
+    [`${componentCls}${componentCls}-bordered${componentCls}-no-body-padding-bottom`]: {
+      [`> ${componentCls}-body`]: {
+        // fix double border when Table has no pagination
+        [`> ${tableComponentCls}-wrapper${tableComponentCls}-no-pagination`]: {
+          [`${tableComponentCls}`]: {
+            [`${tableComponentCls}-tbody > tr:last-child > td`]: {
+              borderBottom: 'none'
+            }
+          }
+        },
+        // fix double border when Table has no data
+        [`> ${tableComponentCls}-wrapper${tableComponentCls}-has-empty`]: {
+          [`${tableComponentCls}`]: {
+            [`${tableComponentCls}-tbody > tr > td`]: {
+              borderBottom: 'none'
+            }
+          }
+        }
+      }
+    },
     // collapsible card style
     [`${componentCls}${componentCls}-collapsible`]: {
       [`${componentCls}-title-wrapper`]: {
-        userSelect: "none",
+        userSelect: 'none',
         [`${componentCls}-collapsible-icon`]: {
           fontSize: token.fontSizeLG
         }
       },
-      [`${componentCls}-body`]: {
-        overflow: "hidden"
+      [`> ${componentCls}-body`]: {
+        overflow: 'hidden'
       }
     },
     [`${componentCls}${componentCls}-collapsible${componentCls}-collapsed`]: {
-      [`${componentCls}-body`]: {
+      [`> ${componentCls}-body`]: {
         maxHeight: 0,
         paddingTop: 0,
         paddingBottom: 0,
         opacity: 0,
-        overflow: "hidden",
-        border: "none",
+        overflow: 'hidden',
+        border: 'none',
         margin: 0
       },
       // hide bottom border of head when collapsed, avoid double border
-      [`${componentCls}-head`]: {
-        borderBottomColor: "transparent"
+      [`> ${componentCls}-head`]: {
+        borderBottomColor: 'transparent'
       },
       [`&${componentCls}-no-divider`]: {
-        [`${componentCls}-head`]: {
+        [`> ${componentCls}-head`]: {
           paddingBottom: paddingLG
         }
       },
       [`&${componentCls}-no-divider${componentCls}-small`]: {
-        [`${componentCls}-head`]: {
+        [`> ${componentCls}-head`]: {
           paddingBottom: paddingSM
         }
       }
     },
     // gray background card style
     [`${componentCls}${componentCls}-gray`]: {
-      boxShadow: "none",
+      boxShadow: 'none',
       borderRadius: token.borderRadiusMD,
       backgroundColor: token.colorFillQuaternary
     }
   };
 };
-var style_default = (prefixCls, tabsPrefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Card", (token) => {
-    return [
-      genCardStyle({
-        ...token,
-        tabsComponentCls: `.${tabsPrefixCls}`,
-        tabsPrefixCls
-      })
-    ];
+exports.genCardStyle = genCardStyle;
+var _default = (prefixCls, tabsPrefixCls) => {
+  const useStyle = (0, _genComponentStyleHook.genStyleHooks)('Card', token => {
+    return [genCardStyle({
+      ...token,
+      tabsComponentCls: `.${tabsPrefixCls}`,
+      tabsPrefixCls
+    })];
   });
   return useStyle(prefixCls);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genCardStyle,
-  genTableStyle
-});
+exports.default = _default;

package/lib/carousel/index.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/carousel/index.ts
-var carousel_exports = {};
-module.exports = __toCommonJS(carousel_exports);
-__reExport(carousel_exports, require("antd/es/carousel"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/carousel")
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _carousel = require("antd/es/carousel");
+Object.keys(_carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _carousel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _carousel[key];
+    }
+  });
+});

package/lib/cascader/index.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/cascader/index.ts
-var cascader_exports = {};
-module.exports = __toCommonJS(cascader_exports);
-__reExport(cascader_exports, require("antd/es/cascader"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/cascader")
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _cascader = require("antd/es/cascader");
+Object.keys(_cascader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cascader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cascader[key];
+    }
+  });
+});

package/lib/checkbox/index.js

@@ -1,72 +1,54 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/checkbox/index.tsx
-var checkbox_exports = {};
-__export(checkbox_exports, {
-  default: () => checkbox_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(checkbox_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-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 checkboxCls = (0, import_classnames.default)(className);
-    return wrapSSR(
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_antd.Checkbox,
-        {
-          ref,
-          prefixCls: customizePrefixCls,
-          className: checkboxCls,
-          ...restProps
-        }
-      )
-    );
-  }
-);
-var Checkbox = InternalCheckbox;
-Checkbox.Group = import_antd.Checkbox.Group;
-Checkbox.__ANT_CHECKBOX = import_antd.Checkbox.__ANT_CHECKBOX;
-if (process.env.NODE_ENV !== "production") {
-  Checkbox.displayName = import_antd.Checkbox.displayName;
-}
-var checkbox_default = Checkbox;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/checkbox")
+var _exportNames = {};
+exports.default = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _checkbox = require("antd/es/checkbox");
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _checkbox[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const InternalCheckbox = /*#__PURE__*/_react.default.forwardRef(({
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('checkbox', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const checkboxCls = (0, _classnames.default)(className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: checkboxCls,
+    ...restProps
+  }));
 });
+const Checkbox = InternalCheckbox;
+Checkbox.Group = _antd.Checkbox.Group;
+// @ts-ignore
+Checkbox.__ANT_CHECKBOX = _antd.Checkbox.__ANT_CHECKBOX;
+if (process.env.NODE_ENV !== 'production') {
+  Checkbox.displayName = _antd.Checkbox.displayName;
+}
+var _default = exports.default = Checkbox;

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

@@ -2,8 +2,5 @@
 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

@@ -1,51 +1,36 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/checkbox/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genCheckboxStyle: () => genCheckboxStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_cssinjs = require("@ant-design/cssinjs");
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genCheckboxStyle = (token) => {
-  const { componentCls, fontSize, lineHeight, lineWidth, controlInteractiveSize, calc } = token;
+exports.genCheckboxStyle = exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genCheckboxStyle = 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",
+        alignSelf: 'baseline',
         [`${componentCls}-inner`]: {
-          transform: `translate(0px, ${(0, import_cssinjs.unit)(translateY)})`
+          transform: `translate(0px, ${(0, _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);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genCheckboxStyle
-});
+exports.genCheckboxStyle = genCheckboxStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Checkbox', token => {
+  return [genCheckboxStyle(token)];
+});