@autoguru/overdrive 4.3.4 → 4.3.5

package/dist/hooks/useAttachedBoxes/useAttachedBoxes.js

@@ -1,75 +1,50 @@
-"use strict";
-
-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";
-import { getEarliestKnownToken, resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import { useMedia } from "../useMedia/index.js";
-import * as styles from "./useAttachedBoxes.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-
+import { Box } from '../../components';
+import { getEarliestKnownToken, resolveResponsiveStyle, } from '../../utils/resolveResponsiveProps';
+import { useMedia } from '../useMedia';
+import * as styles from './useAttachedBoxes.css';
 function useResponsiveValue(responsiveValue) {
-  if (!Array.isArray(responsiveValue)) return responsiveValue;
-  const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], false).reduce((activeBreakPoint, current, index) => {
-    if (current) activeBreakPoint = index + 1;
-    return activeBreakPoint;
-  }, 1);
-  return getEarliestKnownToken(responsiveValue, activeBP);
+    if (!Array.isArray(responsiveValue))
+        return responsiveValue;
+    const activeBP = useMedia(['mobile', 'tablet', 'desktop', 'largeDesktop'], false).reduce((activeBreakPoint, current, index) => {
+        if (current)
+            activeBreakPoint = index + 1;
+        return activeBreakPoint;
+    }, 1);
+    return getEarliestKnownToken(responsiveValue, activeBP);
 }
-
-export const useAttachedBoxes = _ref => {
-  let {
-    count,
-    columnCount: incomingColumnCount,
-    gap = '1',
-    backgroundColour = 'gray900'
-  } = _ref;
-  const columnCount = useResponsiveValue(incomingColumnCount);
-  const decimals = count / columnCount % 1;
-  let colStart;
-  let extend;
-  let isLastItem;
-  const topRightIndex = Math.min(count - 1, columnCount - 1);
-  const bottomLeftIndex = decimals ? Math.floor(count / columnCount) * columnCount : count - columnCount;
-  return [Array.from({
-    length: count
-  }).map((_, index) => _ref2 => {
-    let {
-      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, {
-        [styles.grid.topLeft]: index === 0,
-        [styles.grid.topRight]: index === topRightIndex,
-        [styles.grid.bottomLeft]: index === bottomLeftIndex,
-        [styles.grid.bottomRight]: isLastItem
-      }),
-      style: isLastItem && decimals ? {
-        gridColumn: "".concat(colStart, "/").concat(colStart + 1 + extend)
-      } : void 0
-    }, rest), {}, {
-      children: children
-    }));
-  }), clsx(styles.grid.default, resolveResponsiveStyle(gap, styles.grid.gaps)), {
-    gridTemplateColumns: "repeat(".concat(columnCount, ", 1fr)")
-  }];
-};
+export const useAttachedBoxes = ({ count, columnCount: incomingColumnCount, gap = '1', backgroundColour = 'gray900', }) => {
+    const columnCount = useResponsiveValue(incomingColumnCount);
+    const decimals = (count / columnCount) % 1;
+    let colStart;
+    let extend;
+    let isLastItem;
+    const topRightIndex = Math.min(count - 1, columnCount - 1);
+    const bottomLeftIndex = decimals
+        ? Math.floor(count / columnCount) * columnCount
+        : count - columnCount;
+    return [
+        Array.from({ length: count }).map((_, index) => ({ children, className, ...rest }) => {
+            isLastItem = index === count - 1;
+            if (isLastItem && decimals) {
+                colStart = Math.round(decimals / (1 / columnCount));
+                extend = Math.round((1 - decimals) / (1 / columnCount));
+            }
+            return (React.createElement(Box, { backgroundColour: backgroundColour, className: clsx(className, {
+                    [styles.grid.topLeft]: index === 0,
+                    [styles.grid.topRight]: index === topRightIndex,
+                    [styles.grid.bottomLeft]: index === bottomLeftIndex,
+                    [styles.grid.bottomRight]: isLastItem,
+                }), style: isLastItem && decimals
+                    ? {
+                        gridColumn: `${colStart}/${colStart + 1 + extend}`,
+                    }
+                    : void 0, ...rest }, children));
+        }),
+        clsx(styles.grid.default, resolveResponsiveStyle(gap, styles.grid.gaps)),
+        {
+            gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
+        },
+    ];
+};

package/dist/hooks/useMedia/index.d.ts

@@ -0,0 +1,2 @@
+export { useMedia } from './useMedia';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useMedia/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useMedia/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/hooks/useMedia/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { useMedia } from "./useMedia.js";
+export { useMedia } from './useMedia';

package/dist/hooks/useMedia/useMedia.d.ts

