@ucloud-fe/react-components 1.14.0 → 1.15.0

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 (21) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/main.min.js +8 -8
  3. package/index.d.ts +11 -0
  4. package/lib/components/Switch/style/index.js +7 -5
  5. package/lib/components/Tag/Group.d.ts +21 -15
  6. package/lib/components/Tag/Group.js +175 -31
  7. package/lib/components/Tag/Icon.d.ts +17 -0
  8. package/lib/components/Tag/Icon.js +31 -2
  9. package/lib/components/Tag/Tag.d.ts +19 -0
  10. package/lib/components/Tag/Tag.js +44 -6
  11. package/lib/components/Tag/index.d.ts +2 -2
  12. package/lib/components/Tag/style/index.d.ts +46 -1
  13. package/lib/components/Tag/style/index.js +259 -85
  14. package/lib/components/ThemeProvider/designTokens.d.ts +216 -0
  15. package/lib/components/ThemeProvider/designTokens.js +436 -4
  16. package/lib/components/ThemeProvider/designTokensDark.d.ts +216 -0
  17. package/lib/components/ThemeProvider/designTokensDark.js +435 -3
  18. package/lib/components/ThemeProvider/designTokensPrivate.d.ts +492 -0
  19. package/lib/components/ThemeProvider/designTokensPrivate.js +989 -0
  20. package/lib/components/ThemeProvider/private.js +17 -0
  21. package/package.json +1 -1
