@autoguru/overdrive 4.11.2 → 4.11.3

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';
@@ -41,7 +38,6 @@ export default {
     }
   }
 };
-
 const Template = args => {
   const triggerRef = useRef(null);
   return _jsxs("div", {
@@ -66,7 +62,6 @@ const Template = args => {
     }))]
   });
 };
-
 const WithScrollTemplate = args => {
   const triggerRef = useRef(null);
   return _jsx("div", {
@@ -107,7 +102,6 @@ const WithScrollTemplate = args => {
     })
   });
 };
-
 const standardProps = {
   alignment: EAlignment.BOTTOM_LEFT,
   isOpen: false,
@@ -115,18 +109,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';
@@ -72,14 +69,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 +92,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 +162,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/SimplePagination/SimplePagination.js

@@ -9,23 +9,19 @@ import { Inline } from "../Inline/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export let EChangeDirection;
-
 (function (EChangeDirection) {
   EChangeDirection["Previous"] = "previous";
   EChangeDirection["Next"] = "next";
 })(EChangeDirection || (EChangeDirection = {}));
-
 export const SimplePagination = _ref => {
   let {
     hasNext = false,
     hasPrevious = false,
     onChange = noop
   } = _ref;
-
   const handleClick = direction => () => {
     onChange(direction);
   };
-
   return _jsxs(Inline, {
     is: "nav",
     space: "6",

package/dist/components/SimplePagination/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 { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { Box } from "../Box/index.js";
@@ -15,7 +12,6 @@ export default {
   title: 'Components/Pagination/Simple',
   component: SimplePagination
 };
-
 const Template = args => _jsx(Box, {
   style: {
     height: '100vh',
@@ -27,7 +23,6 @@ const Template = args => _jsx(Box, {
   justifyContent: "center",
   children: _jsx(SimplePagination, _objectSpread({}, args))
 });
-
 const standardProps = {
   hasNext: true,
   hasPrevious: true,
@@ -35,17 +30,13 @@ const standardProps = {
 };
 export const middlePage = Template.bind(standardProps);
 middlePage.args = standardProps;
-
 const firstPageProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   hasPrevious: false
 });
-
 export const firstPage = Template.bind(firstPageProps);
 firstPage.args = firstPageProps;
-
 const lastPageProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   hasNext: false
 });
-
 export const lastPage = Template.bind(lastPageProps);
 lastPage.args = lastPageProps;

package/dist/components/Stack/Divider.css.js

@@ -1,14 +1,11 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Stack/Divider.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const line = style({
   height: '1px',
   boxShadow: "inset 0 0 0 1px ".concat(vars.colours.background.light)
 }, "line");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Stack/Stack.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Stack/Stack.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";
@@ -17,5 +15,4 @@ export const child = {
     }
   }, "child_default")
 };
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Stack/Stack.js

@@ -21,13 +21,11 @@ export const Stack = _ref => {
     className = ''
   } = _ref;
   const items = flattenChildren(children);
-
   if (items.length < 2) {
     return _jsx(_Fragment, {
       children: items
     });
   }
-
   let listItem = 'div';
   if (typeof is === 'string') listItem = supportedListTypes.includes(is) ? 'li' : 'div';
   return _jsx(Box, {