@oceanbase/design 0.4.0 → 0.4.2

package/es/theme/style/dark.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: rgba(255, 255, 255, 0.12);
 @colorFillTertiary: rgba(255, 255, 255, 0.08);
 @colorFillQuaternary: rgba(255, 255, 255, 0.04);
+@colorBgSolid: rgba(255, 255, 255, 0.95);
+@colorBgSolidHover: rgb(255, 255, 255);
+@colorBgSolidActive: rgba(255, 255, 255, 0.9);
 @colorBgLayout: #000000;
 @colorBgContainer: #141414;
 @colorBgElevated: #1f1f1f;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #0e845d;
 @colorErrorBg: #2b1416;
 @colorErrorBgHover: #44191a;
+@colorErrorBgFilledHover: #421a1b;
 @colorErrorBgActive: #591f1f;
 @colorErrorBorder: #591f1f;
 @colorErrorBorderHover: #7b2525;
@@ -428,7 +432,7 @@
 @colorErrorOutline: rgba(250, 20, 40, 0.1);
 @colorWarningOutline: rgba(180, 93, 0, 0.15);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
+@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(255, 255, 255, 0.08);

package/es/theme/style/default.less

@@ -312,6 +312,9 @@
 @colorFillSecondary: #e2e8f3;
 @colorFillTertiary: #f3f6fc;
 @colorFillQuaternary: #f8fafe;
+@colorBgSolid: rgb(0, 0, 0);
+@colorBgSolidHover: rgba(0, 0, 0, 0.75);
+@colorBgSolidActive: rgba(0, 0, 0, 0.95);
 @colorBgLayout: #f3f6fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -339,6 +342,7 @@
 @colorSuccessTextActive: #00b378;
 @colorErrorBg: #ffebeb;
 @colorErrorBgHover: #ffd6d6;
+@colorErrorBgFilledHover: #ffd7d3;
 @colorErrorBgActive: #ffbcb5;
 @colorErrorBorder: #ffb3b3;
 @colorErrorBorderHover: #ff7575;
@@ -372,22 +376,22 @@
 @fontSizeSM: 12;
 @fontSizeLG: 16;
 @fontSizeXL: 20;
-@fontSizeHeading1: 32;
-@fontSizeHeading2: 24;
-@fontSizeHeading3: 20;
-@fontSizeHeading4: 16;
-@fontSizeHeading5: 14;
+@fontSizeHeading1: 38;
+@fontSizeHeading2: 30;
+@fontSizeHeading3: 24;
+@fontSizeHeading4: 20;
+@fontSizeHeading5: 16;
 @lineHeight: 1.5714285714285714;
 @lineHeightLG: 1.5;
 @lineHeightSM: 1.6666666666666667;
 @fontHeight: 22;
 @fontHeightLG: 24;
 @fontHeightSM: 20;
-@lineHeightHeading1: 1.25;
-@lineHeightHeading2: 1.3333333333333333;
-@lineHeightHeading3: 1.4;
-@lineHeightHeading4: 1.5;
-@lineHeightHeading5: 1.5714285714285714;
+@lineHeightHeading1: 1.2105263157894737;
+@lineHeightHeading2: 1.2666666666666666;
+@lineHeightHeading3: 1.3333333333333333;
+@lineHeightHeading4: 1.4;
+@lineHeightHeading5: 1.5;
 @sizeXXL: 48;
 @sizeXL: 32;
 @sizeLG: 24;
@@ -410,6 +414,7 @@
 @borderRadiusOuter: 4;
 @boxShadowSecondary: 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);
 @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
 @colorFillAlter: #f8fafe;
@@ -430,7 +435,6 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 12;
-@lineWidthFocus: 4;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: #f3f6fc;

package/es/tooltip/MouseTooltip.js

