@autoguru/overdrive 4.11.1 → 4.11.3

package/dist/themes/flat_red/tokens.d.ts

@@ -0,0 +1,2 @@
+export declare const tokens: any;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/themes/flat_red/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAsEA,eAAO,MAAM,MAAM,KA4CI,CAAC"}

package/dist/themes/flat_red/tokens.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import deepmerge from 'deepmerge';
 import { tokens as baseTokens } from "../base/tokens.js";
 import { buildColourGamut } from "../makeTheme.js";

package/dist/themes/flat_red/vars.css.d.ts

@@ -0,0 +1,2 @@
+export declare const themeRef: string;
+//# sourceMappingURL=vars.css.d.ts.map

package/dist/themes/flat_red/vars.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/vars.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,EAAE,MAItB,CAAC"}

package/dist/themes/flat_red/vars.css.js

@@ -1,12 +1,9 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/themes/flat_red/vars.css.ts", "@autoguru/overdrive");
-
 import { createTheme } from '@vanilla-extract/css';
 import { themeContractVars } from "../theme.css.js";
 import { tokens } from "./tokens.js";
 export const themeRef = createTheme(themeContractVars, tokens, 'OD_flatRed');
-
 __vanilla_filescope__.endFileScope();

package/dist/themes/helpers.d.ts

@@ -0,0 +1,28 @@
+interface ShadedColourProps {
+    colour: string;
+    intensity: number | string | null;
+    direction: 'forward' | 'backward';
+    isDarkTheme: boolean;
+    transparency?: number | string | null;
+}
+export declare const shadedColour: ({ colour, intensity, direction, isDarkTheme, transparency, }: ShadedColourProps) => string;
+declare type RGBNumbers = {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+export declare const hexToRGB: (hex: string) => RGBNumbers;
+export declare const rgbStrToRGB: (rgb: string) => RGBNumbers;
+export declare const getRGBValues: (hexOrRGB: string) => RGBNumbers;
+export declare const getColourLuminance: (rgb: RGBNumbers) => number;
+export declare const getContrastRatio: (colour1: string, colour2: string) => number;
+declare type AccessibilityLevel = 'AA' | 'AAA';
+declare type AccessibilityTextSize = 'SMALL' | 'LARGE';
+export declare const passesAccessibilityContrast: ({ colour1, colour2, level, textSize, }: {
+    colour1: string;
+    colour2: string;
+    level: AccessibilityLevel;
+    textSize: AccessibilityTextSize;
+}) => boolean;
+export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/themes/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../lib/themes/helpers.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,iEAMtB,iBAAiB,KAAG,MAiBtB,CAAC;AAEF,aAAK,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC;AAE7D,eAAO,MAAM,QAAQ,QAAS,MAAM,KAAG,UAYtC,CAAC;AAEF,eAAO,MAAM,WAAW,QAAS,MAAM,KAAG,UAOzC,CAAC;AAEF,eAAO,MAAM,YAAY,aAAc,MAAM,KAAG,UACwB,CAAC;AAEzE,eAAO,MAAM,kBAAkB,QAAS,UAAU,WAQjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,MAAM,WAAW,MAAM,KAAG,MAMnE,CAAC;AAEF,aAAK,kBAAkB,GAAG,IAAI,GAAG,KAAK,CAAC;AACvC,aAAK,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,eAAO,MAAM,2BAA2B;aAM9B,MAAM;aACN,MAAM;WACR,kBAAkB;cACf,qBAAqB;MAC5B,OAQH,CAAC"}

package/dist/themes/helpers.js

@@ -58,10 +58,8 @@ export const passesAccessibilityContrast = _ref2 => {
     textSize
   } = _ref2;
   const contrastRatio = getContrastRatio(colour1, colour2);
-
   if (textSize === 'LARGE') {
     return level === 'AAA' ? contrastRatio < 1 / 4.5 : contrastRatio < 1 / 3;
   }
-
   return level === 'AAA' ? contrastRatio < 1 / 7 : contrastRatio < 1 / 4.5;
 };

package/dist/themes/index.d.ts

@@ -0,0 +1,4 @@
+export { default as baseTheme } from './base';
+export { default as flatRedTheme } from './flat_red';
+export { default as neutralTheme } from './neutral';
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/themes/makeTheme.d.ts

@@ -0,0 +1,8 @@
+import { BreakPoints, ColourGamut, ColourMap } from './tokens';
+export declare const breakpoints: BreakPoints;
+export declare const makeRuntimeTokens: (runtimeBreakpoints?: BreakPoints) => {
+    breakpoints: BreakPoints;
+};
+export declare type RuntimeTokens = ReturnType<typeof makeRuntimeTokens>;
+export declare const buildColourGamut: (colours: ColourMap) => Record<ColourGamut, string>;
+//# sourceMappingURL=makeTheme.d.ts.map

package/dist/themes/makeTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeTheme.d.ts","sourceRoot":"","sources":["../../lib/themes/makeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,WAKzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,wBACT,WAAW;;CAG9B,CAAC;AAEH,oBAAY,aAAa,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,YACnB,SAAS,KAChB,OAAO,WAAW,EAAE,MAAM,CAe3B,CAAC"}

