@autoguru/overdrive 3.0.0-next.9 → 4.0.3

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # @autoguru/overdrive
 
+## 4.0.3
+
+### Patch Changes
+
+-   7f65be1: TextArea: Fixed min height
+
+## 4.0.2
+
+### Patch Changes
+
+-   f7bfcdb: Tabs Get a more distinct colour for unselected tab labels
+
+## 4.0.1
+
+### Patch Changes
+
+-   e2cebc8: Applies type fixes
+
+## 4.0.0
+
+### Major Changes
+
+-   dd12f20: Migrates Overdrive to vanilla extract
+
+## 3.0.0
+
+### Major Changes
+
+-   eb36462: Overdrive: Migrates styling away from treat to vanilla extract
+-   aaac596: Migrate to vanilla extract
+
+### Patch Changes
+
+-   4324095: OverdriveProvider: Imports reset styles
+-   4324095: OverdriveProvider: Imports global fonts
+-   2623174: fixes list of files with side effects
+-   03ca973: Autosuggest: Replaces deprecated fill-available with stretch
+-   56edcaf: Overdrive: Gets file extentions for imports
+-   2fbe7bf: OverdriveProvider: Accepts runtime breakpoint token
+-   4324095: Compiles released package to JS
+-   4858d44: Compiles Overdrive package into JS
+-   36736c3: useMedia
+-   ec17939: Adds babel react preset
+-   965c7ed: Portal: Makes theme wrapping optional
+-   19d14a1: Multiple theming fixes
+-   aa5d74b: Portal: Removes memo
+-   4324095: Reverts compiling to js
+-   713b1a3: Oderdrive: Fixed type generation for released package
+-   4b3b1ec: Adds inhouse babel config
+-   ca4e971: Portal: Fixes unwrapped version
+-   158d3bb: Accept custom runtime breakpoint tokens
+
+## 3.0.0-next.18
+
+### Patch Changes
+
+-   Fixes type generation for released package
+
+## 3.0.0-next.17
+
+### Patch Changes
+
+-   useMedia
+
+## 3.0.0-next.16
+
+### Patch Changes
+
+-   Portal: Removes memo
+
+## 3.0.0-next.15
+
+### Patch Changes
+
+-   Portal: Fixes unwrapped version
+
+## 3.0.0-next.14
+
+### Patch Changes
+
+-   Portal: Makes theme wrapping optional
+
+## 3.0.0-next.13
+
+### Patch Changes
+
+-   OverdriveProvider: Accepts runtime breakpoint token
+
+## 3.0.0-next.12
+
+### Patch Changes
+
+-   Accept custom runtime breakpoint tokens
+
+## 3.0.0-next.11
+
+### Patch Changes
+
+-   Autosuggest: Replaces deprecated fill-available with stretch
+
+## 3.0.0-next.10
+
+### Patch Changes
+
+-   fixes list of files with sideeffects
+
 ## 3.0.0-next.9
 
 ### Patch Changes

package/dist/components/AutoSuggest/AutoSuggest.css.js

