@autoguru/overdrive 4.44.4-next.0 → 4.44.4

package/dist/themes/makeTheme.js

@@ -21,18 +21,11 @@ export const mediaQuery = mapValues(breakpoints, breakpoint => `screen and (min-
 export const themeTokensWithLayer = tokens => _objectSpread({
   '@layer': cssLayerTheme
 }, tokens);
-export const makeRuntimeTokens = function () {
-  let runtimeBreakpoints = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : breakpoints;
-  return {
-    breakpoints: runtimeBreakpoints
-  };
-};
-export const buildColourGamut = colours => Object.entries(colours).reduce((result, _ref) => {
-  let [name, colourGrades] = _ref;
-  return _objectSpread(_objectSpread({}, result), Object.entries(colourGrades).reduce((grades, _ref2) => {
-    let [colourGradeName, colour] = _ref2;
-    return _objectSpread(_objectSpread({}, grades), {}, {
-      [`${name}${colourGradeName}`]: colour
-    });
-  }, {}));
-}, {});
+export const makeRuntimeTokens = (runtimeBreakpoints = breakpoints) => ({
+  breakpoints: runtimeBreakpoints
+});
+export const buildColourGamut = colours => Object.entries(colours).reduce((result, [name, colourGrades]) => _objectSpread(_objectSpread({}, result), Object.entries(colourGrades).reduce((grades, [colourGradeName, colour]) => {
+  return _objectSpread(_objectSpread({}, grades), {}, {
+    [`${name}${colourGradeName}`]: colour
+  });
+}, {})), {});

package/dist/utils/css.js

@@ -57,8 +57,7 @@ export const interactionStyle = selectors => {
   };
 
   // Add selectors for each interaction state that has styles
-  Object.entries(interactionStyles).forEach(_ref => {
-    let [state, stateStyles] = _ref;
+  Object.entries(interactionStyles).forEach(([state, stateStyles]) => {
     if (state in rules && stateStyles) {
       if (state === 'checked') state = 'selected';
       styles.selectors[rules[state]] = stateStyles;

package/dist/utils/dataAttrs.js

@@ -4,8 +4,7 @@
  * Consistent mapping of props to data attributes
  */
 export function dataAttrs(attrs) {
-  return Object.entries(attrs).reduce((acc, _ref) => {
-    let [key, value] = _ref;
+  return Object.entries(attrs).reduce((acc, [key, value]) => {
     if (value !== false && value !== undefined) {
       acc[`data-${key.replaceAll(/([A-Z])/g, '-$1').toLowerCase()}`] = typeof value === 'boolean' ? '' : value;
     }

package/dist/utils/index.js

@@ -70,10 +70,7 @@ export function mergeRefs(refs) {
   };
 }
 export const isHtmlElement = element => element instanceof Element || element instanceof Document;
-export const hex2rgba = function (c) {
-  let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1';
-  return `rgb(${c.slice(1).match(/../g).map(x => Number(`0x${x}`))},${alpha})`;
-};
+export const hex2rgba = (c, alpha = '1') => `rgb(${c.slice(1).match(/../g).map(x => Number(`0x${x}`))},${alpha})`;
 export const ownerDocument = node => (node === null || node === void 0 ? void 0 : node.ownerDocument) || document;
 export const ownerWindow = node => {
   var _ownerDocument;
@@ -93,15 +90,12 @@ export const useEventCallback = fn => {
   isomorphicLayoutEffect(() => {
     ref.current = fn;
   });
-  return useCallback(function () {
-    return void ref.current.apply(ref, arguments);
-  }, []);
+  return useCallback((...args) => void ref.current.apply(ref, args), []);
 };
 
 // Taken from https://gist.github.com/gre/1650294
 const easeInOutCubic = t => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
-export const animate = function (element, property, to) {
-  let duration = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 600;
+export const animate = (element, property, to, duration = 600) => {
   let start = null;
   // @ts-expect-error Type 'T[keyof T]' is not assignable to type 'number'
   const from = element[property];

package/dist/utils/mapTokenToProperty.js

@@ -3,17 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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; }
-export const mapTokenToProperty = function (record, property) {
-  let omitKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  return Object.entries(record).filter(_ref => {
-    let [key] = _ref;
-    return !omitKeys.includes(key);
-  }).reduce((result, _ref2) => {
-    let [key, value] = _ref2;
-    return _objectSpread(_objectSpread({}, result), {}, {
-      [key]: _objectSpread({}, typeof property === 'function' ? property(value) : {
-        [property]: value
-      })
-    });
-  }, {});
-};
+export const mapTokenToProperty = (record, property, omitKeys = []) => Object.entries(record).filter(([key]) => !omitKeys.includes(key)).reduce((result, [key, value]) => _objectSpread(_objectSpread({}, result), {}, {
+  [key]: _objectSpread({}, typeof property === 'function' ? property(value) : {
+    [property]: value
+  })
+}), {});

package/dist/utils/number.js

@@ -19,8 +19,7 @@ export const bigNumFormatter = num => {
     };
   }
 };
-export const toPrettyBigNumber = function (number) {
-  let fractionDigits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+export const toPrettyBigNumber = (number, fractionDigits = 1) => {
   const formatChunks = bigNumFormatter(number);
   const value = Number.isInteger(formatChunks.value) ? formatChunks.value : formatChunks.value.toFixed(fractionDigits);
   return `${value}${formatChunks.descriptor}`;

package/dist/utils/responsiveProps.css.js

@@ -8,8 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { style } from '@vanilla-extract/css';
 import { breakpoints } from "../themes/makeTheme.js";
 import { responsiveStyle } from "./responsiveStyle.js"; // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
-export const makeResponsiveStyle = (tokens, property) => Object.entries(tokens || {}).reduce((results, _ref) => {
-  let [key, value] = _ref;
+export const makeResponsiveStyle = (tokens, property) => Object.entries(tokens || {}).reduce((results, [key, value]) => {
   const breakpointsKeys = Object.keys(breakpoints);
   return _objectSpread(_objectSpread({}, results), {}, {
     [key]: breakpointsKeys.reduce((bpList, bp) => {

package/dist/utils/sprinkles.js

@@ -14,8 +14,7 @@ export const isSprinklesProperty = key => {
  * @param props - Object containing all props to be filtered
  * @returns Object containing only non-sprinkles props
  */
-export const filterNonSprinklesProps = props => Object.entries(props).reduce((acc, _ref) => {
-  let [key, value] = _ref;
+export const filterNonSprinklesProps = props => Object.entries(props).reduce((acc, [key, value]) => {
   if (!isSprinklesProperty(key)) {
     acc[key] = value;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.44.4-next.0",
+	"version": "4.44.4",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -113,7 +113,7 @@
 		"babel-plugin-add-import-extension": "1.6.0",
 		"babel-plugin-dev-expression": "0.2.3",
 		"babel-plugin-macros": "3.1.0",
-		"browserslist-config-autoguru": "2.4.4",
+		"browserslist-config-autoguru": "2.5.0",
 		"chromatic": "13.1.2",
 		"clsx": "2.1.1",
 		"colord": "2.9.3",

package/dist/components/NumberBubble/NumberBubble.css.d.ts

@@ -1,2 +0,0 @@
-export declare const bubbleText: string;
-//# sourceMappingURL=NumberBubble.css.d.ts.map

package/dist/components/NumberBubble/NumberBubble.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberBubble.css.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberBubble/NumberBubble.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAIrB,CAAC"}

package/dist/components/NumberBubble/NumberBubble.css.js

@@ -1,11 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/components/NumberBubble/NumberBubble.css.ts", "@autoguru/overdrive");
-import { style } from '@vanilla-extract/css';
-export const bubbleText = style({
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)'
-}, "bubbleText");
-__vanilla_filescope__.endFileScope();