@autoguru/overdrive 4.42.0-next.1 → 4.43.0-next.0

package/dist/styles/sprinkles.css.d.ts

@@ -1,96 +1,430 @@
+export declare const sprinkles: ((props: {
+    borderRadius?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+    borderBottomColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+    borderLeftColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+    borderRightColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+    borderTopColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+    borderLeftWidth?: "1" | "2" | "3" | "none" | undefined;
+    borderBottomWidth?: "1" | "2" | "3" | "none" | undefined;
+    borderRightWidth?: "1" | "2" | "3" | "none" | undefined;
+    borderTopWidth?: "1" | "2" | "3" | "none" | undefined;
+    borderLeftStyle?: "none" | "solid" | undefined;
+    borderBottomStyle?: "none" | "solid" | undefined;
+    borderRightStyle?: "none" | "solid" | undefined;
+    borderTopStyle?: "none" | "solid" | undefined;
+    color?: "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "onBody" | "onSurface" | undefined;
+    backgroundColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
+    opacity?: "1" | "0" | undefined;
+    fontSize?: {} | undefined;
+    lineHeight?: {} | undefined;
+    fontWeight?: "bold" | "normal" | "semiBold" | undefined;
+    boxShadow?: "1" | "2" | "3" | "4" | "5" | "none" | undefined;
+    pointerEvents?: "none" | "auto" | undefined;
+    userSelect?: "none" | "auto" | "text" | undefined;
+    text?: {} | undefined;
+    bg?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
+    fg?: "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "onBody" | "onSurface" | undefined;
+    borderColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+    borderStyle?: "none" | "solid" | undefined;
+    borderWidth?: "1" | "2" | "3" | "none" | undefined;
+}) => string) & {
+    properties: Set<"color" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "pointerEvents" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "text" | "bg" | "fg">;
+};
+export type Sprinkles = Parameters<typeof sprinkles>[0];
+export declare const sprinklesLegacyColours: ((props: {
+    backgroundColor?: "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "transparent" | undefined;
+    borderBottomColor?: "gray" | "light" | "dark" | undefined;
+    borderLeftColor?: "gray" | "light" | "dark" | undefined;
+    borderRightColor?: "gray" | "light" | "dark" | undefined;
+    borderTopColor?: "gray" | "light" | "dark" | undefined;
+    color?: "link" | "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "body" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "unset" | undefined;
+    backgroundColour?: "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "transparent" | undefined;
+    borderBottomColour?: "gray" | "light" | "dark" | undefined;
+    borderLeftColour?: "gray" | "light" | "dark" | undefined;
+    borderRightColour?: "gray" | "light" | "dark" | undefined;
+    borderTopColour?: "gray" | "light" | "dark" | undefined;
+    borderColour?: "gray" | "light" | "dark" | undefined;
+    colour?: "link" | "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "body" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "unset" | undefined;
+}) => string) & {
+    properties: Set<"colour" | "backgroundColour" | "color" | "backgroundColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour">;
+};
+export type SprinklesLegacyColours = Omit<Parameters<typeof sprinklesLegacyColours>[0], 'backgroundColor' | 'borderColor' | 'borderBottomColor' | 'borderLeftColor' | 'borderRightColor' | 'borderTopColor' | 'color'>;
+export declare const responsiveConditions: {
+    mobile: {};
+    tablet: {
+        '@media': string;
+    };
+    desktop: {
+        '@media': string;
+    };
+    largeDesktop: {
+        '@media': string;
+    };
+};
+export declare const totalGridColumns = 12;
 export declare const sprinklesResponsive: ((props: {
-    display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | {
-        mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | undefined;
-        tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | undefined;
-        desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | undefined;
-        largeDesktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | undefined;
-    } | undefined;
-    flexDirection?: "column" | "row" | {
-        mobile?: "column" | "row" | undefined;
-        tablet?: "column" | "row" | undefined;
-        desktop?: "column" | "row" | undefined;
-        largeDesktop?: "column" | "row" | undefined;
-    } | undefined;
-    flexGrow?: number | {
+    display?: ("none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | {
+        mobile?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+        tablet?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+        desktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+        largeDesktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | null>;
+    overflow?: ("auto" | "hidden" | "visible" | {
+        mobile?: "auto" | "hidden" | "visible" | undefined;
+        tablet?: "auto" | "hidden" | "visible" | undefined;
+        desktop?: "auto" | "hidden" | "visible" | undefined;
+        largeDesktop?: "auto" | "hidden" | "visible" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "visible" | null>;
+    overflowX?: ("auto" | "hidden" | "scroll" | {
+        mobile?: "auto" | "hidden" | "scroll" | undefined;
+        tablet?: "auto" | "hidden" | "scroll" | undefined;
+        desktop?: "auto" | "hidden" | "scroll" | undefined;
+        largeDesktop?: "auto" | "hidden" | "scroll" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
+    overflowY?: ("auto" | "hidden" | "scroll" | {
+        mobile?: "auto" | "hidden" | "scroll" | undefined;
+        tablet?: "auto" | "hidden" | "scroll" | undefined;
+        desktop?: "auto" | "hidden" | "scroll" | undefined;
+        largeDesktop?: "auto" | "hidden" | "scroll" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
+    position?: ("fixed" | "absolute" | "relative" | "static" | "sticky" | {
+        mobile?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        tablet?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        desktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        largeDesktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "fixed" | "absolute" | "relative" | "static" | "sticky" | null>;
+    textAlign?: ("left" | "right" | "center" | {
+        mobile?: "left" | "right" | "center" | undefined;
+        tablet?: "left" | "right" | "center" | undefined;
+        desktop?: "left" | "right" | "center" | undefined;
+        largeDesktop?: "left" | "right" | "center" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
+    height?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
+    width?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+    } | undefined);
+    maxWidth?: ("fit-content" | "max-content" | {
+        mobile?: "fit-content" | "max-content" | undefined;
+        tablet?: "fit-content" | "max-content" | undefined;
+        desktop?: "fit-content" | "max-content" | undefined;
+        largeDesktop?: "fit-content" | "max-content" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "fit-content" | "max-content" | null>;
+    minWidth?: ("auto" | "fit-content" | {
+        mobile?: "auto" | "fit-content" | undefined;
+        tablet?: "auto" | "fit-content" | undefined;
+        desktop?: "auto" | "fit-content" | undefined;
+        largeDesktop?: "auto" | "fit-content" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "fit-content" | null>;
+    gap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
+    columnGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    rowGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | {
+        mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+        tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+        desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+        largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | null>;
+    justifyContent?: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
+        mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        largeDesktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
+    alignContent?: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | {
+        mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        largeDesktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
+    alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
+        mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
+    justifySelf?: ("center" | "flex-end" | "flex-start" | {
+        mobile?: "center" | "flex-end" | "flex-start" | undefined;
+        tablet?: "center" | "flex-end" | "flex-start" | undefined;
+        desktop?: "center" | "flex-end" | "flex-start" | undefined;
+        largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
+    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
+        mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        desktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        largeDesktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "column" | "column-reverse" | "row" | "row-reverse" | null>;
+    flexGrow?: (number | {
         mobile?: number | undefined;
         tablet?: number | undefined;
         desktop?: number | undefined;
         largeDesktop?: number | undefined;
-    } | undefined;
-    flexShrink?: number | {
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | null>;
+    flexShrink?: (number | {
         mobile?: number | undefined;
         tablet?: number | undefined;
         desktop?: number | undefined;
         largeDesktop?: number | undefined;
-    } | undefined;
-    flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | null>;
+    flexWrap?: ("nowrap" | "wrap" | "wrap-reverse" | {
         mobile?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         tablet?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         desktop?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         largeDesktop?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
-    } | undefined;
-    gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "nowrap" | "wrap" | "wrap-reverse" | null>;
+    order?: (number | {
+        mobile?: number | undefined;
+        tablet?: number | undefined;
+        desktop?: number | undefined;
+        largeDesktop?: number | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | null>;
+    gridAutoColumns?: ("auto" | "max-content" | "min-content" | "1fr" | {
+        mobile?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+        tablet?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+        desktop?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+        largeDesktop?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "max-content" | "min-content" | "1fr" | null>;
+    gridAutoRows?: ("auto" | "1fr" | {
+        mobile?: "auto" | "1fr" | undefined;
+        tablet?: "auto" | "1fr" | undefined;
+        desktop?: "auto" | "1fr" | undefined;
+        largeDesktop?: "auto" | "1fr" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "1fr" | null>;
+    gridAutoFlow?: ("column" | "row" | "row dense" | "column dense" | {
+        mobile?: "column" | "row" | "row dense" | "column dense" | undefined;
+        tablet?: "column" | "row" | "row dense" | "column dense" | undefined;
+        desktop?: "column" | "row" | "row dense" | "column dense" | undefined;
+        largeDesktop?: "column" | "row" | "row dense" | "column dense" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "column" | "row" | "row dense" | "column dense" | null>;
+    gridTemplateColumns?: ("none" | "auto" | {
+        mobile?: "none" | "auto" | undefined;
+        tablet?: "none" | "auto" | undefined;
+        desktop?: "none" | "auto" | undefined;
+        largeDesktop?: "none" | "auto" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "auto" | null>;
+    gridTemplateRows?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "auto" | null> | ("none" | "auto" | {
+        mobile?: "none" | "auto" | undefined;
+        tablet?: "none" | "auto" | undefined;
+        desktop?: "none" | "auto" | undefined;
+        largeDesktop?: "none" | "auto" | undefined;
+    } | undefined);
+    gridColumn?: ("full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | {
+        mobile?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
+        tablet?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
+        desktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
+        largeDesktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | null>;
+    paddingBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
         mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
         tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
         desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
         largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
-    } | undefined;
-    gridTemplateColumns?: "1" | "2" | "3" | "4" | "5" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | undefined;
-    } | undefined;
-    alignItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
-        mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-    } | undefined;
-    justifyContent?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | {
-        mobile?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        tablet?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        desktop?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        largeDesktop?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-    } | undefined;
-    alignSelf?: "center" | "flex-end" | "flex-start" | {
-        mobile?: "center" | "flex-end" | "flex-start" | undefined;
-        tablet?: "center" | "flex-end" | "flex-start" | undefined;
-        desktop?: "center" | "flex-end" | "flex-start" | undefined;
-        largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
-    } | undefined;
-    height?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-    } | undefined;
-    width?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-    } | undefined;
-    gridColumns?: "1" | "2" | "3" | "4" | "5" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | undefined;
-    } | undefined;
-    placeItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
+    } | undefined);
+    paddingLeft?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    paddingRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    paddingTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    marginBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    marginLeft?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
+    marginRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+    } | undefined);
+    marginTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    gridColumns?: ("none" | "auto" | {
+        mobile?: "none" | "auto" | undefined;
+        tablet?: "none" | "auto" | undefined;
+        desktop?: "none" | "auto" | undefined;
+        largeDesktop?: "none" | "auto" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "auto" | null>;
+    placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null> | ("stretch" | "center" | "flex-end" | "flex-start" | {
         mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
         tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
         desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
         largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-    } | undefined;
-    size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | {
-        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "100%" | undefined;
-    } | undefined;
+    } | undefined);
+    size?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
+    } | undefined);
+    padding?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    p?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    paddingX?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    px?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    paddingY?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    py?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    pt?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    pr?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    pb?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    pl?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    margin?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    m?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    marginX?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+    } | undefined);
+    mx?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+    } | undefined);
+    marginY?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    my?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    mt?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    mr?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+    } | undefined);
+    mb?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
+    } | undefined);
+    ml?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
 }) => string) & {
-    properties: Set<"width" | "size" | "alignItems" | "alignSelf" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridTemplateColumns" | "height" | "justifyContent" | "gap" | "placeItems" | "gridColumns">;
+    properties: Set<"width" | "size" | "alignContent" | "alignItems" | "alignSelf" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "gap" | "gridColumn" | "margin" | "overflow" | "padding" | "placeItems" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml">;
 };
 export type SprinklesResponsive = Parameters<typeof sprinklesResponsive>[0];
 //# sourceMappingURL=sprinkles.css.d.ts.map

package/dist/styles/sprinkles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAsEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACzE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAkIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkC,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAuCxD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAA0C,CAAC;AAE9E,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC,EAC1C,iBAAiB,GACjB,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,OAAO,CACT,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAOhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAwInC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACzE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC"}