From 1da1c6533d71c47aca4d5ddf323412281e64b528 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 18 Nov 2024 17:43:53 -0500
Subject: [PATCH] CHORE(NPM) - bump @leafygreen-ui/text-area from 8.2.1 to
 9.1.2 (#505)

---
 .../DetailsMenu_Default.storyshot             |   4 +-
 .../DetailsMenu_WithDownloadedLog.storyshot   |   4 +-
 .../__snapshots__/SearchBar_Default.storyshot |   2 +-
 .../SearchBar_WithSearchSuggestions.storyshot |   2 +-
 .../integration/distroSettings/permissions.ts |   4 +-
 .../projectSettings/defaulting_to_repo.ts     |   6 +-
 .../projectSettings/github_app_settings.ts    |   4 +-
 .../projectSettings/not_defaulting_to_repo.ts |   2 +-
 apps/spruce/package.json                      |   2 +-
 .../EditableTagField_Default.storyshot        | 330 +++++++++++++-----
 .../FilterBadges_Default.storyshot            |  24 +-
 .../HistoryTableTestSearch_Default.storyshot  |  12 +-
 .../PageSizeSelector_Default.storyshot        |   6 +-
 .../SpruceForm/Widgets/LeafyGreenWidgets.tsx  |   1 -
 .../SpruceForm_Example1.storyshot             |  87 +++--
 .../SpruceForm_Example2.storyshot             |  36 +-
 .../SpruceForm_Example3.storyshot             |   8 +-
 .../TableControl_Default.storyshot            |   6 +-
 .../TextInputWithValidation_Default.storyshot |  12 +-
 .../TreeSelect_Default.storyshot              |  72 ++--
 .../TupleSelect_Default.storyshot             |  10 +-
 ...RegexConditional_WithConditional.storyshot |  18 +-
 .../ProjectHealth_Default.storyshot           |   4 +-
 ...ePatchCore_ConfigureTasksDefault.storyshot |  66 ++--
 yarn.lock                                     |  46 +--
 25 files changed, 461 insertions(+), 307 deletions(-)

diff --git a/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_Default.storyshot b/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_Default.storyshot
index 8ac84b488..a9ba203bc 100644
--- a/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_Default.storyshot
+++ b/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_Default.storyshot
@@ -134,7 +134,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-pp12fp"
+                          class="leafygreen-ui-l32647"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
@@ -174,7 +174,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-pp12fp"
+                          class="leafygreen-ui-l32647"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
diff --git a/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_WithDownloadedLog.storyshot b/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_WithDownloadedLog.storyshot
index 9cb2011d3..1898e81ab 100644
--- a/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_WithDownloadedLog.storyshot
+++ b/apps/parsley/src/components/DetailsMenu/DetailsMenuCard/__snapshots__/DetailsMenu_WithDownloadedLog.storyshot
@@ -134,7 +134,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-pp12fp"
+                          class="leafygreen-ui-l32647"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
@@ -174,7 +174,7 @@
                           class="leafygreen-ui-1iyoj2o"
                         />
                         <div
-                          class="leafygreen-ui-pp12fp"
+                          class="leafygreen-ui-l32647"
                         >
                           <div
                             class="leafygreen-ui-1ago99h"
diff --git a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot
index 1de719bb0..2ee979bad 100644
--- a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot
+++ b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot
@@ -127,7 +127,7 @@
             class="leafygreen-ui-1iyoj2o"
           />
           <div
-            class="leafygreen-ui-1lnipbl"
+            class="leafygreen-ui-10abeed"
           >
             <div
               class="leafygreen-ui-1ago99h"
diff --git a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot
index aa291874a..3f405e6b2 100644
--- a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot
+++ b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot
@@ -127,7 +127,7 @@
             class="leafygreen-ui-1iyoj2o"
           />
           <div
-            class="leafygreen-ui-109lyo9"
+            class="leafygreen-ui-14vpn2b"
           >
             <div
               class="leafygreen-ui-1ago99h"
diff --git a/apps/spruce/cypress/integration/distroSettings/permissions.ts b/apps/spruce/cypress/integration/distroSettings/permissions.ts
index 5d3aa573d..7bc1ae5ca 100644
--- a/apps/spruce/cypress/integration/distroSettings/permissions.ts
+++ b/apps/spruce/cypress/integration/distroSettings/permissions.ts
@@ -36,7 +36,7 @@ describe("distro permissions", () => {
         "aria-disabled",
         "true",
       );
-      cy.get("textarea").should("be.disabled");
+      cy.get("textarea").should("have.attr", "aria-disabled", "true");
     });
   });
 
@@ -49,7 +49,7 @@ describe("distro permissions", () => {
         "aria-disabled",
         "false",
       );
-      cy.get("textarea").should("not.be.disabled");
+      cy.get("textarea").should("have.attr", "aria-disabled", "false");
     });
   });
 });
