CHORE(NPM) - bump @leafygreen-ui/select from 11.1.1 to 12.0.0 (#81)

evergreen-ci · May 1, 2024 · fe2c2e2 · fe2c2e2
1 parent c0aff46
commit fe2c2e2
Show file tree

Hide file tree

Showing 9 changed files with 192 additions and 108 deletions.
diff --git a/apps/parsley/package.json b/apps/parsley/package.json
@@ -57,7 +57,7 @@
     "@leafygreen-ui/modal": "16.0.5",
     "@leafygreen-ui/palette": "4.0.9",
     "@leafygreen-ui/segmented-control": "8.2.11",
-    "@leafygreen-ui/select": "11.1.2",
+    "@leafygreen-ui/select": "12.0.0",
     "@leafygreen-ui/side-nav": "14.1.0",
     "@leafygreen-ui/tabs": "11.1.13",
     "@leafygreen-ui/text-input": "12.1.12",

diff --git a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar.stories.storyshot b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar.stories.storyshot
@@ -7,6 +7,7 @@ exports[`Snapshot Tests SearchBar.stories Default 1`] = `
   >
     <div
       class="leafygreen-ui-1iyoj2o css-6lshyd"
+      data-lgid="lg-select"
     >
       <button
         aria-controls="select-193-menu"
@@ -15,8 +16,9 @@ exports[`Snapshot Tests SearchBar.stories Default 1`] = `
         aria-expanded="false"
         aria-invalid="false"
         aria-labelledby="searchbar-select"
-        class="lg-ui-button-0000 leafygreen-ui-1bkgt4w"
+        class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
         data-cy="searchbar-select"
+        data-lgid="lg-button"
         data-testid="leafygreen-ui-select-menubutton"
         id="select-194"
         type="button"
@@ -33,6 +35,7 @@ exports[`Snapshot Tests SearchBar.stories Default 1`] = `
           >
             <div
               class="lg-ui-select-menu-0000 leafygreen-ui-17aj16e"
+              data-lgid="lg-select-button_text"
             >
               Filter
             </div>
@@ -53,6 +56,13 @@ exports[`Snapshot Tests SearchBar.stories Default 1`] = `
           </svg>
         </div>
       </button>
+      <div
+        aria-live="polite"
+        aria-relevant="all"
+        class="leafygreen-ui-11ydt2g"
+        data-lgid="lg-form_field-feedback"
+        data-testid="lg-form_field-feedback"
+      />
     </div>
     <div
       class="css-1xm32e0"
@@ -173,6 +183,7 @@ exports[`Snapshot Tests SearchBar.stories WithSearchSuggestions 1`] = `
   >
     <div
       class="leafygreen-ui-1iyoj2o css-6lshyd"
+      data-lgid="lg-select"
     >
       <button
         aria-controls="select-196-menu"
@@ -181,8 +192,9 @@ exports[`Snapshot Tests SearchBar.stories WithSearchSuggestions 1`] = `
         aria-expanded="false"
         aria-invalid="false"
         aria-labelledby="searchbar-select"
-        class="lg-ui-button-0000 leafygreen-ui-1bkgt4w"
+        class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
         data-cy="searchbar-select"
+        data-lgid="lg-button"
         data-testid="leafygreen-ui-select-menubutton"
         id="select-197"
         type="button"
@@ -199,6 +211,7 @@ exports[`Snapshot Tests SearchBar.stories WithSearchSuggestions 1`] = `
           >
             <div
               class="lg-ui-select-menu-0000 leafygreen-ui-17aj16e"
+              data-lgid="lg-select-button_text"
             >
               Filter
             </div>
@@ -219,6 +232,13 @@ exports[`Snapshot Tests SearchBar.stories WithSearchSuggestions 1`] = `
           </svg>
         </div>
       </button>
+      <div
+        aria-live="polite"
+        aria-relevant="all"
+        class="leafygreen-ui-11ydt2g"
+        data-lgid="lg-form_field-feedback"
+        data-testid="lg-form_field-feedback"
+      />
     </div>
     <div
       class="css-1xm32e0"

diff --git a/apps/spruce/package.json b/apps/spruce/package.json
@@ -83,7 +83,7 @@
     "@leafygreen-ui/radio-group": "10.2.4",
     "@leafygreen-ui/search-input": "2.0.8",
     "@leafygreen-ui/segmented-control": "8.2.11",
-    "@leafygreen-ui/select": "11.1.1",
+    "@leafygreen-ui/select": "12.0.0",
     "@leafygreen-ui/side-nav": "14.1.0",
     "@leafygreen-ui/skeleton-loader": "1.1.0",
     "@leafygreen-ui/table": "12.5.0",

diff --git a/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector.stories.storyshot b/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector.stories.storyshot
@@ -4,6 +4,7 @@ exports[`Snapshot Tests PageSizeSelector.stories Default 1`] = `
 <div>
   <div
     class="leafygreen-ui-1iyoj2o css-5krlfz-StyledSelect ekttol50"
+    data-lgid="lg-select"
   >
     <button
       aria-controls="select-184-menu"
@@ -12,7 +13,8 @@ exports[`Snapshot Tests PageSizeSelector.stories Default 1`] = `
       aria-expanded="false"
       aria-invalid="false"
       aria-labelledby="page-size-select"
-      class="lg-ui-button-0000 leafygreen-ui-1rmc7qb"
+      class="lg-ui-button-0000 leafygreen-ui-c19aul"
+      data-lgid="lg-button"
       data-testid="leafygreen-ui-select-menubutton"
       id="select-185"
       type="button"
@@ -29,6 +31,7 @@ exports[`Snapshot Tests PageSizeSelector.stories Default 1`] = `
         >
           <div
             class="lg-ui-select-menu-0000 leafygreen-ui-17aj16e"
+            data-lgid="lg-select-button_text"
           >
             10 / page
           </div>
@@ -49,6 +52,13 @@ exports[`Snapshot Tests PageSizeSelector.stories Default 1`] = `
         </svg>
       </div>
     </button>
+    <div
+      aria-live="polite"
+      aria-relevant="all"
+      class="leafygreen-ui-11ydt2g"
+      data-lgid="lg-form_field-feedback"
+      data-testid="lg-form_field-feedback"
+    />
   </div>
 </div>
 `;
diff --git a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm.stories.storyshot b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm.stories.storyshot
@@ -37,12 +37,14 @@ exports[`Snapshot Tests SpruceForm.stories Example1 1`] = `
               >
                 <div
                   class="leafygreen-ui-1iyoj2o"
+                  data-lgid="lg-select"
                 >
                   <div
                     class="leafygreen-ui-e3fvh5"
                   >
                     <label
                       class="leafygreen-ui-nf64md"
+                      data-lgid="lg-label"
                       for="select-191"
                       id="select-190-label"
                     >
@@ -56,7 +58,8 @@ exports[`Snapshot Tests SpruceForm.stories Example1 1`] = `
                     aria-expanded="false"
                     aria-invalid="false"
                     aria-labelledby="select-190-label"
-                    class="lg-ui-button-0000 leafygreen-ui-1bkgt4w"
+                    class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
+                    data-lgid="lg-button"
                     data-testid="leafygreen-ui-select-menubutton"
                     id="select-191"
                     type="button"
@@ -73,6 +76,7 @@ exports[`Snapshot Tests SpruceForm.stories Example1 1`] = `
                       >
                         <div
                           class="lg-ui-select-menu-0000 leafygreen-ui-17aj16e"
+                          data-lgid="lg-select-button_text"
                         >
                           Legacy SSH
                         </div>
@@ -93,6 +97,13 @@ exports[`Snapshot Tests SpruceForm.stories Example1 1`] = `
                       </svg>
                     </div>
                   </button>
+                  <div
+                    aria-live="polite"
+                    aria-relevant="all"
+                    class="leafygreen-ui-11ydt2g"
+                    data-lgid="lg-form_field-feedback"
+                    data-testid="lg-form_field-feedback"
+                  />
                 </div>
               </div>
             </div>

diff --git a/apps/spruce/src/components/Table/TableControl/__snapshots__/TableControl.stories.storyshot b/apps/spruce/src/components/Table/TableControl/__snapshots__/TableControl.stories.storyshot
@@ -126,6 +126,7 @@ exports[`Snapshot Tests TableControl.stories Default 1`] = `
       </div>
       <div
         class="leafygreen-ui-1iyoj2o css-5krlfz-StyledSelect ekttol50"
+        data-lgid="lg-select"
       >
         <button
           aria-controls="select-200-menu"
@@ -134,8 +135,9 @@ exports[`Snapshot Tests TableControl.stories Default 1`] = `
           aria-expanded="false"
           aria-invalid="false"
           aria-labelledby="page-size-select"
-          class="lg-ui-button-0000 leafygreen-ui-1rmc7qb"
+          class="lg-ui-button-0000 leafygreen-ui-c19aul"
           data-cy="tasks-table-page-size-selector"
+          data-lgid="lg-button"
           data-testid="leafygreen-ui-select-menubutton"
           id="select-201"
           type="button"
@@ -152,6 +154,7 @@ exports[`Snapshot Tests TableControl.stories Default 1`] = `
             >
               <div
                 class="lg-ui-select-menu-0000 leafygreen-ui-17aj16e"
+                data-lgid="lg-select-button_text"
               >
                 10 / page
               </div>
@@ -172,6 +175,13 @@ exports[`Snapshot Tests TableControl.stories Default 1`] = `
             </svg>
           </div>
         </button>
+        <div
+          aria-live="polite"
+          aria-relevant="all"
+          class="leafygreen-ui-11ydt2g"
+          data-lgid="lg-form_field-feedback"
+          data-testid="lg-form_field-feedback"
+        />
       </div>
     </div>
   </div>

diff --git a/apps/spruce/src/components/TupleSelect/__snapshots__/TupleSelect.stories.storyshot b/apps/spruce/src/components/TupleSelect/__snapshots__/TupleSelect.stories.storyshot
@@ -19,6 +19,7 @@ exports[`Snapshot Tests TupleSelect.stories Default 1`] = `
     >
       <div
         class="leafygreen-ui-1iyoj2o css-1scwv0u-GroupedSelect e5gn9hl1"
+        data-lgid="lg-select"
       >
         <button
           aria-controls="select-211-menu"
@@ -27,8 +28,9 @@ exports[`Snapshot Tests TupleSelect.stories Default 1`] = `
           aria-expanded="false"
           aria-invalid="false"
           aria-labelledby="Tuple Select"
-          class="lg-ui-button-0000 leafygreen-ui-1bkgt4w"
+          class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
           data-cy="tuple-select-dropdown"
+          data-lgid="lg-button"
           data-testid="leafygreen-ui-select-menubutton"
           id="select-212"
           type="button"
@@ -45,6 +47,7 @@ exports[`Snapshot Tests TupleSelect.stories Default 1`] = `
             >
               <div
                 class="lg-ui-select-menu-0000 leafygreen-ui-17aj16e"
+                data-lgid="lg-select-button_text"
               >
                 Build Variant
               </div>
@@ -65,6 +68,13 @@ exports[`Snapshot Tests TupleSelect.stories Default 1`] = `
             </svg>
           </div>
         </button>
+        <div
+          aria-live="polite"
+          aria-relevant="all"
+          class="leafygreen-ui-11ydt2g"
+          data-lgid="lg-form_field-feedback"
+          data-testid="lg-form_field-feedback"
+        />
       </div>
       <div
         class="e5gn9hl0 css-47706i-TextInputWrapper-GroupedTextInput e13gwrw81"

diff --git a/...electWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional.stories.storyshot b/...electWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional.stories.storyshot
@@ -98,6 +98,7 @@ exports[`Snapshot Tests Components/TupleSelect WithConditional 1`] = `
     >
       <div
         class="leafygreen-ui-1iyoj2o css-1scwv0u-GroupedSelect e5gn9hl1"
+        data-lgid="lg-select"
       >
         <button
           aria-controls="select-214-menu"
@@ -106,8 +107,9 @@ exports[`Snapshot Tests Components/TupleSelect WithConditional 1`] = `
           aria-expanded="false"
           aria-invalid="false"
           aria-labelledby="Tuple Select"
-          class="lg-ui-button-0000 leafygreen-ui-1bkgt4w"
+          class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
           data-cy="tuple-select-dropdown"
+          data-lgid="lg-button"
           data-testid="leafygreen-ui-select-menubutton"
           id="select-215"
           type="button"
@@ -124,6 +126,7 @@ exports[`Snapshot Tests Components/TupleSelect WithConditional 1`] = `
             >
               <div
                 class="lg-ui-select-menu-0000 leafygreen-ui-17aj16e"
+                data-lgid="lg-select-button_text"
               >
                 Build Variant
               </div>
@@ -144,6 +147,13 @@ exports[`Snapshot Tests Components/TupleSelect WithConditional 1`] = `
             </svg>
           </div>
         </button>
+        <div
+          aria-live="polite"
+          aria-relevant="all"
+          class="leafygreen-ui-11ydt2g"
+          data-lgid="lg-form_field-feedback"
+          data-testid="lg-form_field-feedback"
+        />
       </div>
       <div
         class="e5gn9hl0 css-47706i-TextInputWrapper-GroupedTextInput e13gwrw81"