@papyrus-ui/styles 0.4.1 → 0.4.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.
- package/CHANGELOG.md +12 -0
- package/css/styles.css +6435 -6387
- package/css/styles.css.map +1 -1
- package/css/styles.min.css +1 -1
- package/css/styles.min.css.map +1 -1
- package/dist/cjs/const/atoms.js +40 -47
- package/dist/cjs/const/atoms.js.map +1 -1
- package/dist/cjs/styles/atoms.css.vanilla.js +1 -1
- package/dist/cjs/styles/atoms.css.vanilla.js.map +1 -1
- package/dist/cjs/styles/global.css.vanilla.js +5 -5
- package/dist/cjs/styles/global.css.vanilla.js.map +1 -1
- package/dist/es/const/atoms.js +40 -47
- package/dist/es/const/atoms.js.map +1 -1
- package/dist/es/styles/atoms.css.vanilla.js +1 -1
- package/dist/es/styles/atoms.css.vanilla.js.map +1 -1
- package/dist/es/styles/global.css.vanilla.js +5 -5
- package/dist/es/styles/global.css.vanilla.js.map +1 -1
- package/dist/types/const/atoms.d.ts +5 -54
- package/dist/types/styles/atoms.css.d.ts +217 -137
- package/dist/types/styles/global.css.d.ts +63 -16
- package/package.json +1 -1
|
@@ -298,7 +298,7 @@ declare const responsiveProperties: {
|
|
|
298
298
|
desktopLg: string;
|
|
299
299
|
};
|
|
300
300
|
};
|
|
301
|
-
|
|
301
|
+
20: {
|
|
302
302
|
defaultClass: string;
|
|
303
303
|
conditions: {
|
|
304
304
|
mobile: string;
|
|
@@ -308,7 +308,7 @@ declare const responsiveProperties: {
|
|
|
308
308
|
desktopLg: string;
|
|
309
309
|
};
|
|
310
310
|
};
|
|
311
|
-
|
|
311
|
+
40: {
|
|
312
312
|
defaultClass: string;
|
|
313
313
|
conditions: {
|
|
314
314
|
mobile: string;
|
|
@@ -318,7 +318,7 @@ declare const responsiveProperties: {
|
|
|
318
318
|
desktopLg: string;
|
|
319
319
|
};
|
|
320
320
|
};
|
|
321
|
-
|
|
321
|
+
"3/4": {
|
|
322
322
|
defaultClass: string;
|
|
323
323
|
conditions: {
|
|
324
324
|
mobile: string;
|
|
@@ -328,7 +328,7 @@ declare const responsiveProperties: {
|
|
|
328
328
|
desktopLg: string;
|
|
329
329
|
};
|
|
330
330
|
};
|
|
331
|
-
|
|
331
|
+
"2/3": {
|
|
332
332
|
defaultClass: string;
|
|
333
333
|
conditions: {
|
|
334
334
|
mobile: string;
|
|
@@ -3158,7 +3158,7 @@ declare const responsiveProperties: {
|
|
|
3158
3158
|
desktopLg: string;
|
|
3159
3159
|
};
|
|
3160
3160
|
};
|
|
3161
|
-
|
|
3161
|
+
"flex-start": {
|
|
3162
3162
|
defaultClass: string;
|
|
3163
3163
|
conditions: {
|
|
3164
3164
|
mobile: string;
|
|
@@ -3168,7 +3168,7 @@ declare const responsiveProperties: {
|
|
|
3168
3168
|
desktopLg: string;
|
|
3169
3169
|
};
|
|
3170
3170
|
};
|
|
3171
|
-
|
|
3171
|
+
"flex-end": {
|
|
3172
3172
|
defaultClass: string;
|
|
3173
3173
|
conditions: {
|
|
3174
3174
|
mobile: string;
|
|
@@ -3178,7 +3178,7 @@ declare const responsiveProperties: {
|
|
|
3178
3178
|
desktopLg: string;
|
|
3179
3179
|
};
|
|
3180
3180
|
};
|
|
3181
|
-
|
|
3181
|
+
center: {
|
|
3182
3182
|
defaultClass: string;
|
|
3183
3183
|
conditions: {
|
|
3184
3184
|
mobile: string;
|
|
@@ -3188,7 +3188,7 @@ declare const responsiveProperties: {
|
|
|
3188
3188
|
desktopLg: string;
|
|
3189
3189
|
};
|
|
3190
3190
|
};
|
|
3191
|
-
|
|
3191
|
+
"space-between": {
|
|
3192
3192
|
defaultClass: string;
|
|
3193
3193
|
conditions: {
|
|
3194
3194
|
mobile: string;
|
|
@@ -3198,7 +3198,7 @@ declare const responsiveProperties: {
|
|
|
3198
3198
|
desktopLg: string;
|
|
3199
3199
|
};
|
|
3200
3200
|
};
|
|
3201
|
-
|
|
3201
|
+
"space-around": {
|
|
3202
3202
|
defaultClass: string;
|
|
3203
3203
|
conditions: {
|
|
3204
3204
|
mobile: string;
|
|
@@ -3208,7 +3208,7 @@ declare const responsiveProperties: {
|
|
|
3208
3208
|
desktopLg: string;
|
|
3209
3209
|
};
|
|
3210
3210
|
};
|
|
3211
|
-
|
|
3211
|
+
"space-evenly": {
|
|
3212
3212
|
defaultClass: string;
|
|
3213
3213
|
conditions: {
|
|
3214
3214
|
mobile: string;
|
|
@@ -3218,7 +3218,7 @@ declare const responsiveProperties: {
|
|
|
3218
3218
|
desktopLg: string;
|
|
3219
3219
|
};
|
|
3220
3220
|
};
|
|
3221
|
-
|
|
3221
|
+
stretch: {
|
|
3222
3222
|
defaultClass: string;
|
|
3223
3223
|
conditions: {
|
|
3224
3224
|
mobile: string;
|
|
@@ -3349,7 +3349,7 @@ declare const responsiveProperties: {
|
|
|
3349
3349
|
desktopLg: string;
|
|
3350
3350
|
};
|
|
3351
3351
|
};
|
|
3352
|
-
|
|
3352
|
+
"flex-start": {
|
|
3353
3353
|
defaultClass: string;
|
|
3354
3354
|
conditions: {
|
|
3355
3355
|
mobile: string;
|
|
@@ -3359,7 +3359,7 @@ declare const responsiveProperties: {
|
|
|
3359
3359
|
desktopLg: string;
|
|
3360
3360
|
};
|
|
3361
3361
|
};
|
|
3362
|
-
|
|
3362
|
+
"flex-end": {
|
|
3363
3363
|
defaultClass: string;
|
|
3364
3364
|
conditions: {
|
|
3365
3365
|
mobile: string;
|
|
@@ -3369,7 +3369,7 @@ declare const responsiveProperties: {
|
|
|
3369
3369
|
desktopLg: string;
|
|
3370
3370
|
};
|
|
3371
3371
|
};
|
|
3372
|
-
|
|
3372
|
+
center: {
|
|
3373
3373
|
defaultClass: string;
|
|
3374
3374
|
conditions: {
|
|
3375
3375
|
mobile: string;
|
|
@@ -3379,7 +3379,7 @@ declare const responsiveProperties: {
|
|
|
3379
3379
|
desktopLg: string;
|
|
3380
3380
|
};
|
|
3381
3381
|
};
|
|
3382
|
-
|
|
3382
|
+
"space-between": {
|
|
3383
3383
|
defaultClass: string;
|
|
3384
3384
|
conditions: {
|
|
3385
3385
|
mobile: string;
|
|
@@ -3389,7 +3389,7 @@ declare const responsiveProperties: {
|
|
|
3389
3389
|
desktopLg: string;
|
|
3390
3390
|
};
|
|
3391
3391
|
};
|
|
3392
|
-
|
|
3392
|
+
"space-around": {
|
|
3393
3393
|
defaultClass: string;
|
|
3394
3394
|
conditions: {
|
|
3395
3395
|
mobile: string;
|
|
@@ -3399,7 +3399,7 @@ declare const responsiveProperties: {
|
|
|
3399
3399
|
desktopLg: string;
|
|
3400
3400
|
};
|
|
3401
3401
|
};
|
|
3402
|
-
|
|
3402
|
+
"space-evenly": {
|
|
3403
3403
|
defaultClass: string;
|
|
3404
3404
|
conditions: {
|
|
3405
3405
|
mobile: string;
|
|
@@ -3409,7 +3409,7 @@ declare const responsiveProperties: {
|
|
|
3409
3409
|
desktopLg: string;
|
|
3410
3410
|
};
|
|
3411
3411
|
};
|
|
3412
|
-
|
|
3412
|
+
stretch: {
|
|
3413
3413
|
defaultClass: string;
|
|
3414
3414
|
conditions: {
|
|
3415
3415
|
mobile: string;
|
|
@@ -3419,7 +3419,7 @@ declare const responsiveProperties: {
|
|
|
3419
3419
|
desktopLg: string;
|
|
3420
3420
|
};
|
|
3421
3421
|
};
|
|
3422
|
-
|
|
3422
|
+
baseline: {
|
|
3423
3423
|
defaultClass: string;
|
|
3424
3424
|
conditions: {
|
|
3425
3425
|
mobile: string;
|
|
@@ -3436,7 +3436,7 @@ declare const responsiveProperties: {
|
|
|
3436
3436
|
length: 5;
|
|
3437
3437
|
};
|
|
3438
3438
|
values: {
|
|
3439
|
-
|
|
3439
|
+
"flex-start": {
|
|
3440
3440
|
defaultClass: string;
|
|
3441
3441
|
conditions: {
|
|
3442
3442
|
mobile: string;
|
|
@@ -3446,7 +3446,7 @@ declare const responsiveProperties: {
|
|
|
3446
3446
|
desktopLg: string;
|
|
3447
3447
|
};
|
|
3448
3448
|
};
|
|
3449
|
-
|
|
3449
|
+
"flex-end": {
|
|
3450
3450
|
defaultClass: string;
|
|
3451
3451
|
conditions: {
|
|
3452
3452
|
mobile: string;
|
|
@@ -3456,7 +3456,7 @@ declare const responsiveProperties: {
|
|
|
3456
3456
|
desktopLg: string;
|
|
3457
3457
|
};
|
|
3458
3458
|
};
|
|
3459
|
-
|
|
3459
|
+
center: {
|
|
3460
3460
|
defaultClass: string;
|
|
3461
3461
|
conditions: {
|
|
3462
3462
|
mobile: string;
|
|
@@ -3466,7 +3466,7 @@ declare const responsiveProperties: {
|
|
|
3466
3466
|
desktopLg: string;
|
|
3467
3467
|
};
|
|
3468
3468
|
};
|
|
3469
|
-
|
|
3469
|
+
stretch: {
|
|
3470
3470
|
defaultClass: string;
|
|
3471
3471
|
conditions: {
|
|
3472
3472
|
mobile: string;
|
|
@@ -3503,7 +3503,7 @@ declare const responsiveProperties: {
|
|
|
3503
3503
|
desktopLg: string;
|
|
3504
3504
|
};
|
|
3505
3505
|
};
|
|
3506
|
-
|
|
3506
|
+
"flex-start": {
|
|
3507
3507
|
defaultClass: string;
|
|
3508
3508
|
conditions: {
|
|
3509
3509
|
mobile: string;
|
|
@@ -3513,7 +3513,7 @@ declare const responsiveProperties: {
|
|
|
3513
3513
|
desktopLg: string;
|
|
3514
3514
|
};
|
|
3515
3515
|
};
|
|
3516
|
-
|
|
3516
|
+
"flex-end": {
|
|
3517
3517
|
defaultClass: string;
|
|
3518
3518
|
conditions: {
|
|
3519
3519
|
mobile: string;
|
|
@@ -3523,7 +3523,7 @@ declare const responsiveProperties: {
|
|
|
3523
3523
|
desktopLg: string;
|
|
3524
3524
|
};
|
|
3525
3525
|
};
|
|
3526
|
-
|
|
3526
|
+
center: {
|
|
3527
3527
|
defaultClass: string;
|
|
3528
3528
|
conditions: {
|
|
3529
3529
|
mobile: string;
|
|
@@ -3533,7 +3533,7 @@ declare const responsiveProperties: {
|
|
|
3533
3533
|
desktopLg: string;
|
|
3534
3534
|
};
|
|
3535
3535
|
};
|
|
3536
|
-
|
|
3536
|
+
stretch: {
|
|
3537
3537
|
defaultClass: string;
|
|
3538
3538
|
conditions: {
|
|
3539
3539
|
mobile: string;
|
|
@@ -3580,7 +3580,7 @@ declare const responsiveProperties: {
|
|
|
3580
3580
|
desktopLg: string;
|
|
3581
3581
|
};
|
|
3582
3582
|
};
|
|
3583
|
-
|
|
3583
|
+
"space-between": {
|
|
3584
3584
|
defaultClass: string;
|
|
3585
3585
|
conditions: {
|
|
3586
3586
|
mobile: string;
|
|
@@ -3590,7 +3590,7 @@ declare const responsiveProperties: {
|
|
|
3590
3590
|
desktopLg: string;
|
|
3591
3591
|
};
|
|
3592
3592
|
};
|
|
3593
|
-
|
|
3593
|
+
"space-around": {
|
|
3594
3594
|
defaultClass: string;
|
|
3595
3595
|
conditions: {
|
|
3596
3596
|
mobile: string;
|
|
@@ -3600,7 +3600,7 @@ declare const responsiveProperties: {
|
|
|
3600
3600
|
desktopLg: string;
|
|
3601
3601
|
};
|
|
3602
3602
|
};
|
|
3603
|
-
|
|
3603
|
+
"space-evenly": {
|
|
3604
3604
|
defaultClass: string;
|
|
3605
3605
|
conditions: {
|
|
3606
3606
|
mobile: string;
|
|
@@ -3610,7 +3610,7 @@ declare const responsiveProperties: {
|
|
|
3610
3610
|
desktopLg: string;
|
|
3611
3611
|
};
|
|
3612
3612
|
};
|
|
3613
|
-
|
|
3613
|
+
stretch: {
|
|
3614
3614
|
defaultClass: string;
|
|
3615
3615
|
conditions: {
|
|
3616
3616
|
mobile: string;
|
|
@@ -3620,7 +3620,7 @@ declare const responsiveProperties: {
|
|
|
3620
3620
|
desktopLg: string;
|
|
3621
3621
|
};
|
|
3622
3622
|
};
|
|
3623
|
-
|
|
3623
|
+
start: {
|
|
3624
3624
|
defaultClass: string;
|
|
3625
3625
|
conditions: {
|
|
3626
3626
|
mobile: string;
|
|
@@ -3630,7 +3630,7 @@ declare const responsiveProperties: {
|
|
|
3630
3630
|
desktopLg: string;
|
|
3631
3631
|
};
|
|
3632
3632
|
};
|
|
3633
|
-
|
|
3633
|
+
end: {
|
|
3634
3634
|
defaultClass: string;
|
|
3635
3635
|
conditions: {
|
|
3636
3636
|
mobile: string;
|
|
@@ -3640,7 +3640,7 @@ declare const responsiveProperties: {
|
|
|
3640
3640
|
desktopLg: string;
|
|
3641
3641
|
};
|
|
3642
3642
|
};
|
|
3643
|
-
|
|
3643
|
+
baseline: {
|
|
3644
3644
|
defaultClass: string;
|
|
3645
3645
|
conditions: {
|
|
3646
3646
|
mobile: string;
|
|
@@ -3791,7 +3791,7 @@ declare const responsiveProperties: {
|
|
|
3791
3791
|
desktopLg: string;
|
|
3792
3792
|
};
|
|
3793
3793
|
};
|
|
3794
|
-
|
|
3794
|
+
landscapeStandard: {
|
|
3795
3795
|
defaultClass: string;
|
|
3796
3796
|
conditions: {
|
|
3797
3797
|
mobile: string;
|
|
@@ -3801,7 +3801,7 @@ declare const responsiveProperties: {
|
|
|
3801
3801
|
desktopLg: string;
|
|
3802
3802
|
};
|
|
3803
3803
|
};
|
|
3804
|
-
|
|
3804
|
+
landscapeClassic: {
|
|
3805
3805
|
defaultClass: string;
|
|
3806
3806
|
conditions: {
|
|
3807
3807
|
mobile: string;
|
|
@@ -3811,7 +3811,7 @@ declare const responsiveProperties: {
|
|
|
3811
3811
|
desktopLg: string;
|
|
3812
3812
|
};
|
|
3813
3813
|
};
|
|
3814
|
-
|
|
3814
|
+
landscapeWide: {
|
|
3815
3815
|
defaultClass: string;
|
|
3816
3816
|
conditions: {
|
|
3817
3817
|
mobile: string;
|
|
@@ -3821,7 +3821,7 @@ declare const responsiveProperties: {
|
|
|
3821
3821
|
desktopLg: string;
|
|
3822
3822
|
};
|
|
3823
3823
|
};
|
|
3824
|
-
|
|
3824
|
+
landscapeUltraWide: {
|
|
3825
3825
|
defaultClass: string;
|
|
3826
3826
|
conditions: {
|
|
3827
3827
|
mobile: string;
|
|
@@ -3831,7 +3831,7 @@ declare const responsiveProperties: {
|
|
|
3831
3831
|
desktopLg: string;
|
|
3832
3832
|
};
|
|
3833
3833
|
};
|
|
3834
|
-
|
|
3834
|
+
landscapeSuperWide: {
|
|
3835
3835
|
defaultClass: string;
|
|
3836
3836
|
conditions: {
|
|
3837
3837
|
mobile: string;
|
|
@@ -3841,7 +3841,27 @@ declare const responsiveProperties: {
|
|
|
3841
3841
|
desktopLg: string;
|
|
3842
3842
|
};
|
|
3843
3843
|
};
|
|
3844
|
-
|
|
3844
|
+
portraitStandard: {
|
|
3845
|
+
defaultClass: string;
|
|
3846
|
+
conditions: {
|
|
3847
|
+
mobile: string;
|
|
3848
|
+
mobileLg: string;
|
|
3849
|
+
tablet: string;
|
|
3850
|
+
desktop: string;
|
|
3851
|
+
desktopLg: string;
|
|
3852
|
+
};
|
|
3853
|
+
};
|
|
3854
|
+
portraitClassic: {
|
|
3855
|
+
defaultClass: string;
|
|
3856
|
+
conditions: {
|
|
3857
|
+
mobile: string;
|
|
3858
|
+
mobileLg: string;
|
|
3859
|
+
tablet: string;
|
|
3860
|
+
desktop: string;
|
|
3861
|
+
desktopLg: string;
|
|
3862
|
+
};
|
|
3863
|
+
};
|
|
3864
|
+
portraitTall: {
|
|
3845
3865
|
defaultClass: string;
|
|
3846
3866
|
conditions: {
|
|
3847
3867
|
mobile: string;
|
|
@@ -3998,7 +4018,7 @@ declare const responsiveProperties: {
|
|
|
3998
4018
|
desktopLg: string;
|
|
3999
4019
|
};
|
|
4000
4020
|
};
|
|
4001
|
-
|
|
4021
|
+
20: {
|
|
4002
4022
|
defaultClass: string;
|
|
4003
4023
|
conditions: {
|
|
4004
4024
|
mobile: string;
|
|
@@ -4008,7 +4028,7 @@ declare const responsiveProperties: {
|
|
|
4008
4028
|
desktopLg: string;
|
|
4009
4029
|
};
|
|
4010
4030
|
};
|
|
4011
|
-
|
|
4031
|
+
40: {
|
|
4012
4032
|
defaultClass: string;
|
|
4013
4033
|
conditions: {
|
|
4014
4034
|
mobile: string;
|
|
@@ -4018,7 +4038,7 @@ declare const responsiveProperties: {
|
|
|
4018
4038
|
desktopLg: string;
|
|
4019
4039
|
};
|
|
4020
4040
|
};
|
|
4021
|
-
|
|
4041
|
+
screen: {
|
|
4022
4042
|
defaultClass: string;
|
|
4023
4043
|
conditions: {
|
|
4024
4044
|
mobile: string;
|
|
@@ -4028,7 +4048,7 @@ declare const responsiveProperties: {
|
|
|
4028
4048
|
desktopLg: string;
|
|
4029
4049
|
};
|
|
4030
4050
|
};
|
|
4031
|
-
|
|
4051
|
+
"3/4": {
|
|
4032
4052
|
defaultClass: string;
|
|
4033
4053
|
conditions: {
|
|
4034
4054
|
mobile: string;
|
|
@@ -4038,7 +4058,7 @@ declare const responsiveProperties: {
|
|
|
4038
4058
|
desktopLg: string;
|
|
4039
4059
|
};
|
|
4040
4060
|
};
|
|
4041
|
-
|
|
4061
|
+
"2/3": {
|
|
4042
4062
|
defaultClass: string;
|
|
4043
4063
|
conditions: {
|
|
4044
4064
|
mobile: string;
|
|
@@ -5259,7 +5279,7 @@ declare const responsiveProperties: {
|
|
|
5259
5279
|
desktopLg: string;
|
|
5260
5280
|
};
|
|
5261
5281
|
};
|
|
5262
|
-
|
|
5282
|
+
20: {
|
|
5263
5283
|
defaultClass: string;
|
|
5264
5284
|
conditions: {
|
|
5265
5285
|
mobile: string;
|
|
@@ -5269,7 +5289,7 @@ declare const responsiveProperties: {
|
|
|
5269
5289
|
desktopLg: string;
|
|
5270
5290
|
};
|
|
5271
5291
|
};
|
|
5272
|
-
|
|
5292
|
+
40: {
|
|
5273
5293
|
defaultClass: string;
|
|
5274
5294
|
conditions: {
|
|
5275
5295
|
mobile: string;
|
|
@@ -5279,7 +5299,7 @@ declare const responsiveProperties: {
|
|
|
5279
5299
|
desktopLg: string;
|
|
5280
5300
|
};
|
|
5281
5301
|
};
|
|
5282
|
-
|
|
5302
|
+
screen: {
|
|
5283
5303
|
defaultClass: string;
|
|
5284
5304
|
conditions: {
|
|
5285
5305
|
mobile: string;
|
|
@@ -5289,7 +5309,7 @@ declare const responsiveProperties: {
|
|
|
5289
5309
|
desktopLg: string;
|
|
5290
5310
|
};
|
|
5291
5311
|
};
|
|
5292
|
-
|
|
5312
|
+
"3/4": {
|
|
5293
5313
|
defaultClass: string;
|
|
5294
5314
|
conditions: {
|
|
5295
5315
|
mobile: string;
|
|
@@ -5299,7 +5319,7 @@ declare const responsiveProperties: {
|
|
|
5299
5319
|
desktopLg: string;
|
|
5300
5320
|
};
|
|
5301
5321
|
};
|
|
5302
|
-
|
|
5322
|
+
"2/3": {
|
|
5303
5323
|
defaultClass: string;
|
|
5304
5324
|
conditions: {
|
|
5305
5325
|
mobile: string;
|
|
@@ -14635,6 +14655,24 @@ declare const responsiveProperties: {
|
|
|
14635
14655
|
align: {
|
|
14636
14656
|
mappings: "alignItems"[];
|
|
14637
14657
|
};
|
|
14658
|
+
w: {
|
|
14659
|
+
mappings: "width"[];
|
|
14660
|
+
};
|
|
14661
|
+
minW: {
|
|
14662
|
+
mappings: "minWidth"[];
|
|
14663
|
+
};
|
|
14664
|
+
maxW: {
|
|
14665
|
+
mappings: "maxWidth"[];
|
|
14666
|
+
};
|
|
14667
|
+
h: {
|
|
14668
|
+
mappings: "height"[];
|
|
14669
|
+
};
|
|
14670
|
+
minH: {
|
|
14671
|
+
mappings: "minHeight"[];
|
|
14672
|
+
};
|
|
14673
|
+
maxH: {
|
|
14674
|
+
mappings: "maxHeight"[];
|
|
14675
|
+
};
|
|
14638
14676
|
rounded: {
|
|
14639
14677
|
mappings: ("borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius")[];
|
|
14640
14678
|
};
|
|
@@ -14772,7 +14810,7 @@ export declare type FlexAtoms = Pick<Atoms, 'align' | 'alignContent' | 'justify'
|
|
|
14772
14810
|
export declare type FlexItemAtoms = Pick<Atoms, 'basis' | 'flex' | 'grow' | 'shrink' | 'order' | 'alignSelf'>;
|
|
14773
14811
|
export declare type GridAtoms = Pick<Atoms, 'autoColumns' | 'autoFlow' | 'autoRows' | 'templateColumns' | 'templateRows' | 'justify' | 'justifyItems' | 'align' | 'alignContent' | 'placeContent' | 'placeItems'>;
|
|
14774
14812
|
export declare type GridItemAtoms = Pick<Atoms, 'column' | 'columnStart' | 'columnEnd' | 'row' | 'rowStart' | 'rowEnd' | 'justifySelf' | 'alignSelf' | 'placeSelf'>;
|
|
14775
|
-
export declare type SizingAtoms = Pick<Atoms, 'aspectRatio' | 'inset' | '
|
|
14813
|
+
export declare type SizingAtoms = Pick<Atoms, 'aspectRatio' | 'inset' | 'w' | 'minW' | 'maxW' | 'h' | 'minH' | 'maxH'>;
|
|
14776
14814
|
export declare type RoundedAtoms = Pick<Atoms, 'rounded' | 'roundedTop' | 'roundedBottom' | 'roundedLeft' | 'roundedRight' | 'roundedStart' | 'roundedEnd' | 'roundedTopLeft' | 'roundedTopRight' | 'roundedBottomLeft' | 'roundedBottomRight' | 'roundedTopStart' | 'roundedTopEnd' | 'roundedBottomStart' | 'roundedBottomEnd'>;
|
|
14777
14815
|
export declare type BorderAtoms = Pick<Atoms, 'border' | 'borderTop' | 'borderBottom' | 'borderLeft' | 'borderRight' | 'borderStart' | 'borderEnd' | 'borderX' | 'borderY' | 'borderColor'>;
|
|
14778
14816
|
export declare type TextAtoms = Pick<Atoms, 'color' | 'whiteSpace' | 'textAlign' | 'textTransform' | 'textDecoration'>;
|
|
@@ -14815,13 +14853,13 @@ export declare const atoms: ((props: {
|
|
|
14815
14853
|
desktop?: "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "inline" | "none" | undefined;
|
|
14816
14854
|
desktopLg?: "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "inline" | "none" | undefined;
|
|
14817
14855
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "inline" | "none" | null>;
|
|
14818
|
-
flexBasis?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14819
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14820
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14821
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14822
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14823
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14824
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14856
|
+
flexBasis?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | {
|
|
14857
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
14858
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
14859
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
14860
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
14861
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
14862
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | null>;
|
|
14825
14863
|
flexDirection?: ("row" | "column" | "row-reverse" | "column-reverse" | {
|
|
14826
14864
|
mobile?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
14827
14865
|
mobileLg?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
@@ -14955,13 +14993,13 @@ export declare const atoms: ((props: {
|
|
|
14955
14993
|
desktop?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
14956
14994
|
desktopLg?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
14957
14995
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null>;
|
|
14958
|
-
justifyContent?: ("normal" | "
|
|
14959
|
-
mobile?: "normal" | "
|
|
14960
|
-
mobileLg?: "normal" | "
|
|
14961
|
-
tablet?: "normal" | "
|
|
14962
|
-
desktop?: "normal" | "
|
|
14963
|
-
desktopLg?: "normal" | "
|
|
14964
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "
|
|
14996
|
+
justifyContent?: ("normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | {
|
|
14997
|
+
mobile?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
14998
|
+
mobileLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
14999
|
+
tablet?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15000
|
+
desktop?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15001
|
+
desktopLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15002
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | null>;
|
|
14965
15003
|
justifyItems?: ("center" | "stretch" | "start" | "end" | {
|
|
14966
15004
|
mobile?: "center" | "stretch" | "start" | "end" | undefined;
|
|
14967
15005
|
mobileLg?: "center" | "stretch" | "start" | "end" | undefined;
|
|
@@ -14976,41 +15014,41 @@ export declare const atoms: ((props: {
|
|
|
14976
15014
|
desktop?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
14977
15015
|
desktopLg?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
14978
15016
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "center" | "stretch" | "start" | "end" | null>;
|
|
14979
|
-
alignContent?: ("normal" | "
|
|
14980
|
-
mobile?: "normal" | "
|
|
14981
|
-
mobileLg?: "normal" | "
|
|
14982
|
-
tablet?: "normal" | "
|
|
14983
|
-
desktop?: "normal" | "
|
|
14984
|
-
desktopLg?: "normal" | "
|
|
14985
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "
|
|
14986
|
-
alignItems?: ("
|
|
15017
|
+
alignContent?: ("normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | {
|
|
15018
|
+
mobile?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15019
|
+
mobileLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15020
|
+
tablet?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15021
|
+
desktop?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15022
|
+
desktopLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15023
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | null>;
|
|
15024
|
+
alignItems?: ("flex-start" | "flex-end" | "center" | "stretch" | "baseline" | {
|
|
15025
|
+
mobile?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15026
|
+
mobileLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15027
|
+
tablet?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15028
|
+
desktop?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15029
|
+
desktopLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15030
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | null>;
|
|
15031
|
+
alignSelf?: ("auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | {
|
|
15032
|
+
mobile?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15033
|
+
mobileLg?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15034
|
+
tablet?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15035
|
+
desktop?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15036
|
+
desktopLg?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15037
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | null>;
|
|
15038
|
+
placeContent?: ("normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | {
|
|
15039
|
+
mobile?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15040
|
+
mobileLg?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15041
|
+
tablet?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15042
|
+
desktop?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15043
|
+
desktopLg?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15044
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | null>;
|
|
15045
|
+
placeItems?: ("center" | "stretch" | "start" | "end" | "baseline" | {
|
|
14987
15046
|
mobile?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14988
15047
|
mobileLg?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14989
15048
|
tablet?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14990
15049
|
desktop?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14991
15050
|
desktopLg?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14992
15051
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "center" | "stretch" | "start" | "end" | "baseline" | null>;
|
|
14993
|
-
alignSelf?: ("auto" | "center" | "stretch" | "start" | "end" | "baseline" | {
|
|
14994
|
-
mobile?: "auto" | "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14995
|
-
mobileLg?: "auto" | "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14996
|
-
tablet?: "auto" | "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14997
|
-
desktop?: "auto" | "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14998
|
-
desktopLg?: "auto" | "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14999
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "center" | "stretch" | "start" | "end" | "baseline" | null>;
|
|
15000
|
-
placeContent?: import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "center" | "stretch" | "start" | "end" | "baseline" | "between" | "around" | "evenly" | null> | ("normal" | "center" | "stretch" | "start" | "end" | "baseline" | "between" | "around" | "evenly" | {
|
|
15001
|
-
mobile?: "normal" | "center" | "stretch" | "start" | "end" | "baseline" | "between" | "around" | "evenly" | undefined;
|
|
15002
|
-
mobileLg?: "normal" | "center" | "stretch" | "start" | "end" | "baseline" | "between" | "around" | "evenly" | undefined;
|
|
15003
|
-
tablet?: "normal" | "center" | "stretch" | "start" | "end" | "baseline" | "between" | "around" | "evenly" | undefined;
|
|
15004
|
-
desktop?: "normal" | "center" | "stretch" | "start" | "end" | "baseline" | "between" | "around" | "evenly" | undefined;
|
|
15005
|
-
desktopLg?: "normal" | "center" | "stretch" | "start" | "end" | "baseline" | "between" | "around" | "evenly" | undefined;
|
|
15006
|
-
} | undefined);
|
|
15007
|
-
placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "center" | "stretch" | "start" | "end" | "baseline" | null> | ("center" | "stretch" | "start" | "end" | "baseline" | {
|
|
15008
|
-
mobile?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15009
|
-
mobileLg?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15010
|
-
tablet?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15011
|
-
desktop?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15012
|
-
desktopLg?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15013
|
-
} | undefined);
|
|
15014
15052
|
placeSelf?: import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "center" | "stretch" | "start" | "end" | null> | ("auto" | "center" | "stretch" | "start" | "end" | {
|
|
15015
15053
|
mobile?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
15016
15054
|
mobileLg?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
@@ -15018,20 +15056,20 @@ export declare const atoms: ((props: {
|
|
|
15018
15056
|
desktop?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
15019
15057
|
desktopLg?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
15020
15058
|
} | undefined);
|
|
15021
|
-
aspectRatio?: ("auto" | "square" | "
|
|
15022
|
-
mobile?: "auto" | "square" | "
|
|
15023
|
-
mobileLg?: "auto" | "square" | "
|
|
15024
|
-
tablet?: "auto" | "square" | "
|
|
15025
|
-
desktop?: "auto" | "square" | "
|
|
15026
|
-
desktopLg?: "auto" | "square" | "
|
|
15027
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "square" | "
|
|
15028
|
-
width?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15029
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15030
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15031
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15032
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15033
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15034
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15059
|
+
aspectRatio?: ("auto" | "square" | "landscapeStandard" | "landscapeClassic" | "landscapeWide" | "landscapeUltraWide" | "landscapeSuperWide" | "portraitStandard" | "portraitClassic" | "portraitTall" | {
|
|
15060
|
+
mobile?: "auto" | "square" | "landscapeStandard" | "landscapeClassic" | "landscapeWide" | "landscapeUltraWide" | "landscapeSuperWide" | "portraitStandard" | "portraitClassic" | "portraitTall" | undefined;
|
|
15061
|
+
mobileLg?: "auto" | "square" | "landscapeStandard" | "landscapeClassic" | "landscapeWide" | "landscapeUltraWide" | "landscapeSuperWide" | "portraitStandard" | "portraitClassic" | "portraitTall" | undefined;
|
|
15062
|
+
tablet?: "auto" | "square" | "landscapeStandard" | "landscapeClassic" | "landscapeWide" | "landscapeUltraWide" | "landscapeSuperWide" | "portraitStandard" | "portraitClassic" | "portraitTall" | undefined;
|
|
15063
|
+
desktop?: "auto" | "square" | "landscapeStandard" | "landscapeClassic" | "landscapeWide" | "landscapeUltraWide" | "landscapeSuperWide" | "portraitStandard" | "portraitClassic" | "portraitTall" | undefined;
|
|
15064
|
+
desktopLg?: "auto" | "square" | "landscapeStandard" | "landscapeClassic" | "landscapeWide" | "landscapeUltraWide" | "landscapeSuperWide" | "portraitStandard" | "portraitClassic" | "portraitTall" | undefined;
|
|
15065
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "square" | "landscapeStandard" | "landscapeClassic" | "landscapeWide" | "landscapeUltraWide" | "landscapeSuperWide" | "portraitStandard" | "portraitClassic" | "portraitTall" | null>;
|
|
15066
|
+
width?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | {
|
|
15067
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15068
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15069
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15070
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15071
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15072
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | null>;
|
|
15035
15073
|
maxWidth?: (0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | {
|
|
15036
15074
|
mobile?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15037
15075
|
mobileLg?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
@@ -15046,13 +15084,13 @@ export declare const atoms: ((props: {
|
|
|
15046
15084
|
desktop?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | undefined;
|
|
15047
15085
|
desktopLg?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | undefined;
|
|
15048
15086
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | null>;
|
|
15049
|
-
height?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15050
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15051
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15052
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15053
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15054
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15055
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15087
|
+
height?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | {
|
|
15088
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15089
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15090
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15091
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15092
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15093
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | null>;
|
|
15056
15094
|
maxHeight?: (0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | {
|
|
15057
15095
|
mobile?: 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15058
15096
|
mobileLg?: 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
@@ -15277,13 +15315,13 @@ export declare const atoms: ((props: {
|
|
|
15277
15315
|
desktop?: "auto" | "hidden" | undefined;
|
|
15278
15316
|
desktopLg?: "auto" | "hidden" | undefined;
|
|
15279
15317
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "hidden" | null>;
|
|
15280
|
-
basis?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15281
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15282
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15283
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15284
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15285
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15286
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15318
|
+
basis?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | {
|
|
15319
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
15320
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
15321
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
15322
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
15323
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | undefined;
|
|
15324
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | null>;
|
|
15287
15325
|
direction?: ("row" | "column" | "row-reverse" | "column-reverse" | {
|
|
15288
15326
|
mobile?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
15289
15327
|
mobileLg?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
@@ -15396,20 +15434,62 @@ export declare const atoms: ((props: {
|
|
|
15396
15434
|
desktop?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
15397
15435
|
desktopLg?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
|
|
15398
15436
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null>;
|
|
15399
|
-
justify?: ("normal" | "
|
|
15400
|
-
mobile?: "normal" | "
|
|
15401
|
-
mobileLg?: "normal" | "
|
|
15402
|
-
tablet?: "normal" | "
|
|
15403
|
-
desktop?: "normal" | "
|
|
15404
|
-
desktopLg?: "normal" | "
|
|
15405
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "
|
|
15406
|
-
align?: ("
|
|
15407
|
-
mobile?: "
|
|
15408
|
-
mobileLg?: "
|
|
15409
|
-
tablet?: "
|
|
15410
|
-
desktop?: "
|
|
15411
|
-
desktopLg?: "
|
|
15412
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "
|
|
15437
|
+
justify?: ("normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | {
|
|
15438
|
+
mobile?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15439
|
+
mobileLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15440
|
+
tablet?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15441
|
+
desktop?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15442
|
+
desktopLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15443
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | null>;
|
|
15444
|
+
align?: ("flex-start" | "flex-end" | "center" | "stretch" | "baseline" | {
|
|
15445
|
+
mobile?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15446
|
+
mobileLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15447
|
+
tablet?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15448
|
+
desktop?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15449
|
+
desktopLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15450
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | null>;
|
|
15451
|
+
w?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | {
|
|
15452
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15453
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15454
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15455
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15456
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15457
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | null>;
|
|
15458
|
+
minW?: (0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | {
|
|
15459
|
+
mobile?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | undefined;
|
|
15460
|
+
mobileLg?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | undefined;
|
|
15461
|
+
tablet?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | undefined;
|
|
15462
|
+
desktop?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | undefined;
|
|
15463
|
+
desktopLg?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | undefined;
|
|
15464
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | null>;
|
|
15465
|
+
maxW?: (0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | {
|
|
15466
|
+
mobile?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15467
|
+
mobileLg?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15468
|
+
tablet?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15469
|
+
desktop?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15470
|
+
desktopLg?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15471
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | null>;
|
|
15472
|
+
h?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | {
|
|
15473
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15474
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15475
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15476
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15477
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | undefined;
|
|
15478
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "3/4" | "2/3" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "1/2" | "1/3" | "1/4" | "2/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "min" | "max" | "svw" | "lvw" | "dvw" | "fit" | null>;
|
|
15479
|
+
minH?: (0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | {
|
|
15480
|
+
mobile?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15481
|
+
mobileLg?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15482
|
+
tablet?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15483
|
+
desktop?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15484
|
+
desktopLg?: 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15485
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | null>;
|
|
15486
|
+
maxH?: (0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | {
|
|
15487
|
+
mobile?: 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15488
|
+
mobileLg?: 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15489
|
+
tablet?: 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15490
|
+
desktop?: 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15491
|
+
desktopLg?: 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | undefined;
|
|
15492
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, 0 | 5 | "none" | 8 | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "screen" | "full" | "px" | 0.5 | 1.5 | 2.5 | 3.5 | 14 | 16 | 24 | 28 | 32 | 36 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "min" | "max" | "fit" | "svh" | "lvh" | "dvh" | null>;
|
|
15413
15493
|
rounded?: ("none" | "button" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "tag" | {
|
|
15414
15494
|
mobile?: "none" | "button" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "tag" | undefined;
|
|
15415
15495
|
mobileLg?: "none" | "button" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "tag" | undefined;
|
|
@@ -15729,6 +15809,6 @@ export declare const atoms: ((props: {
|
|
|
15729
15809
|
darkMode?: "currentColor" | "inherit" | "transparent" | "black" | "white" | "disabled" | "primary900" | "primary800" | "primary700" | "primary600" | "primary500" | "primary400" | "primary300" | "primary200" | "primary100" | "primary50" | "secondary900" | "secondary800" | "secondary700" | "secondary600" | "secondary500" | "secondary400" | "secondary300" | "secondary200" | "secondary100" | "secondary50" | "info900" | "info800" | "info700" | "info600" | "info500" | "info400" | "info300" | "info200" | "info100" | "info50" | "success900" | "success800" | "success700" | "success600" | "success500" | "success400" | "success300" | "success200" | "success100" | "success50" | "warning900" | "warning800" | "warning700" | "warning600" | "warning500" | "warning400" | "warning300" | "warning200" | "warning100" | "warning50" | "danger900" | "danger800" | "danger700" | "danger600" | "danger500" | "danger400" | "danger300" | "danger200" | "danger100" | "danger50" | "neutral900" | "neutral800" | "neutral700" | "neutral600" | "neutral500" | "neutral400" | "neutral300" | "neutral200" | "neutral100" | "neutral50" | "light900" | "light800" | "light700" | "light600" | "light500" | "light400" | "light300" | "light200" | "light100" | "light50" | "dark900" | "dark800" | "dark700" | "dark600" | "dark500" | "dark400" | "dark300" | "dark200" | "dark100" | "dark50" | "highlight" | undefined;
|
|
15730
15810
|
} | undefined;
|
|
15731
15811
|
}) => string) & {
|
|
15732
|
-
properties: Set<"flex" | "row" | "column" | "wrap" | "start" | "end" | "left" | "right" | "justify" | "top" | "bottom" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineEndWidth" | "borderInlineStartWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "color" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontSize" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "inset" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "placeContent" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderStyle" | "borderTop" | "gap" | "gridColumn" | "gridRow" | "overflow" | "placeItems" | "placeSelf" | "textDecoration" | "shadow" | "px" | "basis" | "grow" | "shrink" | "columnStart" | "columnEnd" | "rowStart" | "rowEnd" | "autoFlow" | "autoColumns" | "autoRows" | "templateColumns" | "templateRows" | "align" | "rounded" | "roundedTop" | "roundedRight" | "roundedBottom" | "roundedLeft" | "roundedTopRight" | "roundedTopLeft" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "roundedEnd" | "roundedTopStart" | "roundedTopEnd" | "roundedBottomStart" | "roundedBottomEnd" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "m" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "ms" | "me" | "p" | "pb" | "pl" | "pr" | "pt" | "py" | "ps" | "pe" | "bg">;
|
|
15812
|
+
properties: Set<"flex" | "row" | "column" | "wrap" | "start" | "end" | "left" | "right" | "justify" | "top" | "bottom" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderInlineEndWidth" | "borderInlineStartWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "color" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontSize" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "inset" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "placeContent" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRight" | "borderStyle" | "borderTop" | "gap" | "gridColumn" | "gridRow" | "overflow" | "placeItems" | "placeSelf" | "textDecoration" | "shadow" | "px" | "basis" | "grow" | "shrink" | "columnStart" | "columnEnd" | "rowStart" | "rowEnd" | "autoFlow" | "autoColumns" | "autoRows" | "templateColumns" | "templateRows" | "align" | "w" | "minW" | "maxW" | "h" | "minH" | "maxH" | "rounded" | "roundedTop" | "roundedRight" | "roundedBottom" | "roundedLeft" | "roundedTopRight" | "roundedTopLeft" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "roundedEnd" | "roundedTopStart" | "roundedTopEnd" | "roundedBottomStart" | "roundedBottomEnd" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "m" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "ms" | "me" | "p" | "pb" | "pl" | "pr" | "pt" | "py" | "ps" | "pe" | "bg">;
|
|
15733
15813
|
};
|
|
15734
15814
|
export {};
|