@charcoal-ui/react 3.9.0 → 3.9.1

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

@@ -16,5 +16,6 @@ export declare const Default: StoryObj<typeof Modal>;
 export declare const FullBottomSheet: StoryObj<typeof Modal>;
 export declare const BottomSheet: StoryObj<typeof Modal>;
 export declare const NotDismmissableStory: StoryObj<typeof Modal>;
+export declare const BackgroundScroll: StoryObj<typeof Modal>;
 export { InternalScrollStory as InternalScroll } from './__stories__/InternalScrollStory';
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,GAAG,CAAA;AAezD,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;;;;;;;;;;;;AAEjD,wBAuCuB;AA6DvB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,KAAK,CAAM,CAAA;AAEjD,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,KAAK,CAuDlD,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,KAAK,CAqC9C,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,KAAK,CA4BvD,CAAA;AAED,OAAO,EAAE,mBAAmB,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,GAAG,CAAA;AAezD,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;;;;;;;;;;;;AAEjD,wBAuCuB;AA6DvB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,KAAK,CAAM,CAAA;AAEjD,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,KAAK,CAuDlD,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,KAAK,CAqC9C,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,KAAK,CA4BvD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,OAAO,KAAK,CAqBnD,CAAA;AAED,OAAO,EAAE,mBAAmB,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAE7B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAChC,gBAAgB,CAuBlB"}
+{"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAKjB,MAAM,sBAAsB,CAAA;AAE7B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAChC,gBAAgB,CA2BlB"}

package/dist/index.cjs.js

@@ -950,6 +950,9 @@ function useCharcoalModalOverlay(props, state, ref) {
     onClose: state.onClose,
     shouldCloseOnInteractOutside: () => false
   }, ref);
+  (0, import_overlays2.usePreventScroll)({
+    isDisabled: !state.isOpen
+  });
   (0, import_overlays2.useOverlayFocusContain)();
   React9.useEffect(() => {
     if (state.isOpen && ref.current) {
@@ -1160,7 +1163,7 @@ var import_styled_components15 = __toESM(require("styled-components"));
 
 // src/components/DropdownSelector/Popover/usePreventScroll.tsx
 var import_react15 = require("react");
-function usePreventScroll(element, isOpen) {
+function usePreventScroll2(element, isOpen) {
   (0, import_react15.useEffect)(() => {
     if (isOpen && element) {
       const defaultPaddingRight = element.style.paddingRight;
@@ -1196,7 +1199,7 @@ function Popover(props) {
     toggle: _empty
   });
   const modalBackground = (0, import_react16.useContext)(ModalBackgroundContext);
-  usePreventScroll(modalBackground, props.isOpen);
+  usePreventScroll2(modalBackground, props.isOpen);
   if (!props.isOpen)
     return null;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_overlays4.Overlay, { portalContainer: document.body, children: [