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

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 (40) hide show
  1. package/dist/components/Box/useBox.d.ts +3 -3
  2. package/dist/components/Box/useBox.d.ts.map +1 -1
  3. package/dist/components/Button/Button.stories.d.ts.map +1 -1
  4. package/dist/components/Columns/Column.css.d.ts +44 -0
  5. package/dist/components/Columns/Column.css.d.ts.map +1 -0
  6. package/dist/components/Columns/Column.css.js +69 -0
  7. package/dist/components/Columns/Column.d.ts +6 -8
  8. package/dist/components/Columns/Column.d.ts.map +1 -1
  9. package/dist/components/Columns/Column.js +28 -9
  10. package/dist/components/Columns/ColumnGrid.css.d.ts +35 -0
  11. package/dist/components/Columns/ColumnGrid.css.d.ts.map +1 -0
  12. package/dist/components/Columns/ColumnGrid.css.js +71 -0
  13. package/dist/components/Columns/Columns.css.d.ts +28 -10
  14. package/dist/components/Columns/Columns.css.d.ts.map +1 -1
  15. package/dist/components/Columns/Columns.css.js +31 -34
  16. package/dist/components/Columns/Columns.d.ts +20 -13
  17. package/dist/components/Columns/Columns.d.ts.map +1 -1
  18. package/dist/components/Columns/Columns.js +35 -19
  19. package/dist/components/Columns/Columns.stories.d.ts.map +1 -1
  20. package/dist/components/DropDown/DropDown.stories.d.ts +1 -1
  21. package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.css.d.ts +2 -2
  22. package/dist/components/Inline/Inline.d.ts +1 -1
  23. package/dist/components/Inline/Inline.d.ts.map +1 -1
  24. package/dist/components/Inline/Inline.js +6 -7
  25. package/dist/components/LoadingBox/LoadingBox.stories.d.ts +57 -75
  26. package/dist/components/LoadingBox/LoadingBox.stories.d.ts.map +1 -1
  27. package/dist/components/Stack/Stack.d.ts +1 -1
  28. package/dist/components/Stack/Stack.d.ts.map +1 -1
  29. package/dist/components/Stack/Stack.js +4 -6
  30. package/dist/components/TextLink/TextLink.stories.d.ts +6 -6
  31. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts +0 -1
  32. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map +1 -1
  33. package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.js +1 -2
  34. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts +0 -1
  35. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map +1 -1
  36. package/dist/hooks/useNegativeMargin/useNegativeMarginTop.js +1 -2
  37. package/dist/styles/sprinkles.css.d.ts +57 -76
  38. package/dist/styles/sprinkles.css.d.ts.map +1 -1
  39. package/dist/styles/sprinkles.css.js +1 -23
  40. package/package.json +2 -2
package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.css.d.ts CHANGED
@@ -6,12 +6,12 @@ export declare const itemMinWidth: string;
6
6
  export declare const item: string;
7
7
  export declare const active: string;
8
8
  export declare const sprinklesColumnWidth: ((props: {
9
- flexBasis?: ("full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | {
9
+ flexBasis?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | null> | ("full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | {
10
10
  mobile?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | undefined;
11
11
  tablet?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | undefined;
12
12
  desktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | undefined;
13
13
  largeDesktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | undefined;
14
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | null>;
14
+ } | undefined);
15
15
  }) => string) & {
16
16
  properties: Set<"flexBasis">;
17
17
  };
package/dist/components/Inline/Inline.d.ts CHANGED
@@ -12,5 +12,5 @@ export interface InlineProps<E extends ElementType = 'div'> {
12
12
  space?: SprinklesResponsive['gap'];
13
13
  width?: SprinklesResponsive['width'];
14
14
  }
15
- export declare const Inline: <E extends ElementType = "div">({ alignX, alignY, children, dividers, noWrap, reverse, space, width, ...props }: InlineProps<E>) => React.JSX.Element;
15
+ export declare const Inline: <E extends ElementType = "div">({ alignX, alignY, children, dividers, noWrap, reverse, space, ...props }: InlineProps<E>) => React.JSX.Element;
16
16
  //# sourceMappingURL=Inline.d.ts.map
