@autoguru/overdrive 4.11.2 → 4.11.3

package/dist/components/Button/Button.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 clsx from 'clsx';
 import * as React from 'react';
 import { cloneElement, createElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useState } from 'react';
@@ -18,16 +15,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DOUBLE_CLICK_DETECTION_PERIOD = 700;
-
 const getSpinnerColour = (variant, minimal) => minimal || variant === 'secondary' ? 'secondary' : 'light';
-
 const getBorderRadius = rounded => rounded ? 'pill' : '1';
-
 const getPadding = (size, loading) => {
   if (loading) return 'none';
   return size === 'small' ? '3' : '4';
 };
-
 export const Button = forwardRef((_ref, ref) => {
   let {
     children,
@@ -95,7 +88,6 @@ export const Button = forwardRef((_ref, ref) => {
   };
   const buttonContents = useMemo(() => {
     var _maybeIconProps$size;
-
     return _jsx(_Fragment, {
       children: isSingleIconChild && maybeIconProps ? _jsx(Icon, _objectSpread({
         size: ((_maybeIconProps$size = maybeIconProps.size) !== null && _maybeIconProps$size !== void 0 ? _maybeIconProps$size : size === 'small') ? 'small' : 'medium'
@@ -144,7 +136,6 @@ export const Button = forwardRef((_ref, ref) => {
     ref
   }, props), child);
 });
-
 const getButtonStates = (buttonStyles, variant, disabled, minimal, rounded) => {
   if (disabled) return minimal ? clsx(buttonStyles.minimal.defaults, {
     [buttonStyles.minimal.noneRounded]: !rounded
@@ -154,7 +145,6 @@ const getButtonStates = (buttonStyles, variant, disabled, minimal, rounded) => {
   });
   return styles.defaultStates[variant];
 };
-
 const getButtonSize = (buttonStyles, size, rounded, iconOnly) => {
   const currentSize = buttonStyles.size[size];
   return clsx(currentSize.default, {
@@ -162,5 +152,4 @@ const getButtonSize = (buttonStyles, size, rounded, iconOnly) => {
     [currentSize.iconOnly]: iconOnly
   });
 };
-
 export default Button;

package/dist/components/Button/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 { AccountBoxIcon } from '@autoguru/icons';
 import { action } from '@storybook/addon-actions';
 import * as React from 'react';
@@ -33,14 +30,12 @@ export default {
     }
   }
 };
-
 const Template = args => _jsx("div", {
   style: {
     width: 200
   },
   children: _jsx(Button, _objectSpread({}, args))
 });
-
 const TemplateMulti = args => _jsxs(_Fragment, {
   children: [_jsxs(Columns, {
     space: "3",
@@ -201,7 +196,6 @@ const TemplateMulti = args => _jsxs(_Fragment, {
     children: "Full Width"
   }))]
 });
-
 const standardProps = {
   isFullWidth: void 0,
   size: void 0,

package/dist/components/CheckBox/CheckBox.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/CheckBox/CheckBox.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const icon = style({
@@ -28,5 +26,4 @@ export const base = styleVariants({
     backgroundColor: vars.colours.intent.primary.background.standard
   }
 }, "base");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/CheckBox/stories.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["disabled"];
-
 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";
@@ -46,10 +43,9 @@ const listData = [{
 }];
 export const list = _ref => {
   let {
-    disabled
-  } = _ref,
-      args = _objectWithoutProperties(_ref, _excluded);
-
+      disabled
+    } = _ref,
+    args = _objectWithoutProperties(_ref, _excluded);
   return _jsx(_Fragment, {
     children: listData.map(item => {
       return _jsx(CheckBox, {
@@ -70,9 +66,7 @@ list.args = {
   coconut: true,
   strawberries: false
 };
-
 const Template = args => _jsx(CheckBox, _objectSpread({}, args));
-
 const uncheckedProps = {
   checked: false,
   disabled: false,
@@ -115,7 +109,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: '1'
 };
-
 const Item = _ref2 => {
   let {
     label,
@@ -134,7 +127,6 @@ const Item = _ref2 => {
     })]
   });
 };
-
 const withComponentProps = {
   checked: false,
   disabled: false,

package/dist/components/ColourInput/ColourInput.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/ColourInput/ColourInput.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const input = style({
@@ -33,5 +31,4 @@ export const valueTextSize = styleVariants({
     left: vars.space['8']
   }
 }, "valueTextSize");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/ColourInput/ColourInput.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 clsx from 'clsx';
 import * as React from 'react';
@@ -19,16 +16,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const ColourInput = 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 !== '', 'Colour Input does not support empty values.') : void 0;
   return _jsxs(Box, {
     display: "flex",

package/dist/components/ColourInput/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, CurrencyUsdIcon, FourByFourIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import { action } from '@storybook/addon-actions';
 import * as React from 'react';
@@ -61,9 +58,7 @@ const argTypes = {
     }
   }
 };
-
 const Template = args => _jsx(ColourInput, _objectSpread({}, args));
-
 const sharedProps = {
   disabled: false,
   name: 'date',
@@ -81,34 +76,28 @@ const sharedProps = {
   onBlur: action('onBlur')
 };
 const standardProps = sharedProps;
-
 const withAValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultColour,
   placeholder: 'What is your favourite car colour?'
 });
-
 const withHintTextProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   hintText: 'Hint Text',
   placeholder: 'What is your favourite car colour?'
 });
-
 const withIconProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   suffixIcon: FourByFourIcon
 });
-
 const disabledProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultColour,
   placeholder: 'What is your favourite car colour?',
   disabled: true
 });
-
 const validProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultColour,
   placeholder: 'What is your favourite car colour?',
   isTouched: true,
   isValid: true
 });
-
 const invalidProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: '#ffd402',
   placeholder: 'What is your favourite car colour?',
@@ -116,22 +105,18 @@ const invalidProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   isValid: false,
   hintText: 'Invalid colour'
 });
-
 const noNotchProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   placeholder: 'What is your favourite car colour?',
   notch: false
 });
-
 const noNotchWithValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   value: defaultColour,
   placeholder: 'What is your favourite car colour?',
   notch: false
 });
