@thecb/components 9.0.4-beta.4 → 9.0.4

package/dist/index.cjs.js

@@ -18824,11 +18824,10 @@ 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
+    extraStyles: extraStyles,
+    "aria-live": ariaLive
   }, ariaAtomic !== null ? {
     "aria-atomic": ariaAtomic
-  } : {}, ariaLive !== null ? {
-    "aria-live": ariaLive
   } : {}, ariaRole !== null ? {
     role: ariaRole
   } : {}), maxContentWidth ? /*#__PURE__*/React__default.createElement(Center, {
@@ -26078,23 +26077,22 @@ var FormInput = function FormInput(_ref15) {
     $extraStyles: extraStyles,
     "data-qa": dataQa || labelTextWhenNoError,
     autoComplete: autocompleteValue
-  }, props))), /*#__PURE__*/React__default.createElement("div", {
-    role: "status",
-    "aria-atomic": true
-  }, /*#__PURE__*/React__default.createElement(Stack, {
+  }, props))), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
-    justify: "space-between"
+    justify: "space-between",
+    "aria-live": "polite",
+    "aria-atomic": true
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.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__default.createElement(Text$1, {
     extraStyles: "height: ".concat(themeValues.lineHeight, ";")
   }), !isMobile && decorator && /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 0 auto"
-  }, decorator))));
+  }, decorator)));
 };
 
 var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$k, "default");