package/dist/components/Inline/Inline.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGb,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAChD,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAIzD,MAAM,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAK/C,MAAM,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAK3C,EAAE,CAAC,EAAE,CAAC,CAAC;IAIP,QAAQ,EAAE,SAAS,CAAC;IAIpB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAKzB,MAAM,CAAC,EAAE,OAAO,CAAC;IAIjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAInC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;CACrC;AAkCD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,iFAUnD,WAAW,CAAC,CAAC,CAAC,sBA4ChB,CAAC"}
1
+ {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGb,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAChD,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAIzD,MAAM,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAK/C,MAAM,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAK3C,EAAE,CAAC,EAAE,CAAC,CAAC;IAIP,QAAQ,EAAE,SAAS,CAAC;IAIpB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAKzB,MAAM,CAAC,EAAE,OAAO,CAAC;IAIjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAInC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;CACrC;AAkCD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,0EASnD,WAAW,CAAC,CAAC,CAAC,sBA4ChB,CAAC"}
package/dist/components/Inline/Inline.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- const _excluded = ["alignX", "alignY", "children", "dividers", "noWrap", "reverse", "space", "width"];
5
+ const _excluded = ["alignX", "alignY", "children", "dividers", "noWrap", "reverse", "space"];
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import React, { Children, isValidElement } from 'react';
@@ -28,8 +28,7 @@ export const Inline = _ref => {
28
28
  dividers,
29
29
  noWrap,
30
30
  reverse,
31
- space = '2',
32
- width
31
+ space = '2'
33
32
  } = _ref,
34
33
  props = _objectWithoutProperties(_ref, _excluded);
35
34
  const divider = renderDivider(dividers);
@@ -37,7 +36,7 @@ export const Inline = _ref => {
37
36
  Component,
38
37
  componentProps,
39
38
  SemanticChild
40
- } = useBox(_objectSpread({
39
+ } = useBox(_objectSpread(_objectSpread({}, props), {}, {
41
40
  alignItems: alignY,
42
41
  display: 'flex',
43
42
  flexDirection: reverse ? 'row-reverse' : 'row',
@@ -45,9 +44,9 @@ export const Inline = _ref => {
45
44
  gap: space,
46
45
  justifyContent: alignX,
47
46
  minWidth: 'fit-content',
48
- position: 'relative',
49
- width
50
- }, props));
47
+ odComponent: 'inline',
48
+ position: 'relative'
49
+ }));
51
50
  const items = flattenChildren(children);
52
51
  if (items.length < 2) {
53
52
  return _jsx(_Fragment, {
package/dist/components/LoadingBox/LoadingBox.stories.d.ts CHANGED
@@ -17,7 +17,7 @@ declare const _default: {
17
17
  disable: boolean;
18
18
  };
19
19
  };
20
- argTypes: Partial<import("@storybook/react").ArgTypes<import("..").BoxBasedProps<React.ElementType> & Omit<any, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "gridColumn" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "bg" | "fg" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | "className" | "as"> & {
20
+ argTypes: Partial<import("@storybook/react").ArgTypes<import("..").BoxBasedProps<React.ElementType> & Omit<any, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "bg" | "fg" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | "className" | "as"> & {
21
21
  borderRadius?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
22
22
  borderBottomColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
23
23
  borderLeftColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
@@ -83,18 +83,18 @@ declare const _default: {
83
83
  desktop?: "left" | "right" | "center" | undefined;
84
84
  largeDesktop?: "left" | "right" | "center" | undefined;
85
85
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
86
- height?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
86
+ height?: 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" | {
87
87
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
88
88
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
89
89
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
90
90
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
91
- } | 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>;
92
- 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" | {
91
+ } | undefined);
92
+ width?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
93
93
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
94
94
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
95
95
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
96
96
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
97
- } | undefined);
97
+ } | 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>;
98
98
  maxWidth?: ("fit-content" | "max-content" | {
99
99
  mobile?: "fit-content" | "max-content" | undefined;
100
100
  tablet?: "fit-content" | "max-content" | undefined;
@@ -107,24 +107,24 @@ declare const _default: {
107
107
  desktop?: "auto" | "fit-content" | undefined;
108
108
  largeDesktop?: "auto" | "fit-content" | undefined;
109
109
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "fit-content" | null>;
110
- gap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
110
+ 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" | {
111
111
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
112
112
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
113
113
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
114
114
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
115
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
116
- 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" | {
115
+ } | undefined);
116
+ columnGap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
117
117
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
118
118
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
119
119
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
120
120
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
121
- } | undefined);
122
- 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" | {
121
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
122
+ rowGap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
123
123
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
124
124
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
125
125
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
126
126
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
127
- } | undefined);
127
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
128
128
  alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | {
129
129
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
130
130
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | undefined;
@@ -203,54 +203,42 @@ declare const _default: {
203
203
  desktop?: "column" | "row" | "row dense" | "column dense" | undefined;
204
204
  largeDesktop?: "column" | "row" | "row dense" | "column dense" | undefined;
205
205
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "column" | "row" | "row dense" | "column dense" | null>;
206
- gridTemplateColumns?: ("none" | "auto" | {
207
- mobile?: "none" | "auto" | undefined;
208
- tablet?: "none" | "auto" | undefined;
209
- desktop?: "none" | "auto" | undefined;
210
- largeDesktop?: "none" | "auto" | undefined;
211
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "auto" | null>;
212
- gridTemplateRows?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "auto" | null> | ("none" | "auto" | {
213
- mobile?: "none" | "auto" | undefined;
214
- tablet?: "none" | "auto" | undefined;
215
- desktop?: "none" | "auto" | undefined;
216
- largeDesktop?: "none" | "auto" | undefined;
217
- } | undefined);
218
- gridColumn?: ("full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | {
219
- mobile?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
220
- tablet?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
221
- desktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
222
- largeDesktop?: "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | undefined;
223
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "full" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "1/6" | "2/6" | "3/6" | "4/6" | null>;
224
- 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" | {
206
+ gridColumns?: (string | {
207
+ mobile?: string | undefined;
208
+ tablet?: string | undefined;
209
+ desktop?: string | undefined;
210
+ largeDesktop?: string | undefined;
211
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, string | null>;
212
+ paddingBottom?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
225
213
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
226
214
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
227
215
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
228
216
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
229
- } | undefined);
230
- 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" | {
217
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
218
+ paddingLeft?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
231
219
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
232
220
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
233
221
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
234
222
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
235
- } | undefined);
236
- 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" | {
223
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
224
+ paddingRight?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
237
225
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
238
226
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
239
227
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
240
228
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
241
- } | undefined);
242
- 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" | {
229
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
230
+ paddingTop?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
243
231
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
244
232
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
245
233
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
246
234
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
247
- } | undefined);
248
- 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" | {
235
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
236
+ marginBottom?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
249
237
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
250
238
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
251
239
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
252
240
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
253
- } | undefined);
241
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
254
242
  marginLeft?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
