@pingux/astro 2.185.0-alpha.0 → 2.187.0-alpha.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 (52) hide show
  1. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +8 -4
  2. package/lib/cjs/components/Badge/Badge.stories.js +9 -7
  3. package/lib/cjs/components/Badge/Badge.styles.d.ts +29 -0
  4. package/lib/cjs/components/Badge/Badge.styles.js +2 -0
  5. package/lib/cjs/components/ColorField/ColorFieldPreviewButton.js +6 -3
  6. package/lib/cjs/components/ComboBox/ComboBoxInput.js +7 -4
  7. package/lib/cjs/components/ListBox/Option.js +2 -2
  8. package/lib/cjs/components/ListView/ListViewExpandableItem.js +6 -3
  9. package/lib/cjs/components/Loader/Loader.styles.js +1 -1
  10. package/lib/cjs/components/MultivaluesField/CondensedMultivaluesField.js +8 -4
  11. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +3 -2
  12. package/lib/cjs/components/NumberField/NumberField.js +4 -2
  13. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +3 -2
  14. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.d.ts +45 -13
  15. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.js +25 -8
  16. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/comboBox.d.ts +9 -0
  17. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/comboBox.js +17 -0
  18. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.d.ts +8 -0
  19. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js +3 -1
  20. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +1 -1
  21. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +83 -27
  22. package/lib/cjs/styles/themes/next-gen/text.d.ts +1 -0
  23. package/lib/cjs/styles/themes/next-gen/text.js +1 -0
  24. package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +76 -27
  25. package/lib/cjs/styles/themes/next-gen/variants/badges.js +40 -14
  26. package/lib/cjs/styles/themes/next-gen/variants/label.js +2 -0
  27. package/lib/cjs/styles/themes/next-gen/variants/popoverMenu.d.ts +3 -0
  28. package/lib/cjs/styles/themes/next-gen/variants/popoverMenu.js +3 -0
  29. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +6 -0
  30. package/lib/cjs/styles/themes/next-gen/variants/variants.js +7 -4
  31. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +8 -4
  32. package/lib/components/Badge/Badge.stories.js +9 -7
  33. package/lib/components/Badge/Badge.styles.js +2 -0
  34. package/lib/components/ColorField/ColorFieldPreviewButton.js +6 -3
  35. package/lib/components/ComboBox/ComboBoxInput.js +7 -4
  36. package/lib/components/ListBox/Option.js +2 -2
  37. package/lib/components/ListView/ListViewExpandableItem.js +6 -3
  38. package/lib/components/Loader/Loader.styles.js +1 -1
  39. package/lib/components/MultivaluesField/CondensedMultivaluesField.js +8 -4
  40. package/lib/components/NavBarSection/NavBarItemHeader.js +3 -2
  41. package/lib/components/NumberField/NumberField.js +5 -3
  42. package/lib/components/SelectFieldBase/SelectFieldBase.js +3 -2
  43. package/lib/styles/themeOverrides/nextGenDarkMode/variants/badges.js +25 -8
  44. package/lib/styles/themeOverrides/nextGenDarkMode/variants/comboBox.js +10 -0
  45. package/lib/styles/themeOverrides/nextGenDarkMode/variants/forms.js +3 -1
  46. package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +1 -1
  47. package/lib/styles/themes/next-gen/text.js +1 -0
  48. package/lib/styles/themes/next-gen/variants/badges.js +40 -14
  49. package/lib/styles/themes/next-gen/variants/label.js +2 -0
  50. package/lib/styles/themes/next-gen/variants/popoverMenu.js +3 -0
  51. package/lib/styles/themes/next-gen/variants/variants.js +7 -4
  52. package/package.json +1 -1
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -2881,6 +2881,7 @@ declare const _default: {
2881
2881
  xs: string;
2882
2882
  tiny: string;
2883
2883
  sm: string;
2884
+ small: string;
2884
2885
  md: string;
2885
2886
  lg: string;
2886
2887
  xl: string;
@@ -3220,6 +3221,10 @@ declare const _default: {
3220
3221
  };
3221
3222
  };
