@gobolt/genesis 0.3.10 → 0.3.12

package/dist/node_modules/antd/es/table/style/filter.cjs

@@ -30,7 +30,7 @@ const genFilterStyle = (token) => {
     tablePaddingHorizontal,
     borderRadius,
     motionDurationSlow,
-    colorIcon,
+    colorTextDescription,
     colorPrimary,
     tableHeaderFilterActiveBg,
     colorTextDisabled,
@@ -66,7 +66,7 @@ const genFilterStyle = (token) => {
           cursor: "pointer",
           transition: `all ${motionDurationSlow}`,
           "&:hover": {
-            color: colorIcon,
+            color: colorTextDescription,
             background: tableHeaderFilterActiveBg
           },
           "&.active": {

package/dist/node_modules/antd/es/table/style/filter.js

@@ -29,7 +29,7 @@ const genFilterStyle = (token) => {
     tablePaddingHorizontal,
     borderRadius,
     motionDurationSlow,
-    colorIcon,
+    colorTextDescription,
     colorPrimary,
     tableHeaderFilterActiveBg,
     colorTextDisabled,
@@ -65,7 +65,7 @@ const genFilterStyle = (token) => {
           cursor: "pointer",
           transition: `all ${motionDurationSlow}`,
           "&:hover": {
-            color: colorIcon,
+            color: colorTextDescription,
             background: tableHeaderFilterActiveBg
           },
           "&.active": {

package/dist/node_modules/antd/es/table/style/index.cjs

@@ -59,9 +59,7 @@ const genTableStyle = (token) => {
   return {
     [`${componentCls}-wrapper`]: Object.assign(Object.assign({
       clear: "both",
-      maxWidth: "100%",
-      // fix https://github.com/ant-design/ant-design/issues/46177
-      ["--rc-virtual-list-scrollbar-bg"]: token.tableScrollBg
+      maxWidth: "100%"
     }, index.clearFix()), {
       [componentCls]: Object.assign(Object.assign({}, index.resetComponent(token)), {
         fontSize: tableFontSize,

package/dist/node_modules/antd/es/table/style/index.js

@@ -57,9 +57,7 @@ const genTableStyle = (token) => {
   return {
     [`${componentCls}-wrapper`]: Object.assign(Object.assign({
       clear: "both",
-      maxWidth: "100%",
-      // fix https://github.com/ant-design/ant-design/issues/46177
-      ["--rc-virtual-list-scrollbar-bg"]: token.tableScrollBg
+      maxWidth: "100%"
     }, clearFix()), {
       [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {
         fontSize: tableFontSize,

package/dist/node_modules/antd/es/table/style/sticky.cjs

@@ -52,7 +52,7 @@ const genStickyStyle = (token) => {
             height: tableScrollThumbSize,
             backgroundColor: tableScrollThumbBg,
             borderRadius: stickyScrollBarBorderRadius,
-            transition: `all ${token.motionDurationSlow}, transform 0s`,
+            transition: `all ${token.motionDurationSlow}, transform none`,
             position: "absolute",
             bottom: 0,
             "&:hover, &-active": {

package/dist/node_modules/antd/es/table/style/sticky.js

@@ -51,7 +51,7 @@ const genStickyStyle = (token) => {
             height: tableScrollThumbSize,
             backgroundColor: tableScrollThumbBg,
             borderRadius: stickyScrollBarBorderRadius,
-            transition: `all ${token.motionDurationSlow}, transform 0s`,
+            transition: `all ${token.motionDurationSlow}, transform none`,
             position: "absolute",
             bottom: 0,
             "&:hover, &-active": {

package/dist/node_modules/antd/es/tabs/hooks/useAnimateConfig.cjs

@@ -5,10 +5,11 @@ const motion = {
   motionEnter: true,
   motionLeave: true
 };
-function useAnimateConfig(prefixCls, animated = {
-  inkBar: true,
-  tabPane: false
-}) {
+function useAnimateConfig(prefixCls) {
+  let animated = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    inkBar: true,
+    tabPane: false
+  };
   let mergedAnimated;
   if (animated === false) {
     mergedAnimated = {

package/dist/node_modules/antd/es/tabs/hooks/useAnimateConfig.js

@@ -4,10 +4,11 @@ const motion = {
   motionEnter: true,
   motionLeave: true
 };
-function useAnimateConfig(prefixCls, animated = {
-  inkBar: true,
-  tabPane: false
-}) {
+function useAnimateConfig(prefixCls) {
+  let animated = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    inkBar: true,
+    tabPane: false
+  };
   let mergedAnimated;
   if (animated === false) {
     mergedAnimated = {

package/dist/node_modules/antd/es/tabs/hooks/useLegacyItems.cjs

@@ -38,14 +38,7 @@ function useLegacyItems(items, children) {
     warning$1.deprecated(!children, "Tabs.TabPane", "items");
   }
   if (items) {
-    return items.map((item) => {
-      var _a;
-      const mergedDestroyOnHidden = (_a = item.destroyOnHidden) !== null && _a !== void 0 ? _a : item.destroyInactiveTabPane;
-      return Object.assign(Object.assign({}, item), {
-        // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
-        destroyInactiveTabPane: mergedDestroyOnHidden
-      });
-    });
+    return items;
   }
   const childrenItems = toArray(children).map((node) => {
     if (/* @__PURE__ */ React__namespace.isValidElement(node)) {

package/dist/node_modules/antd/es/tabs/hooks/useLegacyItems.js

@@ -18,14 +18,7 @@ function useLegacyItems(items, children) {
     warning.deprecated(!children, "Tabs.TabPane", "items");
   }
   if (items) {
-    return items.map((item) => {
-      var _a;
-      const mergedDestroyOnHidden = (_a = item.destroyOnHidden) !== null && _a !== void 0 ? _a : item.destroyInactiveTabPane;
-      return Object.assign(Object.assign({}, item), {
-        // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
-        destroyInactiveTabPane: mergedDestroyOnHidden
-      });
-    });
+    return items;
   }
   const childrenItems = toArray(children).map((node) => {
     if (/* @__PURE__ */ React.isValidElement(node)) {

package/dist/node_modules/antd/es/tabs/index.cjs

@@ -41,7 +41,7 @@ var __rest = function(s, e) {
   }
   return t;
 };
-const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) => {
+const Tabs = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const {
     type,
@@ -61,10 +61,8 @@ const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) =>
     animated,
     style,
     indicatorSize,
-    indicator,
-    destroyInactiveTabPane,
-    destroyOnHidden
-  } = props, otherProps = __rest(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]);
+    indicator
+  } = props, otherProps = __rest(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]);
   const {
     prefixCls: customizePrefixCls
   } = otherProps;
@@ -77,17 +75,14 @@ const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) =>
   const prefixCls = getPrefixCls("tabs", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = index.default(prefixCls, rootCls);
-  const tabsRef = React__namespace.useRef(null);
-  React__namespace.useImperativeHandle(ref, () => ({
-    nativeElement: tabsRef.current
-  }));
   let editable;
   if (type === "editable-card") {
     editable = {
-      onEdit: (editType, {
-        key,
-        event
-      }) => {
+      onEdit: (editType, _ref) => {
+        let {
+          key,
+          event
+        } = _ref;
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event : key, editType);
       },
       removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React__namespace.createElement(CloseOutlined, null),
@@ -100,7 +95,6 @@ const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) =>
     const warning$1 = warning.devUseWarning("Tabs");
     process.env.NODE_ENV !== "production" ? warning$1(!("onPrevClick" in props) && !("onNextClick" in props), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.") : void 0;
     process.env.NODE_ENV !== "production" ? warning$1(!(indicatorSize || (tabs === null || tabs === void 0 ? void 0 : tabs.indicatorSize)), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.") : void 0;
-    warning$1.deprecated(!("destroyInactiveTabPane" in props || (items === null || items === void 0 ? void 0 : items.some((item) => "destroyInactiveTabPane" in item))), "destroyInactiveTabPane", "destroyOnHidden");
   }
   const size = useSize(customSize);
   const mergedItems = useLegacyItems(items, children);
@@ -111,7 +105,6 @@ const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) =>
     size: (_g = (_e = (_d = indicator === null || indicator === void 0 ? void 0 : indicator.size) !== null && _d !== void 0 ? _d : indicatorSize) !== null && _e !== void 0 ? _e : (_f = tabs === null || tabs === void 0 ? void 0 : tabs.indicator) === null || _f === void 0 ? void 0 : _f.size) !== null && _g !== void 0 ? _g : tabs === null || tabs === void 0 ? void 0 : tabs.indicatorSize
   };
   return wrapCSSVar(/* @__PURE__ */ React__namespace.createElement(Tabs$1, Object.assign({
-    ref: tabsRef,
     direction,
     getPopupContainer
   }, otherProps, {
@@ -131,12 +124,9 @@ const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) =>
     }, more),
     prefixCls,
     animated: mergedAnimated,
-    indicator: mergedIndicator,
-    // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
-    destroyInactiveTabPane: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyInactiveTabPane
+    indicator: mergedIndicator
   })));
-});
-const Tabs = InternalTabs;
+};
 Tabs.TabPane = TabPane;
 if (process.env.NODE_ENV !== "production") {
   Tabs.displayName = "Tabs";

package/dist/node_modules/antd/es/tabs/index.js

@@ -21,7 +21,7 @@ var __rest = function(s, e) {
   }
   return t;
 };
-const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
+const Tabs = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const {
     type,
@@ -41,10 +41,8 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     animated,
     style,
     indicatorSize,
-    indicator,
-    destroyInactiveTabPane,
-    destroyOnHidden
-  } = props, otherProps = __rest(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"]);
+    indicator
+  } = props, otherProps = __rest(props, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]);
   const {
     prefixCls: customizePrefixCls
   } = otherProps;
@@ -57,17 +55,14 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const prefixCls = getPrefixCls("tabs", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
-  const tabsRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => ({
-    nativeElement: tabsRef.current
-  }));
   let editable;
   if (type === "editable-card") {
     editable = {
-      onEdit: (editType, {
-        key,
-        event
-      }) => {
+      onEdit: (editType, _ref) => {
+        let {
+          key,
+          event
+        } = _ref;
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event : key, editType);
       },
       removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React.createElement(RefIcon$1, null),
@@ -80,7 +75,6 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     const warning = devUseWarning("Tabs");
     process.env.NODE_ENV !== "production" ? warning(!("onPrevClick" in props) && !("onNextClick" in props), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.") : void 0;
     process.env.NODE_ENV !== "production" ? warning(!(indicatorSize || (tabs === null || tabs === void 0 ? void 0 : tabs.indicatorSize)), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.") : void 0;
-    warning.deprecated(!("destroyInactiveTabPane" in props || (items === null || items === void 0 ? void 0 : items.some((item) => "destroyInactiveTabPane" in item))), "destroyInactiveTabPane", "destroyOnHidden");
   }
   const size = useSize(customSize);
   const mergedItems = useLegacyItems(items, children);
@@ -91,7 +85,6 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     size: (_g = (_e = (_d = indicator === null || indicator === void 0 ? void 0 : indicator.size) !== null && _d !== void 0 ? _d : indicatorSize) !== null && _e !== void 0 ? _e : (_f = tabs === null || tabs === void 0 ? void 0 : tabs.indicator) === null || _f === void 0 ? void 0 : _f.size) !== null && _g !== void 0 ? _g : tabs === null || tabs === void 0 ? void 0 : tabs.indicatorSize
   };
   return wrapCSSVar(/* @__PURE__ */ React.createElement(Tabs$1, Object.assign({
-    ref: tabsRef,
     direction,
     getPopupContainer
   }, otherProps, {
@@ -111,12 +104,9 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     }, more),
     prefixCls,
     animated: mergedAnimated,
-    indicator: mergedIndicator,
-    // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
-    destroyInactiveTabPane: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyInactiveTabPane
+    indicator: mergedIndicator
   })));
-});
-const Tabs = InternalTabs;
+};
 Tabs.TabPane = TabPane;
 if (process.env.NODE_ENV !== "production") {
   Tabs.displayName = "Tabs";

package/dist/node_modules/antd/es/tabs/style/index.cjs

@@ -42,12 +42,12 @@ const genCardStyle = (token) => {
           color: itemSelectedColor,
           background: token.colorBgContainer
         },
-        [`${componentCls}-tab-focus:has(${componentCls}-tab-btn:focus-visible)`]: index$1.genFocusOutline(token, -3),
-        [`& ${componentCls}-tab${componentCls}-tab-focus ${componentCls}-tab-btn:focus-visible`]: {
-          outline: "none"
-        },
+        [`${componentCls}-tab-focus`]: Object.assign({}, index$1.genFocusOutline(token, -3)),
         [`${componentCls}-ink-bar`]: {
           visibility: "hidden"
+        },
+        [`& ${componentCls}-tab${componentCls}-tab-focus ${componentCls}-tab-btn`]: {
+          outline: "none"
         }
       },
       // ========================== Top & Bottom ==========================
@@ -181,7 +181,7 @@ const genDropdownStyle = (token) => {
               _skip_check_: true,
               value: token.marginSM
             },
-            color: token.colorIcon,
+            color: token.colorTextDescription,
             fontSize: token.fontSizeSM,
             background: "transparent",
             border: 0,
@@ -414,13 +414,10 @@ const genSizeStyle = (token) => {
     componentCls,
     cardPaddingSM,
     cardPaddingLG,
-    cardHeightSM,
-    cardHeightLG,
     horizontalItemPaddingSM,
     horizontalItemPaddingLG
   } = token;
   return {
-    // >>>>> shared
     [componentCls]: {
       "&-small": {
         [`> ${componentCls}-nav`]: {
@@ -434,23 +431,16 @@ const genSizeStyle = (token) => {
         [`> ${componentCls}-nav`]: {
           [`${componentCls}-tab`]: {
             padding: horizontalItemPaddingLG,
-            fontSize: token.titleFontSizeLG,
-            lineHeight: token.lineHeightLG
+            fontSize: token.titleFontSizeLG
           }
         }
       }
     },
-    // >>>>> card
     [`${componentCls}-card`]: {
-      // Small
       [`&${componentCls}-small`]: {
         [`> ${componentCls}-nav`]: {
           [`${componentCls}-tab`]: {
             padding: cardPaddingSM
-          },
-          [`${componentCls}-nav-add`]: {
-            minWidth: cardHeightSM,
-            minHeight: cardHeightSM
           }
         },
         [`&${componentCls}-bottom`]: {
@@ -480,15 +470,10 @@ const genSizeStyle = (token) => {
           }
         }
       },
-      // Large
       [`&${componentCls}-large`]: {
         [`> ${componentCls}-nav`]: {
           [`${componentCls}-tab`]: {
             padding: cardPaddingLG
-          },
-          [`${componentCls}-nav-add`]: {
-            minWidth: cardHeightLG,
-            minHeight: cardHeightLG
           }
         }
       }
@@ -543,7 +528,7 @@ const genTabStyle = (token) => {
           _skip_check_: true,
           value: token.marginXS
         },
-        color: token.colorIcon,
+        color: token.colorTextDescription,
         fontSize: token.fontSizeSM,
         background: "transparent",
         border: "none",
@@ -561,7 +546,7 @@ const genTabStyle = (token) => {
         color: itemSelectedColor,
         textShadow: token.tabsActiveTextShadow
       },
-      [`&${tabCls}-focus ${tabCls}-btn:focus-visible`]: index$1.genFocusOutline(token),
+      [`&${tabCls}-focus ${tabCls}-btn`]: Object.assign({}, index$1.genFocusOutline(token)),
       [`&${tabCls}-disabled`]: {
         color: token.colorTextDisabled,
         cursor: "not-allowed"
@@ -760,11 +745,11 @@ const genTabsStyle = (token) => {
         },
         [`${componentCls}-nav-add`]: Object.assign({
           minWidth: cardHeight,
-          minHeight: cardHeight,
           marginLeft: {
             _skip_check_: true,
             value: cardGutter
           },
+          padding: index.unit(token.paddingXS),
           background: "transparent",
           border: `${index.unit(token.lineWidth)} ${token.lineType} ${colorBorderSecondary}`,
           borderRadius: `${index.unit(token.borderRadiusLG)} ${index.unit(token.borderRadiusLG)} 0 0`,
@@ -818,28 +803,15 @@ const genTabsStyle = (token) => {
   };
 };
 const prepareComponentToken = (token) => {
-  const {
-    cardHeight,
-    cardHeightSM,
-    cardHeightLG,
-    controlHeight,
-    controlHeightLG
-  } = token;
-  const mergedCardHeight = cardHeight || controlHeightLG;
-  const mergedCardHeightSM = cardHeightSM || controlHeight;
-  const mergedCardHeightLG = cardHeightLG || controlHeightLG + 8;
+  const cardHeight = token.controlHeightLG;
   return {
     zIndexPopup: token.zIndexPopupBase + 50,
     cardBg: token.colorFillAlter,
-    // We can not pass this as valid value,
-    // Since `cardHeight` will lock nav add button height.
-    cardHeight: mergedCardHeight,
-    cardHeightSM: mergedCardHeightSM,
-    cardHeightLG: mergedCardHeightLG,
+    cardHeight,
     // Initialize with empty string, because cardPadding will be calculated with cardHeight by default.
-    cardPadding: `${(mergedCardHeight - token.fontHeight) / 2 - token.lineWidth}px ${token.padding}px`,
-    cardPaddingSM: `${(mergedCardHeightSM - token.fontHeight) / 2 - token.lineWidth}px ${token.paddingXS}px`,
-    cardPaddingLG: `${(mergedCardHeightLG - token.fontHeightLG) / 2 - token.lineWidth}px ${token.padding}px`,
+    cardPadding: `${(cardHeight - Math.round(token.fontSize * token.lineHeight)) / 2 - token.lineWidth}px ${token.padding}px`,
+    cardPaddingSM: `${token.paddingXXS * 1.5}px ${token.padding}px`,
+    cardPaddingLG: `${token.paddingXS}px ${token.padding}px ${token.paddingXXS * 1.5}px`,
     titleFontSize: token.fontSize,
     titleFontSizeLG: token.fontSizeLG,
     titleFontSizeSM: token.fontSize,

package/dist/node_modules/antd/es/tabs/style/index.js

@@ -40,12 +40,12 @@ const genCardStyle = (token) => {
           color: itemSelectedColor,
           background: token.colorBgContainer
         },
-        [`${componentCls}-tab-focus:has(${componentCls}-tab-btn:focus-visible)`]: genFocusOutline(token, -3),
-        [`& ${componentCls}-tab${componentCls}-tab-focus ${componentCls}-tab-btn:focus-visible`]: {
-          outline: "none"
-        },
+        [`${componentCls}-tab-focus`]: Object.assign({}, genFocusOutline(token, -3)),
         [`${componentCls}-ink-bar`]: {
           visibility: "hidden"
+        },
+        [`& ${componentCls}-tab${componentCls}-tab-focus ${componentCls}-tab-btn`]: {
+          outline: "none"
         }
       },
       // ========================== Top & Bottom ==========================
@@ -179,7 +179,7 @@ const genDropdownStyle = (token) => {
               _skip_check_: true,
               value: token.marginSM
             },
-            color: token.colorIcon,
+            color: token.colorTextDescription,
             fontSize: token.fontSizeSM,
             background: "transparent",
             border: 0,
@@ -412,13 +412,10 @@ const genSizeStyle = (token) => {
     componentCls,
     cardPaddingSM,
     cardPaddingLG,
-    cardHeightSM,
-    cardHeightLG,
     horizontalItemPaddingSM,
     horizontalItemPaddingLG
   } = token;
   return {
-    // >>>>> shared
     [componentCls]: {
       "&-small": {
         [`> ${componentCls}-nav`]: {
@@ -432,23 +429,16 @@ const genSizeStyle = (token) => {
         [`> ${componentCls}-nav`]: {
           [`${componentCls}-tab`]: {
             padding: horizontalItemPaddingLG,
-            fontSize: token.titleFontSizeLG,
-            lineHeight: token.lineHeightLG
+            fontSize: token.titleFontSizeLG
           }
         }
       }
     },
-    // >>>>> card
     [`${componentCls}-card`]: {
-      // Small
       [`&${componentCls}-small`]: {
         [`> ${componentCls}-nav`]: {
           [`${componentCls}-tab`]: {
             padding: cardPaddingSM
-          },
-          [`${componentCls}-nav-add`]: {
-            minWidth: cardHeightSM,
-            minHeight: cardHeightSM
           }
         },
         [`&${componentCls}-bottom`]: {
@@ -478,15 +468,10 @@ const genSizeStyle = (token) => {
           }
         }
       },
-      // Large
       [`&${componentCls}-large`]: {
         [`> ${componentCls}-nav`]: {
           [`${componentCls}-tab`]: {
             padding: cardPaddingLG
-          },
-          [`${componentCls}-nav-add`]: {
-            minWidth: cardHeightLG,
-            minHeight: cardHeightLG
           }
         }
       }
@@ -541,7 +526,7 @@ const genTabStyle = (token) => {
           _skip_check_: true,
           value: token.marginXS
         },
-        color: token.colorIcon,
+        color: token.colorTextDescription,
         fontSize: token.fontSizeSM,
         background: "transparent",
         border: "none",
@@ -559,7 +544,7 @@ const genTabStyle = (token) => {
         color: itemSelectedColor,
         textShadow: token.tabsActiveTextShadow
       },
-      [`&${tabCls}-focus ${tabCls}-btn:focus-visible`]: genFocusOutline(token),
+      [`&${tabCls}-focus ${tabCls}-btn`]: Object.assign({}, genFocusOutline(token)),
       [`&${tabCls}-disabled`]: {
         color: token.colorTextDisabled,
         cursor: "not-allowed"
@@ -758,11 +743,11 @@ const genTabsStyle = (token) => {
         },
         [`${componentCls}-nav-add`]: Object.assign({
           minWidth: cardHeight,
-          minHeight: cardHeight,
           marginLeft: {
             _skip_check_: true,
             value: cardGutter
           },
+          padding: unit(token.paddingXS),
           background: "transparent",
           border: `${unit(token.lineWidth)} ${token.lineType} ${colorBorderSecondary}`,
           borderRadius: `${unit(token.borderRadiusLG)} ${unit(token.borderRadiusLG)} 0 0`,
@@ -816,28 +801,15 @@ const genTabsStyle = (token) => {
   };
 };
 const prepareComponentToken = (token) => {
-  const {
-    cardHeight,
-    cardHeightSM,
-    cardHeightLG,
-    controlHeight,
-    controlHeightLG
-  } = token;
-  const mergedCardHeight = cardHeight || controlHeightLG;
-  const mergedCardHeightSM = cardHeightSM || controlHeight;
-  const mergedCardHeightLG = cardHeightLG || controlHeightLG + 8;
+  const cardHeight = token.controlHeightLG;
   return {
     zIndexPopup: token.zIndexPopupBase + 50,
     cardBg: token.colorFillAlter,
-    // We can not pass this as valid value,
-    // Since `cardHeight` will lock nav add button height.
-    cardHeight: mergedCardHeight,
-    cardHeightSM: mergedCardHeightSM,
-    cardHeightLG: mergedCardHeightLG,
+    cardHeight,
     // Initialize with empty string, because cardPadding will be calculated with cardHeight by default.
-    cardPadding: `${(mergedCardHeight - token.fontHeight) / 2 - token.lineWidth}px ${token.padding}px`,
-    cardPaddingSM: `${(mergedCardHeightSM - token.fontHeight) / 2 - token.lineWidth}px ${token.paddingXS}px`,
-    cardPaddingLG: `${(mergedCardHeightLG - token.fontHeightLG) / 2 - token.lineWidth}px ${token.padding}px`,
+    cardPadding: `${(cardHeight - Math.round(token.fontSize * token.lineHeight)) / 2 - token.lineWidth}px ${token.padding}px`,
+    cardPaddingSM: `${token.paddingXXS * 1.5}px ${token.padding}px`,
+    cardPaddingLG: `${token.paddingXS}px ${token.padding}px ${token.paddingXXS * 1.5}px`,
     titleFontSize: token.fontSize,
     titleFontSizeLG: token.fontSizeLG,
     titleFontSizeSM: token.fontSize,

package/dist/node_modules/antd/es/theme/themes/shared/genColorMapToken.cjs

@@ -1,9 +1,10 @@
 "use strict";
 var FastColor = require("../../../../../@ant-design/fast-color/es/FastColor.cjs");
-function genColorMapToken(seed, {
-  generateColorPalettes,
-  generateNeutralColorPalettes
-}) {
+function genColorMapToken(seed, _ref) {
+  let {
+    generateColorPalettes,
+    generateNeutralColorPalettes
+  } = _ref;
   const {
     colorSuccess: colorSuccessBase,
     colorWarning: colorWarningBase,

package/dist/node_modules/antd/es/theme/themes/shared/genColorMapToken.js

@@ -1,8 +1,9 @@
 import { FastColor } from "../../../../../@ant-design/fast-color/es/FastColor.js";
-function genColorMapToken(seed, {
-  generateColorPalettes,
-  generateNeutralColorPalettes
-}) {
+function genColorMapToken(seed, _ref) {
+  let {
+    generateColorPalettes,
+    generateNeutralColorPalettes
+  } = _ref;
   const {
     colorSuccess: colorSuccessBase,
     colorWarning: colorWarningBase,

package/dist/node_modules/antd/es/theme/useToken.cjs

@@ -40,6 +40,17 @@ const unitless = {
   opacityImage: true
 };
 const ignore = {
+  size: true,
+  sizeSM: true,
+  sizeLG: true,
+  sizeMD: true,
+  sizeXS: true,
+  sizeXXS: true,
+  sizeMS: true,
+  sizeXL: true,
+  sizeXXL: true,
+  sizeUnit: true,
+  sizeStep: true,
   motionBase: true,
   motionUnit: true
 };
@@ -72,7 +83,8 @@ const getComputedToken = (originToken, overrideToken, theme2) => {
   });
   mergedDerivativeToken = alias(mergedDerivativeToken);
   if (components) {
-    Object.entries(components).forEach(([key, value]) => {
+    Object.entries(components).forEach((_ref) => {
+      let [key, value] = _ref;
       const {
         theme: componentTheme
       } = value, componentTokens = __rest(value, ["theme"]);