@autoguru/overdrive 4.44.4 → 4.44.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/components/Box/useBox/useBox.d.ts +2 -2
  2. package/dist/components/Box/useBox/useBox.d.ts.map +1 -1
  3. package/dist/components/Flex/FlexInline.d.ts.map +1 -1
  4. package/dist/components/Flex/FlexInline.js +2 -2
  5. package/dist/components/Flex/FlexStack.d.ts.map +1 -1
  6. package/dist/components/Flex/FlexStack.js +2 -2
  7. package/dist/components/Flex/flex.d.ts +4 -4
  8. package/dist/components/Stack/Stack.css.d.ts +2 -4
  9. package/dist/components/Stack/Stack.css.d.ts.map +1 -1
  10. package/dist/components/Stack/Stack.css.js +22 -11
  11. package/dist/components/Stack/Stack.js +5 -2
  12. package/dist/styles/sprinkles.css.d.ts +46 -46
  13. package/dist/types/index.d.ts +3 -0
  14. package/dist/types/index.d.ts.map +1 -1
  15. package/package.json +13 -13
  16. package/dist/components/Stack/Divider.css.d.ts +0 -2
  17. package/dist/components/Stack/Divider.css.d.ts.map +0 -1
  18. package/dist/components/Stack/Divider.css.js +0 -16
package/dist/components/Box/useBox/useBox.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import type { AllHTMLAttributes, ElementType } from 'react';
2
2
  import { type ElementStylesProps } from '../../../styles/elementStyles';
3
- import type { ConsistentComponentProps, OdComponent } from '../../../types';
3
+ import type { ConsistentComponentProps, DataAttributes, OdComponent } from '../../../types';
4
4
  type FilteredAttributes = Omit<AllHTMLAttributes<HTMLElement>, 'as' | 'className' | 'color' | 'height' | 'is' | 'size' | 'width'>;