@@ -16,7 +16,7 @@ export const fullScreenRoot = style({
   paddingBottom: vars.space['5'],
   overflowY: 'auto',
   maxHeight: '100vh',
-  height: 'fill-available',
+  height: 'stretch',
   ':before': {
     content: '""',
     position: 'fixed',

package/dist/components/AutoSuggest/AutoSuggest.d.ts

@@ -0,0 +1,29 @@
+import { IconType } from '@autoguru/icons';
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+import { TextInput } from '../TextInput';
+export interface AutoSuggestValue<PayloadType> {
+    text: string;
+    payload: PayloadType | null | undefined;
+    skip?: boolean;
+}
+export declare type AutoSuggestItemRenderer<PayloadType> = (props: {
+    value: AutoSuggestValue<PayloadType>;
+    highlight: boolean;
+    suggestions: Array<AutoSuggestValue<PayloadType>>;
+}) => ReactElement;
+declare type Suggestions<PayloadType> = Array<AutoSuggestValue<PayloadType>>;
+export interface Props<PayloadType> extends Omit<ComponentPropsWithoutRef<typeof TextInput>, 'onChange' | 'value' | 'type' | 'suffixIcon'> {
+    autoFocus?: boolean;
+    autoWidth?: boolean;
+    inlineOptions?: boolean;
+    fieldIcon?: IconType;
+    value: AutoSuggestValue<PayloadType> | null;
+    suggestions: Suggestions<PayloadType>;
+    itemRenderer?: AutoSuggestItemRenderer<PayloadType>;
+    onChange?(value: AutoSuggestValue<PayloadType>): void;
+}
+export declare const AutoSuggest: <PayloadType extends unknown>(p: Props<PayloadType> & {
+    ref?: Ref<HTMLInputElement>;
+}) => ReactElement;
+export {};
+//# sourceMappingURL=AutoSuggest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,EACN,wBAAwB,EAIxB,YAAY,EAEZ,GAAG,EAOH,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,oBAAY,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,aAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,KAAK,CAAC,WAAW,CACjC,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACtD;AAwGD,eAAO,MAAM,WAAW;UAyES,IAAI,gBAAgB,CAAC;MACjD,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+export { AutoSuggest } from './AutoSuggest';
+export type { AutoSuggestValue, AutoSuggestItemRenderer } from './AutoSuggest';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/DateInput/DateInput.d.ts

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

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

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

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

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

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

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

package/dist/components/Meta/Meta.d.ts

@@ -0,0 +1,10 @@
+import { IconType } from '@autoguru/icons';
+import { FunctionComponent } from 'react';
+import * as styles from './Meta.css';
+export interface Props {
+    icon: IconType;
+    label: string;
+    variant?: keyof typeof styles.variant;
+}
+export declare const Meta: FunctionComponent<Props>;
+//# sourceMappingURL=Meta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.d.ts","sourceRoot":"","sources":["../../../lib/components/Meta/Meta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CASzC,CAAC"}

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

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

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

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

package/dist/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface Props extends Partial<Pick<HTMLInputElement, 'min' | 'max' | 'step'>> {
+    preventMouseWheel?: boolean;
+}
+export declare const NumberInput: React.ForwardRefExoticComponent<Props & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,KACT,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,oTA0EvB,CAAC"}

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

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

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

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

package/dist/components/OverdriveProvider/OverdriveProvider.js

@@ -11,6 +11,7 @@ export const OverdriveProvider = _ref => {
     vars,
     themeClass,
     tokens,
+    breakpoints,
     children
   } = _ref;
   useEffect(() => {
@@ -29,6 +30,7 @@ export const OverdriveProvider = _ref => {
     vars: vars,
     themeClass: themeClass,
     tokens: tokens,
+    breakpoints: breakpoints,
     children: children
   });
 };

package/dist/components/Portal/Portal.js

@@ -12,7 +12,8 @@ function Portal(_ref, ref) {
 
   let {
     children,
-    container
+    container,
+    noThemedWrapper
   } = _ref;
   const themeClass = (_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.themeClass;
   const [mountNode, setMountNode] = useState(null);
@@ -28,10 +29,11 @@ function Portal(_ref, ref) {
       void setRef(ref, null);
     };
   }, [ref, mountNode]);
-  return mountNode ? createPortal(_jsx("div", {
+  if (!mountNode) return null;
+  return noThemedWrapper ? createPortal(children, mountNode) : createPortal(_jsx("div", {
     className: themeClass,
     children: children
-  }), mountNode) : null;
+  }), mountNode);
 }
 
 const _Portal = forwardRef(Portal);

package/dist/components/Positioner/Positioner.js

@@ -9,6 +9,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
+import { defaultModifiers } from '@popperjs/core/lib/popper';
 import * as React from 'react';
 import { useCallback, useEffect, useRef } from 'react';
 import { isBrowser, setRef } from "../../utils/index.js";
@@ -16,8 +18,6 @@ import { Box } from "../Box/index.js";
 import { Portal } from "../Portal/index.js";
 import * as styles from "./Positioner.css.js";
 import { EAlignment } from "./alignment.js";
-import { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
-import { defaultModifiers } from '@popperjs/core/lib/popper';
 import { jsx as _jsx } from "react/jsx-runtime";
 export { EAlignment } from "./alignment.js";
 const createPopper = popperGenerator({

package/dist/components/ProgressSpinner/ProgressSpinner.css.js

@@ -12,11 +12,11 @@ const spinAnim = keyframes({
   }
 }, "spinAnim");
 export const circular = style({
+  animationName: spinAnim,
   transformOrigin: 'center center',
   animationDuration: '2s',
   animationTimingFunction: 'linear',
-  animationIterationCount: 'infinite',
-  animationName: spinAnim
+  animationIterationCount: 'infinite'
 }, "circular");
 const stokeAnim = keyframes({
   '0%': {

package/dist/components/SelectInput/SelectInput.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export declare const SelectInput: React.ForwardRefExoticComponent<{
+    children: ReactNode[];
+} & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLSelectElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=SelectInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,eAAO,MAAM,WAAW;cAEZ,SAAS,EAAE;gRAgDtB,CAAC"}

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

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

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

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

package/dist/components/Tabs/Tab.js

@@ -41,7 +41,7 @@ export const Tab = forwardRef((_ref, ref) => {
       noWrap: true,
       size: '3',
       fontWeight: 'bold',
-      colour: 'muted'
+      colour: 'light'
     }), styles.root.default, {
       [styles.root.active]: isActive
     }),

package/dist/components/TextAreaInput/TextAreaInput.d.ts

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

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

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

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

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

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

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

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/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/ThemeProvider/ThemeProvider.js

@@ -12,7 +12,8 @@ export const ThemeProvider = _ref => {
     vars,
     tokens,
     themeClass,
-    children
+    children,
+    breakpoints
   } = _ref;
   return _jsx(themeContext.Provider, {
     value: useMemo(() => ({
@@ -20,7 +21,7 @@ export const ThemeProvider = _ref => {
       themeClass
     }), [vars, tokens]),
     children: _jsx(runtimeTokensContext.Provider, {
-      value: useMemo(() => makeRuntimeTokens(tokens), [tokens]),
+      value: useMemo(() => makeRuntimeTokens(tokens, breakpoints), [tokens]),
       children: children
     })
   });

package/dist/components/index.d.ts

@@ -0,0 +1,52 @@
+export * from './OverdriveProvider';
+export * from './ThemeProvider';
+export * from './Actions';
+export * from './Alert';
+export * from './Anchor';
+export * from './AutoSuggest';
+export * from './Badge';
+export * from './Box';
+export * from './BulletList';
+export * from './BulletText';
+export * from './Button';
+export * from './CheckBox';
+export * from './Columns';
+export * from './DateInput';
+export * from './Flyout';
+export * from './Heading';
+export * from './Icon';
+export * from './Inline';
+export * from './LinearProgressIndicator';
+export * from './LoadingBox';
+export * from './Meta';
+export * from './Modal';
+export * from './NumberInput';
+export * from './OrderedList';
+export * from './OutsideClick';
+export * from './Pagination';
+export * from './Portal';
+export * from './Positioner';
+export * from './ProgressBar';
+export * from './ProgressBarGroup';
+export * from './ProgressSpinner';
+export * from './Radio';
+export * from './Section';
+export * from './SelectInput';
+export * from './SimplePagination';
+export * from './Stack';
+export * from './StandardModal';
+export * from './StarRating';
+export * from './Stepper';
+export * from './Switch';
+export * from './Table';
+export * from './Tabs';
+export * from './Text';
+export * from './TextAreaInput';
+export * from './TextContainer';
+export * from './TextInput';
+export * from './TextLink';
+export * from './Toaster';
+export * from './Tooltip';
+export * from './VisuallyHidden';
+export * from './MinimalModal';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/dist/components/private/InputBase/index.d.ts

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

package/dist/components/private/InputBase/index.d.ts.map

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

package/dist/components/private/InputBase/withEnhancedInput.css.d.ts

@@ -0,0 +1,9 @@
+export declare const icon: {
+    prefix: string[];
+    suffix: string[];
+};
+export declare const input: {
+    itself: Record<"root" | "prefixed" | "suffixed", string>;
+};
+export declare const types: Record<"textarea", string>;
+//# sourceMappingURL=withEnhancedInput.css.d.ts.map

package/dist/components/private/InputBase/withEnhancedInput.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withEnhancedInput.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI;;;CAGhB,CAAC;AAEF,eAAO,MAAM,KAAK;;CA+BjB,CAAC;AAIF,eAAO,MAAM,KAAK,4BAOhB,CAAC"}

package/dist/components/private/InputBase/withEnhancedInput.css.js

@@ -1,66 +1,53 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/private/InputBase/withEnhancedInput.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../../themes/base/vars.css.js";
+import { vars } from '../../../themes/base/vars.css';
 const iconRoot = style({
-  top: '50%',
-  transform: 'translate3d(0, -50%, 0)',
-  transition: "color 0.2s ".concat(vars.animation.easing.decelerate, " 0s"),
-  margin: "0 calc(".concat(vars.space['3'], " - 1px)")
-}, "iconRoot");
+    top: '50%',
+    transform: 'translate3d(0, -50%, 0)',
+    transition: `color 0.2s ${vars.animation.easing.decelerate} 0s`,
+    margin: `0 calc(${vars.space['3']} - 1px)`,
+});
 export const icon = {
-  prefix: [iconRoot, style({
-    left: 0
-  }, "icon_prefix")],
-  suffix: [iconRoot, style({
-    right: 0
-  }, "icon_suffix")]
+    prefix: [iconRoot, style({ left: 0 })],
+    suffix: [iconRoot, style({ right: 0 })],
 };
 export const input = {
-  itself: styleVariants({
-    root: {
-      zIndex: 1,
-      alignSelf: 'flex-end',
-      background: 'transparent',
-      outline: 'none',
-      fontSize: vars.typography.size['4'].fontSize,
-      lineHeight: 1,
-      height: vars.space['8'],
-      padding: "calc(((".concat(vars.space['8'], " - ").concat(vars.typography.size['4'].fontSize, ") / 2) - 3px) calc(").concat(vars.space['4'], " - 1px)"),
-      selectors: {
-        '&[disabled]': {
-          color: vars.typography.colour.muted,
-          cursor: 'not-allowed'
+    itself: styleVariants({
+        root: {
+            zIndex: 1,
+            alignSelf: 'flex-end',
+            background: 'transparent',
+            outline: 'none',
+            fontSize: vars.typography.size['4'].fontSize,
+            lineHeight: 1,
+            height: vars.space['8'],
+            padding: `calc(((${vars.space['8']} - ${vars.typography.size['4'].fontSize}) / 2) - 3px) calc(${vars.space['4']} - 1px)`,
+            selectors: {
+                '&[disabled]': {
+                    color: vars.typography.colour.muted,
+                    cursor: 'not-allowed',
+                },
+                '&::placeholder': {
+                    fontSize: vars.typography.size['4'].fontSize,
+                    lineHeight: vars.typography.size['4'].lineHeight,
+                    color: vars.typography.colour.muted,
+                    opacity: 1,
+                },
+            },
         },
-        '&::placeholder': {
-          fontSize: vars.typography.size['4'].fontSize,
-          lineHeight: vars.typography.size['4'].lineHeight,
-          color: vars.typography.colour.muted,
-          opacity: 1
-        }
-      }
-    },
-    prefixed: {
-      paddingLeft: "calc((".concat(vars.space['3'], " - 1px) + (").concat(vars.space['4'], " - 1px) + ").concat(vars.space[4], ")")
-    },
-    suffixed: {
-      paddingRight: "calc((".concat(vars.space['3'], " - 1px) + (").concat(vars.space['4'], " - 1px) + ").concat(vars.space[4], ")")
-    }
-  }, "input_itself")
-};
-const textAreaHeight = "calc((".concat(vars.space['8'], " * 2.5))");
-const topSpacing = "calc(((".concat(vars.space['8'], " - ").concat(vars.typography.size['4'].fontSize, ") / 2) - 3px)");
-export const types = {
-  textarea: {
-    height: "calc(".concat(textAreaHeight, " - ").concat(topSpacing, ")"),
-    minHeight: "calc(".concat(textAreaHeight, " - ").concat(topSpacing, ")"),
-    lineHeight: 1.2,
-    resize: 'vertical'
-  }
+        prefixed: {
+            paddingLeft: `calc((${vars.space['3']} - 1px) + (${vars.space['4']} - 1px) + ${vars.space[4]})`,
+        },
+        suffixed: {
+            paddingRight: `calc((${vars.space['3']} - 1px) + (${vars.space['4']} - 1px) + ${vars.space[4]})`,
+        },
+    }),
 };
-
-__vanilla_filescope__.endFileScope();
+const textAreaHeight = '107px';
+export const types = styleVariants({
+    textarea: {
+        height: textAreaHeight,
+        minHeight: textAreaHeight,
+        lineHeight: 1.2,
+        resize: 'vertical',
+    },
+});

package/dist/components/private/InputBase/withEnhancedInput.d.ts

@@ -0,0 +1,57 @@
+import { IconType } from '@autoguru/icons';
+import * as React from 'react';
+import { AriaAttributes, ChangeEventHandler, ComponentType, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, MutableRefObject, ReactNode, Ref } from 'react';
+export interface EventHandlers<PrimitiveElementType> {
+    onChange?: ChangeEventHandler<PrimitiveElementType>;
+    onBlur?: FocusEventHandler<PrimitiveElementType>;
+    onFocus?: FocusEventHandler<PrimitiveElementType>;
+    onKeyDown?: KeyboardEventHandler<PrimitiveElementType>;
+    onClick?: MouseEventHandler<PrimitiveElementType>;
+    onMouseEnter?: MouseEventHandler<PrimitiveElementType>;
+    onMouseLeave?: MouseEventHandler<PrimitiveElementType>;
+    onReset?(): void;
+}
+export interface EnhanceInputPrimitiveProps extends AriaAttributes {
+    name: string;
+    placeholder: string;
+    id?: string;
+    className?: string;
+    value?: string;
+    hintText?: ReactNode;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    notch?: boolean;
+    reserveHintSpace?: boolean;
+    fieldIcon?: IconType;
+    prefixIcon?: IconType;
+    suffixIcon?: IconType;
+    wrapperRef?: Ref<HTMLDivElement>;
+    isLoading?: boolean;
+    isFocused?: boolean;
+}
+export interface ValidationProps {
+    isTouched?: boolean;
+    isValid?: boolean;
+}
+export declare type EnhanceInputProps<IncomingProps, PrimitiveElementType> = IncomingProps & EnhanceInputPrimitiveProps & EventHandlers<PrimitiveElementType> & ValidationProps;
+export declare type WrappedComponentProps<IncomingProps, PrimitiveElementType> = {
+    validation: ValidationProps;
+    eventHandlers: EventHandlers<PrimitiveElementType>;
+    field: Omit<EnhanceInputPrimitiveProps, 'placeholder' | 'hintText' | 'fieldIcon'> & {
+        ref: MutableRefObject<PrimitiveElementType>;
+    };
+    fieldIcon?: EnhanceInputPrimitiveProps['fieldIcon'];
+    isFocused?: boolean;
+    className?: boolean;
+    prefixed: boolean;
+    suffixed: boolean;
+    isLoading: boolean;
+} & IncomingProps;
+interface EnhancedInputConfigs {
+    withPrefixIcon?: boolean;
+    withSuffixIcon?: boolean;
+    primitiveType: 'textarea' | 'text' | 'number' | 'date' | 'select';
+}
+export declare const withEnhancedInput: <IncomingProps extends {} = {}, PrimitiveElementType extends HTMLElement = HTMLInputElement>(WrappingComponent: React.ComponentType<WrappedComponentProps<IncomingProps, PrimitiveElementType>>, { primitiveType, withPrefixIcon, withSuffixIcon, }?: EnhancedInputConfigs) => React.ForwardRefExoticComponent<React.PropsWithoutRef<EnhanceInputProps<IncomingProps, PrimitiveElementType>> & React.RefAttributes<PrimitiveElementType>>;
+export {};
+//# sourceMappingURL=withEnhancedInput.d.ts.map

package/dist/components/private/InputBase/withEnhancedInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withEnhancedInput.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.tsx"],"names":[],"mappings":"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"}

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

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

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

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

package/dist/hooks/useAttachedBoxes/useAttachedBoxes.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Box } from '../../components';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+import * as styles from './useAttachedBoxes.css';
+interface Props extends Pick<ComponentProps<typeof Box>, 'backgroundColour'> {
+    count: number;
+    columnCount: ResponsiveProp<number>;
+    gap?: ResponsiveProp<keyof typeof styles.grid.gaps>;
+}
+declare type AttachedBoxProps = Omit<ComponentProps<typeof Box>, 'borderRadius'>;
+declare type Returns = [
+    boxes: FunctionComponent<AttachedBoxProps>[],
+    wrapperCls: string,
+    style: ComponentProps<typeof Box>['style']
+];
+export declare const useAttachedBoxes: ({ count, columnCount: incomingColumnCount, gap, backgroundColour, }: Props) => Returns;
+export {};
+//# sourceMappingURL=useAttachedBoxes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachedBoxes.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useAttachedBoxes/useAttachedBoxes.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAKvC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,kBAAkB,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;CACpD;AAED,aAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC;AAiBzE,aAAK,OAAO,GAAG;IACd,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,EAAE;IAC5C,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;CAC1C,CAAC;AACF,eAAO,MAAM,gBAAgB,wEAK1B,KAAK,YA0DP,CAAC"}

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/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

@@ -10,7 +10,7 @@ export const useMedia = function useMedia(queries) {
     breakpoints
   } = useRuntimeTokens();
   if (!isBrowser) return queries.map(() => fallbackCase);
-  const getQueries = useCallback(() => queries.map(media => "(min-width: ".concat(breakpoints[media], "px)")), [breakpoints]);
+  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(() => {

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/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":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,EACrE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,EAClC,YAAY,UAAQ,GAClB,CAAC,CAYH"}

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/themes/flat_red/tokens.js

@@ -177,5 +177,10 @@ export const tokens = _objectSpread(_objectSpread({}, baseTokens), {}, {
       min: 'none',
       '1': 'none'
     }
-  }
+  },
+  typography: _objectSpread(_objectSpread({}, baseTokens.typography), {}, {
+    colour: _objectSpread(_objectSpread({}, baseTokens.typography.colour), {}, {
+      primary: colours.red['600']
+    })
+  })
 });

package/dist/themes/makeTheme.js

@@ -12,13 +12,16 @@ export const breakpoints = {
   desktop: '1024px',
   largeDesktop: '1440px'
 };
-export const makeRuntimeTokens = tokens => ({
-  breakpoints,
-  body: {
-    colour: tokens.colours.foreground.body,
-    backgroundColour: tokens.colours.background.body
-  }
-});
+export const makeRuntimeTokens = function makeRuntimeTokens(tokens) {
+  let runtimeBreakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : breakpoints;
+  return {
+    breakpoints: runtimeBreakpoints,
+    body: {
+      colour: tokens.colours.foreground.body,
+      backgroundColour: tokens.colours.background.body
+    }
+  };
+};
 export const buildColourGamut = colours => Object.entries(colours).reduce((result, _ref) => {
   let [name, colourGrades] = _ref;
   return _objectSpread(_objectSpread({}, result), Object.entries(colourGrades).reduce((grades, _ref2) => {

package/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "3.0.0-next.9",
+	"version": "4.0.3",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
-	"types": "./dist/index.d.ts",
-	"main": "./dist/index.js",
+	"types": "dist/index.d.ts",
+	"main": "dist/index.js",
 	"keywords": [
 		"component",
 		"design-system",
@@ -16,10 +16,12 @@
 	"repository": "autoguru-au/overdrive",
 	"license": "MIT",
 	"sideEffects": [
-		"./themes.js",
 		"./lib/reset/**/*",
 		"./lib/theme/**/*",
-		"./lib/themes/**/*"
+		"./lib/themes/**/*",
+		"./dist/reset/**/*",
+		"./dist/theme/**/*",
+		"./dist/themes/**/*"
 	],
 	"files": [
 		"dist"
@@ -29,7 +31,7 @@
 	},
 	"scripts": {
 		"typecheck": "tsc",
-		"build": "babel lib --out-dir dist --extensions '.ts,.tsx, .css'",
+		"build": "babel lib --out-dir dist --extensions '.ts,.tsx, .css' && tsc",
 		"prepublishOnly": "yarn run build",
 		"watch": "tsc --watch"
 	},