snapshot -u

evergreen-ci · May 31, 2024 · 8337b34 · 8337b34
1 parent f047703
commit 8337b34
Show file tree

Hide file tree

Showing 13 changed files with 280 additions and 96 deletions.
diff --git a/...ey/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_Default.storyshot b/...ey/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_Default.storyshot
@@ -129,7 +129,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-1c0ck9t"
+                          class="leafygreen-ui-pp12fp"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
@@ -142,7 +142,7 @@
                               autocomplete="on"
                               class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                               data-cy="range-lower-bound"
-                              id="lg-form-field-input-27"
+                              id="lg-form_field-input-27"
                               min="0"
                               placeholder="0"
                               required=""
@@ -151,6 +151,14 @@
                             />
                           </div>
                         </div>
+                        <div
+                          aria-live="polite"
+                          aria-relevant="all"
+                          class="leafygreen-ui-11ydt2g"
+                          data-lgid="lg-form_field-feedback"
+                          data-testid="lg-form_field-feedback"
+                          id="lg-form_field-feedback-26"
+                        />
                       </div>
                       <div
                         aria-labelledby="Range Upper Bound"
@@ -161,7 +169,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-1c0ck9t"
+                          class="leafygreen-ui-pp12fp"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
@@ -174,7 +182,7 @@
                               autocomplete="on"
                               class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                               data-cy="range-upper-bound"
-                              id="lg-form-field-input-31"
+                              id="lg-form_field-input-31"
                               min="0"
                               placeholder="100"
                               required=""
@@ -183,6 +191,14 @@
                             />
                           </div>
                         </div>
+                        <div
+                          aria-live="polite"
+                          aria-relevant="all"
+                          class="leafygreen-ui-11ydt2g"
+                          data-lgid="lg-form_field-feedback"
+                          data-testid="lg-form_field-feedback"
+                          id="lg-form_field-feedback-30"
+                        />
                       </div>
                     </div>
                   </div>

diff --git a/...ponents/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_WithDownloadedLog.storyshot b/...ponents/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_WithDownloadedLog.storyshot
@@ -129,7 +129,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-1c0ck9t"
+                          class="leafygreen-ui-pp12fp"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
@@ -142,7 +142,7 @@
                               autocomplete="on"
                               class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                               data-cy="range-lower-bound"
-                              id="lg-form-field-input-63"
+                              id="lg-form_field-input-63"
                               min="0"
                               placeholder="0"
                               required=""
@@ -151,6 +151,14 @@
                             />
                           </div>
                         </div>
+                        <div
+                          aria-live="polite"
+                          aria-relevant="all"
+                          class="leafygreen-ui-11ydt2g"
+                          data-lgid="lg-form_field-feedback"
+                          data-testid="lg-form_field-feedback"
+                          id="lg-form_field-feedback-62"
+                        />
                       </div>
                       <div
                         aria-labelledby="Range Upper Bound"
@@ -161,7 +169,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-1c0ck9t"
+                          class="leafygreen-ui-pp12fp"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
@@ -174,7 +182,7 @@
                               autocomplete="on"
                               class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                               data-cy="range-upper-bound"
-                              id="lg-form-field-input-67"
+                              id="lg-form_field-input-67"
                               min="0"
                               placeholder="100"
                               required=""
@@ -183,6 +191,14 @@
                             />
                           </div>
                         </div>
+                        <div
+                          aria-live="polite"
+                          aria-relevant="all"
+                          class="leafygreen-ui-11ydt2g"
+                          data-lgid="lg-form_field-feedback"
+                          data-testid="lg-form_field-feedback"
+                          id="lg-form_field-feedback-66"
+                        />
                       </div>
                     </div>
                   </div>

diff --git a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot
@@ -13,7 +13,7 @@
         aria-expanded="false"
         aria-invalid="false"
         aria-labelledby="searchbar-select"