package/dist/themes/makeTheme.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 export const breakpoints = {
   mobile: '0px',
   tablet: '768px',

package/dist/themes/neutral/index.d.ts

@@ -0,0 +1,267 @@
+declare const _default: {
+    name: string;
+    themeRef: string;
+    vars: import("@vanilla-extract/private").MapLeafNodes<{
+        mode: string;
+        body: {
+            backgroundColour: string;
+            colour: string;
+        };
+        contentWidth: {
+            small: string;
+            large: string;
+            medium: string;
+        };
+        space: {
+            '1': string;
+            '2': string;
+            '3': string;
+            '4': string;
+            '5': string;
+            '6': string;
+            '7': string;
+            '8': string;
+            '9': string;
+            none: string;
+        };
+        colours: {
+            gamut: {
+                white: string;
+                red900: string;
+                red800: string;
+                red700: string;
+                red600: string;
+                red500: string;
+                red400: string;
+                red300: string;
+                red200: string;
+                red100: string;
+                gray900: string;
+                gray800: string;
+                gray700: string;
+                gray600: string;
+                gray500: string;
+                gray400: string;
+                gray300: string;
+                gray200: string;
+                gray100: string;
+                green900: string;
+                green800: string;
+                green700: string;
+                green600: string;
+                green500: string;
+                green400: string;
+                green300: string;
+                green200: string;
+                green100: string;
+                blue900: string;
+                blue800: string;
+                blue700: string;
+                blue600: string;
+                blue500: string;
+                blue400: string;
+                blue300: string;
+                blue200: string;
+                blue100: string;
+                yellow900: string;
+                yellow800: string;
+                yellow700: string;
+                yellow600: string;
+                yellow500: string;
+                yellow400: string;
+                yellow300: string;
+                yellow200: string;
+                yellow100: string;
+            };
+            foreground: {
+                body: string;
+                link: string;
+            };
+            background: {
+                body: string;
+                light: string;
+                neutral: string;
+                neutralDark: string;
+            };
+            intent: {
+                primary: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+                secondary: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+                shine: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+                danger: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+                warning: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+                neutral: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+                success: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+                information: {
+                    background: {
+                        standard: string;
+                        mild: string;
+                        strong: string;
+                    };
+                    foreground: string;
+                    border: string;
+                };
+            };
+        };
+        elevation: {
+            none: string;
+            '1': string;
+            '2': string;
+            '3': string;
+            '4': string;
+            '5': string;
+        };
+        border: {
+            width: {
+                none: string;
+                '1': string;
+                '2': string;
+                '3': string;
+            };
+            colours: {
+                light: string;
+                gray: string;
+                dark: string;
+            };
+            radius: {
+                none: string;
+                pill: string;
+                full: string;
+                '1': string;
+                min: string;
+            };
+        };
+        typography: {
+            size: {
+                '1': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '2': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '3': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '4': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '5': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '6': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '7': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '8': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                '9': {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+            };
+            colour: {
+                primary: string;
+                secondary: string;
+                shine: string;
+                link: string;
+                dark: string;
+                white: string;
+                muted: string;
+                neutral: string;
+                light: string;
+                danger: string;
+                warning: string;
+                success: string;
+                information: string;
+            };
+            fontWeight: {
+                normal: string;
+                semiBold: string;
+                bold: string;
+            };
+        };
+        animation: {
+            easing: {
+                standard: string;
+                decelerate: string;
+                accelerate: string;
+            };
+        };
+        icon: {
+            size: {
+                small: string;
+                medium: string;
+                large: string;
+            };
+        };
+    }, import("@vanilla-extract/private").CSSVarFunction>;
+    tokens: import("../tokens").Tokens;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/neutral/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}

package/dist/themes/neutral/tokens.d.ts

@@ -0,0 +1,3 @@
+import { Tokens } from '../tokens';
+export declare const tokens: Tokens;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/themes/neutral/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,MAAM,EAAE,MAAM,WAAW,CAAC;AAkE9C,eAAO,MAAM,MAAM,EAAE,MAuNpB,CAAC"}

package/dist/themes/neutral/tokens.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { buildColourGamut } from "../makeTheme.js";
 const colours = {
   gray: {

package/dist/themes/neutral/vars.css.d.ts

@@ -0,0 +1,2 @@
+export declare const themeRef: string;
+//# sourceMappingURL=vars.css.d.ts.map

package/dist/themes/neutral/vars.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/vars.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,EAAE,MAItB,CAAC"}

package/dist/themes/neutral/vars.css.js

@@ -1,12 +1,9 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/themes/neutral/vars.css.ts", "@autoguru/overdrive");
-
 import { createTheme } from '@vanilla-extract/css';
 import { themeContractVars } from "../theme.css.js";
 import { tokens } from "./tokens.js";
 export const themeRef = createTheme(themeContractVars, tokens, 'OD_Neutral');
-
 __vanilla_filescope__.endFileScope();