5
- export interface UseBoxProps extends FilteredAttributes, ConsistentComponentProps, OdComponent, ElementStylesProps {
5
+ export interface UseBoxProps extends FilteredAttributes, ConsistentComponentProps, OdComponent, ElementStylesProps, DataAttributes {
6
6
  }
7
7
  export declare const useBox: ({ as, className: incomingClassName, odComponent, testId, display, height, maxWidth, minWidth, overflow, overflowX, overflowY, pointerEvents, position, size, userSelect, useVar, width, bg, backgroundColor, backgroundColour, boxShadow, color, colour, fg, opacity, fontSize, fontWeight, lineHeight, text, textAlign, textTransform, textWrap, wordBreak, borderRadius, borderColor, borderColorX, borderColorY, borderStyle, borderWidth, borderWidthX, borderWidthY, borderBottomColor, borderBottomStyle, borderBottomWidth, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRightColor, borderRightStyle, borderRightWidth, borderStyleBottom, borderStyleLeft, borderStyleRight, borderStyleTop, borderTopColor, borderTopStyle, borderTopWidth, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, borderColour, borderColourX, borderColourY, borderBottomColour, borderLeftColour, borderRightColour, borderTopColour, alignContent, alignItems, alignSelf, columnGap, flexDirection, flexGrow, flexShrink, flexWrap, gap, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumns, justifyContent, placeItems, rowGap, order, m, mb, ml, mr, mt, mx, my, margin, marginX, marginY, marginBottom, marginLeft, marginRight, marginTop, p, pb, pl, pr, pt, px, py, padding, paddingX, paddingY, paddingBottom, paddingLeft, paddingRight, paddingTop, ...elementProps }: UseBoxProps) => {
8
8
  Component: ElementType;
package/dist/components/Box/useBox/useBox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/useBox/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEN,KAAK,kBAAkB,EACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5E,KAAK,kBAAkB,GAAG,IAAI,CAC7B,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE,CAAC;AAEF,MAAM,WAAW,WAChB,SAAQ,kBAAkB,EACzB,wBAAwB,EACxB,WAAW,EACX,kBAAkB;CAAG;AAEvB,eAAO,MAAM,MAAM,GAAI,+0CA8HpB,WAAW;eAqIK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI7B,CAAC"}
1
+ {"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/useBox/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEN,KAAK,kBAAkB,EACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EACX,wBAAwB,EACxB,cAAc,EACd,WAAW,EACX,MAAM,gBAAgB,CAAC;AAGxB,KAAK,kBAAkB,GAAG,IAAI,CAC7B,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE,CAAC;AAEF,MAAM,WAAW,WAChB,SAAQ,kBAAkB,EACzB,wBAAwB,EACxB,WAAW,EACX,kBAAkB,EAClB,cAAc;CAAG;AAEnB,eAAO,MAAM,MAAM,GAAI,+0CA8HpB,WAAW;eAqIK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI7B,CAAC"}
package/dist/components/Flex/FlexInline.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FlexInline.d.ts","sourceRoot":"","sources":["../../../lib/components/Flex/FlexInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EACN,KAAK,kBAAkB,EACvB,KAAK,eAAe,EAEpB,MAAM,QAAQ,CAAC;AAEhB,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU;4HAiBpB,wBAAwB;;CAwB1B,CAAC"}
1
+ {"version":3,"file":"FlexInline.d.ts","sourceRoot":"","sources":["../../../lib/components/Flex/FlexInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EACN,KAAK,kBAAkB,EACvB,KAAK,eAAe,EAEpB,MAAM,QAAQ,CAAC;AAEhB,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU;4HAiBpB,wBAAwB;;CAqB1B,CAAC"}
package/dist/components/Flex/FlexInline.js CHANGED
@@ -69,7 +69,7 @@ export const FlexInline = _ref => {
69
69
  const {
70
70
  Component,
71
71
  componentProps
72
- } = useBox(_objectSpread(_objectSpread({
72
+ } = useBox(_objectSpread(_objectSpread(_objectSpread({}, attrs), {}, {
73
73
  as,
74
74
  odComponent: 'flex-inline',
75
75
  className: inlineStyle
@@ -87,7 +87,7 @@ export const FlexInline = _ref => {
87
87
  })), dataAttrs({
88
88
  expand
89
89
  })));
90
- return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, attrs), componentProps), {}, {
90
+ return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
91
91
  children: children
92
92
  }));
93
93
  };
package/dist/components/Flex/FlexStack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FlexStack.d.ts","sourceRoot":"","sources":["../../../lib/components/Flex/FlexStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EACN,KAAK,kBAAkB,EACvB,KAAK,cAAc,EAEnB,MAAM,QAAQ,CAAC;AAEhB,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,SAAS;mFAanB,uBAAuB;;CAmBzB,CAAC"}
1
+ {"version":3,"file":"FlexStack.d.ts","sourceRoot":"","sources":["../../../lib/components/Flex/FlexStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EACN,KAAK,kBAAkB,EACvB,KAAK,cAAc,EAEnB,MAAM,QAAQ,CAAC;AAEhB,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,SAAS;mFAanB,uBAAuB;;CAgBzB,CAAC"}
package/dist/components/Flex/FlexStack.js CHANGED
@@ -68,7 +68,7 @@ export const FlexStack = _ref => {
68
68
  const {
69
69
  Component,
70
70
  componentProps
71
- } = useBox(_objectSpread({
71
+ } = useBox(_objectSpread(_objectSpread({}, attrs), {}, {
72
72
  as,
73
73
  odComponent: 'flex-stack'
74
74
  }, stackPropMapping({
@@ -80,7 +80,7 @@ export const FlexStack = _ref => {
80
80
  reverse,
81
81
  start
82
82
  })));
83
- return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread(_objectSpread({}, attrs), componentProps), {}, {
83
+ return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
84
84
  children: children
85
85
  }));
86
86
  };
package/dist/components/Flex/flex.d.ts CHANGED
@@ -39,12 +39,12 @@ export declare const inlinePropMapping: ({ align, center, end, fullWidth, gap, n
39
39
  display: "flex";
40
40
  flexDirection: "row" | "row-reverse";
41
41
  flexWrap: "nowrap" | "wrap";
42
- gap: 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" | {
42
+ gap: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
43
43
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
44
44
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
45
45
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
46
46
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
47
- } | undefined);
47
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
48
48
  justifyContent: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | null> | {
49
49
  mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
50
50
  tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
@@ -94,12 +94,12 @@ export declare const stackPropMapping: ({ align, center, end, gap, justify, reve
94
94
  } | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null> | undefined;
95
95
  display: "flex";
96
96
  flexDirection: "column" | "column-reverse";
97
- gap: 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" | {
97
+ gap: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
98
98
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
99
99
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
100
100
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
101
101
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
102
- } | undefined);
102
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
103
103
  justifyContent: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | null> | ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | {
104
104
  mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
105
105
  tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
package/dist/components/Stack/Stack.css.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- export declare const child: {
2
- spaces: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none", string>;
3
- default: string;
4
- };
1
+ export declare const hr: string;
2
+ export declare const stackWithDividers: string;
5
3
  //# sourceMappingURL=Stack.css.d.ts.map
package/dist/components/Stack/Stack.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;CAWjB,CAAC"}
1
+ {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,EAAE,QAWb,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAO5B,CAAC"}
package/dist/components/Stack/Stack.css.js CHANGED
@@ -2,17 +2,28 @@
2
2
 
3
3
  import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
4
  __vanilla_filescope__.setFileScope("lib/components/Stack/Stack.css.ts", "@autoguru/overdrive");
5
- import { style, styleVariants } from '@vanilla-extract/css';
5
+ import { style } from '@vanilla-extract/css';
6
+ import { cssLayerComponent } from "../../styles/layers.css.js";
7
+ import { gapVar } from "../../styles/vars.css.js";
6
8
  import { overdriveTokens as vars } from "../../themes/theme.css.js";
7
- import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
8
- export const child = {
9
- spaces: styleVariants(mapTokenToProperty(vars.space, value => ({
10
- paddingBottom: value
11
- })), "child_spaces"),
12
- default: style({
13
- ':last-child': {
14
- paddingBottom: 0
9
+ export const hr = style({
10
+ '@layer': {
11
+ [cssLayerComponent]: {
12
+ borderStyle: 'none',
13
+ boxShadow: `inset 0 0 0 1px ${vars.colours.background.neutral}`,
14
+ height: '1px',
15
+ margin: 0,
16
+ transform: `translateY(calc(${gapVar} * -1))`,
17
+ width: '100%'
15
18
  }
16
- }, "child_default")
17
- };
19
+ }
20
+ }, "hr");
21
+ export const stackWithDividers = style({
22
+ '@layer': {
23
+ [cssLayerComponent]: {
24
+ // double the flex gap to match spacing of original implementation
25
+ gap: `calc(2 * ${gapVar})`
26
+ }
27
+ }
28
+ }, "stackWithDividers");
18
29
  __vanilla_filescope__.endFileScope();
package/dist/components/Stack/Stack.js CHANGED
@@ -3,7 +3,7 @@
3
3
  import React, { Children, useMemo } from 'react';
4
4
  import flattenChildren from 'react-keyed-flatten-children';
5
5
  import { Box } from "../Box/Box.js";
6
- import * as styles from "./Divider.css.js";
6
+ import * as styles from "./Stack.css.js";
7
7
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
8
  export const LIST_MAP = {
9
9
  ol: 'li',
@@ -53,7 +53,10 @@ export const Stack = ({
53
53
  const childEl = typeof as === 'string' && as in LIST_MAP ? LIST_MAP[as] : 'div';
54
54
  return /*#__PURE__*/_jsx(Box, {
55
55
  as: as,
56
- className: className,
56
+ className: {
57
+ [styles.stackWithDividers]: dividers,
58
+ className
59
+ },
57
60
  display: "flex",
58
61
  flexDirection: "column",
59
62
  gap: space,
package/dist/styles/sprinkles.css.d.ts CHANGED
@@ -143,24 +143,24 @@ export declare const sprinkles: ((props: {
143
143
  desktop?: "auto" | "fit-content" | undefined;
144
144
  largeDesktop?: "auto" | "fit-content" | undefined;
145
145
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "fit-content" | null>;
146
- gap?: 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" | {
146
+ gap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
147
147
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
148
148
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
149
149
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
150
150
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
151
- } | undefined);
152
- columnGap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
151
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
152
+ 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" | {
153
153
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
154
154
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
155
155
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
156
156
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
157
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
158
- rowGap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
157
+ } | undefined);
158
+ 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" | {
159
159
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
160
160
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
161
161
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
162
162
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
163
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
163
+ } | undefined);
164
164
  alignContent?: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | {
165
165
  mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
166
166
  tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
@@ -239,36 +239,36 @@ export declare const sprinkles: ((props: {
239
239
  desktop?: string | undefined;
240
240
  largeDesktop?: string | undefined;
241
241
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, string | null>;
242
- paddingBottom?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
242
+ 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" | {
243
243
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
244
244
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
245
245
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
246
246
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
247
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
248
- paddingLeft?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
247
+ } | undefined);
248
+ 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" | {
249
249
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
250
250
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
251
251
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
252
252
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
253
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
254
- paddingRight?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
253
+ } | undefined);
254
+ 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" | {
255
255
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
256
256
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
257
257
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
258
258
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
259
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
260
- paddingTop?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
259
+ } | undefined);
260
+ 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" | {
261
261
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
262
262
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
263
263
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
264
264
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
265
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
266
- marginBottom?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
265
+ } | undefined);
266
+ 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" | {
267
267
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
268
268
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
269
269
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
270
270
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
271
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
271
+ } | undefined);
272
272
  marginLeft?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
273
273
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
274
274
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
@@ -281,12 +281,12 @@ export declare const sprinkles: ((props: {
281
281
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
282
282
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
283
283
  } | undefined);
284
- marginTop?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
284
+ 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" | {
285
285
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
286
286
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
287
287
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
288
288
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
289
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
289
+ } | undefined);
290
290
  borderWidth?: ("1" | "2" | "3" | "none" | {
291
291
  mobile?: "1" | "2" | "3" | "none" | undefined;
292
292
  tablet?: "1" | "2" | "3" | "none" | undefined;
@@ -341,66 +341,66 @@ export declare const sprinkles: ((props: {
341
341
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
342
342
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
343
343
  } | undefined);
344
- padding?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
344
+ 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" | {
345
345
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
346
346
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
347
347
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
348
348
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
349
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
350
- p?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
349
+ } | undefined);
350
+ 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" | {
351
351
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
352
352
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
353
353
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
354
354
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
355
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
356
- paddingX?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
355
+ } | undefined);
356
+ 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" | {
357
357
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
358
358
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
359
359
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
360
360
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
361
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
362
- px?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
361
+ } | undefined);
362
+ 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" | {
363
363
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
364
364
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
365
365
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
366
366
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
367
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
368
- paddingY?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
367
+ } | undefined);
368
+ 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" | {
369
369
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
370
370
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
371
371
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
372
372
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
373
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
374
- py?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
373
+ } | undefined);
374
+ 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" | {
375
375
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
376
376
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
377
377
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
378
378
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
379
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
380
- pt?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
379
+ } | undefined);
380
+ 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" | {
381
381
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
382
382
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
383
383
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
384
384
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
385
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
386
- pr?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
385
+ } | undefined);
386
+ 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" | {
387
387
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
388
388
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
389
389
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
390
390
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
391
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
392
- pb?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
391
+ } | undefined);
392
+ 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" | {
393
393
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
394
394
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
395
395
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
396
396
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
397
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
398
- pl?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
397
+ } | undefined);
398
+ 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" | {
399
399
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
400
400
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
401
401
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
402
402
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
403
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
403
+ } | undefined);
404
404
  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" | {
