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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/form/FormItem.d.ts +1 -1
  3. package/es/theme/default.js +37 -44
  4. package/es/theme/style/aliyun.less +85 -85
  5. package/es/theme/style/compact.less +103 -103
  6. package/es/theme/style/dark.less +98 -98
  7. package/es/theme/style/default.less +103 -103
  8. package/lib/form/FormItem.d.ts +1 -1
  9. package/lib/theme/default.js +35 -44
  10. package/lib/theme/style/aliyun.less +85 -85
  11. package/lib/theme/style/compact.less +103 -103
  12. package/lib/theme/style/dark.less +98 -98
  13. package/lib/theme/style/default.less +103 -103
  14. package/package.json +6 -6
package/es/form/FormItem.d.ts CHANGED
@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
4
4
  import type { TooltipProps } from '../tooltip';
5
5
  declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
6
6
  useStatus: () => {
7
- status?: "" | "warning" | "error" | "success" | "validating";
7
+ status?: "" | "error" | "warning" | "success" | "validating";
8
8
  errors: React.ReactNode[];
9
9
  warnings: React.ReactNode[];
10
10
  };
package/es/theme/default.js CHANGED
@@ -9,10 +9,15 @@ import { formatTheme } from "./util/format";
9
9
  var colorPrimary = '#0D6CF2';
10
10
  var colorPrimarySecondary = '#598CF3';
11
11
  var colorText = '#132039';
12
- var colorTextSecondary = '#5c6b8a';
12
+ var colorTextSecondary = '#5C6B8A';
13
+ var colorTextTertiary = '#8592AD';
14
+ var colorTextQuaternary = '#C1CBE0';
15
+ var colorFill = '#CDD5E4';
13
16
  var colorFillSecondary = '#E2E8F3';
14
17
  var colorFillTertiary = '#F3F6FC';
15
18
  var colorFillQuaternary = '#F8FAFE';
19
+ var colorFillHover = '#EFF3FA';
20
+ var colorFillSelected = '#E2E8F3';
16
21
  var colorBorderSecondary = colorFillSecondary;
17
22
  // Calculated by colorBorder and getWeakenBorderColor()
18
23
  var tagColorBorder = '#cdd5e466';
