@autoguru/overdrive 4.12.0 → 4.12.2

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

@@ -1 +1 @@
-{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAChB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC,EACnC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,YAAY,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAqEjD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAChB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC,EACnC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,YAAY,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CA4EjD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MinimalModal/MinimalModal.js

@@ -12,6 +12,9 @@ export const MinimalModal = _ref => {
     isOpen,
     alignItems = 'center',
     className = '',
+    container,
+    noThemedWrapper,
+    ref,
     onRequestClose,
     children
   } = _ref;
@@ -35,6 +38,9 @@ export const MinimalModal = _ref => {
   return _jsx(Modal, {
     isOpen: isOpen,
     onRequestClose: onRequestClose,
+    ref: ref,
+    noThemedWrapper: noThemedWrapper,
+    container: container,
     children: _jsx(Box, {
       className: [styles.container, className],
       height: "full",

package/dist/components/Modal/Modal.d.ts

@@ -1,6 +1,7 @@
-import type { ComponentType, FunctionComponent } from 'react';
+import type { ComponentProps, ComponentType, FunctionComponent } from 'react';
 import { ReactNode } from 'react';
-export interface Props {
+import { Portal } from '../Portal';
+export interface Props extends ComponentProps<typeof Portal> {
     isOpen: boolean;
     hideBackdrop?: boolean;
     children?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AASzD,MAAM,WAAW,KAAK;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAuE1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAmBpB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,MAAM,CAAC;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;CAChE;AAqDD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CA4E1C,CAAC;AAEF,eAAO,MAAM,SAAS,wIAmBpB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/components/Modal/Modal.js

@@ -65,6 +65,9 @@ export const Modal = _ref => {
   let {
     isOpen,
     hideBackdrop = false,
+    ref,
+    noThemedWrapper,
+    container,
     onRequestClose,
     children
   } = _ref;
@@ -86,6 +89,9 @@ export const Modal = _ref => {
     return undefined;
   }, [state]);
   return _jsx(Portal, {
+    ref: ref,
+    noThemedWrapper: noThemedWrapper,
+    container: container,
     children: state === 'OPENING' || state === 'OPEN' || state === 'CLOSING' ? _jsxs(FocusLock, {
       returnFocus: true,
       autoFocus: false,

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":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;IAIlE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,CAwBtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"OverdriveProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/OverdriveProvider/OverdriveProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;IAIlE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,CAwBtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Section/Section.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FunctionComponent, ReactNode } from 'react';
 import { Box } from '../Box';
 import * as styles from './Section.css';
-export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX'> {
+export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX' | 'ref'> {
     width?: keyof typeof styles.width;
     children?: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAY5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAClF,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAc5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Section/Section.js

@@ -9,9 +9,11 @@ export const Section = _ref => {
   let {
     children,
     width = 'medium',
-    paddingX
+    paddingX,
+    ref
   } = _ref;
   return _jsx(Box, {
+    ref: ref,
     className: clsx(styles.root, styles.width[width]),
     width: "full",
     paddingX: paddingX,

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

@@ -1 +1 @@
-{"version":3,"file":"StandardModal.d.ts","sourceRoot":"","sources":["../../../lib/components/StandardModal/StandardModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,oBAAY,KAAK;IAChB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACrB;AAED,aAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE7C,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC1D,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAsHlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"StandardModal.d.ts","sourceRoot":"","sources":["../../../lib/components/StandardModal/StandardModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AASlF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,oBAAY,KAAK;IAChB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACrB;AAED,aAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE7C,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC1D,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CA6HlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/StandardModal/StandardModal.js

@@ -26,6 +26,9 @@ export const StandardModal = _ref => {
     size = 'standard',
     className = '',
     title,
+    container,
+    noThemedWrapper,
+    ref,
     onRequestClose,
     children
   } = _ref;
@@ -51,6 +54,9 @@ export const StandardModal = _ref => {
   }
   return _jsx(Modal, {
     isOpen: isOpen,
+    ref: ref,
+    noThemedWrapper: noThemedWrapper,
+    container: container,
     onRequestClose: onRequestClose,
     children: _jsx(Box, {
       className: styles.container,

package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.d.ts

@@ -13,7 +13,7 @@ export interface ThemeOverridesValues {
     overrideStyles: ReturnType<typeof assignInlineVars>;
     setThemeValues: (values: Partial<OverrideValues>) => void;
 }
-interface Props extends Pick<ThemeOverridesValues, 'primaryColourBackground' | 'primaryColourForeground' | 'theme' | 'primaryColourBackgroundMild' | 'primaryColourBackgroundStrong' | 'primaryColourBorder'> {
+interface Props extends Pick<ThemeOverridesValues, 'theme' | 'primaryColourBackgroundMild' | 'primaryColourBackgroundStrong' | 'primaryColourBorder'>, Partial<Pick<ThemeOverridesValues, 'primaryColourBackground' | 'primaryColourForeground'>> {
     children?: ReactNode | ReactNode[];
 }
 export declare const useThemeOverrides: () => ThemeOverridesValues;

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeOverrideProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/ThemeOverrideProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAGN,iBAAiB,EACjB,SAAS,EAGT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EACN,cAAc,EAEd,MAAM,0BAA0B,CAAC;AAElC,aAAK,KAAK,GAAG,OAAO,YAAY,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACpC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAEpD,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,UAAU,KACT,SAAQ,IAAI,CACX,oBAAoB,EAClB,yBAAyB,GACzB,yBAAyB,GACzB,OAAO,GACP,6BAA6B,GAC7B,+BAA+B,GAC/B,qBAAqB,CACvB;IACD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAKD,eAAO,MAAM,iBAAiB,4BAAsC,CAAC;AAErE,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,KAAK,CAwC1D,CAAC"}
+{"version":3,"file":"ThemeOverrideProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/ThemeOverrideProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAA0B,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAElG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAA0B,MAAM,0BAA0B,CAAC;AAElF,aAAK,KAAK,GAAG,OAAO,YAAY,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACpC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAEpD,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,UAAU,KACT,SAAQ,IAAI,CACX,oBAAoB,EAClB,OAAO,GACP,6BAA6B,GAC7B,+BAA+B,GAC/B,qBAAqB,CACvB,EAAE,OAAO,CAAC,IAAI,CACd,oBAAoB,EAClB,yBAAyB,GACzB,yBAAyB,CAC3B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAKD,eAAO,MAAM,iBAAiB,4BAAsC,CAAC;AAErE,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,CAAC,KAAK,CAuC1D,CAAC"}

package/dist/components/ThemeOverrideProvider/ThemeOverrideProvider.js

@@ -30,7 +30,7 @@ export const ThemeOverrideProvider = _ref => {
   return _jsx(themeOverridesCtx.Provider, {
     value: useMemo(() => _objectSpread({
       theme
-    }, overrides), [theme, overrides, primaryColourBackground, primaryColourForeground, theme, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder]),
+    }, overrides), [theme, overrides, primaryColourBackground, primaryColourForeground, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder]),
     children: children
   });
 };

package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts

@@ -12,6 +12,6 @@ export interface OverrideValues {
     primaryColourBackgroundStrong?: string;
     primaryColourBorder?: string;
 }
-export declare const useBuildThemeOverrides: ({ primaryColourBackground: incomingPrimaryColourBackground, primaryColourForeground: incomingPrimaryColourForeground, mode, primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong, primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild, primaryColourBorder: incomingPrimaryColourBorder, }: Props) => Returns;
+export declare const useBuildThemeOverrides: ({ mode, primaryColourBackground: incomingPrimaryColourBackground, primaryColourForeground: incomingPrimaryColourForeground, primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong, primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild, primaryColourBorder: incomingPrimaryColourBorder, }: Props) => Returns;
 export {};
 //# sourceMappingURL=useBuildThemeOverrides.d.ts.map

package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBuildThemeOverrides.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/useBuildThemeOverrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EACN,qBAAqB,EACrB,oBAAoB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,UAAU,KACT,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAC5C,OAAO,GAAG,UAAU,CACpB;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CACrB;AAED,aAAK,OAAO,GAAG,IAAI,CAClB,oBAAoB,EAClB,gBAAgB,GAChB,yBAAyB,GACzB,yBAAyB,GACzB,qBAAqB,GACrB,6BAA6B,GAC7B,+BAA+B,GAC/B,gBAAgB,CAClB,CAAC;AAOF,MAAM,WAAW,cAAc;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAeD,eAAO,MAAM,sBAAsB,4TAOhC,KAAK,KAAG,OAsFV,CAAC"}
+{"version":3,"file":"useBuildThemeOverrides.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeOverrideProvider/useBuildThemeOverrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA2C,MAAM,OAAO,CAAC;AAKhF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEtF,UAAU,KACT,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAC5C,OAAO,GAAG,UAAU,CACpB;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CACrB;AAED,aAAK,OAAO,GAAG,IAAI,CAClB,oBAAoB,EAClB,gBAAgB,GAChB,yBAAyB,GACzB,yBAAyB,GACzB,qBAAqB,GACrB,6BAA6B,GAC7B,+BAA+B,GAC/B,gBAAgB,CAClB,CAAC;AAOF,MAAM,WAAW,cAAc;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAeD,eAAO,MAAM,sBAAsB,4TAOpB,KAAK,KAAG,OA0GtB,CAAC"}

package/dist/components/ThemeOverrideProvider/useBuildThemeOverrides.js

@@ -6,7 +6,8 @@ const _excluded = ["primaryColourBorder", "primaryColourForeground", "primaryCol
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { assignInlineVars } from '@vanilla-extract/dynamic';
-import { useMemo, useReducer } from 'react';
+import { useEffect, useMemo, useReducer } from 'react';
+import { tokens } from "../../themes/base/tokens.js";
 import { shadedColour } from "../../themes/helpers.js";
 import { themeContractVars } from "../../themes/theme.css.js";
 const reducer = (prevState, action) => {
@@ -21,9 +22,9 @@ const reducer = (prevState, action) => {
 };
 export const useBuildThemeOverrides = _ref => {
   let {
-    primaryColourBackground: incomingPrimaryColourBackground,
-    primaryColourForeground: incomingPrimaryColourForeground,
     mode,
+    primaryColourBackground: incomingPrimaryColourBackground = tokens.colours.intent.primary.background.standard,
+    primaryColourForeground: incomingPrimaryColourForeground = tokens.colours.intent.primary.foreground,
     primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong,
     primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild,
     primaryColourBorder: incomingPrimaryColourBorder
@@ -43,6 +44,18 @@ export const useBuildThemeOverrides = _ref => {
       primaryColourBackground
     } = _ref2,
     extraColours = _objectWithoutProperties(_ref2, _excluded);
+  useEffect(() => {
+    dispatch({
+      type: 'SET_THEME_VALUES',
+      payload: {
+        primaryColourBackground: incomingPrimaryColourBackground,
+        primaryColourForeground: incomingPrimaryColourForeground,
+        primaryColourBorder: incomingPrimaryColourBorder,
+        primaryColourBackgroundMild: incomingPrimaryColourBackgroundMild,
+        primaryColourBackgroundStrong: incomingPrimaryColourBackgroundStrong
+      }
+    });
+  }, [mode, incomingPrimaryColourBackground, incomingPrimaryColourForeground, incomingPrimaryColourBackgroundStrong, incomingPrimaryColourBackgroundMild, incomingPrimaryColourBorder]);
   const overrideStyles = useMemo(() => {
     const mildPrimary = primaryColourBackgroundMild || shadedColour({
       colour: primaryColourBackground,
@@ -76,7 +89,7 @@ export const useBuildThemeOverrides = _ref => {
         }
       }
     }));
-  }, [primaryColourBackground, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder, primaryColourForeground, incomingPrimaryColourBackground, incomingPrimaryColourForeground, mode, incomingPrimaryColourBackgroundStrong, incomingPrimaryColourBackgroundMild, incomingPrimaryColourBorder, extraColours]);
+  }, [primaryColourBackground, primaryColourBackgroundMild, primaryColourBackgroundStrong, primaryColourBorder, primaryColourForeground, mode, incomingPrimaryColourBackground, incomingPrimaryColourForeground, incomingPrimaryColourBackgroundStrong, incomingPrimaryColourBackgroundMild, incomingPrimaryColourBorder, extraColours]);
   return useMemo(() => ({
     overrideStyles,
     primaryColourBackground,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useDocumentBodyStyles/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,YAOjC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useDocumentBodyStyles/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,YAOjC,CAAC"}

package/dist/hooks/useDocumentBodyStyles/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-import { tokens } from "../../themes/base/tokens.js";
 import { useEffect } from 'react';
+import { tokens } from "../../themes/base/tokens.js";
 import { isBrowser } from "../../utils/index.js";
 export const useDocumentBodyStyles = () => {
   useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.12.0",
+	"version": "4.12.2",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",