3222
3223
  badges: {
3224
+ dataTableBadge: {
3225
+ minWidth: string;
3226
+ border: string;
3227
+ };
3223
3228
  baseBadge: {
3224
3229
  '& span': {
3225
3230
  fontWeight: string;
@@ -3286,8 +3291,8 @@ declare const _default: {
3286
3291
  };
3287
3292
  primary: {
3288
3293
  backgroundColor: string;
3289
- color: any;
3290
3294
  '& span': {
3295
+ color: any;
3291
3296
  fontWeight: string;
3292
3297
  };
3293
3298
  '& button': {
@@ -3316,6 +3321,7 @@ declare const _default: {
3316
3321
  alignSelf: string;
3317
3322
  display: string;
3318
3323
  width: string;
3324
+ color: string;
3319
3325
  };
3320
3326
  countBadge: {
3321
3327
  backgroundColor: string;
@@ -3353,8 +3359,8 @@ declare const _default: {
3353
3359
  };
3354
3360
  countNeutral: {
3355
3361
  backgroundColor: string;
3356
- color: any;
3357
3362
  '& span': {
3363
+ color: any;
3358
3364
  fontWeight: string;
3359
3365
  };
3360
3366
  '& button': {
@@ -3383,11 +3389,12 @@ declare const _default: {
3383
3389
  alignSelf: string;
3384
3390
  display: string;
3385
3391
  width: string;
3392
+ color: string;
3386
3393
  };
3387
3394
  secondary: {
3388
3395
  backgroundColor: string;
3389
- color: any;
3390
3396
  '& span': {
3397
+ color: any;
3391
3398
  fontWeight: string;
3392
3399
  };
3393
3400
  '& button': {
@@ -3416,13 +3423,14 @@ declare const _default: {
3416
3423
  alignSelf: string;
3417
3424
  display: string;
3418
3425
  width: string;
3426
+ color: string;
3419
3427
  };
3420
3428
  success: {
3421
- backgroundColor: string;
3422
- color: string;
3423
3429
  '& span': {
3430
+ color: any;
3424
3431
  fontWeight: string;
3425
3432
  };
3433
+ backgroundColor: string;
3426
3434
  '& button': {
3427
3435
  alignSelf: string;
3428
3436
  p: string;
@@ -3449,11 +3457,12 @@ declare const _default: {
3449
3457
  alignSelf: string;
3450
3458
  display: string;
3451
3459
  width: string;
3460
+ color: string;
3452
3461
  };
3453
3462
  danger: {
3454
3463
  backgroundColor: string;
3455
- color: any;
3456
3464
  '& span': {
3465
+ color: any;
3457
3466
  fontWeight: string;
3458
3467
  };
3459
3468
  '& button': {
@@ -3482,11 +3491,12 @@ declare const _default: {
3482
3491
  alignSelf: string;
3483
3492
  display: string;
3484
3493
  width: string;
3494
+ color: string;
3485
3495
  };
3486
3496
  warning: {
3487
3497
  backgroundColor: string;
3488
- color: any;
3489
3498
  '& span': {
3499
+ color: any;
3490
3500
  fontWeight: string;
3491
3501
  };
3492
3502
  '& button': {
@@ -3515,11 +3525,12 @@ declare const _default: {
3515
3525
  alignSelf: string;
3516
3526
  display: string;
3517
3527
  width: string;
3528
+ color: string;
3518
3529
  };
3519
3530
  dark: {
3520
3531
  backgroundColor: string;
3521
- color: string;
3522
3532
  '& span': {
3533
+ color: string;
3523
3534
  fontWeight: string;
3524
3535
  };
3525
3536
  '& button': {
@@ -3548,11 +3559,12 @@ declare const _default: {
3548
3559
  alignSelf: string;
3549
3560
  display: string;
3550
3561
  width: string;
3562
+ color: string;
3551
3563
  };
3552
3564
  info: {
3553
3565
  backgroundColor: string;
3554
- color: string;
3555
3566
  '& span': {
3567
+ color: string;
3556
3568
  fontWeight: string;
3557
3569
  };
3558
3570
  '& button': {
@@ -3581,6 +3593,7 @@ declare const _default: {
3581
3593
  alignSelf: string;
3582
3594
  display: string;
3583
3595
  width: string;
3596
+ color: string;
3584
3597
  };
3585
3598
  selectedItemBadge: {
3586
3599
  backgroundColor: string;
@@ -3617,6 +3630,41 @@ declare const _default: {
3617
3630
  width: string;
3618
3631
  color: string;
3619
3632
  };
3633
+ selected: {
3634
+ backgroundColor: string;
3635
+ '& span': {
3636
+ color: any;
3637
+ fontWeight: string;
3638
+ };
3639
+ '& button': {
3640
+ alignSelf: string;
3641
+ p: string;
3642
+ bg: string;
3643
+ '&.is-hovered': {
3644
+ bg: string;
3645
+ '& svg': {
3646
+ path: {
3647
+ fill: string;
3648
+ };
3649
+ };
3650
+ };
3651
+ };
3652
+ '& svg': {
3653
+ path: {
3654
+ fill: string;
3655
+ };
3656
+ };
3657
+ alignItems: string;
3658
+ justifyContent: string;
3659
+ padding: string;
3660
+ borderRadius: string;
3661
+ fontSize: string;
3662
+ alignSelf: string;
3663
+ display: string;
3664
+ width: string;
3665
+ color: string;
3666
+ border: string;
3667
+ };
3620
3668
  readOnlyBadge: {
3621
3669
  border: string;
3622
3670
  borderColor: string;
@@ -3692,11 +3740,9 @@ declare const _default: {
3692
3740
  color: string;
3693
3741
  };
3694
3742
  activeStatusBadge: {
3695
- minWidth: string;
3696
- border: string;
3697
3743
  backgroundColor: string;
3698
- color: any;
3699
3744
  '& span': {
3745
+ color: any;
3700
3746
  fontWeight: string;
3701
3747
  };
3702
3748
  '& button': {
@@ -3725,13 +3771,13 @@ declare const _default: {
3725
3771
  alignSelf: string;
3726
3772
  display: string;
3727
3773
  width: string;
3774
+ color: string;
3775
+ border: string;
3728
3776
  };
3729
3777
  warningStatusBadge: {
3730
- minWidth: string;
3731
- border: string;
3732
3778
  backgroundColor: string;
3733
- color: any;
3734
3779
  '& span': {
3780
+ color: any;
3735
3781
  fontWeight: string;
3736
3782
  };
3737
3783
  '& button': {
@@ -3760,13 +3806,13 @@ declare const _default: {
3760
3806
  alignSelf: string;
3761
3807
  display: string;
3762
3808
  width: string;
3809
+ color: string;
3810
+ border: string;
3763
3811
  };
3764
3812
  criticalStatusBadge: {
3765
- minWidth: string;
3766
- border: string;
3767
3813
  backgroundColor: string;
3768
- color: any;
3769
3814
  '& span': {
3815
+ color: any;
3770
3816
  fontWeight: string;
3771
3817
  };
3772
3818
  '& button': {
@@ -3795,15 +3841,15 @@ declare const _default: {
3795
3841
  alignSelf: string;
3796
3842
  display: string;
3797
3843
  width: string;
3844
+ color: string;
3845
+ border: string;
3798
3846
  };
3799
3847
  healthyStatusBadge: {
3800
- minWidth: string;
3801
- border: string;
3802
- backgroundColor: string;
3803
- color: string;
3804
3848
  '& span': {
3849
+ color: any;
3805
3850
  fontWeight: string;
3806
3851
  };
3852
+ backgroundColor: string;
3807
3853
  '& button': {
3808
3854
  alignSelf: string;
3809
3855
  p: string;
@@ -3830,13 +3876,13 @@ declare const _default: {
3830
3876
  alignSelf: string;
3831
3877
  display: string;
3832
3878
  width: string;
3879
+ color: string;
3880
+ border: string;
3833
3881
  };
3834
3882
  secondaryStatusBadge: {
3835
- minWidth: string;
3836
- border: string;
3837
3883
  backgroundColor: string;
3838
- color: any;
3839
3884
  '& span': {
3885
+ color: any;
3840
3886
  fontWeight: string;
3841
3887
  };
3842
3888
  '& button': {
@@ -3865,6 +3911,8 @@ declare const _default: {
3865
3911
  alignSelf: string;
3866
3912
  display: string;
3867
3913
  width: string;
3914
+ color: string;
3915
+ border: string;
3868
3916
  };
3869
3917
  badgeDeleteButton: {
3870
3918
  borderRadius: string;
@@ -3935,8 +3983,8 @@ declare const _default: {
3935
3983
  removableBadge: {
3936
3984
  border: string;
3937
3985
  backgroundColor: string;
3938
- color: any;
3939
3986
  '& span': {
3987
+ color: any;
3940
3988
  fontWeight: string;
3941
3989
  };
3942
3990
  '& button': {
@@ -3965,11 +4013,12 @@ declare const _default: {
3965
4013
  alignSelf: string;
3966
4014
  display: string;
3967
4015
  width: string;
4016
+ color: string;
3968
4017
  };
3969
4018
  invertedRemovableBadge: {
3970
4019
  backgroundColor: string;
3971
- color: string;
3972
4020
  '& span': {
4021
+ color: string;
3973
4022
  fontWeight: string;
3974
4023
  };
3975
4024
  '& button': {
@@ -3998,6 +4047,7 @@ declare const _default: {
3998
4047
  alignSelf: string;
3999
4048
  display: string;
4000
4049
  width: string;
4050
+ color: string;
4001
4051
  };
4002
4052
  errorCalloutBadge: {
4003
4053
  backgroundColor: string;
@@ -5420,7 +5470,9 @@ declare const _default: {
5420
5470
  lineHeight: string;
5421
5471
  textTransform: string;
5422
5472
  letterSpacing: string;
5473
+ pl: string;
5423
5474
  ml: string;
5475
+ py: string;
5424
5476
  };
5425
5477
  };
5426
5478
  listView: {
@@ -5974,6 +6026,8 @@ declare const _default: {
5974
6026
  };
5975
6027
  popoverMenu: {
5976
6028
  container: {
6029
+ minWidth: string;
6030
+ boxShadow: string;
5977
6031
  transition: string;
5978
6032
  '&.animate': {
5979
6033
  opacity: number;
@@ -6001,6 +6055,7 @@ declare const _default: {
6001
6055
  };
6002
6056
  arrow: {
6003
6057
  color: string;
6058
+ fontSize: string;
6004
6059
  '&:before': {
6005
6060
  content: string;
6006
6061
  position: string;
@@ -6253,6 +6308,7 @@ declare const _default: {
6253
6308
  separator: {
6254
6309
  base: {
6255
6310
  bg: string;
6311
+ my: string;
6256
6312
  '&.is-vertical': {
6257
6313
  m: string;
6258
6314
  };
package/lib/cjs/styles/themes/next-gen/text.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const fontSizes: {
8
8
  xs: string;
9
9
  tiny: string;
10
10
  sm: string;
11
+ small: string;
11
12
  md: string;
12
13
  lg: string;
13
14
  xl: string;
package/lib/cjs/styles/themes/next-gen/text.js CHANGED
@@ -21,6 +21,7 @@ var fontSizes = exports.fontSizes = {
21
21
  'xs': '11px',
22
22
  'tiny': "".concat(fontSize.tiny, "px"),
23
23
  'sm': "".concat(fontSize.small || fontSize.sm, "px"),
24
+ 'small': "".concat(fontSize.small, "px"),
24
25
  'md': "".concat(fontSizeBase * 1, "rem"),
25
26
  'lg': "".concat(fontSizeBase * 1.25, "rem"),
26
27
  'xl': "".concat(fontSizeBase * 1.5, "rem"),
package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts CHANGED
@@ -31,6 +31,10 @@ export declare const badgeDeleteButton: {
31
31
  alignSelf: string;
32
32
  };
33
33
  export declare const badges: {
34
+ dataTableBadge: {
35
+ minWidth: string;
36
+ border: string;
37
+ };
34
38
  baseBadge: {
35
39
  '& span': {
36
40
  fontWeight: string;
@@ -97,8 +101,8 @@ export declare const badges: {
97
101
  };
98
102
  primary: {
99
103
  backgroundColor: string;
100
- color: any;
101
104
  '& span': {
105
+ color: any;
102
106
  fontWeight: string;
103
107
  };
104
108
  '& button': {
@@ -127,6 +131,7 @@ export declare const badges: {
127
131
  alignSelf: string;
128
132
  display: string;
129
133
  width: string;
134
+ color: string;
130
135
  };
131
136
  countBadge: {
132
137
  backgroundColor: string;
@@ -164,8 +169,8 @@ export declare const badges: {
164
169
  };
165
170
  countNeutral: {
166
171
  backgroundColor: string;
167
- color: any;
168
172
  '& span': {
173
+ color: any;
169
174
  fontWeight: string;
170
175
  };
171
176
  '& button': {
@@ -194,11 +199,12 @@ export declare const badges: {
194
199
  alignSelf: string;
195
200
  display: string;
196
201
  width: string;
202
+ color: string;
197
203
  };
198
204
  secondary: {
199
205
  backgroundColor: string;
200
- color: any;
201
206
  '& span': {
207
+ color: any;
202
208
  fontWeight: string;
203
209
  };
204
210
  '& button': {
@@ -227,13 +233,14 @@ export declare const badges: {
227
233
  alignSelf: string;
228
234
  display: string;
229
235
  width: string;
236
+ color: string;
230
237
  };
231
238
  success: {
232
- backgroundColor: string;
233
- color: string;
234
239
  '& span': {
240
+ color: any;
235
241
  fontWeight: string;
236
242
  };
243
+ backgroundColor: string;
237
244
  '& button': {
238
245
  alignSelf: string;
239
246
  p: string;
@@ -260,11 +267,12 @@ export declare const badges: {
260
267
  alignSelf: string;
261
268
  display: string;
262
269
  width: string;
270
+ color: string;
263
271
  };
264
272
  danger: {
265
273
  backgroundColor: string;
266
- color: any;
267
274
  '& span': {
275
+ color: any;
268
276
  fontWeight: string;
269
277
  };
270
278
  '& button': {
@@ -293,11 +301,12 @@ export declare const badges: {
293
301
  alignSelf: string;
294
302
  display: string;
295
303
  width: string;
304
+ color: string;
296
305
  };
297
306
  warning: {
298
307
  backgroundColor: string;
299
- color: any;
300
308
  '& span': {
309
+ color: any;
301
310
  fontWeight: string;
302
311
  };
303
312
  '& button': {
@@ -326,11 +335,12 @@ export declare const badges: {
326
335
  alignSelf: string;
327
336
  display: string;
328
337
  width: string;
338
+ color: string;
329
339
  };
330
340
  dark: {
331
341
  backgroundColor: string;
332
- color: string;
333
342
  '& span': {
343
+ color: string;
334
344
  fontWeight: string;
335
345
  };
336
346
  '& button': {
@@ -359,11 +369,12 @@ export declare const badges: {
359
369
  alignSelf: string;
360
370
  display: string;
361
371
  width: string;
372
+ color: string;
362
373
  };
363
374
  info: {
364
375
  backgroundColor: string;
365
- color: string;
366
376
  '& span': {
377
+ color: string;
367
378
  fontWeight: string;
368
379
  };
369
380
  '& button': {
@@ -392,6 +403,7 @@ export declare const badges: {
392
403
  alignSelf: string;
393
404
  display: string;
394
405
  width: string;
406
+ color: string;
395
407
  };
396
408
  selectedItemBadge: {
397
409
  backgroundColor: string;
@@ -428,6 +440,41 @@ export declare const badges: {
428
440
  width: string;
429
441
  color: string;
430
442
  };
443
+ selected: {
444
+ backgroundColor: string;
445
+ '& span': {
446
+ color: any;
447
+ fontWeight: string;
448
+ };
449
+ '& button': {
450
+ alignSelf: string;
451
+ p: string;
452
+ bg: string;
453
+ '&.is-hovered': {
454
+ bg: string;
455
+ '& svg': {
456
+ path: {
457
+ fill: string;
458
+ };
459
+ };
460
+ };
461
+ };
462
+ '& svg': {
463
+ path: {
464
+ fill: string;
465
+ };
466
+ };
467
+ alignItems: string;
468
+ justifyContent: string;
469
+ padding: string;
470
+ borderRadius: string;
471
+ fontSize: string;
472
+ alignSelf: string;
473
+ display: string;
474
+ width: string;
475
+ color: string;
476
+ border: string;
477
+ };
431
478
  readOnlyBadge: {
432
479
  border: string;
433
480
  borderColor: string;
@@ -503,11 +550,9 @@ export declare const badges: {
503
550
  color: string;
504
551
  };
505
552
  activeStatusBadge: {
506
- minWidth: string;
507
- border: string;
508
553
  backgroundColor: string;
509
- color: any;
510
554
  '& span': {
555
+ color: any;
511
556
  fontWeight: string;
512
557
  };
513
558
  '& button': {
@@ -536,13 +581,13 @@ export declare const badges: {
536
581
  alignSelf: string;
537
582
  display: string;
538
583
  width: string;
584
+ color: string;
585
+ border: string;
539
586
  };
540
587
  warningStatusBadge: {
541
- minWidth: string;
542
- border: string;
543
588
  backgroundColor: string;
544
- color: any;
545
589
  '& span': {
590
+ color: any;
546
591
  fontWeight: string;
547
592
  };
548
593
  '& button': {
@@ -571,13 +616,13 @@ export declare const badges: {
571
616
  alignSelf: string;
572
617
  display: string;
573
618
  width: string;
619
+ color: string;
620
+ border: string;
574
621
  };
575
622
  criticalStatusBadge: {
576
- minWidth: string;
577
- border: string;
578
623
  backgroundColor: string;
579
- color: any;
580
624
  '& span': {
625
+ color: any;
581
626
  fontWeight: string;
582
627
  };
583
628
  '& button': {
@@ -606,15 +651,15 @@ export declare const badges: {
606
651
  alignSelf: string;
607
652
  display: string;
608
653
  width: string;
654
+ color: string;
655
+ border: string;
609
656
  };
610
657
  healthyStatusBadge: {
611
- minWidth: string;
612
- border: string;
613
- backgroundColor: string;
614
- color: string;
615
658
  '& span': {
659
+ color: any;
616
660
  fontWeight: string;
617
661
  };
662
+ backgroundColor: string;
618
663
  '& button': {
619
664
  alignSelf: string;
620
665
  p: string;
@@ -641,13 +686,13 @@ export declare const badges: {
641
686
  alignSelf: string;
642
687
  display: string;
643
688
  width: string;
689
+ color: string;
690
+ border: string;
644
691
  };
645
692
  secondaryStatusBadge: {
646
- minWidth: string;
647
- border: string;
648
693
  backgroundColor: string;
649
- color: any;
650
694
  '& span': {
695
+ color: any;
651
696
  fontWeight: string;
652
697
  };
653
698
  '& button': {
@@ -676,6 +721,8 @@ export declare const badges: {
676
721
  alignSelf: string;
677
722
  display: string;
678
723
  width: string;
724
+ color: string;
725
+ border: string;
679
726
  };
680
727
  badgeDeleteButton: {
681
728
  borderRadius: string;
@@ -746,8 +793,8 @@ export declare const badges: {
746
793
  removableBadge: {
747
794
  border: string;
748
795
  backgroundColor: string;
749
- color: any;
750
796
  '& span': {
797
+ color: any;
751
798
  fontWeight: string;
752
799
  };
753
800
  '& button': {
@@ -776,11 +823,12 @@ export declare const badges: {
776
823
  alignSelf: string;
777
824
  display: string;
778
825
  width: string;
826
+ color: string;
779
827
  };
780
828
  invertedRemovableBadge: {
781
829
  backgroundColor: string;
782
- color: string;
783
830
  '& span': {
831
+ color: string;
784
832
  fontWeight: string;
785
833
  };
786
834
  '& button': {
@@ -809,6 +857,7 @@ export declare const badges: {
809
857
  alignSelf: string;
810
858
  display: string;
811
859
  width: string;
860
+ color: string;
812
861
  };
813
862
  errorCalloutBadge: {
814
863
  backgroundColor: string;