@oceanbase/design 1.0.0-alpha.8 → 1.0.0

package/es/theme/style/aliyun.less

@@ -441,7 +441,7 @@
 @controlItemBgActiveHover: #b0dbff;
 @controlItemBgActiveDisabled: rgba(0,0,0,0.15);
 @controlTmpOutline: rgba(0,0,0,0.02);
-@fontWeightStrong: 600;
+@fontWeightStrong: var(--ob-font-weight-lg);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/theme/style/compact.less

@@ -44,18 +44,18 @@
 @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,18 +104,18 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #e4f7ed;
-@green1: #e4f7ed;
-@green-2: #b2ebd0;
-@green2: #b2ebd0;
-@green-3: #85deb7;
-@green3: #85deb7;
-@green-4: #5cd1a2;
-@green4: #5cd1a2;
-@green-5: #37c491;
-@green5: #37c491;
-@green-6: #16b882;
-@green6: #16b882;
+@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;
@@ -164,18 +164,18 @@
 @pink9: #780650;
 @pink-10: #520339;
 @pink10: #520339;
-@red-1: #fff2f0;
-@red1: #fff2f0;
-@red-2: #ffedeb;
-@red2: #ffedeb;
-@red-3: #ffc8c2;
-@red3: #ffc8c2;
-@red-4: #ffa099;
-@red4: #ffa099;
-@red-5: #f7716d;
-@red5: #f7716d;
-@red-6: #eb4242;
-@red6: #eb4242;
+@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;
@@ -184,18 +184,18 @@
 @red9: #78101a;
 @red-10: #520a13;
 @red10: #520a13;
-@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;
+@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;
@@ -322,46 +322,46 @@
 @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: #f5faf8;
-@colorSuccessBgHover: #b2ebd0;
+@colorSuccessBgHover: #b3e6d5;
 @colorSuccessBorder: #79d1b4;
 @colorSuccessBorderHover: #5cd1a2;
-@colorSuccessHover: #5cd1a2;
-@colorSuccessActive: #0a9169;
+@colorSuccessHover: #0a8c61;
+@colorSuccessActive: #0a8c61;
 @colorSuccessTextHover: #37c491;
 @colorSuccessText: #09593f;
 @colorSuccessTextActive: #0a9169;
 @colorErrorBg: #fff2f2;
-@colorErrorBgHover: #ffedeb;
+@colorErrorBgHover: #ffd6d6;
 @colorErrorBgFilledHover: #ffddd9;
 @colorErrorBgActive: #ffc8c2;
 @colorErrorBorder: #f69898;
 @colorErrorBorderHover: #ffa099;
-@colorErrorHover: #f7716d;
-@colorErrorActive: #c42d32;
+@colorErrorHover: #b52727;
+@colorErrorActive: #b52727;
 @colorErrorTextHover: #f7716d;
 @colorErrorText: #8a1b1b;
 @colorErrorTextActive: #c42d32;
 @colorWarningBg: #fff9ee;
-@colorWarningBgHover: #fff0c9;
+@colorWarningBgHover: #ffe7c2;
 @colorWarningBorder: #fac373;
 @colorWarningBorderHover: #ffd078;
-@colorWarningHover: #ffd078;
-@colorWarningActive: #cf7b15;
+@colorWarningHover: #ac690b;
+@colorWarningActive: #ac690b;
 @colorWarningTextHover: #ffbc4f;
 @colorWarningText: #6c4408;
 @colorWarningTextActive: #cf7b15;
 @colorInfoBg: #f3f8fe;
-@colorInfoBgHover: #b0dbff;
+@colorInfoBgHover: #b3d3ff;
 @colorInfoBorder: #619ef3;
 @colorInfoBorderHover: #5eacff;
 @colorInfoHover: #0852bb;
@@ -369,8 +369,8 @@
 @colorInfoTextHover: #3690ff;
 @colorInfoText: #0d3c80;
 @colorInfoTextActive: #004ecc;
-@colorLinkHover: #5eacff;
-@colorLinkActive: #004ecc;
+@colorLinkHover: #0852bb;
+@colorLinkActive: #0852bb;
 @colorBgMask: rgba(19, 32, 57, 0.6);
 @colorWhite: #fff;
 @fontSizeSM: 12px;
@@ -382,16 +382,16 @@
 @fontSizeHeading4: 16px;
 @fontSizeHeading5: 13px;
 @lineHeight: 1.5384615384615385;
-@lineHeightLG: 1.6666666666666667;
-@lineHeightSM: 2;
+@lineHeightLG: 1.5;
+@lineHeightSM: 1.6666666666666667;
 @fontHeight: 20px;
 @fontHeightLG: 20px;
 @fontHeightSM: 16px;
-@lineHeightHeading1: 1.3076923076923077;
-@lineHeightHeading2: 1.3636363636363635;
+@lineHeightHeading1: 1.3333333333333333;
+@lineHeightHeading2: 1.4;
 @lineHeightHeading3: 1.4444444444444444;
