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

package/es/theme/style/default.less

@@ -1,20 +1,20 @@
 @blue: #0d6cf2;
 @purple: #722ED1;
 @cyan: #13C2C2;
-@green: #0ac185;
+@green: #16b882;
 @magenta: #EB2F96;
 @pink: #EB2F96;
-@red: #f93939;
+@red: #eb4242;
 @orange: #FA8C16;
-@yellow: #ffa21a;
+@yellow: #f49f25;
 @volcano: #FA541C;
 @geekblue: #2F54EB;
 @gold: #FAAD14;
 @lime: #A0D911;
 @colorPrimary: #0d6cf2;
-@colorSuccess: #0ac185;
-@colorWarning: #ffa21a;
-@colorError: #f93939;
+@colorSuccess: #16b882;
+@colorWarning: #f49f25;
+@colorError: #eb4242;
 @colorInfo: #0d6cf2;
 @colorLink: #0d6cf2;
 @colorTextBase: #000000;
@@ -38,24 +38,24 @@
 @sizeUnit: 4px;
 @sizeStep: 4px;
 @sizePopupArrow: 16px;
-@controlHeight: 32px;
+@controlHeight: 28px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
 @wireframe: false;
 @motion: true;
-@blue-1: #e6f4ff;
-@blue1: #e6f4ff;
-@blue-2: #b0dbff;
-@blue2: #b0dbff;
-@blue-3: #87c5ff;
-@blue3: #87c5ff;
-@blue-4: #5eacff;
-@blue4: #5eacff;
-@blue-5: #3690ff;
-@blue5: #3690ff;
-@blue-6: #0d6cf2;
-@blue6: #0d6cf2;
+@blue-1: #f3f8fe;
+@blue1: #f3f8fe;
+@blue-2: #b3d3ff;
+@blue2: #b3d3ff;
+@blue-3: #619ef3;
+@blue3: #619ef3;
+@blue-4: #0d6cf2;
+@blue4: #0d6cf2;
+@blue-5: #0852bb;
+@blue5: #0852bb;
+@blue-6: #0d3c80;
+@blue6: #0d3c80;
 @blue-7: #004ecc;
 @blue7: #004ecc;
 @blue-8: #003aa6;
@@ -104,26 +104,26 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #e6fff2;
-@green1: #e6fff2;
-@green-2: #a9f5d1;
-@green2: #a9f5d1;
-@green-3: #7be8b9;
-@green3: #7be8b9;
-@green-4: #51dba4;
-@green4: #51dba4;
-@green-5: #2bcf93;
-@green5: #2bcf93;
-@green-6: #0ac185;
-@green6: #0ac185;
-@green-7: #009c6d;
-@green7: #009c6d;
-@green-8: #007556;
-@green8: #007556;
-@green-9: #004f3d;
-@green9: #004f3d;
-@green-10: #002921;
-@green10: #002921;
+@green-1: #f5faf8;
+@green1: #f5faf8;
+@green-2: #b3e6d5;
+@green2: #b3e6d5;
+@green-3: #79d1b4;
+@green3: #79d1b4;
+@green-4: #16b882;
+@green4: #16b882;
+@green-5: #0a8c61;
+@green5: #0a8c61;
+@green-6: #09593f;
+@green6: #09593f;
+@green-7: #0a9169;
+@green7: #0a9169;
+@green-8: #026b4f;
+@green8: #026b4f;
+@green-9: #004535;
+@green9: #004535;
+@green-10: #001f18;
+@green10: #001f18;
 @magenta-1: #fff0f6;
 @magenta1: #fff0f6;
 @magenta-2: #ffd6e7;
@@ -164,38 +164,38 @@
 @pink9: #780650;
 @pink-10: #520339;
 @pink10: #520339;
