@autoguru/overdrive 4.11.2 → 4.11.4

package/dist/components/private/CheckableBase/CheckableBase.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/private/CheckableBase/CheckableBase.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../../themes/theme.css.js";
 export const root = style({
@@ -50,5 +48,4 @@ export const disabled = style({
   opacity: 0.6,
   pointerEvents: 'none'
 }, "disabled");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/private/CheckableBase/CheckableBase.js

@@ -21,13 +21,11 @@ export const CheckableBase = forwardRef((_ref, ref) => {
     handleClick,
     handleChange
   } = _ref;
-
   const onChange = e => {
     if (typeof handleChange === 'function') {
       handleChange(e.currentTarget.checked);
     }
   };
-
   const nakedLabel = ['string', 'number'].includes(typeof label);
   return _jsxs(Box, {
     display: "flex",

package/dist/components/private/InputBase/HintText.css.js

@@ -1,13 +1,10 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/private/InputBase/HintText.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../../themes/theme.css.js";
 export const hintText = style({
   transition: "color 0.2s ".concat(vars.animation.easing.decelerate, " 0s")
 }, "hintText");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/private/InputBase/InputState.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/private/InputBase/InputState.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../../themes/theme.css.js";
 const activeColour = style({
@@ -104,5 +102,4 @@ export const error = {
     }, "error_active_borderColour")
   }
 };
-
 __vanilla_filescope__.endFileScope();

package/dist/components/private/InputBase/NotchedBase.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/private/InputBase/NotchedBase.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../../themes/theme.css.js";
 export const root = style({
@@ -135,15 +133,12 @@ export const placeholder = styleVariants({
   }
 }, "placeholder");
 const active_scaling_factor = 0.7777;
-
 const calcPlaceholderTranslate = (notched, prefixed, size) => {
   if (notched) {
     return "calc(".concat(vars.space['2'], " + ").concat(vars.space['2'], "), calc(-0.5 * ").concat(active_scaling_factor, " * ").concat(vars.typography.size['4'].fontSize, ")");
   }
-
   return size === 'medium' ? "".concat(prefixed ? "calc(".concat(vars.space['7'], " + ").concat(vars.space['3'], ")") : vars.typography.size['4'].fontSize, ", calc((").concat(vars.space['8'], " - ").concat(vars.typography.size['4'].fontSize, ") / 2)") : "".concat(prefixed ? "calc(".concat(vars.space['2'], " + ").concat(vars.space['5'], " + ").concat(vars.space['2'], ")") : vars.space['2'], ", calc(").concat(vars.space['2'], " + 2px)");
 };
-
 export const placeholderPlacement = {
   small: styleVariants({
     default: {
@@ -170,5 +165,4 @@ export const placeholderPlacement = {
     }
   }, "placeholderPlacement_medium")
 };
-
 __vanilla_filescope__.endFileScope();

package/dist/components/private/InputBase/NotchedBase.js

@@ -117,7 +117,6 @@ export const NotchedBase = _ref => {
     })]
   });
 };
-
 function getNotchedComputedWidthForWidth(width) {
   return Math.round((width * ACTIVE_SCALING_FACTOR + ACTIVE_PADDING_ADDED) * 100) / 100;
 }

package/dist/components/private/InputBase/withEnhancedInput.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/private/InputBase/withEnhancedInput.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../../themes/theme.css.js";
 export const input = {
@@ -127,5 +125,4 @@ export const iconSize = styleVariants({
     margin: "0 calc(".concat(vars.space['3'], " - 1px)")
   }
 }, "iconSize");
-
 __vanilla_filescope__.endFileScope();

package/dist/components/private/InputBase/withEnhancedInput.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["placeholder", "name", "id", "hintText", "disabled", "className", "isTouched", "isValid", "isLoading", "notch", "reserveHintSpace", "size", "value", "onChange", "onReset", "onMouseLeave", "onMouseEnter", "onBlur", "onFocus", "onKeyDown", "prefixIcon", "suffixIcon", "wrapperRef", "autoFocus", "attach", "borderMerged"];
-
 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, wrapEvent } from '@autoguru/utilities';
 import clsx from 'clsx';
 import * as React from 'react';
