@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/dist/components/TextContainer/TextContainer.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactElement } from 'react';
+export interface Props {
+    heading?: ReactElement;
+    action?: ReactElement;
+    className?: string;
+    children: ReactElement | ReactElement[];
+}
+export declare const TextContainer: FunctionComponent<Props>;
+//# sourceMappingURL=TextContainer.d.ts.map

package/dist/components/TextContainer/TextContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextContainer.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/TextContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAUlD,CAAC"}

package/dist/components/TextContainer/TextContainer.js

@@ -1,28 +1,9 @@
-"use strict";
-
 import * as React from 'react';
-import { Column, Columns } from "../Columns/index.js";
-import { Stack } from "../Stack/index.js";
-export const TextContainer = _ref => {
-  let {
-    heading,
-    className = '',
-    children,
-    action
-  } = _ref;
-  return <Stack space="2" is="article" className={className}>
-		<TextContainerHeading heading={heading} action={action} />
-		{children}
-	</Stack>;
-};
-
-const TextContainerHeading = _ref2 => {
-  let {
-    heading,
-    action
-  } = _ref2;
-  return <Columns noWrap align="centre" space="4">
-		<Column grow>{heading}</Column>
-		{action ? <Column width="auto">{action}</Column> : null}
-	</Columns>;
-};
+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));

package/dist/components/TextContainer/index.d.ts

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

package/dist/components/TextContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/TextContainer/index.js

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

package/dist/components/TextContainer/stories.js