-@red-1: #fff2f0;
-@red1: #fff2f0;
-@red-2: #ffe2de;
-@red2: #ffe2de;
-@red-3: #ffbcb5;
-@red3: #ffbcb5;
-@red-4: #ff948c;
-@red4: #ff948c;
-@red-5: #ff6963;
-@red5: #ff6963;
-@red-6: #f93939;
-@red6: #f93939;
-@red-7: #d4262c;
-@red7: #d4262c;
-@red-8: #ad1721;
-@red8: #ad1721;
-@red-9: #870b17;
-@red9: #870b17;
-@red-10: #610713;
-@red10: #610713;
-@orange-1: #fff7e6;
-@orange1: #fff7e6;
-@orange-2: #ffe7ba;
-@orange2: #ffe7ba;
-@orange-3: #ffd591;
-@orange3: #ffd591;
-@orange-4: #ffc069;
-@orange4: #ffc069;
-@orange-5: #ffa940;
-@orange5: #ffa940;
-@orange-6: #fa8c16;
-@orange6: #fa8c16;
+@red-1: #fff2f2;
+@red1: #fff2f2;
+@red-2: #ffd6d6;
+@red2: #ffd6d6;
+@red-3: #f69898;
+@red3: #f69898;
+@red-4: #eb4242;
+@red4: #eb4242;
+@red-5: #b52727;
+@red5: #b52727;
+@red-6: #8a1b1b;
+@red6: #8a1b1b;
+@red-7: #c42d32;
+@red7: #c42d32;
+@red-8: #9e1c25;
+@red8: #9e1c25;
+@red-9: #78101a;
+@red9: #78101a;
+@red-10: #520a13;
+@red10: #520a13;
+@orange-1: #fff9ee;
+@orange1: #fff9ee;
+@orange-2: #ffe7c2;
+@orange2: #ffe7c2;
+@orange-3: #fac373;
+@orange3: #fac373;
+@orange-4: #f49f25;
+@orange4: #f49f25;
+@orange-5: #ac690b;
+@orange5: #ac690b;
+@orange-6: #6c4408;
+@orange6: #6c4408;
 @orange-7: #d46b08;
 @orange7: #d46b08;
 @orange-8: #ad4e00;
@@ -204,26 +204,26 @@
 @orange9: #873800;
 @orange-10: #612500;
 @orange10: #612500;
-@yellow-1: #fff9e6;
-@yellow1: #fff9e6;
-@yellow-2: #ffedbd;
-@yellow2: #ffedbd;
-@yellow-3: #ffdf94;
-@yellow3: #ffdf94;
-@yellow-4: #ffce6b;
-@yellow4: #ffce6b;
-@yellow-5: #ffba42;
-@yellow5: #ffba42;
-@yellow-6: #ffa21a;
-@yellow6: #ffa21a;
-@yellow-7: #d9800b;
-@yellow7: #d9800b;
-@yellow-8: #b35f00;
-@yellow8: #b35f00;
-@yellow-9: #8c4600;
-@yellow9: #8c4600;
-@yellow-10: #663000;
-@yellow10: #663000;
+@yellow-1: #fffbf0;
+@yellow1: #fffbf0;
+@yellow-2: #fff0c9;
+@yellow2: #fff0c9;
+@yellow-3: #ffe1a1;
+@yellow3: #ffe1a1;
+@yellow-4: #ffd078;
+@yellow4: #ffd078;
+@yellow-5: #ffbc4f;
+@yellow5: #ffbc4f;
+@yellow-6: #f49f25;
+@yellow6: #f49f25;
+@yellow-7: #cf7b15;
+@yellow7: #cf7b15;
+@yellow-8: #a85b08;
+@yellow8: #a85b08;
+@yellow-9: #823f00;
+@yellow9: #823f00;
+@yellow-10: #5c2900;
+@yellow10: #5c2900;
 @volcano-1: #fff2e8;
 @volcano1: #fff2e8;
 @volcano-2: #ffd8bf;
@@ -307,91 +307,91 @@
 @colorText: #132039;
 @colorTextSecondary: #5c6b8a;
 @colorTextTertiary: #8592ad;
-@colorTextQuaternary: #c1cbe0;
+@colorTextQuaternary: #b6c0d4;
 @colorFill: #cdd5e4;
 @colorFillSecondary: #e2e8f3;
-@colorFillTertiary: #f3f6fc;
-@colorFillQuaternary: #f8fafe;
+@colorFillTertiary: #ebeff7;
+@colorFillQuaternary: #f5f7fc;
 @colorBgSolid: rgb(0,0,0);
 @colorBgSolidHover: rgba(0,0,0,0.75);
 @colorBgSolidActive: rgba(0,0,0,0.95);
-@colorBgLayout: #f8fafe;
+@colorBgLayout: #fbfcfe;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
 @colorBgSpotlight: #ffffff;
 @colorBgBlur: transparent;
 @colorBorder: #cdd5e4;
 @colorBorderSecondary: #e2e8f3;
-@colorPrimaryBg: #e6f4ff;
-@colorPrimaryBgHover: #b0dbff;
-@colorPrimaryBorder: #87c5ff;
+@colorPrimaryBg: #f3f8fe;
+@colorPrimaryBgHover: #b3d3ff;
+@colorPrimaryBorder: #619ef3;
 @colorPrimaryBorderHover: #5eacff;
