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

package/lib/theme/style/dark.less

@@ -1,20 +1,20 @@
 @blue: #0e5fd1;
 @purple: #722ED1;
 @cyan: #13C2C2;
-@green: #0ca774;
+@green: #149f71;
 @magenta: #EB2F96;
 @pink: #EB2F96;
-@red: #d73333;
+@red: #ce3c3c;
 @orange: #FA8C16;
-@yellow: #dc8d19;
+@yellow: #d28a22;
 @volcano: #FA541C;
 @geekblue: #2F54EB;
 @gold: #FAAD14;
 @lime: #A0D911;
 @colorPrimary: #0e5fd1;
-@colorSuccess: #0ca774;
-@colorWarning: #dc8d19;
-@colorError: #d73333;
+@colorSuccess: #149f71;
+@colorWarning: #d28a22;
+@colorError: #ce3c3c;
 @colorInfo: #0e5fd1;
 @colorLink: #0e5fd1;
 @colorTextBase: #fff;
@@ -38,7 +38,7 @@
 @sizeUnit: 4px;
 @sizeStep: 4px;
 @sizePopupArrow: 16px;
-@controlHeight: 32px;
+@controlHeight: 28px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
@@ -104,26 +104,26 @@
 @cyan9: #84e2d8;
 @cyan-10: #b2f1e8;
 @cyan10: #b2f1e8;
-@green-1: #11231e;
-@green1: #11231e;
-@green-2: #0f362a;
-@green2: #0f362a;
-@green-3: #114836;
-@green3: #114836;
-@green-4: #106247;
-@green4: #106247;
-@green-5: #0e845d;
-@green5: #0e845d;
-@green-6: #0ca774;
-@green6: #0ca774;
-@green-7: #29bc86;
-@green7: #29bc86;
-@green-8: #4ed19d;
-@green8: #4ed19d;
-@green-9: #78e2b4;
-@green9: #78e2b4;
-@green-10: #a6f1cd;
-@green10: #a6f1cd;
+@green-1: #11211d;
+@green1: #11211d;
+@green-2: #113329;
+@green2: #113329;
+@green-3: #144535;
+@green3: #144535;
+@green-4: #145d45;
+@green4: #145d45;
+@green-5: #147e5b;
+@green5: #147e5b;
+@green-6: #149f71;
+@green6: #149f71;
+@green-7: #32b284;
+@green7: #32b284;
+@green-8: #57c89a;
+@green8: #57c89a;
+@green-9: #80d8b1;
+@green9: #80d8b1;
+@green-10: #ade7cb;
+@green10: #ade7cb;
 @magenta-1: #291321;
 @magenta1: #291321;
 @magenta-2: #40162f;
@@ -164,26 +164,26 @@
 @pink9: #f8a8cc;
 @pink-10: #fad2e3;
 @pink10: #fad2e3;
-@red-1: #2b1416;
-@red1: #2b1416;
-@red-2: #44191a;
-@red2: #44191a;
-@red-3: #591f1f;
-@red3: #591f1f;
-@red-4: #7b2525;
-@red4: #7b2525;
-@red-5: #a92c2c;
-@red5: #a92c2c;
-@red-6: #d73333;
-@red6: #d73333;
-@red-7: #e8615b;
-@red7: #e8615b;
-@red-8: #f38e86;
-@red8: #f38e86;
-@red-9: #f8b7b0;
-@red9: #f8b7b0;
-@red-10: #fadeda;
-@red10: #fadeda;
+@red-1: #291517;
+@red1: #291517;
+@red-2: #411b1c;
+@red2: #411b1c;
+@red-3: #562222;
+@red3: #562222;
+@red-4: #772929;
+@red4: #772929;
+@red-5: #a23333;
+@red5: #a23333;
+@red-6: #ce3c3c;
+@red6: #ce3c3c;
+@red-7: #e56a66;
+@red7: #e56a66;
+@red-8: #f39992;
+@red8: #f39992;
+@red-9: #f8c3bd;
+@red9: #f8c3bd;
+@red-10: #fae9e7;
+@red10: #fae9e7;
 @orange-1: #2b1d11;
 @orange1: #2b1d11;
 @orange-2: #442a11;
@@ -204,26 +204,26 @@
 @orange9: #f8cf8d;
 @orange-10: #fae3b7;
 @orange10: #fae3b7;
-@yellow-1: #2c1f11;
-@yellow1: #2c1f11;
-@yellow-2: #452f12;
-@yellow2: #452f12;
-@yellow-3: #5b3f16;
-@yellow3: #5b3f16;
-@yellow-4: #7e5417;
-@yellow4: #7e5417;
-@yellow-5: #ad7018;
-@yellow5: #ad7018;
-@yellow-6: #dc8d19;
-@yellow6: #dc8d19;
-@yellow-7: #e8a93d;
-@yellow7: #e8a93d;
-@yellow-8: #f3c567;
-@yellow8: #f3c567;
-@yellow-9: #f8d990;
-@yellow9: #f8d990;
-@yellow-10: #fae9ba;
-@yellow10: #fae9ba;
+@yellow-1: #2a1f12;
+@yellow1: #2a1f12;
+@yellow-2: #432e14;
+@yellow2: #432e14;
+@yellow-3: #573e19;
+@yellow3: #573e19;
+@yellow-4: #79531c;
+@yellow4: #79531c;
+@yellow-5: #a66e1f;
+@yellow5: #a66e1f;
+@yellow-6: #d28a22;
+@yellow6: #d28a22;
+@yellow-7: #e8ab49;
+@yellow7: #e8ab49;
+@yellow-8: #f3c773;
+@yellow8: #f3c773;
+@yellow-9: #f8db9d;
+@yellow9: #f8db9d;
+@yellow-10: #faecc5;
+@yellow10: #faecc5;
 @volcano-1: #2b1611;
 @volcano1: #2b1611;
 @volcano-2: #441d12;
@@ -331,35 +331,35 @@
 @colorPrimaryTextHover: #3384e8;
 @colorPrimaryText: #0e5fd1;
 @colorPrimaryTextActive: #0f4da4;
-@colorSuccessBg: #11231e;
-@colorSuccessBgHover: #0f362a;
-@colorSuccessBorder: #114836;
-@colorSuccessBorderHover: #106247;
-@colorSuccessHover: #106247;
-@colorSuccessActive: #0e845d;
-@colorSuccessTextHover: #29bc86;
-@colorSuccessText: #0ca774;
-@colorSuccessTextActive: #0e845d;
-@colorErrorBg: #2b1416;
-@colorErrorBgHover: #44191a;
-@colorErrorBgFilledHover: #421a1b;
-@colorErrorBgActive: #591f1f;
-@colorErrorBorder: #591f1f;
-@colorErrorBorderHover: #7b2525;
-@colorErrorHover: #e8615b;
-@colorErrorActive: #a92c2c;
-@colorErrorTextHover: #e8615b;
-@colorErrorText: #d73333;
-@colorErrorTextActive: #a92c2c;
-@colorWarningBg: #2c1f11;
-@colorWarningBgHover: #452f12;
-@colorWarningBorder: #5b3f16;
-@colorWarningBorderHover: #7e5417;
-@colorWarningHover: #7e5417;
-@colorWarningActive: #ad7018;
-@colorWarningTextHover: #e8a93d;
-@colorWarningText: #dc8d19;
-@colorWarningTextActive: #ad7018;
+@colorSuccessBg: #11211d;
+@colorSuccessBgHover: #113329;
+@colorSuccessBorder: #144535;
+@colorSuccessBorderHover: #145d45;
+@colorSuccessHover: #145d45;
+@colorSuccessActive: #147e5b;
+@colorSuccessTextHover: #32b284;
+@colorSuccessText: #149f71;
+@colorSuccessTextActive: #147e5b;
+@colorErrorBg: #291517;
+@colorErrorBgHover: #411b1c;
+@colorErrorBgFilledHover: #401c1d;
+@colorErrorBgActive: #562222;
+@colorErrorBorder: #562222;
+@colorErrorBorderHover: #772929;
+@colorErrorHover: #e56a66;
+@colorErrorActive: #a23333;
+@colorErrorTextHover: #e56a66;
+@colorErrorText: #ce3c3c;
+@colorErrorTextActive: #a23333;
+@colorWarningBg: #2a1f12;
+@colorWarningBgHover: #432e14;
+@colorWarningBorder: #573e19;
+@colorWarningBorderHover: #79531c;
+@colorWarningHover: #79531c;
+@colorWarningActive: #a66e1f;
+@colorWarningTextHover: #e8ab49;
+@colorWarningText: #d28a22;
+@colorWarningTextActive: #a66e1f;
 @colorInfoBg: #111a2a;
 @colorInfoBgHover: #0f2342;
 @colorInfoBorder: #122e57;
