From f21f3eea8fbb883d761431ea46d96334943bd8f5 Mon Sep 17 00:00:00 2001
From: Andrew Nelson <andy@andyhub.com>
Date: Mon, 30 Oct 2023 16:33:12 -0700
Subject: [PATCH 1/4] add undefined status arg

unrelated fix to the goal here
---
 src/components/forms/Select/Select.stories.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/forms/Select/Select.stories.tsx b/src/components/forms/Select/Select.stories.tsx
index fc83cafdc3..d3c74109fe 100644
--- a/src/components/forms/Select/Select.stories.tsx
+++ b/src/components/forms/Select/Select.stories.tsx
@@ -20,7 +20,7 @@ export default {
   },
   argTypes: {
     validationStatus: {
-      options: ['error', 'success'],
+      options: ['error', 'success', 'undefined'],
       control: 'radio',
     },
     disabled: { control: 'boolean' },
@@ -65,3 +65,6 @@ export const WithLabel = () => (
     </Select>
   </>
 )
+
+export const Multiselect = Template.bind({})
+Multiselect.args = { id: 'input-multiselect', name: 'input-multiselect' }

From 8d3c39bdf8fad5bdcb9feac511d216af2b02ee89 Mon Sep 17 00:00:00 2001
From: Andrew Nelson <andy@andyhub.com>
Date: Mon, 30 Oct 2023 16:36:31 -0700
Subject: [PATCH 2/4] added simple multiselect story

---
 src/components/forms/Select/Select.stories.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/Select/Select.stories.tsx b/src/components/forms/Select/Select.stories.tsx
index d3c74109fe..afd7530189 100644
--- a/src/components/forms/Select/Select.stories.tsx
+++ b/src/components/forms/Select/Select.stories.tsx
@@ -66,5 +66,8 @@ export const WithLabel = () => (
   </>
 )
 
-export const Multiselect = Template.bind({})
-Multiselect.args = { id: 'input-multiselect', name: 'input-multiselect' }
+export const Multiselect = () => (
+  <Select id='input-multiselect' name='input-multiselect' multiple>
+    {options}
+  </Select>
+)

From e3164c29453a90686119ea029003223edac64665 Mon Sep 17 00:00:00 2001
From: Andrew Nelson <andy@andyhub.com>
Date: Mon, 30 Oct 2023 16:40:33 -0700
Subject: [PATCH 3/4] added extra long content option for demo purposes

---
 src/components/forms/Select/Select.stories.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/forms/Select/Select.stories.tsx b/src/components/forms/Select/Select.stories.tsx
index afd7530189..15bced8b58 100644
--- a/src/components/forms/Select/Select.stories.tsx
+++ b/src/components/forms/Select/Select.stories.tsx
@@ -33,6 +33,7 @@ const options = (
     <option value="value1">Option A</option>
     <option value="value2">Option B</option>
     <option value="value3">Option C</option>
+    <option value="valueBIG">Option of extra length to demonstrate how content like this will look different</option>
   </>
 )
 

From 83de862ed57ce00f26db43a19d322fe4f91e599a Mon Sep 17 00:00:00 2001
From: Andrew Nelson <andy@andyhub.com>
Date: Tue, 31 Oct 2023 09:09:28 -0700
Subject: [PATCH 4/4] prettier

---
 src/components/forms/Select/Select.stories.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/Select/Select.stories.tsx b/src/components/forms/Select/Select.stories.tsx
index 15bced8b58..f8b791c934 100644
--- a/src/components/forms/Select/Select.stories.tsx
+++ b/src/components/forms/Select/Select.stories.tsx
@@ -33,7 +33,10 @@ const options = (
     <option value="value1">Option A</option>
     <option value="value2">Option B</option>
     <option value="value3">Option C</option>
-    <option value="valueBIG">Option of extra length to demonstrate how content like this will look different</option>
+    <option value="valueBIG">
+      Option of extra length to demonstrate how content like this will look
+      different
+    </option>
   </>
 )
 
@@ -68,7 +71,7 @@ export const WithLabel = () => (
 )
 
 export const Multiselect = () => (
-  <Select id='input-multiselect' name='input-multiselect' multiple>
+  <Select id="input-multiselect" name="input-multiselect" multiple>
     {options}
   </Select>
 )