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

package/dist/index.esm.js

@@ -6356,6 +6356,9 @@ var titleCaseString = function titleCaseString(string) {
     return index === 0 || index === string.length - 1 || word.length > 3 ? titleCaseWord(word.toLowerCase()) : word;
   }).join(" ");
 };
+var kebabCaseString = function kebabCaseString(string) {
+  return string === null || string === void 0 ? void 0 : string.replaceAll(" ", "-").toLowerCase();
+};
 
 var general = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -6375,7 +6378,8 @@ var general = /*#__PURE__*/Object.freeze({
   MOBILE_WIDTH: MOBILE_WIDTH,
   throttle: throttle,
   titleCaseWord: titleCaseWord,
-  titleCaseString: titleCaseString
+  titleCaseString: titleCaseString,
+  kebabCaseString: kebabCaseString
 });
 
 var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
@@ -47058,6 +47062,8 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
       forwardButtonLoading = _ref.forwardButtonLoading,
       _ref$forwardButtonVar = _ref.forwardButtonVariant,
       forwardButtonVariant = _ref$forwardButtonVar === void 0 ? "primary" : _ref$forwardButtonVar,
+      _ref$forwardButtonAri = _ref.forwardButtonAriaRole,
+      forwardButtonAriaRole = _ref$forwardButtonAri === void 0 ? "button" : _ref$forwardButtonAri,
       _ref$backButtonVarian = _ref.backButtonVariant,
       backButtonVariant = _ref$backButtonVarian === void 0 ? "secondary" : _ref$backButtonVarian,
       backButtonAction = _ref.backButtonAction,
@@ -47082,6 +47088,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     variant: backButtonVariant,
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: cancelText,
+    "aria-labelledby": "".concat(kebabCaseString(cancelText), "-button"),
     role: "link"
   }) : backButtonAction && /*#__PURE__*/React.createElement(ButtonWithAction, {
     text: "Back",
@@ -47089,6 +47096,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     action: backButtonAction,
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: "Back",
+    "aria-labelledby": "back-button",
     role: "link"
   });
   var forwardButton = !!redirectURL ? /*#__PURE__*/React.createElement(ButtonWithLink, {
@@ -47098,7 +47106,8 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: redirectText,
     disabled: isForwardButtonDisabled,
-    role: "link"
+    "aria-labelledby": "".concat(kebabCaseString(redirectText), "-button"),
+    role: forwardButtonAriaRole
   }) : forwardButtonAction && /*#__PURE__*/React.createElement(ButtonWithAction, {
     text: forwardButtonText,
     variant: forwardButtonVariant,
@@ -47107,7 +47116,8 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: forwardButtonText,
     disabled: isForwardButtonDisabled,
-    role: "link"
+    "aria-labelledby": "".concat(kebabCaseString(forwardButtonText), "-button"),
+    role: forwardButtonAriaRole
   });
   return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Box, {
     padding: "1.25rem 0"