405
405
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
406
406
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -425,36 +425,36 @@ export declare const sprinkles: ((props: {
425
425
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
426
426
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
427
427
  } | undefined);
428
- marginY?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
428
+ 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" | {
429
429
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
430
430
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
431
431
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
432
432
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
433
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
434
- my?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
433
+ } | undefined);
434
+ 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" | {
435
435
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
436
436
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
437
437
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
438
438
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
439
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
440
- mt?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
439
+ } | undefined);
440
+ 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" | {
441
441
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
442
442
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
443
443
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
444
444
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
445
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
445
+ } | undefined);
446
446
  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" | {
447
447
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
448
448
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
449
449
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
450
450
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
451
451
  } | undefined);
452
- mb?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
452
+ 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" | {
453
453
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
454
454
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
455
455
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
456
456
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
457
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
457
+ } | undefined);
458
458
  ml?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
459
459
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
460
460
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
package/dist/types/index.d.ts CHANGED
@@ -10,6 +10,9 @@ export interface OdComponent {
10
10
  */
11
11
  odComponent?: string;
12
12
  }
13
+ export type DataAttributes = {
14
+ [key: `data-${string}`]: string | number | boolean | undefined;
15
+ };
13
16
  export interface TestId {
14
17
  /**
15
18
  * The test ID will be rendered as a data attribute `data-testid` on the element for use with test assertions
package/dist/types/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,YAAY;IAC5B,kDAAkD;IAClD,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG,MAAM,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,MAAM;IACvD,kEAAkE;IAClE,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,YAAY;IAC5B,kDAAkD;IAClD,EAAE,CAAC,EAAE,WAAW,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC/D,CAAC;AAEF,MAAM,WAAW,MAAM;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG,MAAM,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,MAAM;IACvD,kEAAkE;IAClE,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.44.4",
3
+ "version": "4.44.6",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",
@@ -84,18 +84,18 @@
84
84
  "@octokit/rest": "22.0.0",
85
85
  "@popperjs/core": "2.11.8",
86
86
  "@react-stately/toggle": "3.8.5",
87
- "@storybook/addon-a11y": "9.0.15",
88
- "@storybook/addon-docs": "9.0.15",
89
- "@storybook/addon-links": "9.0.15",
90
- "@storybook/addon-onboarding": "9.0.15",
91
- "@storybook/addon-vitest": "9.0.15",
92
- "@storybook/react-vite": "9.0.15",
87
+ "@storybook/addon-a11y": "9.0.16",
88
+ "@storybook/addon-docs": "9.0.16",
89
+ "@storybook/addon-links": "9.0.16",
90
+ "@storybook/addon-onboarding": "9.0.16",
91
+ "@storybook/addon-vitest": "9.0.16",
92
+ "@storybook/react-vite": "9.0.16",
93
93
  "@testing-library/dom": "^10.4.0",
94
94
  "@testing-library/jest-dom": "6.6.3",
95
95
  "@testing-library/react": "16.3.0",
96
96
  "@testing-library/react-hooks": "8.0.1",
97
97
  "@testing-library/user-event": "14.6.1",
98
- "@types/node": "24.0.10",
98
+ "@types/node": "24.0.13",
99
99
  "@types/react": "19.1.8",
100
100
  "@types/react-dom": "19.1.6",
101
101
  "@types/webpack-env": "1.18.8",
@@ -121,9 +121,9 @@
121
121
  "core-js": "3.44.0",
122
122
  "csstype": "3.1.3",
123
123
  "deepmerge": "4.3.1",
124
- "es-toolkit": "1.39.6",
124
+ "es-toolkit": "1.39.7",
125
125
  "eslint": "9.30.1",
126
- "eslint-plugin-storybook": "9.0.15",
126
+ "eslint-plugin-storybook": "9.0.16",
127
127
  "husky": "9.1.7",
128
128
  "intersection-observer": "0.12.2",
129
129
  "jsdom": "26.1.0",
@@ -147,13 +147,13 @@
147
147
  "react-stately": "3.39.0",
148
148
  "react-swipeable": "7.0.2",
149
149
  "rollup-plugin-visualizer": "6.0.3",
150
- "storybook": "9.0.15",
150
+ "storybook": "9.0.16",
151
151
  "storybook-addon-tag-badges": "2.0.1",
152
152
  "typescript": "5.8.3",
153
153
  "url-loader": "4.1.1",
154
- "vite": "7.0.2",
154
+ "vite": "7.0.4",
155
155
  "vitest": "3.2.4",
156
- "webpack": "5.99.9"
156
+ "webpack": "5.100.1"
157
157
  },
158
158
  "peerDependencies": {
159
159
  "@autoguru/icons": ">=1.8.8",
package/dist/components/Stack/Divider.css.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare const hr: string;
2
- //# sourceMappingURL=Divider.css.d.ts.map
package/dist/components/Stack/Divider.css.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Divider.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,EAAE,QAOb,CAAC"}
package/dist/components/Stack/Divider.css.js DELETED
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
4
- __vanilla_filescope__.setFileScope("lib/components/Stack/Divider.css.ts", "@autoguru/overdrive");
5
- import { style } from '@vanilla-extract/css';
6
- import { gapVar } from "../../styles/vars.css.js";
7
- import { overdriveTokens as vars } from "../../themes/theme.css.js";
8
- export const hr = style({
9
- borderStyle: 'none',
10
- boxShadow: `inset 0 0 0 1px ${vars.colours.background.neutral}`,
11
- height: '1px',
12
- margin: 0,
13
- transform: `translateY(calc(${gapVar}/-2))`,
14
- width: '100%'
15
- }, "hr");
16
- __vanilla_filescope__.endFileScope();