255
243
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
256
244
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
@@ -263,18 +251,12 @@ declare const _default: {
263
251
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
264
252
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
265
253
  } | undefined);
266
- 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" | {
254
+ marginTop?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
267
255
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
268
256
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
269
257
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
270
258
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
271
- } | undefined);
272
- gridColumns?: ("none" | "auto" | {
273
- mobile?: "none" | "auto" | undefined;
274
- tablet?: "none" | "auto" | undefined;
275
- desktop?: "none" | "auto" | undefined;
276
- largeDesktop?: "none" | "auto" | undefined;
277
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "auto" | null>;
259
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
278
260
  placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null> | ("stretch" | "center" | "flex-end" | "flex-start" | {
279
261
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
280
262
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
@@ -287,66 +269,66 @@ declare const _default: {
287
269
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
288
270
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
289
271
  } | undefined);
290
- 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" | {
272
+ padding?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
291
273
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
292
274
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
293
275
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
294
276
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
295
- } | undefined);
296
- 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" | {
277
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
278
+ p?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
297
279
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
298
280
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
299
281
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
300
282
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
301
- } | undefined);
302
- 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" | {
283
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
284
+ paddingX?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
303
285
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
304
286
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
305
287
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
306
288
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
307
- } | undefined);
308
- 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" | {
289
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
290
+ px?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
309
291
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
310
292
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
311
293
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
312
294
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
313
- } | undefined);
314
- 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" | {
295
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
296
+ paddingY?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
315
297
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
316
298
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
317
299
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
318
300
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
319
- } | undefined);
320
- 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" | {
301
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
302
+ py?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
321
303
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
322
304
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
323
305
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
324
306
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
325
- } | undefined);
326
- 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" | {
307
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
308
+ pt?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
327
309
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
328
310
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
329
311
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
330
312
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
331
- } | undefined);
332
- 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" | {
313
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
314
+ pr?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
333
315
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
334
316
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
335
317
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
336
318
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
337
- } | undefined);
338
- 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" | {
319
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
320
+ pb?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
339
321
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
340
322
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
341
323
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
342
324
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
343
- } | undefined);
344
- 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" | {
325
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
326
+ pl?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
345
327
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
346
328
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
347
329
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
348
330
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
349
- } | undefined);
331
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
350
332
  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" | {
