@oceanbase/design 0.2.25 → 0.2.27

package/es/theme/style/compact.less

@@ -1,28 +1,29 @@
 @blue: #006aff;
-@purple: #722ed1;
-@cyan: #13c2c2;
+@purple: #722ED1;
+@cyan: #13C2C2;
 @green: #0ac185;
-@magenta: #eb2f96;
+@magenta: #EB2F96;
 @pink: #eb2f96;
 @red: #ff4b4b;
-@orange: #fa8c16;
+@orange: #FA8C16;
 @yellow: #ffac33;
-@volcano: #fa541c;
-@geekblue: #2f54eb;
-@gold: #faad14;
-@lime: #a0d911;
-@colorPrimary: #006aff;
+@volcano: #FA541C;
+@geekblue: #2F54EB;
+@gold: #FAAD14;
+@lime: #A0D911;
+@colorPrimary: #006AFF;
 @colorSuccess: #0ac185;
 @colorWarning: #ffac33;
 @colorError: #ff4b4b;
 @colorInfo: #006aff;
+@colorLink: #006aff;
 @colorTextBase: #132039;
 @colorBgBase: #ffffff;
 @fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-  'Noto Color Emoji';
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji';
 @fontFamilyCode: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-@fontSize: 14;
+@fontSize: 12;
 @lineWidth: 1;
 @lineType: solid;
 @motionUnit: 0.1;
@@ -39,32 +40,32 @@
 @sizeUnit: 4;
 @sizeStep: 4;
 @sizePopupArrow: 16;
-@controlHeight: 32;
+@controlHeight: 28;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
 @wireframe: false;
 @motion: true;
-@blue-1: #e6fff2;
-@blue1: #e6fff2;
-@blue-2: #a9f5d1;
-@blue2: #a9f5d1;
-@blue-3: #7be8b9;
-@blue3: #7be8b9;
-@blue-4: #51dba4;
-@blue4: #51dba4;
-@blue-5: #2bcf93;
-@blue5: #2bcf93;
-@blue-6: #0ac185;
-@blue6: #0ac185;
-@blue-7: #009c6d;
-@blue7: #009c6d;
-@blue-8: #007556;
-@blue8: #007556;
-@blue-9: #004f3d;
-@blue9: #004f3d;
-@blue-10: #002921;
-@blue10: #002921;
+@blue-1: #e6f4ff;
+@blue1: #e6f4ff;
+@blue-2: #bae0ff;
+@blue2: #bae0ff;
+@blue-3: #91caff;
+@blue3: #91caff;
+@blue-4: #69b1ff;
+@blue4: #69b1ff;
+@blue-5: #4096ff;
+@blue5: #4096ff;
+@blue-6: #1677ff;
+@blue6: #1677ff;
+@blue-7: #0958d9;
+@blue7: #0958d9;
+@blue-8: #003eb3;
+@blue8: #003eb3;
+@blue-9: #002c8c;
+@blue9: #002c8c;
+@blue-10: #001d66;
+@blue10: #001d66;
 @purple-1: #f9f0ff;
 @purple1: #f9f0ff;
 @purple-2: #efdbff;
@@ -105,26 +106,26 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #fffbf0;
-@green1: #fffbf0;
-@green-2: #fff4d6;
-@green2: #fff4d6;
-@green-3: #ffe7ad;
-@green3: #ffe7ad;
-@green-4: #ffd685;
-@green4: #ffd685;
-@green-5: #ffc35c;
-@green5: #ffc35c;
-@green-6: #ffac33;
-@green6: #ffac33;
-@green-7: #d98921;
-@green7: #d98921;
-@green-8: #b36812;
-@green8: #b36812;
-@green-9: #8c4a07;
-@green9: #8c4a07;
-@green-10: #663204;
-@green10: #663204;
+@green-1: #f6ffed;
+@green1: #f6ffed;
+@green-2: #d9f7be;
+@green2: #d9f7be;
+@green-3: #b7eb8f;
+@green3: #b7eb8f;
+@green-4: #95de64;
+@green4: #95de64;
+@green-5: #73d13d;
+@green5: #73d13d;
+@green-6: #52c41a;
+@green6: #52c41a;
+@green-7: #389e0d;
+@green7: #389e0d;
+@green-8: #237804;
+@green8: #237804;
+@green-9: #135200;
+@green9: #135200;
+@green-10: #092b00;
+@green10: #092b00;
 @magenta-1: #fff0f6;
 @magenta1: #fff0f6;
 @magenta-2: #ffd6e7;
