@autoguru/overdrive 4.11.4 → 4.11.5

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

@@ -1,7 +1,7 @@
 import { ComponentProps, FunctionComponent, ReactNode } from 'react';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
 export interface Props extends ComponentProps<typeof ThemeProvider> {
-    noBodyLevelTheming: boolean;
+    noBodyLevelTheming?: boolean;
     children?: ReactNode;
 }
 export declare const OverdriveProvider: FunctionComponent<Props>;

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;AAIhF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,aAAa,CAAC;IAIlE,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,KAAK,CA6BtD,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;AAIhF,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,CA4BtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/OverdriveProvider/OverdriveProvider.js

@@ -12,23 +12,22 @@ export const OverdriveProvider = _ref => {
     vars,
     themeClass,
     breakpoints,
+    portalMountPoint,
     children
   } = _ref;
   useEffect(() => {
     if (!isBrowser) return;
+    document.body.style.backgroundColor = tokens.body.backgroundColour;
+    document.body.style.color = tokens.body.colour;
     if (!noBodyLevelTheming) {
       document.body.classList.add(themeClass);
-      document.body.style.backgroundColor = vars.body.backgroundColour;
-      document.body.style.color = vars.body.colour;
-    } else {
-      document.body.style.backgroundColor = tokens.body.backgroundColour;
-      document.body.style.color = tokens.body.colour;
     }
   }, [vars, themeClass]);
   return _jsx(ThemeProvider, {
     vars: vars,
     themeClass: themeClass,
     breakpoints: breakpoints,
+    portalMountPoint: portalMountPoint,
     children: children
   });
 };

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

@@ -2,11 +2,11 @@ import type { ReactNode, Ref } from 'react';
 import * as React from 'react';
 export interface Props {
     children?: ReactNode;
-    container?: Element;
+    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<Element | undefined>>;
+declare const _Portal: React.ForwardRefExoticComponent<Props & 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,OAAO,CAAC;IACpB,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,4BA6B1B;AAED,QAAA,MAAM,OAAO,mFAAqB,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,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,4BAmC1B;AAED,QAAA,MAAM,OAAO,uFAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAE7B,eAAe,MAAM,CAAC"}

package/dist/components/Portal/Portal.js

@@ -7,18 +7,24 @@ import { isBrowser, isHtmlElement, setRef } from "../../utils/index.js";
 import { useTheme } from "../ThemeProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function Portal(_ref, ref) {
-  var _useTheme;
   let {
     children,
     container,
     noThemedWrapper
   } = _ref;
-  const themeClass = (_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.themeClass;
+  const {
+    themeClass,
+    portalMountPoint
+  } = useTheme();
   const [mountNode, setMountNode] = useState(null);
   if (isBrowser) {
     useLayoutEffect(() => {
-      setMountNode(isHtmlElement(container) ? container : document.body);
-    }, [container]);
+      let mountElement = document.body;
+      if (isHtmlElement(container)) mountElement = container;else if (isHtmlElement(portalMountPoint === null || portalMountPoint === void 0 ? void 0 : portalMountPoint.current)) {
+        mountElement = portalMountPoint.current;
+      }
+      setMountNode(mountElement);
+    }, [container, portalMountPoint === null || portalMountPoint === void 0 ? void 0 : portalMountPoint.current]);
     useLayoutEffect(() => {
       if (mountNode) {
         setRef(ref, mountNode);

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

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FunctionComponent, MutableRefObject, ReactNode } from 'react';
 import { RuntimeTokens } from '../../themes/makeTheme';
 import { themeContractVars } from '../../themes/theme.css';
 import { BreakPoints } from '../../themes/tokens';
@@ -6,11 +6,10 @@ declare type ThemeVars = typeof themeContractVars;
 declare type ThemeContextType = {
     vars: ThemeVars;
     themeClass: string;
+    portalMountPoint?: MutableRefObject<typeof HTMLElement>;
 };
-export interface Props {
+export interface Props extends ThemeContextType {
     children?: ReactNode;
-    vars: ThemeVars;
-    themeClass: string;
     breakpoints?: BreakPoints;
 }
 export declare const ThemeProvider: FunctionComponent<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,aAAK,SAAS,GAAG,OAAO,iBAAiB,CAAC;AAC1C,aAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAelD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../lib/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE3G,OAAO,EAAqB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,aAAK,SAAS,GAAG,OAAO,iBAAiB,CAAC;AAC1C,aAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,WAAW,CAAC,CAAC;CACxD,CAAC;AAIF,MAAM,WAAW,KAAM,SAAQ,gBAAgB;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAgBlD,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,aAInC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ThemeProvider/ThemeProvider.js

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

package/package.json

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