@autoguru/overdrive 4.41.0-next.6 → 4.42.0-next.0

package/dist/styles/intentional.css.js

@@ -4,7 +4,7 @@ import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/styles/intentional.css.ts", "@autoguru/overdrive");
 import { styleVariants } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { themeContractVars as vars } from "../themes/theme.css.js";
+import { overdriveTokens as vars } from "../themes/theme.css.js";
 export const variantIntentionalColors = styleVariants(vars.colours.intent, variant => ({
   backgroundColor: variant.background.standard,
   border: variant.border,

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

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

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

@@ -0,0 +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"}

package/dist/styles/layers.css.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+__vanilla_filescope__.setFileScope("lib/styles/layers.css.ts", "@autoguru/overdrive");
+import { globalLayer } from '@vanilla-extract/css';
+export const cssLayerReset = globalLayer('reset');
+export const cssLayerTheme = globalLayer('theme');
+export const cssLayerTypography = globalLayer({
+  parent: cssLayerTheme
+}, 'typography');
+__vanilla_filescope__.endFileScope();

package/dist/styles/sprinkles.css.js

@@ -8,7 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
 import { breakpoints } from "../themes/makeTheme.js";
-import { themeContractVars as tokens } from "../themes/theme.css.js";
+import { overdriveTokens as tokens } from "../themes/theme.css.js";
 const {
   space
 } = tokens;

package/dist/styles/stack.css.js

@@ -3,7 +3,7 @@
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/styles/stack.css.ts", "@autoguru/overdrive");
 import { recipe } from '@vanilla-extract/recipes';
-import { themeContractVars as tokens } from "../themes/theme.css.js";
+import { overdriveTokens as tokens } from "../themes/theme.css.js";
 export const stack = recipe({
   base: {
     display: 'flex',

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

@@ -1,5 +1,5 @@
 export declare const fontSize: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "sm" | "md" | "lg" | "xl" | "2xl" | "xxs" | "xs" | "3xl" | "4xl", string>;
-export declare const fontWeight: Record<"normal" | "semiBold" | "bold", string>;
+export declare const fontWeight: Record<"bold" | "normal" | "semiBold", string>;
 export declare const styledFont: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         xxs: {
@@ -75,7 +75,7 @@ export declare const styledFont: import("@vanilla-extract/recipes").RuntimeFn<{
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
-    weight: Record<"normal" | "semiBold" | "bold", string>;
+    weight: Record<"bold" | "normal" | "semiBold", string>;
     lineHeight: {
         true: never[];
     };

package/dist/styles/typography.css.js

@@ -7,7 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { styleVariants } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
-import { themeContractVars as tokens } from "../themes/theme.css.js";
+import { overdriveTokens as tokens } from "../themes/theme.css.js";
 const fontScale = _objectSpread(_objectSpread({}, tokens.typography.size), {}, {
   xxs: tokens.typography.size[1],
   xs: tokens.typography.size[2],

package/dist/themes/base/colours.d.ts

@@ -0,0 +1,139 @@
+export declare const colourMapWithoutWhite: {
+    black: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    gray: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    green: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    blue: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    yellow: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    red: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+};
+export declare const colourMap: {
+    white: string;
+    black: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    gray: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    green: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    blue: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    yellow: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    red: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+};
+export declare const secondaryForeground: string;
+//# sourceMappingURL=colours.d.ts.map

package/dist/themes/base/colours.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colours.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/colours.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEb,CAAC;AAEtB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGD,CAAC;AACtB,eAAO,MAAM,mBAAmB,QAAwB,CAAC"}

package/dist/themes/base/colours.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+export const colourMapWithoutWhite = {
+  black: {
+    '900': '#222222',
+    '800': '#2A2C2A',
+    '700': '#444644',
+    '600': '#626262',
+    '500': '#808080',
+    '400': '#ADB1B5',
+    '300': '#D4D9DD',
+    '200': '#DDE0E3',
+    '100': '#E4E4E4'
+  },
+  gray: {
+    '900': '#212338',
+    '800': '#34384c',
+    '700': '#484c5f',
+    '600': '#5c6172',
+    '500': '#6c7283',
+    '400': '#8f95a1',
+    '300': '#d4d9dd',
+    '200': '#eef0f2',
+    '100': '#fafbfc'
+  },
+  green: {
+    '900': '#078171',
+    '800': '#05987a',
+    '700': '#03af83',
+    '600': '#01c68c',
+    '500': '#00dd95',
+    '400': '#36e5aa',
+    '300': '#71edc2',
+    '200': '#e3f8f0',
+    '100': '#f2fdf9'
+  },
+  blue: {
+    '900': '#0d47a1',
+    '800': '#0d4bb7',
+    '700': '#0d50ce',
+    '600': '#0d54e5',
+    '500': '#0d59fc',
+    '400': '#4680fc',
+    '300': '#80a7fd',
+    '200': '#e1edfe',
+    '100': '#f3f8ff'
+  },
+  yellow: {
+    '900': '#f38e29',
+    '800': '#f69a1f',
+    '700': '#f9a715',
+    '600': '#fcb30b',
+    '500': '#ffc001',
+    '400': '#ffcf3d',
+    '300': '#ffde79',
+    '200': '#ffedb5',
+    '100': '#fffcf2'
+  },
+  red: {
+    '900': '#780502',
+    '800': '#96110e',
+    '700': '#b51e1a',
+    '600': '#d42b26',
+    '500': '#e12e28',
+    '400': '#e85f5b',
+    '300': '#ef918e',
+    '200': '#ffd4d4',
+    '100': '#fdf4f4'
+  }
+};
+export const colourMap = _objectSpread(_objectSpread({}, colourMapWithoutWhite), {}, {
+  white: '#ffffff'
+});
+export const secondaryForeground = colourMap.gray['900'];