@thecb/components 8.4.11-beta.17 → 8.4.11-beta.19

package/dist/index.cjs.js

@@ -18819,7 +18819,8 @@ var Alert = function Alert(_ref) {
     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: "alert"
+    role: "alert",
+    "aria-atomic": true
   }, maxContentWidth ? /*#__PURE__*/React__default.createElement(Center, {
     maxWidth: maxContentWidth
   }, content) : content);
@@ -22149,9 +22150,7 @@ var Checkbox = function Checkbox(_ref4) {
     "aria-label": name,
     checked: checked,
     onChange: onChange,
-    tabIndex: "-1",
-    "aria-invalid": error,
-    "aria-describedby": error ? "".concat(name, "-error-message") : ""
+    tabIndex: "-1"
   }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     error: error,
     disabled: disabled,
@@ -23984,15 +23983,15 @@ var Dropdown = function Dropdown(_ref8) {
     width: "100%"
   }, /*#__PURE__*/React__default.createElement(Box, {
     as: "input",
-    role: "combobox",
     "aria-multiline": "false",
+    autoComplete: autocompleteValue,
+    "aria-controls": "".concat(ariaLabelledby, "_listbox"),
     "aria-activedescendant": "focused_option",
     "aria-owns": "".concat(ariaLabelledby, "_listbox"),
-    "aria-controls": "".concat(ariaLabelledby, "_listbox"),
     "aria-haspopup": "listbox",
     "aria-labelledby": ariaLabelledby,
     "aria-describedby": ariaDescribedby,
-    autoComplete: autocompleteValue,
+    "aria-expanded": isOpen,
     background: isOpen ? themeValues.hoverColor : WHITE,
     borderRadius: "2px",
     borderSize: "1px",
@@ -24003,7 +24002,6 @@ var Dropdown = function Dropdown(_ref8) {
     minHeight: "48px",
     minWidth: "100%",
     name: autocompleteValue,
-    "aria-expanded": isOpen,
     onChange: function onChange(e) {
       // support autofill and copy/paste
       if (e.target.value !== inputValue) {
@@ -24013,6 +24011,7 @@ var Dropdown = function Dropdown(_ref8) {
     },
     padding: "12px",
     placeholder: getSelection(),
+    role: "combobox",
     themeValues: themeValues,
     title: hasTitles ? getSelection() : null,
     type: "text",
@@ -24213,7 +24212,7 @@ var FormSelect = function FormSelect(_ref) {
     id: createIdFromString(labelTextWhenNoError)
   }, labelTextWhenNoError))), /*#__PURE__*/React__default.createElement(Dropdown$1, {
     ariaLabelledby: createIdFromString(labelTextWhenNoError),
-    ariaDescribedby: "".concat(createIdFromString(labelTextWhenNoError), "-error-message"),
+    "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     maxHeight: dropdownMaxHeight,
     hasTitles: hasTitles,
     placeholder: options[0] ? options[0].text : "",
@@ -24235,9 +24234,7 @@ var FormSelect = function FormSelect(_ref) {
     "aria-disabled": disabled,
     autocompleteValue: autocompleteValue,
     smoothScroll: smoothScroll,
-    required: options.required,
-    "aria-required": options.required,
-    id: "".concat(createIdFromString(labelTextWhenNoError), "-input")
+    required: options.required
   }), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     justify: "space-between"
@@ -26024,10 +26021,10 @@ var FormInput = function FormInput(_ref15) {
     themeValues: themeValues,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
-    autocomplete: autocomplete
+    autoComplete: autocomplete
   }, props)) : /*#__PURE__*/React__default.createElement(InputField, _extends({
     "aria-labelledby": createIdFromString(labelTextWhenNoError),
-    "aria-describedby": "".concat(createIdFromString(labelTextWhenNoError), "-error-message"),
+    "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
     onChange: function onChange(e) {
       return setValue(e.target.value);
@@ -26038,7 +26035,7 @@ var FormInput = function FormInput(_ref15) {
     inputMode: isNum ? "numeric" : isEmail ? "email" : "text",
     field: field,
     showErrors: showErrors,
-    "data-qa": labelTextWhenNoError,
+    "data-qa": createIdFromString(labelTextWhenNoError),
     themeValues: themeValues,
     background: background,
     $customHeight: customHeight,
@@ -48536,6 +48533,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
       toggleOpen(false);
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
+    role: "button",
     variant: "pS",
     onClick: function onClick() {
       return toggleOpen(true);
@@ -49152,7 +49150,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autocomplete: "billing postal-code"
+    autoComplete: "billing postal-code"
   })), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
     childGap: "4px",
     align: "center"