-@colorPrimaryHover: #3690ff;
-@colorPrimaryActive: #004ecc;
+@colorPrimaryHover: #0852bb;
+@colorPrimaryActive: #0852bb;
 @colorPrimaryTextHover: #3690ff;
-@colorPrimaryText: #0d6cf2;
+@colorPrimaryText: #0d3c80;
 @colorPrimaryTextActive: #004ecc;
-@colorSuccessBg: #eef8f5;
-@colorSuccessBgHover: #dbf0e9;
-@colorSuccessBorder: #b3e6d5;
-@colorSuccessBorderHover: #4dcca2;
-@colorSuccessHover: #4dcca2;
-@colorSuccessActive: #00b378;
-@colorSuccessTextHover: #4dcca2;
-@colorSuccessText: #0ac185;
-@colorSuccessTextActive: #00b378;
-@colorErrorBg: #ffebeb;
+@colorSuccessBg: #f5faf8;
+@colorSuccessBgHover: #b3e6d5;
+@colorSuccessBorder: #79d1b4;
+@colorSuccessBorderHover: #5cd1a2;
+@colorSuccessHover: #0a8c61;
+@colorSuccessActive: #0a8c61;
+@colorSuccessTextHover: #37c491;
+@colorSuccessText: #09593f;
+@colorSuccessTextActive: #0a9169;
+@colorErrorBg: #fff2f2;
 @colorErrorBgHover: #ffd6d6;
-@colorErrorBgFilledHover: #ffd7d3;
-@colorErrorBgActive: #ffbcb5;
-@colorErrorBorder: #ffb3b3;
-@colorErrorBorderHover: #ff7575;
-@colorErrorHover: #ff7575;
-@colorErrorActive: #cc0000;
-@colorErrorTextHover: #ff7575;
-@colorErrorText: #ff1a1a;
-@colorErrorTextActive: #cc0000;
-@colorWarningBg: #fff5e5;
+@colorErrorBgFilledHover: #ffddd9;
+@colorErrorBgActive: #ffc8c2;
+@colorErrorBorder: #f69898;
+@colorErrorBorderHover: #ffa099;
+@colorErrorHover: #b52727;
+@colorErrorActive: #b52727;
+@colorErrorTextHover: #f7716d;
+@colorErrorText: #8a1b1b;
+@colorErrorTextActive: #c42d32;
+@colorWarningBg: #fff9ee;
 @colorWarningBgHover: #ffe7c2;
-@colorWarningBorder: #ffd699;
-@colorWarningBorderHover: #ffc166;
-@colorWarningHover: #ffc166;
-@colorWarningActive: #ff9700;
-@colorWarningTextHover: #ffc166;
-@colorWarningText: #ffa21a;
-@colorWarningTextActive: #ff9700;
-@colorInfoBg: #e6f4ff;
-@colorInfoBgHover: #b0dbff;
-@colorInfoBorder: #87c5ff;
+@colorWarningBorder: #fac373;
+@colorWarningBorderHover: #ffd078;
+@colorWarningHover: #ac690b;
+@colorWarningActive: #ac690b;
+@colorWarningTextHover: #ffbc4f;
+@colorWarningText: #6c4408;
+@colorWarningTextActive: #cf7b15;
+@colorInfoBg: #f3f8fe;
+@colorInfoBgHover: #b3d3ff;
+@colorInfoBorder: #619ef3;
 @colorInfoBorderHover: #5eacff;
-@colorInfoHover: #5eacff;
-@colorInfoActive: #004ecc;
+@colorInfoHover: #0852bb;
+@colorInfoActive: #0852bb;
 @colorInfoTextHover: #3690ff;
-@colorInfoText: #0d6cf2;
+@colorInfoText: #0d3c80;
 @colorInfoTextActive: #004ecc;
-@colorLinkHover: #5eacff;
-@colorLinkActive: #004ecc;
-@colorBgMask: rgba(19, 32, 57, 0.45);
+@colorLinkHover: #0852bb;
+@colorLinkActive: #0852bb;
+@colorBgMask: rgba(19, 32, 57, 0.6);
 @colorWhite: #fff;
-@fontSizeSM: 11px;
-@fontSizeLG: 14px;
+@fontSizeSM: 12px;
+@fontSizeLG: 16px;
 @fontSizeXL: 18px;
