fix: adopt new class names in storybook

chanzuckerberg · Dec 2, 2022 · 8ae43cc · 8ae43cc
1 parent e5ccd95
commit 8ae43cc
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Select/Select.stories.module.css b/src/components/Select/Select.stories.module.css
@@ -1,5 +1,5 @@
 /*------------------------------------*\
-    # DROPDOWN STORIES
+    # SELECT STORIES
 \*------------------------------------*/
 
 .interactive-example {

diff --git a/src/components/Select/Select.stories.tsx b/src/components/Select/Select.stories.tsx
@@ -92,7 +92,7 @@ function InteractiveExampleUsingChildren(props: Props) {
     <div className={styles['interactive-example']}>
       <Select
         aria-label={props['aria-label']}
-        className={clsx(!compact && styles['dropdown--non-compact'])}
+        className={clsx(!compact && styles['select--non-compact'])}
         data-testid="dropdown"
         onChange={setSelectedOption}
         value={selectedOption}
@@ -123,7 +123,7 @@ function InteractiveExampleUsingFunctionChildren() {
       <Select
         aria-label="Favorite Animal"
         as="div"
-        className={styles['dropdown--non-compact']}
+        className={styles['select--non-compact']}
         data-testid="dropdown"
         onChange={setSelectedOption}
         value={selectedOption}

diff --git a/src/components/Select/__snapshots__/Select.test.tsx.snap b/src/components/Select/__snapshots__/Select.test.tsx.snap
@@ -494,7 +494,7 @@ exports[`<Select /> SeparateButtonAndMenuWidth story renders snapshot 1`] = `
 
 exports[`<Select /> UsingChildrenProp story renders snapshot 1`] = `
 <div
-  class="select dropdown--non-compact"
+  class="select select--non-compact"
   data-testid="dropdown"
 >
   <label
@@ -576,7 +576,7 @@ exports[`<Select /> UsingChildrenProp story renders snapshot 1`] = `
 
 exports[`<Select /> UsingChildrenPropAndNoVisibleLabel story renders snapshot 1`] = `
 <div
-  class="select dropdown--non-compact"
+  class="select select--non-compact"
   data-testid="dropdown"
 >
   <label
@@ -659,7 +659,7 @@ exports[`<Select /> UsingChildrenPropAndNoVisibleLabel story renders snapshot 1`
 exports[`<Select /> UsingFunctionChildrenProp story renders snapshot 1`] = `
 <div
   aria-label="Favorite Animal"
-  class="select dropdown--non-compact"
+  class="select select--non-compact"
   data-testid="dropdown"
 >
   <button