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

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 (162) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/_util/genComponentStyleHook.d.ts +2 -2
  3. package/es/_util/genComponentStyleHook.js +15 -2
  4. package/es/alert/style/index.d.ts +1 -1
  5. package/es/app/index.d.ts +8 -0
  6. package/es/app/index.js +36 -1
  7. package/es/app/style/index.d.ts +9 -0
  8. package/es/{_util/genStyle.js → app/style/index.js} +10 -11
  9. package/es/badge/style/index.d.ts +1 -1
  10. package/es/button/style/index.d.ts +1 -1
  11. package/es/card/style/index.d.ts +1 -1
  12. package/es/card/style/index.js +3 -3
  13. package/es/checkbox/style/index.d.ts +1 -1
  14. package/es/config-provider/context.d.ts +11 -0
  15. package/es/config-provider/context.js +2 -1
  16. package/es/config-provider/index.js +31 -32
  17. package/es/descriptions/hooks/useItems.d.ts +6 -6
  18. package/es/descriptions/style/index.d.ts +1 -1
  19. package/es/drawer/index.js +7 -5
  20. package/es/drawer/style/index.d.ts +1 -1
  21. package/es/drawer/style/index.js +11 -7
  22. package/es/empty/index.js +1 -1
  23. package/es/empty/style/index.d.ts +1 -1
  24. package/es/form/FormItem.d.ts +1 -1
  25. package/es/form/style/index.d.ts +1 -1
  26. package/es/index.d.ts +4 -2
  27. package/es/index.js +1 -0
  28. package/es/modal/style/index.d.ts +1 -1
  29. package/es/radio/style/index.d.ts +1 -1
  30. package/es/result/index.d.ts +2 -2
  31. package/es/result/index.js +5 -4
  32. package/es/result/style/index.d.ts +1 -1
  33. package/es/select/style/index.d.ts +1 -1
  34. package/es/slider/style/index.d.ts +1 -1
  35. package/es/space/style/index.d.ts +1 -1
  36. package/es/spin/style/index.d.ts +1 -1
  37. package/es/switch/style/index.d.ts +1 -1
  38. package/es/table/style/index.d.ts +1 -1
  39. package/es/tabs/style/index.d.ts +1 -1
  40. package/es/tag/style/index.d.ts +2 -4
  41. package/es/tag/style/index.js +14 -31
  42. package/es/theme/dark.d.ts +1 -48
  43. package/es/theme/default.d.ts +4 -2
  44. package/es/theme/default.js +52 -27
  45. package/es/theme/index.d.ts +20 -57
  46. package/es/theme/interface.d.ts +66 -0
  47. package/es/theme/interface.js +4 -1
  48. package/es/theme/style/aliyun.less +40 -40
  49. package/es/theme/style/compact.less +79 -72
  50. package/es/theme/style/dark.less +53 -53
  51. package/es/theme/style/default.less +79 -72
  52. package/es/tooltip/style/index.d.ts +1 -1
  53. package/es/tree-select/style/index.d.ts +1 -1
  54. package/lib/_util/genComponentStyleHook.d.ts +2 -2
  55. package/lib/_util/genComponentStyleHook.js +20 -4
  56. package/lib/alert/index.js +7 -6
  57. package/lib/alert/style/index.d.ts +1 -1
  58. package/lib/app/index.d.ts +8 -0
  59. package/lib/app/index.js +36 -1
  60. package/lib/app/style/index.d.ts +9 -0
  61. package/lib/{_util/getWeakenBorderColor.js → app/style/index.js} +20 -10
  62. package/lib/badge/index.js +21 -18
  63. package/lib/badge/style/index.d.ts +1 -1
  64. package/lib/button/index.js +2 -1
  65. package/lib/button/style/index.d.ts +1 -1
  66. package/lib/card/index.js +9 -5
  67. package/lib/card/style/index.d.ts +1 -1
  68. package/lib/card/style/index.js +4 -4
  69. package/lib/checkbox/index.js +2 -1
  70. package/lib/checkbox/style/index.d.ts +1 -1
  71. package/lib/config-provider/DefaultRenderEmpty.js +4 -3
  72. package/lib/config-provider/context.d.ts +11 -0
  73. package/lib/config-provider/index.js +36 -25
  74. package/lib/descriptions/hooks/useItems.d.ts +6 -6
  75. package/lib/descriptions/hooks/useItems.js +5 -4
  76. package/lib/descriptions/index.js +3 -2
  77. package/lib/descriptions/style/index.d.ts +1 -1
  78. package/lib/drawer/index.js +44 -33
  79. package/lib/drawer/style/index.d.ts +1 -1
  80. package/lib/drawer/style/index.js +11 -5
  81. package/lib/dropdown/dropdown-button.js +3 -13
  82. package/lib/dropdown/index.js +2 -2
  83. package/lib/empty/colored.js +413 -327
  84. package/lib/empty/database.js +267 -222
  85. package/lib/empty/default.js +16 -21
  86. package/lib/empty/guide.js +201 -184
  87. package/lib/empty/index.js +23 -18
  88. package/lib/empty/style/index.d.ts +1 -1
  89. package/lib/form/FormItem.d.ts +1 -1
  90. package/lib/form/FormItem.js +9 -5
  91. package/lib/form/index.js +6 -3
  92. package/lib/form/style/index.d.ts +1 -1
  93. package/lib/grid/col.js +2 -1
  94. package/lib/grid/row.js +2 -1
  95. package/lib/index.d.ts +4 -2
  96. package/lib/index.js +3 -0
  97. package/lib/input/Input.js +3 -2
  98. package/lib/input/Password.js +3 -2
  99. package/lib/input/Search.js +3 -2
  100. package/lib/input/TextArea.js +3 -2
  101. package/lib/input-number/index.js +2 -1
  102. package/lib/list/index.js +3 -2
  103. package/lib/lottie/index.js +2 -1
  104. package/lib/modal/Modal.js +7 -3
  105. package/lib/modal/Progress.js +9 -5
  106. package/lib/modal/style/index.d.ts +1 -1
  107. package/lib/radio/index.js +2 -1
  108. package/lib/radio/style/index.d.ts +1 -1
  109. package/lib/result/403.js +156 -121
  110. package/lib/result/404.js +328 -267
  111. package/lib/result/500.js +295 -257
  112. package/lib/result/Error.js +127 -99
  113. package/lib/result/Processing.js +246 -213
  114. package/lib/result/Success.js +233 -169
  115. package/lib/result/Warning.js +611 -515
  116. package/lib/result/index.d.ts +2 -2
  117. package/lib/result/index.js +12 -11
  118. package/lib/result/style/index.d.ts +1 -1
  119. package/lib/segmented/index.js +8 -4
  120. package/lib/select/index.js +2 -1
  121. package/lib/select/style/index.d.ts +1 -1
  122. package/lib/slider/index.js +2 -1
  123. package/lib/slider/style/index.d.ts +1 -1
  124. package/lib/space/index.js +2 -1
  125. package/lib/space/style/index.d.ts +1 -1
  126. package/lib/spin/index.js +5 -4
  127. package/lib/spin/style/index.d.ts +1 -1
  128. package/lib/switch/index.js +2 -1
  129. package/lib/switch/style/index.d.ts +1 -1
  130. package/lib/table/index.js +44 -31
  131. package/lib/table/style/index.d.ts +1 -1
  132. package/lib/tabs/index.js +10 -5
  133. package/lib/tabs/style/index.d.ts +1 -1
  134. package/lib/tag/index.js +9 -5
  135. package/lib/tag/style/index.d.ts +2 -4
  136. package/lib/tag/style/index.js +12 -27
  137. package/lib/theme/dark.d.ts +1 -48
  138. package/lib/theme/default.d.ts +4 -2
  139. package/lib/theme/default.js +60 -26
  140. package/lib/theme/index.d.ts +20 -57
  141. package/lib/theme/interface.d.ts +66 -0
  142. package/lib/theme/style/aliyun.less +40 -40
  143. package/lib/theme/style/compact.less +79 -72
  144. package/lib/theme/style/dark.less +53 -53
  145. package/lib/theme/style/default.less +79 -72
  146. package/lib/tooltip/MouseTooltip.js +43 -39
  147. package/lib/tooltip/ReactStickyMouseTooltip.js +5 -4
  148. package/lib/tooltip/index.js +14 -10
  149. package/lib/tooltip/style/index.d.ts +1 -1
  150. package/lib/tree-select/index.js +2 -1
  151. package/lib/tree-select/style/index.d.ts +1 -1
  152. package/lib/typography/Link.js +5 -4
  153. package/lib/typography/Paragraph.js +5 -4
  154. package/lib/typography/Text.js +5 -4
  155. package/lib/typography/Title.js +5 -4
  156. package/package.json +5 -4
  157. package/es/_util/genStyle.d.ts +0 -2
  158. package/es/_util/getWeakenBorderColor.d.ts +0 -1
  159. package/es/_util/getWeakenBorderColor.js +0 -4
  160. package/lib/_util/genStyle.d.ts +0 -2
  161. package/lib/_util/genStyle.js +0 -43
  162. package/lib/_util/getWeakenBorderColor.d.ts +0 -1