-        class="lg-ui-button-0001 leafygreen-ui-1p6i2zy"
+        class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
         data-cy="searchbar-select"
         data-lgid="lg-button"
         data-testid="leafygreen-ui-select-menubutton"
@@ -127,20 +127,20 @@
             class="leafygreen-ui-1iyoj2o"
           />
           <div
-            class="leafygreen-ui-os8x4a"
+            class="leafygreen-ui-1lnipbl"
           >
             <div
               class="leafygreen-ui-1ago99h"
             >
               <input
-                aria-describedby="lg-form-field-description-234"
+                aria-describedby="lg-form_field-feedback-234"
                 aria-disabled="false"
                 aria-invalid="true"
                 aria-labelledby="searchbar-input"
                 autocomplete="on"
                 class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                 data-cy="searchbar-input"
-                id="lg-form-field-input-235"
+                id="lg-form_field-input-235"
                 placeholder="optional, regexp to search"
                 required=""
                 spellcheck="false"
@@ -150,31 +150,39 @@
             </div>
           </div>
           <div
-            class="leafygreen-ui-15w6x3f"
+            aria-live="polite"
+            aria-relevant="all"
+            class="leafygreen-ui-wsgs9n"
+            data-lgid="lg-form_field-feedback"
+            data-testid="lg-form_field-feedback"
+            id="lg-form_field-feedback-234"
           >
-            <svg
-              aria-hidden="true"
-              class="leafygreen-ui-160ryfb"
-              fill="none"
-              height="16"
-              role="img"
-              title="Error"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
+            <div
+              class="leafygreen-ui-1nmw6il"
             >
-              <path
-                clip-rule="evenodd"
-                d="M8.864 1.514a.983.983 0 0 0-1.728 0L1.122 12.539A.987.987 0 0 0 1.986 14h12.028a.987.987 0 0 0 .864-1.461L8.864 1.514ZM7 5a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0V5Zm2 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
-                fill="currentColor"
-                fill-rule="evenodd"
-              />
-            </svg>
+              <svg
+                aria-hidden="true"
+                class="leafygreen-ui-1xsx4zj"
+                fill="none"
+                height="16"
+                role="img"
+                title="Error"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M8.864 1.514a.983.983 0 0 0-1.728 0L1.122 12.539A.987.987 0 0 0 1.986 14h12.028a.987.987 0 0 0 .864-1.461L8.864 1.514ZM7 5a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0V5Zm2 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
             <p
               class="leafygreen-ui-p319dc"
               data-lgid="lg-form_field-error_message"
               data-testid="lg-form_field-error_message"
-              id="lg-form-field-description-234"
             >
               This input needs your attention
             </p>

diff --git a/...y/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot b/...y/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot
@@ -13,7 +13,7 @@
         aria-expanded="false"
         aria-invalid="false"
         aria-labelledby="searchbar-select"
-        class="lg-ui-button-0001 leafygreen-ui-1p6i2zy"
+        class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
         data-cy="searchbar-select"
         data-lgid="lg-button"
         data-testid="leafygreen-ui-select-menubutton"
@@ -127,7 +127,7 @@
             class="leafygreen-ui-1iyoj2o"
           />
           <div
-            class="leafygreen-ui-95c1iv"
+            class="leafygreen-ui-109lyo9"
           >
             <div
               class="leafygreen-ui-1ago99h"
@@ -140,7 +140,7 @@
                 autocomplete="on"
                 class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                 data-cy="searchbar-input"
-                id="lg-form-field-input-242"
+                id="lg-form_field-input-242"
                 placeholder="optional, regexp to search"
                 required=""
                 spellcheck="false"
@@ -149,6 +149,14 @@
               />
             </div>
           </div>
+          <div
+            aria-live="polite"
+            aria-relevant="all"
+            class="leafygreen-ui-11ydt2g"
+            data-lgid="lg-form_field-feedback"
+            data-testid="lg-form_field-feedback"
+            id="lg-form_field-feedback-241"
+          />
         </div>
         <div
           class="css-4bamt4-IconWrapper e1j7n2io0"