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

package/dist/reset/reset.css.js

@@ -6,6 +6,7 @@ __vanilla_filescope__.setFileScope("lib/reset/reset.css.ts", "@autoguru/overdriv
 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; }
 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; }
 import { style } from '@vanilla-extract/css';
+import { cssLayerReset } from "../styles/layers.css.js";
 import { overdriveTokens } from "../themes/theme.css.js";
 export const base = {
   fontSize: '100%',
@@ -17,63 +18,119 @@ export const trimmed = {
   padding: 0
 };
 export const container = style({
-  fontFamily: overdriveTokens.typography.fontFamily,
-  fontSize: overdriveTokens.typography.size[4].fontSize,
-  fontWeight: overdriveTokens.typography.fontWeight.normal,
-  lineHeight: overdriveTokens.typography.size[4].lineHeight
+  '@layer': {
+    [cssLayerReset]: {
+      fontFamily: overdriveTokens.typography.fontFamily,
+      fontSize: overdriveTokens.typography.size[4].fontSize,
+      fontWeight: overdriveTokens.typography.fontWeight.normal,
+      lineHeight: overdriveTokens.typography.size[4].lineHeight
+    }
+  }
 }, "container");
 const appearance = style({
-  appearance: 'none'
+  '@layer': {
+    [cssLayerReset]: {
+      appearance: 'none'
+    }
+  }
 }, "appearance");
 const cursorPointer = style({
-  cursor: 'pointer'
+  '@layer': {
+    [cssLayerReset]: {
+      cursor: 'pointer'
+    }
+  }
 }, "cursorPointer");
-const inlineText = style(_objectSpread({}, base), "inlineText");
-const block = style(_objectSpread(_objectSpread({}, base), {}, {
-  display: 'block'
-}), "block");
-const list = style(_objectSpread(_objectSpread(_objectSpread({}, base), trimmed), {}, {
-  listStyle: 'none'
-}), "list");
-const trimmedBlockElement = style(_objectSpread(_objectSpread({}, base), trimmed), "trimmedBlockElement");
+const inlineText = style({
+  '@layer': {
+    [cssLayerReset]: _objectSpread({}, base)
+  }
+}, "inlineText");
+const block = style({
+  '@layer': {
+    [cssLayerReset]: _objectSpread(_objectSpread({}, base), {}, {
+      display: 'block'
+    })
+  }
+}, "block");
+const list = style({
+  '@layer': {
+    [cssLayerReset]: _objectSpread(_objectSpread(_objectSpread({}, base), trimmed), {}, {
+      listStyle: 'none'
+    })
+  }
+}, "list");
+const trimmedBlockElement = style({
+  '@layer': {
+    [cssLayerReset]: _objectSpread(_objectSpread({}, base), trimmed)
+  }
+}, "trimmedBlockElement");
 const button = [appearance, cursorPointer, trimmedBlockElement, style({
-  outline: 'none',
-  background: 'none',
-  userSelect: 'none'
+  '@layer': {
+    [cssLayerReset]: {
+      outline: 'none',
+      background: 'none',
+      userSelect: 'none'
+    }
+  }
 }, "button")];
 const field = [trimmedBlockElement, appearance];
 const select = [].concat(field, [style({
-  selectors: {
-    '&::-ms-expand': {
-      display: 'none'
+  '@layer': {
+    [cssLayerReset]: {
+      selectors: {
+        '&::-ms-expand': {
+          display: 'none'
+        }
+      }
     }
   }
 }, "select")]);
 const input = [].concat(field, [style({
-  selectors: {
-    '&::-ms-clear': {
-      display: 'none'
-    },
-    '&::-webkit-clear-button, &::-webkit-search-cancel-button, &::-webkit-search-results-button': {
-      WebkitAppearance: 'none'
-    },
-    '&[type="number"]::-webkit-outer-spin-button, &[type="number"]::-webkit-inner-spin-button': {
-      margin: 0,
-      WebkitAppearance: 'none'
+  '@layer': {
+    [cssLayerReset]: {
+      selectors: {
+        '&::-ms-clear': {
+          display: 'none'
+        },
+        '&::-webkit-clear-button, &::-webkit-search-cancel-button, &::-webkit-search-results-button': {
+          WebkitAppearance: 'none'
+        },
+        '&[type="number"]::-webkit-outer-spin-button, &[type="number"]::-webkit-inner-spin-button': {
+          margin: 0,
+          WebkitAppearance: 'none'
+        }
+      }
     }
   }
 }, "input")]);
-const a = [cursorPointer, style(_objectSpread(_objectSpread(_objectSpread({}, base), trimmed), {}, {
-  textDecoration: 'none'
-}), "a")];
+const a = [cursorPointer, style({
+  '@layer': {
+    [cssLayerReset]: _objectSpread(_objectSpread(_objectSpread({}, base), trimmed), {}, {
+      textDecoration: 'none'
+    })
+  }
+}, "a")];
 const table = [trimmedBlockElement, style({
-  borderSpacing: 0,
-  borderCollapse: 'collapse'
+  '@layer': {
+    [cssLayerReset]: {
+      borderSpacing: 0,
+      borderCollapse: 'collapse'
+    }
+  }
 }, "table")];
 const vAlignMiddle = [trimmedBlockElement, style({
-  verticalAlign: 'middle'
+  '@layer': {
+    [cssLayerReset]: {
+      verticalAlign: 'middle'
+    }
+  }
 }, "vAlignMiddle")];
-const blockText = style(_objectSpread(_objectSpread({}, base), trimmed), "blockText");
+const blockText = style({
+  '@layer': {
+    [cssLayerReset]: _objectSpread(_objectSpread({}, base), trimmed)
+  }
+}, "blockText");
 export const element = {
   div: block,
   p: blockText,

package/dist/stories/helpers/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type RecipeStackProps } from '../../styles/stack.css';
 import { type Sprinkles } from './sprinkles.css';
+import { type RecipeStackProps } from './stack.css';
 import { type VariantColourSwatchProps } from './styles.css';
 export type AsProp<C extends React.ElementType> = {
     as?: C;

package/dist/stories/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/stories/helpers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAEN,KAAK,wBAAwB,EAC7B,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACjD,EAAE,CAAC,EAAE,CAAC,CAAC;CACP,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAClE,CAAC,CAAC;AAEH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,kBAAkB,CACrE,CAAC,EACD,SAAS,CACT,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,8CAMtD,QAAQ,CAAC,CAAC,CAAC,sBAQb,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CACzB,SAAS,EACT,YAAY,GAAG,eAAe,GAAG,UAAU,GAAG,KAAK,GAAG,gBAAgB,CACtE,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,kBAAkB,CACvE,CAAC,EACD,gBAAgB,GAAG,cAAc,CACjC,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,uHAYxD,UAAU,CAAC,CAAC,CAAC,sBAkBf,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,gDAM1B,wBAAwB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,sBAOA,CAAC;AAEF,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/stories/helpers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAS,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAEN,KAAK,wBAAwB,EAC7B,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACjD,EAAE,CAAC,EAAE,CAAC,CAAC;CACP,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAClE,CAAC,CAAC;AAEH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,kBAAkB,CACrE,CAAC,EACD,SAAS,CACT,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,8CAMtD,QAAQ,CAAC,CAAC,CAAC,sBAQb,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CACzB,SAAS,EACT,YAAY,GAAG,eAAe,GAAG,UAAU,GAAG,KAAK,GAAG,gBAAgB,CACtE,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,kBAAkB,CACvE,CAAC,EACD,gBAAgB,GAAG,cAAc,CACjC,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,uHAYxD,UAAU,CAAC,CAAC,CAAC,sBAkBf,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,gDAM1B,wBAAwB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,sBAOA,CAAC;AAEF,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/stories/helpers/sprinkles.css.d.ts

@@ -294,7 +294,7 @@ export declare const sprinkles: ((props: {
         selected?: "none" | "default" | undefined;
     } | undefined;
 }) => string) & {
-    properties: Set<"width" | "size" | "alignItems" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridTemplateColumns" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "paddingX" | "paddingY" | "marginX" | "marginY" | "gridColumns">;
+    properties: Set<"width" | "size" | "alignItems" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridTemplateColumns" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "gridColumns" | "paddingX" | "paddingY" | "marginX" | "marginY">;
 };
 export type Sprinkles = Parameters<typeof sprinkles>[0];
 //# sourceMappingURL=sprinkles.css.d.ts.map

package/dist/stories/helpers/stack.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.css.d.ts","sourceRoot":"","sources":["../../../lib/stories/helpers/stack.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAOvE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBhB,CAAC;AAEH,KAAK,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;AAK1D,MAAM,WAAW,gBAAgB;IAIhC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAI1B,UAAU,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CACpC"}

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

@@ -1,4 +1,6 @@
 export declare const cssLayerReset: string;
 export declare const cssLayerTheme: string;
 export declare const cssLayerTypography: string;
+export declare const cssLayerUtil: string;
+export declare const cssLayerComponent: string;
 //# sourceMappingURL=layers.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../lib/styles/layers.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,kBAAkB,QAG9B,CAAC"}
+{"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../lib/styles/layers.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,kBAAkB,QAG9B,CAAC;AACF,eAAO,MAAM,YAAY,QAAsB,CAAC;AAChD,eAAO,MAAM,iBAAiB,QAA2B,CAAC"}

package/dist/styles/layers.css.js

@@ -8,4 +8,6 @@ export const cssLayerTheme = globalLayer('theme');
 export const cssLayerTypography = globalLayer({
   parent: cssLayerTheme
 }, 'typography');
+export const cssLayerUtil = globalLayer('util');
+export const cssLayerComponent = globalLayer('component');
 __vanilla_filescope__.endFileScope();