@thecb/components 7.0.0-beta.7 → 7.0.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "7.0.0-beta.7",
+  "version": "7.0.0-beta.8",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/modal/Modal.js

@@ -48,14 +48,13 @@ const Modal = ({
 }) => {
   const { isMobile } = useContext(ThemeContext);
   const modalContainerRef = useRef(null);
-  // debugger;
   return (
-    <div ref={modalContainerRef}>
+    <Box padding="0" ref={modalContainerRef}>
       {modalOpen && (
         <AriaModal
-          // focusTrapPaused={true}
+          // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
           initialFocus={modalContainerRef?.current}
-          focusTrapOptions={{ delayInitialFocus: false, fallbackFocus: modalContainerRef?.current }} // fallback to resolve unit test errors https://github.com/focus-trap/focus-trap-react/issues/91
+          focusTrapOptions={{ delayInitialFocus: false, fallbackFocus: modalContainerRef?.current }}
           onExit={onExit}
           getApplicationNode={getApplicationNode}
           titleText={modalHeaderText}
@@ -193,7 +192,7 @@ const Modal = ({
         </AriaModal>
       )}
       {children}
-    </div>
+    </Box>
   );
 };