@thecb/components 9.0.4-beta.3 → 9.0.4-beta.5

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
@@ -18824,11 +18824,10 @@ var Alert = function Alert(_ref) {
18824
18824
  borderColor: themeValues.border,
18825
18825
  borderSize: noBorder ? "0px" : "1px",
18826
18826
  boxShadow: enableBoxShadow ? (_generateShadows = generateShadows()) === null || _generateShadows === void 0 ? void 0 : (_generateShadows$inse = _generateShadows.inset) === null || _generateShadows$inse === void 0 ? void 0 : _generateShadows$inse.base : "",
18827
- extraStyles: extraStyles
18827
+ extraStyles: extraStyles,
18828
+ "aria-live": ariaLive
18828
18829
  }, ariaAtomic !== null ? {
18829
18830
  "aria-atomic": ariaAtomic
18830
- } : {}, ariaLive !== null ? {
18831
- "aria-live": ariaLive
18832
18831
  } : {}, ariaRole !== null ? {
18833
18832
  role: ariaRole
18834
18833
  } : {}), maxContentWidth ? /*#__PURE__*/React__default.createElement(Center, {
@@ -26058,8 +26057,7 @@ var FormInput = function FormInput(_ref15) {
26058
26057
  $customHeight: customHeight,
26059
26058
  $extraStyles: extraStyles,
26060
26059
  "data-qa": dataQa || labelTextWhenNoError,
26061
- autoComplete: autocompleteValue,
26062
- "aria-busy": true
26060
+ autoComplete: autocompleteValue
26063
26061
  }, props)) : /*#__PURE__*/React__default.createElement(InputField, _extends({
26064
26062
  "aria-labelledby": createIdFromString(labelTextWhenNoError),
26065
26063
  "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
@@ -26078,14 +26076,12 @@ var FormInput = function FormInput(_ref15) {
26078
26076
  $customHeight: customHeight,
26079
26077
  $extraStyles: extraStyles,
26080
26078
  "data-qa": dataQa || labelTextWhenNoError,
26081
- autoComplete: autocompleteValue,
26082
- "aria-busy": true
26083
- }, props))), /*#__PURE__*/React__default.createElement("div", {
26084
- role: "status",
26085
- "aria-atomic": true
26086
- }, /*#__PURE__*/React__default.createElement(Stack, {
26079
+ autoComplete: autocompleteValue
26080
+ }, props))), /*#__PURE__*/React__default.createElement(Stack, {
26087
26081
  direction: "row",
26088
- justify: "space-between"
26082
+ justify: "space-between",
26083
+ "aria-live": "polite",
26084
+ "aria-atomic": true
26089
26085
  }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
26090
26086
  color: ERROR_COLOR,
26091
26087
  variant: "pXS",
@@ -26096,7 +26092,7 @@ var FormInput = function FormInput(_ref15) {
26096
26092
  extraStyles: "height: ".concat(themeValues.lineHeight, ";")
26097
26093
  }), !isMobile && decorator && /*#__PURE__*/React__default.createElement(Box, {
26098
26094
  padding: "0 0 0 auto"
26099
- }, decorator))));
26095
+ }, decorator)));
26100
26096
  };
26101
26097
 
26102
26098
  var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$k, "default");