@@ -22,56 +27,42 @@ var defaultTheme = {
22
27
  fontFamily: "-apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
23
28
  fontFamilyCode: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
24
29
  borderRadius: 4,
25
- borderRadiusLG: 8,
30
+ borderRadiusLG: 6,
26
31
  borderRadiusSM: 2,
27
32
  fontSize: 13,
28
- fontSizeSM: 11,
33
+ fontSizeSM: 12,
29
34
  colorPrimary: colorPrimary,
30
35
  colorInfo: colorPrimary,
31
- colorSuccess: '#0ac185',
32
- colorSuccessBg: '#EEF8F5',
33
- colorSuccessBgHover: '#dbf0e9',
34
- colorSuccessBorder: '#B3E6D5',
35
- colorSuccessBorderHover: '#4DCCA2',
36
- colorSuccessHover: '#4DCCA2',
37
- colorSuccessActive: '#00B378',
38
- colorSuccessTextHover: '#4DCCA2',
39
- colorSuccessText: '#0AC185',
40
- colorSuccessTextActive: '#00B378',
41
- colorWarning: '#FFA21A',
42
- colorWarningBg: '#FFF5E5',
43
- colorWarningBgHover: '#ffe7c2',
44
- colorWarningBorder: '#FFD699',
45
- colorWarningBorderHover: '#FFC166',
46
- colorWarningHover: '#FFC166',
47
- colorWarningActive: '#FF9700',
48
- colorWarningTextHover: '#FFC166',
49
- colorWarningText: '#FFA21A',
50
- colorWarningTextActive: '#FF9700',
51
- colorErrorBg: '#ffebeb',
52
- colorErrorBgHover: '#ffd6d6',
53
- colorErrorBorder: '#FFB3B3',
54
- colorErrorBorderHover: '#ff7575',
55
- colorErrorHover: '#ff7575',
56
- colorErrorActive: '#CC0000',
57
- colorErrorTextHover: '#ff7575',
58
- colorErrorText: '#ff1a1a',
59
- colorErrorTextActive: '#CC0000',
60
- colorError: '#F93939',
36
+ colorInfoBorder: '#598CF3',
37
+ colorInfoBg: '#EAF1FF',
38
+ colorInfoText: '#083E8B',
39
+ colorSuccess: '#14B781',
40
+ colorSuccessBorder: '#7ED7BA',
41
+ colorSuccessBg: '#E8F8F3',
42
+ colorSuccessText: '#096547',
43
+ colorWarning: '#F49F25',
44
+ colorWarningBorder: '#F9CB87',
45
+ colorWarningBg: '#FEF6E9',
46
+ colorWarningText: '#5B3600',
47
+ colorError: '#EF4343',
48
+ colorErrorBorder: '#F69898',
49
+ colorErrorBg: '#FDECEC',
50
+ colorErrorText: '#8A1B1B',
61
51
  colorTextBase: '#000000',
62
52
  colorText: colorText,
63
53
  colorTextSecondary: colorTextSecondary,
64
- colorTextQuaternary: '#c1cbe0',
65
- colorTextTertiary: '#8592AD',
54
+ colorTextTertiary: colorTextTertiary,
55
+ colorTextQuaternary: colorTextQuaternary,
56
+ colorIcon: colorTextSecondary,
66
57
  colorBgBase: '#ffffff',
67
58
  colorBgContainer: '#ffffff',
68
59
  colorBgLayout: colorFillQuaternary,
69
- colorBorder: '#CDD5E4',
60
+ colorBorder: colorFill,
70
61
  colorBorderSecondary: colorBorderSecondary,
71
- colorFillQuaternary: colorFillQuaternary,
72
- colorFillTertiary: colorFillTertiary,
62
+ colorFill: colorFill,
73
63
  colorFillSecondary: colorFillSecondary,
74
- colorFill: '#cdd5e4',
64
+ colorFillTertiary: colorFillTertiary,
65
+ colorFillQuaternary: colorFillQuaternary,
75
66
  colorBgMask: 'rgba(19, 32, 57, 0.45)',
76
67
  colorBgElevated: '#ffffff',
77
68
  colorBgSpotlight: '#ffffff',
@@ -93,6 +84,10 @@ var defaultTheme = {
93
84
  fontHeight: 20,
94
85
  lastItemColor: colorTextSecondary
95
86
  },
87
+ Card: {
88
+ headerFontSize: 16,
89
+ borderRadiusLG: 8
90
+ },
96
91
  Collapse: {
97
92
  colorBorder: colorBorderSecondary
98
93
  },
@@ -145,17 +140,15 @@ var defaultTheme = {
145
140
  colorBgSpotlight: '#ffffff',
146
141
  colorTextLightSolid: colorText
147
142
  },
148
- Card: {
149
- borderRadiusLG: 8
150
- },
151
143
  Menu: {
152
144
  paddingContentVertical: 0,
153
145
  itemHeight: 30,
154
146
  itemBorderRadius: 4,
155
147
  // 80 means 50% opacity
156
- itemSelectedBg: colorFillSecondary + '80',
157
148
  itemHoverBg: colorFillSecondary + '80',
158
- itemColor: colorTextSecondary,
149
+ itemActiveBg: colorFillSecondary + '80',
150
+ itemSelectedBg: colorFillSecondary + '80',
151
+ itemColor: '#36496F',
159
152
  itemSelectedColor: colorText,
160
153
  itemMarginBlock: 6,
161
154
  groupTitleFontSize: 11
package/es/theme/style/aliyun.less CHANGED
@@ -104,26 +104,26 @@
104
104
  @cyan9: #00474f;
105
105
  @cyan-10: #002329;
106
106
  @cyan10: #002329;
107
- @green-1: #e6fff2;
108
- @green1: #e6fff2;
109
- @green-2: #a9f5d1;
110
- @green2: #a9f5d1;
111
- @green-3: #7be8b9;
112
- @green3: #7be8b9;
113
- @green-4: #51dba4;
114
- @green4: #51dba4;
115
- @green-5: #2bcf93;
116
- @green5: #2bcf93;
117
- @green-6: #0ac185;
118
- @green6: #0ac185;
119
- @green-7: #009c6d;
120
- @green7: #009c6d;
121
- @green-8: #007556;
122
- @green8: #007556;
123
- @green-9: #004f3d;
124
- @green9: #004f3d;
125
- @green-10: #002921;
126
- @green10: #002921;
107
+ @green-1: #e1f7ec;
108
+ @green1: #e1f7ec;
109
+ @green-2: #b0ebcf;
110
+ @green2: #b0ebcf;
111
+ @green-3: #83deb6;
112
+ @green3: #83deb6;
113
+ @green-4: #5ad1a1;
114
+ @green4: #5ad1a1;
115
+ @green-5: #35c490;
116
+ @green5: #35c490;
117
+ @green-6: #14b781;
118
+ @green6: #14b781;
119
+ @green-7: #099168;
120
+ @green7: #099168;
121
+ @green-8: #016b4f;
122
+ @green8: #016b4f;
123
+ @green-9: #004535;
124
+ @green9: #004535;
125
+ @green-10: #001f18;
126
+ @green10: #001f18;
127
127
  @magenta-1: #fff0f6;
128
128
  @magenta1: #fff0f6;
129
129
  @magenta-2: #ffd6e7;
@@ -166,24 +166,24 @@
166
166
  @pink10: #520339;
167
167
  @red-1: #fff2f0;
168
168
  @red1: #fff2f0;
169
- @red-2: #ffe2de;
170
- @red2: #ffe2de;
171
- @red-3: #ffbcb5;
172
- @red3: #ffbcb5;
173
- @red-4: #ff948c;
174
- @red4: #ff948c;
175
- @red-5: #ff6963;
176
- @red5: #ff6963;
177
- @red-6: #f93939;
178
- @red6: #f93939;
179
- @red-7: #d4262c;
180
- @red7: #d4262c;
181
- @red-8: #ad1721;
182
- @red8: #ad1721;
183
- @red-9: #870b17;
184
- @red9: #870b17;
185
- @red-10: #610713;
186
- @red10: #610713;
169
+ @red-2: #ffedeb;
170
+ @red2: #ffedeb;
171
+ @red-3: #ffc8c2;
172
+ @red3: #ffc8c2;
173
+ @red-4: #ffa099;
174
+ @red4: #ffa099;
175
+ @red-5: #fc746f;
176
+ @red5: #fc746f;
177
+ @red-6: #ef4343;
178
+ @red6: #ef4343;
179
+ @red-7: #c92e34;
180
+ @red7: #c92e34;
181
+ @red-8: #a31d26;
182
+ @red8: #a31d26;
183
+ @red-9: #7d101b;
184
+ @red9: #7d101b;
185
+ @red-10: #570a15;
186
+ @red10: #570a15;
187
187
  @orange-1: #fff7e6;
188
188
  @orange1: #fff7e6;
189
189
  @orange-2: #ffe7ba;
@@ -204,26 +204,26 @@
204
204
  @orange9: #873800;
205
205
  @orange-10: #612500;
206
206
  @orange10: #612500;
207
- @yellow-1: #fff9e6;
208
- @yellow1: #fff9e6;
209
- @yellow-2: #ffedbd;
210
- @yellow2: #ffedbd;
211
- @yellow-3: #ffdf94;
212
- @yellow3: #ffdf94;
213
- @yellow-4: #ffce6b;
214
- @yellow4: #ffce6b;
215
- @yellow-5: #ffba42;
216
- @yellow5: #ffba42;
217
- @yellow-6: #ffa21a;
218
- @yellow6: #ffa21a;
219
- @yellow-7: #d9800b;
220
- @yellow7: #d9800b;
221
- @yellow-8: #b35f00;
222
- @yellow8: #b35f00;
223
- @yellow-9: #8c4600;
224
- @yellow9: #8c4600;
225
- @yellow-10: #663000;
226
- @yellow10: #663000;
207
+ @yellow-1: #fffbf0;
208
+ @yellow1: #fffbf0;
209
+ @yellow-2: #fff0c9;
210
+ @yellow2: #fff0c9;
211
+ @yellow-3: #ffe1a1;
212
+ @yellow3: #ffe1a1;
213
+ @yellow-4: #ffd078;
214
+ @yellow4: #ffd078;
215
+ @yellow-5: #ffbc4f;
216
+ @yellow5: #ffbc4f;
217
+ @yellow-6: #f49f25;
218
+ @yellow6: #f49f25;
219
+ @yellow-7: #cf7b15;
220
+ @yellow7: #cf7b15;
221
+ @yellow-8: #a85b08;
222
+ @yellow8: #a85b08;
223
+ @yellow-9: #823f00;
224
+ @yellow9: #823f00;
225
+ @yellow-10: #5c2900;
226
+ @yellow10: #5c2900;
227
227
  @volcano-1: #fff2e8;
228
228
  @volcano1: #fff2e8;
229
229
  @volcano-2: #ffd8bf;
@@ -332,34 +332,34 @@
332
332
  @colorPrimaryText: #0d6cf2;
333
333
  @colorPrimaryTextActive: #004ecc;
334
334
  @colorSuccessBg: #dff4e5;
335
- @colorSuccessBgHover: #a9f5d1;
335
+ @colorSuccessBgHover: #b0ebcf;
336
336
  @colorSuccessBorder: #dff4e5;
337
- @colorSuccessBorderHover: #51dba4;
338
- @colorSuccessHover: #51dba4;
339
- @colorSuccessActive: #009c6d;
340
- @colorSuccessTextHover: #2bcf93;
341
- @colorSuccessText: #0ac185;
342
- @colorSuccessTextActive: #009c6d;
337
+ @colorSuccessBorderHover: #5ad1a1;
338
+ @colorSuccessHover: #5ad1a1;
339
+ @colorSuccessActive: #099168;
340
+ @colorSuccessTextHover: #35c490;
341
+ @colorSuccessText: #14b781;
342
+ @colorSuccessTextActive: #099168;
343
343
  @colorErrorBg: #fff2f0;
344
- @colorErrorBgHover: #ffe2de;
345
- @colorErrorBgFilledHover: #ffd7d3;
346
- @colorErrorBgActive: #ffbcb5;
347
- @colorErrorBorder: #ffbcb5;
348
- @colorErrorBorderHover: #ff948c;
349
- @colorErrorHover: #ff6963;
350
- @colorErrorActive: #d4262c;
351
- @colorErrorTextHover: #ff6963;
352
- @colorErrorText: #f93939;
353
- @colorErrorTextActive: #d4262c;
354
- @colorWarningBg: #fff9e6;
355
- @colorWarningBgHover: #ffedbd;
356
- @colorWarningBorder: #ffdf94;
357
- @colorWarningBorderHover: #ffce6b;
358
- @colorWarningHover: #ffce6b;
359
- @colorWarningActive: #d9800b;
360
- @colorWarningTextHover: #ffba42;
361
- @colorWarningText: #ffa21a;
362
- @colorWarningTextActive: #d9800b;
344
+ @colorErrorBgHover: #ffedeb;
345
+ @colorErrorBgFilledHover: #ffddd9;
346
+ @colorErrorBgActive: #ffc8c2;
347
+ @colorErrorBorder: #ffc8c2;
348
+ @colorErrorBorderHover: #ffa099;
349
+ @colorErrorHover: #fc746f;
350
+ @colorErrorActive: #c92e34;
351
+ @colorErrorTextHover: #fc746f;
352
+ @colorErrorText: #ef4343;
353
+ @colorErrorTextActive: #c92e34;
354
+ @colorWarningBg: #fffbf0;
355
+ @colorWarningBgHover: #fff0c9;
356
+ @colorWarningBorder: #ffe1a1;
357
+ @colorWarningBorderHover: #ffd078;
358
+ @colorWarningHover: #ffd078;
359
+ @colorWarningActive: #cf7b15;
360
+ @colorWarningTextHover: #ffbc4f;
361
+ @colorWarningText: #f49f25;
362
+ @colorWarningTextActive: #cf7b15;
363
363
  @colorInfoBg: #e6f4ff;
364
364
  @colorInfoBgHover: #b0dbff;
365
365
  @colorInfoBorder: #87c5ff;
@@ -432,7 +432,7 @@
432
432
  @colorIcon: rgba(0,0,0,0.45);
433
433
  @colorIconHover: rgba(0, 0, 0, 0.85);
434
434
  @colorErrorOutline: rgba(255,38,5,0.06);
435
- @colorWarningOutline: rgba(255,195,5,0.1);
435
+ @colorWarningOutline: rgba(255,188,5,0.06);
436
436
  @fontSizeIcon: 12px;
437
437
  @lineWidthFocus: 3px;
438
438
  @controlInteractiveSize: 16px;
package/es/theme/style/compact.less CHANGED
@@ -1,20 +1,20 @@
1
1
  @blue: #0d6cf2;
2
2
  @purple: #722ED1;
3
3
  @cyan: #13C2C2;
4
- @green: #0ac185;
4
+ @green: #14b781;
5
5
  @magenta: #EB2F96;
6
6
  @pink: #EB2F96;
7
- @red: #f93939;
7
+ @red: #ef4343;
8
8
  @orange: #FA8C16;
9
- @yellow: #ffa21a;
9
+ @yellow: #f49f25;
10
10
  @volcano: #FA541C;
11
11
  @geekblue: #2F54EB;
12
12
  @gold: #FAAD14;
13
13
  @lime: #A0D911;
14
14
  @colorPrimary: #0d6cf2;
15
- @colorSuccess: #0ac185;
16
- @colorWarning: #ffa21a;
17
- @colorError: #f93939;
15
+ @colorSuccess: #14b781;
16
+ @colorWarning: #f49f25;
17
+ @colorError: #ef4343;
18
18
  @colorInfo: #0d6cf2;
19
19
  @colorLink: #0d6cf2;
20
20
  @colorTextBase: #000000;
@@ -104,26 +104,26 @@
104
104
  @cyan9: #00474f;
105
105
  @cyan-10: #002329;
106
106
  @cyan10: #002329;
107
- @green-1: #e6fff2;
108
- @green1: #e6fff2;
109
- @green-2: #a9f5d1;
110
- @green2: #a9f5d1;
111
- @green-3: #7be8b9;
112
- @green3: #7be8b9;
113
- @green-4: #51dba4;
114
- @green4: #51dba4;
115
- @green-5: #2bcf93;
116
- @green5: #2bcf93;
117
- @green-6: #0ac185;
118
- @green6: #0ac185;
119
- @green-7: #009c6d;
120
- @green7: #009c6d;
121
- @green-8: #007556;
122
- @green8: #007556;
123
- @green-9: #004f3d;
124
- @green9: #004f3d;
125
- @green-10: #002921;
126
- @green10: #002921;
107
+ @green-1: #e1f7ec;
108
+ @green1: #e1f7ec;
109
+ @green-2: #b0ebcf;
110
+ @green2: #b0ebcf;
111
+ @green-3: #83deb6;
112
+ @green3: #83deb6;
113
+ @green-4: #5ad1a1;
114
+ @green4: #5ad1a1;
115
+ @green-5: #35c490;
116
+ @green5: #35c490;
117
+ @green-6: #14b781;
118
+ @green6: #14b781;
119
+ @green-7: #099168;
120
+ @green7: #099168;
121
+ @green-8: #016b4f;
122
+ @green8: #016b4f;
123
+ @green-9: #004535;
124
+ @green9: #004535;
125
+ @green-10: #001f18;
126
+ @green10: #001f18;
127
127
  @magenta-1: #fff0f6;
128
128
  @magenta1: #fff0f6;
129
129
  @magenta-2: #ffd6e7;
@@ -166,24 +166,24 @@
166
166
  @pink10: #520339;
167
167
  @red-1: #fff2f0;
168
168
  @red1: #fff2f0;
169
- @red-2: #ffe2de;
170
- @red2: #ffe2de;
171
- @red-3: #ffbcb5;
172
- @red3: #ffbcb5;
173
- @red-4: #ff948c;
174
- @red4: #ff948c;
175
- @red-5: #ff6963;
176
- @red5: #ff6963;
177
- @red-6: #f93939;
178
- @red6: #f93939;
179
- @red-7: #d4262c;
180
- @red7: #d4262c;
181
- @red-8: #ad1721;
182
- @red8: #ad1721;
183
- @red-9: #870b17;
184
- @red9: #870b17;
185
- @red-10: #610713;
186
- @red10: #610713;
169
+ @red-2: #ffedeb;
170
+ @red2: #ffedeb;
171
+ @red-3: #ffc8c2;
172
+ @red3: #ffc8c2;
173
+ @red-4: #ffa099;
174
+ @red4: #ffa099;
175
+ @red-5: #fc746f;
176
+ @red5: #fc746f;
177
+ @red-6: #ef4343;
178
+ @red6: #ef4343;
179
+ @red-7: #c92e34;
180
+ @red7: #c92e34;
181
+ @red-8: #a31d26;
182
+ @red8: #a31d26;
183
+ @red-9: #7d101b;
184
+ @red9: #7d101b;
185
+ @red-10: #570a15;
186
+ @red10: #570a15;
187
187
  @orange-1: #fff7e6;
188
188
  @orange1: #fff7e6;
189
189
  @orange-2: #ffe7ba;
@@ -204,26 +204,26 @@
204
204
  @orange9: #873800;
205
205
  @orange-10: #612500;
206
206
  @orange10: #612500;
207
- @yellow-1: #fff9e6;
208
- @yellow1: #fff9e6;
209
- @yellow-2: #ffedbd;
210
- @yellow2: #ffedbd;
211
- @yellow-3: #ffdf94;
212
- @yellow3: #ffdf94;
213
- @yellow-4: #ffce6b;
214
- @yellow4: #ffce6b;
215
- @yellow-5: #ffba42;
216
- @yellow5: #ffba42;
217
- @yellow-6: #ffa21a;
218
- @yellow6: #ffa21a;
219
- @yellow-7: #d9800b;
220
- @yellow7: #d9800b;
221
- @yellow-8: #b35f00;
222
- @yellow8: #b35f00;
223
- @yellow-9: #8c4600;
224
- @yellow9: #8c4600;
225
- @yellow-10: #663000;
226
- @yellow10: #663000;
207
+ @yellow-1: #fffbf0;
208
+ @yellow1: #fffbf0;
209
+ @yellow-2: #fff0c9;
210
+ @yellow2: #fff0c9;
211
+ @yellow-3: #ffe1a1;
212
+ @yellow3: #ffe1a1;
213
+ @yellow-4: #ffd078;
214
+ @yellow4: #ffd078;
215
+ @yellow-5: #ffbc4f;
216
+ @yellow5: #ffbc4f;
217
+ @yellow-6: #f49f25;
218
+ @yellow6: #f49f25;
219
+ @yellow-7: #cf7b15;
220
+ @yellow7: #cf7b15;
221
+ @yellow-8: #a85b08;
222
+ @yellow8: #a85b08;
223
+ @yellow-9: #823f00;
224
+ @yellow9: #823f00;
225
+ @yellow-10: #5c2900;
226
+ @yellow10: #5c2900;
227
227
  @volcano-1: #fff2e8;
228
228
  @volcano1: #fff2e8;
229
229
  @volcano-2: #ffd8bf;
@@ -331,49 +331,49 @@
331
331
  @colorPrimaryTextHover: #3690ff;
332
332
  @colorPrimaryText: #0d6cf2;
333
333
  @colorPrimaryTextActive: #004ecc;
334
- @colorSuccessBg: #eef8f5;
335
- @colorSuccessBgHover: #dbf0e9;
336
- @colorSuccessBorder: #b3e6d5;
337
- @colorSuccessBorderHover: #4dcca2;
338
- @colorSuccessHover: #4dcca2;
339
- @colorSuccessActive: #00b378;
340
- @colorSuccessTextHover: #4dcca2;
341
- @colorSuccessText: #0ac185;
342
- @colorSuccessTextActive: #00b378;
343
- @colorErrorBg: #ffebeb;
344
- @colorErrorBgHover: #ffd6d6;
345
- @colorErrorBgFilledHover: #ffd7d3;
346
- @colorErrorBgActive: #ffbcb5;
347
- @colorErrorBorder: #ffb3b3;
348
- @colorErrorBorderHover: #ff7575;
349
- @colorErrorHover: #ff7575;
350
- @colorErrorActive: #cc0000;
351
- @colorErrorTextHover: #ff7575;
352
- @colorErrorText: #ff1a1a;
353
- @colorErrorTextActive: #cc0000;
354
- @colorWarningBg: #fff5e5;
355
- @colorWarningBgHover: #ffe7c2;
356
- @colorWarningBorder: #ffd699;
357
- @colorWarningBorderHover: #ffc166;
358
- @colorWarningHover: #ffc166;
359
- @colorWarningActive: #ff9700;
360
- @colorWarningTextHover: #ffc166;
361
- @colorWarningText: #ffa21a;
362
- @colorWarningTextActive: #ff9700;
363
- @colorInfoBg: #e6f4ff;
334
+ @colorSuccessBg: #e8f8f3;
335
+ @colorSuccessBgHover: #b0ebcf;
336
+ @colorSuccessBorder: #7ed7ba;
337
+ @colorSuccessBorderHover: #5ad1a1;
338
+ @colorSuccessHover: #5ad1a1;
339
+ @colorSuccessActive: #099168;
340
+ @colorSuccessTextHover: #35c490;
341
+ @colorSuccessText: #096547;
342
+ @colorSuccessTextActive: #099168;
343
+ @colorErrorBg: #fdecec;
344
+ @colorErrorBgHover: #ffedeb;
345
+ @colorErrorBgFilledHover: #ffddd9;
346
+ @colorErrorBgActive: #ffc8c2;
347
+ @colorErrorBorder: #f69898;
348
+ @colorErrorBorderHover: #ffa099;
349
+ @colorErrorHover: #fc746f;
350
+ @colorErrorActive: #c92e34;
351
+ @colorErrorTextHover: #fc746f;
352
+ @colorErrorText: #8a1b1b;
353
+ @colorErrorTextActive: #c92e34;
354
+ @colorWarningBg: #fef6e9;
355
+ @colorWarningBgHover: #fff0c9;
356
+ @colorWarningBorder: #f9cb87;
357
+ @colorWarningBorderHover: #ffd078;
358
+ @colorWarningHover: #ffd078;
359
+ @colorWarningActive: #cf7b15;
360
+ @colorWarningTextHover: #ffbc4f;
361
+ @colorWarningText: #5b3600;
362
+ @colorWarningTextActive: #cf7b15;
363
+ @colorInfoBg: #eaf1ff;
364
364
  @colorInfoBgHover: #b0dbff;
365
- @colorInfoBorder: #87c5ff;
365
+ @colorInfoBorder: #598cf3;
366
366
  @colorInfoBorderHover: #5eacff;
367
367
  @colorInfoHover: #5eacff;
368
368
  @colorInfoActive: #004ecc;
369
369
  @colorInfoTextHover: #3690ff;
370
- @colorInfoText: #0d6cf2;
370
+ @colorInfoText: #083e8b;
371
371
  @colorInfoTextActive: #004ecc;
372
372
  @colorLinkHover: #5eacff;
373
373
  @colorLinkActive: #004ecc;
374
374
  @colorBgMask: rgba(19, 32, 57, 0.45);
375
375
  @colorWhite: #fff;
376
- @fontSizeSM: 11px;
376
+ @fontSizeSM: 12px;
377
377
  @fontSizeLG: 12px;
378
378
  @fontSizeXL: 14px;
379
379
  @fontSizeHeading1: 26px;
@@ -410,8 +410,9 @@
410
410
  @lineWidthBold: 2px;
411
411
  @borderRadiusXS: 1px;
412
412
  @borderRadiusSM: 2px;
413
- @borderRadiusLG: 8px;
413
+ @borderRadiusLG: 6px;
414
414
  @borderRadiusOuter: 4px;
415
+ @colorIcon: #8592ad;
415
416
  @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);
416
417
  @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);
417
418
  @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,14 +429,13 @@
428
429
  @colorTextLabel: #5c6b8a;
429
430
  @colorTextDescription: #8592ad;
430
431
  @colorTextLightSolid: #fff;
431
- @colorHighlight: #f93939;
432
+ @colorHighlight: #ef4343;
432
433
  @colorBgTextHover: #e2e8f3;
433
434
  @colorBgTextActive: #cdd5e4;
434
- @colorIcon: #8592ad;
435
435
  @colorIconHover: #132039;
436
- @colorErrorOutline: rgba(255,5,5,0.08);
437
- @colorWarningOutline: rgba(255,164,19,0.11);
438
- @fontSizeIcon: 11px;
436
+ @colorErrorOutline: rgba(230,17,17,0.08);
437
+ @colorWarningOutline: rgba(244,155,11,0.09);
438
+ @fontSizeIcon: 12px;
439
439
  @controlOutlineWidth: 2px;
440
440
  @controlInteractiveSize: 14px;
441
441
  @controlItemBgHover: #f3f6fc;