@@ -1,10 +1,10 @@
1
1
  @blue: #0d6cf2;
2
2
  @purple: #722ED1;
3
3
  @cyan: #13C2C2;
4
- @green: #14b781;
4
+ @green: #16b882;
5
5
  @magenta: #EB2F96;
6
6
  @pink: #EB2F96;
7
- @red: #ef4343;
7
+ @red: #eb4242;
8
8
  @orange: #FA8C16;
9
9
  @yellow: #f49f25;
10
10
  @volcano: #FA541C;
@@ -12,9 +12,9 @@
12
12
  @gold: #FAAD14;
13
13
  @lime: #A0D911;
14
14
  @colorPrimary: #0d6cf2;
15
- @colorSuccess: #14b781;
15
+ @colorSuccess: #16b882;
16
16
  @colorWarning: #f49f25;
17
- @colorError: #ef4343;
17
+ @colorError: #eb4242;
18
18
  @colorInfo: #0d6cf2;
19
19
  @colorLink: #0d6cf2;
20
20
  @colorTextBase: #000000;
@@ -104,22 +104,22 @@
104
104
  @cyan9: #00474f;
105
105
  @cyan-10: #002329;
106
106
  @cyan10: #002329;
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;
107
+ @green-1: #e4f7ed;
108
+ @green1: #e4f7ed;
109
+ @green-2: #b2ebd0;
110
+ @green2: #b2ebd0;
111
+ @green-3: #85deb7;
112
+ @green3: #85deb7;
113
+ @green-4: #5cd1a2;
114
+ @green4: #5cd1a2;
115
+ @green-5: #37c491;
116
+ @green5: #37c491;
117
+ @green-6: #16b882;
118
+ @green6: #16b882;
119
+ @green-7: #0a9169;
120
+ @green7: #0a9169;
121
+ @green-8: #026b4f;
122
+ @green8: #026b4f;
123
123
  @green-9: #004535;