@@ -165,26 +166,26 @@
 @pink9: #780650;
 @pink-10: #520339;
 @pink10: #520339;
-@red-1: #e6f4ff;
-@red1: #e6f4ff;
-@red-2: #a3d6ff;
-@red2: #a3d6ff;
-@red-3: #7abfff;
-@red3: #7abfff;
-@red-4: #52a5ff;
-@red4: #52a5ff;
-@red-5: #2989ff;
-@red5: #2989ff;
-@red-6: #006aff;
-@red6: #006aff;
-@red-7: #0053d9;
-@red7: #0053d9;
-@red-8: #003eb3;
-@red8: #003eb3;
-@red-9: #002c8c;
-@red9: #002c8c;
-@red-10: #001d66;
-@red10: #001d66;
+@red-1: #fff1f0;
+@red1: #fff1f0;
+@red-2: #ffccc7;
+@red2: #ffccc7;
+@red-3: #ffa39e;
+@red3: #ffa39e;
+@red-4: #ff7875;
+@red4: #ff7875;
+@red-5: #ff4d4f;
+@red5: #ff4d4f;
+@red-6: #f5222d;
+@red6: #f5222d;
+@red-7: #cf1322;
+@red7: #cf1322;
+@red-8: #a8071a;
+@red8: #a8071a;
+@red-9: #820014;
+@red9: #820014;
+@red-10: #5c0011;
+@red10: #5c0011;
 @orange-1: #fff7e6;
 @orange1: #fff7e6;
 @orange-2: #ffe7ba;
@@ -205,26 +206,26 @@
 @orange9: #873800;
 @orange-10: #612500;
 @orange10: #612500;
-@yellow-1: #fff2f0;
-@yellow1: #fff2f0;
-@yellow-2: #fff0ed;
-@yellow2: #fff0ed;
-@yellow-3: #ffcac4;
-@yellow3: #ffcac4;
-@yellow-4: #ffa29c;
-@yellow4: #ffa29c;
-@yellow-5: #ff7773;
-@yellow5: #ff7773;
-@yellow-6: #ff4b4b;
-@yellow6: #ff4b4b;
-@yellow-7: #d9343a;
-@yellow7: #d9343a;
-@yellow-8: #b3222c;
-@yellow8: #b3222c;
-@yellow-9: #8c1420;
-@yellow9: #8c1420;
-@yellow-10: #660d19;
-@yellow10: #660d19;
+@yellow-1: #feffe6;
+@yellow1: #feffe6;
+@yellow-2: #ffffb8;
+@yellow2: #ffffb8;
+@yellow-3: #fffb8f;
+@yellow3: #fffb8f;
+@yellow-4: #fff566;
+@yellow4: #fff566;
+@yellow-5: #ffec3d;
+@yellow5: #ffec3d;
+@yellow-6: #fadb14;
+@yellow6: #fadb14;
+@yellow-7: #d4b106;
+@yellow7: #d4b106;
+@yellow-8: #ad8b00;
+@yellow8: #ad8b00;
+@yellow-9: #876800;
+@yellow9: #876800;
+@yellow-10: #614700;
+@yellow10: #614700;
 @volcano-1: #fff2e8;
 @volcano1: #fff2e8;
 @volcano-2: #ffd8bf;
@@ -306,65 +307,68 @@
 @lime-10: #254000;
 @lime10: #254000;
 @colorText: #132039;
