@autoguru/overdrive 4.3.1 → 4.3.4

package/dist/hooks/useResponsiveValue/useResponsiveValue.js

@@ -1,18 +1,15 @@
+"use strict";
+
 import { useMemo } from 'react';
-import { useMedia } from '../..';
-import { getEarliestKnownToken } from '../../utils/resolveResponsiveProps';
-export function useResponsiveValue(responsiveValue, fallbackCase = false) {
-    if (!Array.isArray(responsiveValue))
-        return responsiveValue;
-    if (fallbackCase)
-        return responsiveValue[0];
-    const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], fallbackCase).reduce((activeBreakPoint, current, index) => {
-        if (current)
-            activeBreakPoint = index + 1;
-        return activeBreakPoint;
-    }, 1);
-    return useMemo(() => getEarliestKnownToken(responsiveValue, activeBP), [
-        responsiveValue,
-        activeBP,
-    ]);
-}
+import { useMedia } from "../../index.js";
+import { getEarliestKnownToken } from "../../utils/resolveResponsiveProps.js";
+export function useResponsiveValue(responsiveValue) {
+  let fallbackCase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (!Array.isArray(responsiveValue)) return responsiveValue;
+  if (fallbackCase) return responsiveValue[0];
+  const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], fallbackCase).reduce((activeBreakPoint, current, index) => {
+    if (current) activeBreakPoint = index + 1;
+    return activeBreakPoint;
+  }, 1);
+  return useMemo(() => getEarliestKnownToken(responsiveValue, activeBP), [responsiveValue, activeBP]);
+}

package/dist/index.js

@@ -1,5 +1,7 @@
-export * from './components/index';
-export { useMedia } from './hooks/useMedia/useMedia';
-export { useResponsiveValue } from './hooks/useResponsiveValue/useResponsiveValue';
-export { useAttachedBoxes } from './hooks/useAttachedBoxes/useAttachedBoxes';
-export { useId, arrayRingLookup } from './utils/index';
+"use strict";
+
+export * from "./components/index.js";
+export { useMedia } from "./hooks/useMedia/useMedia.js";
+export { useResponsiveValue } from "./hooks/useResponsiveValue/useResponsiveValue.js";
+export { useAttachedBoxes } from "./hooks/useAttachedBoxes/useAttachedBoxes.js";
+export { useId, arrayRingLookup } from "./utils/index.js";

package/dist/reset/globalFonts.css.js

@@ -1,19 +1,27 @@
+"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',
-    fontWeight: 400,
-    fontDisplay: 'swap',
-    src: `local('Averta Std Regular'), local('AvertaStd-Regular'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff') format('woff')`,
+  fontStyle: 'normal',
+  fontWeight: 400,
+  fontDisplay: 'swap',
+  src: "local('Averta Std Regular'), local('AvertaStd-Regular'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff') format('woff')"
 });
 globalFontFace('AvertaStandard', {
-    fontStyle: 'normal',
-    fontWeight: 500,
-    fontDisplay: 'swap',
-    src: `local('Averta Std Semibold'), local('AvertaStd-Semibold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff') format('woff')`,
+  fontStyle: 'normal',
+  fontWeight: 500,
+  fontDisplay: 'swap',
+  src: "local('Averta Std Semibold'), local('AvertaStd-Semibold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff') format('woff')"
 });
 globalFontFace('AvertaStandard', {
-    fontStyle: 'normal',
-    fontWeight: 700,
-    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')`,
+  fontStyle: 'normal',
+  fontWeight: 700,
+  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,22 +1,30 @@
+"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',
-    font: '400 16px/22px AvertaStandard, system-ui, sans-serif',
+  boxSizing: 'border-box',
+  font: '400 16px/22px AvertaStandard, system-ui, sans-serif'
 });
 globalStyle('*, *:before, *:after', {
-    font: 'inherit',
-    boxSizing: 'inherit',
-    WebkitTapHighlightColor: 'transparent',
-    MozOsxFontSmoothing: 'grayscale',
-    textRendering: 'optimizeLegibility',
+  font: 'inherit',
+  boxSizing: 'inherit',
+  WebkitTapHighlightColor: 'transparent',
+  MozOsxFontSmoothing: 'grayscale',
+  textRendering: 'optimizeLegibility'
 });
 globalStyle('body', {
-    lineHeight: 1,
-    WebkitTextSizeAdjust: 'none',
-    margin: 0,
-    padding: 0,
-    border: 'none',
+  lineHeight: 1,
+  WebkitTextSizeAdjust: 'none',
+  margin: 0,
+  padding: 0,
+  border: 'none'
 });
 globalStyle('html', {
-    overflowX: 'hidden',
+  overflowX: 'hidden'
 });
+
+__vanilla_filescope__.endFileScope();

package/dist/reset/reset.css.js

