@autoguru/overdrive 4.11.1 → 4.11.3

package/dist/themes/theme.css.d.ts

@@ -0,0 +1,262 @@
+export declare const themeContractVars: 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>;
+export declare const container: string;
+//# sourceMappingURL=theme.css.d.ts.map

package/dist/themes/theme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAuN5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}

package/dist/themes/theme.css.js

@@ -2,13 +2,9 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/themes/theme.css.ts", "@autoguru/overdrive");
-
 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 { createThemeContract, style } from '@vanilla-extract/css';
 import { buildColourGamut } from "./makeTheme.js";
 const colours = {
@@ -287,5 +283,4 @@ export const container = style({
   boxSizing: 'border-box',
   font: '400 16px/22px AvertaStandard, system-ui, sans-serif'
 }, "container");
-
 __vanilla_filescope__.endFileScope();

package/dist/themes/tokens.d.ts

@@ -0,0 +1,96 @@
+import { Tokens as VanillaTokens } from '@vanilla-extract/css/dist/declarations/src/types';
+declare type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
+declare type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+declare type BorderWidthScale = '1' | '2' | '3' | 'none';
+declare type IconSizeScale = 'small' | 'medium' | 'large';
+declare type DeviceSize = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
+declare type ColourValue = Record<string, string>;
+interface ColourIntensityMap extends VanillaTokens {
+    standard: string;
+    mild: string;
+    strong: string;
+}
+export declare type ColourMap = Record<string, ColourValue>;
+declare type ColourReds = 'red900' | 'red800' | 'red700' | 'red600' | 'red500' | 'red400' | 'red300' | 'red200' | 'red100';
+declare type ColourGrays = 'gray900' | 'gray800' | 'gray700' | 'gray600' | 'gray500' | 'gray400' | 'gray300' | 'gray200' | 'gray100';
+declare type ColourGreens = 'green900' | 'green800' | 'green700' | 'green600' | 'green500' | 'green400' | 'green300' | 'green200' | 'green100';
+declare type ColourBlues = 'blue900' | 'blue800' | 'blue700' | 'blue600' | 'blue500' | 'blue400' | 'blue300' | 'blue200' | 'blue100';
+declare type ColourYellows = 'yellow900' | 'yellow800' | 'yellow700' | 'yellow600' | 'yellow500' | 'yellow400' | 'yellow300' | 'yellow200' | 'yellow100';
+export declare type ColourGamut = ColourGrays | ColourBlues | ColourGreens | ColourReds | ColourYellows;
+declare type Intent = 'primary' | 'secondary' | 'shine' | 'neutral' | 'danger' | 'warning' | 'success' | 'information';
+declare type BaseColours = 'white';
+export declare type BreakPoints = Record<DeviceSize, string>;
+export interface Tokens extends VanillaTokens {
+    mode: 'light' | 'dark' | string;
+    body: {
+        colour: string;
+        backgroundColour: string;
+    };
+    contentWidth: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: Record<SpaceScale, string>;
+    elevation: {
+        none: string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+    };
+    colours: {
+        gamut: Record<ColourGamut | BaseColours, string>;
+        foreground: {
+            body: string;
+            link: string;
+        };
+        background: {
+            body: string;
+            light: string;
+            neutral: string;
+            neutralDark: string;
+        };
+        intent: Record<Intent, {
+            foreground: string;
+            border: string;
+            background: ColourIntensityMap;
+        }>;
+    };
+    border: {
+        width: Record<BorderWidthScale, string>;
+        colours: {
+            light: string;
+            gray: string;
+            dark: string;
+        };
+        radius: {
+            none: string;
+            '1': string;
+            min: string;
+            pill: string;
+            full: string;
+        };
+    };
+    typography: {
+        size: Record<TextSizeScale, {
+            fontSize: string;
+            lineHeight: string;
+        }>;
+        colour: Record<'link' | Exclude<Intent, 'neutral'> | 'dark' | 'light' | 'neutral' | 'muted' | BaseColours, string>;
+        fontWeight: Record<'normal' | 'semiBold' | 'bold', string>;
+    };
+    animation: {
+        easing: {
+            standard: string;
+            decelerate: string;
+            accelerate: string;
+        };
+    };
+    icon: {
+        size: Record<IconSizeScale, string>;
+    };
+}
+export {};
+//# sourceMappingURL=tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -0,0 +1,19 @@
+import type { Ref } from 'react';
+import { useLayoutEffect } from 'react';
+export declare const isBrowser: boolean;
+export declare const isomorphicLayoutEffect: typeof useLayoutEffect;
+export declare const useUncontrolledState: <T extends unknown>(value: T, onChange?: ((value: T) => void) | undefined) => [T, (value: T) => void];
+export declare const useInputControlledState: <T, H>(incomingValue: T, incomingOnChange?: H | undefined) => [T, H];
+export declare const useId: (idFromProps?: string | undefined) => string | null;
+export declare const setRef: <T>(ref: Ref<T>, value: T) => void;
+export declare const isHtmlElement: (element: any) => element is Element;
+export declare const hex2rgba: (c: any, alpha?: string) => string;
+export declare const ownerWindow: (node?: Node | undefined) => Window;
+export declare const ownerDocument: (node?: Node | undefined) => Document;
+export declare const useEventCallback: <T extends Function>(fn: T) => (...args: any[]) => undefined;
+export declare const animate: <T extends HTMLElement>(element: T, property: keyof T, to: number, duration?: number) => (() => void) | void;
+export declare type Alignment = 'left' | 'right' | 'center';
+export declare const alignmentToFlexAlignment: (align: Alignment) => "center" | "flexStart" | "flexEnd";
+export declare const arrayRingLookup: <T extends ArrayLike<unknown>>(collection: T) => (index: any) => unknown;
+export declare const noop: () => void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAGN,eAAe,EAGf,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,SAAS,SAAgC,CAAC;AAEvD,eAAO,MAAM,sBAAsB,wBAA0C,CAAC;AAE9E,eAAO,MAAM,oBAAoB,0DAEP,IAAI,oCACT,IAAI,CAOxB,CAAC;AAGF,eAAO,MAAM,uBAAuB,sEAenC,CAAC;AAaF,eAAO,MAAM,KAAK,wCAA2B,MAAM,GAAG,IAmBrD,CAAC;AAEF,eAAO,MAAM,MAAM,oCAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,GAAG,uBACoB,CAAC;AAE/D,eAAO,MAAM,QAAQ,oCAIsB,CAAC;AAE5C,eAAO,MAAM,WAAW,+BAAkB,MACC,CAAC;AAC5C,eAAO,MAAM,aAAa,+BAAkB,QACZ,CAAC;AASjC,eAAO,MAAM,gBAAgB,8DAO5B,CAAC;AAMF,eAAO,MAAM,OAAO,6DAGf,MAAM,wBAER,CAAC,MAAM,IAAI,CAAC,GAAG,IA8BjB,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpD,eAAO,MAAM,wBAAwB,UAAW,SAAS,uCAKT,CAAC;AAYjD,eAAO,MAAM,eAAe,0EAK3B,CAAC;AAGF,eAAO,MAAM,IAAI,YAAW,CAAC"}

package/dist/utils/index.js

@@ -7,24 +7,19 @@ export const useUncontrolledState = (value, onChange) => {
   if (typeof onChange === 'function') {
     return [value, onChange];
   }
-
   return useState(value);
 };
 const handlers = new WeakMap();
 export const useInputControlledState = (incomingValue, incomingOnChange) => {
   if (typeof incomingOnChange === 'function') return [incomingValue, incomingOnChange];
   const [value, setValue] = useState(incomingValue);
-
   if (!handlers.has(setValue)) {
     handlers.set(setValue, e => setValue(e.target.value));
   }
-
   return [value, handlers.get(setValue)];
 };
 let id = 0;
-
 const genId = () => ++id;
-
 let serverHandoffComplete = false;
 export const useId = idFromProps => {
   const initialId = idFromProps !== null && idFromProps !== void 0 ? idFromProps : serverHandoffComplete ? genId() : null;
@@ -55,7 +50,6 @@ export const hex2rgba = function (c) {
 };
 export const ownerWindow = node => {
   var _ownerDocument;
-
   return ((_ownerDocument = ownerDocument(node)) === null || _ownerDocument === void 0 ? void 0 : _ownerDocument.defaultView) || window;
 };
 export const ownerDocument = node => (node === null || node === void 0 ? void 0 : node.ownerDocument) || document;
@@ -68,33 +62,26 @@ export const useEventCallback = fn => {
     return void ref.current.apply(ref, arguments);
   }, []);
 };
