@thecb/components 9.2.0-beta.11 → 9.2.0-beta.12

package/dist/index.cjs.js

@@ -24201,11 +24201,7 @@ var FormSelect = function FormSelect(_ref) {
       hasTitles = _ref$hasTitles === void 0 ? false : _ref$hasTitles,
       autocompleteValue = _ref.autocompleteValue,
       _ref$smoothScroll = _ref.smoothScroll,
-      smoothScroll = _ref$smoothScroll === void 0 ? true : _ref$smoothScroll,
-      _ref$dataQa = _ref.dataQa,
-      dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
-      _ref$widthFitOptions = _ref.widthFitOptions,
-      widthFitOptions = _ref$widthFitOptions === void 0 ? false : _ref$widthFitOptions;
+      smoothScroll = _ref$smoothScroll === void 0 ? true : _ref$smoothScroll;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -24228,9 +24224,7 @@ var FormSelect = function FormSelect(_ref) {
   });
   return /*#__PURE__*/React__default.createElement(SelectContainer, {
     ref: dropdownRef,
-    disabled: disabled,
-    "aria-disabled": disabled,
-    "data-qa": dataQa
+    disabled: disabled
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     minWidth: "100%"
@@ -24248,7 +24242,6 @@ var FormSelect = function FormSelect(_ref) {
     ariaLabelledby: createIdFromString(labelTextWhenNoError),
     ariaDescribedby: createIdFromString(labelTextWhenNoError, "error message"),
     maxHeight: dropdownMaxHeight,
-    widthFitOptions: widthFitOptions,
     hasTitles: hasTitles,
     placeholder: options[0] ? options[0].text : "",
     options: options,
@@ -24256,7 +24249,6 @@ var FormSelect = function FormSelect(_ref) {
     disabledValues: disabledValues,
     isOpen: open,
     isError: field.hasErrors && field.dirty || field.hasErrors && showErrors,
-    ariaInvalid: field.hasErrors && field.dirty || field.hasErrors && showErrors,
     onSelect: onChange ? function (value) {
       return onChange(value);
     } : function (value) {
@@ -24270,17 +24262,17 @@ var FormSelect = function FormSelect(_ref) {
     smoothScroll: smoothScroll
   }), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
-    justify: "space-between"
-  }, /*#__PURE__*/React__default.createElement(Text$1, {
+    justify: "space-between",
+    "aria-live": "polite"
+  }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
     weight: themeValues.fontWeight,
-    extraStyles: "\n            word-break: break-word;\n            font-family: Public Sans;\n            &::first-letter {\n              text-transform: uppercase;\n            }\n          ",
-    id: createIdFromString(labelTextWhenNoError, "error message"),
-    "aria-live": "polite",
-    "aria-atomic": true,
-    "data-qa": createIdFromString(labelTextWhenNoError, "error message")
-  }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? errorMessages[field.errors[0]] : "")));
+    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, ";")
+  })));
 };
 
 var FormSelect$1 = themeComponent(FormSelect, "FormSelect", fallbackValues$g, "default");