@autoguru/overdrive 4.34.0 → 4.35.0

package/dist/components/OrderedList/OrderedList.css.js

@@ -9,7 +9,7 @@ export const root = styleVariants({
     listStyle: 'outside lower-roman'
   },
   firstOccurrence: {
-    paddingLeft: "calc(".concat(vars.space['6'], " * 2)")
+    paddingLeft: `calc(${vars.space['6']} * 2)`
   }
 }, "root");
 __vanilla_filescope__.endFileScope();

package/dist/components/OutsideClick/OutsideClick.js

@@ -9,7 +9,7 @@ export const useOutsideClick = (refs, onClickAway) => {
     callbackRef.current = onClickAway;
   }, [onClickAway]);
   useEffect(() => {
-    if (typeof document === 'undefined' || typeof onClickAway !== 'function') return undefined;
+    if (typeof document === 'undefined' || typeof onClickAway !== 'function') return;
     return bindEvent(document, 'mouseup', event => {
       const shouldClose = refs.map(item => item.current).every(element => !(element !== null && element !== void 0 && element.contains(event.target)));
       if (shouldClose) {

package/dist/components/Pagination/Pagination.css.js

@@ -12,19 +12,19 @@ export const selectedItem = style({
   transition: 'none'
 }, "selectedItem");
 export const activeItem = style({
-  lineHeight: "calc(".concat(paginationBubbleSize, " - 3px)"),
+  lineHeight: `calc(${paginationBubbleSize} - 3px)`,
   width: paginationBubbleSize,
   height: paginationBubbleSize,
   cursor: 'pointer',
-  transition: "background-color 0.2s ".concat(vars.animation.easing.decelerate, " 0s, box-shadow 0.2s ").concat(vars.animation.easing.decelerate, " 0s"),
+  transition: `background-color 0.2s ${vars.animation.easing.decelerate} 0s, box-shadow 0.2s ${vars.animation.easing.decelerate} 0s`,
   selectors: {
-    ["&:not(".concat(selectedItem, "):hover")]: {
+    [`&:not(${selectedItem}):hover`]: {
       backgroundColor: vars.colours.background.body,
-      boxShadow: "inset 0 0 0 1px ".concat(vars.colours.intent.primary.background.strong, ", ").concat(vars.elevation['1'])
+      boxShadow: `inset 0 0 0 1px ${vars.colours.intent.primary.background.strong}, ${vars.elevation['1']}`
     },
-    ["&:not(".concat(selectedItem, "):active")]: {
+    [`&:not(${selectedItem}):active`]: {
       backgroundColor: vars.colours.background.body,
-      boxShadow: "inset 0 0 0 1px ".concat(vars.colours.intent.primary.background.strong, ", ").concat(vars.elevation['1'])
+      boxShadow: `inset 0 0 0 1px ${vars.colours.intent.primary.background.strong}, ${vars.elevation['1']}`
     }
   }
 }, "activeItem");

package/dist/components/Pagination/Pagination.js

@@ -11,8 +11,7 @@ import { Inline } from "../Inline/index.js";
 import { useTextStyles } from "../Text/index.js";
 import { Bubble } from "./Bubble.js";
 import * as styles from "./Pagination.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NavButton = _ref => {
   let {
     icon,

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

@@ -1 +1 @@
-{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EACT,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA8F/C,CAAC;AAiBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EACT,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA8F/C,CAAC;AAsBF,eAAe,UAAU,CAAC"}

package/dist/components/Positioner/Positioner.js

@@ -4,8 +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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
 import { defaultModifiers } from '@popperjs/core/lib/popper';
 import * as React from 'react';
@@ -92,15 +92,25 @@ export const Positioner = _ref => {
 const convertPlacement = alignment => {
   switch (alignment) {
     case EAlignment.BOTTOM_LEFT:
-      return 'bottom-start';
+      {
+        return 'bottom-start';
+      }
     case EAlignment.BOTTOM_RIGHT:
-      return 'bottom-end';
+      {
+        return 'bottom-end';
+      }
     case EAlignment.TOP_LEFT:
-      return 'top-start';
+      {
+        return 'top-start';
+      }
     case EAlignment.TOP_RIGHT:
-      return 'top-end';
+      {
+        return 'top-end';
+      }
     default:
-      return alignment;
+      {
+        return alignment;
+      }
   }
 };
 export default Positioner;

package/dist/components/Positioner/alignment.js

@@ -1,7 +1,6 @@
 "use strict";
 
-export let EAlignment;
-(function (EAlignment) {
+export let EAlignment = function (EAlignment) {
   EAlignment["TOP"] = "top";
   EAlignment["TOP_LEFT"] = "top_left";
   EAlignment["TOP_RIGHT"] = "top_right";
@@ -10,4 +9,5 @@ export let EAlignment;
   EAlignment["BOTTOM_RIGHT"] = "bottom_right";
   EAlignment["LEFT"] = "left";
   EAlignment["RIGHT"] = "right";
-})(EAlignment || (EAlignment = {}));
+  return EAlignment;
+}({});

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

@@ -8,7 +8,7 @@ export const container = style({
   height: vars.space['2']
 }, "container");
 export const bar = style({
-  transition: "width 0.2s ".concat(vars.animation.easing.standard, " 0s"),
+  transition: `width 0.2s ${vars.animation.easing.standard} 0s`,
   willChange: 'width'
 }, "bar");
 __vanilla_filescope__.endFileScope();

package/dist/components/ProgressBar/ProgressBar.js

@@ -27,7 +27,7 @@ export const ProgressBar = _ref => {
       backgroundColour: backgroundColorMap[colour],
       className: [styles.bar, styles.container],
       style: {
-        width: "".concat(clamp(value, 0, 1) * 100, "%")
+        width: `${clamp(value, 0, 1) * 100}%`
       }
     })
   });

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

@@ -6,6 +6,6 @@ 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'])
+  gridGap: `${vars.space['1']} ${vars.space['5']}`
 }, "root");
 __vanilla_filescope__.endFileScope();

package/dist/components/ProgressBarGroup/ProgressBarGroup.js

@@ -6,8 +6,7 @@ import { Box } from "../Box/index.js";
 import { ProgressBar } from "../ProgressBar/index.js";
 import { Text } from "../Text/index.js";
 import * as styles from "./ProgressBarGroup.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ProgressBarGroup = _ref => {
   let {
     prefixLabels,
@@ -22,7 +21,7 @@ export const ProgressBarGroup = _ref => {
     className: styles.root,
     alignItems: "center",
     style: {
-      gridTemplateColumns: "".concat(hasPrefixLabels ? 'auto ' : '', "1fr").concat(hasSuffixLabels ? ' auto' : '')
+      gridTemplateColumns: `${hasPrefixLabels ? 'auto ' : ''}1fr${hasSuffixLabels ? ' auto' : ''}`
     },
     children: values.map((value, idx) => _jsxs(Fragment, {
       children: [_jsx(Text, {

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

@@ -6,7 +6,7 @@ import { styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const circle = styleVariants({
   default: {
-    transition: "border-color 0.2s ".concat(vars.animation.easing.decelerate, " 0s")
+    transition: `border-color 0.2s ${vars.animation.easing.decelerate} 0s`
   },
   outer: {
     top: vars.space['3'],
@@ -15,13 +15,13 @@ export const circle = styleVariants({
     height: vars.space['4']
   },
   inner: {
-    top: "calc(".concat(vars.space['3'], " + (").concat(vars.space['4'], " - ").concat(vars.space['2'], ") * 0.5)"),
-    left: "calc(".concat(vars.space['3'], " + (").concat(vars.space['4'], " - ").concat(vars.space['2'], ") * 0.5)"),
+    top: `calc(${vars.space['3']} + (${vars.space['4']} - ${vars.space['2']}) * 0.5)`,
+    left: `calc(${vars.space['3']} + (${vars.space['4']} - ${vars.space['2']}) * 0.5)`,
     width: vars.space['2'],
     height: vars.space['2']
   },
   selectedInner: {
-    borderWidth: "calc(".concat(vars.space['2'], " / 2)")
+    borderWidth: `calc(${vars.space['2']} / 2)`
   },
   selected: {
     borderColor: vars.typography.colour.primary

package/dist/components/Radio/Radio.js

@@ -8,8 +8,7 @@ import { CheckableBase } from "../private/CheckableBase/index.js";
 import { useCheckableStyles } from "../private/CheckableBase/useCheckableStyles.js";
 import * as styles from "./Radio.css.js";
 import { useRadioContext } from "./RadioGroup.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Radio = forwardRef((_ref, ref) => {
   let {
     value,

package/dist/components/ScrollPane/ScrollPane.css.js

@@ -19,7 +19,7 @@ export const root = style({
   '::-webkit-scrollbar-track': {
     position: 'absolute',
     backgroundColor: vars.colours.gamut.gray100,
-    border: "1px solid ".concat(vars.colours.gamut.gray200)
+    border: `1px solid ${vars.colours.gamut.gray200}`
   },
   '::-webkit-scrollbar-button': {
     display: 'none'
@@ -30,7 +30,7 @@ export const root = style({
     },
     ['&::-webkit-scrollbar-thumb:hover']: {
       backgroundColor: vars.colours.gamut.gray400,
-      border: "1px solid ".concat(vars.colours.gamut.gray400)
+      border: `1px solid ${vars.colours.gamut.gray400}`
     }
   }
 }, "root");
@@ -39,7 +39,7 @@ export const rounded = style({
     borderRadius: vars.border.radius['1']
   },
   '::-webkit-scrollbar-track': {
-    borderRadius: "0 ".concat(vars.border.radius['1'], " ").concat(vars.border.radius['1'], " 0")
+    borderRadius: `0 ${vars.border.radius['1']} ${vars.border.radius['1']} 0`
   }
 }, "rounded");
 __vanilla_filescope__.endFileScope();

package/dist/components/ScrollPane/ScrollPane.js

@@ -3,8 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "rounded"];
-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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import clsx from 'clsx';
 import * as React from 'react';
 import { forwardRef } from 'react';

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

@@ -5,12 +5,12 @@ __vanilla_filescope__.setFileScope("lib/components/SelectInput/SelectInput.css.t
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const input = style({
-  marginTop: "calc(-1 * ".concat(vars.border.width['1'], ")"),
-  marginBottom: "calc(-1 * ".concat(vars.border.width['1'], ")")
+  marginTop: `calc(-1 * ${vars.border.width['1']})`,
+  marginBottom: `calc(-1 * ${vars.border.width['1']})`
 }, "input");
 export const paddedInput = style({
   selectors: {
-    ["".concat(input, "&")]: {
+    [`${input}&`]: {
       paddingRight: vars.space['8']
     }
   }

package/dist/components/SelectInput/SelectInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export declare const SelectInput: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode[] | undefined;
+    children?: React.ReactNode;
 } & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLSelectElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLSelectElement>>;
 export default SelectInput;
 //# sourceMappingURL=SelectInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,WAAW;;gRAqDvB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,WAAW;eAEX,MAAM,SAAS;gRAoD3B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/SelectInput/SelectInput.js

@@ -2,17 +2,16 @@
 
 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; }
+const _excluded = ["field", "eventHandlers", "suffixed", "prefixed", "validation", "isFocused", "isLoading", "size", "fieldIcon"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { ChevronDownIcon } from '@autoguru/icons';
 import * as React from 'react';
 import { Box } from "../Box/index.js";
 import { Icon } from "../Icon/index.js";
 import { withEnhancedInput } from "../private/InputBase/index.js";
 import * as styles from "./SelectInput.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SelectInput = withEnhancedInput(_ref => {
   let {
       field,
@@ -20,6 +19,7 @@ export const SelectInput = withEnhancedInput(_ref => {
       suffixed,
       prefixed,
       validation,
+      isFocused,
       isLoading,
       size,
       fieldIcon = ChevronDownIcon

package/dist/components/SimplePagination/SimplePagination.js

@@ -6,13 +6,12 @@ import { noop } from "../../utils/index.js";
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
 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) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export let EChangeDirection = function (EChangeDirection) {
   EChangeDirection["Previous"] = "previous";
   EChangeDirection["Next"] = "next";
-})(EChangeDirection || (EChangeDirection = {}));
+  return EChangeDirection;
+}({});
 export const SimplePagination = _ref => {
   let {
     hasNext = false,

package/dist/components/SliderProgress/ProgressStep.js

@@ -5,8 +5,7 @@ import { memo, useCallback } from 'react';
 import { useAnimationEvents } from "../../hooks/useAnimationEvents/index.js";
 import { Box } from "../Box/index.js";
 import * as styles from "./ProgressStep.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ProgressStep = memo(_ref => {
   let {
     className = '',

package/dist/components/SliderProgress/SliderProgress.css.js

@@ -7,7 +7,7 @@ import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = style({
   display: 'grid',
   gridGap: vars.space['1'],
-  padding: "".concat(vars.space['3'], " ").concat(vars.space['4']),
+  padding: `${vars.space['3']} ${vars.space['4']}`,
   alignContent: 'center',
   justifyContent: 'center',
   alignItems: 'center'

package/dist/components/SliderProgress/SliderProgress.js

@@ -19,7 +19,7 @@ export const SliderProgress = memo(_ref => {
   return _jsx("div", {
     className: clsx(className, styles.root),
     style: {
-      gridTemplateColumns: "repeat(".concat(totalCount, ", 1fr)")
+      gridTemplateColumns: `repeat(${totalCount}, 1fr)`
     },
     children: Array.from({
       length: totalCount

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

@@ -6,6 +6,6 @@ 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.neutral)
+  boxShadow: `inset 0 0 0 1px ${vars.colours.background.neutral}`
 }, "line");
 __vanilla_filescope__.endFileScope();

package/dist/components/Stack/Stack.js

@@ -6,9 +6,7 @@ import flattenChildren from 'react-keyed-flatten-children';
 import { Box } from "../Box/index.js";
 import { Divider } from "./Divider.js";
 import * as styles from "./Stack.css.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const supportedListTypes = ['ul', 'ol'];
 export const Stack = _ref => {
   let {

package/dist/components/StandardModal/StandardModal.css.js

@@ -3,8 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/StandardModal/StandardModal.css.ts", "@autoguru/overdrive");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { responsiveStyle } from "../../utils/responsiveStyle.js";
@@ -15,18 +15,18 @@ export const modal = style(_objectSpread({
   width: '100vw',
   height: 'auto',
   alignSelf: 'flex-end',
-  minHeight: "calc(3 * ".concat(vars.space['8'], ")"),
-  maxHeight: "calc(100vh - ".concat(vars.space['8'], ")"),
-  borderRadius: "".concat(vars.space['2'], " ").concat(vars.space['2'], " 0 0")
+  minHeight: `calc(3 * ${vars.space['8']})`,
+  maxHeight: `calc(100vh - ${vars.space['8']})`,
+  borderRadius: `${vars.space['2']} ${vars.space['2']} 0 0`
 }, responsiveStyle({
   tablet: {
     alignSelf: 'center',
-    borderRadius: "".concat(vars.space['1'])
+    borderRadius: `${vars.space['1']}`
   },
   desktop: {
-    maxWidth: "calc(100% - ".concat(vars.space['9'], " * 2)"),
+    maxWidth: `calc(100% - ${vars.space['9']} * 2)`,
     height: 'auto',
-    maxHeight: "calc(100vh - ".concat(vars.space['9'], " * 2)"),
+    maxHeight: `calc(100vh - ${vars.space['9']} * 2)`,
     boxShadow: '0 0 32px 0 rgba(0,0,0, 0.012), 0 24px 96px 0 rgba(0,0,0, 0.08)',
     marginTop: 0
   }

package/dist/components/StandardModal/StandardModal.js

@@ -12,14 +12,13 @@ import { Icon } from "../Icon/index.js";
 import { Modal } from "../Modal/index.js";
 import { useTextStyles } from "../Text/index.js";
 import * as styles from "./StandardModal.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export let ESize;
-(function (ESize) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export let ESize = function (ESize) {
   ESize["Skinny"] = "skinny";
   ESize["Narrow"] = "narrow";
   ESize["Standard"] = "standard";
-})(ESize || (ESize = {}));
+  return ESize;
+}({});
 export const StandardModal = _ref => {
   let {
     isOpen,

package/dist/components/StarRating/StarRating.js

@@ -9,20 +9,19 @@ import { Icon } from "../Icon/index.js";
 import { Inline } from "../Inline/index.js";
 import { Text } from "../Text/index.js";
 import * as styles from "./StarRating.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const totalStars = 5;
-export let EStarRatingSize;
-(function (EStarRatingSize) {
+export let EStarRatingSize = function (EStarRatingSize) {
   EStarRatingSize["Medium"] = "medium";
   EStarRatingSize["Small"] = "small";
-})(EStarRatingSize || (EStarRatingSize = {}));
-var EStarType;
-(function (EStarType) {
+  return EStarRatingSize;
+}({});
+var EStarType = function (EStarType) {
   EStarType[EStarType["Full"] = 0] = "Full";
   EStarType[EStarType["Half"] = 1] = "Half";
   EStarType[EStarType["Empty"] = 2] = "Empty";
-})(EStarType || (EStarType = {}));
+  return EStarType;
+}(EStarType || {});
 const starSizeMap = new Map([[EStarRatingSize.Medium, 'medium'], [EStarRatingSize.Small, 'small']]);
 const labelSizeMap = new Map([[EStarRatingSize.Small, '3'], [EStarRatingSize.Medium, '4']]);
 export const StarRating = memo(_ref => {

package/dist/components/Stepper/Stepper.css.js

@@ -10,7 +10,7 @@ export const disabled = style({
 export const root = style({
   width: 'max-content',
   selectors: {
-    ["&:not(".concat(disabled, "):focus")]: {
+    [`&:not(${disabled}):focus`]: {
       borderColor: vars.colours.intent.information.background.standard
     }
   }
@@ -27,12 +27,12 @@ export const handle = styleVariants({
   default: {
     width: vars.space[6],
     height: vars.space[6],
-    transition: "background-color 0.1s ".concat(vars.animation.easing.standard),
+    transition: `background-color 0.1s ${vars.animation.easing.standard}`,
     selectors: {
-      ["".concat(root, ":not(").concat(disabled, ") &:hover")]: {
+      [`${root}:not(${disabled}) &:hover`]: {
         backgroundColor: vars.colours.intent.primary.background.strong
       },
-      ["".concat(root, ":not(").concat(disabled, ") &:active")]: {
+      [`${root}:not(${disabled}) &:active`]: {
         backgroundColor: vars.colours.intent.primary.background.strong
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,iBAAiB,EAIjB,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAkDD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CA6H5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,iBAAiB,EAIjB,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAkDD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAkI5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Stepper/Stepper.js

@@ -11,8 +11,7 @@ import { Column, Columns } from "../Columns/index.js";
 import { Icon } from "../Icon/index.js";
 import { Text, useTextStyles } from "../Text/index.js";
 import * as styles from "./Stepper.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const takeStep = _ref => {
   let {
     min,
@@ -85,18 +84,28 @@ export const Stepper = _ref3 => {
   const keyDownHandler = useCallback(event => {
     switch (event.key) {
       case 'ArrowLeft':
-        return onDecrement();
+        {
+          return onDecrement();
+        }
       case 'ArrowRight':
-        return onIncrement();
+        {
+          return onIncrement();
+        }
       case 'Home':
-        event.preventDefault();
-        return onChange(min);
+        {
+          event.preventDefault();
+          return onChange(min);
+        }
       case 'End':
-        event.preventDefault();
-        return onChange(max);
+        {
+          event.preventDefault();
+          return onChange(max);
+        }
       case 'Escape':
-        event.currentTarget.blur();
-        break;
+        {
+          event.currentTarget.blur();
+          break;
+        }
     }
   }, [min, max, onDecrement, onIncrement, onChange]);
   return _jsx(Box, {

package/dist/components/StickyBox/StickyBox.css.js

@@ -7,7 +7,7 @@ import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
 export const root = style({
   position: 'sticky',
-  transition: "box-shadow 0.3s ".concat(vars.animation.easing.standard, " 0s")
+  transition: `box-shadow 0.3s ${vars.animation.easing.standard} 0s`
 }, "root");
 export const simpleRoot = style({
   position: 'sticky',
@@ -15,7 +15,7 @@ export const simpleRoot = style({
 }, "simpleRoot");
 export const content = style({
   height: 'fit-content',
-  transition: "transform 0.3s ".concat(vars.animation.easing.standard, " 0s")
+  transition: `transform 0.3s ${vars.animation.easing.standard} 0s`
 }, "content");
 export const popped = style({
   transform: 'scale(1.01)'
@@ -25,11 +25,11 @@ export const zIndex = styleVariants(mapTokenToProperty([0, 1, 2, 3, 99].reduce((
   return tokens;
 }, {}), 'zIndex'), "zIndex");
 export const top = styleVariants(mapTokenToProperty(['none', '1', '3', '5', '7', 'subHeader'].reduce((tokens, current) => {
-  if (current === 'subHeader') tokens[current] = '72px';else tokens[current] = vars.space[current];
+  tokens[current] = current === 'subHeader' ? '72px' : vars.space[current];
   return tokens;
 }, {}), 'top'), "top");
 export const bottom = styleVariants(mapTokenToProperty(['none', '1', '3', '5', '7', 'subHeader'].reduce((tokens, current) => {
-  if (current === 'subHeader') tokens[current] = '72px';else tokens[current] = vars.space[current];
+  tokens[current] = current === 'subHeader' ? '72px' : vars.space[current];
   return tokens;
 }, {}), 'bottom'), "bottom");
 __vanilla_filescope__.endFileScope();