-
 const easeInOutCubic = t => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
-
 export const animate = function (element, property, to) {
   let duration = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 600;
   let start = null;
   const from = element[property];
   if (start === from) return;
   let cancelled = false;
-
   const cancel = () => {
     cancelled = true;
   };
-
   const step = timestamp => {
     if (cancelled) return;
-
     if (start === null) {
       start = timestamp;
     }
-
     const time = Math.min(1, (timestamp - start) / duration);
     element[property] = easeInOutCubic(time) * (to - from) + from;
     if (time >= 1) return;
     requestAnimationFrame(step);
   };
-
   requestAnimationFrame(step);
   return cancel;
 };

package/dist/utils/mapTokenToProperty.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from '@vanilla-extract/css';
+import { Properties } from 'csstype';
+declare type PropValue<T> = T extends Record<string | number, infer U> ? U : never;
+export declare const mapTokenToProperty: <T>(record: T, property: keyof Properties<0 | (string & {}), string & {}> | ((value: PropValue<T>) => CSSProperties), omitKeys?: string[]) => Record<keyof T, CSSProperties>;
+export {};
+//# sourceMappingURL=mapTokenToProperty.d.ts.map

package/dist/utils/mapTokenToProperty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapTokenToProperty.d.ts","sourceRoot":"","sources":["../../lib/utils/mapTokenToProperty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,aAAK,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAE3E,eAAO,MAAM,kBAAkB,wGAEM,aAAa,cACvC,MAAM,EAAE,mCAchB,CAAC"}

