@autoguru/overdrive 4.11.2 → 4.11.4

package/dist/components/Portal/stories.js

@@ -1,13 +1,9 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _document;
-
 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 "../Heading/index.js";
 import { Stack } from "../Stack/index.js";
@@ -36,12 +32,10 @@ export default {
     }
   }
 };
-
 const StandardTemplate = function () {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   return _jsx(Portal, _objectSpread(_objectSpread({}, args), {}, {
     children: _jsx(Text, {
       colour: "primary",
@@ -49,12 +43,10 @@ const StandardTemplate = function () {
     })
   }));
 };
-
 const NestedTemplate = function () {
   for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
     args[_key2] = arguments[_key2];
   }
-
   return _jsx(Portal, _objectSpread(_objectSpread({}, args), {}, {
     children: _jsxs(Stack, {
       space: "5",
@@ -71,7 +63,6 @@ const NestedTemplate = function () {
     })
   }));
 };
-
 const standardProps = {
   container: (_document = document) === null || _document === void 0 ? void 0 : _document.getElementsByTagName('body')[0]
 };

package/dist/components/Positioner/Positioner.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Positioner/Positioner.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
   zIndex: 1050,
@@ -12,5 +10,4 @@ export const root = style({
   transform: 'translateZ(0)',
   willChange: 'transform'
 }, "root");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Positioner/Positioner.js

@@ -4,11 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 const _excluded = ["alignment", "isOpen", "triggerRef", "triggerOffset", "children"];
-
 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 { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
 import { defaultModifiers } from '@popperjs/core/lib/popper';
 import * as React from 'react';
@@ -34,14 +31,13 @@ const createPopper = popperGenerator({
 });
 export const Positioner = _ref => {
   let {
-    alignment = EAlignment.BOTTOM_LEFT,
-    isOpen = false,
-    triggerRef,
-    triggerOffset = 12,
-    children
-  } = _ref,
-      boxProps = _objectWithoutProperties(_ref, _excluded);
-
+      alignment = EAlignment.BOTTOM_LEFT,
+      isOpen = false,
+      triggerRef,
+      triggerOffset = 12,
+      children
+    } = _ref,
+    boxProps = _objectWithoutProperties(_ref, _excluded);
   if (!isBrowser) return null;
   const placement = convertPlacement(alignment);
   const referenceRef = useRef(null);
@@ -65,13 +61,11 @@ export const Positioner = _ref => {
     });
     setRef(popperInstanceRef, popper);
   }, [isOpen, placement, triggerOffset]);
-
   const handleClose = () => {
     if (!popperInstanceRef.current) return;
     popperInstanceRef.current.destroy();
     setRef(popperInstanceRef, null);
   };
-
   useEffect(() => {
     handleOpen();
   }, [handleOpen]);
@@ -95,24 +89,18 @@ export const Positioner = _ref => {
     }))
   });
 };
-
 const convertPlacement = alignment => {
   switch (alignment) {
     case EAlignment.BOTTOM_LEFT:
       return 'bottom-start';
-
     case EAlignment.BOTTOM_RIGHT:
       return 'bottom-end';
-
     case EAlignment.TOP_LEFT:
       return 'top-start';
-
     case EAlignment.TOP_RIGHT:
       return 'top-end';
-
     default:
       return alignment;
   }
 };
-
 export default Positioner;

package/dist/components/Positioner/alignment.js

@@ -1,7 +1,6 @@
 "use strict";
 
 export let EAlignment;
-
 (function (EAlignment) {
   EAlignment["TOP"] = "top";
   EAlignment["TOP_LEFT"] = "top_left";

package/dist/components/Positioner/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 isChromatic from 'chromatic/isChromatic';
 import * as React from 'react';
 import { useRef } from 'react';
@@ -20,9 +17,7 @@ export default {
   title: 'Utility/Positioner',
   component: Positioner,
   parameters: {
-    chromatic: {
-      delay: 3000
-    }
+    chromatic: {}
   },
   argTypes: {
     alignment: {
@@ -41,7 +36,6 @@ export default {
     }
   }
 };
-
 const Template = args => {
   const triggerRef = useRef(null);
   return _jsxs("div", {
@@ -66,7 +60,6 @@ const Template = args => {
     }))]
   });
 };
-
 const WithScrollTemplate = args => {
   const triggerRef = useRef(null);
   return _jsx("div", {
@@ -107,7 +100,6 @@ const WithScrollTemplate = args => {
     })
   });
 };
-
 const standardProps = {
   alignment: EAlignment.BOTTOM_LEFT,
   isOpen: false,
@@ -115,18 +107,14 @@ const standardProps = {
 };
 export const closed = Template.bind(standardProps);
 closed.args = standardProps;
-
 const openProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   isOpen: true
 });