@@ -34,35 +31,34 @@ export const withEnhancedInput = function (WrappingComponent) {
   };
   return forwardRef((_ref, ref) => {
     let {
-      placeholder,
-      name,
-      id = name,
-      hintText,
-      disabled = false,
-      className,
-      isTouched,
-      isValid,
-      isLoading = false,
-      notch = true,
-      reserveHintSpace = false,
-      size = 'medium',
-      value: incomingValue = defaultValue || '',
-      onChange: incomingOnChange,
-      onReset,
-      onMouseLeave,
-      onMouseEnter,
-      onBlur,
-      onFocus,
-      onKeyDown,
-      prefixIcon,
-      suffixIcon,
-      wrapperRef,
-      autoFocus,
-      attach,
-      borderMerged
-    } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded);
-
+        placeholder,
+        name,
+        id = name,
+        hintText,
+        disabled = false,
+        className,
+        isTouched,
+        isValid,
+        isLoading = false,
+        notch = true,
+        reserveHintSpace = false,
+        size = 'medium',
+        value: incomingValue = defaultValue || '',
+        onChange: incomingOnChange,
+        onReset,
+        onMouseLeave,
+        onMouseEnter,
+        onBlur,
+        onFocus,
+        onKeyDown,
+        prefixIcon,
+        suffixIcon,
+        wrapperRef,
+        autoFocus,
+        attach,
+        borderMerged
+      } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
     !!(prefixIcon && !withPrefixIcon) ? process.env.NODE_ENV !== "production" ? invariant(false, 'prefix icon is not supported for this component') : invariant(false) : void 0;
     !!(suffixIcon && !withSuffixIcon) ? process.env.NODE_ENV !== "production" ? invariant(false, 'suffix icon is not supported for this component') : invariant(false) : void 0;
     const [value, onChange] = useInputControlledState(incomingValue, incomingOnChange);
@@ -87,7 +83,6 @@ export const withEnhancedInput = function (WrappingComponent) {
       [styles.inputItselfSize[size].suffixed.any]: Boolean(suffixIcon || isLoading),
       [styles.inputItselfSize[size].suffixed[primitiveType]]: Boolean(suffixIcon || isLoading)
     });
-
     const wrappingComponent = _objectSpread({
       validation: {
         isTouched,
@@ -100,7 +95,6 @@ export const withEnhancedInput = function (WrappingComponent) {
             event.preventDefault();
             return false;
           }
-
           return true;
         }, onChange),
         onFocus: wrapEvent(() => setActive(true), onFocus),
@@ -125,7 +119,6 @@ export const withEnhancedInput = function (WrappingComponent) {
       isLoading,
       'aria-busy': isLoading || void 0
     }, rest);
-
     const onMouseOver = useCallback(() => {
       setIsHovered(true);
     }, []);
@@ -183,13 +176,11 @@ export const withEnhancedInput = function (WrappingComponent) {
     });
   });
 };
-
 const stateNodeGetter = styles => (isHovered, isActive) => {
   if (isHovered) return styles.hover;
   if (isActive) return styles.active;
   return styles.default;
 };
-
 const derivedColourIntent = (_ref2, styles) => {
   let {
     isTouched,
@@ -199,12 +190,10 @@ const derivedColourIntent = (_ref2, styles) => {
     isActive
   } = _ref2;
   if (disabled) return styles.disabled;
-
   if (isTouched === true) {
     const node = stateNodeGetter(isValid ? styles.success : styles.error);
     return node(isHovered, isActive);
   }
-
   const node = stateNodeGetter(isActive ? styles.active : styles.natural);
   return node(isHovered, isActive);
 };

package/dist/hooks/useAttachedBoxes/useAttachedBoxes.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/hooks/useAttachedBoxes/useAttachedBoxes.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
@@ -25,5 +23,4 @@ export const grid = {
     borderBottomLeftRadius: vars.border.radius['1']
   }, "grid_bottomLeft")
 };
-
 __vanilla_filescope__.endFileScope();

package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "className"];
-
 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 { Box } from "../../components/index.js";
@@ -15,7 +12,6 @@ import { getEarliestKnownToken, resolveResponsiveStyle } from "../../utils/resol
 import { useMedia } from "../useMedia/index.js";
 import * as styles from "./useAttachedBoxes.css.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function useResponsiveValue(responsiveValue) {
   if (!Array.isArray(responsiveValue)) return responsiveValue;
   const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], false).reduce((activeBreakPoint, current, index) => {
@@ -24,7 +20,6 @@ function useResponsiveValue(responsiveValue) {
   }, 1);
   return getEarliestKnownToken(responsiveValue, activeBP);
 }
