@autoguru/overdrive 4.1.8 → 4.1.9

package/dist/components/TextContainer/TextContainer.js

@@ -1,9 +1,43 @@
+"use strict";
+
 import * as React from 'react';
-import { Column, Columns } from '../Columns';
-import { Stack } from '../Stack';
-export const TextContainer = ({ heading, className = '', children, action, }) => (React.createElement(Stack, { space: "2", is: "article", className: className },
-    React.createElement(TextContainerHeading, { heading: heading, action: action }),
-    children));
-const TextContainerHeading = ({ heading, action }) => (React.createElement(Columns, { noWrap: true, align: "centre", space: "4" },
-    React.createElement(Column, { grow: true }, heading),
-    action ? React.createElement(Column, { width: "auto" }, action) : null));
+import { Column, Columns } from "../Columns/index.js";
+import { Stack } from "../Stack/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const TextContainer = _ref => {
+  let {
+    heading,
+    className = '',
+    children,
+    action
+  } = _ref;
+  return _jsxs(Stack, {
+    space: "2",
+    is: "article",
+    className: className,
+    children: [_jsx(TextContainerHeading, {
+      heading: heading,
+      action: action
+    }), children]
+  });
+};
+
+const TextContainerHeading = _ref2 => {
+  let {
+    heading,
+    action
+  } = _ref2;
+  return _jsxs(Columns, {
+    noWrap: true,
+    align: "centre",
+    space: "4",
+    children: [_jsx(Column, {
+      grow: true,
+      children: heading
+    }), action ? _jsx(Column, {
+      width: "auto",
+      children: action
+    }) : null]
+  });
+};

package/dist/components/TextContainer/index.js

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

package/dist/components/TextInput/TextInput.js

@@ -1,6 +1,36 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading"];
+
+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 * as React from 'react';
-import { Box } from '../Box';
-import { withEnhancedInput } from '../private/InputBase';
-export const TextInput = withEnhancedInput(({ field, eventHandlers, validation, suffixed, prefixed, isLoading, ...rest }) => (React.createElement(Box, { is: "input", ...eventHandlers, ...field, ...rest, autoComplete: "off", type: rest.type ?? 'text' })), {
-    primitiveType: 'text',
-});
+import { Box } from "../Box/index.js";
+import { withEnhancedInput } from "../private/InputBase/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TextInput = withEnhancedInput(_ref => {
+  var _rest$type;
+
+  let {
+    field,
+    eventHandlers,
+    validation,
+    suffixed,
+    prefixed,
+    isLoading
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    is: "input"
+  }, eventHandlers), field), rest), {}, {
+    autoComplete: "off",
+    type: (_rest$type = rest.type) !== null && _rest$type !== void 0 ? _rest$type : 'text'
+  }));
+}, {
+  primitiveType: 'text'
+});

package/dist/components/TextInput/index.js

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

package/dist/components/TextLink/TextLink.css.js

@@ -1,18 +1,26 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+
+__vanilla_filescope__.setFileScope("lib/components/TextLink/TextLink.css.ts", "@autoguru/overdrive");
+
 import { style } from '@vanilla-extract/css';
-import { vars } from '../../themes/base/vars.css';
+import { vars } from "../../themes/base/vars.css.js";
 export const root = style({
-    transitionDelay: '0s',
-    transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
-    transitionDuration: '0.2s',
-    transitionProperty: 'box-shadow',
-    boxShadow: `inset 0 -2px 0 0 ${vars.typography.colour.primary}`,
-    ':hover': {
-        boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.primary}`,
-    },
-});
+  transitionDelay: '0s',
+  transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
+  transitionDuration: '0.2s',
+  transitionProperty: 'box-shadow',
+  boxShadow: "inset 0 -2px 0 0 ".concat(vars.typography.colour.primary),
+  ':hover': {
+    boxShadow: "inset 0 -1.6em 0 0 ".concat(vars.typography.colour.primary)
+  }
+}, "root");
 export const muted = style({
-    ':hover': {
-        color: 'white',
-        boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.primary}`,
-    },
-});
+  ':hover': {
+    color: 'white',
+    boxShadow: "inset 0 -1.6em 0 0 ".concat(vars.typography.colour.primary)
+  }
+}, "muted");
+
+__vanilla_filescope__.endFileScope();

package/dist/components/TextLink/TextLink.js

@@ -1,28 +1,66 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["is", "children", "className", "fontWeight", "strong", "muted", "size"];
+
+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 { invariant } from '@autoguru/utilities';
 import clsx from 'clsx';
 import * as React from 'react';