-
 export const open = Template.bind(openProps);
 open.args = openProps;
-
 const illustrateAScrollProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   isOpen: true
 });
-
 export const illustrateAScroll = WithScrollTemplate.bind(illustrateAScrollProps);
 illustrateAScroll.args = openProps;
 illustrateAScroll.parameters = {

package/dist/components/ProgressBar/ProgressBar.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/ProgressBar/ProgressBar.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const container = style({
@@ -13,5 +11,4 @@ export const bar = style({
   transition: "width 0.2s ".concat(vars.animation.easing.standard, " 0s"),
   willChange: 'width'
 }, "bar");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/ProgressBar/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 { Stack } from "../Stack/index.js";
 import { ProgressBar } from "./index.js";
@@ -15,9 +12,7 @@ export default {
   title: 'Components/Progress/ProgressBar',
   component: ProgressBar
 };
-
 const Template = args => _jsx(ProgressBar, _objectSpread({}, args));
-
 const AllColoursTemplate = args => _jsxs(Stack, {
   space: "2",
   children: [_jsx(ProgressBar, _objectSpread({
@@ -37,7 +32,6 @@ const AllColoursTemplate = args => _jsxs(Stack, {
     colour: "yellow"
   }, args))]
 });
-
 const standardProps = {};
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;

package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js

@@ -1,14 +1,11 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/ProgressBarGroup/ProgressBarGroup.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = style({
   display: 'grid',
   gridGap: "".concat(vars.space['1'], " ").concat(vars.space['5'])
 }, "root");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/ProgressBarGroup/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 { ProgressBarGroup } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -13,9 +10,7 @@ export default {
   title: 'Components/Progress/ProgressBarGroup',
   component: ProgressBarGroup
 };
-
 const Template = args => _jsx(ProgressBarGroup, _objectSpread({}, args));
-
 const values = [48, 16, 24, 0, 3];
 const standardProps = {
   values,

package/dist/components/ProgressSpinner/ProgressSpinner.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/ProgressSpinner/ProgressSpinner.css.ts", "@autoguru/overdrive");
-
 import { keyframes, style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 const spinAnim = keyframes({
@@ -87,5 +85,4 @@ export const size = {
     }
   }, "size_large")
 };
-
 __vanilla_filescope__.endFileScope();

package/dist/components/ProgressSpinner/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 { ProgressSpinner } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -33,9 +30,7 @@ export const Standard = () => _jsx(ProgressSpinner, {
   colour: "primary",
   size: "medium"
 });
-
 const Template = args => _jsx(ProgressSpinner, _objectSpread({}, args));
-
 const standardProps = {};
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;

package/dist/components/Radio/Radio.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Radio/Radio.css.ts", "@autoguru/overdrive");
-
 import { styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const circle = styleVariants({
@@ -29,5 +27,4 @@ export const circle = styleVariants({
     borderColor: vars.typography.colour.primary
   }
 }, "circle");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Radio/Radio.js

@@ -22,13 +22,10 @@ export const Radio = forwardRef((_ref, ref) => {
   } = useCheckableStyles();
   const radioContext = useRadioContext();
   const isChecked = value === radioContext.value;
-
   const handleClick = () => {
     var _radioContext$radioSe;
-
     return (_radioContext$radioSe = radioContext.radioSelected) === null || _radioContext$radioSe === void 0 ? void 0 : _radioContext$radioSe.call(radioContext, value);
   };
-
   return _jsxs(CheckableBase, {
     ref: ref,
     inputType: "radio",

package/dist/components/Radio/stories.js

@@ -3,12 +3,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["value", "children"],
-      _excluded2 = ["value"];
-
+  _excluded2 = ["value"];
 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 { Badge } from "../Badge/index.js";
 import { Heading } from "../Heading/index.js";
@@ -55,11 +52,10 @@ const argTypes = {
 };
 export const list = _ref => {
   let {
-    value,
-    children
-  } = _ref,
-      args = _objectWithoutProperties(_ref, _excluded);
-
+      value,
+      children
+    } = _ref,
+    args = _objectWithoutProperties(_ref, _excluded);
   return _jsx(RadioGroup, {
     value: value,
     name: "favourite fruit",
@@ -76,13 +72,11 @@ list.args = {
   disabled: false
 };
 list.argTypes = argTypes;
-
 const Template = _ref2 => {
   let {
-    value
-  } = _ref2,
-      args = _objectWithoutProperties(_ref2, _excluded2);
-
+      value
+    } = _ref2,
+    args = _objectWithoutProperties(_ref2, _excluded2);
   return _jsx(RadioGroup, {
     value: value,
     name: "favourite fruit",
@@ -91,7 +85,6 @@ const Template = _ref2 => {
     }, args))
   });
 };
-
 const uncheckedProps = {
   disabled: false,
   children: 'check me!',
@@ -124,7 +117,6 @@ const multipleLinesProps = {
   children: 'There is a very good reason why this thing is a multi-line, sometimes we need to show people a lot of things. And thus this exists.',
   value: 'berry'
 };
-
 const Item = _ref3 => {
   let {
     label,
@@ -143,7 +135,6 @@ const Item = _ref3 => {
     })]
   });
 };
-
 const withComponentProps = {
   disabled: false,
   children: _jsx(Item, {

package/dist/components/Section/Section.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Section/Section.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
@@ -11,5 +9,4 @@ export const root = style({
   margin: '0 auto'
 }, "root");
 export const width = styleVariants(mapTokenToProperty(vars.contentWidth, 'maxWidth'), "width");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Section/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 { boxArgTypes } from "../Box/argTypes.js";
@@ -19,7 +16,6 @@ export default {
     paddingX: boxArgTypes.paddingX
   }
 };
-
 const template = args => _jsxs(Section, _objectSpread(_objectSpread({}, args), {}, {
   children: [_jsx(Box, _objectSpread(_objectSpread({}, boxPropsProps), {}, {
     children: "Box 1"
@@ -27,7 +23,6 @@ const template = args => _jsxs(Section, _objectSpread(_objectSpread({}, args), {
     children: "Box 2"
   }))]
 }));
-
 const boxPropsProps = {
   width: 'full',
   borderColour: 'dark',

package/dist/components/SelectInput/SelectInput.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/SelectInput/SelectInput.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const input = style({}, "input");
@@ -18,5 +16,4 @@ export const arrow = style({
   top: '0',
   right: '0'
 }, "arrow");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/SelectInput/SelectInput.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", "suffixed", "prefixed", "validation", "isLoading", "size", "fieldIcon"];
-
 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 { ChevronDownIcon } from '@autoguru/icons';
 import * as React from 'react';
 import { Box } from "../Box/index.js";
@@ -18,17 +15,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const SelectInput = withEnhancedInput(_ref => {
   let {
-    field,
-    eventHandlers,
-    suffixed,
-    prefixed,
-    validation,
-    isLoading,
-    size,
-    fieldIcon = ChevronDownIcon
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      field,
+      eventHandlers,
+      suffixed,
+      prefixed,
+      validation,
+      isLoading,
+      size,
+      fieldIcon = ChevronDownIcon
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return _jsxs(Box, {
     display: "flex",
     flexWrap: "nowrap",

package/dist/components/SelectInput/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, PlusIcon, StarIcon } from '@autoguru/icons';
 import { action } from '@storybook/addon-actions';
 import * as React from 'react';
@@ -21,9 +18,7 @@ export default {
   title: 'Components/Inputs/Select',
   component: SelectInput,
   parameters: {
-    chromatic: {
-      delay: 3000
-    }
+    chromatic: {}
   }
 };
 const defaultValue = valueOptions[4];
@@ -72,14 +67,12 @@ const argTypes = {
     }
   }
 };
-
 const Template = args => _jsxs(SelectInput, _objectSpread(_objectSpread({}, args), {}, {
   children: [_jsx("option", {
     disabled: true,
     children: "Select an option"
   }), selectOptions]
 }));
-
 const sharedProps = {
   disabled: false,
   name: 'text',
@@ -97,56 +90,46 @@ const sharedProps = {
   onBlur: action('onBlur')
 };
 const standardProps = sharedProps;
-
 const withAValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultValue,
   placeholder: defaultPlaceholder
 });
-
 const withHintTextProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   hintText: 'Hint Text',
   placeholder: defaultPlaceholder
 });
-
 const withPrefixIconProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   prefixIcon: CarIcon
 });
-
 const disabledProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultValue,
   placeholder: defaultPlaceholder,
   disabled: true
 });
-
 const validProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultValue,
   placeholder: defaultPlaceholder,
   isTouched: true,
   isValid: true
 });
-
 const invalidProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   placeholder: defaultPlaceholder,
   isTouched: true,
   isValid: false,
   hintText: 'Vehicle make is mandatory'
 });
-
 const noNotchProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   placeholder: defaultPlaceholder,
   notch: false
 });
-
 const noNotchWithValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultValue,
   placeholder: defaultPlaceholder,
   notch: false
 });
-
 const loadingProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   isLoading: true
 });
-
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
 standard.argTypes = argTypes;
@@ -177,37 +160,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;