package/lib/components/ThemeProvider/designTokens.d.ts CHANGED
@@ -1,10 +1,58 @@
1
1
  declare const _default: {
2
2
  T_BUTTON_COMMON_COLOR_MASK: string;
3
+ T_BUTTON_OTHER_COLOR_BG_DEFAULT: string;
4
+ T_BUTTON_OTHER_COLOR_BG_HOVER: string;
5
+ T_BUTTON_OTHER_COLOR_BORDER_DEFAULT: string;
6
+ T_BUTTON_OTHER_COLOR_BORDER_HOVER: string;
7
+ T_BUTTON_OTHER_COLOR_SHADOW_DEFAULT: string;
8
+ T_BUTTON_OTHER_COLOR_SHADOW_HOVER: string;
3
9
  T_BUTTON_PRIMARY_COLOR_BG_DEFAULT: string;
4
10
  T_BUTTON_PRIMARY_COLOR_BG_HOVER: string;
11
+ T_BUTTON_PRIMARY_COLOR_SHADOW_DEFAULT: string;
12
+ T_BUTTON_PRIMARY_COLOR_SHADOW_HOVER: string;
5
13
  T_BUTTON_PRIMARY_COLOR_TEXT_DEFAULT: string;
6
14
  T_BUTTON_SECONDARY_COLOR_BG_DEFAULT: string;
15
+ T_BUTTON_SECONDARY_COLOR_BG_HOVER: string;
16
+ T_BUTTON_SECONDARY_COLOR_BORDER_DEFAULT: string;
17
+ T_BUTTON_SECONDARY_COLOR_BORDER_HOVER: string;
18
+ T_BUTTON_SECONDARY_COLOR_SHADOW_DEFAULT: string;
19
+ T_BUTTON_SECONDARY_COLOR_SHADOW_HOVER: string;
20
+ T_CARD_ACTION_BOTTOM: string;
21
+ T_CARD_ACTION_LEFT: string;
22
+ T_CARD_ACTION_RIGHT: string;
23
+ T_CARD_ACTION_TOP: string;
7
24
  T_CARD_COLOR_BG_DEFAULT: string;
25
+ T_CARD_COMMENT_FONT_COLOR_DEFAULT: string;
26
+ T_CARD_COMMENT_FONT_FONT_WEIGHT: string;
27
+ T_CARD_COMMENT_FONT_LINE_HEIGHT: string;
28
+ T_CARD_COMMENT_FONT_SIZE: string;
29
+ T_CARD_CONTENT_BG_DEFAULT: string;
30
+ T_CARD_CONTENT_PADDING_BOTTOM: string;
31
+ T_CARD_CONTENT_PADDING_LEFT: string;
32
+ T_CARD_CONTENT_PADDING_RIGHT: string;
33
+ T_CARD_CONTENT_PADDING_TOP: string;
34
+ T_CARD_FOOTER_MARGIN_BOTTOM: string;
35
+ T_CARD_FOOTER_MARGIN_TOP: string;
36
+ T_CARD_FOOTER_PADDING_BOTTOM: string;
37
+ T_CARD_FOOTER_PADDING_LEFT: string;
38
+ T_CARD_FOOTER_PADDING_RIGHT: string;
39
+ T_CARD_FOOTER_PADDING_TOP: string;
40
+ T_CARD_HEADER_FONT_COLOR_DEFAULT: string;
41
+ T_CARD_HEADER_FONT_FONT_WEIGHT: string;
42
+ T_CARD_HEADER_FONT_LINE_HEIGHT: string;
43
+ T_CARD_HEADER_FONT_SIZE: string;
44
+ T_CARD_HEADER_PADDING_BOTTOM: string;
45
+ T_CARD_HEADER_PADDING_LEFT: string;
46
+ T_CARD_HEADER_PADDING_RIGHT: string;
47
+ T_CARD_HEADER_PADDING_TOP: string;
48
+ T_CARD_LINE_COLOR_DEFAULT: string;
49
+ T_CARD_LINE_PADDING_VERTICAL: string;
50
+ T_CARD_OUTSIDE_PADDING: string;
51
+ T_CARD_SECONDARY_FONT_COLOR_DEFAULT: string;
52
+ T_CARD_SECONDARY_FONT_FONT_WEIGHT: string;
53
+ T_CARD_SECONDARY_FONT_LINE_HEIGHT: string;
54
+ T_CARD_SECONDARY_FONT_SIZE: string;
55
+ T_CARD_SECONDARY_PADDING_BOTTOM: string;
8
56
  T_CHART_TIMEPICKER_BG_DEFAULT: string;
9
57
  T_CHART_TIMEPICKER_ICON_DEFAULT: string;
10
58
  T_COLOR_BG_CONTENT_1: string;
@@ -121,6 +169,9 @@ declare const _default: {
121
169
  T_COLOR_LINE_SUCCESS_LIGHT: string;
122
170
  T_COLOR_LINE_WARNING_DARK: string;
123
171
  T_COLOR_LINE_WARNING_LIGHT: string;
172
+ T_COLOR_MASK_BG: string;
173
+ T_COLOR_MASK_COMP: string;
174
+ T_COLOR_MASK_OVERALL: string;
124
175
  T_COLOR_TEXT_DEFAULT_BRIGHT: string;
125
176
  T_COLOR_TEXT_DEFAULT_DARK: string;
126
177
  T_COLOR_TEXT_DEFAULT_LIGHT: string;
@@ -152,8 +203,29 @@ declare const _default: {
152
203
  T_CORNER_LG: string;
153
204
  T_CORNER_SM: string;
154
205
  T_CORNER_ZERO: string;
206
+ T_DRAWER_CLOSE_BG_COLOR_DEFAULT: string;
207
+ T_DRAWER_CLOSE_BG_COLOR_HOVER: string;
208
+ T_DRAWER_CLOSE_BG_SIZE_DEFAULT: string;
209
+ T_DRAWER_CLOSE_BG_SIZE_HOVER: string;
210
+ T_DRAWER_CLOSE_ICON_COLOR_DEFAULT: string;
211
+ T_DRAWER_CLOSE_ICON_COLOR_HOVER: string;
212
+ T_DRAWER_CLOSE_ICON_SIZE_DEFAULT: string;
213
+ T_DRAWER_CLOSE_ICON_SIZE_HOVER: string;
214
+ T_DRAWER_CONTENT_BG_COLOR: string;
215
+ T_DRAWER_CONTENT_PADDING: string;
216
+ T_DRAWER_HEADER_BG_COLOR_DEFAULT: string;
217
+ T_DRAWER_HEADER_BG_SHADOW_DEFAULT: string;
218
+ T_DRAWER_HEADER_PADDING_HORIZONAL: string;
219
+ T_DRAWER_HEADER_PADDING_VERTICAL: string;
220
+ T_DRAWER_HEADER_SIZE_DEFAULT: string;
221
+ T_DRAWER_HEADER_TITLE_COLOR_DEFAULT: string;
222
+ T_DRAWER_MASK_COLOR: string;
155
223
  T_DRAWER_RESIZER_BG_DEFAULT: string;
156
224
  T_DRAWER_RESIZER_BG_HOVER: string;
225
+ T_DRAWER_SHADOW_BOTTOM: string;
226
+ T_DRAWER_SHADOW_LEFT: string;
227
+ T_DRAWER_SHADOW_RIGHT: string;
228
+ T_DRAWER_SHADOW_TOP: string;
157
229
  T_FORM_ITEM_SPACING_VERTICAL: string;
158
230
  T_FRAME_LOGO_COLOR_BG_DEFAULT: string;
159
231
  T_FRAME_PRODUCTS_COLOR_TEXT_ICON: string;
@@ -173,11 +245,29 @@ declare const _default: {
173
245
  T_INPUT_COLOR_BG_DEFAULT: string;
174
246
  T_INPUT_COLOR_BG_HL_DEFAULT: string;
175
247
  T_INPUT_COLOR_BG_HL_ERROR: string;
248
+ T_INPUT_COLOR_SHADOW_DEFAULT: string;
249
+ T_INPUT_COLOR_SHADOW_ERROR: string;
176
250
  T_LINE_STYLE_BASE: string;
177
251
  T_LINE_STYLE_DASHED: string;
178
252
  T_LINE_WIDTH_BASE: string;
179
253
  T_LINE_WIDTH_LG: string;
180
254
  T_LINE_WIDTH_SM: string;
255
+ T_LIST_CONTENT_FONT_COLOR_DEFAULT: string;
256
+ T_LIST_CONTENT_FONT_COLOR_REMARK: string;
257
+ T_LIST_CONTENT_FONT_FONT_WEIGHT: string;
258
+ T_LIST_CONTENT_FONT_LINE_HEIGHT: string;
259
+ T_LIST_CONTENT_FONT_SIZE: string;
260
+ T_LIST_HEADER_FONT_COLOR_DEFAULT: string;
261
+ T_LIST_HEADER_FONT_FONT_WEIGHT: string;
262
+ T_LIST_HEADER_FONT_LINE_HEIGHT: string;
263
+ T_LIST_HEADER_FONT_SIZE: string;
264
+ T_LIST_ICON_LINK_DEFAULT: string;
265
+ T_LIST_ICON_LINK_HOVER: string;
266
+ T_LIST_ITEM_PADDING_HORIZONAL: string;
267
+ T_LIST_ITEM_PADDING_VERTICAL: string;
268
+ T_LIST_LINE_COLOR_DEFAULT: string;
269
+ T_LIST_OUTSIDE_PADDING_HORIZONAL: string;
270
+ T_LIST_OUTSIDE_PADDING_VERTICAL: string;
181
271
  T_LOADING_COLOR_LAYER_DEFAULT: string;
182
272
  T_MODAL_COLOR_LAYER_DEFAULT: string;
183
273
  T_MODAL_SHADOW_DEFAULT: string;
@@ -216,8 +306,14 @@ declare const _default: {
216
306
  T_SHADOW_INSET_LEFT: string;
217
307
  T_SHADOW_INSET_RIGHT: string;
218
308
  T_SHADOW_INSET_TOP: string;
309
+ T_SHADOW_LINE_BOTTOM: string;
310
+ T_SHADOW_LINE_LEFT: string;
311
+ T_SHADOW_LINE_RIGHT: string;
312
+ T_SHADOW_LINE_TOP: string;
219
313
  T_SKELETON_COLOR_BG_DARK: string;
314
+ T_SKELETON_COLOR_BG_DARK1: string;
220
315
  T_SKELETON_COLOR_BG_LIGHT: string;
316
+ T_SKELETON_COLOR_BG_LIGHT1: string;
221
317
  T_SLIDER_COLOR_BG_ACTIVE: string;
222
318
  T_SLIDER_COLOR_BG_DEFAULT: string;
223
319
  T_SLIDER_COLOR_LINE_ACTIVE: string;
@@ -244,7 +340,9 @@ declare const _default: {
244
340
  T_SWITCH_COLOR_TEXT_OFF: string;
245
341
  T_SWITCH_COLOR_TEXT_ON: string;
246
342
  T_SWITCH_CORNER: string;
343
+ T_TABLE_HEADER_COLOR_BG2: string;
247
344
  T_TABLE_HEADER_COLOR_BG_DEFAULT: string;
345
+ T_TABLE_HEADER_COLOR_ICON: string;
248
346
  T_TABLE_ROW_COLOR_BG_DEFAULT: string;
249
347
  T_TABLE_ROW_COLOR_BG_HOVER: string;
250
348
  T_TABS_DEFAULT_COLOR_BG_DEFAULT: string;
@@ -255,6 +353,124 @@ declare const _default: {
255
353
  T_TABS_PRODUCT_COLOR_SHADOW_DEFAULT: string;
256
354
  T_TABS_PRODUCT_COLOR_SHADOW_HOVER: string;
257
355
  T_TABS_PRODUCT_COLOR_TEXT_DEFAULT: string;
356
+ T_TAG_BORDER_RADIUS: string;
357
+ T_TAG_COLOR_BLUE_BG_DARK: string;
358
+ T_TAG_COLOR_BLUE_BG_LIGHT: string;
359
+ T_TAG_COLOR_BLUE_BORDER: string;
360
+ T_TAG_COLOR_BLUE_DIVIDER: string;
361
+ T_TAG_COLOR_BLUE_FILLBG_DARK: string;
362
+ T_TAG_COLOR_BLUE_FILLBG_LIGHT: string;
363
+ T_TAG_COLOR_BLUE_ICON: string;
364
+ T_TAG_COLOR_BLUE_TEXT: string;
365
+ T_TAG_COLOR_CYAN_BG_DARK: string;
366
+ T_TAG_COLOR_CYAN_BG_LIGHT: string;
367
+ T_TAG_COLOR_CYAN_BORDER: string;
368
+ T_TAG_COLOR_CYAN_DIVIDER: string;
369
+ T_TAG_COLOR_CYAN_FILLBG_DARK: string;
370
+ T_TAG_COLOR_CYAN_FILLBG_LIGHT: string;
371
+ T_TAG_COLOR_CYAN_ICON: string;
372
+ T_TAG_COLOR_CYAN_TEXT: string;
373
+ T_TAG_COLOR_DISABLED_BG_DARK: string;
374
+ T_TAG_COLOR_DISABLED_BG_LIGHT: string;
375
+ T_TAG_COLOR_DISABLED_BORDER: string;
376
+ T_TAG_COLOR_DISABLED_DIVIDER: string;
377
+ T_TAG_COLOR_DISABLED_ICON: string;
378
+ T_TAG_COLOR_DISABLED_TEXT: string;
379
+ T_TAG_COLOR_GRAY_BG_DARK: string;
380
+ T_TAG_COLOR_GRAY_BG_LIGHT: string;
381
+ T_TAG_COLOR_GRAY_BORDER: string;
382
+ T_TAG_COLOR_GRAY_DIVIDER: string;
383
+ T_TAG_COLOR_GRAY_ICON: string;
384
+ T_TAG_COLOR_GRAY_TEXT: string;
385
+ T_TAG_COLOR_GREEN_BG_DARK: string;
386
+ T_TAG_COLOR_GREEN_BG_LIGHT: string;
387
+ T_TAG_COLOR_GREEN_BORDER: string;
388
+ T_TAG_COLOR_GREEN_DIVIDER: string;
389
+ T_TAG_COLOR_GREEN_ICON: string;
390
+ T_TAG_COLOR_GREEN_TEXT: string;
391
+ T_TAG_COLOR_LIGHTBLUE_BG_DARK: string;
392
+ T_TAG_COLOR_LIGHTBLUE_BG_LIGHT: string;
393
+ T_TAG_COLOR_LIGHTBLUE_BORDER: string;
394
+ T_TAG_COLOR_LIGHTBLUE_DIVIDER: string;
395
+ T_TAG_COLOR_LIGHTBLUE_FILLBG_DARK: string;
396
+ T_TAG_COLOR_LIGHTBLUE_FILLBG_LIGHT: string;
397
+ T_TAG_COLOR_LIGHTBLUE_ICON: string;
398
+ T_TAG_COLOR_LIGHTBLUE_TEXT: string;
399
+ T_TAG_COLOR_ORANGE_BG_DARK: string;
400
+ T_TAG_COLOR_ORANGE_BG_LIGHT: string;
401
+ T_TAG_COLOR_ORANGE_BORDER: string;
402
+ T_TAG_COLOR_ORANGE_DIVIDER: string;
403
+ T_TAG_COLOR_ORANGE_FILLBG_DARK: string;
404
+ T_TAG_COLOR_ORANGE_FILLBG_LIGHT: string;
405
+ T_TAG_COLOR_ORANGE_ICON: string;
406
+ T_TAG_COLOR_ORANGE_TEXT: string;
407
+ T_TAG_COLOR_PRIMARY_BG_DARK: string;
408
+ T_TAG_COLOR_PRIMARY_BG_LIGHT: string;
409
+ T_TAG_COLOR_PRIMARY_BORDER: string;
410
+ T_TAG_COLOR_PRIMARY_DIVIDER: string;
411
+ T_TAG_COLOR_PRIMARY_ICON: string;
412
+ T_TAG_COLOR_PRIMARY_TEXT: string;
413
+ T_TAG_COLOR_PURPLE_BG_DARK: string;
414
+ T_TAG_COLOR_PURPLE_BG_LIGHT: string;
415
+ T_TAG_COLOR_PURPLE_BORDER: string;
416
+ T_TAG_COLOR_PURPLE_DIVIDER: string;
417
+ T_TAG_COLOR_PURPLE_FILLBG_DARK: string;
418
+ T_TAG_COLOR_PURPLE_FILLBG_LIGHT: string;
419
+ T_TAG_COLOR_PURPLE_ICON: string;
420
+ T_TAG_COLOR_PURPLE_TEXT: string;
421
+ T_TAG_COLOR_RED_BG_DARK: string;
422
+ T_TAG_COLOR_RED_BG_LIGHT: string;
423
+ T_TAG_COLOR_RED_BORDER: string;
424
+ T_TAG_COLOR_RED_DIVIDER: string;
425
+ T_TAG_COLOR_RED_FILLBG_DARK: string;
426
+ T_TAG_COLOR_RED_FILLBG_LIGHT: string;
427
+ T_TAG_COLOR_RED_ICON: string;
428
+ T_TAG_COLOR_RED_TEXT: string;
429
+ T_TAG_COLOR_YELLOW_BG_DARK: string;
430
+ T_TAG_COLOR_YELLOW_BG_LIGHT: string;
431
+ T_TAG_COLOR_YELLOW_BORDER: string;
432
+ T_TAG_COLOR_YELLOW_DIVIDER: string;
433
+ T_TAG_COLOR_YELLOW_FILLBG_DARK: string;
434
+ T_TAG_COLOR_YELLOW_FILLBG_LIGHT: string;
435
+ T_TAG_COLOR_YELLOW_ICON: string;
436
+ T_TAG_COLOR_YELLOW_TEXT: string;
437
+ T_TAG_HEIGHT_LG: string;
438
+ T_TAG_HEIGHT_MD: string;
439
+ T_TAG_HEIGHT_SM: string;
440
+ T_TAG_ICON_CLOSE: string;
441
+ T_TAG_ICON_OPACITY_DEFAULT: string;
442
+ T_TAG_ICON_OPACITY_HOVER: string;
443
+ T_TAG_ICON_SIZE_LG: string;
444
+ T_TAG_ICON_SIZE_MD: string;
445
+ T_TAG_ICON_SIZE_SM: string;
446
+ T_TAG_ICON_SIZE_XS: string;
447
+ T_TAG_ICON_WIDTH_SM: string;
448
+ T_TYPOGRAPHY_FONT_H1_FONT_WEIGHT: string;
449
+ T_TYPOGRAPHY_FONT_H1_LINE_HEIGHT: string;
450
+ T_TYPOGRAPHY_FONT_H1_SIZE: string;
451
+ T_TYPOGRAPHY_FONT_H2_FONT_WEIGHT: string;
452
+ T_TYPOGRAPHY_FONT_H2_LINE_HEIGHT: string;
453
+ T_TYPOGRAPHY_FONT_H2_SIZE: string;
454
+ T_TYPOGRAPHY_FONT_H3_FONT_WEIGHT: string;
455
+ T_TYPOGRAPHY_FONT_H3_LINE_HEIGHT: string;
456
+ T_TYPOGRAPHY_FONT_H3_SIZE: string;
457
+ T_TYPOGRAPHY_FONT_H4_FONT_WEIGHT: string;
458
+ T_TYPOGRAPHY_FONT_H4_LINE_HEIGHT: string;
459
+ T_TYPOGRAPHY_FONT_H4_SIZE: string;
460
+ T_TYPOGRAPHY_FONT_H5_FONT_WEIGHT: string;
461
+ T_TYPOGRAPHY_FONT_H5_LINE_HEIGHT: string;
462
+ T_TYPOGRAPHY_FONT_H5_SIZE: string;
463
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_FONT_WEIGHT: string;
464
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_LINE_HEIGHT: string;
465
+ T_TYPOGRAPHY_FONT_PARAGRAPH_IMPACT_SIZE: string;
466
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_FONT_WEIGHT: string;
467
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_LINE_HEIGHT: string;
468
+ T_TYPOGRAPHY_FONT_PARAGRAPH_NORMAL_SIZE: string;
469
+ T_TYPOGRAPHY_FONT_TEXT_FONT_WEIGHT: string;
470
+ T_TYPOGRAPHY_FONT_TEXT_LINE_HEIGHT: string;
471
+ T_TYPOGRAPHY_FONT_TEXT_SIZE: string;
472
+ T_TYPOGRAPHY_ICON_LINK_DEFAULT: string;
473
+ T_TYPOGRAPHY_ICON_LINK_HOVER: string;
258
474
  T_TYPO_FONT_SIZE_1: string;
259
475
  T_TYPO_FONT_SIZE_2: string;
260
476
  T_TYPO_FONT_SIZE_3: string;