@@ -23,6 +23,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var MouseTooltip = function MouseTooltip(_ref) {
+  var _token$Tooltip, _token$Tooltip2;
   var children = _ref.children,
     title = _ref.title,
     backgroundColor = _ref.color,
@@ -99,10 +100,10 @@ var MouseTooltip = function MouseTooltip(_ref) {
         boxShadow: token.boxShadowSecondary,
         borderRadius: token.borderRadius,
         // @ts-ignore
-        color: textColor || token.Tooltip.colorTextLightSolid || token.colorTextLightSolid,
+        color: textColor || ((_token$Tooltip = token.Tooltip) === null || _token$Tooltip === void 0 ? void 0 : _token$Tooltip.colorTextLightSolid) || token.colorTextLightSolid,
         backgroundColor:
         // @ts-ignore
-        backgroundColor || token.Tooltip.colorBgSpotlight || token.colorBgSpotlight,
+        backgroundColor || ((_token$Tooltip2 = token.Tooltip) === null || _token$Tooltip2 === void 0 ? void 0 : _token$Tooltip2.colorBgSpotlight) || token.colorBgSpotlight,
         left: isOverWidth ? clientX - tooltipWidth - offset : clientX + offset,
         top: isOverHeight ? clientY - tooltipHeight - offset : clientY + offset
       }, restOverlayInnerStyle)

package/es/tooltip/index.js

@@ -52,7 +52,8 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
-  var tooltipCls = classNames(className, hashId);
+  var tooltipCls = classNames(className);
+  var mouseTooltipCls = classNames(prefixCls, className, hashId);
   var _useState = useState((_ref2 = (_ref3 = open !== null && open !== void 0 ? open : visible) !== null && _ref3 !== void 0 ? _ref3 : defaultOpen) !== null && _ref2 !== void 0 ? _ref2 : defaultVisible),
     _useState2 = _slicedToArray(_useState, 2),
     innerOpen = _useState2[0],
@@ -92,7 +93,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     overlayInnerStyle: _objectSpread({
       color: typeItem === null || typeItem === void 0 ? void 0 : typeItem.color
     }, overlayInnerStyle),
-    className: tooltipCls,
+    className: mouseTooltipCls,
     overlay: overlay
   }, restProps), {}, {
     children: children

package/es/tooltip/style/index.js

@@ -5,13 +5,22 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genTooltipStyle = function genTooltipStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, componentCls, _defineProperty({}, "".concat(componentCls, "-close-icon-wrap"), _defineProperty({
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty({
+    maxWidth: 300
+  }, "".concat(componentCls, "-inner"), {
+    maxHeight: 250,
+    overflow: 'auto'
+  }), "".concat(componentCls, "-close-icon-wrap"), _defineProperty({
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'flex-start',
     wordBreak: 'break-all'
   }, "".concat(componentCls, "-close-icon"), {
-    cursor: 'pointer'
+    cursor: 'pointer',
+    color: token.colorIcon,
+    '&:hover': {
+      color: token.colorIconHover
+    }
   })));
 };
 export default (function (prefixCls) {

package/es/typography/Link.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 = ["prefixCls", "children"];
+var _excluded = ["editable", "prefixCls", "className", "children"];
 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; }
@@ -10,12 +10,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";
+import useClassName from "./hooks/useClassName";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var AntLink = AntTypography.Link;
 export * from 'antd/es/typography/Link';
 var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var customizePrefixCls = _ref.prefixCls,
+  var editable = _ref.editable,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
@@ -23,9 +26,12 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
+  var typographyCls = useClassName(prefixCls, className, editable);
   return wrapSSR( /*#__PURE__*/_jsx(AntLink, _objectSpread(_objectSpread({
     ref: ref,
-    prefixCls: customizePrefixCls
+    editable: editable,
+    prefixCls: customizePrefixCls,
+    className: typographyCls
   }, restProps), {}, {
     children: children
   })));

package/es/typography/Paragraph.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 = ["prefixCls", "children"];
+var _excluded = ["editable", "prefixCls", "className", "children"];
 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; }
@@ -10,12 +10,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";
+import useClassName from "./hooks/useClassName";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var AntParagraph = AntTypography.Paragraph;
 export * from 'antd/es/typography/Paragraph';
 var Paragraph = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var customizePrefixCls = _ref.prefixCls,
+  var editable = _ref.editable,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
@@ -23,9 +26,12 @@ var Paragraph = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
+  var typographyCls = useClassName(prefixCls, className, editable);
   return wrapSSR( /*#__PURE__*/_jsx(AntParagraph, _objectSpread(_objectSpread({
     ref: ref,
-    prefixCls: customizePrefixCls
+    editable: editable,
+    prefixCls: customizePrefixCls,
+    className: typographyCls
   }, restProps), {}, {
     children: children
   })));

package/es/typography/Text.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 = ["prefixCls", "children"];
+var _excluded = ["editable", "prefixCls", "className", "children"];
 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; }
