@autoguru/overdrive 4.11.2 → 4.11.4

package/dist/components/DateInput/DateInput.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["field", "eventHandlers", "validation", "isLoading", "suffixed", "prefixed", "size"];
-
 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 { warning } from '@autoguru/utilities';
 import * as React from 'react';
 import { Box } from "../Box/index.js";
@@ -15,16 +12,15 @@ import { withEnhancedInput } from "../private/InputBase/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const DateInput = withEnhancedInput(_ref => {
   let {
-    field,
-    eventHandlers,
-    validation,
-    isLoading,
-    suffixed,
-    prefixed,
-    size
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      field,
+      eventHandlers,
+      validation,
+      isLoading,
+      suffixed,
+      prefixed,
+      size
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   process.env.NODE_ENV !== "production" ? warning(field.value !== '', 'Date Input does not support empty values.') : void 0;
   return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     is: "input"

package/dist/components/DateInput/stories.js

@@ -1,18 +1,14 @@
 "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 { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CurrencyUsdIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import { action } from '@storybook/addon-actions';
 import isChromatic from 'chromatic/isChromatic';
 import * as React from 'react';
 import { DateInput } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const formatDate = function () {
   let date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
   const year = date.getFullYear();
@@ -20,15 +16,12 @@ const formatDate = function () {
   const day = date.getDate().toString().padStart(2, '0');
   return "".concat(year, "-").concat(month, "-").concat(day);
 };
-
 const todayStr = formatDate(isChromatic() ? new Date(2019, 5, 1) : new Date());
 export default {
   title: 'Components/Inputs/Date',
   component: DateInput,
   parameters: {
-    chromatic: {
-      delay: 3000
-    }
+    chromatic: {}
   }
 };
 const iconOptions = {
@@ -71,9 +64,7 @@ const argTypes = {
     }
   }
 };
-
 const Template = args => _jsx(DateInput, _objectSpread({}, args));
-
 const sharedProps = {
   disabled: false,
   name: 'date',
@@ -91,34 +82,28 @@ const sharedProps = {
   onBlur: action('onBlur')
 };
 const standardProps = sharedProps;
-
 const withAValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: todayStr,
   placeholder: 'What is your DOB?'
 });
-
 const withHintTextProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   hintText: 'Hint Text',
   placeholder: 'What is your DOB?'
 });
-
 const withIconProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   prefixIcon: CalendarIcon
 });
-
 const disabledProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: todayStr,
   placeholder: 'What is your DOB?',
   disabled: true
 });
-
 const validProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: todayStr,
   placeholder: 'What is your DOB?',
   isTouched: true,
   isValid: true
 });
-
 const invalidProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: '2050-10-13',
   placeholder: 'What is your DOB?',
@@ -126,22 +111,18 @@ const invalidProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   isValid: false,
   hintText: 'Invalid date of birth'
 });
-
 const noNotchProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   placeholder: 'What is your DOB?',
   notch: false
 });
-
 const noNotchWithValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: todayStr,
   placeholder: 'What is your DOB?',
   notch: false
 });
-
 const loadingProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   isLoading: true
 });
-
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
 standard.argTypes = argTypes;
@@ -172,37 +153,29 @@ invalid.argTypes = argTypes;
 export const loading = Template.bind(loadingProps);
 loading.args = loadingProps;
 loading.argTypes = argTypes;
-
 const smallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   size: 'small'
 });
-
 export const small = Template.bind(smallProps);
 small.args = smallProps;
 small.argTypes = argTypes;
-
 const withValueSmallProps = _objectSpread(_objectSpread({}, withAValueProps), {}, {
   size: 'small'
 });
-
 export const withValueSmall = Template.bind(withValueSmallProps);
 withValueSmall.args = withValueSmallProps;
 withValueSmall.argTypes = argTypes;
-
 const withIconSmallProps = _objectSpread(_objectSpread({}, withAValueProps), {}, {
   prefixIcon: CarIcon,
   size: 'small'
 });
-
 export const withIconSmall = Template.bind(withIconSmallProps);
 withIconSmall.args = withIconSmallProps;
 withIconSmall.argTypes = argTypes;