-import { cloneElement, createElement, forwardRef, isValidElement, } from 'react';
-import { Box, useBoxStyles } from '../Box';
-import { Text } from '../Text';
-import * as styles from './TextLink.css';
-export const TextLink = forwardRef(({ is: Component, children, className, fontWeight = 'bold', strong, muted = false, size, ...props }, ref) => {
-    invariant(!(Component !== undefined && props.href !== undefined), 'You cannot have both href and as defined.');
-    const body = (React.createElement(Text, { is: "span", colour: muted && 'muted', size: size, strong: strong, fontWeight: fontWeight, className: clsx(styles.root, useBoxStyles({
-            is: 'span',
-            pointerEvents: 'none',
-        }), {
-            [styles.muted]: muted,
-        }) }, children));
-    const allProps = {
-        rel: props.rel ?? 'noopener noreferrer',
-        ...props,
-        ref,
-        className,
-    };
-    if (Component === undefined) {
-        return (React.createElement(Box, { is: "a", ...allProps }, body));
-    }
-    return isValidElement(Component)
-        ? cloneElement(Component, allProps, body)
-        : createElement(Component, allProps, body);
-});
+import { cloneElement, createElement, forwardRef, isValidElement } from 'react';
+import { Box, useBoxStyles } from "../Box/index.js";
+import { Text } from "../Text/index.js";
+import * as styles from "./TextLink.css.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TextLink = forwardRef((_ref, ref) => {
+  var _props$rel;
+
+  let {
+    is: Component,
+    children,
+    className,
+    fontWeight = 'bold',
+    strong,
+    muted = false,
+    size
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  !!(Component !== undefined && props.href !== undefined) ? process.env.NODE_ENV !== "production" ? invariant(false, 'You cannot have both href and as defined.') : invariant(false) : void 0;
+
+  const body = _jsx(Text, {
+    is: "span",
+    colour: muted && 'muted',
+    size: size,
+    strong: strong,
+    fontWeight: fontWeight,
+    className: clsx(styles.root, useBoxStyles({
+      is: 'span',
+      pointerEvents: 'none'
+    }), {
+      [styles.muted]: muted
+    }),
+    children: children
+  });
+
+  const allProps = _objectSpread(_objectSpread({
+    rel: (_props$rel = props.rel) !== null && _props$rel !== void 0 ? _props$rel : 'noopener noreferrer'
+  }, props), {}, {
+    ref,
+    className
+  });
+
+  if (Component === undefined) {
+    return _jsx(Box, _objectSpread(_objectSpread({
+      is: "a"
+    }, allProps), {}, {
+      children: body
+    }));
+  }
+
+  return isValidElement(Component) ? cloneElement(Component, allProps, body) : createElement(Component, allProps, body);
+});

package/dist/components/TextLink/index.js

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

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,20 +1,38 @@
+"use strict";
+
 import { invariant } from '@autoguru/utilities';
 import * as React from 'react';
 import { createContext, useContext, useMemo } from 'react';
-import { makeRuntimeTokens } from '../../themes/makeTheme';
+import { makeRuntimeTokens } from "../../themes/makeTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const themeContext = createContext(null);
 const runtimeTokensContext = createContext(null);
-export const ThemeProvider = ({ vars, tokens, themeClass, children, breakpoints, }) => (React.createElement(themeContext.Provider, { value: useMemo(() => ({ vars, themeClass }), [vars, tokens]) },
-    React.createElement(runtimeTokensContext.Provider, { value: useMemo(() => makeRuntimeTokens(tokens, breakpoints), [
-            tokens,
-        ]) }, children)));
+export const ThemeProvider = _ref => {
+  let {
+    vars,
+    tokens,
+    themeClass,
+    children,
+    breakpoints
+  } = _ref;
+  return _jsx(themeContext.Provider, {
+    value: useMemo(() => ({
+      vars,
+      themeClass
+    }), [vars, tokens]),
+    children: _jsx(runtimeTokensContext.Provider, {
+      value: useMemo(() => makeRuntimeTokens(tokens, breakpoints), [tokens]),
+      children: children
+    })
+  });
+};
 export const useTheme = () => {
-    const theme = useContext(themeContext);
-    invariant(theme !== null, "You haven't provided an `OverdriveProvider`.");
-    return theme;
+  const theme = useContext(themeContext);
+  !(theme !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, "You haven't provided an `OverdriveProvider`.") : invariant(false) : void 0;
+  return theme;
 };
 export const useRuntimeTokens = () => {
-    const tokens = useContext(runtimeTokensContext);
-    invariant(tokens !== null, "You haven't provided a `OverdriveProvider`.");
-    return tokens;
-};
+  const tokens = useContext(runtimeTokensContext);
+  !(tokens !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, "You haven't provided a `OverdriveProvider`.") : invariant(false) : void 0;
+  return tokens;
+};

package/dist/components/ThemeProvider/index.js

@@ -1 +1,3 @@
-export * from './ThemeProvider';
+"use strict";
+
+export * from "./ThemeProvider.js";

package/dist/components/Toaster/Toast.css.js

@@ -1,12 +1,20 @@
+"use strict";
+
+import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
+
+__vanilla_filescope__.setFileScope("lib/components/Toaster/Toast.css.ts", "@autoguru/overdrive");
+
 import { style } from '@vanilla-extract/css';
-import { vars } from '../../themes/base/vars.css';
+import { vars } from "../../themes/base/vars.css.js";
 export const root = style({
-    zIndex: 3000,
-    justifyItems: 'center',
-    top: vars.space['3'],
-    right: 0,
-    left: 0,
-});
+  zIndex: 3000,
+  justifyItems: 'center',
+  top: vars.space['3'],
+  right: 0,
+  left: 0
+}, "root");
 export const alert = style({
-    pointerEvents: 'initial',
-});
+  pointerEvents: 'initial'
+}, "alert");
+
+__vanilla_filescope__.endFileScope();