@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/lib/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/lib/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;