124
124
  @green9: #004535;
125
125
  @green-10: #001f18;
@@ -172,18 +172,18 @@
172
172
  @red3: #ffc8c2;
173
173
  @red-4: #ffa099;
174
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;
175
+ @red-5: #f7716d;
176
+ @red5: #f7716d;
177
+ @red-6: #eb4242;
178
+ @red6: #eb4242;
179
+ @red-7: #c42d32;
180
+ @red7: #c42d32;
181
+ @red-8: #9e1c25;
182
+ @red8: #9e1c25;
183
+ @red-9: #78101a;
184
+ @red9: #78101a;
185
+ @red-10: #520a13;
186
+ @red10: #520a13;
187
187
  @orange-1: #fff7e6;
188
188
  @orange1: #fff7e6;
189
189
  @orange-2: #ffe7ba;
@@ -307,15 +307,15 @@
307
307
  @colorText: #132039;
308
308
  @colorTextSecondary: #5c6b8a;
309
309
  @colorTextTertiary: #8592ad;
310
- @colorTextQuaternary: #c1cbe0;
310
+ @colorTextQuaternary: #b6c0d4;
311
311
  @colorFill: #cdd5e4;
312
312
  @colorFillSecondary: #e2e8f3;
313
- @colorFillTertiary: #f3f6fc;
314
- @colorFillQuaternary: #f8fafe;
313
+ @colorFillTertiary: #eff3fa;
314
+ @colorFillQuaternary: #f7f9fc;
315
315
  @colorBgSolid: rgb(0,0,0);
316
316
  @colorBgSolidHover: rgba(0,0,0,0.75);
317
317
  @colorBgSolidActive: rgba(0,0,0,0.95);
318
- @colorBgLayout: #f8fafe;
318
+ @colorBgLayout: #f7f9fc;
319
319
  @colorBgContainer: #ffffff;
320
320
  @colorBgElevated: #ffffff;
321
321
  @colorBgSpotlight: #ffffff;
@@ -331,47 +331,47 @@
331
331
  @colorPrimaryTextHover: #3690ff;
332
332
  @colorPrimaryText: #0d6cf2;
333
333
  @colorPrimaryTextActive: #004ecc;
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;
334
+ @colorSuccessBg: #f5faf8;
335
+ @colorSuccessBgHover: #b2ebd0;
336
+ @colorSuccessBorder: #79d1b4;
337
+ @colorSuccessBorderHover: #5cd1a2;
338
+ @colorSuccessHover: #5cd1a2;
339
+ @colorSuccessActive: #0a9169;
340
+ @colorSuccessTextHover: #37c491;
341
+ @colorSuccessText: #09593f;
342
+ @colorSuccessTextActive: #0a9169;
343
+ @colorErrorBg: #fff2f2;
344
344
  @colorErrorBgHover: #ffedeb;
345
345
  @colorErrorBgFilledHover: #ffddd9;
346
346
  @colorErrorBgActive: #ffc8c2;
347
347
  @colorErrorBorder: #f69898;
348
348
  @colorErrorBorderHover: #ffa099;
349
- @colorErrorHover: #fc746f;
350
- @colorErrorActive: #c92e34;
351
- @colorErrorTextHover: #fc746f;
349
+ @colorErrorHover: #f7716d;
350
+ @colorErrorActive: #c42d32;
351
+ @colorErrorTextHover: #f7716d;
352
352
  @colorErrorText: #8a1b1b;
