@thecb/components 7.0.0-beta.2 → 7.0.0-beta.3

package/dist/index.cjs.js

@@ -43337,13 +43337,13 @@ var Modal$1 = function Modal(_ref) {
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
 
-  var closeBtnRef = React.useRef(null);
+  var bodyTextContainerRef = React.useRef(null);
   return /*#__PURE__*/React__default.createElement(React.Fragment, null, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
-    initialFocus: closeBtnRef,
+    initialFocus: bodyTextContainerRef,
     focusTrapOptions: {
-      delayInitialFocus: false,
-      fallbackFocus: closeBtnRef
-    } // fallback to resolve unit test errors with Jest/tabbable https://github.com/focus-trap/focus-trap-react/issues/91
+      delayInitialFocus: true,
+      fallbackFocus: bodyTextContainerRef
+    } // fallback to resolve unit test errors https://github.com/focus-trap/focus-trap-react/issues/91
     ,
     onExit: onExit,
     getApplicationNode: getApplicationNode,
@@ -43377,6 +43377,7 @@ var Modal$1 = function Modal(_ref) {
   }, /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "1.5rem"
   }, /*#__PURE__*/React__default.createElement(Box, {
+    ref: bodyTextContainerRef,
     borderWidthOverride: noBorder && "0 0 2px 0",
     borderColor: !noBorder && SILVER_GREY,
     padding: !noBorder && "0 0 1.5rem 0",
@@ -43440,7 +43441,6 @@ var Modal$1 = function Modal(_ref) {
   }))) : /*#__PURE__*/React__default.createElement(Box, {
     padding: "0.5rem"
   }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    ref: closeBtnRef,
     action: hideModal,
     variant: "primary",
     text: closeButtonText,