@@ -1,16 +1,26 @@
 "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 * as React from 'react';
 import { Button } from "../Button/index.js";
 import { Heading } from "../Heading/index.js";
 import { Text } from "../Text/index.js";
 import { TextContainer } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default {
   title: 'Components/TextContainer',
   component: TextContainer,
-  decorators: [story => <div style={{
-    maxWidth: 512
-  }}>{story()}</div>],
+  decorators: [story => _jsx("div", {
+    style: {
+      maxWidth: 512
+    },
+    children: story()
+  })],
   argTypes: {
     children: {
       control: {
@@ -30,78 +40,94 @@ export default {
   }
 };
 
-const Template = args => <TextContainer {...args} />;
+const Template = args => _jsx(TextContainer, _objectSpread({}, args));
 
 const standardProps = {
-  heading: <Heading>Choose a credit pack</Heading>,
-  children: <Text colour="muted" is="p">
-			To get started, choose a credit pack that will used for Auto Top-Up.
-		</Text>
+  heading: _jsx(Heading, {
+    children: "Choose a credit pack"
+  }),
+  children: _jsx(Text, {
+    colour: "muted",
+    is: "p",
+    children: "To get started, choose a credit pack that will used for Auto Top-Up."
+  })
 };
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
 const withALotOfBodyProps = {
-  heading: <Heading>Reviews</Heading>,
-  children: <Text colour="muted" is="p">
-			To avoid you coming to a halt in the middle of the road, because of
-			a banging, crash of pistons and valves fighting with each other,
-			let's investigate what the timing belt is, what it does, and why it
-			costs so much to replace or repair.
-		</Text>
+  heading: _jsx(Heading, {
+    children: "Reviews"
+  }),
+  children: _jsx(Text, {
+    colour: "muted",
+    is: "p",
+    children: "To avoid you coming to a halt in the middle of the road, because of a banging, crash of pistons and valves fighting with each other, let's investigate what the timing belt is, what it does, and why it costs so much to replace or repair."
+  })
 };
 export const withALotOfBody = Template.bind(withALotOfBodyProps);
 withALotOfBody.args = withALotOfBodyProps;
 const withInteractionProps = {
-  heading: <Heading>Reviews</Heading>,
-  children: <Text colour="muted" is="p">
-			To avoid you coming to a halt in the middle of the road, because of
-			a banging, crash of pistons and valves fighting with each other,
-			let's investigate what the timing belt is, what it does, and why it
-			costs so much to replace or repair.
-		</Text>,
-  action: <Button variant="secondary" size="small">
-			Edit
-		</Button>
+  heading: _jsx(Heading, {
+    children: "Reviews"
+  }),
+  children: _jsx(Text, {
+    colour: "muted",
+    is: "p",
+    children: "To avoid you coming to a halt in the middle of the road, because of a banging, crash of pistons and valves fighting with each other, let's investigate what the timing belt is, what it does, and why it costs so much to replace or repair."
+  }),
+  action: _jsx(Button, {
+    variant: "secondary",
+    size: "small",
+    children: "Edit"
+  })
 };
 export const withInteraction = Template.bind(withInteractionProps);
 withInteraction.args = withInteractionProps;
 const withInteractionOnlyProps = {
   heading: void 0,
-  children: <Text colour="muted" is="p">
-			To avoid you coming to a halt in the middle of the road, because of
-			a banging, crash of pistons and valves fighting with each other,
-			let's investigate what the timing belt is, what it does, and why it
-			costs so much to replace or repair.
-		</Text>,
-  action: <Button variant="secondary" size="small">
-			Edit
-		</Button>
+  children: _jsx(Text, {
+    colour: "muted",
+    is: "p",
+    children: "To avoid you coming to a halt in the middle of the road, because of a banging, crash of pistons and valves fighting with each other, let's investigate what the timing belt is, what it does, and why it costs so much to replace or repair."
+  }),
+  action: _jsx(Button, {
+    variant: "secondary",
+    size: "small",
+    children: "Edit"
+  })
 };
 export const withInteractionOnly = Template.bind(withInteractionOnlyProps);
 withInteractionOnly.args = withInteractionOnlyProps;
 const withLongTitleProps = {
-  heading: <Heading>Setup your personal settings</Heading>,
-  children: <Text colour="muted" is="p">
-			To avoid you coming to a halt in the middle of the road, because of
-			a banging, crash of pistons and valves fighting with each other,
-			let's investigate what the timing belt is, what it does, and why it
-			costs so much to replace or repair.
-		</Text>,
-  action: <Button variant="secondary" size="small">
-			Edit
-		</Button>
+  heading: _jsx(Heading, {
+    children: "Setup your personal settings"
+  }),
+  children: _jsx(Text, {
+    colour: "muted",
+    is: "p",
+    children: "To avoid you coming to a halt in the middle of the road, because of a banging, crash of pistons and valves fighting with each other, let's investigate what the timing belt is, what it does, and why it costs so much to replace or repair."
+  }),
+  action: _jsx(Button, {
+    variant: "secondary",
+    size: "small",
+    children: "Edit"
+  })
 };
 export const withLongTitle = Template.bind(withLongTitleProps);
 withLongTitle.args = withLongTitleProps;
 const withNoBodyTextProps = {
-  children: <Heading>Choose a credit pack</Heading>
+  children: _jsx(Heading, {
+    children: "Choose a credit pack"
+  })
 };
 export const withNoBodyText = Template.bind(withNoBodyTextProps);
 withNoBodyText.args = withNoBodyTextProps;
 const withNoTitleTextProps = {
-  children: <Text colour="muted" is="p">
-			To get started, choose a credit pack that will used for Auto Top-Up.
-		</Text>
+  children: _jsx(Text, {
+    colour: "muted",
+    is: "p",
+    children: "To get started, choose a credit pack that will used for Auto Top-Up."
+  })
 };
 export const withNoTitleText = Template.bind(withNoTitleTextProps);
 withNoTitleText.args = withNoTitleTextProps;

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const TextInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLInputElement, "type">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,SAAS,sVAwBrB,CAAC"}

package/dist/components/TextInput/TextInput.js

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

package/dist/components/TextInput/index.d.ts

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

package/dist/components/TextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/TextInput/index.js

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

package/dist/components/TextInput/stories.js

@@ -10,6 +10,7 @@ import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarMultipleIcon, CheckI
 import { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { TextInput } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default {
   title: 'Components/Inputs/Text',
   component: TextInput,
@@ -55,7 +56,7 @@ const argTypes = {
   }
 };
 
-const Template = args => <TextInput {...args} />;
+const Template = args => _jsx(TextInput, _objectSpread({}, args));
 
 const sharedProps = {
   disabled: false,

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

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const muted: string;
+//# sourceMappingURL=TextLink.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.css.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,KAAK,QAKhB,CAAC"}

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

@@ -1,26 +1,18 @@
-"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.js";
+import { vars } from '../../themes/base/vars.css';
 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 ".concat(vars.typography.colour.primary),
-  ':hover': {
-    boxShadow: "inset 0 -1.6em 0 0 ".concat(vars.typography.colour.primary)
-  }
-}, "root");
+    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}`,
+    },
+});
 export const muted = style({
-  ':hover': {
-    color: 'white',
-    boxShadow: "inset 0 -1.6em 0 0 ".concat(vars.typography.colour.primary)
-  }
-}, "muted");
-
-__vanilla_filescope__.endFileScope();
+    ':hover': {
+        color: 'white',
+        boxShadow: `inset 0 -1.6em 0 0 ${vars.typography.colour.primary}`,
+    },
+});

package/dist/components/TextLink/TextLink.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { AnchorHTMLAttributes, ComponentProps, ElementType, ReactElement, ReactText } from 'react';
+import { Text } from '../Text';
+declare type TextProps = Omit<ComponentProps<typeof Text>, 'is' | 'colour'>;
+declare type AnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'style' | 'is' | keyof TextProps>;
+export interface Props extends TextProps, AnchorProps {
+    children: ReactText;
+    className?: string;
+    is?: ElementType | ReactElement;
+    muted?: boolean;
+}
+export declare const TextLink: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=TextLink.d.ts.map

package/dist/components/TextLink/TextLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../lib/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,oBAAoB,EAEpB,cAAc,EAEd,WAAW,EAGX,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,CAAC;AACpE,aAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,SAAS,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,WAAW;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,iFA2DpB,CAAC"}

package/dist/components/TextLink/TextLink.js

@@ -1,56 +1,28 @@
-"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/index.js";
-import { Text } from "../Text/index.js";
-import * as styles from "./TextLink.css.js";
-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 = <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}
-			</Text>;
-
-  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 <Box is="a" {...allProps}>
-					{body}
-				</Box>;
-  }
-
-  return isValidElement(Component) ? cloneElement(Component, allProps, body) : createElement(Component, allProps, body);
-});
+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);
+});

package/dist/components/TextLink/index.d.ts

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

package/dist/components/TextLink/index.d.ts.map

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

package/dist/components/TextLink/index.js

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

package/dist/components/TextLink/stories.js

@@ -1,8 +1,16 @@
 "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 * as React from 'react';
 import { Text } from "../Text/index.js";
 import { TextLink } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const sizeScale = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
 const alignOptions = ['left', 'center', 'right'];
 const fontWeightOptions = ['normal', 'semiBold', 'bold'];
@@ -10,14 +18,15 @@ const noWrapOptions = [false, true];
 const transformOptions = ['uppercase', 'capitalize', undefined];
 export default {
   title: 'Foundation/Typography/TextLink',
-  decorators: [story => <div style={{
-    width: '100%',
-    maxWidth: 300,
-    display: 'grid',
-    gridTemplateColumns: '1fr'
-  }}>
-				{story()}
-			</div>],
+  decorators: [story => _jsx("div", {
+    style: {
+      width: '100%',
+      maxWidth: 300,
+      display: 'grid',
+      gridTemplateColumns: '1fr'
+    },
+    children: story()
+  })],
   argTypes: {
     noWrap: {
       options: noWrapOptions,
@@ -62,14 +71,16 @@ export default {
   }
 };
 
-const Template = args => <TextLink {...args}>Hello</TextLink>;
+const Template = args => _jsx(TextLink, _objectSpread(_objectSpread({}, args), {}, {
+  children: "Hello"
+}));
 
-const InsideParagraphTemplate = args => <Text is="p">
-		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad,{' '}
-		<TextLink {...args}>Hello</TextLink> autem consectetur consequuntur eius
-		fugiat illo ipsum nobis numquam, officiis placeat quia, quidem
-		reprehenderit rerum temporibus veniam vero.
-	</Text>;
+const InsideParagraphTemplate = args => _jsxs(Text, {
+  is: "p",
+  children: ["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad,", ' ', _jsx(TextLink, _objectSpread(_objectSpread({}, args), {}, {
+    children: "Hello"
+  })), " autem consectetur consequuntur eius fugiat illo ipsum nobis numquam, officiis placeat quia, quidem reprehenderit rerum temporibus veniam vero."]
+});
 
 const standardProps = {
   muted: false,

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,19 @@
+import { ThemeVars } from '@vanilla-extract/css/dist/declarations/src/types';
+import { FunctionComponent } from 'react';
+import { RuntimeTokens } from '../../themes/makeTheme';
+import { BreakPoints, Tokens } from '../../themes/tokens';
+declare type ThemeContextType = {
+    vars: ThemeVars<Tokens>;
+    themeClass: string;
+};
+export interface Props {
+    vars: ThemeVars<Tokens>;
+    themeClass: string;
+    tokens: Tokens;
+    breakpoints?: BreakPoints;
+}
+export declare const ThemeProvider: FunctionComponent<Props>;
+export declare const useTheme: () => ThemeContextType;
+export declare const useRuntimeTokens: () => RuntimeTokens;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/components/ThemeProvider/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kDAAkD,CAAC;AAE7E,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE1D,aAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC"}

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,34 +1,20 @@
-"use strict";
-
 import { invariant } from '@autoguru/utilities';
 import * as React from 'react';
 import { createContext, useContext, useMemo } from 'react';
-import { makeRuntimeTokens } from "../../themes/makeTheme.js";
+import { makeRuntimeTokens } from '../../themes/makeTheme';
 const themeContext = createContext(null);
 const runtimeTokensContext = createContext(null);
-export const ThemeProvider = _ref => {
-  let {
-    vars,
-    tokens,
-    themeClass,
-    children
-  } = _ref;
-  return <themeContext.Provider value={useMemo(() => ({
-    vars,
-    themeClass
-  }), [vars, tokens])}>
-		<runtimeTokensContext.Provider value={useMemo(() => makeRuntimeTokens(tokens), [tokens])}>
-			{children}
-		</runtimeTokensContext.Provider>
-	</themeContext.Provider>;
-};
+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 useTheme = () => {
-  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;
+    const theme = useContext(themeContext);
+    invariant(theme !== null, "You haven't provided an `OverdriveProvider`.");
+    return theme;
 };
 export const useRuntimeTokens = () => {
-  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;
-};
+    const tokens = useContext(runtimeTokensContext);
+    invariant(tokens !== null, "You haven't provided a `OverdriveProvider`.");
+    return tokens;
+};

package/dist/components/ThemeProvider/index.d.ts

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

package/dist/components/ThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/ThemeProvider/index.js

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