-
 const loadingSmallProps = _objectSpread(_objectSpread({}, withAValueProps), {}, {
   isLoading: true,
   size: 'small'
 });
-
 export const loadingSmall = Template.bind(loadingSmallProps);
 loadingSmall.args = loadingSmallProps;
 loadingSmall.argTypes = argTypes;

package/dist/components/DatePicker/DatePicker.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/DatePicker/DatePicker.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 export const input = style({
   top: 0,
@@ -40,5 +38,4 @@ export const spinner = style({
   left: '50%',
   transform: 'translate(-50%, -50%)'
 }, "spinner");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/DatePicker/DatePicker.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "icon", "size", "disabled", "isLoading", "onChange"];
-
 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 { CalendarIcon } from '@autoguru/icons';
 import clsx from 'clsx';
 import * as React from 'react';
@@ -21,21 +18,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const DatePicker = _ref => {
   let {
-    className = '',
-    icon = CalendarIcon,
-    size = 'medium',
-    disabled = false,
-    isLoading = false,
-    onChange
-  } = _ref,
-      inputProps = _objectWithoutProperties(_ref, _excluded);
-
+      className = '',
+      icon = CalendarIcon,
+      size = 'medium',
+      disabled = false,
+      isLoading = false,
+      onChange
+    } = _ref,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
   const onChangeEvent = event => {
     if (typeof onChange === 'function') {
       onChange(event.currentTarget.value);
     }
   };
-
   return _jsxs(Box, {
     position: "relative",
     overflow: "hidden",

package/dist/components/DatePicker/stories.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 { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CheckIcon, CurrencyUsdIcon, MagnifyIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import * as React from 'react';
 import { DatePicker } from "./index.js";
@@ -43,9 +40,7 @@ export default {
     }
   }
 };
-
 const Template = args => _jsx(DatePicker, _objectSpread({}, args));
-
 const standardProps = {
   isLoading: false,
   disabled: false

package/dist/components/DividerLine/DividerLine.css.d.ts

@@ -1,10 +1,5 @@
-import { style } from '@vanilla-extract/css';
-import { Tokens } from '../../themes/tokens';
-declare type Colours = keyof Tokens['colours']['intent'];
-export declare const colours: Record<Colours, ReturnType<typeof style>>;
 export declare const size: {
     horizontal: Record<string | number, string>;
     vertical: Record<string | number, string>;
 };
-export {};
 //# sourceMappingURL=DividerLine.css.d.ts.map

package/dist/components/DividerLine/DividerLine.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DividerLine/DividerLine.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,aAAK,OAAO,GAAG,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;AACjD,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAyB7D,CAAC;AAKF,eAAO,MAAM,IAAI;;;CAiBhB,CAAC"}
+{"version":3,"file":"DividerLine.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DividerLine/DividerLine.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;CAiBhB,CAAC"}

package/dist/components/DividerLine/DividerLine.css.js

@@ -1,37 +1,8 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/DividerLine/DividerLine.css.ts", "@autoguru/overdrive");
-
-import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
-export const colours = {
-  primary: style({
-    backgroundColor: vars.colours.intent.primary.background.standard
-  }, "colours_primary"),
-  secondary: style({
-    backgroundColor: vars.colours.intent.secondary.background.standard
-  }, "colours_secondary"),
-  danger: style({
-    backgroundColor: vars.colours.intent.danger.background.standard
-  }, "colours_danger"),
-  information: style({
-    backgroundColor: vars.colours.intent.information.background.standard
-  }, "colours_information"),
-  warning: style({
-    backgroundColor: vars.colours.intent.warning.background.standard
-  }, "colours_warning"),
-  success: style({
-    backgroundColor: vars.colours.intent.success.background.standard
-  }, "colours_success"),
-  neutral: style({
-    backgroundColor: vars.colours.intent.neutral.background.mild
-  }, "colours_neutral"),
-  shine: style({
-    backgroundColor: vars.colours.intent.shine.foreground
-  }, "colours_shine")
-};
+import { styleVariants } from '@vanilla-extract/css';
 const sizes = [1, 2, 3];
 export const size = {
   horizontal: styleVariants(sizes.reduce((sizes, size) => {
@@ -47,5 +18,4 @@ export const size = {
     return sizes;
   }, {}), "size_vertical")
 };
-
 __vanilla_filescope__.endFileScope();

package/dist/components/DividerLine/DividerLine.d.ts

@@ -1,11 +1,12 @@
 import { ComponentProps, FunctionComponent } from 'react';
 import { Box } from '../';
+import { Tokens } from '../../themes/tokens';
 import * as styles from './DividerLine.css';
 interface Props {
     isVertical?: boolean;
     className?: string;
     space: ComponentProps<typeof Box>['marginY'];
-    colour?: keyof typeof styles.colours;
+    colour?: keyof Tokens['colours']['intent'];
     size?: keyof typeof styles.size['horizontal'];
 }
 export declare const DividerLine: FunctionComponent<Props>;

package/dist/components/DividerLine/DividerLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.d.ts","sourceRoot":"","sources":["../../../lib/components/DividerLine/DividerLine.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAE5C,UAAU,KAAK;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAehD,CAAC"}
+{"version":3,"file":"DividerLine.d.ts","sourceRoot":"","sources":["../../../lib/components/DividerLine/DividerLine.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAE5C,UAAU,KAAK;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAgBhD,CAAC"}

package/dist/components/DividerLine/DividerLine.js

@@ -14,7 +14,8 @@ export const DividerLine = _ref => {
     size = 1
   } = _ref;
   return _jsx(Box, {
-    className: clsx(className, styles.colours[colour], {
+    backgroundColour: colour,
+    className: clsx(className, {
       [styles.size.horizontal[size]]: !isVertical,
       [styles.size.vertical[size]]: isVertical
     }),

package/dist/components/DividerLine/stories.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 * as React from 'react';
 import { Box } from "../Box/index.js";
 import { Heading } from "../Heading/index.js";
@@ -70,7 +67,6 @@ export default {
     })
   })]
 };
-
 const template = args => _jsxs(Box, {
   children: [_jsx(Heading, {
     is: "h2",
@@ -82,7 +78,6 @@ const template = args => _jsxs(Box, {
     children: "Title 1"
   })]
 });
-
 const verticalTemplate = args => _jsxs(Inline, {
   alignY: "stretch",
   children: [_jsx(Heading, {
@@ -95,7 +90,6 @@ const verticalTemplate = args => _jsxs(Inline, {
     children: "Title 1"
   })]
 });
-
 const templateAllColours = args => _jsx(Box, {
   children: colours.map(colour => _jsxs(_Fragment, {
     children: [_jsx(Heading, {
@@ -107,7 +101,6 @@ const templateAllColours = args => _jsx(Box, {
     }))]
   }))
 });
-
 const standardProps = {
   space: '5',
   size: 3,
@@ -115,11 +108,9 @@ const standardProps = {
 };
 export const standard = template.bind(standardProps);
 standard.args = standardProps;
-
 const verticalProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   isVertical: true
 });
-
 export const vertical = verticalTemplate.bind(verticalProps);
 vertical.args = verticalProps;
 export const standardAllColours = templateAllColours.bind(standardProps);

package/dist/components/Flyout/Flyout.js

@@ -3,25 +3,21 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "triggerRef", "isOpen", "alignment", "triggerOffset"];
-
 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 * as React from 'react';
 import { Box } from "../Box/index.js";
 import { Positioner } from "../Positioner/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Flyout = _ref => {
   let {
-    children,
-    triggerRef,
-    isOpen,
-    alignment,
-    triggerOffset
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      triggerRef,
+      isOpen,
+      alignment,
+      triggerOffset
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return _jsx(Positioner, _objectSpread(_objectSpread({
     triggerRef: triggerRef,
     isOpen: isOpen,

package/dist/components/Flyout/stories.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 * as React from 'react';
 import { useRef } from 'react';
 import { Box } from "../Box/index.js";
@@ -35,9 +32,7 @@ export default {
     }
   },
   parameters: {
-    chromatic: {
-      delay: 3000
-    }
+    chromatic: {}
   }
 };
 const sharedProps = {
@@ -45,7 +40,6 @@ const sharedProps = {
   isOpen: false,
   triggerOffset: 12
 };
-
 const Template = _ref => {
   let args = Object.assign({}, _ref);
   const triggerRef = useRef(null);
@@ -84,11 +78,9 @@ const Template = _ref => {
     }))]
   });
 };
-
 const openProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   isOpen: true
 });
-
 export const Open = Template.bind(openProps);
 Open.args = openProps;
 export const Closed = Template.bind(sharedProps);

package/dist/components/Heading/stories.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 * as React from 'react';
 import { Heading } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -85,7 +82,6 @@ export default {
     }
   }
 };
-
 const Template = args => _jsx("div", {
   style: {
     maxWidth: '350px',
@@ -93,7 +89,6 @@ const Template = args => _jsx("div", {
   },
   children: _jsx(Heading, _objectSpread({}, args))
 });
-
 const AllTypesTemplate = args => _jsx("div", {
   style: {
     maxWidth: '350px',
@@ -103,7 +98,6 @@ const AllTypesTemplate = args => _jsx("div", {
     is: is
   }), is))
 });
-
 const AllColoursTemplate = args => _jsx("div", {
   style: {
     maxWidth: '350px',
@@ -118,7 +112,6 @@ const AllColoursTemplate = args => _jsx("div", {
     }), index)
   }, index))
 });