@@ -10,12 +10,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";
+import useClassName from "./hooks/useClassName";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var AntText = AntTypography.Text;
 export * from 'antd/es/typography/Text';
 var Text = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var customizePrefixCls = _ref.prefixCls,
+  var editable = _ref.editable,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
@@ -23,9 +26,12 @@ var Text = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
+  var typographyCls = useClassName(prefixCls, className, editable);
   return wrapSSR( /*#__PURE__*/_jsx(AntText, _objectSpread(_objectSpread({
     ref: ref,
-    prefixCls: customizePrefixCls
+    editable: editable,
+    prefixCls: customizePrefixCls,
+    className: typographyCls
   }, restProps), {}, {
     children: children
   })));

package/es/typography/Title.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 = ["prefixCls", "children"];
+var _excluded = ["editable", "prefixCls", "className", "children"];
 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; }
@@ -10,12 +10,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useContext } from 'react';
 import { Typography as AntTypography } from 'antd';
 import ConfigProvider from "../config-provider";
+import useClassName from "./hooks/useClassName";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var AntTitle = AntTypography.Title;
 export * from 'antd/es/typography/Title';
 var Title = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var customizePrefixCls = _ref.prefixCls,
+  var editable = _ref.editable,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
@@ -23,9 +26,12 @@ var Title = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
+  var typographyCls = useClassName(prefixCls, className, editable);
   return wrapSSR( /*#__PURE__*/_jsx(AntTitle, _objectSpread(_objectSpread({
     ref: ref,
-    prefixCls: customizePrefixCls
+    editable: editable,
+    prefixCls: customizePrefixCls,
+    className: typographyCls
   }, restProps), {}, {
     children: children
   })));

package/es/typography/hooks/useClassName.d.ts

@@ -0,0 +1,3 @@
+import type { BlockProps } from 'antd/es/typography/Base';
+declare const useClassName: (prefixCls: string, className: string, editable?: BlockProps['editable']) => string;
+export default useClassName;

package/es/typography/hooks/useClassName.js

@@ -0,0 +1,11 @@
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+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); }
+import classNames from 'classnames';
+var useClassName = function useClassName(prefixCls, className, editable) {
+  var _editable$triggerType;
+  var typographyCls = classNames(_defineProperty({}, "".concat(prefixCls, "-editable-text"), _typeof(editable) === 'object' && (editable === null || editable === void 0 || (_editable$triggerType = editable.triggerType) === null || _editable$triggerType === void 0 ? void 0 : _editable$triggerType.includes('text'))), className);
+  return typographyCls;
+};
+export default useClassName;

package/es/typography/style/index.js

@@ -4,8 +4,12 @@ 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 { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genTypographyStyle = function genTypographyStyle(token) {
-  var componentCls = token.componentCls;
-  return _defineProperty(_defineProperty({}, "span".concat(componentCls), {
+  var componentCls = token.componentCls,
+    controlHeight = token.controlHeight,
+    fontSize = token.fontSize,
+    lineHeight = token.lineHeight;
+  var marginOffset = (controlHeight - fontSize * lineHeight) / 2;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "span".concat(componentCls), {
     lineHeight: 'inherit',
     color: 'inherit',
     fontSize: 'inherit'
@@ -13,7 +17,45 @@ export var genTypographyStyle = function genTypographyStyle(token) {
     lineHeight: 'inherit',
     color: 'inherit',
     fontSize: 'inherit'
-  });
+  }), "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-edit"), {
+    fontSize: token.fontSize
+  })), "".concat(componentCls).concat(componentCls, "-editable-text:not(").concat(componentCls, "-edit-content)"), {
+    '&:hover': {
+      background: token.colorBgContainer,
+      border: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorBorder),
+      borderRadius: token.borderRadius,
+      position: 'relative',
+      insetInlineStart: -token.paddingSM,
+      padding: "".concat(marginOffset - token.lineWidth, "px ").concat(token.paddingSM - token.lineWidth, "px")
+    },
+    'div&:hover': {
+      height: token.controlHeight,
+      marginTop: -marginOffset,
+      marginBottom: "calc(1em - ".concat(marginOffset, "px)")
+    },
+    'span&:hover': {
+      display: 'inline-block',
+      height: token.controlHeight,
+      marginTop: -marginOffset,
+      marginBottom: -marginOffset
+    },
+    'h1&:hover, h2&:hover, h3&:hover, h4&:hover, h5&:hover': {
+      marginTop: "".concat(-marginOffset, "px !important"),
+      marginBottom: "".concat(-marginOffset, "px !important")
+    }
+  }), "".concat(componentCls).concat(componentCls, "-edit-content"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-div&"), {
+    insetInlineStart: -token.paddingSM,
+    marginTop: -marginOffset,
+    marginBottom: "calc(1em - ".concat(marginOffset, "px)")
+  }), "".concat(componentCls, "-span&"), {
+    insetInlineStart: -token.paddingSM,
+    marginTop: -marginOffset,
+    marginBottom: -marginOffset
+  }), "".concat(componentCls, "-h1&, ").concat(componentCls, "-h2&, ").concat(componentCls, "-h3&, ").concat(componentCls, "-h4&, ").concat(componentCls, "-h5&"), {
+    insetInlineStart: -token.paddingSM,
+    marginTop: "".concat(-marginOffset, "px !important"),
+    marginBottom: "".concat(-marginOffset, "px !important")
+  }));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Typography', function (token) {