-@colorTextSecondary: #364563;
-@colorTextTertiary: #8592ad;
-@colorTextQuaternary: #cdd5e4;
-@colorFill: #f5f8fe;
-@colorFillSecondary: #f5f8fe;
-@colorFillTertiary: #f5f8fe;
-@colorFillQuaternary: #f8fafe;
-@colorBgLayout: #f5f8fe;
+@colorTextSecondary: #5C6B8A;
+@colorTextTertiary: #8592AD;
+@colorTextQuaternary: #ABB7CF;
+@colorFill: #E2E8F3;
+@colorFillSecondary: #F3F6FC;
+@colorFillTertiary: #F8FAFE;
+@colorFillQuaternary: #F8FAFE;
+@colorBgLayout: #F8FAFE;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
-@colorBgSpotlight: rgba(19, 32, 57, 0.85);
-@colorBorder: #cdd5e4;
-@colorBorderSecondary: #e2e8f3;
-@colorPrimaryBg: #eaf1ff;
-@colorPrimaryBgHover: #eaf1ff;
-@colorPrimaryBorder: #b3ccff;
-@colorPrimaryBorderHover: #5189fb;
-@colorPrimaryHover: #004ce6;
-@colorPrimaryActive: #004ce6;
-@colorPrimaryTextHover: #5189fb;
-@colorPrimaryText: #006aff;
-@colorPrimaryTextActive: #004ce6;
-@colorSuccessBg: #eef8f5;
-@colorSuccessBgHover: #b3e6d5;
-@colorSuccessBorder: #b3e6d5;
-@colorSuccessBorderHover: #4dcca2;
-@colorSuccessHover: #4dcca2;
-@colorSuccessActive: #00b378;
-@colorSuccessTextHover: #4dcca2;
-@colorSuccessText: #0ac185;
-@colorSuccessTextActive: #00b378;
-@colorErrorBg: #ffebeb;
-@colorErrorBgHover: #ffb3b3;
-@colorErrorBorder: #ffb3b3;
-@colorErrorBorderHover: #ff8080;
-@colorErrorHover: #ff8080;
-@colorErrorActive: #ec1313;
-@colorErrorTextHover: #ff8080;
-@colorErrorText: #ff4b4b;
-@colorErrorTextActive: #ec1313;
-@colorWarningBg: #fff5e5;
-@colorWarningBgHover: #ffd699;
-@colorWarningBorder: #ffd699;
-@colorWarningBorderHover: #ffc166;
-@colorWarningHover: #ffc166;
-@colorWarningActive: #ff9700;
-@colorWarningTextHover: #ffc166;
-@colorWarningText: #ffac33;
-@colorWarningTextActive: #ff9700;
-@colorInfoBg: #eaf1ff;
-@colorInfoBgHover: #eaf1ff;
-@colorInfoBorder: #b3ccff;
-@colorInfoBorderHover: #5189fb;
-@colorInfoHover: #5189fb;
-@colorInfoActive: #004ce6;
-@colorInfoTextHover: #5189fb;
-@colorInfoText: #006aff;
-@colorInfoTextActive: #004ce6;
-@colorBgMask: rgba(19, 32, 57, 0.65);
+@colorBgSpotlight: rgba(19, 32, 57, 0.8);
+@colorBgBlur: transparent;
+@colorBorder: #CDD5E4;
+@colorBorderSecondary: #E2E8F3;
+@colorPrimaryBg: #EAF1FF;
+@colorPrimaryBgHover: #EAF1FF;
+@colorPrimaryBorder: #B3CCFF;
+@colorPrimaryBorderHover: #5189FB;
+@colorPrimaryHover: #5189FB;
+@colorPrimaryActive: #004CE6;
+@colorPrimaryTextHover: #5189FB;
+@colorPrimaryText: #006AFF;
+@colorPrimaryTextActive: #004CE6;
+@colorSuccessBg: #EEF8F5;
+@colorSuccessBgHover: #B3E6D5;
+@colorSuccessBorder: #B3E6D5;
+@colorSuccessBorderHover: #4DCCA2;
+@colorSuccessHover: #4DCCA2;
+@colorSuccessActive: #00B378;
+@colorSuccessTextHover: #4DCCA2;
+@colorSuccessText: #0AC185;
+@colorSuccessTextActive: #00B378;
+@colorErrorBg: #FFEBEB;
+@colorErrorBgHover: #FFB3B3;
+@colorErrorBorder: #FFB3B3;
+@colorErrorBorderHover: #FF8080;
+@colorErrorHover: #FF8080;
+@colorErrorActive: #EC1313;
+@colorErrorTextHover: #FF8080;
+@colorErrorText: #FF4B4B;
+@colorErrorTextActive: #EC1313;
+@colorWarningBg: #FFF5E5;
+@colorWarningBgHover: #FFD699;
+@colorWarningBorder: #FFD699;
+@colorWarningBorderHover: #FFC166;
+@colorWarningHover: #FFC166;
+@colorWarningActive: #FF9700;
+@colorWarningTextHover: #FFC166;
+@colorWarningText: #FFAC33;
+@colorWarningTextActive: #FF9700;
+@colorInfoBg: #EAF1FF;
+@colorInfoBgHover: #EAF1FF;
+@colorInfoBorder: #B3CCFF;
+@colorInfoBorderHover: #5189FB;
+@colorInfoHover: #5189FB;
+@colorInfoActive: #004CE6;
+@colorInfoTextHover: #5189FB;
+@colorInfoText: #006AFF;
+@colorInfoTextActive: #004CE6;
+@colorLinkHover: #52a5ff;
+@colorLinkActive: #0053d9;
+@colorBgMask: rgba(19, 32, 57,  0.6);
 @colorWhite: #fff;
 @fontSizeSM: 10;
 @fontSizeLG: 14;
