@thecb/components 9.0.3 → 9.0.4-beta.2

package/dist/index.esm.js

@@ -18754,7 +18754,13 @@ var Alert = function Alert(_ref) {
       _ref$iconPadding = _ref.iconPadding,
       iconPadding = _ref$iconPadding === void 0 ? "0 0 0 1rem" : _ref$iconPadding,
       _ref$contentFullHeigh = _ref.contentFullHeight,
-      contentFullHeight = _ref$contentFullHeigh === void 0 ? false : _ref$contentFullHeigh;
+      contentFullHeight = _ref$contentFullHeigh === void 0 ? false : _ref$contentFullHeigh,
+      _ref$ariaRole = _ref.ariaRole,
+      ariaRole = _ref$ariaRole === void 0 ? "group" : _ref$ariaRole,
+      _ref$ariaAtomic = _ref.ariaAtomic,
+      ariaAtomic = _ref$ariaAtomic === void 0 ? true : _ref$ariaAtomic,
+      _ref$ariaLive = _ref.ariaLive,
+      ariaLive = _ref$ariaLive === void 0 ? "polite" : _ref$ariaLive;
   var Icon = AlertIcons[variant];
   var contentPadding = maxContentWidth ? "".concat(padding, " 1rem") : innerContentPadding;
   var content = /*#__PURE__*/React.createElement(Sidebar, {
@@ -18811,8 +18817,9 @@ var Alert = function Alert(_ref) {
     borderSize: noBorder ? "0px" : "1px",
     boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
     extraStyles: extraStyles,
-    role: "alert",
-    "aria-atomic": true
+    role: ariaRole,
+    "aria-atomic": ariaAtomic,
+    "aria-live": ariaLive
   }, maxContentWidth ? /*#__PURE__*/React.createElement(Center, {
     maxWidth: maxContentWidth
   }, content) : content);
@@ -26040,7 +26047,8 @@ var FormInput = function FormInput(_ref15) {
     $customHeight: customHeight,
     $extraStyles: extraStyles,
     "data-qa": dataQa || labelTextWhenNoError,
-    autoComplete: autocompleteValue
+    autoComplete: autocompleteValue,
+    "aria-busy": true
   }, props)) : /*#__PURE__*/React.createElement(InputField, _extends({
     "aria-labelledby": createIdFromString(labelTextWhenNoError),
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
@@ -26059,23 +26067,25 @@ var FormInput = function FormInput(_ref15) {
     $customHeight: customHeight,
     $extraStyles: extraStyles,
     "data-qa": dataQa || labelTextWhenNoError,
-    autoComplete: autocompleteValue
-  }, props))), /*#__PURE__*/React.createElement(Stack, {
-    direction: "row",
-    justify: "space-between",
-    "aria-live": "polite",
+    autoComplete: autocompleteValue,
+    "aria-busy": true
+  }, props))), /*#__PURE__*/React.createElement("div", {
+    role: "status",
     "aria-atomic": true
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: "row",
+    justify: "space-between"
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
     weight: themeValues.fontWeight,
-    extraStyles: "word-break: break-word;\n              font-family: Public Sans;\n              &::first-letter {\n                text-transform: uppercase;\n              }",
+    extraStyles: "word-break: break-word;\n                font-family: Public Sans;\n                &::first-letter {\n                  text-transform: uppercase;\n                }",
     id: createIdFromString(labelTextWhenNoError, "error message")
   }, errorMessages[field.errors[0]]) : /*#__PURE__*/React.createElement(Text$1, {
     extraStyles: "height: ".concat(themeValues.lineHeight, ";")
   }), !isMobile && decorator && /*#__PURE__*/React.createElement(Box, {
     padding: "0 0 0 auto"
-  }, decorator)));
+  }, decorator))));
 };
 
 var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$k, "default");
@@ -46746,7 +46756,8 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
       }, "Amount owed:", "  ", /*#__PURE__*/React.createElement(Text$1, {
         variant: "p",
         weight: "600"
-      }, displayCurrency(li.amount)))
+      }, displayCurrency(li.amount))),
+      "aria-busy": true
     });
   })));
 };