feat(DropdownNew): enhance accessibility attributes for dropdown states (#3110)

Author: rivka-ungar

packages/core/src/components/DropdownNew/components/Trigger/MultiSelectTrigger.tsx

@@ -17,6 +17,7 @@ const MultiSelectTrigger = () => {
     multiline,
     disabled,
     readOnly,
+    error,
     size,
     searchable,
     getToggleButtonProps,
@@ -33,7 +34,10 @@ const MultiSelectTrigger = () => {
           ? getToggleButtonProps({
               "aria-haspopup": "dialog",
               "aria-labelledby": label ? getLabelProps().id : undefined,
-              "aria-label": ariaLabel || (label ? undefined : getLabelProps()?.id)
+              "aria-label": ariaLabel || (label ? undefined : getLabelProps()?.id),
+              "aria-disabled": disabled ? "true" : undefined,
+              "aria-invalid": error ? "true" : undefined,
+              "aria-readonly": readOnly ? "true" : undefined
             })
           : {})}
       >

packages/core/src/components/DropdownNew/components/Trigger/SingleSelectTrigger.tsx

@@ -18,6 +18,8 @@ const SingleSelectTrigger = () => {
     isFocused,
     getToggleButtonProps,
     disabled,
+    readOnly,
+    error,
     label,
     getLabelProps,
     ariaLabel
@@ -31,7 +33,10 @@ const SingleSelectTrigger = () => {
           ? getToggleButtonProps({
               "aria-haspopup": "dialog",
               "aria-labelledby": label ? getLabelProps().id : undefined,
-              "aria-label": ariaLabel || (label ? undefined : getLabelProps()?.id)
+              "aria-label": ariaLabel || (label ? undefined : getLabelProps()?.id),
+              "aria-disabled": disabled ? "true" : undefined,
+              "aria-invalid": error ? "true" : undefined,
+              "aria-readonly": readOnly ? "true" : undefined
             })
           : {})}
       >