@@ -402,41 +406,44 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
-@colorIcon: #8592ad;
-@boxShadowSecondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@colorLink: #006aff;
-@colorLinkHover: #5189fb;
-@colorLinkActive: #004ce6;
-@colorFillContent: #f5f8fe;
-@colorFillContentHover: #f5f8fe;
-@colorFillAlter: #f8fafe;
-@colorBgContainerDisabled: #f5f8fe;
+@boxShadowSecondary: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadow: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@colorFillContent: #F3F6FC;
+@colorFillContentHover: #E2E8F3;
+@colorFillAlter: #F8FAFE;
+@colorBgContainerDisabled: #F8FAFE;
 @colorBorderBg: #ffffff;
 @colorSplit: rgba(13, 63, 155, 0.12);
-@colorTextPlaceholder: #cdd5e4;
-@colorTextDisabled: #cdd5e4;
+@colorTextPlaceholder: #ABB7CF;
+@colorTextDisabled: #ABB7CF;
 @colorTextHeading: #132039;
-@colorTextLabel: #364563;
-@colorTextDescription: #8592ad;
+@colorTextLabel: #5C6B8A;
+@colorTextDescription: #8592AD;
 @colorTextLightSolid: #fff;
 @colorHighlight: #ff4b4b;
-@colorBgTextHover: #f5f8fe;
-@colorBgTextActive: #f5f8fe;
+@colorBgTextHover: #F3F6FC;
+@colorBgTextActive: #E2E8F3;
+@colorIcon: #8592AD;
 @colorIconHover: #132039;
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 10;
 @lineWidthFocus: 4;
 @controlOutlineWidth: 2;
-@controlInteractiveSize: 16;
-@controlItemBgHover: #f5f8fe;
-@controlItemBgActive: #eaf1ff;
-@controlItemBgActiveHover: #eaf1ff;
-@controlItemBgActiveDisabled: #f5f8fe;
-@controlTmpOutline: #f8fafe;
+@controlInteractiveSize: 14;
+@controlItemBgHover: #F8FAFE;
+@controlItemBgActive: #EAF1FF;
+@controlItemBgActiveHover: #EAF1FF;
+@controlItemBgActiveDisabled: #E2E8F3;
+@controlTmpOutline: #F8FAFE;
 @controlOutline: rgba(22, 99, 255, 0.09);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
@@ -466,8 +473,11 @@
 @marginLG: 16;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02),
-  0 2px 4px 0 rgba(0, 0, 0, 0.02);
+@boxShadowTertiary: 
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;
@@ -486,16 +496,31 @@
 @screenXXL: 1600;
 @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);
-@boxShadowDrawerRight: -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12),
-  -9px 0 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerLeft: 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12),
-  9px 0 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerUp: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerDown: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 -9px 28px 8px 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)
+    ;
+@boxShadowDrawerRight: 
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerLeft: 
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerUp: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerDown: 
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
 @boxShadowTabsOverflowLeft: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
 @boxShadowTabsOverflowRight: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
 @boxShadowTabsOverflowTop: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);