package/dist/utils/mapTokenToProperty.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 mapTokenToProperty = function (record, property) {
   let omitKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   return Object.entries(record).filter(_ref => {

package/dist/utils/number.d.ts

@@ -0,0 +1,7 @@
+export declare const bigNumFormatter: (num: number) => {
+    value: number;
+    descriptor: string;
+};
+export declare const toPrettyBigNumber: (number: number, fractionDigits?: number) => string;
+export declare const addWithSafeDecimal: (a: number, b: number) => number;
+//# sourceMappingURL=number.d.ts.map

package/dist/utils/number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../lib/utils/number.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,QACtB,MAAM,KACT;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAoBrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,WACrB,MAAM,8BAEZ,MAMF,CAAC;AAEF,eAAO,MAAM,kBAAkB,MAAO,MAAM,KAAK,MAAM,KAAG,MAC9B,CAAC"}

package/dist/utils/resolveResponsiveProps.d.ts

@@ -0,0 +1,7 @@
+import { breakpoints } from '../themes/makeTheme';
+export declare type ResponsiveProp<T> = T | T[];
+declare type BreakpointStyleMap = Record<keyof typeof breakpoints, any>;
+export declare const resolveResponsiveStyle: <Tokens extends string | number>(responsiveArgument: ResponsiveProp<Tokens> | null | undefined, breakpointTokenMap: Record<Tokens, BreakpointStyleMap>) => any;
+export declare function getEarliestKnownToken<Tokens extends string | number | boolean | {}>(responsiveArgument: Tokens[], counter: number): Tokens;
+export {};
+//# sourceMappingURL=resolveResponsiveProps.d.ts.map

package/dist/utils/resolveResponsiveProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveResponsiveProps.d.ts","sourceRoot":"","sources":["../../lib/utils/resolveResponsiveProps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,oBAAY,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAExC,aAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,OAAO,WAAW,EAAE,GAAG,CAAC,CAAC;AAShE,eAAO,MAAM,sBAAsB,gKAalC,CAAC;AAwBF,wBAAgB,qBAAqB,CACpC,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,EAAE,EAC5C,kBAAkB,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAavD"}

package/dist/utils/resolveResponsiveProps.js

@@ -8,28 +8,22 @@ export const resolveResponsiveStyle = (responsiveArgument, breakpointTokenMap) =
   if (!Array.isArray(responsiveArgument)) return breakpointTokenMap[responsiveArgument] ? breakpointTokenMap[responsiveArgument].mobile : void 0;
   return clsx(_toConsumableArray(buildClassFor(responsiveArgument, breakpointTokenMap)));
 };
-
 function* buildClassFor(responsiveArgument, breakpointTokenMap) {
   let counter = 0;
   const maxLoops = Math.max(responsiveArgument.length, responsiveTokenOrder.length);
-
   while (counter < maxLoops) {
     var _responsiveArgument$c;
-
     const orderToken = responsiveTokenOrder[counter];
     const result = breakpointTokenMap[(_responsiveArgument$c = responsiveArgument === null || responsiveArgument === void 0 ? void 0 : responsiveArgument[counter]) !== null && _responsiveArgument$c !== void 0 ? _responsiveArgument$c : getEarliestKnownToken(responsiveArgument, counter)];
     yield result ? result[orderToken] : void 0;
     ++counter;
   }
 }
-
 export function getEarliestKnownToken(responsiveArgument, counter) {
   let idx = counter;
-
   do {
     --idx;
     if (responsiveArgument[idx] !== undefined && responsiveArgument[idx] !== null) return responsiveArgument[idx];
   } while (idx !== 0);
-
   return '';
 }

package/dist/utils/responsiveProps.css.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from '@vanilla-extract/css';
+import { Properties } from 'csstype';
+export declare type ResponsiveProp<T extends any> = T | T[];
+export declare const makeResponsiveStyle: <Token extends Record<string | number, any>>(tokens: any, property: ((value: any) => CSSProperties) | keyof Properties<0 | (string & {}), string & {}>) => Record<keyof Token, any>;
+//# sourceMappingURL=responsiveProps.css.d.ts.map

package/dist/utils/responsiveProps.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveProps.css.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveProps.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAS,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMrC,oBAAY,cAAc,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAIpD,eAAO,MAAM,mBAAmB,+EAEZ,GAAG,KAAK,aAAa,iFAoBS,CAAC"}

package/dist/utils/responsiveProps.css.js

@@ -2,13 +2,9 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/utils/responsiveProps.css.ts", "@autoguru/overdrive");
-
 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 { style } from '@vanilla-extract/css';
 import { breakpoints } from "../themes/makeTheme.js";
 import { responsiveStyle } from "./responsiveStyle.js";
@@ -27,5 +23,4 @@ export const makeResponsiveStyle = (tokens, property) => Object.entries(tokens |
     }, {})
   });
 }, {});