-
 export const useAttachedBoxes = _ref => {
   let {
     count,
@@ -43,18 +38,15 @@ export const useAttachedBoxes = _ref => {
     length: count
   }).map((_, index) => _ref2 => {
     let {
-      children,
-      className
-    } = _ref2,
-        rest = _objectWithoutProperties(_ref2, _excluded);
-
+        children,
+        className
+      } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded);
     isLastItem = index === count - 1;
-
     if (isLastItem && decimals) {
       colStart = Math.round(decimals / (1 / columnCount));
       extend = Math.round((1 - decimals) / (1 / columnCount));
     }
-
     return _jsx(Box, _objectSpread(_objectSpread({
       backgroundColour: backgroundColour,
       className: clsx(className, {

package/dist/hooks/useMedia/stories.js

@@ -42,6 +42,5 @@ export const Standard = () => {
       })]
     });
   };
-
   return _jsx(Impl, {});
 };

package/dist/hooks/useMedia/useMedia.js

@@ -13,7 +13,6 @@ export const useMedia = function (queries) {
   const getQueries = useCallback(() => queries.map(media => "(min-width: ".concat(breakpoints[media], ")")), [breakpoints]);
   const matchesInit = useMemo(() => getQueries().map(query => window.matchMedia(query).matches), [getQueries]);
   const [matches, setMatches] = useState(matchesInit);
-
   if (isBrowser) {
     useLayoutEffect(() => {
       let isMounted = true;
@@ -23,12 +22,10 @@ export const useMedia = function (queries) {
           if (!isMounted) return;
           setMatches(prevState => {
             const newState = _toConsumableArray(prevState);
-
             newState[idx] = e.matches;
             return newState;
           });
         };
-
         matcher.addEventListener('change', handler, {
           passive: true
         });
@@ -40,7 +37,6 @@ export const useMedia = function (queries) {
       };
     }, [].concat(_toConsumableArray(queries), [breakpoints]));
   }
-
   return matches;
 };
 export default useMedia;

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.js

@@ -1,14 +1,11 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/hooks/useNegativeMargin/useNegativeMarginLeft.css.ts", "@autoguru/overdrive");
-
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
 export const negativeMarginLeft = makeResponsiveStyle(vars.space, value => ({
   marginLeft: "calc(-1 * ".concat(value, ")"),
   width: "calc(100% + ".concat(value, ")")
 }));
-
 __vanilla_filescope__.endFileScope();

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.js

@@ -1,13 +1,10 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/hooks/useNegativeMargin/useNegativeMarginTop.css.ts", "@autoguru/overdrive");
-
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
 export const negativeMarginTop = makeResponsiveStyle(vars.space, value => ({
   marginTop: "calc(-1 * ".concat(value, ")")
 }));
-
 __vanilla_filescope__.endFileScope();

package/dist/hooks/useResponsiveValue/stories.js

@@ -34,6 +34,5 @@ export const Standard = () => {
       })]
     });
   };
-
   return _jsx(Impl, {});
 };

package/dist/reset/globalFonts.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/reset/globalFonts.css.ts", "@autoguru/overdrive");
-
 import { globalFontFace } from '@vanilla-extract/css';
 globalFontFace('AvertaStandard', {
   fontStyle: 'normal',
@@ -23,5 +21,4 @@ globalFontFace('AvertaStandard', {
   fontDisplay: 'swap',
   src: "local('Averta Std Bold'), local('AvertaStd-Bold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff') format('woff')"
 });
-
 __vanilla_filescope__.endFileScope();

package/dist/reset/globalReset.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/reset/globalReset.css.ts", "@autoguru/overdrive");
-
 import { globalStyle } from '@vanilla-extract/css';
 globalStyle(':root', {
   boxSizing: 'border-box',
@@ -26,5 +24,4 @@ globalStyle('body', {
 globalStyle('html', {
   overflowX: 'hidden'
 });
-
 __vanilla_filescope__.endFileScope();

package/dist/reset/reset.css.js

@@ -2,13 +2,9 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/reset/reset.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; }
-
 import { style } from '@vanilla-extract/css';
 export const base = {
   fontSize: '100%',
@@ -110,5 +106,4 @@ export const element = {
   th: vAlignMiddle,
   tr: vAlignMiddle
 };
-
 __vanilla_filescope__.endFileScope();