-@fontSizeHeading1: 34px;
-@fontSizeHeading2: 28px;
-@fontSizeHeading3: 22px;
-@fontSizeHeading4: 18px;
-@fontSizeHeading5: 14px;
-@lineHeight: 1.6153846153846154;
-@lineHeightLG: 1.5714285714285714;
-@lineHeightSM: 1.8;
-@fontHeight: 21px;
+@fontSizeHeading1: 24px;
+@fontSizeHeading2: 20px;
+@fontSizeHeading3: 18px;
+@fontSizeHeading4: 16px;
+@fontSizeHeading5: 13px;
+@lineHeight: 1.5384615384615385;
+@lineHeightLG: 1.5;
+@lineHeightSM: 1.6666666666666667;
+@fontHeight: 20px;
 @fontHeightLG: 22px;
 @fontHeightSM: 18px;
-@lineHeightHeading1: 1.2352941176470589;
-@lineHeightHeading2: 1.2857142857142858;
-@lineHeightHeading3: 1.3636363636363635;
-@lineHeightHeading4: 1.4444444444444444;
-@lineHeightHeading5: 1.5714285714285714;
+@lineHeightHeading1: 1.3333333333333333;
+@lineHeightHeading2: 1.4;
+@lineHeightHeading3: 1.4444444444444444;
+@lineHeightHeading4: 1.5;
+@lineHeightHeading5: 1.5384615384615385;
 @sizeXXL: 48px;
 @sizeXL: 32px;
 @sizeLG: 24px;
@@ -402,8 +402,8 @@
 @sizeXS: 8px;
 @sizeXXS: 4px;
 @controlHeightSM: 24px;
-@controlHeightXS: 16px;
-@controlHeightLG: 40px;
+@controlHeightXS: 14px;
+@controlHeightLG: 35px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
@@ -412,39 +412,68 @@
 @borderRadiusSM: 2px;
 @borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
+@fontWeightWeak: 400;
+@fontWeight: 400;
+@fontWeightStrong: 600;
+@borderRadiusMD: 6px;
+@colorFuchsia: #b04ec4;
+@colorFuchsiaBorder: #d88ee7;
+@colorFuchsiaBg: #faf0fc;
+@colorFuchsiaBgHover: #e8caee;
+@colorFuchsiaHover: #802792;
+@colorFuchsiaActive: #802792;
+@colorFuchsiaText: #580e67;
+@colorIcon: #5c6b8a;
+@colorBgTextHover: #e2e8f3;
+@colorBgTextActive: #cdd5e4;
+@colorBgContainerDisabled: #ebeff7;
+@controlItemBgHover: #ebeff7;
+@controlItemBgActive: #f3f8fe;
+@colorNaviBg: #f1f6ff;
+@colorNaviBgHover: #e8effb;
 @boxShadow: 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);
 @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);
 @boxShadowTertiary: 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: 3px;
+@white: #ffffff;
+@black: #000000;
+@gray1: #fbfcfe;
+@gray2: #f5f7fc;
+@gray3: #ebeff7;
+@gray4: #e2e8f3;
+@gray5: #cdd5e4;
+@gray6: #b6c0d4;
+@gray7: #8592ad;
+@gray8: #5c6b8a;
+@gray9: #3b4a69;
+@fuchsia1: #faf0fc;
+@fuchsia2: #e8caee;
+@fuchsia3: #d88ee7;
+@fuchsia4: #b04ec4;
+@fuchsia5: #802792;
+@fuchsia6: #580e67;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
-@colorFillAlter: #f8fafe;
-@colorBgContainerDisabled: #f3f6fc;
+@colorFillAlter: #f5f7fc;
 @colorBorderBg: #ffffff;
 @colorSplit: rgba(13,63,155,0.12);
-@colorTextPlaceholder: #c1cbe0;
-@colorTextDisabled: #c1cbe0;
+@colorTextPlaceholder: #b6c0d4;
+@colorTextDisabled: #b6c0d4;
 @colorTextHeading: #132039;
 @colorTextLabel: #5c6b8a;
 @colorTextDescription: #8592ad;
 @colorTextLightSolid: #fff;
-@colorHighlight: #f93939;
-@colorBgTextHover: #e2e8f3;
-@colorBgTextActive: #cdd5e4;
-@colorIcon: #8592ad;
+@colorHighlight: #eb4242;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(255,5,5,0.08);
-@colorWarningOutline: rgba(255,164,19,0.11);
-@fontSizeIcon: 11px;
+@colorErrorOutline: rgba(255,38,38,0.06);
+@colorWarningOutline: rgba(255,169,12,0.07);
+@fontSizeIcon: 12px;
 @controlOutlineWidth: 2px;
-@controlInteractiveSize: 16px;
-@controlItemBgHover: #f3f6fc;
-@controlItemBgActive: #e6f4ff;
-@controlItemBgActiveHover: #b0dbff;
+@controlInteractiveSize: 14px;
+@controlItemBgActiveHover: #b3d3ff;
 @controlItemBgActiveDisabled: #cdd5e4;
