feat: aria-invalid on Select components (#1233)

* feat: aria-invalid on input in select components when variant=error

* chore: 11.0.5

Author: mariush2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "11.0.4",
+  "version": "11.0.5",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/molecules/Select/SearchBar.tsx

@@ -171,6 +171,7 @@ export const SearchBar = <T extends SelectOptionRequired>({
             autoComplete="off"
             onChange={handleOnSearchChange}
             onKeyDownCapture={handleOnSearchKeyDown}
+            aria-invalid={variant === 'error' ? true : undefined}
           />
           {loading && (
             <SkeletonField

src/molecules/Select/SingleSelect/SingleSelect.stories.tsx

@@ -286,6 +286,23 @@ export const TestDirtyVariant: Story = {
   },
 };
 
+export const TestErrorVariant: Story = {
+  tags: ['test-only'],
+  args: {
+    items: FAKE_ITEMS,
+    value: undefined,
+    variant: 'error',
+    helperText: 'This is the helper text',
+    onSelect: fn(),
+  },
+  play: async ({ canvas }) => {
+    await expect(canvas.getByRole('combobox')).toHaveAttribute(
+      'aria-invalid',
+      'true'
+    );
+  },
+};
+
 export const TestRendersPlaceholder: Story = {
   tags: ['test-only'],
   args: {