353
- @colorErrorTextActive: #c92e34;
354
- @colorWarningBg: #fef6e9;
353
+ @colorErrorTextActive: #c42d32;
354
+ @colorWarningBg: #fff9ee;
355
355
  @colorWarningBgHover: #fff0c9;
356
- @colorWarningBorder: #f9cb87;
356
+ @colorWarningBorder: #fac373;
357
357
  @colorWarningBorderHover: #ffd078;
358
358
  @colorWarningHover: #ffd078;
359
359
  @colorWarningActive: #cf7b15;
360
360
  @colorWarningTextHover: #ffbc4f;
361
- @colorWarningText: #5b3600;
361
+ @colorWarningText: #6c4408;
362
362
  @colorWarningTextActive: #cf7b15;
363
- @colorInfoBg: #eaf1ff;
363
+ @colorInfoBg: #f3f8fe;
364
364
  @colorInfoBgHover: #b0dbff;
365
- @colorInfoBorder: #598cf3;
365
+ @colorInfoBorder: #619ef3;
366
366
  @colorInfoBorderHover: #5eacff;
367
- @colorInfoHover: #5eacff;
368
- @colorInfoActive: #004ecc;
367
+ @colorInfoHover: #0852bb;
368
+ @colorInfoActive: #0852bb;
369
369
  @colorInfoTextHover: #3690ff;
370
- @colorInfoText: #083e8b;
370
+ @colorInfoText: #0d3c80;
371
371
  @colorInfoTextActive: #004ecc;
372
372
  @colorLinkHover: #5eacff;
373
373
  @colorLinkActive: #004ecc;
374
- @colorBgMask: rgba(19, 32, 57, 0.45);
374
+ @colorBgMask: rgba(19, 32, 57, 0.6);
375
375
  @colorWhite: #fff;
376
376
  @fontSizeSM: 12px;
377
377
  @fontSizeLG: 16px;
@@ -381,10 +381,10 @@
381
381
  @fontSizeHeading3: 18px;
382
382
  @fontSizeHeading4: 16px;
383
383
  @fontSizeHeading5: 13px;
384
- @lineHeight: 1.8;
384
+ @lineHeight: 1.5384615384615385;
385
385
  @lineHeightLG: 1.6666666666666667;
386
386
  @lineHeightSM: 2;
387
- @fontHeight: 18px;
387
+ @fontHeight: 20px;
388
388
  @fontHeightLG: 20px;
389
389
  @fontHeightSM: 16px;
390
390
  @lineHeightHeading1: 1.3076923076923077;
@@ -401,7 +401,7 @@
401
401
  @sizeSM: 8px;
402
402
  @sizeXS: 4px;
403
403
  @sizeXXS: 4px;
404
- @controlHeightSM: 18px;
404
+ @controlHeightSM: 24px;
405
405
  @controlHeightXS: 12px;
406
406
  @controlHeightLG: 30px;
407
407
  @motionDurationFast: 0.1s;
@@ -412,39 +412,46 @@
412
412
  @borderRadiusSM: 2px;
413
413
  @borderRadiusLG: 8px;
414
414
  @borderRadiusOuter: 4px;
415
+ @fontWeightWeak: 400;
416
+ @fontWeight: 400;
417
+ @fontWeightStrong: 600;
418
+ @borderRadiusMD: 6px;
419
+ @colorFuchsia: #b04ec4;
420
+ @colorFuchsiaBorder: #d88ee7;
421
+ @colorFuchsiaBg: #faf0fc;
422
+ @colorFuchsiaText: #580e67;
415
423
  @colorIcon: #8592ad;
424
+ @colorBgContainerDisabled: #eff3fa;
416
425
  @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);
417
426
  @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);
418
427
  @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);
419
428
  @lineWidthFocus: 3px;
420
429
  @colorFillContent: #e2e8f3;
421
430
  @colorFillContentHover: #cdd5e4;
422
- @colorFillAlter: #f8fafe;
423
- @colorBgContainerDisabled: #f3f6fc;
431
+ @colorFillAlter: #f7f9fc;
424
432
  @colorBorderBg: #ffffff;
425
433
  @colorSplit: rgba(13,63,155,0.12);
426
- @colorTextPlaceholder: #c1cbe0;
427
- @colorTextDisabled: #c1cbe0;
434
+ @colorTextPlaceholder: #b6c0d4;
435
+ @colorTextDisabled: #b6c0d4;
428
436
  @colorTextHeading: #132039;
429
437
  @colorTextLabel: #5c6b8a;
430
438
  @colorTextDescription: #8592ad;
431
439
  @colorTextLightSolid: #fff;
432
- @colorHighlight: #ef4343;
440
+ @colorHighlight: #eb4242;
433
441
  @colorBgTextHover: #e2e8f3;
434
442
  @colorBgTextActive: #cdd5e4;
435
443
  @colorIconHover: #132039;
