@autoguru/overdrive 4.40.1 → 4.41.0-next.0

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

@@ -3,8 +3,6 @@ declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("./Columns").Props, "ref"> & React.RefAttributes<HTMLElement>>;
     decorators: ((story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        value?: string | number | readonly string[] | undefined;
-        id?: string | undefined | undefined;
         colour?: keyof typeof import("../Box/useBoxStyles.css").colours | undefined;
         backgroundColour?: keyof typeof import("../Box/useBoxStyles.css").backgroundColours | undefined;
         space?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
@@ -45,25 +43,16 @@ declare const _default: {
         margin?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
         overflow?: keyof typeof import("../Box/useBoxStyles.css").overflow | undefined;
         padding?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
+        style?: React.CSSProperties | undefined;
         start?: number | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        style?: React.CSSProperties | undefined;
         default?: boolean | undefined | undefined;
         wrap?: string | undefined | undefined;
         open?: boolean | undefined | undefined;
         multiple?: boolean | undefined | undefined;
         disabled?: boolean | undefined | undefined;
-        children?: React.ReactNode;
-        cite?: string | undefined | undefined;
-        data?: string | undefined | undefined;
-        form?: string | undefined | undefined;
-        label?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        span?: number | undefined | undefined;
-        summary?: string | undefined | undefined;
-        title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
         key?: React.Key | null | undefined;
+        value?: string | number | readonly string[] | undefined;
         as?: React.ElementType | undefined;
         is?: React.ElementType | undefined;
         className?: string | undefined;
@@ -84,6 +73,15 @@ declare const _default: {
         borderColourRight?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
         borderColourBottom?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
         borderColourLeft?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
+        cite?: string | undefined | undefined;
+        data?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        label?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        span?: number | undefined | undefined;
+        summary?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
         accept?: string | undefined | undefined;
         acceptCharset?: string | undefined | undefined;
         action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -177,6 +175,7 @@ declare const _default: {
         dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
@@ -263,6 +262,7 @@ declare const _default: {
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
+        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -496,8 +496,6 @@ declare const _default: {
         flexShrink?: import("@storybook/core/csf").InputType | undefined;
         flexWrap?: import("@storybook/core/csf").InputType | undefined;
         justifyContent?: import("@storybook/core/csf").InputType | undefined;
-        value?: import("@storybook/core/csf").InputType | undefined;
-        id?: import("@storybook/core/csf").InputType | undefined;
         min?: import("@storybook/core/csf").InputType | undefined;
         size?: import("@storybook/core/csf").InputType | undefined;
         muted?: import("@storybook/core/csf").InputType | undefined;
@@ -505,14 +503,15 @@ declare const _default: {
         color?: import("@storybook/core/csf").InputType | undefined;
         content?: import("@storybook/core/csf").InputType | undefined;
         translate?: import("@storybook/core/csf").InputType | undefined;
+        style?: import("@storybook/core/csf").InputType | undefined;
         start?: import("@storybook/core/csf").InputType | undefined;
         hidden?: import("@storybook/core/csf").InputType | undefined;
-        style?: import("@storybook/core/csf").InputType | undefined;
         default?: import("@storybook/core/csf").InputType | undefined;
         wrap?: import("@storybook/core/csf").InputType | undefined;
         open?: import("@storybook/core/csf").InputType | undefined;
         multiple?: import("@storybook/core/csf").InputType | undefined;
         disabled?: import("@storybook/core/csf").InputType | undefined;
+        value?: import("@storybook/core/csf").InputType | undefined;
         cite?: import("@storybook/core/csf").InputType | undefined;
         data?: import("@storybook/core/csf").InputType | undefined;
         form?: import("@storybook/core/csf").InputType | undefined;
@@ -615,6 +614,7 @@ declare const _default: {
         dir?: import("@storybook/core/csf").InputType | undefined;
         draggable?: import("@storybook/core/csf").InputType | undefined;
         enterKeyHint?: import("@storybook/core/csf").InputType | undefined;
+        id?: import("@storybook/core/csf").InputType | undefined;
         lang?: import("@storybook/core/csf").InputType | undefined;
         nonce?: import("@storybook/core/csf").InputType | undefined;
         spellCheck?: import("@storybook/core/csf").InputType | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Columns.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;;;;;;+EAkClC,6CACV;;;;;;;;;;;;;;;;;sFAgBU,6CAAgB;oFAI/B,6CACC;qFAPY,6CACL;mFAJW,6CACR;;;uFAbW,6CAExB;qFAGO,6CAEN;sFAXU,6CAEV;oFALO,6CACI;;;;;;;qFAiCH,8CACJ,SAAS;;gFApBQ,6CAAgB;;iFA3BhC,6CACG;;;;;;;;;;;;;;;;;;;;;;;kFAES,6CAGhB;kFAEC,6CACD;iFAmBgB,6CACL;iFAAkC,6CAAgB;sFAmBxC,8CAAiB,SACrC;sFAIE,8CAAiB,SAAS;wFAErB,8CACP,SAAS;0FAEO,8CACJ,SAAS;2FACa,8CAElC,SACD;yFAEoB,8CAAiB,SAAS;6BAEvC,yDACS,OACb;8BACQ,yDACY,OAAO;8BACT,yDAEnB,OACH;gCAEI,yDAGiB,OAAO;kCAA4B,yDAExD,OAAO;mCAEA,yDACS,OACb;iCACW,yDACY,OACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjGF,wBAkCiC;AA8HjC,eAAO,MAAM,QAAQ,qKAA+B,CAAC;AAQrD,eAAO,MAAM,cAAc,oKAA2C,CAAC"}
+{"version":3,"file":"Columns.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;;;;;;;+EAkClC,6CACV;;;;;;;;;;;;;;;;;sFAgBU,6CAAgB;oFAI/B,6CACC;qFAPY,6CACL;mFAJW,6CACR;;;uFAbW,6CAExB;qFAGO,6CAEN;sFAXU,6CAEV;oFALO,6CACI;;;;;;;qFAiCH,8CACJ,SAAS;;gFApBQ,6CAAgB;;iFA3BhC,6CACG;;;;;;;;;;;;;;kFAES,6CAGhB;kFAEC,6CACD;iFAmBgB,6CACL;iFAAkC,6CAAgB;sFAmBxC,8CAAiB,SACrC;sFAIE,8CAAiB,SAAS;wFAErB,8CACP,SAAS;0FAEO,8CACJ,SAAS;2FACa,8CAElC,SACD;yFAEoB,8CAAiB,SAAS;6BAEvC,yDACS,OACb;8BACQ,yDACY,OAAO;8BACT,yDAEnB,OACH;gCAEI,yDAGiB,OAAO;kCAA4B,yDAExD,OAAO;mCAEA,yDACS,OACb;iCACW,yDACY,OACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjGF,wBAkCiC;AA8HjC,eAAO,MAAM,QAAQ,qKAA+B,CAAC;AAQrD,eAAO,MAAM,cAAc,oKAA2C,CAAC"}

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

@@ -10,15 +10,15 @@ declare const meta: {
         icon?: import("@autoguru/icons").IconType | undefined;
         isOpen?: boolean | undefined;
         onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        id?: string | undefined | undefined;
         size?: import("../Button/Button.css").ButtonSize | undefined;
         disabled?: boolean | undefined;
-        ref?: React.Ref<HTMLButtonElement> | undefined;
         key?: React.Key | null | undefined;
         className?: string | undefined | undefined;
         type?: "submit" | "reset" | "button" | undefined | undefined;
+        id?: string | undefined | undefined;
         lang?: Partial<Record<"loading", string>> | undefined;
         "aria-label"?: string | undefined | undefined;
+        ref?: React.Ref<HTMLButtonElement> | undefined;
         testId?: string | undefined;
         rounded?: boolean | undefined;
         minimal?: import("../Button/Button.css").ButtonMinimal | undefined;

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

@@ -8,8 +8,6 @@ declare const _default: {
         className?: string | undefined;
         randomWidth?: boolean | undefined;
         blinking?: boolean | undefined;
-        value?: string | number | readonly string[] | undefined;
-        id?: string | undefined | undefined;
         colour?: keyof typeof import("../Box/useBoxStyles.css").colours | undefined;
         backgroundColour?: keyof typeof import("../Box/useBoxStyles.css").backgroundColours | undefined;
         min?: number | string | undefined | undefined;
@@ -47,26 +45,16 @@ declare const _default: {
         margin?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
         overflow?: keyof typeof import("../Box/useBoxStyles.css").overflow | undefined;
         padding?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
+        style?: React.CSSProperties | undefined;
         start?: number | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        style?: React.CSSProperties | undefined;
         default?: boolean | undefined | undefined;
         wrap?: string | undefined | undefined;
         open?: boolean | undefined | undefined;
         multiple?: boolean | undefined | undefined;
         disabled?: boolean | undefined | undefined;
-        children?: React.ReactNode;
-        ref?: React.Ref<HTMLElement> | undefined;
-        cite?: string | undefined | undefined;
-        data?: string | undefined | undefined;
-        form?: string | undefined | undefined;
-        label?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        span?: number | undefined | undefined;
-        summary?: string | undefined | undefined;
-        title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
         key?: React.Key | null | undefined;
+        value?: string | number | readonly string[] | undefined;
         as?: React.ElementType | undefined;
         is?: React.ElementType | undefined;
         paddingX?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof import("../../themes/tokens").Tokens["space"]> | undefined;
@@ -86,6 +74,15 @@ declare const _default: {
         borderColourRight?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
         borderColourBottom?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
         borderColourLeft?: keyof typeof import("../Box/useBoxStyles.css").border["colour"]["top"] | undefined;
+        cite?: string | undefined | undefined;
+        data?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        label?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        span?: number | undefined | undefined;
+        summary?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
         accept?: string | undefined | undefined;
         acceptCharset?: string | undefined | undefined;
         action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -179,6 +176,7 @@ declare const _default: {
         dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
@@ -265,6 +263,7 @@ declare const _default: {
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
+        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -438,6 +437,7 @@ declare const _default: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+        ref?: React.Ref<HTMLElement> | undefined;
     }>) => React.JSX.Element)[];
     parameters: {
         chromatic: {

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/LoadingBox/LoadingBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;sFAiCgU,6CAAgB;oFAAqC,6CAAgB;qFAA5H,6CAAgB;mFAAtE,6CAAgB;;;uFAJhQ,6CACO;qFAGU,6CAAgB;sFAT1B,6CAEP;oFAJF,6CAAe;;;;;;;qFAWyiB,8CAAiB,SAAS;gFAAxf,6CAAgB;;iFArB9D,6CAC/B;;;;;;;;;;;;;;;;;;;;;;;kFACW,6CAEtB;kFAAmC,6CAE3B;iFAekI,6CAAgB;iFAAkC,6CAAgB;sFAA2a,8CAAiB,SAAS;sFAAuC,8CAAiB,SAAS;wFAAyC,8CAAiB,SAAS;0FAA2C,8CAAiB,SAAS;2FAA4C,8CAAiB,SAAS;yFAA0C,8CAAiB,SAAS;6BAAyB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;gCAA0B,yDAAiC,OAAO;kCAA4B,yDAAiC,OAAO;mCAA6B,yDAAiC,OAAO;iCAA2B,yDAAiC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/Br7C,wBAYoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}
+{"version":3,"file":"LoadingBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/LoadingBox/LoadingBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;sFAiCgU,6CAAgB;oFAAqC,6CAAgB;qFAA5H,6CAAgB;mFAAtE,6CAAgB;;;uFAJhQ,6CACO;qFAGU,6CAAgB;sFAT1B,6CAEP;oFAJF,6CAAe;;;;;;;qFAWyiB,8CAAiB,SAAS;gFAAxf,6CAAgB;;iFArB9D,6CAC/B;;;;;;;;;;;;;kFACW,6CAEtB;kFAAmC,6CAE3B;iFAekI,6CAAgB;iFAAkC,6CAAgB;sFAA2a,8CAAiB,SAAS;sFAAuC,8CAAiB,SAAS;wFAAyC,8CAAiB,SAAS;0FAA2C,8CAAiB,SAAS;2FAA4C,8CAAiB,SAAS;yFAA0C,8CAAiB,SAAS;6BAAyB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;8BAAwB,yDAAiC,OAAO;gCAA0B,yDAAiC,OAAO;kCAA4B,yDAAiC,OAAO;mCAA6B,yDAAiC,OAAO;iCAA2B,yDAAiC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/Br7C,wBAYoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}

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

@@ -10,6 +10,19 @@ declare const _default: {
         };
     };
     argTypes: ArgTypes<import("@storybook/react").Args>;
+    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+        children?: React.ReactNode;
+        isOpen: boolean;
+        hideBackdrop?: boolean | undefined;
+        disableBackdropClick?: boolean | undefined;
+        onRequestClose?: ((e: "backdrop" | "escapeKeyDown" | string) => void) | undefined;
+        container?: HTMLElement | undefined;
+        noThemedWrapper?: boolean | undefined;
+        ref?: React.Ref<HTMLElement | undefined> | undefined;
+        key?: React.Key | null | undefined;
+        alignItems?: import("../../utils/responsiveProps.css").ResponsiveProp<keyof typeof import("../Box/useBoxStyles.css").alignItems> | undefined;
+    }>) => React.JSX.Element)[];
 };
 export default _default;
 type Story = StoryObj<typeof MinimalModal>;

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

@@ -1 +1 @@
-{"version":3,"file":"MinimalModal.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;AAWjC,wBAOsC;AAEtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AA+H3C,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC"}
+{"version":3,"file":"MinimalModal.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAWjC,wBAcsC;AAEtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AA+H3C,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC"}

package/dist/components/OptionList/OptionList.d.ts

@@ -17,17 +17,17 @@ export declare const OptionList: {
     (props: WithTestId<OptionListProps>): React.JSX.Element;
     Item: {
         (props: {
-            value: string;
-            id?: string | undefined;
             name?: string | undefined;
-            children?: React.ReactNode;
+            value: string;
             autoFocus?: boolean | undefined;
+            id?: string | undefined;
             'aria-controls'?: string | undefined;
             'aria-describedby'?: string | undefined;
             'aria-details'?: string | undefined;
             'aria-errormessage'?: string | undefined;
             'aria-label'?: string | undefined;
             'aria-labelledby'?: string | undefined;
+            children?: React.ReactNode;
             onFocus?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
             onBlur?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
             onChange?: ((isSelected: boolean) => void) | undefined;

package/dist/components/OverdriveProvider/FallbackProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FallbackProvider: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+//# sourceMappingURL=FallbackProvider.d.ts.map

package/dist/components/OverdriveProvider/FallbackProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/FallbackProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,gBAAgB,GAAI,cAAc,KAAK,CAAC,iBAAiB,sBAMrE,CAAC"}

package/dist/components/OverdriveProvider/FallbackProvider.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { warning } from '@autoguru/utilities';
+import React from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export const FallbackProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  process.env.NODE_ENV !== "production" ? warning(false, 'This application is using a provider which is now deprecated. The theme context and overrides are available from <OverdriveProvider>') : void 0;
+  return _jsx(_Fragment, {
+    children: children
+  });
+};

package/dist/components/OverdriveProvider/OverdriveProvider.d.ts

@@ -1,9 +1,29 @@
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import React from 'react';
-import { type ThemeProviderProps } from '../ThemeProvider/ThemeProvider';
-export interface OverdriveProviderProps extends ThemeProviderProps {
+import baseTheme from '../../themes/base';
+import { RuntimeTokens } from '../../themes/makeTheme';
+import { themeContractVars } from '../../themes/theme.css';
+import { BreakPoints } from '../../themes/tokens';
+import { type ColorOverrides } from './useColorOverrides';
+type ThemeContract = typeof themeContractVars;
+type PortalMountPoint = React.RefObject<HTMLElement | null>;
+export interface ProviderProps {
+    theme?: typeof baseTheme;
+    breakpoints?: BreakPoints;
     noBodyLevelTheming?: boolean;
+    colorOverrides?: Partial<ColorOverrides>;
+    portalMountPoint?: PortalMountPoint;
     children?: React.ReactNode;
 }
-export declare const OverdriveProvider: ({ noBodyLevelTheming, children, ...props }: OverdriveProviderProps) => React.JSX.Element;
-export default OverdriveProvider;
+export interface ProviderContext extends Pick<ProviderProps, 'colorOverrides' | 'portalMountPoint'> {
+    themeClass: (typeof baseTheme)['themeRef'];
+    themeName: string;
+    overrideStyles: ReturnType<typeof assignInlineVars>;
+    vars: ThemeContract;
+}
+export declare const useTheme: () => ProviderContext;
+export declare const useRuntimeTokens: () => RuntimeTokens;
+export declare const Provider: ({ breakpoints, children, colorOverrides, noBodyLevelTheming, portalMountPoint, theme, }: ProviderProps) => React.JSX.Element;
+export declare const OverdriveProvider: React.NamedExoticComponent<ProviderProps>;
+export {};
 //# sourceMappingURL=OverdriveProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAEN,KAAK,kBAAkB,EACvB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAKjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,4CAI/B,sBAAsB,sBAmBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7E,KAAK,aAAa,GAAG,OAAO,iBAAiB,CAAC;AAC9C,KAAK,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,aAAa;IAE7B,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;IAEzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEzC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,aAAa,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;IAClE,UAAU,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC;CACpB;AAMD,eAAO,MAAM,QAAQ,uBAIpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAAI,yFAOtB,aAAa,sBAqDf,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAK7B,CAAC"}

package/dist/components/OverdriveProvider/OverdriveProvider.js

@@ -1,29 +1,76 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["noBodyLevelTheming", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useEffect } from 'react';
+import { invariant } from '@autoguru/utilities';
+import { isEqual } from 'es-toolkit';
+import React, { createContext, useContext, useEffect, useMemo } from 'react';
+import baseTheme from "../../themes/base/index.js";
+import { makeRuntimeTokens } from "../../themes/makeTheme.js";
 import { isBrowser } from "../../utils/index.js";
-import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { useColorOverrides } from "./useColorOverrides.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const OverdriveProvider = _ref => {
+const OverdriveContext = createContext(null);
+const RuntimeTokensContext = createContext(null);
+const msgInvariantError = "You haven't used an `<OverdriveProvider>`.";
+export const useTheme = () => {
+  const context = useContext(OverdriveContext);
+  !(context !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, msgInvariantError) : invariant(false) : void 0;
+  return context;
+};
+export const useRuntimeTokens = () => {
+  const tokens = useContext(RuntimeTokensContext);
+  !(tokens !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, msgInvariantError) : invariant(false) : void 0;
+  return tokens;
+};
+const isSafeElement = element => {
+  return element instanceof HTMLElement && !element.hasAttribute('onclick') && !element.hasAttribute('onerror');
+};
+export const Provider = _ref => {
   let {
-      noBodyLevelTheming = false,
-      children
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+    breakpoints,
+    children,
+    colorOverrides,
+    noBodyLevelTheming = false,
+    portalMountPoint,
+    theme = baseTheme
+  } = _ref;
+  const runtimeTokens = useMemo(() => makeRuntimeTokens(breakpoints), [breakpoints]);
+  const styles = useColorOverrides(colorOverrides, String(theme.vars.mode));
+  const themeValues = useMemo(() => ({
+    themeClass: theme.themeRef,
+    themeName: theme.name,
+    colorOverrides,
+    overrideStyles: styles,
+    portalMountPoint,
+    vars: theme.vars
+  }), [colorOverrides, portalMountPoint, styles, theme]);
   useEffect(() => {
-    if (!isBrowser || noBodyLevelTheming || document.body.classList.contains(props.themeClass)) return;
-    document.body.classList.add(props.themeClass);
+    if (!isBrowser || noBodyLevelTheming || document.body.classList.contains(theme.themeRef)) return;
+    document.body.classList.add(theme.themeRef);
     return () => {
-      document.body.classList.remove(props.themeClass);
+      document.body.classList.remove(theme.themeRef);
     };
-  }, [noBodyLevelTheming, props.themeClass]);
-  return _jsx(ThemeProvider, _objectSpread(_objectSpread({}, props), {}, {
-    children: children
-  }));
+  }, [noBodyLevelTheming, theme]);
+  useEffect(() => {
+    if (portalMountPoint !== null && portalMountPoint !== void 0 && portalMountPoint.current && !isSafeElement(portalMountPoint.current)) {
+      console.error('Unsafe portal mount point detected');
+      portalMountPoint.current = null;
+    }
+  }, [portalMountPoint]);
+  return _jsx(OverdriveContext.Provider, {
+    value: themeValues,
+    children: _jsx(RuntimeTokensContext.Provider, {
+      value: runtimeTokens,
+      children: _jsx("div", {
+        className: theme.themeRef,
+        style: styles,
+        children: children
+      })
+    })
+  });
 };
-export default OverdriveProvider;
+export const OverdriveProvider = React.memo(props => _jsx(Provider, _objectSpread({}, props)), (prevProps, nextProps) => {
+  return isEqual(prevProps, nextProps);
+});

package/dist/components/OverdriveProvider/ThemeOverrideDebugger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeOverrideDebugger.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/ThemeOverrideDebugger.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAU1D,eAAO,MAAM,qBAAqB,EAAE,iBAiFnC,CAAC"}

package/dist/components/OverdriveProvider/ThemeOverrideDebugger.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { passesAccessibilityContrast } from "../../themes/helpers.js";
+import { Column, Columns } from "../Columns/index.js";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+import { useTheme } from "./OverdriveProvider.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const ThemeOverrideDebugger = () => {
+  const {
+    colorOverrides,
+    themeName,
+    vars
+  } = useTheme();
+  const colorBackground = (colorOverrides === null || colorOverrides === void 0 ? void 0 : colorOverrides.primaryBackground) || vars.colours.intent.primary.background.standard;
+  const colorForeground = (colorOverrides === null || colorOverrides === void 0 ? void 0 : colorOverrides.primaryForeground) || vars.colours.intent.primary.foreground;
+  const passesAA = useMemo(() => passesAccessibilityContrast({
+    colour1: colorForeground,
+    colour2: colorBackground,
+    level: 'AA',
+    textSize: 'LARGE'
+  }), [colorForeground, colorBackground]);
+  const passesAAA = useMemo(() => passesAccessibilityContrast({
+    colour1: colorForeground,
+    colour2: colorBackground,
+    level: 'AAA',
+    textSize: 'LARGE'
+  }), [colorForeground, colorBackground]);
+  return _jsx(Columns, {
+    space: "3",
+    style: {
+      position: 'fixed',
+      right: '10px',
+      bottom: '20px',
+      zIndex: 9,
+      backgroundColor: 'white',
+      width: '350px',
+      padding: '8px',
+      boxShadow: '0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%)',
+      borderRadius: '4px'
+    },
+    children: _jsx(Column, {
+      children: _jsxs(Stack, {
+        children: [_jsxs(Text, {
+          children: ["AA: ", passesAA ? 'PASSED' : 'FAILED']
+        }), _jsxs(Text, {
+          children: ["AAA: ", passesAAA ? 'PASSED' : 'FAILED']
+        }), _jsx(Text, {
+          colour: "primary",
+          children: themeName
+        })]
+      })
+    })
+  });
+};

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

@@ -1,2 +1,4 @@
-export { OverdriveProvider } from './OverdriveProvider';
+export { OverdriveProvider, useRuntimeTokens, useTheme, } from './OverdriveProvider';
+export { FallbackProvider as ThemeProvider, FallbackProvider as ThemeOverrideProvider, } from './FallbackProvider';
+export { ThemeOverrideDebugger, ThemeOverrideDebugger as ThemeAnalyser, } from './ThemeOverrideDebugger';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,GACR,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACN,gBAAgB,IAAI,aAAa,EACjC,gBAAgB,IAAI,qBAAqB,GACzC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACN,qBAAqB,EACrB,qBAAqB,IAAI,aAAa,GACtC,MAAM,yBAAyB,CAAC"}

package/dist/components/OverdriveProvider/index.js

@@ -1,3 +1,5 @@
 "use strict";
 
-export { OverdriveProvider } from "./OverdriveProvider.js";
+export { OverdriveProvider, useRuntimeTokens, useTheme } from "./OverdriveProvider.js";
+export { FallbackProvider as ThemeProvider, FallbackProvider as ThemeOverrideProvider } from "./FallbackProvider.js";
+export { ThemeOverrideDebugger, ThemeOverrideDebugger as ThemeAnalyser } from "./ThemeOverrideDebugger.js";

package/dist/components/OverdriveProvider/useColorOverrides.d.ts

@@ -0,0 +1,7 @@
+declare const colorOverrideKeys: readonly ["primaryBackground", "primaryBackgroundMild", "primaryBackgroundStrong", "primaryBorder", "primaryForeground"];
+export type ColorOverrides = Record<(typeof colorOverrideKeys)[number], string>;
+export declare const useColorOverrides: (overrides: Partial<ColorOverrides> | undefined, themeMode: string) => {
+    [cssVarName: string]: string;
+};
+export {};
+//# sourceMappingURL=useColorOverrides.d.ts.map

package/dist/components/OverdriveProvider/useColorOverrides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorOverrides.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/useColorOverrides.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,iBAAiB,0HAMb,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAQhF,eAAO,MAAM,iBAAiB,GAC7B,WAAW,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,EAC9C,WAAW,MAAM;;CAgEjB,CAAC"}

package/dist/components/OverdriveProvider/useColorOverrides.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { useMemo } from 'react';
+import { shadedColour } from "../../themes/helpers.js";
+import { themeContractVars } from "../../themes/theme.css.js";
+const colorOverrideKeys = ['primaryBackground', 'primaryBackgroundMild', 'primaryBackgroundStrong', 'primaryBorder', 'primaryForeground'];
+const isValidColor = color => {
+  const s = new Option().style;
+  s.color = color;
+  return s.color !== '';
+};
+export const useColorOverrides = (overrides, themeMode) => {
+  return useMemo(() => {
+    var _overrides$primaryBac, _mildPrimary, _strongPrimary, _overrides$primaryFor, _overrides$primaryBor, _overrides$primaryBac2;
+    if (!overrides) return {};
+    colorOverrideKeys.forEach(key => {
+      if (overrides[key] && !isValidColor(overrides[key])) {
+        console.warn(`Invalid color value for ${key}: ${overrides[key]}`);
+        delete overrides[key];
+      }
+    });
+    let mildPrimary = null;
+    let strongPrimary = null;
+    if (overrides.primaryBackground) {
+      mildPrimary = overrides.primaryBackgroundMild || shadedColour({
+        colour: overrides.primaryBackground,
+        isDarkTheme: false,
+        direction: themeMode === 'light' ? 'forward' : 'backward',
+        intensity: 0.1
+      });
+      strongPrimary = overrides.primaryBackgroundStrong || shadedColour({
+        colour: overrides.primaryBackground,
+        isDarkTheme: false,
+        direction: themeMode === 'light' ? 'forward' : 'backward',
+        intensity: 0.1
+      });
+    }
+    return assignInlineVars(themeContractVars, {
+      colours: {
+        intent: {
+          primary: {
+            background: {
+              standard: (_overrides$primaryBac = overrides.primaryBackground) !== null && _overrides$primaryBac !== void 0 ? _overrides$primaryBac : undefined,
+              mild: (_mildPrimary = mildPrimary) !== null && _mildPrimary !== void 0 ? _mildPrimary : undefined,
+              strong: (_strongPrimary = strongPrimary) !== null && _strongPrimary !== void 0 ? _strongPrimary : undefined
+            },
+            foreground: (_overrides$primaryFor = overrides.primaryForeground) !== null && _overrides$primaryFor !== void 0 ? _overrides$primaryFor : undefined,
+            border: (_overrides$primaryBor = overrides.primaryBorder) !== null && _overrides$primaryBor !== void 0 ? _overrides$primaryBor : undefined
+          }
+        }
+      },
+      typography: {
+        colour: {
+          primary: (_overrides$primaryBac2 = overrides.primaryBackground) !== null && _overrides$primaryBac2 !== void 0 ? _overrides$primaryBac2 : undefined
+        }
+      }
+    });
+  }, [overrides, themeMode]);
+};

package/dist/components/Portal/Portal.d.ts

@@ -1,12 +1,11 @@
-import type { ReactNode, Ref } from 'react';
-import * as React from 'react';
-export interface Props {
-    children?: ReactNode;
+import React from 'react';
+export interface PortalProps {
+    children?: React.ReactNode;
     container?: HTMLElement;
     noThemedWrapper?: boolean;
 }
-declare function Portal({ children, container, noThemedWrapper }: Props, ref: Ref<typeof container>): React.ReactPortal | null;
-declare const _Portal: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement | undefined>>;
+declare function Portal({ children, container, noThemedWrapper }: PortalProps, ref: React.Ref<typeof container>): React.ReactPortal | null;
+declare const _Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement | undefined>>;
 export { _Portal as Portal };
 export default Portal;
 //# sourceMappingURL=Portal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID,iBAAS,MAAM,CACd,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,KAAK,EAC/C,GAAG,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC,4BAkC1B;AAED,QAAA,MAAM,OAAO,uFAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAE7B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAMhF,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID,iBAAS,MAAM,CACd,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,WAAW,EACrD,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,SAAS,CAAC,4BA4ChC;AAED,QAAA,MAAM,OAAO,6FAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAE7B,eAAe,MAAM,CAAC"}