@papyrus-ui/styles 0.4.1 → 0.4.2
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 +6 -0
- package/dist/cjs/const/atoms.js +40 -40
- 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/es/const/atoms.js +40 -40
- 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/types/const/atoms.d.ts +5 -47
- package/dist/types/styles/atoms.css.d.ts +142 -82
- package/package.json +1 -1
|
@@ -297,55 +297,13 @@ export declare const GAP: {
|
|
|
297
297
|
80: string;
|
|
298
298
|
96: string;
|
|
299
299
|
};
|
|
300
|
-
export declare const JUSTIFY_CONTENT:
|
|
301
|
-
normal: string;
|
|
302
|
-
start: string;
|
|
303
|
-
end: string;
|
|
304
|
-
center: string;
|
|
305
|
-
between: string;
|
|
306
|
-
around: string;
|
|
307
|
-
evenly: string;
|
|
308
|
-
stretch: string;
|
|
309
|
-
};
|
|
300
|
+
export declare const JUSTIFY_CONTENT: readonly ["normal", "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "stretch"];
|
|
310
301
|
export declare const JUSTIFY_ITEMS: readonly ["start", "end", "center", "stretch"];
|
|
311
302
|
export declare const JUSTIFY_SELF: readonly ["start", "end", "center", "stretch", "auto"];
|
|
312
|
-
export declare const ALIGN_CONTENT:
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
end: string;
|
|
317
|
-
between: string;
|
|
318
|
-
around: string;
|
|
319
|
-
evenly: string;
|
|
320
|
-
baseline: string;
|
|
321
|
-
stretch: string;
|
|
322
|
-
};
|
|
323
|
-
export declare const ALIGN_ITEMS: {
|
|
324
|
-
start: string;
|
|
325
|
-
end: string;
|
|
326
|
-
center: string;
|
|
327
|
-
baseline: string;
|
|
328
|
-
stretch: string;
|
|
329
|
-
};
|
|
330
|
-
export declare const ALIGN_SELF: {
|
|
331
|
-
auto: string;
|
|
332
|
-
start: string;
|
|
333
|
-
end: string;
|
|
334
|
-
center: string;
|
|
335
|
-
baseline: string;
|
|
336
|
-
stretch: string;
|
|
337
|
-
};
|
|
338
|
-
export declare const PLACE_CONTENT: {
|
|
339
|
-
normal: string;
|
|
340
|
-
center: string;
|
|
341
|
-
start: string;
|
|
342
|
-
end: string;
|
|
343
|
-
between: string;
|
|
344
|
-
around: string;
|
|
345
|
-
evenly: string;
|
|
346
|
-
baseline: string;
|
|
347
|
-
stretch: string;
|
|
348
|
-
};
|
|
303
|
+
export declare const ALIGN_CONTENT: readonly ["normal", "center", "flex-start", "flex-end", "space-between", "space-around", "space-evenly", "baseline", "stretch"];
|
|
304
|
+
export declare const ALIGN_ITEMS: readonly ["flex-start", "flex-end", "center", "baseline", "stretch"];
|
|
305
|
+
export declare const ALIGN_SELF: readonly ["flex-start", "flex-end", "center", "baseline", "stretch", "auto"];
|
|
306
|
+
export declare const PLACE_CONTENT: readonly ["normal", "center", "start", "end", "space-between", "space-around", "space-evenly", "baseline", "stretch"];
|
|
349
307
|
export declare const PLACE_ITEMS: readonly ["start", "end", "center", "baseline", "stretch"];
|
|
350
308
|
export declare const PLACE_SELF: readonly ["auto", "start", "end", "center", "stretch"];
|
|
351
309
|
export declare const ASPECT_RATIO: {
|
|
@@ -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;
|
|
@@ -14635,6 +14635,24 @@ declare const responsiveProperties: {
|
|
|
14635
14635
|
align: {
|
|
14636
14636
|
mappings: "alignItems"[];
|
|
14637
14637
|
};
|
|
14638
|
+
w: {
|
|
14639
|
+
mappings: "width"[];
|
|
14640
|
+
};
|
|
14641
|
+
minW: {
|
|
14642
|
+
mappings: "minWidth"[];
|
|
14643
|
+
};
|
|
14644
|
+
maxW: {
|
|
14645
|
+
mappings: "maxWidth"[];
|
|
14646
|
+
};
|
|
14647
|
+
h: {
|
|
14648
|
+
mappings: "height"[];
|
|
14649
|
+
};
|
|
14650
|
+
minH: {
|
|
14651
|
+
mappings: "minHeight"[];
|
|
14652
|
+
};
|
|
14653
|
+
maxH: {
|
|
14654
|
+
mappings: "maxHeight"[];
|
|
14655
|
+
};
|
|
14638
14656
|
rounded: {
|
|
14639
14657
|
mappings: ("borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius")[];
|
|
14640
14658
|
};
|
|
@@ -14772,7 +14790,7 @@ export declare type FlexAtoms = Pick<Atoms, 'align' | 'alignContent' | 'justify'
|
|
|
14772
14790
|
export declare type FlexItemAtoms = Pick<Atoms, 'basis' | 'flex' | 'grow' | 'shrink' | 'order' | 'alignSelf'>;
|
|
14773
14791
|
export declare type GridAtoms = Pick<Atoms, 'autoColumns' | 'autoFlow' | 'autoRows' | 'templateColumns' | 'templateRows' | 'justify' | 'justifyItems' | 'align' | 'alignContent' | 'placeContent' | 'placeItems'>;
|
|
14774
14792
|
export declare type GridItemAtoms = Pick<Atoms, 'column' | 'columnStart' | 'columnEnd' | 'row' | 'rowStart' | 'rowEnd' | 'justifySelf' | 'alignSelf' | 'placeSelf'>;
|
|
14775
|
-
export declare type SizingAtoms = Pick<Atoms, 'aspectRatio' | 'inset' | '
|
|
14793
|
+
export declare type SizingAtoms = Pick<Atoms, 'aspectRatio' | 'inset' | 'w' | 'minW' | 'maxW' | 'h' | 'minH' | 'maxH'>;
|
|
14776
14794
|
export declare type RoundedAtoms = Pick<Atoms, 'rounded' | 'roundedTop' | 'roundedBottom' | 'roundedLeft' | 'roundedRight' | 'roundedStart' | 'roundedEnd' | 'roundedTopLeft' | 'roundedTopRight' | 'roundedBottomLeft' | 'roundedBottomRight' | 'roundedTopStart' | 'roundedTopEnd' | 'roundedBottomStart' | 'roundedBottomEnd'>;
|
|
14777
14795
|
export declare type BorderAtoms = Pick<Atoms, 'border' | 'borderTop' | 'borderBottom' | 'borderLeft' | 'borderRight' | 'borderStart' | 'borderEnd' | 'borderX' | 'borderY' | 'borderColor'>;
|
|
14778
14796
|
export declare type TextAtoms = Pick<Atoms, 'color' | 'whiteSpace' | 'textAlign' | 'textTransform' | 'textDecoration'>;
|
|
@@ -14955,13 +14973,13 @@ export declare const atoms: ((props: {
|
|
|
14955
14973
|
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
14974
|
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
14975
|
} | 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" | "
|
|
14976
|
+
justifyContent?: ("normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | {
|
|
14977
|
+
mobile?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
14978
|
+
mobileLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
14979
|
+
tablet?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
14980
|
+
desktop?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
14981
|
+
desktopLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
14982
|
+
} | 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
14983
|
justifyItems?: ("center" | "stretch" | "start" | "end" | {
|
|
14966
14984
|
mobile?: "center" | "stretch" | "start" | "end" | undefined;
|
|
14967
14985
|
mobileLg?: "center" | "stretch" | "start" | "end" | undefined;
|
|
@@ -14976,41 +14994,41 @@ export declare const atoms: ((props: {
|
|
|
14976
14994
|
desktop?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
14977
14995
|
desktopLg?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
14978
14996
|
} | 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?: ("
|
|
14997
|
+
alignContent?: ("normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | {
|
|
14998
|
+
mobile?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
14999
|
+
mobileLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15000
|
+
tablet?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15001
|
+
desktop?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15002
|
+
desktopLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline" | undefined;
|
|
15003
|
+
} | 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>;
|
|
15004
|
+
alignItems?: ("flex-start" | "flex-end" | "center" | "stretch" | "baseline" | {
|
|
15005
|
+
mobile?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15006
|
+
mobileLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15007
|
+
tablet?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15008
|
+
desktop?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15009
|
+
desktopLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15010
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | null>;
|
|
15011
|
+
alignSelf?: ("auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | {
|
|
15012
|
+
mobile?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15013
|
+
mobileLg?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15014
|
+
tablet?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15015
|
+
desktop?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15016
|
+
desktopLg?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15017
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | null>;
|
|
15018
|
+
placeContent?: ("normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | {
|
|
15019
|
+
mobile?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15020
|
+
mobileLg?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15021
|
+
tablet?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15022
|
+
desktop?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15023
|
+
desktopLg?: "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
15024
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "normal" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | "start" | "end" | "baseline" | null>;
|
|
15025
|
+
placeItems?: ("center" | "stretch" | "start" | "end" | "baseline" | {
|
|
14987
15026
|
mobile?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14988
15027
|
mobileLg?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14989
15028
|
tablet?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14990
15029
|
desktop?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14991
15030
|
desktopLg?: "center" | "stretch" | "start" | "end" | "baseline" | undefined;
|
|
14992
15031
|
} | 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
15032
|
placeSelf?: import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "center" | "stretch" | "start" | "end" | null> | ("auto" | "center" | "stretch" | "start" | "end" | {
|
|
15015
15033
|
mobile?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
15016
15034
|
mobileLg?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
@@ -15396,20 +15414,62 @@ export declare const atoms: ((props: {
|
|
|
15396
15414
|
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
15415
|
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
15416
|
} | 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, "
|
|
15417
|
+
justify?: ("normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | {
|
|
15418
|
+
mobile?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15419
|
+
mobileLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15420
|
+
tablet?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15421
|
+
desktop?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15422
|
+
desktopLg?: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15423
|
+
} | 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>;
|
|
15424
|
+
align?: ("flex-start" | "flex-end" | "center" | "stretch" | "baseline" | {
|
|
15425
|
+
mobile?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15426
|
+
mobileLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15427
|
+
tablet?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15428
|
+
desktop?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15429
|
+
desktopLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15430
|
+
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | null>;
|
|
15431
|
+
w?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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" | {
|
|
15432
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15433
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15434
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15435
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15436
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15437
|
+
} | 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" | 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 | "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>;
|
|
15438
|
+
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" | {
|
|
15439
|
+
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;
|
|
15440
|
+
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;
|
|
15441
|
+
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;
|
|
15442
|
+
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;
|
|
15443
|
+
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;
|
|
15444
|
+
} | 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>;
|
|
15445
|
+
maxW?: (0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | {
|
|
15446
|
+
mobile?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15447
|
+
mobileLg?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15448
|
+
tablet?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15449
|
+
desktop?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15450
|
+
desktopLg?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15451
|
+
} | 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>;
|
|
15452
|
+
h?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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" | {
|
|
15453
|
+
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15454
|
+
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15455
|
+
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15456
|
+
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15457
|
+
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" | 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 | "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;
|
|
15458
|
+
} | 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" | 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 | "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>;
|
|
15459
|
+
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" | {
|
|
15460
|
+
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;
|
|
15461
|
+
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;
|
|
15462
|
+
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;
|
|
15463
|
+
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;
|
|
15464
|
+
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;
|
|
15465
|
+
} | 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>;
|
|
15466
|
+
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" | {
|
|
15467
|
+
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;
|
|
15468
|
+
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;
|
|
15469
|
+
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;
|
|
15470
|
+
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;
|
|
15471
|
+
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;
|
|
15472
|
+
} | 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
15473
|
rounded?: ("none" | "button" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "tag" | {
|
|
15414
15474
|
mobile?: "none" | "button" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "tag" | undefined;
|
|
15415
15475
|
mobileLg?: "none" | "button" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "tag" | undefined;
|
|
@@ -15729,6 +15789,6 @@ export declare const atoms: ((props: {
|
|
|
15729
15789
|
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
15790
|
} | undefined;
|
|
15731
15791
|
}) => 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">;
|
|
15792
|
+
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
15793
|
};
|
|
15734
15794
|
export {};
|