-
 __vanilla_filescope__.endFileScope();

package/dist/utils/responsiveStyle.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties, StyleWithSelectors } from '@vanilla-extract/css/dist/declarations/src/types';
+import { breakpoints } from '../themes/makeTheme';
+export declare const responsiveStyle: (breakpointsEntries: Partial<Record<keyof typeof breakpoints, StyleWithSelectors>>) => CSSProperties;
+//# sourceMappingURL=responsiveStyle.d.ts.map

package/dist/utils/responsiveStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveStyle.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,kBAAkB,EAClB,MAAM,kDAAkD,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,eAAO,MAAM,eAAe,uBACP,QACnB,OAAO,MAAM,kBAAkB,EAAE,kBAAkB,CAAC,CACpD,KACC,aAmBF,CAAC"}

package/dist/utils/responsiveStyle.js

@@ -1,27 +1,21 @@
 "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 { breakpoints } from "../themes/makeTheme.js";
 export const responsiveStyle = breakpointsEntries => {
   const styles = {};
-
   for (const [query, style] of Object.entries(breakpointsEntries)) {
     if (query === 'mobile') {
       Object.assign(styles, style);
       continue;
     }
-
     Object.assign(styles, {
       '@media': _objectSpread(_objectSpread({}, styles['@media']), {}, {
         ["screen and (min-width: ".concat(breakpoints[query], ")")]: style
       })
     });
   }
-
   return styles;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.11.1",
+	"version": "4.11.3",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -33,7 +33,7 @@
 		"lint": "tsc --noEmit --skipLibCheck",
 		"typeEmit": "tsc -d --declarationDir dist --emitDeclarationOnly",
 		"build": "babel lib --out-dir dist --extensions '.ts,.tsx, .css'",
-		"prepublishOnly": "yarn run build",
+		"prepublishOnly": "yarn run build && yarn run typeEmit",
 		"watch": "tsc --watch"
 	},
 	"devDependencies": {