@autoguru/overdrive 4.38.0 → 4.39.0

package/dist/components/Actions/Actions.spec.d.ts

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

package/dist/components/Actions/Actions.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.spec.jsx"],"names":[],"mappings":""}

package/dist/components/Actions/Actions.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { Actions } from '.';
+declare const meta: {
+    title: string;
+    component: React.FunctionComponent<import("./Actions").Props>;
+    decorators: ((story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        children: React.ReactElement | React.ReactElement[];
+        className?: string | undefined;
+        noWrap?: boolean | undefined;
+        wrappingDirection?: keyof typeof import("../Columns/Columns.css").wrapping | undefined;
+    }>) => React.JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof Actions>;
+export declare const Standard: Story;
+export declare const NoWrap: Story;
+//# sourceMappingURL=Actions.stories.d.ts.map

package/dist/components/Actions/Actions.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,QAAA,MAAM,IAAI;;;;;;;;;CAQsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC"}

package/dist/components/Alert/Alert.spec.d.ts

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

package/dist/components/Alert/Alert.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.spec.jsx"],"names":[],"mappings":""}

package/dist/components/Alert/Alert.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react';
+import React, { type ComponentProps } from 'react';
+import { Alert } from '.';
+type Intent = ComponentProps<typeof Alert>['intent'];
+declare const meta: {
+    title: string;
+    component: React.FunctionComponent<import("./Alert").Props>;
+    args: {
+        intent: "success";
+    };
+    argTypes: {
+        intent: {
+            options: Intent[];
+            defaultValue: string;
+            control: {
+                type: "select";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Standard: Story;
+export declare const StandardAllIntents: Story;
+export declare const InlineAllIntents: Story;
+export declare const NoneDismissibleAllIntents: Story;
+//# sourceMappingURL=Alert.stories.d.ts.map

package/dist/components/Alert/Alert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAG1B,KAAK,MAAM,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;;qBAaF,MAAM,EAAE;;;;;;;CAOc,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsEhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAKvC,CAAC"}

package/dist/components/Anchor/Anchor.spec.d.ts

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

package/dist/components/Anchor/Anchor.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.spec.jsx"],"names":[],"mappings":""}

package/dist/components/Anchor/Anchor.stories.d.ts

@@ -0,0 +1,42 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FunctionComponent<import("./Anchor").Props>;
+    argTypes: {
+        icon: {
+            options: string[];
+            mapping: {
+                None: null;
+                Magnify: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                Car: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                'Car Multiple': import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                Calendar: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                'Account Edit': import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                'Alert Circle': import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                'Currency USD': import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                Plus: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                Star: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+                Check: import("react").ReactElement<import("react").SVGAttributes<SVGElement>, "svg">;
+            };
+            defaultValue: null;
+            description: string;
+        };
+        is: {
+            control: {
+                disable: true;
+            };
+        };
+        children: {
+            defaultValue: string;
+            control: {
+                type: "text";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Standard: Story;
+export declare const WithIcon: Story;
+export declare const WithButton: Story;
+//# sourceMappingURL=Anchor.stories.d.ts.map

package/dist/components/Anchor/Anchor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC"}

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

@@ -1,5 +1,4 @@
 import { IconType } from '@autoguru/icons';
-import * as React from 'react';
 import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
 import { TextInput } from '../TextInput';
 export interface AutoSuggestValue<PayloadType> {
@@ -25,7 +24,7 @@ export interface Props<PayloadType> extends Omit<ComponentPropsWithoutRef<typeof
     onEnter?(value: AutoSuggestValue<PayloadType>): void;
 }
 export declare const AutoSuggest: <PayloadType extends unknown>(p: Props<PayloadType> & {
-    ref?: React.Ref<HTMLInputElement> | undefined;
+    ref?: Ref<HTMLInputElement>;
 }) => ReactElement;
 export default AutoSuggest;
 //# sourceMappingURL=AutoSuggest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,wBAAwB,EAKxB,YAAY,EAEZ,GAAG,EAQH,MAAM,OAAO,CAAC;AAYf,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,MAAM,MAAM,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,KAAK,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;IAEtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAwGD,eAAO,MAAM,WAAW;;MA2FnB,YAAY,CAAC;AAkiBlB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,EACN,wBAAwB,EAKxB,YAAY,EAEZ,GAAG,EAQH,MAAM,OAAO,CAAC;AAYf,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,MAAM,MAAM,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,KAAK,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;IAEtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAwGD,eAAO,MAAM,WAAW,EAwFlB,CAAC,WAAW,SAAS,OAAO,EACjC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACnD,YAAY,CAAC;AAiiBlB,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,178 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: <PayloadType extends unknown>(p: import("./AutoSuggest").Props<PayloadType> & {
+        ref?: React.Ref<HTMLInputElement>;
+    }) => React.ReactElement;
+    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        autoFocus?: boolean | undefined;
+        autoWidth?: boolean | undefined;
+        inlineOptions?: boolean | undefined;
+        fieldIcon?: import("@autoguru/icons").IconType | undefined;
+        value: import("./AutoSuggest").AutoSuggestValue<unknown> | null;
+        suggestions: import("./AutoSuggest").AutoSuggestValue<unknown>[];
+        itemRenderer?: import("./AutoSuggest").AutoSuggestItemRenderer<unknown> | undefined;
+        onChange?: ((value: import("./AutoSuggest").AutoSuggestValue<unknown>) => void) | undefined;
+        onEnter?: ((value: import("./AutoSuggest").AutoSuggestValue<unknown>) => void) | undefined;
+        id?: string | undefined;
+        backgroundColour?: keyof typeof import("../Box/useBoxStyles.css").backgroundColours | undefined;
+        size?: keyof typeof import("../private/InputBase/withEnhancedInput.css").inputItselfSize | undefined;
+        name: string;
+        disabled?: boolean | undefined;
+        key?: React.Key | null | undefined;
+        className?: string | undefined;
+        maxLength?: number | undefined;
+        placeholder: string;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+        onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+        onReset?: (() => void) | undefined;
+        onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        isLoading?: boolean | undefined;
+        reserveHintSpace?: boolean | undefined;
+        hintText?: React.ReactNode;
+        notch?: boolean | undefined;
+        attach?: keyof typeof import("../private/InputBase/NotchedBase.css").bordersAttach["complete"] | undefined;
+        borderMerged?: keyof typeof import("../private/InputBase/NotchedBase.css").bordersMerged["complete"] | undefined;
+        isFocused?: boolean | undefined;
+        prefixIcon?: import("@autoguru/icons").IconType | undefined;
+        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
+        isTouched?: boolean | undefined;
+        isValid?: boolean | undefined;
+        ref?: React.Ref<HTMLInputElement> | undefined;
+    }>) => React.JSX.Element)[];
+    argTypes: {
+        value: {
+            options: {
+                unselected: null;
+            };
+            defaultValue: null;
+            control: {
+                type: "select";
+            };
+        };
+        attach: {
+            defaultValue: string;
+            description: string;
+            options: ("NONE" | "LEFT" | "TOP" | "RIGHT" | "BOTTOM" | "ALL" | undefined)[];
+            control: {
+                type: "select";
+            };
+        };
+        fieldIcon: {
+            options: string[];
+            mapping: {
+                None: null;
+                Magnify: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Car: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Car Multiple': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Calendar: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Account Edit': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Alert Circle': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Currency USD': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Plus: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Star: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Check: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+            };
+            defaultValue: null;
+            description: string;
+        };
+        prefixIcon: {
+            options: string[];
+            mapping: {
+                None: null;
+                Magnify: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Car: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Car Multiple': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Calendar: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Account Edit': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Alert Circle': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                'Currency USD': React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Plus: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Star: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+                Check: React.ReactElement<React.SVGAttributes<SVGElement>, "svg">;
+            };
+            defaultValue: null;
+            description: string;
+        };
+        wrapperRef: {
+            control: {
+                disable: true;
+            };
+        };
+        ref: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+    render: (args: import("./AutoSuggest").Props<unknown> & {
+        ref?: React.Ref<HTMLInputElement>;
+    }) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Standard: Story;
+export declare const WithValue: Story;
+export declare const WithIcon: Story;
+export declare const Disabled: Story;
+export declare const Valid: Story;
+export declare const Invalid: Story;
+export declare const Small: Story;
+//# sourceMappingURL=AutoSuggest.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSuggest.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuCnD,QAAA,MAAM,IAAI;;;WAqMqf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA1N/f,+EAGD;6BACU,+EAGM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0IoB,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useLayoutSuggestionVisible.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/useLayoutSuggestionVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,0BAA0B,mBACtB,MAAM,gBACR,UAAU,WAAW,GAAG,IAAI,CAAC,qBACxB,UAAU,WAAW,GAAG,IAAI,CAAC,SAyChD,CAAC"}
+{"version":3,"file":"useLayoutSuggestionVisible.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/useLayoutSuggestionVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,0BAA0B,mBACtB,MAAM,gBACR,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,qBACxB,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,SAwChD,CAAC"}

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

@@ -1,13 +1,21 @@
-export declare const label: string;
-export declare const labelSize: Record<"small" | "large" | "standard", string>;
-export declare const colours: {
-    default: Record<"neutral" | "green" | "blue" | "yellow" | "red", string>;
+import { type RecipeVariants } from '@vanilla-extract/recipes';
+export declare const styledBadge: import("@vanilla-extract/recipes").RuntimeFn<{
+    colour: {
+        neutral: {};
+        red: {};
+        green: {};
+        blue: {};
+        yellow: {};
+    };
     inverted: {
-        neutral: Record<"background" | "text", string>;
-        green: Record<"background" | "text", string>;
-        blue: Record<"background" | "text", string>;
-        yellow: Record<"background" | "text", string>;
-        red: Record<"background" | "text", string>;
+        true: {};
+        false: {};
+    };
+    size: {
+        small: string;
+        standard: string;
+        large: string;
     };
-};
+}>;
+export type StyledBadgeProps = NonNullable<RecipeVariants<typeof styledBadge>>;
 //# sourceMappingURL=Badge.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,gDAapB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}
+{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAKvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;EAkHtB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC"}

package/dist/components/Badge/Badge.css.js

@@ -2,86 +2,138 @@
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
 __vanilla_filescope__.setFileScope("lib/components/Badge/Badge.css.ts", "@autoguru/overdrive");
-import { style, styleVariants } from '@vanilla-extract/css';
-import { themeContractVars as vars } from "../../themes/theme.css.js";
-export const label = style({
-  textOverflow: 'ellipsis',
-  letterSpacing: '0.5px',
-  textTransform: 'uppercase'
-}, "label");
-export const labelSize = styleVariants({
-  small: {
-    fontSize: vars.typography.size['1'].fontSize,
-    lineHeight: vars.typography.size['1'].fontSize
-  },
-  standard: {
-    fontSize: vars.typography.size['2'].fontSize,
-    lineHeight: vars.typography.size['2'].fontSize
+import { recipe } from '@vanilla-extract/recipes';
+import { styledIntentionalElement } from "../../styles/intentional.css.js";
+import { odStyle } from "../../styles/sprinkles.css.js";
+export const styledBadge = recipe({
+  base: [odStyle({
+    lineHeight: 'match',
+    overflow: 'hidden',
+    padding: '1',
+    textOverflow: 'ellipsis',
+    textTransform: 'uppercase',
+    whiteSpace: 'nowrap'
+  }), {
+    letterSpacing: '0.5px'
+  }],
+  variants: {
+    colour: {
+      neutral: {},
+      red: {},
+      green: {},
+      blue: {},
+      yellow: {}
+    },
+    inverted: {
+      true: {},
+      false: {}
+    },
+    size: {
+      small: odStyle({
+        fontSize: 'xxs',
+        fontWeight: 'bold'
+      }),
+      standard: odStyle({
+        fontSize: 'xs',
+        fontWeight: 'semibold'
+      }),
+      large: odStyle({
+        fontSize: 'md',
+        fontWeight: 'semibold',
+        padding: '4'
+      })
+    }
   },
-  large: {
-    fontSize: vars.typography.size['4'].fontSize,
-    lineHeight: vars.typography.size['4'].fontSize
-  }
-}, "labelSize");
-export const colours = {
-  default: styleVariants({
-    neutral: {
-      backgroundColor: vars.colours.intent.neutral.background.standard
+  compoundVariants: [{
+    variants: {
+      colour: 'neutral',
+      inverted: false
     },
-    green: {
-      backgroundColor: vars.colours.intent.success.background.standard
+    style: styledIntentionalElement({
+      intention: 'neutral',
+      inverted: false
+    })
+  }, {
+    variants: {
+      colour: 'neutral',
+      inverted: true
     },
-    blue: {
-      backgroundColor: vars.colours.intent.information.background.standard
+    style: styledIntentionalElement({
+      intention: 'neutral',
+      inverted: true
+    })
+  }, {
+    variants: {
+      colour: 'red',
+      inverted: false
     },
-    yellow: {
-      backgroundColor: vars.colours.intent.warning.background.standard
+    style: styledIntentionalElement({
+      intention: 'danger',
+      inverted: false
+    })
+  }, {
+    variants: {
+      colour: 'red',
+      inverted: true
     },
-    red: {
-      backgroundColor: vars.colours.intent.danger.background.standard
-    }
-  }, "colours_default"),
-  inverted: {
-    neutral: styleVariants({
-      background: {
-        backgroundColor: vars.colours.intent.neutral.background.mild
-      },
-      text: {
-        color: vars.colours.intent.neutral.background.standard
-      }
-    }, "colours_inverted_neutral"),
-    green: styleVariants({
-      background: {
-        backgroundColor: vars.colours.intent.success.background.mild
-      },
-      text: {
-        color: vars.colours.intent.success.background.standard
-      }
-    }, "colours_inverted_green"),
-    blue: styleVariants({
-      background: {
-        backgroundColor: vars.colours.intent.information.background.mild
-      },
-      text: {
-        color: vars.colours.intent.information.background.standard
-      }
-    }, "colours_inverted_blue"),
-    yellow: styleVariants({
-      background: {
-        backgroundColor: vars.colours.intent.warning.background.mild
-      },
-      text: {
-        color: vars.colours.intent.warning.background.standard
-      }
-    }, "colours_inverted_yellow"),
-    red: styleVariants({
-      background: {
-        backgroundColor: vars.colours.intent.danger.background.mild
-      },
-      text: {
-        color: vars.colours.intent.danger.background.standard
-      }
-    }, "colours_inverted_red")
-  }
-};
+    style: styledIntentionalElement({
+      intention: 'danger',
+      inverted: true
+    })
+  }, {
+    variants: {
+      colour: 'green',
+      inverted: false
+    },
+    style: styledIntentionalElement({
+      intention: 'success',
+      inverted: false
+    })
+  }, {
+    variants: {
+      colour: 'green',
+      inverted: true
+    },
+    style: styledIntentionalElement({
+      intention: 'success',
+      inverted: true
+    })
+  }, {
+    variants: {
+      colour: 'blue',
+      inverted: false
+    },
+    style: styledIntentionalElement({
+      intention: 'information',
+      inverted: false
+    })
+  }, {
+    variants: {
+      colour: 'blue',
+      inverted: true
+    },
+    style: styledIntentionalElement({
+      intention: 'information',
+      inverted: true
+    })
+  }, {
+    variants: {
+      colour: 'yellow',
+      inverted: false
+    },
+    style: styledIntentionalElement({
+      intention: 'warning',
+      inverted: false
+    })
+  }, {
+    variants: {
+      colour: 'yellow',
+      inverted: true
+    },
+    style: styledIntentionalElement({
+      intention: 'warning',
+      inverted: true
+    })
+  }]
+}, "styledBadge");
 __vanilla_filescope__.endFileScope();

package/dist/components/Badge/Badge.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { WithTestId } from '../../types';
-import * as styles from './Badge.css';
+import type { StyledBadgeProps } from './Badge.css';
+type Colours = Exclude<StyledBadgeProps['colour'], undefined>;
 export interface BadgeProps {
     label: string;
-    colour?: keyof typeof styles.colours.default;
+    colour?: Colours;
     className?: string;
     look?: 'standard' | 'inverted';
-    size?: keyof typeof styles.labelSize;
+    size?: StyledBadgeProps['size'];
 }
 export declare const Badge: ({ label, colour, look, size, className, testId, }: WithTestId<BadgeProps>) => React.JSX.Element;
 export default Badge;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,UAAU;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAoBD,eAAO,MAAM,KAAK,sDAOf,WAAW,UAAU,CAAC,sBAiDxB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,KAAK,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;AAE9D,MAAM,WAAW,UAAU;IAE1B,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAE/B,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAChC;AASD,eAAO,MAAM,KAAK,sDAOf,UAAU,CAAC,UAAU,CAAC,sBAwBxB,CAAC;AAEF,eAAe,KAAK,CAAC"}