@thecb/components 9.2.7-beta.2 → 9.2.7-beta.4

package/dist/index.esm.js

@@ -45743,7 +45743,9 @@ var Modal$1 = function Modal(_ref) {
       buttonExtraStyles = _ref.buttonExtraStyles,
       children = _ref.children,
       _ref$dataQa = _ref.dataQa,
-      dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa;
+      dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
+      _ref$initialFocus = _ref.initialFocus,
+      initialFocus = _ref$initialFocus === void 0 ? null : _ref$initialFocus;
 
   var _useContext = useContext(ThemeContext),
       isMobile = _useContext.isMobile;
@@ -45753,7 +45755,7 @@ var Modal$1 = function Modal(_ref) {
     ref: modalContainerRef,
     "data-qa": dataQa
   }, modalOpen && /*#__PURE__*/React.createElement(reactAriaModal // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
-  , {
+  , _extends({
     focusTrapOptions: {
       fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
     },
@@ -45771,7 +45773,9 @@ var Modal$1 = function Modal(_ref) {
     },
     underlayClickExits: underlayClickExits,
     "aria-modal": true
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, initialFocus ? {
+    initialFocus: initialFocus
+  } : {}), /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     borderRadius: "2px",
     boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
@@ -47765,8 +47769,10 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
       variant = _ref.variant,
       _ref$linkVariant = _ref.linkVariant,
       linkVariant = _ref$linkVariant === void 0 ? "p" : _ref$linkVariant,
-      themeValues = _ref.themeValues;
-  return /*#__PURE__*/React.createElement(Modal$1, {
+      themeValues = _ref.themeValues,
+      _ref$initialFocus = _ref.initialFocus,
+      initialFocus = _ref$initialFocus === void 0 ? null : _ref$initialFocus;
+  return /*#__PURE__*/React.createElement(Modal$1, _extends({
     modalOpen: isOpen,
     hideModal: function hideModal() {
       return toggleOpen(false);
@@ -47791,9 +47797,10 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
     continueAction: function continueAction() {
       toggleAccepted(true);
       toggleOpen(false);
-    },
-    initialFocus: "[role='button']"
-  }, /*#__PURE__*/React.createElement(Text$1, {
+    }
+  }, initialFocus ? {
+    initialFocus: initialFocus
+  } : {}), /*#__PURE__*/React.createElement(Text$1, {
     variant: linkVariant,
     onClick: function onClick() {
       return toggleOpen(true);
@@ -47806,7 +47813,8 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
     weight: themeValues.fontWeight,
     hoverStyles: themeValues.modalLinkHoverFocus,
     extraStyles: "display: inline-block; width: fit-content; cursor: pointer",
-    role: "button"
+    role: "button",
+    className: "modal-trigger"
   }, link));
 };
 
@@ -47841,7 +47849,8 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
     terms: terms,
     isOpen: showTerms,
     toggleOpen: toggleShowTerms,
-    linkVariant: linkVariant
+    linkVariant: linkVariant,
+    initialFocus: "[role=\"button\"]:not(.modal-trigger)"
   })))));
 };
 
@@ -47924,7 +47933,8 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     isOpen: showTerms,
     toggleOpen: toggleTerms,
     linkVariant: modalVariant,
-    title: modalTitle
+    title: modalTitle,
+    initialFocus: "[role=\"button\"]:not(.modal-trigger)"
   })), /*#__PURE__*/React.createElement("div", {
     "aria-live": "polite",
     "aria-atomic": true