351
333
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
352
334
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -371,36 +353,36 @@ declare const _default: {
371
353
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
372
354
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
373
355
  } | undefined);
374
- 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" | {
356
+ marginY?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
375
357
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
376
358
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
377
359
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
378
360
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
379
- } | undefined);
380
- 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" | {
361
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
362
+ my?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
381
363
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
382
364
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
383
365
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
384
366
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
385
- } | undefined);
386
- 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" | {
367
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
368
+ mt?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
387
369
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
388
370
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
389
371
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
390
372
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
391
- } | undefined);
373
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
392
374
  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" | {
393
375
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
394
376
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
395
377
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
396
378
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
397
379
  } | undefined);
398
- 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" | {
380
+ mb?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
399
381
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
400
382
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
401
383
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
402
384
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
403
- } | undefined);
385
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
404
386
  ml?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
405
387
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
406
388
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
package/dist/components/LoadingBox/LoadingBox.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/LoadingBox/LoadingBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,wBAYoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}
1
+ {"version":3,"file":"LoadingBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/LoadingBox/LoadingBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,wBAYoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}
package/dist/components/Stack/Stack.d.ts CHANGED
@@ -7,5 +7,5 @@ export interface StackProps<E extends ElementType = 'div'> extends BoxBasedProps
7
7
  space?: SprinklesResponsive['gap'];
8
8
  width?: SprinklesResponsive['width'];
9
9
  }
10
- export declare const Stack: <E extends ElementType = "div">({ space, children, alignItems, width, dividers, ...props }: StackProps<E>) => React.JSX.Element;
10
+ export declare const Stack: <E extends ElementType = "div">({ space, children, alignItems, dividers, ...props }: StackProps<E>) => React.JSX.Element;
11
11
  //# sourceMappingURL=Stack.d.ts.map
package/dist/components/Stack/Stack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,KAAK,aAAa,EAAiC,MAAM,QAAQ,CAAC;AAI3E,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,CACxD,SAAQ,aAAa,CAAC,CAAC,CAAC;IAIxB,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAI/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAInC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;CACrC;AA4BD,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,4DAOlD,UAAU,CAAC,CAAC,CAAC,sBA0Cf,CAAC"}
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,KAAK,aAAa,EAAiC,MAAM,QAAQ,CAAC;AAI3E,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,CACxD,SAAQ,aAAa,CAAC,CAAC,CAAC;IAIxB,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAI/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAInC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;CACrC;AA4BD,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,qDAMlD,UAAU,CAAC,CAAC,CAAC,sBAyCf,CAAC"}
package/dist/components/Stack/Stack.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- const _excluded = ["space", "children", "alignItems", "width", "dividers"];
5
+ const _excluded = ["space", "children", "alignItems", "dividers"];
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import React, { Children } from 'react';
@@ -18,7 +18,6 @@ export const Stack = _ref => {
18
18
  space = '2',
19
19
  children,
20
20
  alignItems,
21
- width,
22
21
  dividers = false
23
22
  } = _ref,
24
23
  props = _objectWithoutProperties(_ref, _excluded);
@@ -26,13 +25,12 @@ export const Stack = _ref => {
26
25
  Component,
27
26
  componentProps,
28
27
  SemanticChild
29
- } = useBox(_objectSpread({
28
+ } = useBox(_objectSpread(_objectSpread({}, props), {}, {
30
29
  display: 'flex',
31
30
  flexDirection: 'column',
32
31
  gap: space,
33
- odComponent: 'stack',
34
- width
35
- }, props));
32
+ odComponent: 'stack'
33
+ }));
36
34
  const items = flattenChildren(children);