@@ -0,0 +1,3 @@
+import type { BreakPoints } from '../../themes/tokens';
+export declare const useMedia: (queries: ReadonlyArray<keyof BreakPoints>, fallbackCase?: boolean) => readonly boolean[];
+//# sourceMappingURL=useMedia.d.ts.map

package/dist/hooks/useMedia/useMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useMedia/useMedia.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,QAAQ,YACX,cAAc,MAAM,WAAW,CAAC,6BAEvC,SAAS,OAAO,EA2ClB,CAAC"}

package/dist/hooks/useMedia/useMedia.js

@@ -1,41 +1,33 @@
-"use strict";
-
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
-import { useRuntimeTokens } from "../../index.js";
-import { isBrowser } from "../../utils/index.js";
-export const useMedia = function (queries) {
-  let fallbackCase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  const {
-    breakpoints
-  } = useRuntimeTokens();
-  if (!isBrowser) return queries.map(() => fallbackCase);
-  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);
-  useLayoutEffect(() => {
-    let isMounted = true;
-    const matchers = getQueries().map(query => window.matchMedia(query));
-    const removeHandlersFn = matchers.map((matcher, idx) => {
-      const handler = e => {
-        if (!isMounted) return;
-        setMatches(prevState => {
-          const newState = _toConsumableArray(prevState);
-
-          newState[idx] = e.matches;
-          return newState;
+import { useRuntimeTokens } from '../..';
+import { isBrowser } from '../../utils';
+export const useMedia = (queries, fallbackCase = false) => {
+    const { breakpoints } = useRuntimeTokens();
+    if (!isBrowser)
+        return queries.map(() => fallbackCase);
+    const getQueries = useCallback(() => queries.map((media) => `(min-width: ${breakpoints[media]})`), [breakpoints]);
+    const matchesInit = useMemo(() => getQueries().map((query) => window.matchMedia(query).matches), [getQueries]);
+    const [matches, setMatches] = useState(matchesInit);
+    useLayoutEffect(() => {
+        let isMounted = true;
+        const matchers = getQueries().map((query) => window.matchMedia(query));
+        const removeHandlersFn = matchers.map((matcher, idx) => {
+            const handler = (e) => {
+                if (!isMounted)
+                    return;
+                setMatches((prevState) => {
+                    const newState = [...prevState];
+                    newState[idx] = e.matches;
+                    return newState;
+                });
+            };
+            matcher.addEventListener('change', handler, { passive: true });
+            return () => matcher.removeEventListener('change', handler);
         });
-      };
-
-      matcher.addEventListener('change', handler, {
-        passive: true
-      });
-      return () => matcher.removeEventListener('change', handler);
-    });
-    return () => {
-      isMounted = false;
-      removeHandlersFn.forEach(item => item());
-    };
-  }, [].concat(_toConsumableArray(queries), [breakpoints]));
-  return matches;
-};
+        return () => {
+            isMounted = false;
+            removeHandlersFn.forEach((item) => item());
+        };
+    }, [...queries, breakpoints]);
+    return matches;
+};

package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts

@@ -0,0 +1,3 @@
+export { useNegativeMarginLeft } from './useNegativeMarginLeft';
+export { useNegativeMarginTop } from './useNegativeMarginTop';
+//# sourceMappingURL=useNegativeMargin.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMargin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMargin.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMargin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMargin.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { useNegativeMarginLeft } from "./useNegativeMarginLeft.js";
-export { useNegativeMarginTop } from "./useNegativeMarginTop.js";
+export { useNegativeMarginLeft } from './useNegativeMarginLeft';
+export { useNegativeMarginTop } from './useNegativeMarginTop';

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts

@@ -0,0 +1,2 @@
+export declare const negativeMarginLeft: Record<string | number, any>;
+//# sourceMappingURL=useNegativeMarginLeft.css.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginLeft.css.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginLeft.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,8BAG5B,CAAC"}

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

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/hooks/useNegativeMargin/useNegativeMarginLeft.css.ts", "@autoguru/overdrive");
-
-import { vars } from "../../themes/base/vars.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, ")")
+import { vars } from '../../themes/base/vars.css';
+import { makeResponsiveStyle } from '../../utils/responsiveProps.css';
+export const negativeMarginLeft = makeResponsiveStyle(vars.space, (value) => ({
+    marginLeft: `calc(-1 * ${value})`,
+    width: `calc(100% + ${value})`,
 }));
-
-__vanilla_filescope__.endFileScope();

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts

@@ -0,0 +1,4 @@
+import { Tokens } from '../../themes/tokens';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+export declare const useNegativeMarginLeft: (space: ResponsiveProp<keyof Tokens['space']>) => any;
+//# sourceMappingURL=useNegativeMarginLeft.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginLeft.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginLeft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIjE,eAAO,MAAM,qBAAqB,UAC1B,eAAe,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,QACgB,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMarginLeft.js