436
- @colorErrorOutline: rgba(230,17,17,0.08);
437
- @colorWarningOutline: rgba(244,155,11,0.09);
444
+ @colorErrorOutline: rgba(255,38,38,0.06);
445
+ @colorWarningOutline: rgba(255,169,12,0.07);
438
446
  @fontSizeIcon: 12px;
439
447
  @controlOutlineWidth: 2px;
440
448
  @controlInteractiveSize: 14px;
441
- @controlItemBgHover: #f3f6fc;
449
+ @controlItemBgHover: #eff3fa;
442
450
  @controlItemBgActive: #e6f4ff;
443
451
  @controlItemBgActiveHover: #b0dbff;
444
452
  @controlItemBgActiveDisabled: #cdd5e4;
445
- @controlTmpOutline: #f8fafe;
453
+ @controlTmpOutline: #f7f9fc;
446
454
  @controlOutline: rgba(5,145,255,0.1);
447
- @fontWeightStrong: 600;
448
455
  @opacityLoading: 0.65;
449
456
  @linkDecoration: none;
450
457
  @linkHoverDecoration: none;
@@ -1,10 +1,10 @@
1
1
  @blue: #0e5fd1;
2
2
  @purple: #722ED1;
3
3
  @cyan: #13C2C2;
4
- @green: #149f71;
4
+ @green: #169f72;
5
5
  @magenta: #EB2F96;
6
6
  @pink: #EB2F96;
7
- @red: #ce3c3c;
7
+ @red: #cb3b3b;
8
8
  @orange: #FA8C16;
9
9
  @yellow: #d28a22;
10
10
  @volcano: #FA541C;
@@ -12,9 +12,9 @@
12
12
  @gold: #FAAD14;
13
13
  @lime: #A0D911;
14
14
  @colorPrimary: #0e5fd1;
15
- @colorSuccess: #149f71;
15
+ @colorSuccess: #169f72;
16
16
  @colorWarning: #d28a22;
17
- @colorError: #ce3c3c;
17
+ @colorError: #cb3b3b;
18
18
  @colorInfo: #0e5fd1;
19
19
  @colorLink: #0e5fd1;
20
20
  @colorTextBase: #fff;
@@ -106,24 +106,24 @@
106
106
  @cyan10: #b2f1e8;
107
107
  @green-1: #11211d;
108
108
  @green1: #11211d;
109
- @green-2: #113329;
110
- @green2: #113329;
111
- @green-3: #144535;
112
- @green3: #144535;
113
- @green-4: #145d45;
114
- @green4: #145d45;
115
- @green-5: #147e5b;
116
- @green5: #147e5b;
117
- @green-6: #149f71;
118
- @green6: #149f71;
119
- @green-7: #32b284;
120
- @green7: #32b284;
121
- @green-8: #57c89a;
122
- @green8: #57c89a;
123
- @green-9: #80d8b1;
124
- @green9: #80d8b1;
125
- @green-10: #ade7cb;
126
- @green10: #ade7cb;
109
+ @green-2: #123329;
110
+ @green2: #123329;
111
+ @green-3: #154535;
112
+ @green3: #154535;
113
+ @green-4: #155e46;
114
+ @green4: #155e46;
115
+ @green-5: #157f5c;
116
+ @green5: #157f5c;
117
+ @green-6: #169f72;
118
+ @green6: #169f72;
119
+ @green-7: #34b285;
120
+ @green7: #34b285;
121
+ @green-8: #58c89b;
122
+ @green8: #58c89b;
123
+ @green-9: #82d8b2;
124
+ @green9: #82d8b2;
125
+ @green-10: #afe7cc;
126
+ @green10: #afe7cc;
127
127
  @magenta-1: #291321;
128
128
  @magenta1: #291321;
129
129
  @magenta-2: #40162f;
@@ -166,18 +166,18 @@
166
166
  @pink10: #fad2e3;
167
167
  @red-1: #291517;
168
168
  @red1: #291517;
169
- @red-2: #411b1c;
170
- @red2: #411b1c;
171
- @red-3: #562222;
172
- @red3: #562222;
173
- @red-4: #772929;
174
- @red4: #772929;
175
- @red-5: #a23333;
176
- @red5: #a23333;
177
- @red-6: #ce3c3c;
178
- @red6: #ce3c3c;
179
- @red-7: #e56a66;
180
- @red7: #e56a66;
169
+ @red-2: #401a1c;
170
+ @red2: #401a1c;
171
+ @red-3: #552222;
172
+ @red3: #552222;
173
+ @red-4: #752929;
174
+ @red4: #752929;
175
+ @red-5: #a03232;
176
+ @red5: #a03232;
177
+ @red-6: #cb3b3b;
178
+ @red6: #cb3b3b;
179
+ @red-7: #e06864;
180
+ @red7: #e06864;
181
181
  @red-8: #f39992;
182
182
  @red8: #f39992;
183
183
  @red-9: #f8c3bd;
@@ -332,25 +332,25 @@
332
332
  @colorPrimaryText: #0e5fd1;
