@thecb/components 8.4.11-beta.10 → 8.4.11-beta.11

package/dist/index.cjs.js

@@ -22151,7 +22151,7 @@ var Checkbox = function Checkbox(_ref4) {
     onChange: onChange,
     tabIndex: "-1",
     "aria-invalid": error,
-    "aria-describedby": name
+    "aria-describedby": error ? "".concat(name, "-error-message") : ""
   }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     error: error,
     disabled: disabled,
@@ -23985,10 +23985,10 @@ var Dropdown = function Dropdown(_ref8) {
   }, /*#__PURE__*/React__default.createElement(Box, {
     as: "input",
     "aria-multiline": "false",
-    "aria-autocomplete": "list" // aria-activedescendant="focused_option"
-    // aria-owns={`${ariaLabelledby}_listbox`}
-    // aria-controls={`${ariaLabelledby}_listbox`}
-    ,
+    "aria-autocomplete": "list",
+    "aria-activedescendant": "focused_option",
+    "aria-owns": "".concat(ariaLabelledby, "_listbox"),
+    "aria-controls": "".concat(ariaLabelledby, "_listbox"),
     "aria-haspopup": "listbox",
     "aria-labelledby": ariaLabelledby,
     "aria-describedby": ariaDescribedby,
@@ -24002,8 +24002,8 @@ var Dropdown = function Dropdown(_ref8) {
     isOpen: isOpen,
     minHeight: "48px",
     minWidth: "100%",
-    name: autocompleteValue // aria-expanded={isOpen}
-    ,
+    name: autocompleteValue,
+    "aria-expanded": isOpen,
     onChange: function onChange(e) {
       // support autofill and copy/paste
       if (e.target.value !== inputValue) {
@@ -24014,6 +24014,7 @@ var Dropdown = function Dropdown(_ref8) {
     padding: "12px",
     placeholder: getSelection(),
     themeValues: themeValues,
+    role: "combobox",
     title: hasTitles ? getSelection() : null,
     type: "text",
     tabIndex: 0,
@@ -24065,7 +24066,7 @@ var Dropdown = function Dropdown(_ref8) {
     }, /*#__PURE__*/React__default.createElement(Text$1, {
       variant: "p",
       color: choice.value === value ? WHITE : disabledValues.includes(choice.value) ? STORM_GREY : MINESHAFT_GREY,
-      extraStyles: "padding-left: 16px; \n                    cursor: ".concat(disabledValues.includes(choice.value) ? "default" : "pointer", "; \n                    white-space: nowrap; \n                    overflow: hidden; \n                    text-overflow: ellipsis;")
+      extraStyles: "padding-left: 16px; \n                        cursor: ".concat(disabledValues.includes(choice.value) ? "default" : "pointer", "; \n                        white-space: nowrap; \n                        overflow: hidden; \n                        text-overflow: ellipsis;")
     }, choice.text));
   }))) : /*#__PURE__*/React__default.createElement(React.Fragment, null)));
 };