-@lineHeightHeading4: 1.5714285714285714;
-@lineHeightHeading5: 1.6666666666666667;
+@lineHeightHeading4: 1.5;
+@lineHeightHeading5: 1.5384615384615385;
 @sizeXXL: 48px;
 @sizeXL: 32px;
 @sizeLG: 16px;
@@ -412,20 +412,47 @@
 @borderRadiusSM: 2px;
 @borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
-@fontWeightWeak: 400;
-@fontWeight: 400;
-@fontWeightStrong: 600;
+@fontWeightWeak: var(--ob-font-weight-sm);
+@fontWeight: var(--ob-font-weight-md);
+@fontWeightStrong: var(--ob-font-weight-lg);
 @borderRadiusMD: 6px;
 @colorFuchsia: #b04ec4;
 @colorFuchsiaBorder: #d88ee7;
 @colorFuchsiaBg: #faf0fc;
+@colorFuchsiaBgHover: #e8caee;
+@colorFuchsiaHover: #802792;
+@colorFuchsiaActive: #802792;
 @colorFuchsiaText: #580e67;
-@colorIcon: #8592ad;
-@colorBgContainerDisabled: #ebeff7;
+@colorIcon: #5c6b8a;
+@colorBgTextHover: #f5f7fc;
+@colorBgTextActive: #ebeff7;
+@colorBgContainerDisabled: #f5f7fc;
+@controlItemBgHover: #f5f7fc;
+@controlItemBgActive: #f5f7fc;
+@controlItemBgActiveHover: #f5f7fc;
+@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;
+@lineWidthFocus: 2px;
+@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: #f5f7fc;
@@ -438,20 +465,15 @@
 @colorTextDescription: #8592ad;
 @colorTextLightSolid: #fff;
 @colorHighlight: #eb4242;
-@colorBgTextHover: #e2e8f3;
-@colorBgTextActive: #cdd5e4;
 @colorIconHover: #132039;
 @colorErrorOutline: rgba(255,38,38,0.06);
 @colorWarningOutline: rgba(255,169,12,0.07);
 @fontSizeIcon: 12px;
 @controlOutlineWidth: 2px;
 @controlInteractiveSize: 14px;
-@controlItemBgHover: #ebeff7;
-@controlItemBgActive: #e6f4ff;
-@controlItemBgActiveHover: #b0dbff;
 @controlItemBgActiveDisabled: #cdd5e4;
 @controlTmpOutline: #f5f7fc;
-@controlOutline: rgba(5,145,255,0.1);
+@controlOutline: rgba(15,115,235,0.05);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/theme/style/dark.less

@@ -441,7 +441,7 @@
 @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
 @controlTmpOutline: rgba(255,255,255,0.04);
 @controlOutline: rgba(13,110,251,0.29);
-@fontWeightStrong: 600;
+@fontWeightStrong: var(--ob-font-weight-lg);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/theme/style/default.less

@@ -44,18 +44,18 @@
 @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,18 +104,18 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #e4f7ed;
-@green1: #e4f7ed;
-@green-2: #b2ebd0;
-@green2: #b2ebd0;
-@green-3: #85deb7;
-@green3: #85deb7;
-@green-4: #5cd1a2;
-@green4: #5cd1a2;
-@green-5: #37c491;
-@green5: #37c491;
-@green-6: #16b882;
-@green6: #16b882;
+@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;
@@ -164,18 +164,18 @@
 @pink9: #780650;
 @pink-10: #520339;
 @pink10: #520339;
-@red-1: #fff2f0;
-@red1: #fff2f0;
-@red-2: #ffedeb;
-@red2: #ffedeb;
-@red-3: #ffc8c2;
-@red3: #ffc8c2;
-@red-4: #ffa099;
-@red4: #ffa099;
-@red-5: #f7716d;
-@red5: #f7716d;
-@red-6: #eb4242;
-@red6: #eb4242;
+@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;
@@ -184,18 +184,18 @@
 @red9: #78101a;
 @red-10: #520a13;
 @red10: #520a13;
-@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;
+@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;
@@ -322,46 +322,46 @@
 @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: #f5faf8;
-@colorSuccessBgHover: #b2ebd0;
+@colorSuccessBgHover: #b3e6d5;
 @colorSuccessBorder: #79d1b4;
 @colorSuccessBorderHover: #5cd1a2;
-@colorSuccessHover: #5cd1a2;
-@colorSuccessActive: #0a9169;
+@colorSuccessHover: #0a8c61;
+@colorSuccessActive: #0a8c61;
 @colorSuccessTextHover: #37c491;
 @colorSuccessText: #09593f;
 @colorSuccessTextActive: #0a9169;
 @colorErrorBg: #fff2f2;
-@colorErrorBgHover: #ffedeb;
+@colorErrorBgHover: #ffd6d6;
 @colorErrorBgFilledHover: #ffddd9;
 @colorErrorBgActive: #ffc8c2;
 @colorErrorBorder: #f69898;
 @colorErrorBorderHover: #ffa099;
