@pingux/astro 2.163.1-alpha.4 → 2.163.1-alpha.5

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 (19) hide show
  1. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.d.ts +16 -11
  2. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.js +25 -21
  3. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +7 -0
  4. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +12 -5
  5. package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +1 -0
  6. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +46 -25
  7. package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.d.ts +1 -0
  8. package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.js +2 -1
  9. package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +31 -25
  10. package/lib/cjs/styles/themes/next-gen/variants/badges.js +13 -12
  11. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +14 -0
  12. package/lib/cjs/styles/themes/next-gen/variants/variants.js +16 -2
  13. package/lib/styles/themeOverrides/nextGenDarkMode/variants/badges.js +25 -21
  14. package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +12 -5
  15. package/lib/styles/themes/next-gen/tokens/colorTokens.js +2 -1
  16. package/lib/styles/themes/next-gen/variants/badges.js +13 -12
  17. package/lib/styles/themes/next-gen/variants/variants.js +16 -2
  18. package/lib/tsconfig.lib.tsbuildinfo +1 -1
  19. package/package.json +1 -1
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.d.ts CHANGED
@@ -50,45 +50,50 @@ declare const badges: {
50
50
  backgroundColor: string;
51
51
  color: string;
52
52
  };
53
- readOnlyFieldBadge: {
53
+ countBadge: {
54
54
  backgroundColor: string;
55
55
  '& span': {
56
56
  color: string;
57
57
  };
58
58
  };
59
- selectedItemBadge: {
59
+ countNeutral: {
60
60
  backgroundColor: string;
61
- paddingRight: string;
62
- pl: string;
63
61
  '& span': {
64
- fontSize: string;
65
62
  color: string;
66
- fontWeight: number;
67
63
  };
68
64
  };
69
- countBadge: {
65
+ selectedItemBadge: {
70
66
  backgroundColor: string;
71
67
  '& span': {
72
68
  color: string;
73
69
  };
74
70
  };
75
- countNeutral: {
71
+ readOnlyBadge: {
72
+ color: string;
76
73
  backgroundColor: string;
74
+ borderColor: string;
77
75
  '& span': {
78
76
  color: string;
79
77
  };
80
78
  };
81
- itemBadgeWithSlot: {
82
- bg: string;
83
- fontWeight: number;
79
+ readOnlyFieldBadge: {
80
+ color: string;
81
+ backgroundColor: string;
82
+ borderColor: string;
84
83
  '& span': {
85
84
  color: string;
86
85
  };
86
+ };
87
+ itemBadgeWithSlot: {
87
88
  '& svg': {
88
89
  path: {
89
90
  fill: string;
90
91
  };
91
92
  };
93
+ backgroundColor: string;
94
+ '& span': {
95
+ color: string;
96
+ };
92
97
  };
93
98
  errorCalloutBadge: {
94
99
  backgroundColor: string;
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.js CHANGED
@@ -64,18 +64,35 @@ var countNeutral = {
64
64
  color: 'white'
65
65
  }
66
66
  };
67
- var itemBadgeWithSlot = {
68
- bg: '#455469 !important',
69
- fontWeight: 2,
67
+ var readOnlyBadge = {
68
+ color: 'gray-100',
69
+ backgroundColor: '#23282E !important',
70
+ borderColor: 'border.attachment',
70
71
  '& span': {
71
72
  color: 'gray-100'
72
- },
73
+ }
74
+ };
75
+ var readOnlyFieldBadge = {
76
+ color: 'gray-100',
77
+ backgroundColor: '#23282E !important',
78
+ borderColor: 'border.attachment',
79
+ '& span': {
80
+ color: 'gray-100'
81
+ }
82
+ };
83
+ var selectedItemBadge = {
84
+ backgroundColor: '#155CBA !important',
85
+ '& span': {
86
+ color: 'gray-100'
87
+ }
88
+ };
89
+ var itemBadgeWithSlot = _objectSpread(_objectSpread({}, selectedItemBadge), {}, {
73
90
  '& svg': {
74
91
  path: {
75
92
  fill: 'gray-100'
76
93
  }
77
94
  }
78
- };
95
+ });
79
96
  var badges = {
80
97
  baseBadge: baseBadge,
81
98
  primary: primary,
@@ -90,24 +107,11 @@ var badges = {
90
107
  criticalStatusBadge: criticalStatusBadge,
91
108
  healthyStatusBadge: healthyStatusBadge,
92
109
  secondaryStatusBadge: secondaryStatusBadge,
93
- readOnlyFieldBadge: {
94
- backgroundColor: '#F6F8FA !important',
95
- '& span': {
96
- color: 'black'
97
- }
98
- },
99
- selectedItemBadge: {
100
- backgroundColor: '#1a73e8 !important',
101
- paddingRight: '0px !important',
102
- pl: '10px',
103
- '& span': {
104
- fontSize: '14px',
105
- color: 'gray-400',
106
- fontWeight: 400
107
- }
108
- },
109
110
  countBadge: countBadge,
110
111
  countNeutral: countNeutral,
112
+ selectedItemBadge: selectedItemBadge,
113
+ readOnlyBadge: readOnlyBadge,
114
+ readOnlyFieldBadge: readOnlyFieldBadge,
111
115
  itemBadgeWithSlot: itemBadgeWithSlot,
112
116
  errorCalloutBadge: {
113
117
  backgroundColor: '#23282e !important',
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts CHANGED
@@ -423,6 +423,7 @@ declare const _default: {
423
423
  borderRadius: string;
424
424
  };
425
425
  option: {
426
+ color: string;
426
427
  '&.is-focused': {
427
428
  color: string;
428
429
  bg: string;
@@ -434,6 +435,12 @@ declare const _default: {
434
435
  color: string;
435
436
  };
436
437
  };
438
+ '&.is-condensed': {
439
+ color: string;
440
+ '&.is-focused': {
441
+ color: string;
442
+ };
443
+ };
437
444
  '&.is-focus-visible': {
438
445
  zIndex: number;
439
446
  };
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js CHANGED
@@ -26,15 +26,22 @@ var listBox = {
26
26
  borderRadius: '4px'
27
27
  },
28
28
  option: {
29
+ color: 'gray-400',
29
30
  '&.is-focused': {
30
- color: 'text.primary',
31
- bg: 'gray-800'
31
+ color: 'gray-200',
32
+ bg: '#2C323A'
32
33
  },
33
34
  '&.is-selected': {
34
- color: 'text.primary',
35
- bg: 'gray-800',
35
+ color: 'gray-200',
36
+ bg: '#2C323A',
36
37
  '&.is-focused': {
37
- color: 'text.primary'
38
+ color: 'gray-200'
39
+ }
40
+ },
41
+ '&.is-condensed': {
42
+ color: 'gray-400',
43
+ '&.is-focused': {
44
+ color: 'gray-200'
38
45
  }
39
46
  },
40
47
  '&.is-focus-visible': {
package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts CHANGED
@@ -274,6 +274,7 @@ declare const colors: {
274
274
  link: string;
275
275
  label: string;
276
276
  reverse: string;
277
+ hover: string;
277
278
  };
278
279
  active_hover: string;
279
280
  active_pressed: string;
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -257,6 +257,7 @@ declare const _default: {
257
257
  link: string;
258
258
  label: string;
259
259
  reverse: string;
260
+ hover: string;
260
261
  };
261
262
  active_hover: string;
262
263
  active_pressed: string;
@@ -2246,7 +2247,7 @@ declare const _default: {
2246
2247
  baseBadge: {
2247
2248
  '& span': {
2248
2249
  fontSize: string;
2249
- fontWeight: number;
2250
+ fontWeight: string;
2250
2251
  };
2251
2252
  '& button': {
2252
2253
  alignSelf: string;
@@ -2282,7 +2283,7 @@ declare const _default: {
2282
2283
  default: {
2283
2284
  '& span': {
2284
2285
  fontSize: string;
2285
- fontWeight: number;
2286
+ fontWeight: string;
2286
2287
  };
2287
2288
  '& button': {
2288
2289
  alignSelf: string;
@@ -2320,7 +2321,7 @@ declare const _default: {
2320
2321
  color: string;
2321
2322
  '& span': {
2322
2323
  fontSize: string;
2323
- fontWeight: number;
2324
+ fontWeight: string;
2324
2325
  };
2325
2326
  '& button': {
2326
2327
  alignSelf: string;
@@ -2357,7 +2358,7 @@ declare const _default: {
2357
2358
  '& span': {
2358
2359
  color: string;
2359
2360
  fontSize: string;
2360
- fontWeight: number;
2361
+ fontWeight: string;
2361
2362
  };
2362
2363
  '& button': {
2363
2364
  alignSelf: string;
@@ -2395,7 +2396,7 @@ declare const _default: {
2395
2396
  color: string;
2396
2397
  '& span': {
2397
2398
  fontSize: string;
2398
- fontWeight: number;
2399
+ fontWeight: string;
2399
2400
  };
2400
2401
  '& button': {
2401
2402
  alignSelf: string;
@@ -2432,7 +2433,7 @@ declare const _default: {
2432
2433
  color: string;
2433
2434
  '& span': {
2434
2435
  fontSize: string;
2435
- fontWeight: number;
2436
+ fontWeight: string;
2436
2437
  };
2437
2438
  '& button': {
2438
2439
  alignSelf: string;
@@ -2469,7 +2470,7 @@ declare const _default: {
2469
2470
  color: string;
2470
2471
  '& span': {
2471
2472
  fontSize: string;
2472
- fontWeight: number;
2473
+ fontWeight: string;
2473
2474
  };
2474
2475
  '& button': {
2475
2476
  alignSelf: string;
@@ -2506,7 +2507,7 @@ declare const _default: {
2506
2507
  color: string;
2507
2508
  '& span': {
2508
2509
  fontSize: string;
2509
- fontWeight: number;
2510
+ fontWeight: string;
2510
2511
  };
2511
2512
  '& button': {
2512
2513
  alignSelf: string;
@@ -2543,7 +2544,7 @@ declare const _default: {
2543
2544
  color: string;
2544
2545
  '& span': {
2545
2546
  fontSize: string;
2546
- fontWeight: number;
2547
+ fontWeight: string;
2547
2548
  };
2548
2549
  '& button': {
2549
2550
  alignSelf: string;
@@ -2580,7 +2581,7 @@ declare const _default: {
2580
2581
  color: string;
2581
2582
  '& span': {
2582
2583
  fontSize: string;
2583
- fontWeight: number;
2584
+ fontWeight: string;
2584
2585
  };
2585
2586
  '& button': {
2586
2587
  alignSelf: string;
@@ -2617,7 +2618,7 @@ declare const _default: {
2617
2618
  color: string;
2618
2619
  '& span': {
2619
2620
  fontSize: string;
2620
- fontWeight: number;
2621
+ fontWeight: string;
2621
2622
  };
2622
2623
  '& button': {
2623
2624
  alignSelf: string;
@@ -2654,8 +2655,8 @@ declare const _default: {
2654
2655
  paddingRight: string;
2655
2656
  '& span': {
2656
2657
  color: string;
2657
- fontWeight: number;
2658
2658
  fontSize: string;
2659
+ fontWeight: string;
2659
2660
  };
2660
2661
  '& button': {
2661
2662
  alignSelf: string;
@@ -2690,10 +2691,13 @@ declare const _default: {
2690
2691
  };
2691
2692
  readOnlyBadge: {
2692
2693
  border: string;
2694
+ borderColor: string;
2695
+ backgroundColor: string;
2693
2696
  '& span': {
2694
2697
  color: string;
2695
- fontWeight: number;
2698
+ lineHeight: string;
2696
2699
  fontSize: string;
2700
+ fontWeight: string;
2697
2701
  };
2698
2702
  '& button': {
2699
2703
  alignSelf: string;
@@ -2729,10 +2733,13 @@ declare const _default: {
2729
2733
  readOnlyFieldBadge: {
2730
2734
  '& span': {
2731
2735
  color: string;
2736
+ lineHeight: string;
2732
2737
  fontSize: string;
2733
- fontWeight: number;
2738
+ fontWeight: string;
2734
2739
  };
2735
2740
  border: string;
2741
+ borderColor: string;
2742
+ backgroundColor: string;
2736
2743
  '& button': {
2737
2744
  alignSelf: string;
2738
2745
  p: string;
@@ -2771,7 +2778,7 @@ declare const _default: {
2771
2778
  color: string;
2772
2779
  '& span': {
2773
2780
  fontSize: string;
2774
- fontWeight: number;
2781
+ fontWeight: string;
2775
2782
  };
2776
2783
  '& button': {
2777
2784
  alignSelf: string;
@@ -2810,7 +2817,7 @@ declare const _default: {
2810
2817
  color: string;
2811
2818
  '& span': {
2812
2819
  fontSize: string;
2813
- fontWeight: number;
2820
+ fontWeight: string;
2814
2821
  };
2815
2822
  '& button': {
2816
2823
  alignSelf: string;
@@ -2849,7 +2856,7 @@ declare const _default: {
2849
2856
  color: string;
2850
2857
  '& span': {
2851
2858
  fontSize: string;
2852
- fontWeight: number;
2859
+ fontWeight: string;
2853
2860
  };
2854
2861
  '& button': {
2855
2862
  alignSelf: string;
@@ -2888,7 +2895,7 @@ declare const _default: {
2888
2895
  color: string;
2889
2896
  '& span': {
2890
2897
  fontSize: string;
2891
- fontWeight: number;
2898
+ fontWeight: string;
2892
2899
  };
2893
2900
  '& button': {
2894
2901
  alignSelf: string;
@@ -2927,7 +2934,7 @@ declare const _default: {
2927
2934
  color: string;
2928
2935
  '& span': {
2929
2936
  fontSize: string;
2930
- fontWeight: number;
2937
+ fontWeight: string;
2931
2938
  };
2932
2939
  '& button': {
2933
2940
  alignSelf: string;
@@ -2991,17 +2998,17 @@ declare const _default: {
2991
2998
  boxShadow: string;
2992
2999
  };
2993
3000
  itemBadgeWithSlot: {
2994
- bg: string;
2995
- fontWeight: number;
3001
+ border: string;
2996
3002
  '& span': {
2997
3003
  color: string;
2998
3004
  fontSize: string;
2999
- fontWeight: number;
3005
+ fontWeight: string;
3000
3006
  };
3001
3007
  '& svg': {
3002
3008
  fill: string;
3003
3009
  };
3004
- border: string;
3010
+ backgroundColor: string;
3011
+ paddingRight: string;
3005
3012
  '& button': {
3006
3013
  alignSelf: string;
3007
3014
  p: string;
@@ -3034,7 +3041,7 @@ declare const _default: {
3034
3041
  color: string;
3035
3042
  '& span': {
3036
3043
  fontSize: string;
3037
- fontWeight: number;
3044
+ fontWeight: string;
3038
3045
  };
3039
3046
  '& button': {
3040
3047
  alignSelf: string;
@@ -3071,7 +3078,7 @@ declare const _default: {
3071
3078
  color: string;
3072
3079
  '& span': {
3073
3080
  fontSize: string;
3074
- fontWeight: number;
3081
+ fontWeight: string;
3075
3082
  };
3076
3083
  '& button': {
3077
3084
  alignSelf: string;
@@ -4435,6 +4442,9 @@ declare const _default: {
4435
4442
  pl: string;
4436
4443
  pr: string;
4437
4444
  justifyContent: string;
4445
+ borderRadius: string;
4446
+ lineHeight: string;
4447
+ color: string;
4438
4448
  '&.is-focused': {
4439
4449
  color: string;
4440
4450
  bg: string;
@@ -4464,14 +4474,25 @@ declare const _default: {
4464
4474
  '&.is-condensed': {
4465
4475
  pl: string;
4466
4476
  bg: string;
4477
+ color: string;
4467
4478
  '&.is-selected': {
4468
4479
  bg: string;
4469
4480
  };
4470
4481
  '&.is-focused': {
4471
4482
  bg: string;
4483
+ color: string;
4472
4484
  };
4473
4485
  };
4474
4486
  };
4487
+ sectionTitle: {
4488
+ color: string;
4489
+ fontWeight: string;
4490
+ fontSize: string;
4491
+ lineHeight: string;
4492
+ textTransform: string;
4493
+ letterSpacing: string;
4494
+ ml: string;
4495
+ };
4475
4496
  };
4476
4497
  listView: {
4477
4498
  container: {
package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.d.ts CHANGED
@@ -124,6 +124,7 @@ export declare const nextGenColors: {
124
124
  link: string;
125
125
  label: string;
126
126
  reverse: string;
127
+ hover: string;
127
128
  };
128
129
  active: string;
129
130
  active_hover: string;
package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.js CHANGED
@@ -130,7 +130,8 @@ var nextGenColors = exports.nextGenColors = {
130
130
  'light': '#5e6d82',
131
131
  'link': '#1a73e8',
132
132
  'label': '#5e6d82',
133
- 'reverse': '#ffffff'
133
+ 'reverse': '#ffffff',
134
+ 'hover': '#121518'
134
135
  },
135
136
  'active': '#1a73e8',
136
137
  'active_hover': '#1462C8',
package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts CHANGED
@@ -33,7 +33,7 @@ export declare const badges: {
33
33
  baseBadge: {
34
34
  '& span': {
35
35
  fontSize: string;
36
- fontWeight: number;
36
+ fontWeight: string;
37
37
  };
38
38
  '& button': {
39
39
  alignSelf: string;
@@ -69,7 +69,7 @@ export declare const badges: {
69
69
  default: {
70
70
  '& span': {
71
71
  fontSize: string;
72
- fontWeight: number;
72
+ fontWeight: string;
73
73
  };
74
74
  '& button': {
75
75
  alignSelf: string;
@@ -107,7 +107,7 @@ export declare const badges: {
107
107
  color: string;
108
108
  '& span': {
109
109
  fontSize: string;
110
- fontWeight: number;
110
+ fontWeight: string;
111
111
  };
112
112
  '& button': {
113
113
  alignSelf: string;
@@ -144,7 +144,7 @@ export declare const badges: {
144
144
  '& span': {
145
145
  color: string;
146
146
  fontSize: string;
147
- fontWeight: number;
147
+ fontWeight: string;
148
148
  };
149
149
  '& button': {
150
150
  alignSelf: string;
@@ -182,7 +182,7 @@ export declare const badges: {
182
182
  color: string;
183
183
  '& span': {
184
184
  fontSize: string;
185
- fontWeight: number;
185
+ fontWeight: string;
186
186
  };
187
187
  '& button': {
188
188
  alignSelf: string;
@@ -219,7 +219,7 @@ export declare const badges: {
219
219
  color: string;
220
220
  '& span': {
221
221
  fontSize: string;
222
- fontWeight: number;
222
+ fontWeight: string;
223
223
  };
224
224
  '& button': {
225
225
  alignSelf: string;
@@ -256,7 +256,7 @@ export declare const badges: {
256
256
  color: string;
257
257
  '& span': {
258
258
  fontSize: string;
259
- fontWeight: number;
259
+ fontWeight: string;
260
260
  };
261
261
  '& button': {
262
262
  alignSelf: string;
@@ -293,7 +293,7 @@ export declare const badges: {
293
293
  color: string;
294
294
  '& span': {
295
295
  fontSize: string;
296
- fontWeight: number;
296
+ fontWeight: string;
297
297
  };
298
298
  '& button': {
299
299
  alignSelf: string;
@@ -330,7 +330,7 @@ export declare const badges: {
330
330
  color: string;
331
331
  '& span': {
332
332
  fontSize: string;
333
- fontWeight: number;
333
+ fontWeight: string;
334
334
  };
335
335
  '& button': {
336
336
  alignSelf: string;
@@ -367,7 +367,7 @@ export declare const badges: {
367
367
  color: string;
368
368
  '& span': {
369
369
  fontSize: string;
370
- fontWeight: number;
370
+ fontWeight: string;
371
371
  };
372
372
  '& button': {
373
373
  alignSelf: string;
@@ -404,7 +404,7 @@ export declare const badges: {
404
404
  color: string;
405
405
  '& span': {
406
406
  fontSize: string;
407
- fontWeight: number;
407
+ fontWeight: string;
408
408
  };
409
409
  '& button': {
410
410
  alignSelf: string;
@@ -441,8 +441,8 @@ export declare const badges: {
441
441
  paddingRight: string;
442
442
  '& span': {
443
443
  color: string;
444
- fontWeight: number;
445
444
  fontSize: string;
445
+ fontWeight: string;
446
446
  };
447
447
  '& button': {
448
448
  alignSelf: string;
@@ -477,10 +477,13 @@ export declare const badges: {
477
477
  };
478
478
  readOnlyBadge: {
479
479
  border: string;
480
+ borderColor: string;
481
+ backgroundColor: string;
480
482
  '& span': {
481
483
  color: string;
482
- fontWeight: number;
484
+ lineHeight: string;
483
485
  fontSize: string;
486
+ fontWeight: string;
484
487
  };
485
488
  '& button': {
486
489
  alignSelf: string;
@@ -516,10 +519,13 @@ export declare const badges: {
516
519
  readOnlyFieldBadge: {
517
520
  '& span': {
518
521
  color: string;
522
+ lineHeight: string;
519
523
  fontSize: string;
520
- fontWeight: number;
524
+ fontWeight: string;
521
525
  };
522
526
  border: string;
527
+ borderColor: string;
528
+ backgroundColor: string;
523
529
  '& button': {
524
530
  alignSelf: string;
525
531
  p: string;
@@ -558,7 +564,7 @@ export declare const badges: {
558
564
  color: string;
559
565
  '& span': {
560
566
  fontSize: string;
561
- fontWeight: number;
567
+ fontWeight: string;
562
568
  };
563
569
  '& button': {
564
570
  alignSelf: string;
@@ -597,7 +603,7 @@ export declare const badges: {
597
603
  color: string;
598
604
  '& span': {
599
605
  fontSize: string;
600
- fontWeight: number;
606
+ fontWeight: string;
601
607
  };
602
608
  '& button': {
603
609
  alignSelf: string;
@@ -636,7 +642,7 @@ export declare const badges: {
636
642
  color: string;
637
643
  '& span': {
638
644
  fontSize: string;
639
- fontWeight: number;
645
+ fontWeight: string;
640
646
  };
641
647
  '& button': {
642
648
  alignSelf: string;
@@ -675,7 +681,7 @@ export declare const badges: {
675
681
  color: string;
676
682
  '& span': {
677
683
  fontSize: string;
678
- fontWeight: number;
684
+ fontWeight: string;
679
685
  };
680
686
  '& button': {
681
687
  alignSelf: string;
@@ -714,7 +720,7 @@ export declare const badges: {
714
720
  color: string;
715
721
  '& span': {
716
722
  fontSize: string;
717
- fontWeight: number;
723
+ fontWeight: string;
718
724
  };
719
725
  '& button': {
720
726
  alignSelf: string;
@@ -778,17 +784,17 @@ export declare const badges: {
778
784
  boxShadow: string;
779
785
  };
780
786
  itemBadgeWithSlot: {
781
- bg: string;
782
- fontWeight: number;
787
+ border: string;
783
788
  '& span': {
784
789
  color: string;
785
790
  fontSize: string;
786
- fontWeight: number;
791
+ fontWeight: string;
787
792
  };
788
793
  '& svg': {
789
794
  fill: string;
790
795
  };
791
- border: string;
796
+ backgroundColor: string;
797
+ paddingRight: string;
792
798
  '& button': {
793
799
  alignSelf: string;
794
800
  p: string;
@@ -821,7 +827,7 @@ export declare const badges: {
821
827
  color: string;
822
828
  '& span': {
823
829
  fontSize: string;
824
- fontWeight: number;
830
+ fontWeight: string;
825
831
  };
826
832
  '& button': {
827
833
  alignSelf: string;
@@ -858,7 +864,7 @@ export declare const badges: {
858
864
  color: string;
859
865
  '& span': {
860
866
  fontSize: string;
861
- fontWeight: number;
867
+ fontWeight: string;
862
868
  };
863
869
  '& button': {
864
870
  alignSelf: string;