333
333
  @colorPrimaryTextActive: #0f4da4;
334
334
  @colorSuccessBg: #11211d;
335
- @colorSuccessBgHover: #113329;
336
- @colorSuccessBorder: #144535;
337
- @colorSuccessBorderHover: #145d45;
338
- @colorSuccessHover: #145d45;
339
- @colorSuccessActive: #147e5b;
340
- @colorSuccessTextHover: #32b284;
341
- @colorSuccessText: #149f71;
342
- @colorSuccessTextActive: #147e5b;
335
+ @colorSuccessBgHover: #123329;
336
+ @colorSuccessBorder: #154535;
337
+ @colorSuccessBorderHover: #155e46;
338
+ @colorSuccessHover: #155e46;
339
+ @colorSuccessActive: #157f5c;
340
+ @colorSuccessTextHover: #34b285;
341
+ @colorSuccessText: #169f72;
342
+ @colorSuccessTextActive: #157f5c;
343
343
  @colorErrorBg: #291517;
344
- @colorErrorBgHover: #411b1c;
345
- @colorErrorBgFilledHover: #401c1d;
346
- @colorErrorBgActive: #562222;
347
- @colorErrorBorder: #562222;
348
- @colorErrorBorderHover: #772929;
349
- @colorErrorHover: #e56a66;
350
- @colorErrorActive: #a23333;
351
- @colorErrorTextHover: #e56a66;
352
- @colorErrorText: #ce3c3c;
353
- @colorErrorTextActive: #a23333;
344
+ @colorErrorBgHover: #401a1c;
345
+ @colorErrorBgFilledHover: #3f1c1d;
346
+ @colorErrorBgActive: #552222;
347
+ @colorErrorBorder: #552222;
348
+ @colorErrorBorderHover: #752929;
349
+ @colorErrorHover: #e06864;
350
+ @colorErrorActive: #a03232;
351
+ @colorErrorTextHover: #e06864;
352
+ @colorErrorText: #cb3b3b;
353
+ @colorErrorTextActive: #a03232;
354
354
  @colorWarningBg: #2a1f12;
355
355
  @colorWarningBgHover: #432e14;
356
356
  @colorWarningBorder: #573e19;
@@ -424,7 +424,7 @@
424
424
  @colorTextLabel: rgba(255,255,255,0.65);
425
425
  @colorTextDescription: rgba(255,255,255,0.45);
426
426
  @colorTextLightSolid: #fff;
427
- @colorHighlight: #ce3c3c;
427
+ @colorHighlight: #cb3b3b;
428
428
  @colorBgTextHover: rgba(255,255,255,0.12);
429
429
  @colorBgTextActive: rgba(255,255,255,0.18);
430
430
  @colorIcon: rgba(255,255,255,0.45);
@@ -1,10 +1,10 @@
1
1
  @blue: #0d6cf2;
2
2
  @purple: #722ED1;
3
3
  @cyan: #13C2C2;
4
- @green: #14b781;
4
+ @green: #16b882;
5
5
  @magenta: #EB2F96;
6
6
  @pink: #EB2F96;
7
- @red: #ef4343;
7
+ @red: #eb4242;
8
8
  @orange: #FA8C16;
9
9
  @yellow: #f49f25;
10
10
  @volcano: #FA541C;
@@ -12,9 +12,9 @@
12
12
  @gold: #FAAD14;
13
13
  @lime: #A0D911;
14
14
  @colorPrimary: #0d6cf2;
15
- @colorSuccess: #14b781;
15
+ @colorSuccess: #16b882;
16
16
  @colorWarning: #f49f25;
17
- @colorError: #ef4343;
17
+ @colorError: #eb4242;
18
18
  @colorInfo: #0d6cf2;
19
19
  @colorLink: #0d6cf2;
20
20
  @colorTextBase: #000000;
@@ -104,22 +104,22 @@
104
104
  @cyan9: #00474f;
105
105
  @cyan-10: #002329;
106
106
  @cyan10: #002329;
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;
107
+ @green-1: #e4f7ed;
108
+ @green1: #e4f7ed;
109
+ @green-2: #b2ebd0;
110
+ @green2: #b2ebd0;
111
+ @green-3: #85deb7;
112
+ @green3: #85deb7;
113
+ @green-4: #5cd1a2;
114
+ @green4: #5cd1a2;
115
+ @green-5: #37c491;
116
+ @green5: #37c491;
117
+ @green-6: #16b882;
118
+ @green6: #16b882;
119
+ @green-7: #0a9169;
120
+ @green7: #0a9169;
121
+ @green-8: #026b4f;
122
+ @green8: #026b4f;
123
123
  @green-9: #004535;
124
124
  @green9: #004535;
125
125
  @green-10: #001f18;
@@ -172,18 +172,18 @@
172
172
  @red3: #ffc8c2;
173
173
  @red-4: #ffa099;
