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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -6364,6 +6364,9 @@ var titleCaseString = function titleCaseString(string) {
6364
6364
  return index === 0 || index === string.length - 1 || word.length > 3 ? titleCaseWord(word.toLowerCase()) : word;
6365
6365
  }).join(" ");
6366
6366
  };
6367
+ var kebabCaseString = function kebabCaseString(string) {
6368
+ return string === null || string === void 0 ? void 0 : string.replaceAll(" ", "-").toLowerCase();
6369
+ };
6367
6370
 
6368
6371
  var general = /*#__PURE__*/Object.freeze({
6369
6372
  __proto__: null,
@@ -6383,7 +6386,8 @@ var general = /*#__PURE__*/Object.freeze({
6383
6386
  MOBILE_WIDTH: MOBILE_WIDTH,
6384
6387
  throttle: throttle,
6385
6388
  titleCaseWord: titleCaseWord,
6386
- titleCaseString: titleCaseString
6389
+ titleCaseString: titleCaseString,
6390
+ kebabCaseString: kebabCaseString
6387
6391
  });
6388
6392
 
6389
6393
  var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
@@ -47092,6 +47096,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
47092
47096
  variant: backButtonVariant,
47093
47097
  extraStyles: isMobile && "flex-grow: 1",
47094
47098
  dataQa: cancelText,
47099
+ "aria-labelledby": "".concat(kebabCaseString(cancelText), "-button"),
47095
47100
  role: "link"
47096
47101
  }) : backButtonAction && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
47097
47102
  text: "Back",
@@ -47099,6 +47104,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
47099
47104
  action: backButtonAction,
47100
47105
  extraStyles: isMobile && "flex-grow: 1",
47101
47106
  dataQa: "Back",
47107
+ "aria-labelledby": "back-button",
47102
47108
  role: "link"
47103
47109
  });
47104
47110
  var forwardButton = !!redirectURL ? /*#__PURE__*/React__default.createElement(ButtonWithLink, {
@@ -47108,6 +47114,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
47108
47114
  extraStyles: isMobile && "flex-grow: 1",
47109
47115
  dataQa: redirectText,
47110
47116
  disabled: isForwardButtonDisabled,
47117
+ "aria-labelledby": "".concat(kebabCaseString(redirectText), "-button"),
47111
47118
  role: forwardButtonAriaRole
47112
47119
  }) : forwardButtonAction && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
47113
47120
  text: forwardButtonText,
@@ -47117,6 +47124,7 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
47117
47124
  extraStyles: isMobile && "flex-grow: 1",
47118
47125
  dataQa: forwardButtonText,
47119
47126
  disabled: isForwardButtonDisabled,
47127
+ "aria-labelledby": "".concat(kebabCaseString(forwardButtonText), "-button"),
47120
47128
  role: forwardButtonAriaRole
47121
47129
  });
47122
47130
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {