@oceanbase/design 0.4.5 → 0.4.6

package/lib/theme/style/aliyun.less

@@ -305,20 +305,20 @@
 @lime-10: #254000;
 @lime10: #254000;
 @colorText: rgba(0, 0, 0, 0.85);
-@colorTextSecondary: rgba(0, 0, 0, 0.65);
-@colorTextTertiary: rgba(0, 0, 0, 0.45);
-@colorTextQuaternary: rgba(0, 0, 0, 0.25);
-@colorFill: rgba(0, 0, 0, 0.15);
-@colorFillSecondary: rgba(0, 0, 0, 0.06);
-@colorFillTertiary: rgba(0, 0, 0, 0.04);
-@colorFillQuaternary: rgba(0, 0, 0, 0.02);
-@colorBgSolid: rgb(0, 0, 0);
-@colorBgSolidHover: rgba(0, 0, 0, 0.75);
-@colorBgSolidActive: rgba(0, 0, 0, 0.95);
+@colorTextSecondary: rgba(0,0,0,0.65);
+@colorTextTertiary: rgba(0,0,0,0.45);
+@colorTextQuaternary: rgba(0,0,0,0.25);
+@colorFill: rgba(0,0,0,0.15);
+@colorFillSecondary: rgba(0,0,0,0.06);
+@colorFillTertiary: rgba(0,0,0,0.04);
+@colorFillQuaternary: rgba(0,0,0,0.02);
+@colorBgSolid: rgb(0,0,0);
+@colorBgSolidHover: rgba(0,0,0,0.75);
+@colorBgSolidActive: rgba(0,0,0,0.95);
 @colorBgLayout: #f2f3f5;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
-@colorBgSpotlight: rgba(0, 0, 0, 0.85);
+@colorBgSpotlight: rgba(0,0,0,0.85);
 @colorBgBlur: transparent;
 @colorBorder: #dedede;
 @colorBorderSecondary: #ebebeb;
@@ -371,7 +371,7 @@
 @colorInfoTextActive: #0053d9;
 @colorLinkHover: #0064C8;
 @colorLinkActive: #0053d9;
-@colorBgMask: rgba(0, 0, 0, 0.45);
+@colorBgMask: rgba(0,0,0,0.45);
 @colorWhite: #fff;
 @fontSizeSM: 12;
 @fontSizeLG: 16;
@@ -414,33 +414,33 @@
 @borderRadiusOuter: 4;
 @colorTextHeading: rgba(0, 0, 0, 0.85);
 @controlOutlineWidth: 2;
-@controlOutline: rgba(5, 145, 255, 0.1);
-@colorFillContent: rgba(0, 0, 0, 0.06);
-@colorFillContentHover: rgba(0, 0, 0, 0.15);
-@colorFillAlter: rgba(0, 0, 0, 0.02);
-@colorBgContainerDisabled: rgba(0, 0, 0, 0.04);
+@controlOutline: rgba(5,145,255,0.1);
+@colorFillContent: rgba(0,0,0,0.06);
+@colorFillContentHover: rgba(0,0,0,0.15);
+@colorFillAlter: rgba(0,0,0,0.02);
+@colorBgContainerDisabled: rgba(0,0,0,0.04);
 @colorBorderBg: #ffffff;
-@colorSplit: rgba(5, 5, 5, 0.08);
-@colorTextPlaceholder: rgba(0, 0, 0, 0.25);
-@colorTextDisabled: rgba(0, 0, 0, 0.25);
-@colorTextLabel: rgba(0, 0, 0, 0.65);
-@colorTextDescription: rgba(0, 0, 0, 0.45);
+@colorSplit: rgba(5,5,5,0.08);
+@colorTextPlaceholder: rgba(0,0,0,0.25);
+@colorTextDisabled: rgba(0,0,0,0.25);
+@colorTextLabel: rgba(0,0,0,0.65);
+@colorTextDescription: rgba(0,0,0,0.45);
 @colorTextLightSolid: #fff;
 @colorHighlight: #d93026;
-@colorBgTextHover: rgba(0, 0, 0, 0.06);
-@colorBgTextActive: rgba(0, 0, 0, 0.15);
-@colorIcon: rgba(0, 0, 0, 0.45);
+@colorBgTextHover: rgba(0,0,0,0.06);
+@colorBgTextActive: rgba(0,0,0,0.15);
+@colorIcon: rgba(0,0,0,0.45);
 @colorIconHover: rgba(0, 0, 0, 0.85);
-@colorErrorOutline: rgba(255, 38, 5, 0.06);
-@colorWarningOutline: rgba(255, 195, 5, 0.1);
+@colorErrorOutline: rgba(255,38,5,0.06);
+@colorWarningOutline: rgba(255,195,5,0.1);
 @fontSizeIcon: 12;
 @lineWidthFocus: 3;
 @controlInteractiveSize: 16;
-@controlItemBgHover: rgba(0, 0, 0, 0.04);
+@controlItemBgHover: rgba(0,0,0,0.04);
 @controlItemBgActive: #e6f4ff;
 @controlItemBgActiveHover: #a3d6ff;
-@controlItemBgActiveDisabled: rgba(0, 0, 0, 0.15);
-@controlTmpOutline: rgba(0, 0, 0, 0.02);
+@controlItemBgActiveDisabled: rgba(0,0,0,0.15);
+@controlTmpOutline: rgba(0,0,0,0.02);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -503,9 +503,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),

package/lib/theme/style/compact.less

@@ -312,9 +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);
+@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;
@@ -420,7 +420,7 @@
 @colorFillAlter: #f8fafe;
 @colorBgContainerDisabled: #f3f6fc;
 @colorBorderBg: #ffffff;
-@colorSplit: rgba(13, 63, 155, 0.12);
+@colorSplit: rgba(13,63,155,0.12);
 @colorTextPlaceholder: #c1cbe0;
 @colorTextDisabled: #c1cbe0;
 @colorTextHeading: #132039;
@@ -432,8 +432,8 @@
 @colorBgTextActive: #cdd5e4;
 @colorIcon: #8592ad;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(255, 5, 5, 0.08);
-@colorWarningOutline: rgba(255, 164, 19, 0.11);
+@colorErrorOutline: rgba(255,5,5,0.08);
+@colorWarningOutline: rgba(255,164,19,0.11);
 @fontSizeIcon: 10;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 14;
@@ -442,7 +442,7 @@
 @controlItemBgActiveHover: #eaf1ff;
 @controlItemBgActiveDisabled: #cdd5e4;
 @controlTmpOutline: #f8fafe;
-@controlOutline: rgba(22, 99, 255, 0.09);
+@controlOutline: rgba(22,99,255,0.09);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -495,9 +495,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),

package/lib/theme/style/dark.less

@@ -304,22 +304,22 @@
 @lime9: #e4f88b;
 @lime-10: #f0fab5;
 @lime10: #f0fab5;
-@colorText: rgba(255, 255, 255, 0.85);
-@colorTextSecondary: rgba(255, 255, 255, 0.65);
-@colorTextTertiary: rgba(255, 255, 255, 0.45);
-@colorTextQuaternary: rgba(255, 255, 255, 0.25);
-@colorFill: rgba(255, 255, 255, 0.18);
-@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);
+@colorText: rgba(255,255,255,0.85);
+@colorTextSecondary: rgba(255,255,255,0.65);
+@colorTextTertiary: rgba(255,255,255,0.45);
+@colorTextQuaternary: rgba(255,255,255,0.25);
+@colorFill: rgba(255,255,255,0.18);
+@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;
 @colorBgSpotlight: #424242;
-@colorBgBlur: rgba(255, 255, 255, 0.04);
+@colorBgBlur: rgba(255,255,255,0.04);
 @colorBorder: #424242;
 @colorBorderSecondary: #303030;
 @colorPrimaryBg: #111a2c;
@@ -371,7 +371,7 @@
 @colorInfoTextActive: #074cad;
 @colorLinkHover: #0b3b7e;
 @colorLinkActive: #074cad;
-@colorBgMask: rgba(0, 0, 0, 0.45);
+@colorBgMask: rgba(0,0,0,0.45);
 @colorWhite: #fff;
 @fontSizeSM: 12;
 @fontSizeLG: 16;
@@ -412,35 +412,35 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
-@colorFillContent: rgba(255, 255, 255, 0.12);
-@colorFillContentHover: rgba(255, 255, 255, 0.18);
-@colorFillAlter: rgba(255, 255, 255, 0.04);
-@colorBgContainerDisabled: rgba(255, 255, 255, 0.08);
+@colorFillContent: rgba(255,255,255,0.12);
+@colorFillContentHover: rgba(255,255,255,0.18);
+@colorFillAlter: rgba(255,255,255,0.04);
+@colorBgContainerDisabled: rgba(255,255,255,0.08);
 @colorBorderBg: #141414;
-@colorSplit: rgba(253, 253, 253, 0.12);
-@colorTextPlaceholder: rgba(255, 255, 255, 0.25);
-@colorTextDisabled: rgba(255, 255, 255, 0.25);
-@colorTextHeading: rgba(255, 255, 255, 0.85);
-@colorTextLabel: rgba(255, 255, 255, 0.65);
-@colorTextDescription: rgba(255, 255, 255, 0.45);
+@colorSplit: rgba(253,253,253,0.12);
+@colorTextPlaceholder: rgba(255,255,255,0.25);
+@colorTextDisabled: rgba(255,255,255,0.25);
+@colorTextHeading: rgba(255,255,255,0.85);
+@colorTextLabel: rgba(255,255,255,0.65);
+@colorTextDescription: rgba(255,255,255,0.45);
 @colorTextLightSolid: #fff;
 @colorHighlight: #d73333;
-@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);
+@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);
 @fontSizeIcon: 12;
 @lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
-@controlItemBgHover: rgba(255, 255, 255, 0.08);
+@controlItemBgHover: rgba(255,255,255,0.08);
 @controlItemBgActive: #111a2c;
 @controlItemBgActiveHover: #0f2445;
-@controlItemBgActiveDisabled: rgba(255, 255, 255, 0.18);
-@controlTmpOutline: rgba(255, 255, 255, 0.04);
-@controlOutline: rgba(0, 60, 180, 0.15);
+@controlItemBgActiveDisabled: rgba(255,255,255,0.18);
+@controlTmpOutline: rgba(255,255,255,0.04);
+@controlOutline: rgba(0,60,180,0.15);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -503,9 +503,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),

package/lib/theme/style/default.less

@@ -312,9 +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);
+@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;
@@ -420,7 +420,7 @@
 @colorFillAlter: #f8fafe;
 @colorBgContainerDisabled: #f3f6fc;
 @colorBorderBg: #ffffff;
-@colorSplit: rgba(13, 63, 155, 0.12);
+@colorSplit: rgba(13,63,155,0.12);
 @colorTextPlaceholder: #c1cbe0;
 @colorTextDisabled: #c1cbe0;
 @colorTextHeading: #132039;
@@ -432,8 +432,8 @@
 @colorBgTextActive: #cdd5e4;
 @colorIcon: #8592ad;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(255, 5, 5, 0.08);
-@colorWarningOutline: rgba(255, 164, 19, 0.11);
+@colorErrorOutline: rgba(255,5,5,0.08);
+@colorWarningOutline: rgba(255,164,19,0.11);
 @fontSizeIcon: 12;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
@@ -442,7 +442,7 @@
 @controlItemBgActiveHover: #eaf1ff;
 @controlItemBgActiveDisabled: #cdd5e4;
 @controlTmpOutline: #f8fafe;
-@controlOutline: rgba(22, 99, 255, 0.09);
+@controlOutline: rgba(22,99,255,0.09);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -495,9 +495,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -41,29 +41,29 @@
   "dependencies": {
     "@ant-design/cssinjs": "^1.22.1",
     "@oceanbase/aliyun-theme": "^0.1.6",
-    "@oceanbase/icons": "^0.4.3",
+    "@oceanbase/icons": "^0.4.4",
     "@oceanbase/util": "^0.4.2",
     "ahooks": "^2.10.14",
-    "antd": "^5.22.5",
+    "antd": "^5.23.1",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.12.2",
     "prop-types": "^15.8.1",
-    "rc-util": "^5.44.2",
+    "rc-util": "^5.44.3",
     "react-sticky-mouse-tooltip": "^0.0.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
     "antd-token-previewer": "^2.0.8",
-    "rc-select": "^14.16.4",
-    "rc-slider": "^11.1.7",
-    "rc-table": "^7.49.0",
-    "rc-tree-select": "^5.25.0"
+    "rc-select": "^14.16.5",
+    "rc-slider": "^11.1.8",
+    "rc-table": "^7.50.2",
+    "rc-tree-select": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "400af7f5551196d8e70774caf43a70d3fb5de617"
+  "gitHead": "8db06c5cc511bdbbb32a90a93d6d1e1ecd2a6f54"
 }