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

package/dist/index.cjs.js

@@ -18764,7 +18764,7 @@ var Alert = function Alert(_ref) {
       _ref$contentFullHeigh = _ref.contentFullHeight,
       contentFullHeight = _ref$contentFullHeigh === void 0 ? false : _ref$contentFullHeigh,
       _ref$ariaRole = _ref.ariaRole,
-      ariaRole = _ref$ariaRole === void 0 ? "group" : _ref$ariaRole,
+      ariaRole = _ref$ariaRole === void 0 ? null : _ref$ariaRole,
       _ref$ariaAtomic = _ref.ariaAtomic,
       ariaAtomic = _ref$ariaAtomic === void 0 ? true : _ref$ariaAtomic,
       _ref$ariaLive = _ref.ariaLive,
@@ -18814,7 +18814,7 @@ var Alert = function Alert(_ref) {
     minHeight: "100%",
     onClick: onLinkClick
   }, /*#__PURE__*/React__default.createElement(IconQuit, null))))));
-  return /*#__PURE__*/React__default.createElement(Box, {
+  return /*#__PURE__*/React__default.createElement(Box, _extends({
     padding: padding,
     width: "100%",
     minHeight: height && parseInt(height) < 100 ? height : "100px",
@@ -18824,11 +18824,14 @@ var Alert = function Alert(_ref) {
     borderColor: themeValues.border,
     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: ariaRole,
-    "aria-atomic": ariaAtomic,
+    extraStyles: extraStyles
+  }, ariaAtomic !== null ? {
+    "aria-atomic": ariaAtomic
+  } : {}, ariaLive !== null ? {
     "aria-live": ariaLive
-  }, maxContentWidth ? /*#__PURE__*/React__default.createElement(Center, {
+  } : {}, ariaRole !== null ? {
+    role: ariaRole
+  } : {}), maxContentWidth ? /*#__PURE__*/React__default.createElement(Center, {
     maxWidth: maxContentWidth
   }, content) : content);
 };
@@ -26055,8 +26058,7 @@ var FormInput = function FormInput(_ref15) {
     $customHeight: customHeight,
     $extraStyles: extraStyles,
     "data-qa": dataQa || labelTextWhenNoError,
-    autoComplete: autocompleteValue,
-    "aria-busy": true
+    autoComplete: autocompleteValue
   }, props)) : /*#__PURE__*/React__default.createElement(InputField, _extends({
     "aria-labelledby": createIdFromString(labelTextWhenNoError),
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
@@ -26075,8 +26077,7 @@ var FormInput = function FormInput(_ref15) {
     $customHeight: customHeight,
     $extraStyles: extraStyles,
     "data-qa": dataQa || labelTextWhenNoError,
-    autoComplete: autocompleteValue,
-    "aria-busy": true
+    autoComplete: autocompleteValue
   }, props))), /*#__PURE__*/React__default.createElement("div", {
     role: "status",
     "aria-atomic": true
@@ -46764,8 +46765,7 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
       }, "Amount owed:", "  ", /*#__PURE__*/React__default.createElement(Text$1, {
         variant: "p",
         weight: "600"
-      }, displayCurrency(li.amount))),
-      "aria-busy": true
+      }, displayCurrency(li.amount)))
     });
   })));
 };