@autoguru/overdrive 4.1.8 → 4.1.9

package/dist/utils/mapTokenToProperty.js

@@ -1,10 +1,22 @@
-export const mapTokenToProperty = (record, property, omitKeys = []) => Object.entries(record)
-    .filter(([key]) => !omitKeys.includes(key))
-    .reduce((result, [key, value]) => ({
-    ...result,
-    [key]: {
-        ...(typeof property === 'function'
-            ? property(value)
-            : { [property]: value }),
-    },
-}), {});
+"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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+export const mapTokenToProperty = function mapTokenToProperty(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
+      })
+    });
+  }, {});
+};

package/dist/utils/resolveResponsiveProps.js

@@ -1,37 +1,35 @@
+"use strict";
+
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import clsx from 'clsx';
-const responsiveTokenOrder = [
-    'mobile',
-    'tablet',
-    'desktop',
-    'largeDesktop',
-];
+const responsiveTokenOrder = ['mobile', 'tablet', 'desktop', 'largeDesktop'];
 export const resolveResponsiveStyle = (responsiveArgument, breakpointTokenMap) => {
-    if (responsiveArgument === void 0 || responsiveArgument === null)
-        return void 0;
-    if (!Array.isArray(responsiveArgument))
-        return breakpointTokenMap[responsiveArgument]
-            ? breakpointTokenMap[responsiveArgument].mobile
-            : void 0;
-    return clsx([...buildClassFor(responsiveArgument, breakpointTokenMap)]);
+  if (responsiveArgument === void 0 || responsiveArgument === null) return void 0;
+  if (!Array.isArray(responsiveArgument)) return breakpointTokenMap[responsiveArgument] ? breakpointTokenMap[responsiveArgument].mobile : void 0;
+  return clsx(_toConsumableArray(buildClassFor(responsiveArgument, breakpointTokenMap)));
 };
+
 function* buildClassFor(responsiveArgument, breakpointTokenMap) {
-    let counter = 0;
-    const maxLoops = Math.max(responsiveArgument.length, responsiveTokenOrder.length);
-    while (counter < maxLoops) {
-        const orderToken = responsiveTokenOrder[counter];
-        const result = breakpointTokenMap[responsiveArgument?.[counter] ??
-            getEarliestKnownToken(responsiveArgument, counter)];
-        yield result ? result[orderToken] : void 0;
-        ++counter;
-    }
+  let counter = 0;
+  const maxLoops = Math.max(responsiveArgument.length, responsiveTokenOrder.length);
+
+  while (counter < maxLoops) {
+    var _responsiveArgument$c;
+
+    const orderToken = responsiveTokenOrder[counter];
+    const result = breakpointTokenMap[(_responsiveArgument$c = responsiveArgument === null || responsiveArgument === void 0 ? void 0 : responsiveArgument[counter]) !== null && _responsiveArgument$c !== void 0 ? _responsiveArgument$c : getEarliestKnownToken(responsiveArgument, counter)];
+    yield result ? result[orderToken] : void 0;
+    ++counter;
+  }
 }
+
 export function getEarliestKnownToken(responsiveArgument, counter) {
-    let idx = counter;
-    do {
-        --idx;
-        if (responsiveArgument[idx] !== undefined &&
-            responsiveArgument[idx] !== null)
-            return responsiveArgument[idx];
-    } while (idx !== 0);
-    return '';
-}
+  let idx = counter;
+
+  do {
+    --idx;
+    if (responsiveArgument[idx] !== undefined && responsiveArgument[idx] !== null) return responsiveArgument[idx];
+  } while (idx !== 0);
+
+  return '';
+}

package/dist/utils/responsiveProps.css.js

@@ -1,19 +1,31 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+
+__vanilla_filescope__.setFileScope("lib/utils/responsiveProps.css.ts", "@autoguru/overdrive");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import { style } from '@vanilla-extract/css';
-import { breakpoints } from '../themes/makeTheme';
-import { responsiveStyle } from './responsiveStyle';
-export const makeResponsiveStyle = (tokens, property) => Object.entries(tokens || {}).reduce((results, [key, value]) => {
-    const breakpointsKeys = Object.keys(breakpoints);
-    return {
-        ...results,
-        [key]: breakpointsKeys.reduce((bpList, bp) => {
-            return {
-                ...bpList,
-                [bp]: style(responsiveStyle({
-                    [bp]: typeof property === 'string'
-                        ? { [property]: value }
-                        : property(value),
-                })),
-            };
-        }, {}),
-    };
+import { breakpoints } from "../themes/makeTheme.js";
+import { responsiveStyle } from "./responsiveStyle.js";
+export const makeResponsiveStyle = (tokens, property) => Object.entries(tokens || {}).reduce((results, _ref) => {
+  let [key, value] = _ref;
+  const breakpointsKeys = Object.keys(breakpoints);
+  return _objectSpread(_objectSpread({}, results), {}, {
+    [key]: breakpointsKeys.reduce((bpList, bp) => {
+      return _objectSpread(_objectSpread({}, bpList), {}, {
+        [bp]: style(responsiveStyle({
+          [bp]: typeof property === 'string' ? {
+            [property]: value
+          } : property(value)
+        }), "makeResponsiveStyle_key_bp")
+      });
+    }, {})
+  });
 }, {});
+
+__vanilla_filescope__.endFileScope();

package/dist/utils/responsiveStyle.js

@@ -1,17 +1,27 @@
-import { breakpoints } from '../themes/makeTheme';
-export const responsiveStyle = (breakpointsEntries) => {
-    const styles = {};
-    for (const [query, style] of Object.entries(breakpointsEntries)) {
-        if (query === 'mobile') {
-            Object.assign(styles, style);
-            continue;
-        }
-        Object.assign(styles, {
-            '@media': {
-                ...styles['@media'],
-                [`screen and (min-width: ${breakpoints[query]})`]: style,
-            },
-        });
+"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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { breakpoints } from "../themes/makeTheme.js";
+export const responsiveStyle = breakpointsEntries => {
+  const styles = {};
+
+  for (const [query, style] of Object.entries(breakpointsEntries)) {
+    if (query === 'mobile') {
+      Object.assign(styles, style);
+      continue;
     }
-    return styles;
-};
+
+    Object.assign(styles, {
+      '@media': _objectSpread(_objectSpread({}, styles['@media']), {}, {
+        ["screen and (min-width: ".concat(breakpoints[query], ")")]: style
+      })
+    });
+  }
+
+  return styles;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.1.8",
+	"version": "4.1.9",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -36,9 +36,9 @@
 		"watch": "tsc --watch"
 	},
 	"devDependencies": {
-		"@autoguru/icons": "^1.7.4",
+		"@autoguru/icons": "1.7.15",
 		"@autoguru/tsconfig": "1.0.79",
-		"@autoguru/utilities": "^1.0.98",
+		"@autoguru/utilities": "1.1.0",
 		"@popperjs/core": "^2.10.2",
 		"@types/react": "^17.0.16",
 		"@types/react-dom": "^17.0.9",