-
 const standardProps = {
   is: 'h1',
   children: 'I am a heading'

package/dist/components/Icon/Icon.css.js

@@ -1,14 +1,11 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Icon/Icon.css.ts", "@autoguru/overdrive");
-
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
 export const size = makeResponsiveStyle(vars.icon.size, value => ({
   width: value,
   height: value
 }));
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Icon/stories.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 { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CheckIcon, CurrencyUsdIcon, MagnifyIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import * as React from 'react';
 import { Icon } from "./index.js";
@@ -41,32 +38,24 @@ export default {
     }
   }
 };
-
 const template = args => _jsx(Icon, _objectSpread({}, args));
-
 const standardProps = {
   icon: CalendarIcon
 };
 export const standard = template.bind(standardProps);
 standard.args = standardProps;
-
 const responsiveProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   size: ['small', 'medium', 'large']
 });
-
 export const responsive = template.bind(responsiveProps);
 responsive.args = responsiveProps;
-
 const mediumProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   size: 'medium'
 });
-
 export const medium = template.bind(mediumProps);
 medium.args = mediumProps;
-
 const largeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   size: 'large'
 });
-
 export const large = template.bind(largeProps);
 large.args = largeProps;

package/dist/components/Image/Image.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["unoptimised"];
-
 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 * as React from 'react';
 import { useImageServer } from "./ImageServerProvider.js";
 import { ResponsiveImage } from "./ResponsiveImage.js";