@@ -401,9 +401,9 @@
 @sizeSM: 12px;
 @sizeXS: 8px;
 @sizeXXS: 4px;
-@controlHeightSM: 24px;
-@controlHeightXS: 16px;
-@controlHeightLG: 40px;
+@controlHeightSM: 21px;
+@controlHeightXS: 14px;
+@controlHeightLG: 35px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
@@ -424,17 +424,17 @@
 @colorTextLabel: rgba(255,255,255,0.65);
 @colorTextDescription: rgba(255,255,255,0.45);
 @colorTextLightSolid: #fff;
-@colorHighlight: #d73333;
+@colorHighlight: #ce3c3c;
 @colorBgTextHover: rgba(255,255,255,0.12);
 @colorBgTextActive: rgba(255,255,255,0.18);
 @colorIcon: rgba(255,255,255,0.45);
 @colorIconHover: rgba(255,255,255,0.85);
-@colorErrorOutline: rgba(250,20,40,0.1);
-@colorWarningOutline: rgba(180,93,0,0.15);
+@colorErrorOutline: rgba(253,31,53,0.09);
+@colorWarningOutline: rgba(240,130,0,0.1);
 @fontSizeIcon: 10px;
 @lineWidthFocus: 3px;
 @controlOutlineWidth: 2px;
-@controlInteractiveSize: 16px;
+@controlInteractiveSize: 14px;
 @controlItemBgHover: rgba(255,255,255,0.08);
 @controlItemBgActive: #122e57;
 @controlItemBgActiveHover: #113c78;

package/lib/theme/style/default.less

@@ -1,20 +1,20 @@
 @blue: #0d6cf2;
 @purple: #722ED1;
 @cyan: #13C2C2;
-@green: #0ac185;
+@green: #14b781;
 @magenta: #EB2F96;
 @pink: #EB2F96;
-@red: #f93939;
+@red: #ef4343;
 @orange: #FA8C16;
-@yellow: #ffa21a;
+@yellow: #f49f25;
 @volcano: #FA541C;
 @geekblue: #2F54EB;
 @gold: #FAAD14;
 @lime: #A0D911;
 @colorPrimary: #0d6cf2;
-@colorSuccess: #0ac185;
-@colorWarning: #ffa21a;
-@colorError: #f93939;
+@colorSuccess: #14b781;
+@colorWarning: #f49f25;
+@colorError: #ef4343;
 @colorInfo: #0d6cf2;
 @colorLink: #0d6cf2;
 @colorTextBase: #000000;
@@ -38,7 +38,7 @@
 @sizeUnit: 4px;
 @sizeStep: 4px;
 @sizePopupArrow: 16px;
-@controlHeight: 32px;
+@controlHeight: 28px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
@@ -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: #e1f7ec;
+@green1: #e1f7ec;
+@green-2: #b0ebcf;
+@green2: #b0ebcf;
+@green-3: #83deb6;
+@green3: #83deb6;
+@green-4: #5ad1a1;
+@green4: #5ad1a1;
+@green-5: #35c490;
+@green5: #35c490;
+@green-6: #14b781;
+@green6: #14b781;
+@green-7: #099168;
+@green7: #099168;
+@green-8: #016b4f;
+@green8: #016b4f;
+@green-9: #004535;
+@green9: #004535;
+@green-10: #001f18;
+@green10: #001f18;
 @magenta-1: #fff0f6;
 @magenta1: #fff0f6;
 @magenta-2: #ffd6e7;