package/lib/_util/genComponentStyleHook.d.ts

@@ -4,7 +4,6 @@ import type { ComponentTokenMap } from 'antd/es/theme/interface';
 import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
 import type { GlobalToken } from 'antd/es/theme/interface';
 export type ComponentName = keyof ComponentTokenMap;
-export declare const genCustomFontStyle: (token: GlobalToken) => CSSObject[];
 export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: Partial<FullToken<ComponentName>> | ((token: GlobalToken) => Partial<FullToken<ComponentName>>)): (prefixCls: string) => {
     wrapSSR: (node: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     hashId: string;

package/lib/_util/genComponentStyleHook.js

@@ -29,51 +29,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/_util/genComponentStyleHook.ts
 var genComponentStyleHook_exports = {};
 __export(genComponentStyleHook_exports, {
-  genComponentStyleHook: () => genComponentStyleHook,
-  genCustomFontStyle: () => genCustomFontStyle
+  genComponentStyleHook: () => genComponentStyleHook
 });
 module.exports = __toCommonJS(genComponentStyleHook_exports);
 var import_internal = require("antd/es/theme/internal");
 var import_theme = __toESM(require("../theme"));
-var import_Inter = __toESM(require("./fonts/Inter.woff2"));
-var import_Consolas = __toESM(require("./fonts/Consolas.woff2"));
-var import_HelveticaNeue = __toESM(require("./fonts/HelveticaNeue.woff2"));
-var genCustomFontStyle = (token) => {
-  return [
-    {
-      // English font: work by default
-      ["@font-face"]: {
-        fontFamily: "Inter",
-        // load priority: remote font > local font
-        src: `url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2') format('woff2'), url(${import_Inter.default}) format('woff2')`,
-        // 定义字体加载策略，外置字体加载前使用默认字体进行兜底
-        fontDisplay: "swap"
-      }
-    },
-    {
-      // Code font: work by default
-      ["@font-face"]: {
-        fontFamily: "Consolas",
-        src: `url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2') format('woff2'), url(${import_Consolas.default}) format('woff2')`,
-        fontDisplay: "swap"
-      }
-    },
-    {
-      // Number code: work manully by configuring font-family
-      ["@font-face"]: {
-        fontFamily: "Helvetica Neue",
-        src: `url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2') format('woff2'), url(${import_HelveticaNeue.default}) format('woff2')`,
-        fontDisplay: "swap"
-      }
-    }
-  ];
-};
 function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return (prefixCls) => {
     const useStyle = (0, import_internal.genComponentStyleHook)(
       `OB-${componentName}`,
       (token) => {
-        return [genCustomFontStyle(token), styleFn(token)];
+        return [styleFn(token)];
       },
       getDefaultToken,
       {
@@ -94,6 +60,5 @@ function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genComponentStyleHook,
-  genCustomFontStyle
+  genComponentStyleHook
 });

package/lib/button/style/index.js

@@ -26,12 +26,15 @@ module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genButtonStyle = (token) => {
   const { componentCls } = token;
+  const primaryBtnCls = `${componentCls}${componentCls}-primary:not([disabled]):not(${componentCls}-disabled):not(${componentCls}-dangerous):not(${componentCls}-background-ghost)`;
+  const primaryAndCompactItemBtnCls = `${componentCls}-compact-item${primaryBtnCls}`;
   return {
     [`${componentCls}`]: {
       // remove box-shadow for button
       boxShadow: "none !important"
     },
-    [`${componentCls}${componentCls}-primary:not([disabled]):not(${componentCls}-disabled):not(${componentCls}-dangerous):not(${componentCls}-background-ghost)`]: {
+    // primary button
+    [`${primaryBtnCls}`]: {
       background: "linear-gradient(-59deg, #002BFF 0%, #0080FF 100%)",
       border: "none",
       ["&:hover"]: {
@@ -40,6 +43,23 @@ var genButtonStyle = (token) => {
       ["&:active"]: {
         background: "linear-gradient(120deg, #0060E6 0%, #0013E6 100%)"
       }
+    },
+    // primary button in compact item
+    [`${primaryBtnCls}${componentCls}-compact-last-item`]: {
+      background: "linear-gradient(-59deg, #002BFF 0%, #002BFF 100%)",
+      ["&:hover"]: {
+        background: "linear-gradient(120deg, #1AA0FF 0%, #1A53FF 100%)"
+      },
+      ["&:active"]: {
+        background: "linear-gradient(120deg, #0060E6 0%, #0013E6 100%)"
+      }
+    },
+    [`${primaryAndCompactItemBtnCls}+${primaryAndCompactItemBtnCls}:before`]: {
+      height: "100%",
+      top: 0
+    },
+    [`${primaryAndCompactItemBtnCls}:hover`]: {
+      zIndex: 0
     }
   };
 };

package/lib/card/index.js

@@ -78,29 +78,18 @@ var Card = import_react.default.forwardRef(
     });
     return wrapSSR(
       /* @__PURE__ */ import_react.default.createElement(
-        import_config_provider.default,
+        import_antd.Card,
         {
-          injectStaticFunction: false,
-          table: noBodyPadding ? {
-            // expand selection column width for larger padding-left
-            // related to .ant-card-no-body-padding style
-            selectionColumnWidth: size === "small" ? 36 : 48
-          } : {}
+          ref,
+          size,
+          tabList: newTabList,
+          prefixCls: customizePrefixCls,
+          bodyStyle,
+          styles,
+          className: cardCls,
+          ...restProps
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Card,
-          {
-            ref,
-            size,
-            tabList: newTabList,
-            prefixCls: customizePrefixCls,
-            bodyStyle,
-            styles,
-            className: cardCls,
-            ...restProps
-          },
-          children
-        )
+        children
       )
     );
   }

package/lib/card/style/index.js

@@ -70,12 +70,17 @@ var genCardStyle = (token) => {
     },
     [`${componentCls}${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
-        padding: `0 ${paddingLG}px ${padding}px ${paddingLG}px`
+        padding: `0 ${paddingLG}px ${paddingLG}px ${paddingLG}px`
       }
     },
     [`${componentCls}-small${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
-        padding: `0 ${paddingSM}px 12px ${paddingSM}px`
+        padding: `0 ${paddingSM}px ${paddingSM}px ${paddingSM}px`
+      }
+    },
+    [`${componentCls}-small${componentCls}-contain-tabs >${componentCls}-head`]: {
+      [`${componentCls}-head-title, ${componentCls}-head-extra`]: {
+        paddingTop: token.paddingXS
       }
     },
     [`${componentCls}${componentCls}-contain-tabs`]: {

package/lib/checkbox/index.d.ts

@@ -1 +1,3 @@
 export * from 'antd/es/checkbox';
+declare const Checkbox: any;
+export default Checkbox;

package/lib/checkbox/index.js

@@ -1,7 +1,13 @@
+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))
@@ -11,12 +17,54 @@ var __copyProps = (to, from, except, desc) => {
   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.ts
+// src/checkbox/index.tsx
 var checkbox_exports = {};
+__export(checkbox_exports, {
+  default: () => checkbox_default
+});
 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 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__ */ import_react.default.createElement(
+        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")