-
 const loadingProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
   isLoading: true
 });
-
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
 standard.argTypes = argTypes;
@@ -162,37 +147,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), {}, {
   suffixIcon: 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/Columns/Column.css.js

@@ -1,14 +1,10 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Columns/Column.css.ts", "@autoguru/overdrive");
-
 import { styleVariants } from '@vanilla-extract/css';
 import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-
 const getSizeStyle = scale => "".concat(scale * 100, "%");
-
 export const width = makeResponsiveStyle({
   '1/2': getSizeStyle(1 / 2),
   '1/3': getSizeStyle(1 / 3),
@@ -36,5 +32,4 @@ export const align = styleVariants({
     alignSelf: 'flex-end'
   }
 }, "align");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Columns/Column.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "children", "width", "alignSelf", "is", "noShrink", "grow", "order"];
-
 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 { forwardRef, useContext } from 'react';
@@ -18,17 +15,16 @@ import { ColumnContext } from "./Columns.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Column = forwardRef((_ref, ref) => {
   let {
-    className = '',
-    children,
-    width,
-    alignSelf,
-    is,
-    noShrink = false,
-    grow = false,
-    order
-  } = _ref,
-      boxProps = _objectWithoutProperties(_ref, _excluded);
-
+      className = '',
+      children,
+      width,
+      alignSelf,
+      is,
+      noShrink = false,
+      grow = false,
+      order
+    } = _ref,
+    boxProps = _objectWithoutProperties(_ref, _excluded);
   const columnsContext = useContext(ColumnContext);
   !(columnsContext !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Column must be wrapped inside a Columns element') : invariant(false) : void 0;
   const {

package/dist/components/Columns/Columns.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Columns/Columns.css.ts", "@autoguru/overdrive");
-
 import { styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
@@ -40,5 +38,4 @@ export const align = styleVariants({
     alignItems: 'flex-end'
   }
 }, "align");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Columns/Columns.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "children", "space", "spaceX", "spaceY", "noWrap", "wrappingDirection", "align", "is"];
-
 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 clsx from 'clsx';
 import * as React from 'react';
 import { createContext, forwardRef, useMemo } from 'react';
@@ -19,18 +16,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export const ColumnContext = createContext(null);
 export const Columns = forwardRef((_ref, ref) => {
   let {
-    className = '',
-    children,
-    space,
-    spaceX,
-    spaceY,
-    noWrap,
-    wrappingDirection = 'default',
-    align = 'stretch',
-    is
-  } = _ref,
-      boxProps = _objectWithoutProperties(_ref, _excluded);
-
+      className = '',
+      children,
+      space,
+      spaceX,
+      spaceY,
+      noWrap,
+      wrappingDirection = 'default',
+      align = 'stretch',
+      is
+    } = _ref,
+    boxProps = _objectWithoutProperties(_ref, _excluded);
   const resolvedSpaceX = spaceX || space || ['none'];
   const resolvedSpaceY = spaceY || space || ['none'];
   const marginLeftFix = useNegativeMarginLeft(resolvedSpaceX);

package/dist/components/Columns/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, scaleOptions } from "../Box/argTypes.js";
@@ -48,7 +45,6 @@ export default {
     }
   }, boxArgTypes)
 };
-
 const Template = args => _jsxs(Columns, _objectSpread(_objectSpread({}, args), {}, {
   children: [_jsx(Column, {
     width: ['full', '1/3', '1/5'],
@@ -114,7 +110,6 @@ const Template = args => _jsxs(Columns, _objectSpread(_objectSpread({}, args), {
     })
   })]
 }));
-
 const TemplateColumn = args => _jsxs(Columns, _objectSpread(_objectSpread({}, standardProps), {}, {
   children: [_jsx(Column, _objectSpread(_objectSpread({}, args), {}, {
     children: _jsx(Box, {
@@ -184,7 +179,6 @@ const TemplateColumn = args => _jsxs(Columns, _objectSpread(_objectSpread({}, st
     })
   }))]
 }));
-
 const standardProps = {
   spaceX: ['1', '3', '8'],
   spaceY: ['1', '5'],

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,7 +16,6 @@ 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',
@@ -71,9 +66,7 @@ const argTypes = {
     }
   }
 };
-
 const Template = args => _jsx(DateInput, _objectSpread({}, args));
-
 const sharedProps = {
   disabled: false,
   name: 'date',
@@ -91,34 +84,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 +113,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 +155,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;