@@ -166,24 +166,24 @@
 @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;
+@red-2: #ffedeb;
+@red2: #ffedeb;
+@red-3: #ffc8c2;
+@red3: #ffc8c2;
+@red-4: #ffa099;
+@red4: #ffa099;
+@red-5: #fc746f;
+@red5: #fc746f;
+@red-6: #ef4343;
+@red6: #ef4343;
+@red-7: #c92e34;
+@red7: #c92e34;
+@red-8: #a31d26;
+@red8: #a31d26;
+@red-9: #7d101b;
+@red9: #7d101b;
+@red-10: #570a15;
+@red10: #570a15;
 @orange-1: #fff7e6;
 @orange1: #fff7e6;
 @orange-2: #ffe7ba;
@@ -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;
@@ -331,56 +331,56 @@
 @colorPrimaryTextHover: #3690ff;
 @colorPrimaryText: #0d6cf2;
 @colorPrimaryTextActive: #004ecc;
-@colorSuccessBg: #eef8f5;
-@colorSuccessBgHover: #dbf0e9;
-@colorSuccessBorder: #b3e6d5;
-@colorSuccessBorderHover: #4dcca2;
-@colorSuccessHover: #4dcca2;
-@colorSuccessActive: #00b378;
-@colorSuccessTextHover: #4dcca2;
-@colorSuccessText: #0ac185;
-@colorSuccessTextActive: #00b378;
-@colorErrorBg: #ffebeb;
-@colorErrorBgHover: #ffd6d6;
-@colorErrorBgFilledHover: #ffd7d3;
-@colorErrorBgActive: #ffbcb5;
-@colorErrorBorder: #ffb3b3;
-@colorErrorBorderHover: #ff7575;
-@colorErrorHover: #ff7575;
-@colorErrorActive: #cc0000;
-@colorErrorTextHover: #ff7575;
-@colorErrorText: #ff1a1a;
-@colorErrorTextActive: #cc0000;
-@colorWarningBg: #fff5e5;
-@colorWarningBgHover: #ffe7c2;
-@colorWarningBorder: #ffd699;
-@colorWarningBorderHover: #ffc166;
-@colorWarningHover: #ffc166;
-@colorWarningActive: #ff9700;
-@colorWarningTextHover: #ffc166;
-@colorWarningText: #ffa21a;
-@colorWarningTextActive: #ff9700;
-@colorInfoBg: #e6f4ff;
+@colorSuccessBg: #e8f8f3;
+@colorSuccessBgHover: #b0ebcf;
+@colorSuccessBorder: #7ed7ba;
+@colorSuccessBorderHover: #5ad1a1;
+@colorSuccessHover: #5ad1a1;
+@colorSuccessActive: #099168;
+@colorSuccessTextHover: #35c490;
+@colorSuccessText: #096547;
+@colorSuccessTextActive: #099168;
+@colorErrorBg: #fdecec;
+@colorErrorBgHover: #ffedeb;
+@colorErrorBgFilledHover: #ffddd9;
+@colorErrorBgActive: #ffc8c2;
+@colorErrorBorder: #f69898;
+@colorErrorBorderHover: #ffa099;
+@colorErrorHover: #fc746f;
+@colorErrorActive: #c92e34;
+@colorErrorTextHover: #fc746f;
+@colorErrorText: #8a1b1b;
+@colorErrorTextActive: #c92e34;
+@colorWarningBg: #fef6e9;
+@colorWarningBgHover: #fff0c9;
+@colorWarningBorder: #f9cb87;
+@colorWarningBorderHover: #ffd078;
+@colorWarningHover: #ffd078;
+@colorWarningActive: #cf7b15;
+@colorWarningTextHover: #ffbc4f;
+@colorWarningText: #5b3600;
+@colorWarningTextActive: #cf7b15;
+@colorInfoBg: #eaf1ff;
 @colorInfoBgHover: #b0dbff;