@@ -15,10 +12,9 @@ import { SimpleImage } from "./SimpleImage.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Image = _ref => {
   let {
-    unoptimised = false
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      unoptimised = false
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return useImageServer() && !unoptimised ? _jsx(ResponsiveImage, _objectSpread({}, props)) : _jsx(SimpleImage, _objectSpread({}, props));
 };
 export default Image;

package/dist/components/Image/ResponsiveImage.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["imageWidth", "sizes", "quality", "src"];
-
 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 { invariant } from '@autoguru/utilities';
 import * as React from 'react';
 import { useMemo } from 'react';
@@ -17,13 +14,12 @@ import { SimpleImage } from "./SimpleImage.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const ResponsiveImage = _ref => {
   let {
-    imageWidth: imageWidthList,
-    sizes: sizesList = '100vw',
-    quality = 70,
-    src: incomingSrc
-  } = _ref,
-      imgProps = _objectWithoutProperties(_ref, _excluded);
-
+      imageWidth: imageWidthList,
+      sizes: sizesList = '100vw',
+      quality = 70,
+      src: incomingSrc
+    } = _ref,
+    imgProps = _objectWithoutProperties(_ref, _excluded);
   !(quality > 0 && quality <= 100) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Image must be a number between 1 and 100.') : invariant(false) : void 0;
   const imageWidth = useResponsiveValue(imageWidthList);
   const sizes = useResponsiveValue(sizesList);