@thecb/components 9.0.4-beta.4 → 9.0.4

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.esm.js CHANGED
@@ -18816,11 +18816,10 @@ var Alert = function Alert(_ref) {
18816
18816
  borderColor: themeValues.border,
18817
18817
  borderSize: noBorder ? "0px" : "1px",
18818
18818
  boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
18819
- extraStyles: extraStyles
18819
+ extraStyles: extraStyles,
18820
+ "aria-live": ariaLive
18820
18821
  }, ariaAtomic !== null ? {
18821
18822
  "aria-atomic": ariaAtomic
18822
- } : {}, ariaLive !== null ? {
18823
- "aria-live": ariaLive
18824
18823
  } : {}, ariaRole !== null ? {
18825
18824
  role: ariaRole
18826
18825
  } : {}), maxContentWidth ? /*#__PURE__*/React.createElement(Center, {
@@ -26070,23 +26069,22 @@ var FormInput = function FormInput(_ref15) {
26070
26069
  $extraStyles: extraStyles,
26071
26070
  "data-qa": dataQa || labelTextWhenNoError,
26072
26071
  autoComplete: autocompleteValue
26073
- }, props))), /*#__PURE__*/React.createElement("div", {
26074
- role: "status",
26075
- "aria-atomic": true
26076
- }, /*#__PURE__*/React.createElement(Stack, {
26072
+ }, props))), /*#__PURE__*/React.createElement(Stack, {
26077
26073
  direction: "row",
26078
- justify: "space-between"
26074
+ justify: "space-between",
26075
+ "aria-live": "polite",
26076
+ "aria-atomic": true
26079
26077
  }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React.createElement(Text$1, {
26080
26078
  color: ERROR_COLOR,
26081
26079
  variant: "pXS",
26082
26080
  weight: themeValues.fontWeight,
26083
- extraStyles: "word-break: break-word;\n font-family: Public Sans;\n &::first-letter {\n text-transform: uppercase;\n }",
26081
+ extraStyles: "word-break: break-word;\n font-family: Public Sans;\n &::first-letter {\n text-transform: uppercase;\n }",
26084
26082
  id: createIdFromString(labelTextWhenNoError, "error message")
26085
26083
  }, errorMessages[field.errors[0]]) : /*#__PURE__*/React.createElement(Text$1, {
26086
26084
  extraStyles: "height: ".concat(themeValues.lineHeight, ";")
26087
26085
  }), !isMobile && decorator && /*#__PURE__*/React.createElement(Box, {
26088
26086
  padding: "0 0 0 auto"
26089
- }, decorator))));
26087
+ }, decorator)));
26090
26088
  };
26091
26089
 
26092
26090
  var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$k, "default");