-@colorErrorHover: #f7716d;
-@colorErrorActive: #c42d32;
+@colorErrorHover: #b52727;
+@colorErrorActive: #b52727;
 @colorErrorTextHover: #f7716d;
 @colorErrorText: #8a1b1b;
 @colorErrorTextActive: #c42d32;
 @colorWarningBg: #fff9ee;
-@colorWarningBgHover: #fff0c9;
+@colorWarningBgHover: #ffe7c2;
 @colorWarningBorder: #fac373;
 @colorWarningBorderHover: #ffd078;
-@colorWarningHover: #ffd078;
-@colorWarningActive: #cf7b15;
+@colorWarningHover: #ac690b;
+@colorWarningActive: #ac690b;
 @colorWarningTextHover: #ffbc4f;
 @colorWarningText: #6c4408;
 @colorWarningTextActive: #cf7b15;
 @colorInfoBg: #f3f8fe;
-@colorInfoBgHover: #b0dbff;
+@colorInfoBgHover: #b3d3ff;
 @colorInfoBorder: #619ef3;
 @colorInfoBorderHover: #5eacff;
 @colorInfoHover: #0852bb;
@@ -369,8 +369,8 @@
 @colorInfoTextHover: #3690ff;
 @colorInfoText: #0d3c80;
 @colorInfoTextActive: #004ecc;
-@colorLinkHover: #5eacff;
-@colorLinkActive: #004ecc;
+@colorLinkHover: #0852bb;
+@colorLinkActive: #0852bb;
 @colorBgMask: rgba(19, 32, 57, 0.6);
 @colorWhite: #fff;
 @fontSizeSM: 12px;
@@ -382,16 +382,16 @@
 @fontSizeHeading4: 16px;
 @fontSizeHeading5: 13px;
 @lineHeight: 1.5384615384615385;
-@lineHeightLG: 1.5714285714285714;
-@lineHeightSM: 1.8;
+@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;
@@ -412,20 +412,47 @@
 @borderRadiusSM: 2px;
 @borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
-@fontWeightWeak: 400;
-@fontWeight: 400;
-@fontWeightStrong: 600;
+@fontWeightWeak: var(--ob-font-weight-sm);
+@fontWeight: var(--ob-font-weight-md);
+@fontWeightStrong: var(--ob-font-weight-lg);
 @borderRadiusMD: 6px;
 @colorFuchsia: #b04ec4;
 @colorFuchsiaBorder: #d88ee7;
 @colorFuchsiaBg: #faf0fc;
+@colorFuchsiaBgHover: #e8caee;
+@colorFuchsiaHover: #802792;
+@colorFuchsiaActive: #802792;
 @colorFuchsiaText: #580e67;
-@colorIcon: #8592ad;
-@colorBgContainerDisabled: #ebeff7;
+@colorIcon: #5c6b8a;
+@colorBgTextHover: #f5f7fc;
+@colorBgTextActive: #ebeff7;
+@colorBgContainerDisabled: #f5f7fc;
+@controlItemBgHover: #f5f7fc;
+@controlItemBgActive: #f5f7fc;
+@controlItemBgActiveHover: #f5f7fc;
+@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;
+@lineWidthFocus: 2px;
+@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: #f5f7fc;
@@ -438,20 +465,15 @@
 @colorTextDescription: #8592ad;
 @colorTextLightSolid: #fff;
 @colorHighlight: #eb4242;
-@colorBgTextHover: #e2e8f3;
-@colorBgTextActive: #cdd5e4;
 @colorIconHover: #132039;
 @colorErrorOutline: rgba(255,38,38,0.06);
 @colorWarningOutline: rgba(255,169,12,0.07);
 @fontSizeIcon: 12px;
 @controlOutlineWidth: 2px;
 @controlInteractiveSize: 14px;
-@controlItemBgHover: #ebeff7;
-@controlItemBgActive: #e6f4ff;
-@controlItemBgActiveHover: #b0dbff;
 @controlItemBgActiveDisabled: #cdd5e4;
 @controlTmpOutline: #f5f7fc;
-@controlOutline: rgba(5,145,255,0.1);
+@controlOutline: rgba(15,115,235,0.05);
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/time-picker/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/time-picker';

package/es/timeline/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/timeline';

package/es/tooltip/MouseTooltip.js

@@ -1,3 +1,4 @@
+"use client";
 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 = ["children", "title", "color", "visible", "open", "onOpenChange", "onVisibleChange", "overlayInnerStyle", "mouseEnterDelay", "mouseLeaveDelay"],
   _excluded2 = ["color"];

package/es/tooltip/ReactStickyMouseTooltip.js

@@ -1,3 +1,4 @@
+"use client";
 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); }
 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; }

package/es/tooltip/index.js

@@ -1,3 +1,4 @@
+"use client";
 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 = ["children", "title", "type", "color", "mouseFollow", "closeIcon", "onClose", "open", "defaultOpen", "onOpenChange", "visible", "defaultVisible", "onVisibleChange", "overlayInnerStyle", "className", "overlay"];
 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; }
@@ -50,10 +51,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 +88,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

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