37
35
  if (items.length < 2) {
38
36
  return _jsx(_Fragment, {
package/dist/components/TextLink/TextLink.stories.d.ts CHANGED
@@ -33,19 +33,16 @@ declare const meta: {
33
33
  } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | null>;
34
34
  noWrap?: boolean | undefined;
35
35
  as?: import("../Text/useTextStyles").TextTags | undefined;
36
- testId?: string | undefined;
37
36
  defaultChecked?: boolean | undefined | undefined;
38
37
  defaultValue?: string | number | readonly string[] | undefined;
39
38
  suppressContentEditableWarning?: boolean | undefined | undefined;
40
39
  suppressHydrationWarning?: boolean | undefined | undefined;
41
- download?: any;
42
- htmlFor?: string | undefined | undefined;
43
- dir?: string | undefined | undefined;
44
40
  accessKey?: string | undefined | undefined;
45
41
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
46
42
  autoFocus?: boolean | undefined | undefined;
47
43
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
48
44
  contextMenu?: string | undefined | undefined;
45
+ dir?: string | undefined | undefined;
49
46
  draggable?: (boolean | "false" | "true") | undefined;
50
47
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
51
48
  lang?: string | undefined | undefined;
@@ -306,14 +303,17 @@ declare const meta: {
306
303
  onTransitionRunCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
307
304
  onTransitionStart?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
308
305
  onTransitionStartCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
306
+ testId?: string | undefined;
307
+ download?: any;
308
+ htmlFor?: string | undefined | undefined;
309
+ breakWord?: boolean | undefined;
309
310
  media?: string | undefined | undefined;
310
311
  target?: React.HTMLAttributeAnchorTarget | undefined;
311
312
  type?: string | undefined | undefined;
312
313
  href?: string | undefined | undefined;
313
314
  hrefLang?: string | undefined | undefined;
314
- referrerPolicy?: React.HTMLAttributeReferrerPolicy | undefined;
315
315
  ping?: string | undefined | undefined;
316
- breakWord?: boolean | undefined;
316
+ referrerPolicy?: React.HTMLAttributeReferrerPolicy | undefined;
317
317
  ref?: React.Ref<HTMLAnchorElement> | undefined;
318
318
  }>) => React.JSX.Element)[];
319
319
  argTypes: {
package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import { ThemeTokens as Tokens } from '../../themes';
2
2
  export declare const useNegativeMarginLeft: (space: keyof Tokens["space"]) => any;
3
- export default useNegativeMarginLeft;
4
3
  //# sourceMappingURL=useNegativeMarginLeft.d.ts.map
package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useNegativeMarginLeft.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginLeft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AASrD,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,MAAM,CAAC,OAAO,CAAC,QACT,CAAC;AAE1D,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"useNegativeMarginLeft.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginLeft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AASrD,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,MAAM,CAAC,OAAO,CAAC,QACT,CAAC"}
package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.js CHANGED
@@ -2,5 +2,4 @@
2
2
 
3
3
  import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
4
4
  import * as styles from "./useNegativeMarginLeft.css.js";
5
- export const useNegativeMarginLeft = space => resolveResponsiveStyle(space, styles.negativeMarginLeft);
6
- export default useNegativeMarginLeft;
5
+ export const useNegativeMarginLeft = space => resolveResponsiveStyle(space, styles.negativeMarginLeft);
package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import { ThemeTokens as Tokens } from '../../themes';
2
2
  export declare const useNegativeMarginTop: (space: keyof Tokens["space"]) => any;
3
- export default useNegativeMarginTop;
4
3
  //# sourceMappingURL=useNegativeMarginTop.d.ts.map
package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useNegativeMarginTop.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginTop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAQrD,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,MAAM,CAAC,OAAO,CAAC,QACT,CAAC;AAEzD,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"useNegativeMarginTop.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginTop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAQrD,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,MAAM,CAAC,OAAO,CAAC,QACT,CAAC"}
package/dist/hooks/useNegativeMargin/useNegativeMarginTop.js CHANGED
@@ -2,5 +2,4 @@
2
2
 
3
3
  import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
4
4
  import * as styles from "./useNegativeMarginTop.css.js";
5
- export const useNegativeMarginTop = space => resolveResponsiveStyle(space, styles.negativeMarginTop);
6
- export default useNegativeMarginTop;
5
+ export const useNegativeMarginTop = space => resolveResponsiveStyle(space, styles.negativeMarginTop);