@autoguru/overdrive 4.43.6-next.7 → 4.43.6-next.9

package/dist/components/Box/newBox/boxStyles.d.ts

@@ -4,9 +4,464 @@ import type { AsPolyProp, CommonBoxProps } from './useBox';
 export type StyleProps = Sprinkles & SprinklesLegacyColours;
 export type BoxStylesProps<E extends ElementType = 'div'> = AsPolyProp<E> & Pick<CommonBoxProps, 'className'> & StyleProps;
 export type BoxStylesReturn<P extends object> = [string, P];
+export declare const calcHasBorder: (keys: string[]) => boolean;
 export declare const boxStylesWithFilteredProps: <E extends ElementType = "div">({ as, className, ...props }: BoxStylesProps<E>) => {
     className: string;
-    baseProps: {};
+    baseProps: {
+        borderBottomColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderLeftColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderRightColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderTopColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderBottomColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderLeftColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderRightColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderTopColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderLeftStyle?: "none" | "solid" | undefined;
+        borderBottomStyle?: "none" | "solid" | undefined;
+        borderRightStyle?: "none" | "solid" | undefined;
+        borderTopStyle?: "none" | "solid" | undefined;
+        color?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
+        colour?: "link" | "white" | "body" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | "muted" | "unset" | undefined;
+        backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | 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;
+        opacity?: number | "1" | "0" | undefined;
+        fontSize?: {} | undefined;
+        lineHeight?: {} | undefined;
+        fontWeight?: "bold" | "normal" | "semiBold" | undefined;
+        textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
+        boxShadow?: "1" | "2" | "3" | "4" | "5" | "none" | undefined;
+        pointerEvents?: "none" | "auto" | undefined;
+        userSelect?: "none" | "auto" | "text" | undefined;
+        useVar?: "gap" | undefined;
+        text?: {} | undefined;
+        bg?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
+        fg?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
+        borderColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderColorX?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderColorY?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderColourX?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderColourY?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
+        borderStyle?: "none" | "solid" | undefined;
+        borderStyleBottom?: "none" | "solid" | undefined;
+        borderStyleLeft?: "none" | "solid" | undefined;
+        borderStyleRight?: "none" | "solid" | undefined;
+        borderStyleTop?: "none" | "solid" | undefined;
+        display?: ("none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | {
+            mobile?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | undefined;
+            tablet?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | undefined;
+            desktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | undefined;
+            largeDesktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | 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" | "centre" | {
+            mobile?: "left" | "right" | "center" | "centre" | undefined;
+            tablet?: "left" | "right" | "center" | "centre" | undefined;
+            desktop?: "left" | "right" | "center" | "centre" | undefined;
+            largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
+        borderRadius?: ("1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | {
+            mobile?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+            tablet?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+            desktop?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+            largeDesktop?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | null>;
+        borderLeftWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderBottomWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderRightWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderTopWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | 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?: ("small" | "medium" | "large" | "fit-content" | "max-content" | {
+            mobile?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+            tablet?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+            desktop?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+            largeDesktop?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "small" | "medium" | "large" | "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" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
+        justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
+            mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
+        alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
+            mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | 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 | "1" | "0" | {
+            mobile?: number | "1" | "0" | undefined;
+            tablet?: number | "1" | "0" | undefined;
+            desktop?: number | "1" | "0" | undefined;
+            largeDesktop?: number | "1" | "0" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | "1" | "0" | null>;
+        flexShrink?: (number | "1" | "0" | {
+            mobile?: number | "1" | "0" | undefined;
+            tablet?: number | "1" | "0" | undefined;
+            desktop?: number | "1" | "0" | undefined;
+            largeDesktop?: number | "1" | "0" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | "1" | "0" | 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) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "nowrap" | "wrap" | "wrap-reverse" | null>;
+        order?: (number | "1" | "2" | "3" | "4" | "0" | {
+            mobile?: number | "1" | "2" | "3" | "4" | "0" | undefined;
+            tablet?: number | "1" | "2" | "3" | "4" | "0" | undefined;
+            desktop?: number | "1" | "2" | "3" | "4" | "0" | undefined;
+            largeDesktop?: number | "1" | "2" | "3" | "4" | "0" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | "1" | "2" | "3" | "4" | "0" | 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>;
+        gridColumns?: (string | {
+            mobile?: string | undefined;
+            tablet?: string | undefined;
+            desktop?: string | undefined;
+            largeDesktop?: string | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, string | 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);
+        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);
+        borderWidth?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderWidthX?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderWidthY?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderWidthBottom?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderWidthLeft?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderWidthRight?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        borderWidthTop?: ("1" | "2" | "3" | "none" | {
+            mobile?: "1" | "2" | "3" | "none" | undefined;
+            tablet?: "1" | "2" | "3" | "none" | undefined;
+            desktop?: "1" | "2" | "3" | "none" | undefined;
+            largeDesktop?: "1" | "2" | "3" | "none" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
+        placeItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | null>;
+        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>;
+    };
 };
 export declare const boxStyles: <E extends ElementType = "div">(props: BoxStylesProps<E>) => string;
 //# sourceMappingURL=boxStyles.d.ts.map

package/dist/components/Box/newBox/boxStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEN,KAAK,SAAS,EAEd,KAAK,sBAAsB,EAC3B,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,sBAAsB,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;AAEZ,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAe5D,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,6BAIvE,cAAc,CAAC,CAAC,CAAC;;;CA8BnB,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,cAAc,CAAC,CAAC,CAAC,WAIxB,CAAC"}
+{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEN,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,sBAAsB,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;AAEZ,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAY5D,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,YACsB,CAAC;AAYnE,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,6BAIvE,cAAc,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAenB,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,cAAc,CAAC,CAAC,CAAC,WAIxB,CAAC"}

package/dist/components/Box/newBox/boxStyles.js

@@ -1,38 +1,32 @@
 "use strict";
 
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 const _excluded = ["as", "className"];
 import clsx from 'clsx';
-import { borderWidthReset } from "../../../styles/reset.css.js";
+import { borderReset } from "../../../styles/reset.css.js";
 import { resetStyles } from "../../../styles/resetStyles.js";
-import { sprinkles, sprinklesLegacyColours } from "../../../styles/sprinkles.css.js";
+import { sprinkles } from "../../../styles/sprinkles.css.js";
 import { filterPropsWithStyles } from "../../../utils/sprinkles.js";
 const borderProperties = ['Color', 'Colour', 'Width'];
 const borderPostfixes = ['', 'Bottom', 'Left', 'Right', 'Top'];
+const borderPropertyNames = new Set(borderProperties.flatMap(property => borderPostfixes.flatMap(postfix => [`border${postfix}${property}`, `border${property}${postfix}`])));
+export const calcHasBorder = keys => _toConsumableArray(borderPropertyNames).some(borderProp => borderProp in keys);
 export const boxStylesWithFilteredProps = _ref => {
   let {
       as,
       className
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  let hasBorder = false;
   const {
     sprinklesProps,
-    sprinklesLegacyColourProps,
     baseProps
   } = filterPropsWithStyles(props);
-  for (const postfix of borderPostfixes) {
-    for (const property of borderProperties) {
-      if (!!props[`border${postfix}${property}`] || !!props[`border${property}${postfix}`]) {
-        hasBorder = true;
-        sprinklesProps[`border${postfix}Style`] = 'solid';
-      }
-    }
-  }
+  const hasBorder = calcHasBorder(Object.keys(props));
   return {
     className: clsx(resetStyles({
       as: as ? `${as}` : as
-    }), hasBorder && borderWidthReset, sprinkles(sprinklesProps), sprinklesLegacyColours(sprinklesLegacyColourProps), className),
+    }), hasBorder && borderReset, sprinkles(sprinklesProps), className),
     baseProps
   };
 };