-@colorInfoBorder: #87c5ff;
+@colorInfoBorder: #598cf3;
 @colorInfoBorderHover: #5eacff;
 @colorInfoHover: #5eacff;
 @colorInfoActive: #004ecc;
 @colorInfoTextHover: #3690ff;
-@colorInfoText: #0d6cf2;
+@colorInfoText: #083e8b;
 @colorInfoTextActive: #004ecc;
 @colorLinkHover: #5eacff;
 @colorLinkActive: #004ecc;
 @colorBgMask: rgba(19, 32, 57, 0.45);
 @colorWhite: #fff;
-@fontSizeSM: 11px;
-@fontSizeLG: 14px;
+@fontSizeSM: 12px;
+@fontSizeLG: 16px;
 @fontSizeXL: 18px;
-@fontSizeHeading1: 34px;
-@fontSizeHeading2: 28px;
-@fontSizeHeading3: 22px;
-@fontSizeHeading4: 18px;
-@fontSizeHeading5: 14px;
+@fontSizeHeading1: 24px;
+@fontSizeHeading2: 20px;
+@fontSizeHeading3: 18px;
+@fontSizeHeading4: 16px;
+@fontSizeHeading5: 13px;
 @lineHeight: 1.6153846153846154;
 @lineHeightLG: 1.5714285714285714;
 @lineHeightSM: 1.8;
@@ -401,9 +401,9 @@
 @sizeSM: 12px;
 @sizeXS: 8px;
 @sizeXXS: 4px;
-@controlHeightSM: 24px;
-@controlHeightXS: 16px;
-@controlHeightLG: 40px;
+@controlHeightSM: 21px;
+@controlHeightXS: 14px;
+@controlHeightLG: 35px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
@@ -412,6 +412,7 @@
 @borderRadiusSM: 2px;
 @borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
+@colorIcon: #8592ad;
 @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);
@@ -428,16 +429,15 @@
 @colorTextLabel: #5c6b8a;
 @colorTextDescription: #8592ad;
 @colorTextLightSolid: #fff;
-@colorHighlight: #f93939;
+@colorHighlight: #ef4343;
 @colorBgTextHover: #e2e8f3;
 @colorBgTextActive: #cdd5e4;
-@colorIcon: #8592ad;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(255,5,5,0.08);
-@colorWarningOutline: rgba(255,164,19,0.11);
-@fontSizeIcon: 11px;
+@colorErrorOutline: rgba(230,17,17,0.08);
+@colorWarningOutline: rgba(244,155,11,0.09);
+@fontSizeIcon: 12px;
 @controlOutlineWidth: 2px;
-@controlInteractiveSize: 16px;
+@controlInteractiveSize: 14px;
 @controlItemBgHover: #f3f6fc;
 @controlItemBgActive: #e6f4ff;
 @controlItemBgActiveHover: #b0dbff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.2",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -39,13 +39,13 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.24.0",
-    "@ctrl/tinycolor": "^4.1.0",
+    "@ctrl/tinycolor": "^4.2.0",
     "@inline-svg-unique-id/react": "^1.2.3",
     "@oceanbase/aliyun-theme": "^0.1.6",
-    "@oceanbase/icons": "^0.4.7",
-    "@oceanbase/util": "^0.4.4",
+    "@oceanbase/icons": "^1.0.0-alpha.0",
+    "@oceanbase/util": "^1.0.0-alpha.1",
     "ahooks": "^2.10.14",
-    "antd": "^5.27.2",
+    "antd": "^5.27.4",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.13.0",
@@ -57,13 +57,13 @@
     "@babel/preset-env": "^7.28.3",
     "antd-token-previewer": "^2.0.8",
     "rc-select": "^14.16.8",
-    "rc-slider": "^11.1.8",
-    "rc-table": "^7.52.5",
+    "rc-slider": "^11.1.9",
+    "rc-table": "^7.54.0",
     "rc-tree-select": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "1aff1c2acc2b9494ff83a86ed597b9f46a08f59c"
+  "gitHead": "72910b1a2b037811f3ed5561ee5e897d7b744135"
 }