@thecb/components 9.2.10-beta.0 → 9.2.10-beta.2

package/dist/index.esm.js

@@ -13675,7 +13675,9 @@ var AccountNumberImage = function AccountNumberImage() {
     xmlns: "http://www.w3.org/2000/svg",
     width: "371",
     height: "164",
-    viewBox: "0 0 371 164"
+    viewBox: "0 0 371 164",
+    role: "img",
+    "aria-label": "A check with the account number highlighted in the bottom center"
   }, /*#__PURE__*/React.createElement("g", {
     fill: "none",
     fillRule: "evenodd",
@@ -13756,7 +13758,9 @@ var RoutingNumberImage = function RoutingNumberImage() {
     xmlns: "http://www.w3.org/2000/svg",
     width: "371",
     height: "164",
-    viewBox: "0 0 371 164"
+    viewBox: "0 0 371 164",
+    role: "img",
+    "aria-label": "A check with the routing number highlighted in the lower left hand corner"
   }, /*#__PURE__*/React.createElement("g", {
     fill: "none",
     fillRule: "evenodd",
@@ -13839,7 +13843,9 @@ var CheckmarkIcon = function CheckmarkIcon() {
     viewBox: "0 0 98 98",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    role: "img",
+    "aria-label": "Successful payment, green checkmark"
   }, /*#__PURE__*/React.createElement("g", {
     id: "Cityville-Checkout---Desktop---Logged-In",
     stroke: "none",
@@ -13884,7 +13890,9 @@ var BankIcon = function BankIcon() {
     height: "18",
     viewBox: "0 0 28 18",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-label": "Check Payment"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M0 2.25C0 1.00736 1.04467 0 2.33333 0H25.6667C26.9553 0 28 1.00736 28 2.25V15.75C28 16.9926 26.9553 18 25.6667 18H2.33333C1.04467 18 0 16.9926 0 15.75V2.25Z",
     fill: "#E4F4FD"
@@ -13931,7 +13939,9 @@ var GenericCard = function GenericCard() {
     height: "18",
     viewBox: "0 0 28 18",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-label": "Card Payment"
   }, /*#__PURE__*/React.createElement("rect", {
     width: "28",
     height: "18",
@@ -15190,7 +15200,9 @@ var GenericCardLarge = function GenericCardLarge() {
     height: "24",
     viewBox: "0 0 36 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-label": "Card Payment"
   }, /*#__PURE__*/React.createElement("rect", {
     width: "36",
     height: "24",
@@ -45747,9 +45759,7 @@ var Modal$1 = function Modal(_ref) {
       _ref$dataQa = _ref.dataQa,
       dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
       _ref$initialFocusSele = _ref.initialFocusSelector,
-      initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
-      _ref$modalName = _ref.modalName,
-      modalName = _ref$modalName === void 0 ? "" : _ref$modalName;
+      initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele;
 
   var _useContext = useContext(ThemeContext),
       isMobile = _useContext.isMobile;
@@ -45778,8 +45788,9 @@ var Modal$1 = function Modal(_ref) {
     },
     underlayClickExits: underlayClickExits,
     "aria-modal": true,
-    "aria-name": !!modalName.length ? modalName : modalHeaderText,
-    initialFocus: initialFocusSelector
+    initialFocus: initialFocusSelector,
+    focusDialog: !initialFocusSelector // Focus the dialogue box itself if no selector for initial focus was provided
+
   }, /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     borderRadius: "2px",
@@ -47709,7 +47720,8 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
     continueAction: function continueAction() {
       toggleAccepted(true);
       toggleOpen(false);
-    }
+    },
+    initialFocusSelector: "[name='Close']"
   }, /*#__PURE__*/React.createElement(Text$1, {
     variant: "pS",
     onClick: function onClick() {
@@ -47969,9 +47981,7 @@ var TermsAndConditions = function TermsAndConditions(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded$y);
 
   var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
-  return /*#__PURE__*/React.createElement(TermsAndConditionsControl, _extends({
-    initialFocusSelector: "[role='button']:not(.modal-trigger)"
-  }, rest));
+  return /*#__PURE__*/React.createElement(TermsAndConditionsControl, rest);
 };
 
 var PaymentFormACH = function PaymentFormACH(_ref) {