174
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;
175
+ @red-5: #f7716d;
176
+ @red5: #f7716d;
177
+ @red-6: #eb4242;
178
+ @red6: #eb4242;
179
+ @red-7: #c42d32;
180
+ @red7: #c42d32;
181
+ @red-8: #9e1c25;
182
+ @red8: #9e1c25;
183
+ @red-9: #78101a;
184
+ @red9: #78101a;
185
+ @red-10: #520a13;
186
+ @red10: #520a13;
187
187
  @orange-1: #fff7e6;
188
188
  @orange1: #fff7e6;
189
189
  @orange-2: #ffe7ba;
@@ -307,15 +307,15 @@
307
307
  @colorText: #132039;
308
308
  @colorTextSecondary: #5c6b8a;
309
309
  @colorTextTertiary: #8592ad;
310
- @colorTextQuaternary: #c1cbe0;
310
+ @colorTextQuaternary: #b6c0d4;
311
311
  @colorFill: #cdd5e4;
312
312
  @colorFillSecondary: #e2e8f3;
313
- @colorFillTertiary: #f3f6fc;
314
- @colorFillQuaternary: #f8fafe;
313
+ @colorFillTertiary: #eff3fa;
314
+ @colorFillQuaternary: #f7f9fc;
315
315
  @colorBgSolid: rgb(0,0,0);
316
316
  @colorBgSolidHover: rgba(0,0,0,0.75);
317
317
  @colorBgSolidActive: rgba(0,0,0,0.95);
318
- @colorBgLayout: #f8fafe;
318
+ @colorBgLayout: #f7f9fc;
319
319
  @colorBgContainer: #ffffff;
320
320
  @colorBgElevated: #ffffff;
321
321
  @colorBgSpotlight: #ffffff;
@@ -331,47 +331,47 @@
331
331
  @colorPrimaryTextHover: #3690ff;
332
332
  @colorPrimaryText: #0d6cf2;
333
333
  @colorPrimaryTextActive: #004ecc;
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;
334
+ @colorSuccessBg: #f5faf8;
335
+ @colorSuccessBgHover: #b2ebd0;
336
+ @colorSuccessBorder: #79d1b4;
337
+ @colorSuccessBorderHover: #5cd1a2;
338
+ @colorSuccessHover: #5cd1a2;
339
+ @colorSuccessActive: #0a9169;
340
+ @colorSuccessTextHover: #37c491;
341
+ @colorSuccessText: #09593f;
342
+ @colorSuccessTextActive: #0a9169;
343
+ @colorErrorBg: #fff2f2;
344
344
  @colorErrorBgHover: #ffedeb;
345
345
  @colorErrorBgFilledHover: #ffddd9;
346
346
  @colorErrorBgActive: #ffc8c2;
347
347
  @colorErrorBorder: #f69898;
348
348
  @colorErrorBorderHover: #ffa099;
349
- @colorErrorHover: #fc746f;
350
- @colorErrorActive: #c92e34;
351
- @colorErrorTextHover: #fc746f;
349
+ @colorErrorHover: #f7716d;
350
+ @colorErrorActive: #c42d32;
351
+ @colorErrorTextHover: #f7716d;
352
352
  @colorErrorText: #8a1b1b;
353
- @colorErrorTextActive: #c92e34;
354
- @colorWarningBg: #fef6e9;
353
+ @colorErrorTextActive: #c42d32;
354
+ @colorWarningBg: #fff9ee;
355
355
  @colorWarningBgHover: #fff0c9;
356
- @colorWarningBorder: #f9cb87;
356
+ @colorWarningBorder: #fac373;
357
357
  @colorWarningBorderHover: #ffd078;
358
358
  @colorWarningHover: #ffd078;
359
359
  @colorWarningActive: #cf7b15;
360
360
  @colorWarningTextHover: #ffbc4f;
361
- @colorWarningText: #5b3600;
361
+ @colorWarningText: #6c4408;
362
362
  @colorWarningTextActive: #cf7b15;
363
- @colorInfoBg: #eaf1ff;
363
+ @colorInfoBg: #f3f8fe;
364
364
  @colorInfoBgHover: #b0dbff;
365
- @colorInfoBorder: #598cf3;
365
+ @colorInfoBorder: #619ef3;
366
366
  @colorInfoBorderHover: #5eacff;
367
- @colorInfoHover: #5eacff;
368
- @colorInfoActive: #004ecc;
367
+ @colorInfoHover: #0852bb;
368
+ @colorInfoActive: #0852bb;
369
369
  @colorInfoTextHover: #3690ff;
370
- @colorInfoText: #083e8b;
370
+ @colorInfoText: #0d3c80;
371
371
  @colorInfoTextActive: #004ecc;
372
372
  @colorLinkHover: #5eacff;
373
373
  @colorLinkActive: #004ecc;
374
- @colorBgMask: rgba(19, 32, 57, 0.45);
374
+ @colorBgMask: rgba(19, 32, 57, 0.6);
375
375
  @colorWhite: #fff;
