@papyrus-ui/styles 0.4.2 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/css/styles.css +8265 -8222
- 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 +0 -7
- 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 +0 -7
- 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 +0 -7
- package/dist/types/styles/atoms.css.d.ts +93 -73
- package/dist/types/styles/global.css.d.ts +43 -15
- package/dist/types/utils/calculate-text-height.d.ts +5 -0
- 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;
|
|
@@ -3791,7 +3791,27 @@ declare const responsiveProperties: {
|
|
|
3791
3791
|
desktopLg: string;
|
|
3792
3792
|
};
|
|
3793
3793
|
};
|
|
3794
|
-
|
|
3794
|
+
landscapeStandard: {
|
|
3795
|
+
defaultClass: string;
|
|
3796
|
+
conditions: {
|
|
3797
|
+
mobile: string;
|
|
3798
|
+
mobileLg: string;
|
|
3799
|
+
tablet: string;
|
|
3800
|
+
desktop: string;
|
|
3801
|
+
desktopLg: string;
|
|
3802
|
+
};
|
|
3803
|
+
};
|
|
3804
|
+
landscapeClassic: {
|
|
3805
|
+
defaultClass: string;
|
|
3806
|
+
conditions: {
|
|
3807
|
+
mobile: string;
|
|
3808
|
+
mobileLg: string;
|
|
3809
|
+
tablet: string;
|
|
3810
|
+
desktop: string;
|
|
3811
|
+
desktopLg: string;
|
|
3812
|
+
};
|
|
3813
|
+
};
|
|
3814
|
+
landscapeWide: {
|
|
3795
3815
|
defaultClass: string;
|
|
3796
3816
|
conditions: {
|
|
3797
3817
|
mobile: string;
|
|
@@ -3801,7 +3821,7 @@ declare const responsiveProperties: {
|
|
|
3801
3821
|
desktopLg: string;
|
|
3802
3822
|
};
|
|
3803
3823
|
};
|
|
3804
|
-
|
|
3824
|
+
landscapeUltraWide: {
|
|
3805
3825
|
defaultClass: string;
|
|
3806
3826
|
conditions: {
|
|
3807
3827
|
mobile: string;
|
|
@@ -3811,7 +3831,7 @@ declare const responsiveProperties: {
|
|
|
3811
3831
|
desktopLg: string;
|
|
3812
3832
|
};
|
|
3813
3833
|
};
|
|
3814
|
-
|
|
3834
|
+
landscapeSuperWide: {
|
|
3815
3835
|
defaultClass: string;
|
|
3816
3836
|
conditions: {
|
|
3817
3837
|
mobile: string;
|
|
@@ -3821,7 +3841,7 @@ declare const responsiveProperties: {
|
|
|
3821
3841
|
desktopLg: string;
|
|
3822
3842
|
};
|
|
3823
3843
|
};
|
|
3824
|
-
|
|
3844
|
+
portraitStandard: {
|
|
3825
3845
|
defaultClass: string;
|
|
3826
3846
|
conditions: {
|
|
3827
3847
|
mobile: string;
|
|
@@ -3831,7 +3851,7 @@ declare const responsiveProperties: {
|
|
|
3831
3851
|
desktopLg: string;
|
|
3832
3852
|
};
|
|
3833
3853
|
};
|
|
3834
|
-
|
|
3854
|
+
portraitClassic: {
|
|
3835
3855
|
defaultClass: string;
|
|
3836
3856
|
conditions: {
|
|
3837
3857
|
mobile: string;
|
|
@@ -3841,7 +3861,7 @@ declare const responsiveProperties: {
|
|
|
3841
3861
|
desktopLg: string;
|
|
3842
3862
|
};
|
|
3843
3863
|
};
|
|
3844
|
-
|
|
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;
|
|
@@ -14785,12 +14805,12 @@ declare const responsiveProperties: {
|
|
|
14785
14805
|
};
|
|
14786
14806
|
};
|
|
14787
14807
|
export declare type Atoms = Parameters<typeof atoms>[0];
|
|
14788
|
-
export declare type PositionAtoms = Pick<Atoms, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'zIndex'>;
|
|
14808
|
+
export declare type PositionAtoms = Pick<Atoms, 'position' | 'inset' | 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'zIndex'>;
|
|
14789
14809
|
export declare type FlexAtoms = Pick<Atoms, 'align' | 'alignContent' | 'justify' | 'direction' | 'wrap'>;
|
|
14790
14810
|
export declare type FlexItemAtoms = Pick<Atoms, 'basis' | 'flex' | 'grow' | 'shrink' | 'order' | 'alignSelf'>;
|
|
14791
14811
|
export declare type GridAtoms = Pick<Atoms, 'autoColumns' | 'autoFlow' | 'autoRows' | 'templateColumns' | 'templateRows' | 'justify' | 'justifyItems' | 'align' | 'alignContent' | 'placeContent' | 'placeItems'>;
|
|
14792
14812
|
export declare type GridItemAtoms = Pick<Atoms, 'column' | 'columnStart' | 'columnEnd' | 'row' | 'rowStart' | 'rowEnd' | 'justifySelf' | 'alignSelf' | 'placeSelf'>;
|
|
14793
|
-
export declare type SizingAtoms = Pick<Atoms, 'aspectRatio' | '
|
|
14813
|
+
export declare type SizingAtoms = Pick<Atoms, 'aspectRatio' | 'w' | 'minW' | 'maxW' | 'h' | 'minH' | 'maxH'>;
|
|
14794
14814
|
export declare type RoundedAtoms = Pick<Atoms, 'rounded' | 'roundedTop' | 'roundedBottom' | 'roundedLeft' | 'roundedRight' | 'roundedStart' | 'roundedEnd' | 'roundedTopLeft' | 'roundedTopRight' | 'roundedBottomLeft' | 'roundedBottomRight' | 'roundedTopStart' | 'roundedTopEnd' | 'roundedBottomStart' | 'roundedBottomEnd'>;
|
|
14795
14815
|
export declare type BorderAtoms = Pick<Atoms, 'border' | 'borderTop' | 'borderBottom' | 'borderLeft' | 'borderRight' | 'borderStart' | 'borderEnd' | 'borderX' | 'borderY' | 'borderColor'>;
|
|
14796
14816
|
export declare type TextAtoms = Pick<Atoms, 'color' | 'whiteSpace' | 'textAlign' | 'textTransform' | 'textDecoration'>;
|
|
@@ -14806,7 +14826,7 @@ export declare const atoms: ((props: {
|
|
|
14806
14826
|
insetInlineStart?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "-px" | "-0.5" | "-1" | "-1.5" | "-2" | "-2.5" | "-3" | "-3.5" | "-4" | "-5" | "-5.5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "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;
|
|
14807
14827
|
insetInlineEnd?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "-px" | "-0.5" | "-1" | "-1.5" | "-2" | "-2.5" | "-3" | "-3.5" | "-4" | "-5" | "-5.5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "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;
|
|
14808
14828
|
borderStyle?: "none" | "solid" | "dashed" | "dotted" | "double" | "hidden" | undefined;
|
|
14809
|
-
boxShadow?: "inset" | "sm" | "md" | "lg" | "focus" | "focusDanger" |
|
|
14829
|
+
boxShadow?: "inset" | "sm" | "md" | "lg" | "focus" | "focusDanger" | undefined;
|
|
14810
14830
|
textTransform?: "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
14811
14831
|
textDecoration?: "none" | "underline" | "line-through" | "overline" | undefined;
|
|
14812
14832
|
textOverflow?: "ellipsis" | "clip" | undefined;
|
|
@@ -14817,7 +14837,7 @@ export declare const atoms: ((props: {
|
|
|
14817
14837
|
inset?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "-px" | "-0.5" | "-1" | "-1.5" | "-2" | "-2.5" | "-3" | "-3.5" | "-4" | "-5" | "-5.5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "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;
|
|
14818
14838
|
start?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "-px" | "-0.5" | "-1" | "-1.5" | "-2" | "-2.5" | "-3" | "-3.5" | "-4" | "-5" | "-5.5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "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;
|
|
14819
14839
|
end?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | 20 | 40 | "-px" | "-0.5" | "-1" | "-1.5" | "-2" | "-2.5" | "-3" | "-3.5" | "-4" | "-5" | "-5.5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "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;
|
|
14820
|
-
shadow?: "inset" | "sm" | "md" | "lg" | "focus" | "focusDanger" |
|
|
14840
|
+
shadow?: "inset" | "sm" | "md" | "lg" | "focus" | "focusDanger" | undefined;
|
|
14821
14841
|
} & {
|
|
14822
14842
|
position?: ("absolute" | "fixed" | "relative" | "static" | "sticky" | {
|
|
14823
14843
|
mobile?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
|
|
@@ -14833,13 +14853,13 @@ export declare const atoms: ((props: {
|
|
|
14833
14853
|
desktop?: "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "inline" | "none" | undefined;
|
|
14834
14854
|
desktopLg?: "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "inline" | "none" | undefined;
|
|
14835
14855
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "block" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "inline" | "none" | null>;
|
|
14836
|
-
flexBasis?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14837
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14838
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14839
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14840
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14841
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
14842
|
-
} | 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>;
|
|
14843
14863
|
flexDirection?: ("row" | "column" | "row-reverse" | "column-reverse" | {
|
|
14844
14864
|
mobile?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
14845
14865
|
mobileLg?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
@@ -15036,20 +15056,20 @@ export declare const atoms: ((props: {
|
|
|
15036
15056
|
desktop?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
15037
15057
|
desktopLg?: "auto" | "center" | "stretch" | "start" | "end" | undefined;
|
|
15038
15058
|
} | undefined);
|
|
15039
|
-
aspectRatio?: ("auto" | "square" | "
|
|
15040
|
-
mobile?: "auto" | "square" | "
|
|
15041
|
-
mobileLg?: "auto" | "square" | "
|
|
15042
|
-
tablet?: "auto" | "square" | "
|
|
15043
|
-
desktop?: "auto" | "square" | "
|
|
15044
|
-
desktopLg?: "auto" | "square" | "
|
|
15045
|
-
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "square" | "
|
|
15046
|
-
width?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15047
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15048
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15049
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15050
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15051
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15052
|
-
} | 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>;
|
|
15053
15073
|
maxWidth?: (0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | {
|
|
15054
15074
|
mobile?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15055
15075
|
mobileLg?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
@@ -15064,13 +15084,13 @@ export declare const atoms: ((props: {
|
|
|
15064
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;
|
|
15065
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;
|
|
15066
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>;
|
|
15067
|
-
height?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15068
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15069
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15070
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15071
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15072
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15073
|
-
} | 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>;
|
|
15074
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" | {
|
|
15075
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;
|
|
15076
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;
|
|
@@ -15295,13 +15315,13 @@ export declare const atoms: ((props: {
|
|
|
15295
15315
|
desktop?: "auto" | "hidden" | undefined;
|
|
15296
15316
|
desktopLg?: "auto" | "hidden" | undefined;
|
|
15297
15317
|
} | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<5 | 4 | 3 | 1 | 2, "auto" | "hidden" | null>;
|
|
15298
|
-
basis?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15299
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15300
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15301
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15302
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15303
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 | "3/4" | "2/3" |
|
|
15304
|
-
} | 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>;
|
|
15305
15325
|
direction?: ("row" | "column" | "row-reverse" | "column-reverse" | {
|
|
15306
15326
|
mobile?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
15307
15327
|
mobileLg?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
@@ -15428,13 +15448,13 @@ export declare const atoms: ((props: {
|
|
|
15428
15448
|
desktop?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15429
15449
|
desktopLg?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
15430
15450
|
} | 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 |
|
|
15432
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15433
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15434
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15435
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15436
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
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 |
|
|
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>;
|
|
15438
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" | {
|
|
15439
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;
|
|
15440
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;
|
|
@@ -15449,13 +15469,13 @@ export declare const atoms: ((props: {
|
|
|
15449
15469
|
desktop?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15450
15470
|
desktopLg?: 0 | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose" | undefined;
|
|
15451
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>;
|
|
15452
|
-
h?: (0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15453
|
-
mobile?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15454
|
-
mobileLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15455
|
-
tablet?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15456
|
-
desktop?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
15457
|
-
desktopLg?: 0 | 5 | 8 | "auto" | 4 | 3 | 1 | 2 | 6 | 7 | 9 | 10 | 11 | 12 |
|
|
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 |
|
|
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>;
|
|
15459
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" | {
|
|
15460
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;
|
|
15461
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;
|