@@ -1,5 +1,3 @@
-"use strict";
-
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import * as styles from "./useNegativeMarginLeft.css.js";
-export const useNegativeMarginLeft = space => resolveResponsiveStyle(space, styles.negativeMarginLeft);
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import * as styles from './useNegativeMarginLeft.css';
+export const useNegativeMarginLeft = (space) => resolveResponsiveStyle(space, styles.negativeMarginLeft);

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts

@@ -0,0 +1,2 @@
+export declare const negativeMarginTop: Record<string | number, any>;
+//# sourceMappingURL=useNegativeMarginTop.css.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginTop.css.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginTop.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,8BAE3B,CAAC"}

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

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

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts

@@ -0,0 +1,4 @@
+import { Tokens } from '../../themes/tokens';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+export declare const useNegativeMarginTop: (space: ResponsiveProp<keyof Tokens['space']>) => any;
+//# sourceMappingURL=useNegativeMarginTop.d.ts.map

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNegativeMarginTop.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/useNegativeMarginTop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIjE,eAAO,MAAM,oBAAoB,UACzB,eAAe,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,QACe,CAAC"}

package/dist/hooks/useNegativeMargin/useNegativeMarginTop.js

@@ -1,5 +1,3 @@
-"use strict";
-
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import * as styles from "./useNegativeMarginTop.css.js";
-export const useNegativeMarginTop = space => resolveResponsiveStyle(space, styles.negativeMarginTop);
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import * as styles from './useNegativeMarginTop.css';
+export const useNegativeMarginTop = (space) => resolveResponsiveStyle(space, styles.negativeMarginTop);

package/dist/hooks/useResponsiveValue/index.d.ts

@@ -0,0 +1,2 @@
+export { useResponsiveValue } from './useResponsiveValue';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useResponsiveValue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useResponsiveValue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/hooks/useResponsiveValue/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { useResponsiveValue } from "./useResponsiveValue.js";
+export { useResponsiveValue } from './useResponsiveValue';

package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+export declare function useResponsiveValue<T extends string | number | boolean | {}>(responsiveValue: ResponsiveProp<T>, fallbackCase?: boolean): T;
+//# sourceMappingURL=useResponsiveValue.d.ts.map

package/dist/hooks/useResponsiveValue/useResponsiveValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveValue.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useResponsiveValue/useResponsiveValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,EAAE,EAC1E,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,EAClC,YAAY,UAAQ,GAClB,CAAC,CAeH"}

package/dist/hooks/useResponsiveValue/useResponsiveValue.js

@@ -1,15 +1,18 @@
-"use strict";
-
 import { useMemo } from 'react';
-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]);
-}
+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,
+    ]);
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+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';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,7 +1,5 @@
-"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";
+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';

package/dist/reset/globalFonts.css.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=globalFonts.css.d.ts.map

package/dist/reset/globalFonts.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalFonts.css.d.ts","sourceRoot":"","sources":["../../lib/reset/globalFonts.css.ts"],"names":[],"mappings":""}

package/dist/reset/globalFonts.css.js

@@ -1,27 +1,19 @@
-"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.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=globalReset.css.d.ts.map

package/dist/reset/globalReset.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalReset.css.d.ts","sourceRoot":"","sources":["../../lib/reset/globalReset.css.ts"],"names":[],"mappings":""}

package/dist/reset/globalReset.css.js

@@ -1,30 +1,22 @@
-"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.d.ts

@@ -0,0 +1,49 @@
+export declare const base: {
+    fontSize: string;
+    verticalAlign: string;
+    borderWidth: number;
+};
+export declare const trimmed: {
+    margin: number;
+    padding: number;
+};
+export declare const element: {
+    div: string;
+    p: string;
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    span: string;
+    label: string;
+    article: string;
+    aside: string;
+    details: string;
+    figcaption: string;
+    figure: string;
+    footer: string;
+    header: string;
+    hgroup: string;
+    menu: string;
+    nav: string;
+    section: string;
+    ul: string;
+    ol: string;
+    button: string[];
+    select: string[];
+    input: string[];
+    textarea: string[];
+    fieldset: string[];
+    field: string[];
+    a: string[];
+    table: string[];
+    thead: string[];
+    tbody: string[];
+    tfoot: string[];
+    td: string[];
+    th: string[];
+    tr: string[];
+};
+//# sourceMappingURL=reset.css.d.ts.map

package/dist/reset/reset.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.css.d.ts","sourceRoot":"","sources":["../../lib/reset/reset.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAmFF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCnB,CAAC"}