376
376
  @fontSizeSM: 12px;
377
377
  @fontSizeLG: 16px;
@@ -381,10 +381,10 @@
381
381
  @fontSizeHeading3: 18px;
382
382
  @fontSizeHeading4: 16px;
383
383
  @fontSizeHeading5: 13px;
384
- @lineHeight: 1.6153846153846154;
384
+ @lineHeight: 1.5384615384615385;
385
385
  @lineHeightLG: 1.5714285714285714;
386
386
  @lineHeightSM: 1.8;
387
- @fontHeight: 21px;
387
+ @fontHeight: 20px;
388
388
  @fontHeightLG: 22px;
389
389
  @fontHeightSM: 18px;
390
390
  @lineHeightHeading1: 1.2352941176470589;
@@ -401,7 +401,7 @@
401
401
  @sizeSM: 12px;
402
402
  @sizeXS: 8px;
403
403
  @sizeXXS: 4px;
404
- @controlHeightSM: 21px;
404
+ @controlHeightSM: 24px;
405
405
  @controlHeightXS: 14px;
406
406
  @controlHeightLG: 35px;
407
407
  @motionDurationFast: 0.1s;
@@ -412,39 +412,46 @@
412
412
  @borderRadiusSM: 2px;
413
413
  @borderRadiusLG: 8px;
414
414
  @borderRadiusOuter: 4px;
415
+ @fontWeightWeak: 400;
416
+ @fontWeight: 400;
417
+ @fontWeightStrong: 600;
418
+ @borderRadiusMD: 6px;
419
+ @colorFuchsia: #b04ec4;
420
+ @colorFuchsiaBorder: #d88ee7;
421
+ @colorFuchsiaBg: #faf0fc;
422
+ @colorFuchsiaText: #580e67;
415
423
  @colorIcon: #8592ad;
424
+ @colorBgContainerDisabled: #eff3fa;
416
425
  @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);
417
426
  @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);
418
427
  @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);
419
428
  @lineWidthFocus: 3px;
420
429
  @colorFillContent: #e2e8f3;
421
430
  @colorFillContentHover: #cdd5e4;
422
- @colorFillAlter: #f8fafe;
423
- @colorBgContainerDisabled: #f3f6fc;
431
+ @colorFillAlter: #f7f9fc;
424
432
  @colorBorderBg: #ffffff;
425
433
  @colorSplit: rgba(13,63,155,0.12);
426
- @colorTextPlaceholder: #c1cbe0;
427
- @colorTextDisabled: #c1cbe0;
434
+ @colorTextPlaceholder: #b6c0d4;
435
+ @colorTextDisabled: #b6c0d4;
428
436
  @colorTextHeading: #132039;
429
437
  @colorTextLabel: #5c6b8a;
430
438
  @colorTextDescription: #8592ad;
431
439
  @colorTextLightSolid: #fff;
432
- @colorHighlight: #ef4343;
440
+ @colorHighlight: #eb4242;
433
441
  @colorBgTextHover: #e2e8f3;
434
442
  @colorBgTextActive: #cdd5e4;
435
443
  @colorIconHover: #132039;
436
- @colorErrorOutline: rgba(230,17,17,0.08);
437
- @colorWarningOutline: rgba(244,155,11,0.09);
444
+ @colorErrorOutline: rgba(255,38,38,0.06);
445
+ @colorWarningOutline: rgba(255,169,12,0.07);
438
446
  @fontSizeIcon: 12px;
439
447
  @controlOutlineWidth: 2px;
440
448
  @controlInteractiveSize: 14px;
441
- @controlItemBgHover: #f3f6fc;
449
+ @controlItemBgHover: #eff3fa;
442
450
  @controlItemBgActive: #e6f4ff;
443
451
  @controlItemBgActiveHover: #b0dbff;
444
452
  @controlItemBgActiveDisabled: #cdd5e4;
445
- @controlTmpOutline: #f8fafe;
453
+ @controlTmpOutline: #f7f9fc;
446
454
  @controlOutline: rgba(5,145,255,0.1);
447
- @fontWeightStrong: 600;
448
455
  @opacityLoading: 0.65;
449
456
  @linkDecoration: none;
450
457
  @linkHoverDecoration: none;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
2
+ import type { FullToken, GenerateStyle } from '../../theme/interface';
3
3
  export type TooltipToken = FullToken<'Tooltip'>;
4
4
  export declare const genTooltipStyle: GenerateStyle<TooltipToken>;
5
5
  declare const _default: (prefixCls: string) => {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
2
+ import type { FullToken, GenerateStyle } from '../../theme/interface';
3
3
  export type TreeSelectToken = FullToken<'TreeSelect'>;
4
4
  export declare const genTreeSelectStyle: GenerateStyle<TreeSelectToken>;
5
5
  declare const _default: (prefixCls: string) => {