-@controlTmpOutline: #f8fafe;
-@controlOutline: rgba(5,145,255,0.1);
-@fontWeightStrong: 600;
+@controlTmpOutline: #f5f7fc;
+@controlOutline: rgba(15,115,235,0.05);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/tooltip/index.js

@@ -50,10 +50,10 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var customizePrefixCls = restProps.prefixCls;
   var prefixCls = getPrefixCls('tooltip', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var tooltipCls = classNames(className);
-  var mouseTooltipCls = classNames(prefixCls, className, hashId);
+  var mouseTooltipCls = classNames(prefixCls, className);
   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],
@@ -87,7 +87,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var typeItem = typeList.find(function (item) {
     return item.type === type;
   });
-  return wrapSSR(mouseFollow ? /*#__PURE__*/_jsx(MouseTooltip, _objectSpread(_objectSpread({
+  return wrapCSSVar(mouseFollow ? /*#__PURE__*/_jsx(MouseTooltip, _objectSpread(_objectSpread({
     title: title,
     color: color || (typeItem === null || typeItem === void 0 ? void 0 : typeItem.backgroundColor),
     overlayInnerStyle: _objectSpread({

package/es/tooltip/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 TooltipToken = FullToken<'Tooltip'>;
 export declare const genTooltipStyle: GenerateStyle<TooltipToken>;
-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/es/tooltip/style/index.js

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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); }
-import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genStyleHooks } from "../../_util/genComponentStyleHook";
 export var genTooltipStyle = function genTooltipStyle(token) {
   var componentCls = token.componentCls;
   return _defineProperty({}, componentCls, _defineProperty(_defineProperty({
@@ -23,16 +23,13 @@ export var genTooltipStyle = function genTooltipStyle(token) {
     }
   })));
 };
-export default (function (prefixCls) {
-  var useStyle = genComponentStyleHook('Tooltip', function (token) {
-    return [genTooltipStyle(token)];
-  }, function (_ref2) {
-    var zIndexPopupBase = _ref2.zIndexPopupBase,
-      colorBgSpotlight = _ref2.colorBgSpotlight;
-    return {
-      zIndexPopup: zIndexPopupBase + 70,
-      colorBgDefault: colorBgSpotlight
-    };
-  });
-  return useStyle(prefixCls);
+export default genStyleHooks('Tooltip', function (token) {
+  return [genTooltipStyle(token)];
+}, function (_ref2) {
+  var zIndexPopupBase = _ref2.zIndexPopupBase,
+    colorBgSpotlight = _ref2.colorBgSpotlight;
+  return {
+    zIndexPopup: zIndexPopupBase + 70,
+    colorBgDefault: colorBgSpotlight
+  };
 });

package/es/tree-select/index.js

@@ -1,5 +1,11 @@
 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 = ["locale", "prefixCls", "className"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
@@ -26,9 +32,10 @@ var InternalTreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var treeSelectLocale = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultLocale.global), contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.global), defaultLocale.TreeSelect), contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.TreeSelect), customLocale);
   var prefixCls = getPrefixCls('tree-select', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var treeSelectCls = classNames(className);
-  return wrapSSR( /*#__PURE__*/_jsx(AntTreeSelect, _objectSpread({
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntTreeSelect, _objectSpread({
     ref: ref,
     placeholder: treeSelectLocale.placeholder,
     prefixCls: customizePrefixCls,

package/es/tree-select/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 TreeSelectToken = FullToken<'TreeSelect'>;
 export declare const genTreeSelectStyle: GenerateStyle<TreeSelectToken>;
-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/es/tree-select/style/index.js

@@ -1,10 +1,7 @@
-import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genStyleHooks } from "../../_util/genComponentStyleHook";
 export var genTreeSelectStyle = function genTreeSelectStyle(token) {
   return {};
 };
-export default (function (prefixCls) {
-  var useStyle = genComponentStyleHook('TreeSelect', function (token) {
-    return [genTreeSelectStyle(token)];
-  });
-  return useStyle(prefixCls);
+export default genStyleHooks('TreeSelect', function (token) {
+  return [genTreeSelectStyle(token)];
 });

package/es/typography/Link.js

@@ -5,6 +5,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';
@@ -25,9 +31,10 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('typography', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var typographyCls = useClassName(prefixCls, className, editable);
-  return wrapSSR( /*#__PURE__*/_jsx(AntLink, _objectSpread(_objectSpread({
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntLink, _objectSpread(_objectSpread({
     ref: ref,
     editable: editable,
     prefixCls: customizePrefixCls,