diff --git a/apps/spruce/cypress/integration/projectSettings/defaulting_to_repo.ts b/apps/spruce/cypress/integration/projectSettings/defaulting_to_repo.ts
index a56636ece..10a2a89ac 100644
--- a/apps/spruce/cypress/integration/projectSettings/defaulting_to_repo.ts
+++ b/apps/spruce/cypress/integration/projectSettings/defaulting_to_repo.ts
@@ -331,7 +331,7 @@ describe("Project Settings when defaulting to repo", () => {
       cy.dataCy("navitem-virtual-workstation").click();
       cy.dataCy("command-row")
         .contains("textarea", "a repo command")
-        .should("be.disabled");
+        .should("have.attr", "aria-disabled", "true");
       // Override commands, add a command, default to repo then show override commands are cleared
       cy.contains("label", "Override Repo Commands")
         .as("overrideRepoCommandsButton")
@@ -343,13 +343,13 @@ describe("Project Settings when defaulting to repo", () => {
       cy.validateToast("success", "Successfully updated project");
       cy.dataCy("command-row")
         .contains("textarea", "a project command")
-        .should("be.enabled");
+        .should("have.attr", "aria-disabled", "false");
       cy.contains("label", "Default to Repo Commands").click();
       clickSave();
       cy.validateToast("success", "Successfully updated project");
       cy.dataCy("command-row")
         .contains("textarea", "a repo command")
-        .should("be.disabled");
+        .should("have.attr", "aria-disabled", "true");
       cy.get("@overrideRepoCommandsButton").click();
       cy.dataCy("command-row").should("not.exist");
     });
diff --git a/apps/spruce/cypress/integration/projectSettings/github_app_settings.ts b/apps/spruce/cypress/integration/projectSettings/github_app_settings.ts
index 97fd1dd9a..6a0bdeb9b 100644
--- a/apps/spruce/cypress/integration/projectSettings/github_app_settings.ts
+++ b/apps/spruce/cypress/integration/projectSettings/github_app_settings.ts
@@ -42,7 +42,7 @@ describe("GitHub app settings", () => {
     cy.get("@appId").should("have.value", "");
     cy.get("@privateKey").should("have.value", "");
     cy.get("@appId").should("have.attr", "aria-disabled", "false");
-    cy.get("@privateKey").should("not.have.attr", "disabled");
+    cy.get("@privateKey").should("have.attr", "aria-disabled", "false");
 
     cy.reload();
     cy.dataCy("github-app-credentials-banner").should("be.visible");
@@ -61,7 +61,7 @@ describe("GitHub app settings", () => {
     cy.get("@appId").should("have.value", "12345");
     cy.get("@privateKey").should("have.value", "{REDACTED}");
     cy.get("@appId").should("have.attr", "aria-disabled", "true");
-    cy.get("@privateKey").should("have.attr", "disabled");
+    cy.get("@privateKey").should("have.attr", "aria-disabled", "true");
 
     cy.reload();
     cy.dataCy("github-app-credentials-banner").should("not.exist");
diff --git a/apps/spruce/cypress/integration/projectSettings/not_defaulting_to_repo.ts b/apps/spruce/cypress/integration/projectSettings/not_defaulting_to_repo.ts
index a4a8f30f8..edff402e4 100644
--- a/apps/spruce/cypress/integration/projectSettings/not_defaulting_to_repo.ts
+++ b/apps/spruce/cypress/integration/projectSettings/not_defaulting_to_repo.ts
@@ -58,7 +58,7 @@ describe("Project Settings when not defaulting to repo", () => {
       cy.validateToast("success", "Successfully updated project");
       cy.dataCy("var-value-input").should("have.value", "{REDACTED}");
       cy.dataCy("var-name-input").should("have.attr", "aria-disabled", "true");
-      cy.dataCy("var-value-input").should("be.disabled");
+      cy.dataCy("var-value-input").should("have.attr", "aria-disabled", "true");
       cy.dataCy("var-private-input").should(
         "have.attr",
         "aria-disabled",
diff --git a/apps/spruce/package.json b/apps/spruce/package.json
index 7d2c120be..60829ae28 100644
--- a/apps/spruce/package.json
+++ b/apps/spruce/package.json
@@ -94,7 +94,7 @@
     "@leafygreen-ui/skeleton-loader": "^1.2.0",
     "@leafygreen-ui/table": "^12.7.0",
     "@leafygreen-ui/tabs": "^11.0.4",
-    "@leafygreen-ui/text-area": "^8.1.3",
+    "@leafygreen-ui/text-area": "^9.1.2",
     "@leafygreen-ui/text-input": "^13.0.2",
     "@leafygreen-ui/toast": "^6.1.27",
     "@leafygreen-ui/toggle": "^10.0.17",
diff --git a/apps/spruce/src/components/EditableTagField/__snapshots__/EditableTagField_Default.storyshot b/apps/spruce/src/components/EditableTagField/__snapshots__/EditableTagField_Default.storyshot
index cb862c6a7..9ae4b9502 100644
--- a/apps/spruce/src/components/EditableTagField/__snapshots__/EditableTagField_Default.storyshot
+++ b/apps/spruce/src/components/EditableTagField/__snapshots__/EditableTagField_Default.storyshot
@@ -10,50 +10,100 @@
         class="css-kqpb1n-FlexColumnContainer e161fbrp0"
       >
         <div
-          class="leafygreen-ui-1iyoj2o"
+          class="leafygreen-ui-1br9h7w"
           data-lgid="lg-text_area"
         >
-          <label
-            class="leafygreen-ui-1fi5x3a"
-            data-lgid="lg-label"
-            for="tag_key_1"
+          <div
+            class="leafygreen-ui-au9iil"
           >
-            Key
-          </label>
-          <textarea
-            aria-invalid="false"
-            class="leafygreen-ui-18em0fn"
-            data-cy="user-tag-key-field"
-            id="tag_key_1"
-            title="Key"
+            <label
+              class="leafygreen-ui-6bdaia"
+              data-lgid="lg-label"
+              data-testid="lg-form_field-label"
+              for="tag_key_1"
+              id="lg-form_field-label-3"
+            >
+              Key
+            </label>
+          </div>
+          <div
+            class="leafygreen-ui-o0whc9"
           >
-            keyA
-          </textarea>
+            <div
+              class="leafygreen-ui-1ago99h"
+            >
+              <textarea
+                aria-describedby=""
+                aria-disabled="false"
+                aria-invalid="false"
+                aria-labelledby="lg-form_field-label-3"
+                class="lg-ui-form-field-input-0000 leafygreen-ui-1hxdgot"
+                data-cy="user-tag-key-field"
+                id="tag_key_1"
+                title="Key"
+              >
+                keyA
+              </textarea>
+            </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-5"
+          />
         </div>
       </div>
       <div
         class="css-kqpb1n-FlexColumnContainer e161fbrp0"
       >
         <div
-          class="leafygreen-ui-1iyoj2o"
+          class="leafygreen-ui-1br9h7w"
           data-lgid="lg-text_area"
         >
-          <label
-            class="leafygreen-ui-1fi5x3a"
-            data-lgid="lg-label"
-            for="tag_value_1"
+          <div
+            class="leafygreen-ui-au9iil"
           >
-            Value
-          </label>
-          <textarea
-            aria-invalid="false"
-            class="leafygreen-ui-18em0fn"
-            data-cy="user-tag-value-field"
-            id="tag_value_1"
-            title="Value"
+            <label
+              class="leafygreen-ui-6bdaia"
+              data-lgid="lg-label"
+              data-testid="lg-form_field-label"
+              for="tag_value_1"
+              id="lg-form_field-label-7"
+            >
+              Value
+            </label>
+          </div>
+          <div
+            class="leafygreen-ui-o0whc9"
           >
-            valueA
-          </textarea>
+            <div
+              class="leafygreen-ui-1ago99h"
+            >
+              <textarea
+                aria-describedby=""
+                aria-disabled="false"
+                aria-invalid="false"
+                aria-labelledby="lg-form_field-label-7"
+                class="lg-ui-form-field-input-0000 leafygreen-ui-1hxdgot"
+                data-cy="user-tag-value-field"
+                id="tag_value_1"
+                title="Value"
+              >
+                valueA
+              </textarea>
+            </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-9"
+          />
         </div>
       </div>
       <button
@@ -94,50 +144,100 @@
         class="css-kqpb1n-FlexColumnContainer e161fbrp0"
       >
         <div
-          class="leafygreen-ui-1iyoj2o"
+          class="leafygreen-ui-1br9h7w"
           data-lgid="lg-text_area"
         >
-          <label
-            class="leafygreen-ui-1fi5x3a"
-            data-lgid="lg-label"
-            for="tag_key_2"
+          <div
+            class="leafygreen-ui-au9iil"
           >
-            Key
-          </label>
-          <textarea
-            aria-invalid="false"
-            class="leafygreen-ui-18em0fn"
-            data-cy="user-tag-key-field"
-            id="tag_key_2"
-            title="Key"
+            <label
+              class="leafygreen-ui-6bdaia"
+              data-lgid="lg-label"
+              data-testid="lg-form_field-label"
+              for="tag_key_2"
+              id="lg-form_field-label-11"
+            >
+              Key
+            </label>
+          </div>
+          <div
+            class="leafygreen-ui-o0whc9"
           >
-            keyB
-          </textarea>
+            <div
+              class="leafygreen-ui-1ago99h"
+            >
+              <textarea
+                aria-describedby=""
+                aria-disabled="false"
+                aria-invalid="false"
+                aria-labelledby="lg-form_field-label-11"
+                class="lg-ui-form-field-input-0000 leafygreen-ui-1hxdgot"
+                data-cy="user-tag-key-field"
+                id="tag_key_2"
+                title="Key"
+              >
+                keyB
+              </textarea>
+            </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-13"
+          />
         </div>
       </div>
       <div
         class="css-kqpb1n-FlexColumnContainer e161fbrp0"
       >
         <div
-          class="leafygreen-ui-1iyoj2o"
+          class="leafygreen-ui-1br9h7w"
           data-lgid="lg-text_area"
         >
-          <label
-            class="leafygreen-ui-1fi5x3a"
-            data-lgid="lg-label"
-            for="tag_value_2"
+          <div
+            class="leafygreen-ui-au9iil"
           >
-            Value
-          </label>
-          <textarea
-            aria-invalid="false"
-            class="leafygreen-ui-18em0fn"
-            data-cy="user-tag-value-field"
-            id="tag_value_2"
-            title="Value"
+            <label
+              class="leafygreen-ui-6bdaia"
+              data-lgid="lg-label"
+              data-testid="lg-form_field-label"
+              for="tag_value_2"
+              id="lg-form_field-label-15"
+            >
+              Value
+            </label>
+          </div>
+          <div
+            class="leafygreen-ui-o0whc9"
           >
-            valueB
-          </textarea>
+            <div
+              class="leafygreen-ui-1ago99h"
+            >
+              <textarea
+                aria-describedby=""
+                aria-disabled="false"
+                aria-invalid="false"
+                aria-labelledby="lg-form_field-label-15"
+                class="lg-ui-form-field-input-0000 leafygreen-ui-1hxdgot"
+                data-cy="user-tag-value-field"
+                id="tag_value_2"
+                title="Value"
+              >
+                valueB
+              </textarea>
+            </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-17"
+          />
         </div>
       </div>
       <button
@@ -178,50 +278,100 @@
         class="css-kqpb1n-FlexColumnContainer e161fbrp0"
       >
         <div
-          class="leafygreen-ui-1iyoj2o"
+          class="leafygreen-ui-1br9h7w"
           data-lgid="lg-text_area"
         >
-          <label
-            class="leafygreen-ui-1fi5x3a"
-            data-lgid="lg-label"
-            for="tag_key_3"
+          <div
+            class="leafygreen-ui-au9iil"
           >
-            Key
-          </label>
-          <textarea
-            aria-invalid="false"
-            class="leafygreen-ui-18em0fn"
-            data-cy="user-tag-key-field"
-            id="tag_key_3"
-            title="Key"
+            <label
+              class="leafygreen-ui-6bdaia"
+              data-lgid="lg-label"
+              data-testid="lg-form_field-label"
+              for="tag_key_3"
+              id="lg-form_field-label-19"
+            >
+              Key
+            </label>
+          </div>
+          <div
+            class="leafygreen-ui-o0whc9"
           >
-            keyC
-          </textarea>
+            <div
+              class="leafygreen-ui-1ago99h"
+            >
+              <textarea
+                aria-describedby=""
+                aria-disabled="false"
+                aria-invalid="false"
+                aria-labelledby="lg-form_field-label-19"
+                class="lg-ui-form-field-input-0000 leafygreen-ui-1hxdgot"
+                data-cy="user-tag-key-field"
+                id="tag_key_3"
+                title="Key"
+              >
+                keyC
+              </textarea>
+            </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-21"
+          />
         </div>
       </div>
       <div
         class="css-kqpb1n-FlexColumnContainer e161fbrp0"
       >
         <div
-          class="leafygreen-ui-1iyoj2o"
+          class="leafygreen-ui-1br9h7w"
           data-lgid="lg-text_area"
         >
-          <label
-            class="leafygreen-ui-1fi5x3a"
-            data-lgid="lg-label"
-            for="tag_value_3"
+          <div
+            class="leafygreen-ui-au9iil"
           >
-            Value
-          </label>
-          <textarea
-            aria-invalid="false"
-            class="leafygreen-ui-18em0fn"
-            data-cy="user-tag-value-field"
-            id="tag_value_3"
-            title="Value"
+            <label
+              class="leafygreen-ui-6bdaia"
+              data-lgid="lg-label"
+              data-testid="lg-form_field-label"
+              for="tag_value_3"
+              id="lg-form_field-label-23"
+            >
+              Value
+            </label>
+          </div>
+          <div
+            class="leafygreen-ui-o0whc9"
           >
-            valueC
-          </textarea>
+            <div
+              class="leafygreen-ui-1ago99h"
+            >
+              <textarea
+                aria-describedby=""
+                aria-disabled="false"
+                aria-invalid="false"
+                aria-labelledby="lg-form_field-label-23"
+                class="lg-ui-form-field-input-0000 leafygreen-ui-1hxdgot"
+                data-cy="user-tag-value-field"
+                id="tag_value_3"
+                title="Value"
+              >
+                valueC
+              </textarea>
+            </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-25"
+          />
         </div>
       </div>
       <button
diff --git a/apps/spruce/src/components/FilterBadges/__snapshots__/FilterBadges_Default.storyshot b/apps/spruce/src/components/FilterBadges/__snapshots__/FilterBadges_Default.storyshot
index c9207be18..3834aea6d 100644
--- a/apps/spruce/src/components/FilterBadges/__snapshots__/FilterBadges_Default.storyshot
+++ b/apps/spruce/src/components/FilterBadges/__snapshots__/FilterBadges_Default.storyshot
@@ -70,14 +70,14 @@
             class="leafygreen-ui-6bdaia"
             data-lgid="lg-label"
             data-testid="lg-form_field-label"
-            for="lg-form_field-input-7"
-            id="lg-form_field-label-4"
+            for="lg-form_field-input-31"
+            id="lg-form_field-label-28"
           >
             key
           </label>
         </div>
         <div
-          class="leafygreen-ui-109lyo9"
+          class="leafygreen-ui-14vpn2b"
         >
           <div
             class="leafygreen-ui-1ago99h"
@@ -86,10 +86,10 @@
               aria-describedby=""
               aria-disabled="false"
               aria-invalid="false"
-              aria-labelledby="lg-form_field-label-4"
+              aria-labelledby="lg-form_field-label-28"
               autocomplete="on"
               class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-              id="lg-form_field-input-7"
+              id="lg-form_field-input-31"
               placeholder="key"
               required=""
               type="text"
@@ -103,7 +103,7 @@
           class="leafygreen-ui-11ydt2g"
           data-lgid="lg-form_field-feedback"
           data-testid="lg-form_field-feedback"
-          id="lg-form_field-feedback-6"
+          id="lg-form_field-feedback-30"
         />
       </div>
       <div
@@ -117,14 +117,14 @@
             class="leafygreen-ui-6bdaia"
             data-lgid="lg-label"
             data-testid="lg-form_field-label"
-            for="lg-form_field-input-11"
-            id="lg-form_field-label-8"
+            for="lg-form_field-input-35"
+            id="lg-form_field-label-32"
           >
             value
           </label>
         </div>
         <div
-          class="leafygreen-ui-109lyo9"
+          class="leafygreen-ui-14vpn2b"
         >
           <div
             class="leafygreen-ui-1ago99h"
@@ -133,10 +133,10 @@
               aria-describedby=""
               aria-disabled="false"
               aria-invalid="false"
-              aria-labelledby="lg-form_field-label-8"
+              aria-labelledby="lg-form_field-label-32"
               autocomplete="on"
               class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-              id="lg-form_field-input-11"
+              id="lg-form_field-input-35"
               placeholder="value"
               required=""
               type="text"
@@ -150,7 +150,7 @@
           class="leafygreen-ui-11ydt2g"
           data-lgid="lg-form_field-feedback"
           data-testid="lg-form_field-feedback"
-          id="lg-form_field-feedback-10"
+          id="lg-form_field-feedback-34"
         />
       </div>
       <button
diff --git a/apps/spruce/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch_Default.storyshot b/apps/spruce/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch_Default.storyshot
index 6383e3566..3a06b4ba5 100644
--- a/apps/spruce/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch_Default.storyshot
+++ b/apps/spruce/src/components/HistoryTable/HistoryTableTestSearch/__snapshots__/HistoryTableTestSearch_Default.storyshot
@@ -20,14 +20,14 @@
               class="leafygreen-ui-6bdaia"
               data-lgid="lg-label"
               data-testid="lg-form_field-label"
-              for="lg-form_field-input-46"
-              id="lg-form_field-label-43"
+              for="lg-form_field-input-70"
+              id="lg-form_field-label-67"
             >
               Filter by Failed Tests
             </label>
           </div>
           <div
-            class="leafygreen-ui-109lyo9"
+            class="leafygreen-ui-14vpn2b"
           >
             <div
               class="leafygreen-ui-1ago99h"
@@ -36,10 +36,10 @@
                 aria-describedby=""
                 aria-disabled="false"
                 aria-invalid="false"
-                aria-labelledby="lg-form_field-label-43"
+                aria-labelledby="lg-form_field-label-67"
                 autocomplete="on"
                 class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-                id="lg-form_field-input-46"
+                id="lg-form_field-input-70"
                 placeholder="Search test name regex"
                 required=""
                 type="search"
@@ -53,7 +53,7 @@
             class="leafygreen-ui-11ydt2g"
             data-lgid="lg-form_field-feedback"
             data-testid="lg-form_field-feedback"
-            id="lg-form_field-feedback-45"
+            id="lg-form_field-feedback-69"
           />
         </div>
         <div
diff --git a/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector_Default.storyshot b/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector_Default.storyshot
index 234ef0077..7c6383eec 100644
--- a/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector_Default.storyshot
+++ b/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector_Default.storyshot
@@ -4,8 +4,8 @@
     data-lgid="lg-select"
   >
     <button
-      aria-controls="select-216-menu"
-      aria-describedby="select-216-description"
+      aria-controls="select-240-menu"
+      aria-describedby="select-240-description"
       aria-disabled="false"
       aria-expanded="false"
       aria-invalid="false"
@@ -13,7 +13,7 @@
       class="lg-ui-button-0000 leafygreen-ui-c19aul"
       data-lgid="lg-button"
       data-testid="leafygreen-ui-select-menubutton"
-      id="select-217"
+      id="select-241"
       type="button"
       value="10"
     >
diff --git a/apps/spruce/src/components/SpruceForm/Widgets/LeafyGreenWidgets.tsx b/apps/spruce/src/components/SpruceForm/Widgets/LeafyGreenWidgets.tsx
index 6f1b49f83..93bd34503 100644
--- a/apps/spruce/src/components/SpruceForm/Widgets/LeafyGreenWidgets.tsx
+++ b/apps/spruce/src/components/SpruceForm/Widgets/LeafyGreenWidgets.tsx
@@ -425,7 +425,6 @@ export const LeafyGreenTextArea: React.FC<SpruceWidgetProps> = ({
         data-cy={dataCy}
         description={description}
         disabled={disabled || readonly}
-        // @ts-expect-error: FIXME. This comment was added by an automated script.
         errorMessage={hasError ? errors.join(", ") : null}
         label={label}
         onChange={({ target }) =>
diff --git a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example1.storyshot b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example1.storyshot
index f2583dac5..70e2d3329 100644
--- a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example1.storyshot
+++ b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example1.storyshot
@@ -42,23 +42,23 @@
                     <label
                       class="leafygreen-ui-qj0u2k"
                       data-lgid="lg-label"
-                      for="select-235"
-                      id="select-234-label"
+                      for="select-259"
+                      id="select-258-label"
                     >
                       Project Cloning Method
                     </label>
                   </div>
                   <button
-                    aria-controls="select-234-menu"
-                    aria-describedby="select-234-description"
+                    aria-controls="select-258-menu"
+                    aria-describedby="select-258-description"
                     aria-disabled="false"
                     aria-expanded="false"
                     aria-invalid="false"
-                    aria-labelledby="select-234-label"
+                    aria-labelledby="select-258-label"
                     class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
                     data-lgid="lg-button"
                     data-testid="leafygreen-ui-select-menubutton"
-                    id="select-235"
+                    id="select-259"
                     type="button"
                     value="legacy-ssh"
                   >
@@ -185,14 +185,14 @@
                                 class="leafygreen-ui-6bdaia"
                                 data-lgid="lg-label"
                                 data-testid="lg-form_field-label"
-                                for="lg-form_field-input-239"
-                                id="lg-form_field-label-236"
+                                for="lg-form_field-input-263"
+                                id="lg-form_field-label-260"
                               >
                                 key
                               </label>
                             </div>
                             <div
-                              class="leafygreen-ui-109lyo9"
+                              class="leafygreen-ui-14vpn2b"
                             >
                               <div
                                 class="leafygreen-ui-1ago99h"
@@ -201,10 +201,10 @@
                                   aria-describedby=""
                                   aria-disabled="false"
                                   aria-invalid="false"
-                                  aria-labelledby="lg-form_field-label-236"
+                                  aria-labelledby="lg-form_field-label-260"
                                   autocomplete="on"
                                   class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-                                  id="lg-form_field-input-239"
+                                  id="lg-form_field-input-263"
                                   required=""
                                   type="text"
                                   value="Sample Input"
@@ -217,7 +217,7 @@
                               class="leafygreen-ui-11ydt2g"
                               data-lgid="lg-form_field-feedback"
                               data-testid="lg-form_field-feedback"
-                              id="lg-form_field-feedback-238"
+                              id="lg-form_field-feedback-262"
                             />
                           </div>
                         </div>
@@ -240,14 +240,14 @@
                                 class="leafygreen-ui-6bdaia"
                                 data-lgid="lg-label"
                                 data-testid="lg-form_field-label"
-                                for="lg-form_field-input-243"
-                                id="lg-form_field-label-240"
+                                for="lg-form_field-input-267"
+                                id="lg-form_field-label-264"
                               >
                                 value
                               </label>
                             </div>
                             <div
-                              class="leafygreen-ui-109lyo9"
+                              class="leafygreen-ui-14vpn2b"
                             >
                               <div
                                 class="leafygreen-ui-1ago99h"
@@ -256,10 +256,10 @@
                                   aria-describedby=""
                                   aria-disabled="false"
                                   aria-invalid="false"
-                                  aria-labelledby="lg-form_field-label-240"
+                                  aria-labelledby="lg-form_field-label-264"
                                   autocomplete="on"
                                   class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-                                  id="lg-form_field-input-243"
+                                  id="lg-form_field-input-267"
                                   required=""
                                   type="text"
                                   value="Sample Input"
@@ -272,7 +272,7 @@
                               class="leafygreen-ui-11ydt2g"
                               data-lgid="lg-form_field-feedback"
                               data-testid="lg-form_field-feedback"
-                              id="lg-form_field-feedback-242"
+                              id="lg-form_field-feedback-266"
                             />
                           </div>
                         </div>
@@ -326,22 +326,47 @@
                 class="css-17q2u8g-ElementWrapper ee4bs9n0"
               >
                 <div
-                  class="leafygreen-ui-1iyoj2o"
+                  class="leafygreen-ui-1br9h7w"
                   data-lgid="lg-text_area"
                 >
-                  <label
-                    class="leafygreen-ui-1fi5x3a"
-                    data-lgid="lg-label"
-                    for="textarea-244"
+                  <div
+                    class="leafygreen-ui-au9iil"
                   >
-                    Valid Projects
-                  </label>
-                  <textarea
-                    aria-invalid="false"
-                    class="leafygreen-ui-18em0fn"
-                    id="textarea-244"
-                    rows="5"
-                    title="Valid Projects"
+                    <label
+                      class="leafygreen-ui-6bdaia"
+                      data-lgid="lg-label"
+                      data-testid="lg-form_field-label"
+                      for="textarea-272"
+                      id="lg-form_field-label-268"
+                    >
+                      Valid Projects
+                    </label>
+                  </div>
+                  <div
+                    class="leafygreen-ui-o0whc9"
+                  >
+                    <div
+                      class="leafygreen-ui-1ago99h"
+                    >
+                      <textarea
+                        aria-describedby=""
+                        aria-disabled="false"
+                        aria-invalid="false"
+                        aria-labelledby="lg-form_field-label-268"
+                        class="lg-ui-form-field-input-0000 leafygreen-ui-1hxdgot"
+                        id="textarea-272"
+                        rows="5"
+                        title="Valid Projects"
+                      />
+                    </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-270"
                   />
                 </div>
               </div>
diff --git a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example2.storyshot b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example2.storyshot
index 81c260832..9f96c39f3 100644
--- a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example2.storyshot
+++ b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example2.storyshot
@@ -39,16 +39,16 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-245"
-                    id="checkbox-245-label"
+                    for="checkbox-273"
+                    id="checkbox-273-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-245-label"
+                      aria-labelledby="checkbox-273-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-245"
+                      id="checkbox-273"
                       type="checkbox"
                     />
                     <div
@@ -98,16 +98,16 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-246"
-                    id="checkbox-246-label"
+                    for="checkbox-274"
+                    id="checkbox-274-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-246-label"
+                      aria-labelledby="checkbox-274-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-246"
+                      id="checkbox-274"
                       type="checkbox"
                     />
                     <div
@@ -157,16 +157,16 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-247"
-                    id="checkbox-247-label"
+                    for="checkbox-275"
+                    id="checkbox-275-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-247-label"
+                      aria-labelledby="checkbox-275-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-247"
+                      id="checkbox-275"
                       type="checkbox"
                     />
                     <div
@@ -216,17 +216,17 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-248"
-                    id="checkbox-248-label"
+                    for="checkbox-276"
+                    id="checkbox-276-label"
                   >
                     <input
                       aria-checked="true"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-248-label"
+                      aria-labelledby="checkbox-276-label"
                       checked=""
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-248"
+                      id="checkbox-276"
                       type="checkbox"
                     />
                     <div
@@ -285,7 +285,7 @@
                     >
                       <input
                         aria-checked="false"
-                        aria-describedby="lg-249"
+                        aria-describedby="lg-277"
                         aria-disabled="false"
                         class="lg-ui-radio-group-0002 leafygreen-ui-1iwed1m"
                         id="radio-group--0"
@@ -313,7 +313,7 @@
                     >
                       <input
                         aria-checked="false"
-                        aria-describedby="lg-250"
+                        aria-describedby="lg-278"
                         aria-disabled="false"
                         class="lg-ui-radio-group-0002 leafygreen-ui-1iwed1m"
                         id="radio-group--1"
diff --git a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example3.storyshot b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example3.storyshot
index ac237dfae..cc23176a6 100644
--- a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example3.storyshot
+++ b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example3.storyshot
@@ -39,17 +39,17 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-251"
-                    id="checkbox-251-label"
+                    for="checkbox-279"
+                    id="checkbox-279-label"
                   >
                     <input
                       aria-checked="true"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-251-label"
+                      aria-labelledby="checkbox-279-label"
                       checked=""
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-251"
+                      id="checkbox-279"
                       type="checkbox"
                     />
                     <div
diff --git a/apps/spruce/src/components/Table/TableControl/__snapshots__/TableControl_Default.storyshot b/apps/spruce/src/components/Table/TableControl/__snapshots__/TableControl_Default.storyshot
index c573b3a6d..aa42b3827 100644
--- a/apps/spruce/src/components/Table/TableControl/__snapshots__/TableControl_Default.storyshot
+++ b/apps/spruce/src/components/Table/TableControl/__snapshots__/TableControl_Default.storyshot
@@ -129,8 +129,8 @@
         data-lgid="lg-select"
       >
         <button
-          aria-controls="select-252-menu"
-          aria-describedby="select-252-description"
+          aria-controls="select-280-menu"
+          aria-describedby="select-280-description"
           aria-disabled="false"
           aria-expanded="false"
           aria-invalid="false"
@@ -139,7 +139,7 @@
           data-cy="tasks-table-page-size-selector"
           data-lgid="lg-button"
           data-testid="leafygreen-ui-select-menubutton"
-          id="select-253"
+          id="select-281"
           type="button"
           value="10"
         >
diff --git a/apps/spruce/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation_Default.storyshot b/apps/spruce/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation_Default.storyshot
index 8b976bf16..afa61a992 100644
--- a/apps/spruce/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation_Default.storyshot
+++ b/apps/spruce/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation_Default.storyshot
@@ -13,14 +13,14 @@
           class="leafygreen-ui-6bdaia"
           data-lgid="lg-label"
           data-testid="lg-form_field-label"
-          for="lg-form_field-input-257"
-          id="lg-form_field-label-254"
+          for="lg-form_field-input-285"
+          id="lg-form_field-label-282"
         >
           Some search field
         </label>
       </div>
       <div
-        class="leafygreen-ui-109lyo9"
+        class="leafygreen-ui-14vpn2b"
       >
         <div
           class="leafygreen-ui-1ago99h"
@@ -29,10 +29,10 @@
             aria-describedby=""
             aria-disabled="false"
             aria-invalid="false"
-            aria-labelledby="lg-form_field-label-254"
+            aria-labelledby="lg-form_field-label-282"
             autocomplete="on"
             class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-            id="lg-form_field-input-257"
+            id="lg-form_field-input-285"
             required=""
             type="text"
             value=""
@@ -45,7 +45,7 @@
         class="leafygreen-ui-11ydt2g"
         data-lgid="lg-form_field-feedback"
         data-testid="lg-form_field-feedback"
-        id="lg-form_field-feedback-256"
+        id="lg-form_field-feedback-284"
       />
     </div>
     <div
diff --git a/apps/spruce/src/components/TreeSelect/__snapshots__/TreeSelect_Default.storyshot b/apps/spruce/src/components/TreeSelect/__snapshots__/TreeSelect_Default.storyshot
index a24a58027..6ee66cf71 100644
--- a/apps/spruce/src/components/TreeSelect/__snapshots__/TreeSelect_Default.storyshot
+++ b/apps/spruce/src/components/TreeSelect/__snapshots__/TreeSelect_Default.storyshot
@@ -13,17 +13,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-258"
-          id="checkbox-258-label"
+          for="checkbox-286"
+          id="checkbox-286-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-258-label"
+            aria-labelledby="checkbox-286-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-258"
+            id="checkbox-286"
             type="checkbox"
           />
           <div
@@ -68,17 +68,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-259"
-          id="checkbox-259-label"
+          for="checkbox-287"
+          id="checkbox-287-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-259-label"
+            aria-labelledby="checkbox-287-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-259"
+            id="checkbox-287"
             type="checkbox"
           />
           <div
@@ -123,17 +123,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-260"
-          id="checkbox-260-label"
+          for="checkbox-288"
+          id="checkbox-288-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-260-label"
+            aria-labelledby="checkbox-288-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-260"
+            id="checkbox-288"
             type="checkbox"
           />
           <div
@@ -178,17 +178,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-261"
-          id="checkbox-261-label"
+          for="checkbox-289"
+          id="checkbox-289-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-261-label"
+            aria-labelledby="checkbox-289-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-261"
+            id="checkbox-289"
             type="checkbox"
           />
           <div
@@ -233,17 +233,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-262"
-          id="checkbox-262-label"
+          for="checkbox-290"
+          id="checkbox-290-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-262-label"
+            aria-labelledby="checkbox-290-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-262"
+            id="checkbox-290"
             type="checkbox"
           />
           <div
@@ -288,17 +288,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-263"
-          id="checkbox-263-label"
+          for="checkbox-291"
+          id="checkbox-291-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-263-label"
+            aria-labelledby="checkbox-291-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-263"
+            id="checkbox-291"
             type="checkbox"
           />
           <div
@@ -343,17 +343,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-264"
-          id="checkbox-264-label"
+          for="checkbox-292"
+          id="checkbox-292-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-264-label"
+            aria-labelledby="checkbox-292-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-264"
+            id="checkbox-292"
             type="checkbox"
           />
           <div
@@ -398,17 +398,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-265"
-          id="checkbox-265-label"
+          for="checkbox-293"
+          id="checkbox-293-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-265-label"
+            aria-labelledby="checkbox-293-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-265"
+            id="checkbox-293"
             type="checkbox"
           />
           <div
@@ -453,17 +453,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-266"
-          id="checkbox-266-label"
+          for="checkbox-294"
+          id="checkbox-294-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-266-label"
+            aria-labelledby="checkbox-294-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-266"
+            id="checkbox-294"
             type="checkbox"
           />
           <div
diff --git a/apps/spruce/src/components/TupleSelect/__snapshots__/TupleSelect_Default.storyshot b/apps/spruce/src/components/TupleSelect/__snapshots__/TupleSelect_Default.storyshot
index 3aa983c87..d39c34b10 100644
--- a/apps/spruce/src/components/TupleSelect/__snapshots__/TupleSelect_Default.storyshot
+++ b/apps/spruce/src/components/TupleSelect/__snapshots__/TupleSelect_Default.storyshot
@@ -19,8 +19,8 @@
         data-lgid="lg-select"
       >
         <button
-          aria-controls="select-267-menu"
-          aria-describedby="select-267-description"
+          aria-controls="select-295-menu"
+          aria-describedby="select-295-description"
           aria-disabled="false"
           aria-expanded="false"
           aria-invalid="false"
@@ -29,7 +29,7 @@
           data-cy="tuple-select-dropdown"
           data-lgid="lg-button"
           data-testid="leafygreen-ui-select-menubutton"
-          id="select-268"
+          id="select-296"
           type="button"
           value="build_variant"
         >
@@ -86,7 +86,7 @@
             class="leafygreen-ui-1iyoj2o"
           />
           <div
-            class="leafygreen-ui-109lyo9"
+            class="leafygreen-ui-14vpn2b"
           >
             <div
               class="leafygreen-ui-1ago99h"
@@ -113,7 +113,7 @@
             class="leafygreen-ui-11ydt2g"
             data-lgid="lg-form_field-feedback"
             data-testid="lg-form_field-feedback"
-            id="lg-form_field-feedback-271"
+            id="lg-form_field-feedback-299"
           />
         </div>
         <div
diff --git a/apps/spruce/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional_WithConditional.storyshot b/apps/spruce/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional_WithConditional.storyshot
index 02851f970..38c39d545 100644
--- a/apps/spruce/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional_WithConditional.storyshot
+++ b/apps/spruce/src/components/TupleSelectWithRegexConditional/__snapshots__/TupleSelectWithRegexConditional_WithConditional.storyshot
@@ -15,8 +15,8 @@
           class="leafygreen-ui-ozfao7 css-1qa4isu-PaddedSegmentedControl egmqwjk0"
         >
           <div
-            aria-label="segmented-control-273"
-            aria-owns="segmented-control-273-0 segmented-control-273-1"
+            aria-label="segmented-control-301"
+            aria-owns="segmented-control-301-0 segmented-control-301-1"
             class="leafygreen-ui-18en4yf"
             role="tablist"
           >
@@ -33,7 +33,7 @@
                   aria-controls="tuple-select-with-regex"
                   aria-selected="true"
                   class="leafygreen-ui-ypz97o"
-                  id="segmented-control-273-0"
+                  id="segmented-control-301-0"
                   role="tab"
                   tabindex="0"
                   type="button"
@@ -63,7 +63,7 @@
                   aria-controls="tuple-select-with-regex"
                   aria-selected="false"
                   class="leafygreen-ui-ypz97o"
-                  id="segmented-control-273-1"
+                  id="segmented-control-301-1"
                   role="tab"
                   tabindex="-1"
                   type="button"
@@ -98,8 +98,8 @@
         data-lgid="lg-select"
       >
         <button
-          aria-controls="select-274-menu"
-          aria-describedby="select-274-description"
+          aria-controls="select-302-menu"
+          aria-describedby="select-302-description"
           aria-disabled="false"
           aria-expanded="false"
           aria-invalid="false"
@@ -108,7 +108,7 @@
           data-cy="tuple-select-dropdown"
           data-lgid="lg-button"
           data-testid="leafygreen-ui-select-menubutton"
-          id="select-275"
+          id="select-303"
           type="button"
           value="build_variant"
         >
@@ -165,7 +165,7 @@
             class="leafygreen-ui-1iyoj2o"
           />
           <div
-            class="leafygreen-ui-109lyo9"
+            class="leafygreen-ui-14vpn2b"
           >
             <div
               class="leafygreen-ui-1ago99h"
@@ -192,7 +192,7 @@
             class="leafygreen-ui-11ydt2g"
             data-lgid="lg-form_field-feedback"
             data-testid="lg-form_field-feedback"
-            id="lg-form_field-feedback-278"
+            id="lg-form_field-feedback-306"
           />
         </div>
         <div
diff --git a/apps/spruce/src/pages/commits/__snapshots__/ProjectHealth_Default.storyshot b/apps/spruce/src/pages/commits/__snapshots__/ProjectHealth_Default.storyshot
index 875fdce09..a93f4984f 100644
--- a/apps/spruce/src/pages/commits/__snapshots__/ProjectHealth_Default.storyshot
+++ b/apps/spruce/src/pages/commits/__snapshots__/ProjectHealth_Default.storyshot
@@ -256,7 +256,7 @@
                             >
                               <input
                                 aria-checked="true"
-                                aria-describedby="lg-296"
+                                aria-describedby="lg-324"
                                 aria-disabled="false"
                                 checked=""
                                 class="lg-ui-radio-group-0002 leafygreen-ui-1iwed1m"
@@ -285,7 +285,7 @@
                               for="chart-radio-percent"
                             >
                               <input
-                                aria-describedby="lg-297"
+                                aria-describedby="lg-325"
                                 aria-disabled="false"
                                 class="lg-ui-radio-group-0002 leafygreen-ui-1iwed1m"
                                 data-cy="cy-chart-percent-radio"
diff --git a/apps/spruce/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore_ConfigureTasksDefault.storyshot b/apps/spruce/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore_ConfigureTasksDefault.storyshot
index cafc11363..d4c0224ed 100644
--- a/apps/spruce/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore_ConfigureTasksDefault.storyshot
+++ b/apps/spruce/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore_ConfigureTasksDefault.storyshot
@@ -13,14 +13,14 @@
           class="leafygreen-ui-6bdaia"
           data-lgid="lg-label"
           data-testid="lg-form_field-label"
-          for="lg-form_field-input-324"
-          id="lg-form_field-label-321"
+          for="lg-form_field-input-352"
+          id="lg-form_field-label-349"
         >
           Patch Name
         </label>
       </div>
       <div
-        class="leafygreen-ui-109lyo9"
+        class="leafygreen-ui-14vpn2b"
       >
         <div
           class="leafygreen-ui-1ago99h"
@@ -29,11 +29,11 @@
             aria-describedby=""
             aria-disabled="false"
             aria-invalid="false"
-            aria-labelledby="lg-form_field-label-321"
+            aria-labelledby="lg-form_field-label-349"
             autocomplete="on"
             class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
             data-cy="patch-name-input"
-            id="lg-form_field-input-324"
+            id="lg-form_field-input-352"
             required=""
             type="text"
             value="test"
@@ -46,7 +46,7 @@
         class="leafygreen-ui-11ydt2g"
         data-lgid="lg-form_field-feedback"
         data-testid="lg-form_field-feedback"
-        id="lg-form_field-feedback-323"
+        id="lg-form_field-feedback-351"
       />
     </div>
     <div
@@ -259,12 +259,12 @@
             role="tablist"
           >
             <button
-              aria-controls="tab-panel-325"
+              aria-controls="tab-panel-353"
               aria-selected="true"
               class="leafygreen-ui-oq6if2"
               data-cy="tasks-tab"
               data-text="Configure"
-              id="tab-326"
+              id="tab-354"
               name="Configure"
               role="tab"
               tabindex="0"
@@ -276,12 +276,12 @@
               </div>
             </button>
             <button
-              aria-controls="tab-panel-327"
+              aria-controls="tab-panel-355"
               aria-selected="false"
               class="leafygreen-ui-1vvp6ij"
               data-cy="changes-tab"
               data-text="Changes"
-              id="tab-328"
+              id="tab-356"
               name="Changes"
               role="tab"
               tabindex="-1"
@@ -293,12 +293,12 @@
               </div>
             </button>
             <button
-              aria-controls="tab-panel-329"
+              aria-controls="tab-panel-357"
               aria-selected="false"
               class="leafygreen-ui-1vvp6ij"
               data-cy="parameters-tab"
               data-text="Parameters"
-              id="tab-330"
+              id="tab-358"
               name="Parameters"
               role="tab"
               tabindex="-1"
@@ -322,9 +322,9 @@
           data-lgid="lg-tabs-tab_panels"
         >
           <div
-            aria-labelledby="tab-326"
+            aria-labelledby="tab-354"
             data-cy="tasks-tab"
-            id="tab-panel-325"
+            id="tab-panel-353"
             role="tabpanel"
           >
             <div
@@ -345,7 +345,7 @@
                       class="leafygreen-ui-1iyoj2o"
                     />
                     <div
-                      class="leafygreen-ui-109lyo9"
+                      class="leafygreen-ui-14vpn2b"
                     >
                       <div
                         class="leafygreen-ui-1ago99h"
@@ -358,7 +358,7 @@
                           autocomplete="on"
                           class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                           data-cy="task-filter-input"
-                          id="lg-form_field-input-339"
+                          id="lg-form_field-input-367"
                           placeholder="Search tasks regex"
                           required=""
                           type="text"
@@ -372,7 +372,7 @@
                       class="leafygreen-ui-11ydt2g"
                       data-lgid="lg-form_field-feedback"
                       data-testid="lg-form_field-feedback"
-                      id="lg-form_field-feedback-338"
+                      id="lg-form_field-feedback-366"
                     />
                   </div>
                   <div
@@ -415,17 +415,17 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-340"
-                    id="checkbox-340-label"
+                    for="checkbox-368"
+                    id="checkbox-368-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-340-label"
+                      aria-labelledby="checkbox-368-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
                       data-cy="select-all-checkbox"
-                      id="checkbox-340"
+                      id="checkbox-368"
                       type="checkbox"
                     />
                     <div
@@ -481,17 +481,17 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-341"
-                    id="checkbox-341-label"
+                    for="checkbox-369"
+                    id="checkbox-369-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-341-label"
+                      aria-labelledby="checkbox-369-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
                       data-cy="task-checkbox"
-                      id="checkbox-341"
+                      id="checkbox-369"
                       type="checkbox"
                     />
                     <div
@@ -532,17 +532,17 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-342"
-                    id="checkbox-342-label"
+                    for="checkbox-370"
+                    id="checkbox-370-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-342-label"
+                      aria-labelledby="checkbox-370-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
                       data-cy="task-checkbox"
-                      id="checkbox-342"
+                      id="checkbox-370"
                       type="checkbox"
                     />
                     <div
@@ -580,15 +580,15 @@
             </div>
           </div>
           <div
-            aria-labelledby="tab-328"
+            aria-labelledby="tab-356"
             data-cy="changes-tab"
-            id="tab-panel-327"
+            id="tab-panel-355"
             role="tabpanel"
           />
           <div
-            aria-labelledby="tab-330"
+            aria-labelledby="tab-358"
             data-cy="parameters-tab"
-            id="tab-panel-329"
+            id="tab-panel-357"
             role="tabpanel"
           />
         </div>
diff --git a/yarn.lock b/yarn.lock
index 87a69acb1..a8509571b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2337,23 +2337,10 @@
     "@leafygreen-ui/typography" "^19.0.0"
     react-transition-group "^4.4.5"
 
-"@leafygreen-ui/form-field@^1.2.0":
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/@leafygreen-ui/form-field/-/form-field-1.2.3.tgz#c15f0ec572cebc5da5e4941bdd3d51c619f4352d"
-  integrity sha512-LW2fM9oFgoQH8V4ZrWcrVlo6phNhULy7i5MTQDiHi+HvAkJQl67R2DWl2QuXgBNgkOkgrDM5ccb/J7fD37VO4A==
-  dependencies:
-    "@leafygreen-ui/emotion" "^4.0.8"
-    "@leafygreen-ui/hooks" "^8.1.3"
-    "@leafygreen-ui/icon" "^12.4.0"
-    "@leafygreen-ui/lib" "^13.4.0"
-    "@leafygreen-ui/palette" "^4.0.10"
-    "@leafygreen-ui/tokens" "^2.7.0"
-    "@leafygreen-ui/typography" "^19.1.1"
-
-"@leafygreen-ui/form-field@^1.2.4":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@leafygreen-ui/form-field/-/form-field-1.2.4.tgz#42c46a64b8ce4147a1f8e205d5043bd5f9b8425d"
-  integrity sha512-cMmeyjsOjEDott5wbdS7pc2EiUa0sNKhTcPlh5DmZy3jDUL1FB5XXvnxlw6xmieZJxtpFBIguaPpToIggLaLrA==
+"@leafygreen-ui/form-field@^1.2.0", "@leafygreen-ui/form-field@^1.2.4", "@leafygreen-ui/form-field@^1.2.5":
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/@leafygreen-ui/form-field/-/form-field-1.2.5.tgz#ff93212b8981cf7bf9546701b9d265562f5316ba"
+  integrity sha512-XH7vJZbgn6wnS7Wv0DpNqcL8q0qPqxHsrVBnqk+iKlnGjCjo1GFzngjOIHODUymEfWRJERrxKO6z8FsSof0GsQ==
   dependencies:
     "@leafygreen-ui/emotion" "^4.0.8"
     "@leafygreen-ui/hooks" "^8.1.3"
@@ -2390,15 +2377,7 @@
   dependencies:
     lodash "^4.17.21"
 
-"@leafygreen-ui/hooks@^8.0.0", "@leafygreen-ui/hooks@^8.1.2", "@leafygreen-ui/hooks@^8.1.3", "@leafygreen-ui/hooks@^8.1.4":
-  version "8.1.4"
-  resolved "https://registry.yarnpkg.com/@leafygreen-ui/hooks/-/hooks-8.1.4.tgz#90b682cb05edce30f9e00a1e365a24e69730bf97"
-  integrity sha512-1J8C4OnXApwHLljFMzsigTxKUxIGchOWMaqGM+j4X0nZLeSRyjpRL4zuLth0M3yaws8nknOPNMvJdvQEnzC3kQ==
-  dependencies:
-    "@leafygreen-ui/lib" "^13.3.0"
-    lodash "^4.17.21"
-
-"@leafygreen-ui/hooks@^8.2.0":
+"@leafygreen-ui/hooks@^8.0.0", "@leafygreen-ui/hooks@^8.1.2", "@leafygreen-ui/hooks@^8.1.3", "@leafygreen-ui/hooks@^8.1.4", "@leafygreen-ui/hooks@^8.2.0":
   version "8.2.1"
   resolved "https://registry.yarnpkg.com/@leafygreen-ui/hooks/-/hooks-8.2.1.tgz#746ca00f11bea47d34c03760e7734db95e7eb81e"
   integrity sha512-yozp+WfMo1aNzQJG4WOa4eoxEEMK3T7Q7D2AObRWEPR+jPeeocsBKSHoAkUsfJ/8AklQ+LIWM1SvtUm4iuLXtQ==
@@ -2900,18 +2879,19 @@
     "@leafygreen-ui/typography" "^19.1.1"
     "@lg-tools/test-harnesses" "0.1.2"
 
-"@leafygreen-ui/text-area@^8.1.3":
-  version "8.2.1"
-  resolved "https://registry.yarnpkg.com/@leafygreen-ui/text-area/-/text-area-8.2.1.tgz#2e73d2a6356ab8f811bb57f334a7a8bc27b9537c"
-  integrity sha512-Q1jxuGi5le9bQLbqv9JCHUSwSIL2gD7iNCRpXTgiFjbUkR4k2QuxZaQs8osg0NZw1qojezZtuMe7+hIOU3pCBg==
+"@leafygreen-ui/text-area@^9.1.2":
+  version "9.1.2"
+  resolved "https://registry.yarnpkg.com/@leafygreen-ui/text-area/-/text-area-9.1.2.tgz#586a96e5592f60ce5a3a5e0fc3eca52256231290"
+  integrity sha512-xw0hs5VpQiL5fsIvN5m88fiSyr4Pk/4bso/asV0bZRyvoHhaN/efQ9TBq/wXnN1HFnDFbQw2IV8soHImrpgGqQ==
   dependencies:
     "@leafygreen-ui/emotion" "^4.0.8"
+    "@leafygreen-ui/form-field" "^1.2.5"
     "@leafygreen-ui/hooks" "^8.1.3"
-    "@leafygreen-ui/icon" "^12.1.0"
+    "@leafygreen-ui/icon" "^12.4.0"
     "@leafygreen-ui/lib" "^13.4.0"
     "@leafygreen-ui/palette" "^4.0.10"
     "@leafygreen-ui/tokens" "^2.5.2"
-    "@leafygreen-ui/typography" "^18.4.0"
+    "@leafygreen-ui/typography" "^19.0.0"
     "@lg-tools/test-harnesses" "^0.1.2"
 
 "@leafygreen-ui/text-input@^13.0.2", "@leafygreen-ui/text-input@^13.1.0":
@@ -2990,7 +2970,7 @@
     lodash "^4.17.21"
     polished "^4.2.2"
 
-"@leafygreen-ui/typography@^18.2.2", "@leafygreen-ui/typography@^18.3.0", "@leafygreen-ui/typography@^18.4.0":
+"@leafygreen-ui/typography@^18.2.2", "@leafygreen-ui/typography@^18.3.0":
   version "18.4.0"
   resolved "https://registry.yarnpkg.com/@leafygreen-ui/typography/-/typography-18.4.0.tgz#d157bc2fa64eb72f6d0baf86385575e60454c522"
   integrity sha512-2pfoBv6jEPupMzT/rciyP6oN53Fc2h0Nl/uXubSRuFcIDwUAE6CIb3+IjK3UNyQrnOixGU4lWQhxIPTrnyxCpQ==