@pingux/astro 2.174.0 → 2.174.2-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.
- package/lib/cjs/components/Badge/Badge.js +7 -2
- package/lib/cjs/components/NumberField/NumberField.js +1 -4
- package/lib/cjs/components/NumberField/NumberField.test.js +26 -3
- package/lib/cjs/libs/astro/src/hooks/useGetTheme/useGetTheme.d.ts +2 -0
- package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +1 -0
- package/lib/cjs/libs/astro/src/styles/themes/astro/customProperties/index.d.ts +1 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/customProperties/index.d.ts +1 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/next-gen.d.ts +44 -132
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/badges.d.ts +44 -132
- package/lib/cjs/libs/astro/tsconfig.lib.tsbuildinfo +1 -1
- package/lib/cjs/styles/themeOverrides/stories/NumberField.chromatic.stories.js +4 -1
- package/lib/cjs/styles/themes/astro/customProperties/index.js +3 -1
- package/lib/cjs/styles/themes/next-gen/customProperties/index.js +2 -0
- package/lib/cjs/styles/themes/next-gen/variants/badges.js +3 -8
- package/lib/components/Badge/Badge.js +7 -2
- package/lib/components/NumberField/NumberField.js +1 -4
- package/lib/components/NumberField/NumberField.test.js +26 -3
- package/lib/styles/themeOverrides/stories/NumberField.chromatic.stories.js +4 -1
- package/lib/styles/themes/astro/customProperties/index.js +3 -1
- package/lib/styles/themes/next-gen/customProperties/index.js +2 -0
- package/lib/styles/themes/next-gen/variants/badges.js +3 -8
- package/package.json +1 -1
|
@@ -33,8 +33,7 @@ export declare const badgeDeleteButton: {
|
|
|
33
33
|
export declare const badges: {
|
|
34
34
|
baseBadge: {
|
|
35
35
|
'& span': {
|
|
36
|
-
|
|
37
|
-
fontWeight: any;
|
|
36
|
+
fontWeight: string;
|
|
38
37
|
};
|
|
39
38
|
'& button': {
|
|
40
39
|
alignSelf: string;
|
|
@@ -56,11 +55,8 @@ export declare const badges: {
|
|
|
56
55
|
};
|
|
57
56
|
alignItems: string;
|
|
58
57
|
justifyContent: string;
|
|
59
|
-
|
|
60
|
-
px: number;
|
|
58
|
+
padding: string;
|
|
61
59
|
borderRadius: string;
|
|
62
|
-
maxHeight: string;
|
|
63
|
-
minHeight: string;
|
|
64
60
|
fontSize: string;
|
|
65
61
|
alignSelf: string;
|
|
66
62
|
display: string;
|
|
@@ -69,8 +65,7 @@ export declare const badges: {
|
|
|
69
65
|
};
|
|
70
66
|
default: {
|
|
71
67
|
'& span': {
|
|
72
|
-
|
|
73
|
-
fontWeight: any;
|
|
68
|
+
fontWeight: string;
|
|
74
69
|
};
|
|
75
70
|
'& button': {
|
|
76
71
|
alignSelf: string;
|
|
@@ -92,11 +87,8 @@ export declare const badges: {
|
|
|
92
87
|
};
|
|
93
88
|
alignItems: string;
|
|
94
89
|
justifyContent: string;
|
|
95
|
-
|
|
96
|
-
px: number;
|
|
90
|
+
padding: string;
|
|
97
91
|
borderRadius: string;
|
|
98
|
-
maxHeight: string;
|
|
99
|
-
minHeight: string;
|
|
100
92
|
fontSize: string;
|
|
101
93
|
alignSelf: string;
|
|
102
94
|
display: string;
|
|
@@ -107,8 +99,7 @@ export declare const badges: {
|
|
|
107
99
|
backgroundColor: string;
|
|
108
100
|
color: string;
|
|
109
101
|
'& span': {
|
|
110
|
-
|
|
111
|
-
fontWeight: any;
|
|
102
|
+
fontWeight: string;
|
|
112
103
|
};
|
|
113
104
|
'& button': {
|
|
114
105
|
alignSelf: string;
|
|
@@ -130,11 +121,8 @@ export declare const badges: {
|
|
|
130
121
|
};
|
|
131
122
|
alignItems: string;
|
|
132
123
|
justifyContent: string;
|
|
133
|
-
|
|
134
|
-
px: number;
|
|
124
|
+
padding: string;
|
|
135
125
|
borderRadius: string;
|
|
136
|
-
maxHeight: string;
|
|
137
|
-
minHeight: string;
|
|
138
126
|
fontSize: string;
|
|
139
127
|
alignSelf: string;
|
|
140
128
|
display: string;
|
|
@@ -144,8 +132,7 @@ export declare const badges: {
|
|
|
144
132
|
backgroundColor: string;
|
|
145
133
|
'& span': {
|
|
146
134
|
color: string;
|
|
147
|
-
|
|
148
|
-
fontWeight: any;
|
|
135
|
+
fontWeight: string;
|
|
149
136
|
};
|
|
150
137
|
'& button': {
|
|
151
138
|
alignSelf: string;
|
|
@@ -167,11 +154,8 @@ export declare const badges: {
|
|
|
167
154
|
};
|
|
168
155
|
alignItems: string;
|
|
169
156
|
justifyContent: string;
|
|
170
|
-
|
|
171
|
-
px: number;
|
|
157
|
+
padding: string;
|
|
172
158
|
borderRadius: string;
|
|
173
|
-
maxHeight: string;
|
|
174
|
-
minHeight: string;
|
|
175
159
|
fontSize: string;
|
|
176
160
|
alignSelf: string;
|
|
177
161
|
display: string;
|
|
@@ -182,8 +166,7 @@ export declare const badges: {
|
|
|
182
166
|
backgroundColor: string;
|
|
183
167
|
color: string;
|
|
184
168
|
'& span': {
|
|
185
|
-
|
|
186
|
-
fontWeight: any;
|
|
169
|
+
fontWeight: string;
|
|
187
170
|
};
|
|
188
171
|
'& button': {
|
|
189
172
|
alignSelf: string;
|
|
@@ -205,11 +188,8 @@ export declare const badges: {
|
|
|
205
188
|
};
|
|
206
189
|
alignItems: string;
|
|
207
190
|
justifyContent: string;
|
|
208
|
-
|
|
209
|
-
px: number;
|
|
191
|
+
padding: string;
|
|
210
192
|
borderRadius: string;
|
|
211
|
-
maxHeight: string;
|
|
212
|
-
minHeight: string;
|
|
213
193
|
fontSize: string;
|
|
214
194
|
alignSelf: string;
|
|
215
195
|
display: string;
|
|
@@ -219,8 +199,7 @@ export declare const badges: {
|
|
|
219
199
|
backgroundColor: string;
|
|
220
200
|
color: string;
|
|
221
201
|
'& span': {
|
|
222
|
-
|
|
223
|
-
fontWeight: any;
|
|
202
|
+
fontWeight: string;
|
|
224
203
|
};
|
|
225
204
|
'& button': {
|
|
226
205
|
alignSelf: string;
|
|
@@ -242,11 +221,8 @@ export declare const badges: {
|
|
|
242
221
|
};
|
|
243
222
|
alignItems: string;
|
|
244
223
|
justifyContent: string;
|
|
245
|
-
|
|
246
|
-
px: number;
|
|
224
|
+
padding: string;
|
|
247
225
|
borderRadius: string;
|
|
248
|
-
maxHeight: string;
|
|
249
|
-
minHeight: string;
|
|
250
226
|
fontSize: string;
|
|
251
227
|
alignSelf: string;
|
|
252
228
|
display: string;
|
|
@@ -256,8 +232,7 @@ export declare const badges: {
|
|
|
256
232
|
backgroundColor: string;
|
|
257
233
|
color: string;
|
|
258
234
|
'& span': {
|
|
259
|
-
|
|
260
|
-
fontWeight: any;
|
|
235
|
+
fontWeight: string;
|
|
261
236
|
};
|
|
262
237
|
'& button': {
|
|
263
238
|
alignSelf: string;
|
|
@@ -279,11 +254,8 @@ export declare const badges: {
|
|
|
279
254
|
};
|
|
280
255
|
alignItems: string;
|
|
281
256
|
justifyContent: string;
|
|
282
|
-
|
|
283
|
-
px: number;
|
|
257
|
+
padding: string;
|
|
284
258
|
borderRadius: string;
|
|
285
|
-
maxHeight: string;
|
|
286
|
-
minHeight: string;
|
|
287
259
|
fontSize: string;
|
|
288
260
|
alignSelf: string;
|
|
289
261
|
display: string;
|
|
@@ -293,8 +265,7 @@ export declare const badges: {
|
|
|
293
265
|
backgroundColor: string;
|
|
294
266
|
color: string;
|
|
295
267
|
'& span': {
|
|
296
|
-
|
|
297
|
-
fontWeight: any;
|
|
268
|
+
fontWeight: string;
|
|
298
269
|
};
|
|
299
270
|
'& button': {
|
|
300
271
|
alignSelf: string;
|
|
@@ -316,11 +287,8 @@ export declare const badges: {
|
|
|
316
287
|
};
|
|
317
288
|
alignItems: string;
|
|
318
289
|
justifyContent: string;
|
|
319
|
-
|
|
320
|
-
px: number;
|
|
290
|
+
padding: string;
|
|
321
291
|
borderRadius: string;
|
|
322
|
-
maxHeight: string;
|
|
323
|
-
minHeight: string;
|
|
324
292
|
fontSize: string;
|
|
325
293
|
alignSelf: string;
|
|
326
294
|
display: string;
|
|
@@ -330,8 +298,7 @@ export declare const badges: {
|
|
|
330
298
|
backgroundColor: string;
|
|
331
299
|
color: string;
|
|
332
300
|
'& span': {
|
|
333
|
-
|
|
334
|
-
fontWeight: any;
|
|
301
|
+
fontWeight: string;
|
|
335
302
|
};
|
|
336
303
|
'& button': {
|
|
337
304
|
alignSelf: string;
|
|
@@ -353,11 +320,8 @@ export declare const badges: {
|
|
|
353
320
|
};
|
|
354
321
|
alignItems: string;
|
|
355
322
|
justifyContent: string;
|
|
356
|
-
|
|
357
|
-
px: number;
|
|
323
|
+
padding: string;
|
|
358
324
|
borderRadius: string;
|
|
359
|
-
maxHeight: string;
|
|
360
|
-
minHeight: string;
|
|
361
325
|
fontSize: string;
|
|
362
326
|
alignSelf: string;
|
|
363
327
|
display: string;
|
|
@@ -367,8 +331,7 @@ export declare const badges: {
|
|
|
367
331
|
backgroundColor: string;
|
|
368
332
|
color: string;
|
|
369
333
|
'& span': {
|
|
370
|
-
|
|
371
|
-
fontWeight: any;
|
|
334
|
+
fontWeight: string;
|
|
372
335
|
};
|
|
373
336
|
'& button': {
|
|
374
337
|
alignSelf: string;
|
|
@@ -390,11 +353,8 @@ export declare const badges: {
|
|
|
390
353
|
};
|
|
391
354
|
alignItems: string;
|
|
392
355
|
justifyContent: string;
|
|
393
|
-
|
|
394
|
-
px: number;
|
|
356
|
+
padding: string;
|
|
395
357
|
borderRadius: string;
|
|
396
|
-
maxHeight: string;
|
|
397
|
-
minHeight: string;
|
|
398
358
|
fontSize: string;
|
|
399
359
|
alignSelf: string;
|
|
400
360
|
display: string;
|
|
@@ -404,8 +364,7 @@ export declare const badges: {
|
|
|
404
364
|
backgroundColor: string;
|
|
405
365
|
color: string;
|
|
406
366
|
'& span': {
|
|
407
|
-
|
|
408
|
-
fontWeight: any;
|
|
367
|
+
fontWeight: string;
|
|
409
368
|
};
|
|
410
369
|
'& button': {
|
|
411
370
|
alignSelf: string;
|
|
@@ -427,11 +386,8 @@ export declare const badges: {
|
|
|
427
386
|
};
|
|
428
387
|
alignItems: string;
|
|
429
388
|
justifyContent: string;
|
|
430
|
-
|
|
431
|
-
px: number;
|
|
389
|
+
padding: string;
|
|
432
390
|
borderRadius: string;
|
|
433
|
-
maxHeight: string;
|
|
434
|
-
minHeight: string;
|
|
435
391
|
fontSize: string;
|
|
436
392
|
alignSelf: string;
|
|
437
393
|
display: string;
|
|
@@ -442,8 +398,7 @@ export declare const badges: {
|
|
|
442
398
|
paddingRight: string;
|
|
443
399
|
'& span': {
|
|
444
400
|
color: string;
|
|
445
|
-
|
|
446
|
-
fontWeight: any;
|
|
401
|
+
fontWeight: string;
|
|
447
402
|
};
|
|
448
403
|
'& button': {
|
|
449
404
|
alignSelf: string;
|
|
@@ -465,11 +420,8 @@ export declare const badges: {
|
|
|
465
420
|
};
|
|
466
421
|
alignItems: string;
|
|
467
422
|
justifyContent: string;
|
|
468
|
-
|
|
469
|
-
px: number;
|
|
423
|
+
padding: string;
|
|
470
424
|
borderRadius: string;
|
|
471
|
-
maxHeight: string;
|
|
472
|
-
minHeight: string;
|
|
473
425
|
fontSize: string;
|
|
474
426
|
alignSelf: string;
|
|
475
427
|
display: string;
|
|
@@ -483,8 +435,7 @@ export declare const badges: {
|
|
|
483
435
|
'& span': {
|
|
484
436
|
color: string;
|
|
485
437
|
lineHeight: string;
|
|
486
|
-
|
|
487
|
-
fontWeight: any;
|
|
438
|
+
fontWeight: string;
|
|
488
439
|
};
|
|
489
440
|
'& button': {
|
|
490
441
|
alignSelf: string;
|
|
@@ -506,11 +457,8 @@ export declare const badges: {
|
|
|
506
457
|
};
|
|
507
458
|
alignItems: string;
|
|
508
459
|
justifyContent: string;
|
|
509
|
-
|
|
510
|
-
px: number;
|
|
460
|
+
padding: string;
|
|
511
461
|
borderRadius: string;
|
|
512
|
-
maxHeight: string;
|
|
513
|
-
minHeight: string;
|
|
514
462
|
fontSize: string;
|
|
515
463
|
alignSelf: string;
|
|
516
464
|
display: string;
|
|
@@ -521,8 +469,7 @@ export declare const badges: {
|
|
|
521
469
|
'& span': {
|
|
522
470
|
color: string;
|
|
523
471
|
lineHeight: string;
|
|
524
|
-
|
|
525
|
-
fontWeight: any;
|
|
472
|
+
fontWeight: string;
|
|
526
473
|
};
|
|
527
474
|
border: string;
|
|
528
475
|
borderColor: string;
|
|
@@ -547,11 +494,8 @@ export declare const badges: {
|
|
|
547
494
|
};
|
|
548
495
|
alignItems: string;
|
|
549
496
|
justifyContent: string;
|
|
550
|
-
|
|
551
|
-
px: number;
|
|
497
|
+
padding: string;
|
|
552
498
|
borderRadius: string;
|
|
553
|
-
maxHeight: string;
|
|
554
|
-
minHeight: string;
|
|
555
499
|
fontSize: string;
|
|
556
500
|
alignSelf: string;
|
|
557
501
|
display: string;
|
|
@@ -564,8 +508,7 @@ export declare const badges: {
|
|
|
564
508
|
backgroundColor: string;
|
|
565
509
|
color: string;
|
|
566
510
|
'& span': {
|
|
567
|
-
|
|
568
|
-
fontWeight: any;
|
|
511
|
+
fontWeight: string;
|
|
569
512
|
};
|
|
570
513
|
'& button': {
|
|
571
514
|
alignSelf: string;
|
|
@@ -587,11 +530,8 @@ export declare const badges: {
|
|
|
587
530
|
};
|
|
588
531
|
alignItems: string;
|
|
589
532
|
justifyContent: string;
|
|
590
|
-
|
|
591
|
-
px: number;
|
|
533
|
+
padding: string;
|
|
592
534
|
borderRadius: string;
|
|
593
|
-
maxHeight: string;
|
|
594
|
-
minHeight: string;
|
|
595
535
|
fontSize: string;
|
|
596
536
|
alignSelf: string;
|
|
597
537
|
display: string;
|
|
@@ -603,8 +543,7 @@ export declare const badges: {
|
|
|
603
543
|
backgroundColor: string;
|
|
604
544
|
color: string;
|
|
605
545
|
'& span': {
|
|
606
|
-
|
|
607
|
-
fontWeight: any;
|
|
546
|
+
fontWeight: string;
|
|
608
547
|
};
|
|
609
548
|
'& button': {
|
|
610
549
|
alignSelf: string;
|
|
@@ -626,11 +565,8 @@ export declare const badges: {
|
|
|
626
565
|
};
|
|
627
566
|
alignItems: string;
|
|
628
567
|
justifyContent: string;
|
|
629
|
-
|
|
630
|
-
px: number;
|
|
568
|
+
padding: string;
|
|
631
569
|
borderRadius: string;
|
|
632
|
-
maxHeight: string;
|
|
633
|
-
minHeight: string;
|
|
634
570
|
fontSize: string;
|
|
635
571
|
alignSelf: string;
|
|
636
572
|
display: string;
|
|
@@ -642,8 +578,7 @@ export declare const badges: {
|
|
|
642
578
|
backgroundColor: string;
|
|
643
579
|
color: string;
|
|
644
580
|
'& span': {
|
|
645
|
-
|
|
646
|
-
fontWeight: any;
|
|
581
|
+
fontWeight: string;
|
|
647
582
|
};
|
|
648
583
|
'& button': {
|
|
649
584
|
alignSelf: string;
|
|
@@ -665,11 +600,8 @@ export declare const badges: {
|
|
|
665
600
|
};
|
|
666
601
|
alignItems: string;
|
|
667
602
|
justifyContent: string;
|
|
668
|
-
|
|
669
|
-
px: number;
|
|
603
|
+
padding: string;
|
|
670
604
|
borderRadius: string;
|
|
671
|
-
maxHeight: string;
|
|
672
|
-
minHeight: string;
|
|
673
605
|
fontSize: string;
|
|
674
606
|
alignSelf: string;
|
|
675
607
|
display: string;
|
|
@@ -681,8 +613,7 @@ export declare const badges: {
|
|
|
681
613
|
backgroundColor: string;
|
|
682
614
|
color: string;
|
|
683
615
|
'& span': {
|
|
684
|
-
|
|
685
|
-
fontWeight: any;
|
|
616
|
+
fontWeight: string;
|
|
686
617
|
};
|
|
687
618
|
'& button': {
|
|
688
619
|
alignSelf: string;
|
|
@@ -704,11 +635,8 @@ export declare const badges: {
|
|
|
704
635
|
};
|
|
705
636
|
alignItems: string;
|
|
706
637
|
justifyContent: string;
|
|
707
|
-
|
|
708
|
-
px: number;
|
|
638
|
+
padding: string;
|
|
709
639
|
borderRadius: string;
|
|
710
|
-
maxHeight: string;
|
|
711
|
-
minHeight: string;
|
|
712
640
|
fontSize: string;
|
|
713
641
|
alignSelf: string;
|
|
714
642
|
display: string;
|
|
@@ -720,8 +648,7 @@ export declare const badges: {
|
|
|
720
648
|
backgroundColor: string;
|
|
721
649
|
color: string;
|
|
722
650
|
'& span': {
|
|
723
|
-
|
|
724
|
-
fontWeight: any;
|
|
651
|
+
fontWeight: string;
|
|
725
652
|
};
|
|
726
653
|
'& button': {
|
|
727
654
|
alignSelf: string;
|
|
@@ -743,11 +670,8 @@ export declare const badges: {
|
|
|
743
670
|
};
|
|
744
671
|
alignItems: string;
|
|
745
672
|
justifyContent: string;
|
|
746
|
-
|
|
747
|
-
px: number;
|
|
673
|
+
padding: string;
|
|
748
674
|
borderRadius: string;
|
|
749
|
-
maxHeight: string;
|
|
750
|
-
minHeight: string;
|
|
751
675
|
fontSize: string;
|
|
752
676
|
alignSelf: string;
|
|
753
677
|
display: string;
|
|
@@ -789,8 +713,7 @@ export declare const badges: {
|
|
|
789
713
|
border: string;
|
|
790
714
|
'& span': {
|
|
791
715
|
color: string;
|
|
792
|
-
|
|
793
|
-
fontWeight: any;
|
|
716
|
+
fontWeight: string;
|
|
794
717
|
};
|
|
795
718
|
'& svg': {
|
|
796
719
|
fill: string;
|
|
@@ -812,11 +735,8 @@ export declare const badges: {
|
|
|
812
735
|
};
|
|
813
736
|
alignItems: string;
|
|
814
737
|
justifyContent: string;
|
|
815
|
-
|
|
816
|
-
px: number;
|
|
738
|
+
padding: string;
|
|
817
739
|
borderRadius: string;
|
|
818
|
-
maxHeight: string;
|
|
819
|
-
minHeight: string;
|
|
820
740
|
fontSize: string;
|
|
821
741
|
alignSelf: string;
|
|
822
742
|
display: string;
|
|
@@ -828,8 +748,7 @@ export declare const badges: {
|
|
|
828
748
|
backgroundColor: string;
|
|
829
749
|
color: string;
|
|
830
750
|
'& span': {
|
|
831
|
-
|
|
832
|
-
fontWeight: any;
|
|
751
|
+
fontWeight: string;
|
|
833
752
|
};
|
|
834
753
|
'& button': {
|
|
835
754
|
alignSelf: string;
|
|
@@ -851,11 +770,8 @@ export declare const badges: {
|
|
|
851
770
|
};
|
|
852
771
|
alignItems: string;
|
|
853
772
|
justifyContent: string;
|
|
854
|
-
|
|
855
|
-
px: number;
|
|
773
|
+
padding: string;
|
|
856
774
|
borderRadius: string;
|
|
857
|
-
maxHeight: string;
|
|
858
|
-
minHeight: string;
|
|
859
775
|
fontSize: string;
|
|
860
776
|
alignSelf: string;
|
|
861
777
|
display: string;
|
|
@@ -865,8 +781,7 @@ export declare const badges: {
|
|
|
865
781
|
backgroundColor: string;
|
|
866
782
|
color: string;
|
|
867
783
|
'& span': {
|
|
868
|
-
|
|
869
|
-
fontWeight: any;
|
|
784
|
+
fontWeight: string;
|
|
870
785
|
};
|
|
871
786
|
'& button': {
|
|
872
787
|
alignSelf: string;
|
|
@@ -888,11 +803,8 @@ export declare const badges: {
|
|
|
888
803
|
};
|
|
889
804
|
alignItems: string;
|
|
890
805
|
justifyContent: string;
|
|
891
|
-
|
|
892
|
-
px: number;
|
|
806
|
+
padding: string;
|
|
893
807
|
borderRadius: string;
|
|
894
|
-
maxHeight: string;
|
|
895
|
-
minHeight: string;
|
|
896
808
|
fontSize: string;
|
|
897
809
|
alignSelf: string;
|
|
898
810
|
display: string;
|