@@ -1,118 +1,114 @@
+"use strict";
+
+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%',
-    verticalAlign: 'baseline',
-    borderWidth: 0,
+  fontSize: '100%',
+  verticalAlign: 'baseline',
+  borderWidth: 0
 };
 export const trimmed = {
-    margin: 0,
-    padding: 0,
+  margin: 0,
+  padding: 0
 };
 const appearance = style({
-    appearance: 'none',
-});
-const cursorPointer = style({ cursor: 'pointer' });
-const inlineText = style({ ...base });
-const block = style({ ...base, display: 'block' });
-const list = style({ ...base, ...trimmed, listStyle: 'none' });
-const trimmedBlockElement = style({
-    ...base,
-    ...trimmed,
-});
-const button = [
-    appearance,
-    cursorPointer,
-    trimmedBlockElement,
-    style({
-        outline: 'none',
-        background: 'none',
-        userSelect: 'none',
-    }),
-];
+  appearance: 'none'
+}, "appearance");
+const cursorPointer = style({
+  cursor: 'pointer'
+}, "cursorPointer");
+const inlineText = style(_objectSpread({}, base), "inlineText");
+const block = style(_objectSpread(_objectSpread({}, base), {}, {
+  display: 'block'
+}), "block");
+const list = style(_objectSpread(_objectSpread(_objectSpread({}, base), trimmed), {}, {
+  listStyle: 'none'
+}), "list");
+const trimmedBlockElement = style(_objectSpread(_objectSpread({}, base), trimmed), "trimmedBlockElement");
+const button = [appearance, cursorPointer, trimmedBlockElement, style({
+  outline: 'none',
+  background: 'none',
+  userSelect: 'none'
+}, "button")];
 const field = [trimmedBlockElement, appearance];
-const select = [
-    ...field,
-    style({
-        selectors: {
-            '&::-ms-expand': {
-                display: 'none',
-            },
-        },
-    }),
-];
-const input = [
-    ...field,
-    style({
-        selectors: {
-            '&::-ms-clear': {
-                display: 'none',
-            },
-            '&::-webkit-clear-button, &::-webkit-search-cancel-button, &::-webkit-search-results-button': {
-                WebkitAppearance: 'none',
-            },
-            '&[type="number"]::-webkit-outer-spin-button, &[type="number"]::-webkit-inner-spin-button': {
-                margin: 0,
-                WebkitAppearance: 'none',
-            },
-        },
-    }),
-];
-const a = [
-    cursorPointer,
-    style({
-        ...base,
-        ...trimmed,
-        textDecoration: 'none',
-    }),
-];
-const table = [
-    trimmedBlockElement,
-    style({
-        borderSpacing: 0,
-        borderCollapse: 'collapse',
-    }),
-];
-const vAlignMiddle = [trimmedBlockElement, style({ verticalAlign: 'middle' })];
-const blockText = style({
-    ...base,
-    ...trimmed,
-});
+const select = [].concat(field, [style({
+  selectors: {
+    '&::-ms-expand': {
+      display: 'none'
+    }
+  }
+}, "select")]);
+const input = [].concat(field, [style({
+  selectors: {
+    '&::-ms-clear': {
+      display: 'none'
+    },
+    '&::-webkit-clear-button, &::-webkit-search-cancel-button, &::-webkit-search-results-button': {
+      WebkitAppearance: 'none'
+    },
+    '&[type="number"]::-webkit-outer-spin-button, &[type="number"]::-webkit-inner-spin-button': {
+      margin: 0,
+      WebkitAppearance: 'none'
+    }
+  }
+}, "input")]);
+const a = [cursorPointer, style(_objectSpread(_objectSpread(_objectSpread({}, base), trimmed), {}, {
+  textDecoration: 'none'
+}), "a")];
+const table = [trimmedBlockElement, style({
+  borderSpacing: 0,
+  borderCollapse: 'collapse'
+}, "table")];
+const vAlignMiddle = [trimmedBlockElement, style({
+  verticalAlign: 'middle'
+}, "vAlignMiddle")];
+const blockText = style(_objectSpread(_objectSpread({}, base), trimmed), "blockText");
 export const element = {
-    div: block,
-    p: blockText,
-    h1: blockText,
-    h2: blockText,
-    h3: blockText,
-    h4: blockText,
-    h5: blockText,
-    h6: blockText,
-    span: inlineText,
-    label: inlineText,
-    article: block,
-    aside: block,
-    details: block,
-    figcaption: block,
-    figure: block,
-    footer: block,
-    header: block,
-    hgroup: block,
-    menu: block,
-    nav: block,
-    section: block,
-    ul: list,
-    ol: list,
-    button,
-    select,
-    input,
-    textarea: input,
-    fieldset: field,
-    field: field,
-    a,
-    table,
-    thead: vAlignMiddle,
-    tbody: vAlignMiddle,
-    tfoot: vAlignMiddle,
-    td: vAlignMiddle,
-    th: vAlignMiddle,
-    tr: vAlignMiddle,
+  div: block,
+  p: blockText,
+  h1: blockText,
+  h2: blockText,
+  h3: blockText,
+  h4: blockText,
+  h5: blockText,
+  h6: blockText,
+  span: inlineText,
+  label: inlineText,
+  article: block,
+  aside: block,
+  details: block,
+  figcaption: block,
+  figure: block,
+  footer: block,
+  header: block,
+  hgroup: block,
+  menu: block,
+  nav: block,
+  section: block,
+  ul: list,
+  ol: list,
+  button,
+  select,
+  input,
+  textarea: input,
+  fieldset: field,
+  field: field,
+  a,
+  table,
+  thead: vAlignMiddle,
+  tbody: vAlignMiddle,
+  tfoot: vAlignMiddle,
+  td: vAlignMiddle,
+  th: vAlignMiddle,
+  tr: vAlignMiddle
 };
+
+__vanilla_filescope__.endFileScope();

package/dist/themes/base/index.js

@@ -1,8 +1,10 @@
-import { tokens } from './tokens';
-import { themeRef, vars } from './vars.css';
+"use strict";
+
+import { tokens } from "./tokens.js";
+import { themeRef, vars } from "./vars.css.js";
 export default {
-    name: 'baseTheme',
-    themeRef,
-    tokens,
-    vars,
-};
+  name: 'baseTheme',
+  themeRef,
+  tokens,
+  vars
+};