From f21a2165911662c0a1cd14dc40dc65a14ea455ce Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 10 Sep 2024 16:25:09 +0000
Subject: [PATCH] CHORE(NPM) - bump @leafygreen-ui/icon from 11.29.1 to 12.6.0
 (#370)

---
 apps/parsley/package.json                     |   2 +-
 .../Icon/__snapshots__/Icon_Default.storyshot | 239 ++++++++++++---
 .../IconWithTooltip_Default.storyshot         | 275 +++++++++++++++---
 .../__snapshots__/SearchBar_Default.storyshot |  12 +-
 .../SearchBar_WithSearchSuggestions.storyshot |  10 +-
 .../FilterGroup_Default.storyshot             |  16 +-
 .../__snapshots__/SidePanel_Default.storyshot |  32 +-
 apps/spruce/package.json                      |   2 +-
 .../Icon/__snapshots__/Icon_Icons.storyshot   | 239 ++++++++++++---
 .../__snapshots__/IconTooltip_Icons.storyshot | 275 +++++++++++++++---
 .../PageSizeSelector_Default.storyshot        |   6 +-
 .../SpruceForm_Example1.storyshot             |  36 +--
 .../SpruceForm_Example2.storyshot             |  36 +--
 .../SpruceForm_Example3.storyshot             |   8 +-
 .../TableControl_Default.storyshot            |   6 +-
 .../TextInputWithValidation_Default.storyshot |  10 +-
 .../TreeSelect_Default.storyshot              |  72 ++---
 .../TupleSelect_Default.storyshot             |   8 +-
 ...RegexConditional_WithConditional.storyshot |  16 +-
 .../ProjectHealth_Default.storyshot           |   4 +-
 ...ePatchCore_ConfigureTasksDefault.storyshot |  62 ++--
 packages/lib/package.json                     |   2 +-
 yarn.lock                                     |   2 +-
 23 files changed, 1059 insertions(+), 311 deletions(-)

diff --git a/apps/parsley/package.json b/apps/parsley/package.json
index a5f400757..26ecc7983 100644
--- a/apps/parsley/package.json
+++ b/apps/parsley/package.json
@@ -50,7 +50,7 @@
     "@leafygreen-ui/emotion": "^4.0.7",
     "@leafygreen-ui/empty-state": "^1.0.10",
     "@leafygreen-ui/guide-cue": "^5.0.8",
-    "@leafygreen-ui/icon": "^11.28.0",
+    "@leafygreen-ui/icon": "^12.6.0",
     "@leafygreen-ui/icon-button": "^15.0.23",
     "@leafygreen-ui/info-sprinkle": "^1.0.5",
     "@leafygreen-ui/leafygreen-provider": "^3.1.11",
diff --git a/apps/parsley/src/components/Icon/__snapshots__/Icon_Default.storyshot b/apps/parsley/src/components/Icon/__snapshots__/Icon_Default.storyshot
index 41403c2ff..5f4f4b2df 100644
--- a/apps/parsley/src/components/Icon/__snapshots__/Icon_Default.storyshot
+++ b/apps/parsley/src/components/Icon/__snapshots__/Icon_Default.storyshot
@@ -899,35 +899,6 @@
         CodeBlock
       </span>
     </div>
-    <div
-      class="css-141et6l"
-    >
-      <svg
-        aria-label="Collections Icon"
-        class=""
-        color="#023430"
-        fill="none"
-        height="24"
-        role="img"
-        viewBox="0 0 16 16"
-        width="24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
-          fill="currentColor"
-        />
-        <path
-          clip-rule="evenodd"
-          d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
-          fill="currentColor"
-          fill-rule="evenodd"
-        />
-      </svg>
-      <span>
-        Collections
-      </span>
-    </div>
     <div
       class="css-141et6l"
     >
@@ -1342,6 +1313,56 @@
         Email
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Eraser Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M8.381 1.934a2.014 2.014 0 0 1 2.817 0l3.228 3.228a2.014 2.014 0 0 1 0 2.817l-5.258 5.258h5.289c.29 0 .526.235.526.526v.35c0 .292-.235.527-.526.527h-9.51a.702.702 0 0 1-.495-.205l-2.878-2.877a2.014 2.014 0 0 1 0-2.817l6.807-6.807ZM8.1 12.32a.5.5 0 0 0 0-.707L4.747 8.26a.5.5 0 0 0-.707 0L2.566 9.733a.612.612 0 0 0 0 .832l2.518 2.518a.527.527 0 0 0 .372.154h1.51c.139 0 .273-.056.372-.155l.762-.762Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Eraser
+      </span>
+    </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Escalation Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M13.361 4.423a.556.556 0 0 0-.26-.97L5.146 2.009a.556.556 0 0 0-.636.69l1.787 6.672a.556.556 0 0 0 .896.28l6.168-5.228ZM2.911 2.102a.556.556 0 0 0-.392.68l3.163 11.806a.556.556 0 1 0 1.074-.287L3.592 2.493a.556.556 0 0 0-.68-.392Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Escalation
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -1407,8 +1428,10 @@
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M8 0c1.6 0 2.8 1.3 2.8 3 0 1.5-1 2.7-2.3 3v2.1l3.1 2.4c.4-.3 1-.5 1.5-.5 1.6 0 2.8 1.3 2.8 3s-1.3 3-2.8 3c-1.6 0-2.8-1.3-2.8-3 0-.7.2-1.3.6-1.8L8 9l-2.9 2.2c.4.5.6 1.1.6 1.8 0 1.7-1.3 3-2.8 3C1.4 16 0 14.7 0 13s1.3-3 2.8-3c.6 0 1.1.2 1.5.5l3.1-2.4V5.9C6.2 5.7 5.2 4.5 5.2 3c0-1.7 1.2-3 2.8-3Zm0 5c.8 0 1.9-.8 1.9-2C9.9 1.9 9 1 8 1c-1 0-1.9.9-1.9 2 0 1.2 1 2 1.9 2Zm-5.2 6c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.8-2-1.9-2Zm10.4 0c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.9-2-1.9-2Z"
+          clip-rule="evenodd"
+          d="M9.333 4.19a1.276 1.276 0 1 1-2.552 0 1.276 1.276 0 0 1 2.552 0Zm-.32 3.045A3.192 3.192 0 0 0 8.058 1 3.19 3.19 0 0 0 7.1 7.235v1.627l-1.706.984a3.19 3.19 0 1 0 .924 1.677l1.732-1 1.642.948a3.192 3.192 0 0 0 5.88 2.28 3.19 3.19 0 0 0-4.928-3.94l-1.63-.942V7.235Zm3.158 6.025a1.276 1.276 0 1 1 1.276-2.21 1.276 1.276 0 0 1-1.276 2.21ZM2.086 11.517a1.276 1.276 0 1 0 2.21 1.276 1.276 1.276 0 0 0-2.21-1.276Z"
           fill="currentColor"
+          fill-rule="evenodd"
         />
       </svg>
       <span>
@@ -1533,6 +1556,29 @@
         Folder
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Format Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M2 4a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm1 3a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2H3Zm4-7a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm4 4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1Z"
+          fill="currentColor"
+        />
+      </svg>
+      <span>
+        Format
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2007,13 +2053,13 @@
       >
         <path
           clip-rule="evenodd"
-          d="M1 3a1 1 0 0 1 1-1h4.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H3v8h3.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H2a1 1 0 0 1-1-1V3Z"
+          d="M15 13a1 1 0 0 1-1 1H9.75a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75H13V4H9.75A.75.75 0 0 1 9 3.25v-.5A.75.75 0 0 1 9.75 2H14a1 1 0 0 1 1 1v10Z"
           fill="currentColor"
           fill-rule="evenodd"
         />
         <path
           clip-rule="evenodd"
-          d="M9.495 4.116 6.293 7.318a1 1 0 0 0 0 1.414l3.202 3.202a.75.75 0 0 0 1.06 0l.354-.353a.75.75 0 0 0 0-1.061L9.389 9h4.861a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H9.44l1.469-1.47a.75.75 0 0 0 0-1.06l-.354-.354a.75.75 0 0 0-1.06 0Z"
+          d="m6.505 11.884 3.202-3.202a1 1 0 0 0 0-1.414L6.505 4.066a.75.75 0 0 0-1.06 0l-.354.353a.75.75 0 0 0 0 1.061L6.611 7H1.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h4.81l-1.469 1.47a.75.75 0 0 0 0 1.06l.354.354a.75.75 0 0 0 1.06 0Z"
           fill="currentColor"
           fill-rule="evenodd"
         />
@@ -2174,6 +2220,29 @@
         Mobile
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Moon Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M13.787 10.074a.713.713 0 0 0-.864-.116c-.125.077-.26.135-.394.192-1.766.72-3.888-.21-4.704-2.208-.73-1.795-.086-3.734 1.344-4.617a.72.72 0 0 0 .317-.807A.709.709 0 0 0 8.795 2H8.67c-3.312 0-6 2.688-6 6s2.688 6 6 6a6.003 6.003 0 0 0 5.232-3.062.715.715 0 0 0-.125-.864h.01Z"
+          fill="currentColor"
+        />
+      </svg>
+      <span>
+        Moon
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2401,7 +2470,7 @@
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M4.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1ZM10.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1Z"
+          d="M3.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833ZM9.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833Z"
           fill="currentColor"
         />
       </svg>
@@ -2409,6 +2478,31 @@
         Pause
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Pending Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M8 11.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Zm0 1.5a5.25 5.25 0 1 0 0-10.5 5.25 5.25 0 0 0 0 10.5Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Pending
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2608,6 +2702,35 @@
         Primary
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Project Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
+          fill="currentColor"
+        />
+        <path
+          clip-rule="evenodd"
+          d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Project
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3184,6 +3307,33 @@
         Stitch
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Stop Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect
+          fill="currentColor"
+          height="10"
+          rx="1"
+          width="10"
+          x="3"
+          y="3"
+        />
+      </svg>
+      <span>
+        Stop
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3207,6 +3357,29 @@
         String
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Sun Icon"
+        class=""
+        color="#023430"
+        fill="none"
+        height="24"
+        role="img"
+        viewBox="0 0 16 16"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12.24 10.83a.996.996 0 1 0-1.41 1.41l.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71ZM8 12c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1s1-.45 1-1v-1c0-.55-.45-1-1-1ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM14 7h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1s-.45-1-1-1ZM3.76 10.83l-.71.71a.996.996 0 1 0 1.41 1.41l.71-.71a.996.996 0 1 0-1.41-1.41ZM8 4c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1ZM3.76 5.17a.996.996 0 1 0 1.41-1.41l-.71-.71a.996.996 0 1 0-1.41 1.41l.71.71ZM4 8c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1ZM12.24 5.17l.71-.71a.996.996 0 1 0-1.41-1.41l-.71.71a.996.996 0 1 0 1.41 1.41Z"
+          fill="currentColor"
+        />
+      </svg>
+      <span>
+        Sun
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
diff --git a/apps/parsley/src/components/IconWithTooltip/__snapshots__/IconWithTooltip_Default.storyshot b/apps/parsley/src/components/IconWithTooltip/__snapshots__/IconWithTooltip_Default.storyshot
index 6b24cdeed..3f3b6bb27 100644
--- a/apps/parsley/src/components/IconWithTooltip/__snapshots__/IconWithTooltip_Default.storyshot
+++ b/apps/parsley/src/components/IconWithTooltip/__snapshots__/IconWithTooltip_Default.storyshot
@@ -1043,39 +1043,6 @@
         CodeBlock
       </span>
     </div>
-    <div
-      class="css-141et6l"
-    >
-      <div
-        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
-      >
-        <svg
-          aria-label="Collections Icon"
-          class=""
-          color="#023430"
-          fill="none"
-          height="24"
-          role="img"
-          viewBox="0 0 16 16"
-          width="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
-            fill="currentColor"
-          />
-          <path
-            clip-rule="evenodd"
-            d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
-            fill="currentColor"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </div>
-      <span>
-        Collections
-      </span>
-    </div>
     <div
       class="css-141et6l"
     >
@@ -1558,6 +1525,64 @@
         Email
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Eraser Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M8.381 1.934a2.014 2.014 0 0 1 2.817 0l3.228 3.228a2.014 2.014 0 0 1 0 2.817l-5.258 5.258h5.289c.29 0 .526.235.526.526v.35c0 .292-.235.527-.526.527h-9.51a.702.702 0 0 1-.495-.205l-2.878-2.877a2.014 2.014 0 0 1 0-2.817l6.807-6.807ZM8.1 12.32a.5.5 0 0 0 0-.707L4.747 8.26a.5.5 0 0 0-.707 0L2.566 9.733a.612.612 0 0 0 0 .832l2.518 2.518a.527.527 0 0 0 .372.154h1.51c.139 0 .273-.056.372-.155l.762-.762Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Eraser
+      </span>
+    </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Escalation Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M13.361 4.423a.556.556 0 0 0-.26-.97L5.146 2.009a.556.556 0 0 0-.636.69l1.787 6.672a.556.556 0 0 0 .896.28l6.168-5.228ZM2.911 2.102a.556.556 0 0 0-.392.68l3.163 11.806a.556.556 0 1 0 1.074-.287L3.592 2.493a.556.556 0 0 0-.68-.392Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Escalation
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -1634,8 +1659,10 @@
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M8 0c1.6 0 2.8 1.3 2.8 3 0 1.5-1 2.7-2.3 3v2.1l3.1 2.4c.4-.3 1-.5 1.5-.5 1.6 0 2.8 1.3 2.8 3s-1.3 3-2.8 3c-1.6 0-2.8-1.3-2.8-3 0-.7.2-1.3.6-1.8L8 9l-2.9 2.2c.4.5.6 1.1.6 1.8 0 1.7-1.3 3-2.8 3C1.4 16 0 14.7 0 13s1.3-3 2.8-3c.6 0 1.1.2 1.5.5l3.1-2.4V5.9C6.2 5.7 5.2 4.5 5.2 3c0-1.7 1.2-3 2.8-3Zm0 5c.8 0 1.9-.8 1.9-2C9.9 1.9 9 1 8 1c-1 0-1.9.9-1.9 2 0 1.2 1 2 1.9 2Zm-5.2 6c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.8-2-1.9-2Zm10.4 0c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.9-2-1.9-2Z"
+            clip-rule="evenodd"
+            d="M9.333 4.19a1.276 1.276 0 1 1-2.552 0 1.276 1.276 0 0 1 2.552 0Zm-.32 3.045A3.192 3.192 0 0 0 8.058 1 3.19 3.19 0 0 0 7.1 7.235v1.627l-1.706.984a3.19 3.19 0 1 0 .924 1.677l1.732-1 1.642.948a3.192 3.192 0 0 0 5.88 2.28 3.19 3.19 0 0 0-4.928-3.94l-1.63-.942V7.235Zm3.158 6.025a1.276 1.276 0 1 1 1.276-2.21 1.276 1.276 0 0 1-1.276 2.21ZM2.086 11.517a1.276 1.276 0 1 0 2.21 1.276 1.276 1.276 0 0 0-2.21-1.276Z"
             fill="currentColor"
+            fill-rule="evenodd"
           />
         </svg>
       </div>
@@ -1781,6 +1808,33 @@
         Folder
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Format Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M2 4a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm1 3a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2H3Zm4-7a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm4 4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <span>
+        Format
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2330,13 +2384,13 @@
         >
           <path
             clip-rule="evenodd"
-            d="M1 3a1 1 0 0 1 1-1h4.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H3v8h3.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H2a1 1 0 0 1-1-1V3Z"
+            d="M15 13a1 1 0 0 1-1 1H9.75a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75H13V4H9.75A.75.75 0 0 1 9 3.25v-.5A.75.75 0 0 1 9.75 2H14a1 1 0 0 1 1 1v10Z"
             fill="currentColor"
             fill-rule="evenodd"
           />
           <path
             clip-rule="evenodd"
-            d="M9.495 4.116 6.293 7.318a1 1 0 0 0 0 1.414l3.202 3.202a.75.75 0 0 0 1.06 0l.354-.353a.75.75 0 0 0 0-1.061L9.389 9h4.861a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H9.44l1.469-1.47a.75.75 0 0 0 0-1.06l-.354-.354a.75.75 0 0 0-1.06 0Z"
+            d="m6.505 11.884 3.202-3.202a1 1 0 0 0 0-1.414L6.505 4.066a.75.75 0 0 0-1.06 0l-.354.353a.75.75 0 0 0 0 1.061L6.611 7H1.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h4.81l-1.469 1.47a.75.75 0 0 0 0 1.06l.354.354a.75.75 0 0 0 1.06 0Z"
             fill="currentColor"
             fill-rule="evenodd"
           />
@@ -2522,6 +2576,33 @@
         Mobile
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Moon Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M13.787 10.074a.713.713 0 0 0-.864-.116c-.125.077-.26.135-.394.192-1.766.72-3.888-.21-4.704-2.208-.73-1.795-.086-3.734 1.344-4.617a.72.72 0 0 0 .317-.807A.709.709 0 0 0 8.795 2H8.67c-3.312 0-6 2.688-6 6s2.688 6 6 6a6.003 6.003 0 0 0 5.232-3.062.715.715 0 0 0-.125-.864h.01Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <span>
+        Moon
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2784,7 +2865,7 @@
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M4.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1ZM10.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1Z"
+            d="M3.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833ZM9.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833Z"
             fill="currentColor"
           />
         </svg>
@@ -2793,6 +2874,35 @@
         Pause
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Pending Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M8 11.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Zm0 1.5a5.25 5.25 0 1 0 0-10.5 5.25 5.25 0 0 0 0 10.5Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Pending
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3024,6 +3134,39 @@
         Primary
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Project Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
+            fill="currentColor"
+          />
+          <path
+            clip-rule="evenodd"
+            d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Project
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3692,6 +3835,37 @@
         Stitch
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Stop Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <rect
+            fill="currentColor"
+            height="10"
+            rx="1"
+            width="10"
+            x="3"
+            y="3"
+          />
+        </svg>
+      </div>
+      <span>
+        Stop
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3719,6 +3893,33 @@
         String
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper exhq3dz0"
+      >
+        <svg
+          aria-label="Sun Icon"
+          class=""
+          color="#023430"
+          fill="none"
+          height="24"
+          role="img"
+          viewBox="0 0 16 16"
+          width="24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12.24 10.83a.996.996 0 1 0-1.41 1.41l.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71ZM8 12c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1s1-.45 1-1v-1c0-.55-.45-1-1-1ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM14 7h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1s-.45-1-1-1ZM3.76 10.83l-.71.71a.996.996 0 1 0 1.41 1.41l.71-.71a.996.996 0 1 0-1.41-1.41ZM8 4c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1ZM3.76 5.17a.996.996 0 1 0 1.41-1.41l-.71-.71a.996.996 0 1 0-1.41 1.41l.71.71ZM4 8c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1ZM12.24 5.17l.71-.71a.996.996 0 1 0-1.41-1.41l-.71.71a.996.996 0 1 0 1.41 1.41Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <span>
+        Sun
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
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 8b051fcf6..1de719bb0 100644
--- a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot
+++ b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_Default.storyshot
@@ -7,8 +7,8 @@
       data-lgid="lg-select"
     >
       <button
-        aria-controls="select-236-menu"
-        aria-describedby="select-236-description"
+        aria-controls="select-243-menu"
+        aria-describedby="select-243-description"
         aria-disabled="false"
         aria-expanded="false"
         aria-invalid="false"
@@ -17,7 +17,7 @@
         data-cy="searchbar-select"
         data-lgid="lg-button"
         data-testid="leafygreen-ui-select-menubutton"
-        id="select-237"
+        id="select-244"
         type="button"
         value="filter"
       >
@@ -133,14 +133,14 @@
               class="leafygreen-ui-1ago99h"
             >
               <input
-                aria-describedby="lg-form_field-feedback-240"
+                aria-describedby="lg-form_field-feedback-247"
                 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-241"
+                id="lg-form_field-input-248"
                 placeholder="optional, regexp to search"
                 required=""
                 spellcheck="false"
@@ -155,7 +155,7 @@
             class="leafygreen-ui-wsgs9n"
             data-lgid="lg-form_field-feedback"
             data-testid="lg-form_field-feedback"
-            id="lg-form_field-feedback-240"
+            id="lg-form_field-feedback-247"
           >
             <div
               class="leafygreen-ui-1nmw6il"
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 231a65de8..aa291874a 100644
--- a/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot
+++ b/apps/parsley/src/components/Search/SearchBar/__snapshots__/SearchBar_WithSearchSuggestions.storyshot
@@ -7,8 +7,8 @@
       data-lgid="lg-select"
     >
       <button
-        aria-controls="select-243-menu"
-        aria-describedby="select-243-description"
+        aria-controls="select-250-menu"
+        aria-describedby="select-250-description"
         aria-disabled="false"
         aria-expanded="false"
         aria-invalid="false"
@@ -17,7 +17,7 @@
         data-cy="searchbar-select"
         data-lgid="lg-button"
         data-testid="leafygreen-ui-select-menubutton"
-        id="select-244"
+        id="select-251"
         type="button"
         value="filter"
       >
@@ -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-248"
+                id="lg-form_field-input-255"
                 placeholder="optional, regexp to search"
                 required=""
                 spellcheck="false"
@@ -155,7 +155,7 @@
             class="leafygreen-ui-11ydt2g"
             data-lgid="lg-form_field-feedback"
             data-testid="lg-form_field-feedback"
-            id="lg-form_field-feedback-247"
+            id="lg-form_field-feedback-254"
           />
         </div>
         <div
diff --git a/apps/parsley/src/components/SidePanel/NavGroup/FilterNavGroup/FilterGroup/__snapshots__/FilterGroup_Default.storyshot b/apps/parsley/src/components/SidePanel/NavGroup/FilterNavGroup/FilterGroup/__snapshots__/FilterGroup_Default.storyshot
index 456e298eb..2666d4b61 100644
--- a/apps/parsley/src/components/SidePanel/NavGroup/FilterNavGroup/FilterGroup/__snapshots__/FilterGroup_Default.storyshot
+++ b/apps/parsley/src/components/SidePanel/NavGroup/FilterNavGroup/FilterGroup/__snapshots__/FilterGroup_Default.storyshot
@@ -142,8 +142,8 @@
               Case
             </div>
             <div
-              aria-label="segmented-control-251"
-              aria-owns="segmented-control-251-0 segmented-control-251-1"
+              aria-label="segmented-control-258"
+              aria-owns="segmented-control-258-0 segmented-control-258-1"
               class="leafygreen-ui-18en4yf"
               role="tablist"
             >
@@ -159,7 +159,7 @@
                     aria-controls="Toggle case sensitivity"
                     aria-selected="false"
                     class="leafygreen-ui-ypz97o"
-                    id="segmented-control-251-0"
+                    id="segmented-control-258-0"
                     role="tab"
                     tabindex="-1"
                     type="button"
@@ -188,7 +188,7 @@
                     aria-controls="Toggle case sensitivity"
                     aria-selected="true"
                     class="leafygreen-ui-ypz97o"
-                    id="segmented-control-251-1"
+                    id="segmented-control-258-1"
                     role="tab"
                     tabindex="0"
                     type="button"
@@ -222,8 +222,8 @@
               Match
             </div>
             <div
-              aria-label="segmented-control-252"
-              aria-owns="segmented-control-252-0 segmented-control-252-1"
+              aria-label="segmented-control-259"
+              aria-owns="segmented-control-259-0 segmented-control-259-1"
               class="leafygreen-ui-18en4yf"
               role="tablist"
             >
@@ -239,7 +239,7 @@
                     aria-controls="Toggle match type"
                     aria-selected="true"
                     class="leafygreen-ui-ypz97o"
-                    id="segmented-control-252-0"
+                    id="segmented-control-259-0"
                     role="tab"
                     tabindex="0"
                     type="button"
@@ -268,7 +268,7 @@
                     aria-controls="Toggle match type"
                     aria-selected="false"
                     class="leafygreen-ui-ypz97o"
-                    id="segmented-control-252-1"
+                    id="segmented-control-259-1"
                     role="tab"
                     tabindex="-1"
                     type="button"
diff --git a/apps/parsley/src/components/SidePanel/__snapshots__/SidePanel_Default.storyshot b/apps/parsley/src/components/SidePanel/__snapshots__/SidePanel_Default.storyshot
index 2b310a217..3146cc7ca 100644
--- a/apps/parsley/src/components/SidePanel/__snapshots__/SidePanel_Default.storyshot
+++ b/apps/parsley/src/components/SidePanel/__snapshots__/SidePanel_Default.storyshot
@@ -12,7 +12,7 @@
         <nav
           aria-label="Side panel"
           class="leafygreen-ui-fw8ayd"
-          id="side-nav-259"
+          id="side-nav-266"
         >
           <div
             class="leafygreen-ui-1nmawjt"
@@ -29,7 +29,7 @@
                   <div
                     class="leafygreen-ui-g6ml2m"
                     data-testid="side-nav-group-header-label"
-                    id="menu-group-label-id-255"
+                    id="menu-group-label-id-262"
                   >
                     <div
                       class="leafygreen-ui-1rnl6t5"
@@ -86,7 +86,7 @@
                     </div>
                   </div>
                   <ul
-                    aria-labelledby="menu-group-label-id-255"
+                    aria-labelledby="menu-group-label-id-262"
                     class="leafygreen-ui-bdnco"
                   >
                     <div
@@ -236,8 +236,8 @@
                                   Case
                                 </div>
                                 <div
-                                  aria-label="segmented-control-260"
-                                  aria-owns="segmented-control-260-0 segmented-control-260-1"
+                                  aria-label="segmented-control-267"
+                                  aria-owns="segmented-control-267-0 segmented-control-267-1"
                                   class="leafygreen-ui-18en4yf"
                                   role="tablist"
                                 >
@@ -253,7 +253,7 @@
                                         aria-controls="Toggle case sensitivity"
                                         aria-selected="true"
                                         class="leafygreen-ui-ypz97o"
-                                        id="segmented-control-260-0"
+                                        id="segmented-control-267-0"
                                         role="tab"
                                         tabindex="0"
                                         type="button"
@@ -282,7 +282,7 @@
                                         aria-controls="Toggle case sensitivity"
                                         aria-selected="false"
                                         class="leafygreen-ui-ypz97o"
-                                        id="segmented-control-260-1"
+                                        id="segmented-control-267-1"
                                         role="tab"
                                         tabindex="-1"
                                         type="button"
@@ -316,8 +316,8 @@
                                   Match
                                 </div>
                                 <div
-                                  aria-label="segmented-control-261"
-                                  aria-owns="segmented-control-261-0 segmented-control-261-1"
+                                  aria-label="segmented-control-268"
+                                  aria-owns="segmented-control-268-0 segmented-control-268-1"
                                   class="leafygreen-ui-18en4yf"
                                   role="tablist"
                                 >
@@ -333,7 +333,7 @@
                                         aria-controls="Toggle match type"
                                         aria-selected="true"
                                         class="leafygreen-ui-ypz97o"
-                                        id="segmented-control-261-0"
+                                        id="segmented-control-268-0"
                                         role="tab"
                                         tabindex="0"
                                         type="button"
@@ -362,7 +362,7 @@
                                         aria-controls="Toggle match type"
                                         aria-selected="false"
                                         class="leafygreen-ui-ypz97o"
-                                        id="segmented-control-261-1"
+                                        id="segmented-control-268-1"
                                         role="tab"
                                         tabindex="-1"
                                         type="button"
@@ -400,7 +400,7 @@
                   <div
                     class="leafygreen-ui-g6ml2m"
                     data-testid="side-nav-group-header-label"
-                    id="menu-group-label-id-256"
+                    id="menu-group-label-id-263"
                   >
                     <div
                       class="leafygreen-ui-1rnl6t5"
@@ -455,7 +455,7 @@
                     </div>
                   </div>
                   <ul
-                    aria-labelledby="menu-group-label-id-256"
+                    aria-labelledby="menu-group-label-id-263"
                     class="leafygreen-ui-bdnco"
                   >
                     <div
@@ -507,7 +507,7 @@
                   <div
                     class="leafygreen-ui-g6ml2m"
                     data-testid="side-nav-group-header-label"
-                    id="menu-group-label-id-257"
+                    id="menu-group-label-id-264"
                   >
                     <div
                       class="leafygreen-ui-1rnl6t5"
@@ -555,7 +555,7 @@
                     </div>
                   </div>
                   <ul
-                    aria-labelledby="menu-group-label-id-257"
+                    aria-labelledby="menu-group-label-id-264"
                     class="leafygreen-ui-bdnco"
                   >
                     <div
@@ -726,7 +726,7 @@
           </div>
         </nav>
         <button
-          aria-controls="side-nav-259"
+          aria-controls="side-nav-266"
           aria-expanded="true"
           aria-label="Collapse navigation"
           class="leafygreen-ui-v87gj9"
diff --git a/apps/spruce/package.json b/apps/spruce/package.json
index c8f207f44..b9c67dbed 100644
--- a/apps/spruce/package.json
+++ b/apps/spruce/package.json
@@ -71,7 +71,7 @@
     "@leafygreen-ui/empty-state": "^1.0.17",
     "@leafygreen-ui/expandable-card": "^3.1.0",
     "@leafygreen-ui/guide-cue": "^5.0.8",
-    "@leafygreen-ui/icon": "^11.26.0",
+    "@leafygreen-ui/icon": "^12.6.0",
     "@leafygreen-ui/icon-button": "^15.0.23",
     "@leafygreen-ui/info-sprinkle": "^1.0.5",
     "@leafygreen-ui/inline-definition": "^6.0.14",
diff --git a/apps/spruce/src/components/Icon/__snapshots__/Icon_Icons.storyshot b/apps/spruce/src/components/Icon/__snapshots__/Icon_Icons.storyshot
index 129f94d01..909083e20 100644
--- a/apps/spruce/src/components/Icon/__snapshots__/Icon_Icons.storyshot
+++ b/apps/spruce/src/components/Icon/__snapshots__/Icon_Icons.storyshot
@@ -899,35 +899,6 @@
         CodeBlock
       </span>
     </div>
-    <div
-      class="css-141et6l"
-    >
-      <svg
-        aria-label="Collections Icon"
-        class=""
-        color="#000000"
-        fill="none"
-        height="16"
-        role="img"
-        viewBox="0 0 16 16"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
-          fill="currentColor"
-        />
-        <path
-          clip-rule="evenodd"
-          d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
-          fill="currentColor"
-          fill-rule="evenodd"
-        />
-      </svg>
-      <span>
-        Collections
-      </span>
-    </div>
     <div
       class="css-141et6l"
     >
@@ -1342,6 +1313,56 @@
         Email
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Eraser Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M8.381 1.934a2.014 2.014 0 0 1 2.817 0l3.228 3.228a2.014 2.014 0 0 1 0 2.817l-5.258 5.258h5.289c.29 0 .526.235.526.526v.35c0 .292-.235.527-.526.527h-9.51a.702.702 0 0 1-.495-.205l-2.878-2.877a2.014 2.014 0 0 1 0-2.817l6.807-6.807ZM8.1 12.32a.5.5 0 0 0 0-.707L4.747 8.26a.5.5 0 0 0-.707 0L2.566 9.733a.612.612 0 0 0 0 .832l2.518 2.518a.527.527 0 0 0 .372.154h1.51c.139 0 .273-.056.372-.155l.762-.762Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Eraser
+      </span>
+    </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Escalation Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M13.361 4.423a.556.556 0 0 0-.26-.97L5.146 2.009a.556.556 0 0 0-.636.69l1.787 6.672a.556.556 0 0 0 .896.28l6.168-5.228ZM2.911 2.102a.556.556 0 0 0-.392.68l3.163 11.806a.556.556 0 1 0 1.074-.287L3.592 2.493a.556.556 0 0 0-.68-.392Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Escalation
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -1407,8 +1428,10 @@
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M8 0c1.6 0 2.8 1.3 2.8 3 0 1.5-1 2.7-2.3 3v2.1l3.1 2.4c.4-.3 1-.5 1.5-.5 1.6 0 2.8 1.3 2.8 3s-1.3 3-2.8 3c-1.6 0-2.8-1.3-2.8-3 0-.7.2-1.3.6-1.8L8 9l-2.9 2.2c.4.5.6 1.1.6 1.8 0 1.7-1.3 3-2.8 3C1.4 16 0 14.7 0 13s1.3-3 2.8-3c.6 0 1.1.2 1.5.5l3.1-2.4V5.9C6.2 5.7 5.2 4.5 5.2 3c0-1.7 1.2-3 2.8-3Zm0 5c.8 0 1.9-.8 1.9-2C9.9 1.9 9 1 8 1c-1 0-1.9.9-1.9 2 0 1.2 1 2 1.9 2Zm-5.2 6c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.8-2-1.9-2Zm10.4 0c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.9-2-1.9-2Z"
+          clip-rule="evenodd"
+          d="M9.333 4.19a1.276 1.276 0 1 1-2.552 0 1.276 1.276 0 0 1 2.552 0Zm-.32 3.045A3.192 3.192 0 0 0 8.058 1 3.19 3.19 0 0 0 7.1 7.235v1.627l-1.706.984a3.19 3.19 0 1 0 .924 1.677l1.732-1 1.642.948a3.192 3.192 0 0 0 5.88 2.28 3.19 3.19 0 0 0-4.928-3.94l-1.63-.942V7.235Zm3.158 6.025a1.276 1.276 0 1 1 1.276-2.21 1.276 1.276 0 0 1-1.276 2.21ZM2.086 11.517a1.276 1.276 0 1 0 2.21 1.276 1.276 1.276 0 0 0-2.21-1.276Z"
           fill="currentColor"
+          fill-rule="evenodd"
         />
       </svg>
       <span>
@@ -1533,6 +1556,29 @@
         Folder
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Format Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M2 4a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm1 3a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2H3Zm4-7a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm4 4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1Z"
+          fill="currentColor"
+        />
+      </svg>
+      <span>
+        Format
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2007,13 +2053,13 @@
       >
         <path
           clip-rule="evenodd"
-          d="M1 3a1 1 0 0 1 1-1h4.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H3v8h3.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H2a1 1 0 0 1-1-1V3Z"
+          d="M15 13a1 1 0 0 1-1 1H9.75a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75H13V4H9.75A.75.75 0 0 1 9 3.25v-.5A.75.75 0 0 1 9.75 2H14a1 1 0 0 1 1 1v10Z"
           fill="currentColor"
           fill-rule="evenodd"
         />
         <path
           clip-rule="evenodd"
-          d="M9.495 4.116 6.293 7.318a1 1 0 0 0 0 1.414l3.202 3.202a.75.75 0 0 0 1.06 0l.354-.353a.75.75 0 0 0 0-1.061L9.389 9h4.861a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H9.44l1.469-1.47a.75.75 0 0 0 0-1.06l-.354-.354a.75.75 0 0 0-1.06 0Z"
+          d="m6.505 11.884 3.202-3.202a1 1 0 0 0 0-1.414L6.505 4.066a.75.75 0 0 0-1.06 0l-.354.353a.75.75 0 0 0 0 1.061L6.611 7H1.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h4.81l-1.469 1.47a.75.75 0 0 0 0 1.06l.354.354a.75.75 0 0 0 1.06 0Z"
           fill="currentColor"
           fill-rule="evenodd"
         />
@@ -2174,6 +2220,29 @@
         Mobile
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Moon Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M13.787 10.074a.713.713 0 0 0-.864-.116c-.125.077-.26.135-.394.192-1.766.72-3.888-.21-4.704-2.208-.73-1.795-.086-3.734 1.344-4.617a.72.72 0 0 0 .317-.807A.709.709 0 0 0 8.795 2H8.67c-3.312 0-6 2.688-6 6s2.688 6 6 6a6.003 6.003 0 0 0 5.232-3.062.715.715 0 0 0-.125-.864h.01Z"
+          fill="currentColor"
+        />
+      </svg>
+      <span>
+        Moon
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2401,7 +2470,7 @@
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M4.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1ZM10.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1Z"
+          d="M3.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833ZM9.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833Z"
           fill="currentColor"
         />
       </svg>
@@ -2409,6 +2478,31 @@
         Pause
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Pending Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M8 11.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Zm0 1.5a5.25 5.25 0 1 0 0-10.5 5.25 5.25 0 0 0 0 10.5Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Pending
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2608,6 +2702,35 @@
         Primary
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Project Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
+          fill="currentColor"
+        />
+        <path
+          clip-rule="evenodd"
+          d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
+          fill="currentColor"
+          fill-rule="evenodd"
+        />
+      </svg>
+      <span>
+        Project
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3184,6 +3307,33 @@
         Stitch
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Stop Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect
+          fill="currentColor"
+          height="10"
+          rx="1"
+          width="10"
+          x="3"
+          y="3"
+        />
+      </svg>
+      <span>
+        Stop
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3207,6 +3357,29 @@
         String
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <svg
+        aria-label="Sun Icon"
+        class=""
+        color="#000000"
+        fill="none"
+        height="16"
+        role="img"
+        viewBox="0 0 16 16"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12.24 10.83a.996.996 0 1 0-1.41 1.41l.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71ZM8 12c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1s1-.45 1-1v-1c0-.55-.45-1-1-1ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM14 7h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1s-.45-1-1-1ZM3.76 10.83l-.71.71a.996.996 0 1 0 1.41 1.41l.71-.71a.996.996 0 1 0-1.41-1.41ZM8 4c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1ZM3.76 5.17a.996.996 0 1 0 1.41-1.41l-.71-.71a.996.996 0 1 0-1.41 1.41l.71.71ZM4 8c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1ZM12.24 5.17l.71-.71a.996.996 0 1 0-1.41-1.41l-.71.71a.996.996 0 1 0 1.41 1.41Z"
+          fill="currentColor"
+        />
+      </svg>
+      <span>
+        Sun
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
diff --git a/apps/spruce/src/components/IconTooltip/__snapshots__/IconTooltip_Icons.storyshot b/apps/spruce/src/components/IconTooltip/__snapshots__/IconTooltip_Icons.storyshot
index 6e7372f74..616db4fea 100644
--- a/apps/spruce/src/components/IconTooltip/__snapshots__/IconTooltip_Icons.storyshot
+++ b/apps/spruce/src/components/IconTooltip/__snapshots__/IconTooltip_Icons.storyshot
@@ -1043,39 +1043,6 @@
         CodeBlock
       </span>
     </div>
-    <div
-      class="css-141et6l"
-    >
-      <div
-        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
-      >
-        <svg
-          aria-label="Collections Icon"
-          class=""
-          color="#000000"
-          fill="none"
-          height="16"
-          role="img"
-          viewBox="0 0 16 16"
-          width="16"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
-            fill="currentColor"
-          />
-          <path
-            clip-rule="evenodd"
-            d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
-            fill="currentColor"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </div>
-      <span>
-        Collections
-      </span>
-    </div>
     <div
       class="css-141et6l"
     >
@@ -1558,6 +1525,64 @@
         Email
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Eraser Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M8.381 1.934a2.014 2.014 0 0 1 2.817 0l3.228 3.228a2.014 2.014 0 0 1 0 2.817l-5.258 5.258h5.289c.29 0 .526.235.526.526v.35c0 .292-.235.527-.526.527h-9.51a.702.702 0 0 1-.495-.205l-2.878-2.877a2.014 2.014 0 0 1 0-2.817l6.807-6.807ZM8.1 12.32a.5.5 0 0 0 0-.707L4.747 8.26a.5.5 0 0 0-.707 0L2.566 9.733a.612.612 0 0 0 0 .832l2.518 2.518a.527.527 0 0 0 .372.154h1.51c.139 0 .273-.056.372-.155l.762-.762Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Eraser
+      </span>
+    </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Escalation Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M13.361 4.423a.556.556 0 0 0-.26-.97L5.146 2.009a.556.556 0 0 0-.636.69l1.787 6.672a.556.556 0 0 0 .896.28l6.168-5.228ZM2.911 2.102a.556.556 0 0 0-.392.68l3.163 11.806a.556.556 0 1 0 1.074-.287L3.592 2.493a.556.556 0 0 0-.68-.392Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Escalation
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -1634,8 +1659,10 @@
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M8 0c1.6 0 2.8 1.3 2.8 3 0 1.5-1 2.7-2.3 3v2.1l3.1 2.4c.4-.3 1-.5 1.5-.5 1.6 0 2.8 1.3 2.8 3s-1.3 3-2.8 3c-1.6 0-2.8-1.3-2.8-3 0-.7.2-1.3.6-1.8L8 9l-2.9 2.2c.4.5.6 1.1.6 1.8 0 1.7-1.3 3-2.8 3C1.4 16 0 14.7 0 13s1.3-3 2.8-3c.6 0 1.1.2 1.5.5l3.1-2.4V5.9C6.2 5.7 5.2 4.5 5.2 3c0-1.7 1.2-3 2.8-3Zm0 5c.8 0 1.9-.8 1.9-2C9.9 1.9 9 1 8 1c-1 0-1.9.9-1.9 2 0 1.2 1 2 1.9 2Zm-5.2 6c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.8-2-1.9-2Zm10.4 0c-1 0-1.9.9-1.9 2s.8 2 1.9 2c1.1 0 1.9-.9 1.9-2s-.9-2-1.9-2Z"
+            clip-rule="evenodd"
+            d="M9.333 4.19a1.276 1.276 0 1 1-2.552 0 1.276 1.276 0 0 1 2.552 0Zm-.32 3.045A3.192 3.192 0 0 0 8.058 1 3.19 3.19 0 0 0 7.1 7.235v1.627l-1.706.984a3.19 3.19 0 1 0 .924 1.677l1.732-1 1.642.948a3.192 3.192 0 0 0 5.88 2.28 3.19 3.19 0 0 0-4.928-3.94l-1.63-.942V7.235Zm3.158 6.025a1.276 1.276 0 1 1 1.276-2.21 1.276 1.276 0 0 1-1.276 2.21ZM2.086 11.517a1.276 1.276 0 1 0 2.21 1.276 1.276 1.276 0 0 0-2.21-1.276Z"
             fill="currentColor"
+            fill-rule="evenodd"
           />
         </svg>
       </div>
@@ -1781,6 +1808,33 @@
         Folder
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Format Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M2 4a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1Zm1 3a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2H3Zm4-7a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm4 4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <span>
+        Format
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2330,13 +2384,13 @@
         >
           <path
             clip-rule="evenodd"
-            d="M1 3a1 1 0 0 1 1-1h4.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H3v8h3.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H2a1 1 0 0 1-1-1V3Z"
+            d="M15 13a1 1 0 0 1-1 1H9.75a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75H13V4H9.75A.75.75 0 0 1 9 3.25v-.5A.75.75 0 0 1 9.75 2H14a1 1 0 0 1 1 1v10Z"
             fill="currentColor"
             fill-rule="evenodd"
           />
           <path
             clip-rule="evenodd"
-            d="M9.495 4.116 6.293 7.318a1 1 0 0 0 0 1.414l3.202 3.202a.75.75 0 0 0 1.06 0l.354-.353a.75.75 0 0 0 0-1.061L9.389 9h4.861a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H9.44l1.469-1.47a.75.75 0 0 0 0-1.06l-.354-.354a.75.75 0 0 0-1.06 0Z"
+            d="m6.505 11.884 3.202-3.202a1 1 0 0 0 0-1.414L6.505 4.066a.75.75 0 0 0-1.06 0l-.354.353a.75.75 0 0 0 0 1.061L6.611 7H1.75a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h4.81l-1.469 1.47a.75.75 0 0 0 0 1.06l.354.354a.75.75 0 0 0 1.06 0Z"
             fill="currentColor"
             fill-rule="evenodd"
           />
@@ -2522,6 +2576,33 @@
         Mobile
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Moon Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M13.787 10.074a.713.713 0 0 0-.864-.116c-.125.077-.26.135-.394.192-1.766.72-3.888-.21-4.704-2.208-.73-1.795-.086-3.734 1.344-4.617a.72.72 0 0 0 .317-.807A.709.709 0 0 0 8.795 2H8.67c-3.312 0-6 2.688-6 6s2.688 6 6 6a6.003 6.003 0 0 0 5.232-3.062.715.715 0 0 0-.125-.864h.01Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <span>
+        Moon
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -2784,7 +2865,7 @@
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M4.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1ZM10.5 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1Z"
+            d="M3.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833ZM9.5 3.833c0-.46.448-.833 1-.833h1c.552 0 1 .373 1 .833v8.334c0 .46-.448.833-1 .833h-1c-.552 0-1-.373-1-.833V3.833Z"
             fill="currentColor"
           />
         </svg>
@@ -2793,6 +2874,35 @@
         Pause
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Pending Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M8 11.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Zm0 1.5a5.25 5.25 0 1 0 0-10.5 5.25 5.25 0 0 0 0 10.5Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Pending
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3024,6 +3134,39 @@
         Primary
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Project Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13A.5.5 0 0 1 1 4V2Z"
+            fill="currentColor"
+          />
+          <path
+            clip-rule="evenodd"
+            d="M2.75 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h10.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H2.75ZM6.25 7a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 0-1h-3.5Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <span>
+        Project
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3692,6 +3835,37 @@
         Stitch
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Stop Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <rect
+            fill="currentColor"
+            height="10"
+            rx="1"
+            width="10"
+            x="3"
+            y="3"
+          />
+        </svg>
+      </div>
+      <span>
+        Stop
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
@@ -3719,6 +3893,33 @@
         String
       </span>
     </div>
+    <div
+      class="css-141et6l"
+    >
+      <div
+        class="leafygreen-ui-cssveg css-1c025ob-IconWrapper e1g9h96g0"
+      >
+        <svg
+          aria-label="Sun Icon"
+          class=""
+          color="#000000"
+          fill="none"
+          height="16"
+          role="img"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12.24 10.83a.996.996 0 1 0-1.41 1.41l.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71ZM8 12c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1s1-.45 1-1v-1c0-.55-.45-1-1-1ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM14 7h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1s-.45-1-1-1ZM3.76 10.83l-.71.71a.996.996 0 1 0 1.41 1.41l.71-.71a.996.996 0 1 0-1.41-1.41ZM8 4c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1ZM3.76 5.17a.996.996 0 1 0 1.41-1.41l-.71-.71a.996.996 0 1 0-1.41 1.41l.71.71ZM4 8c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1ZM12.24 5.17l.71-.71a.996.996 0 1 0-1.41-1.41l-.71.71a.996.996 0 1 0 1.41 1.41Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <span>
+        Sun
+      </span>
+    </div>
     <div
       class="css-141et6l"
     >
diff --git a/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector_Default.storyshot b/apps/spruce/src/components/PageSizeSelector/__snapshots__/PageSizeSelector_Default.storyshot
index 4c957f2f0..234ef0077 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-209-menu"
-      aria-describedby="select-209-description"
+      aria-controls="select-216-menu"
+      aria-describedby="select-216-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-210"
+      id="select-217"
       type="button"
       value="10"
     >
diff --git a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example1.storyshot b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example1.storyshot
index 30dbff0d3..f2583dac5 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-228"
-                      id="select-227-label"
+                      for="select-235"
+                      id="select-234-label"
                     >
                       Project Cloning Method
                     </label>
                   </div>
                   <button
-                    aria-controls="select-227-menu"
-                    aria-describedby="select-227-description"
+                    aria-controls="select-234-menu"
+                    aria-describedby="select-234-description"
                     aria-disabled="false"
                     aria-expanded="false"
                     aria-invalid="false"
-                    aria-labelledby="select-227-label"
+                    aria-labelledby="select-234-label"
                     class="lg-ui-button-0000 leafygreen-ui-1p6i2zy"
                     data-lgid="lg-button"
                     data-testid="leafygreen-ui-select-menubutton"
-                    id="select-228"
+                    id="select-235"
                     type="button"
                     value="legacy-ssh"
                   >
@@ -185,8 +185,8 @@
                                 class="leafygreen-ui-6bdaia"
                                 data-lgid="lg-label"
                                 data-testid="lg-form_field-label"
-                                for="lg-form_field-input-232"
-                                id="lg-form_field-label-229"
+                                for="lg-form_field-input-239"
+                                id="lg-form_field-label-236"
                               >
                                 key
                               </label>
@@ -201,10 +201,10 @@
                                   aria-describedby=""
                                   aria-disabled="false"
                                   aria-invalid="false"
-                                  aria-labelledby="lg-form_field-label-229"
+                                  aria-labelledby="lg-form_field-label-236"
                                   autocomplete="on"
                                   class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-                                  id="lg-form_field-input-232"
+                                  id="lg-form_field-input-239"
                                   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-231"
+                              id="lg-form_field-feedback-238"
                             />
                           </div>
                         </div>
@@ -240,8 +240,8 @@
                                 class="leafygreen-ui-6bdaia"
                                 data-lgid="lg-label"
                                 data-testid="lg-form_field-label"
-                                for="lg-form_field-input-236"
-                                id="lg-form_field-label-233"
+                                for="lg-form_field-input-243"
+                                id="lg-form_field-label-240"
                               >
                                 value
                               </label>
@@ -256,10 +256,10 @@
                                   aria-describedby=""
                                   aria-disabled="false"
                                   aria-invalid="false"
-                                  aria-labelledby="lg-form_field-label-233"
+                                  aria-labelledby="lg-form_field-label-240"
                                   autocomplete="on"
                                   class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-                                  id="lg-form_field-input-236"
+                                  id="lg-form_field-input-243"
                                   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-235"
+                              id="lg-form_field-feedback-242"
                             />
                           </div>
                         </div>
@@ -332,14 +332,14 @@
                   <label
                     class="leafygreen-ui-1fi5x3a"
                     data-lgid="lg-label"
-                    for="textarea-237"
+                    for="textarea-244"
                   >
                     Valid Projects
                   </label>
                   <textarea
                     aria-invalid="false"
                     class="leafygreen-ui-18em0fn"
-                    id="textarea-237"
+                    id="textarea-244"
                     rows="5"
                     title="Valid Projects"
                   />
diff --git a/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example2.storyshot b/apps/spruce/src/components/SpruceForm/__snapshots__/SpruceForm_Example2.storyshot
index b157d58ae..81c260832 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-238"
-                    id="checkbox-238-label"
+                    for="checkbox-245"
+                    id="checkbox-245-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-238-label"
+                      aria-labelledby="checkbox-245-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-238"
+                      id="checkbox-245"
                       type="checkbox"
                     />
                     <div
@@ -98,16 +98,16 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-239"
-                    id="checkbox-239-label"
+                    for="checkbox-246"
+                    id="checkbox-246-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-239-label"
+                      aria-labelledby="checkbox-246-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-239"
+                      id="checkbox-246"
                       type="checkbox"
                     />
                     <div
@@ -157,16 +157,16 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-240"
-                    id="checkbox-240-label"
+                    for="checkbox-247"
+                    id="checkbox-247-label"
                   >
                     <input
                       aria-checked="false"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-240-label"
+                      aria-labelledby="checkbox-247-label"
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-240"
+                      id="checkbox-247"
                       type="checkbox"
                     />
                     <div
@@ -216,17 +216,17 @@
                   <label
                     class="leafygreen-ui-1srek1y"
                     data-lgid="lg-label"
-                    for="checkbox-241"
-                    id="checkbox-241-label"
+                    for="checkbox-248"
+                    id="checkbox-248-label"
                   >
                     <input
                       aria-checked="true"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-241-label"
+                      aria-labelledby="checkbox-248-label"
                       checked=""
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-241"
+                      id="checkbox-248"
                       type="checkbox"
                     />
                     <div
@@ -285,7 +285,7 @@
                     >
                       <input
                         aria-checked="false"
-                        aria-describedby="lg-242"
+                        aria-describedby="lg-249"
                         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-243"
+                        aria-describedby="lg-250"
                         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 06eeedcf3..ac237dfae 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-244"
-                    id="checkbox-244-label"
+                    for="checkbox-251"
+                    id="checkbox-251-label"
                   >
                     <input
                       aria-checked="true"
                       aria-disabled="false"
                       aria-label="checkbox"
-                      aria-labelledby="checkbox-244-label"
+                      aria-labelledby="checkbox-251-label"
                       checked=""
                       class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
-                      id="checkbox-244"
+                      id="checkbox-251"
                       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 5ead22a06..c573b3a6d 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-245-menu"
-          aria-describedby="select-245-description"
+          aria-controls="select-252-menu"
+          aria-describedby="select-252-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-246"
+          id="select-253"
           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 0b7d2c822..8b976bf16 100644
--- a/apps/spruce/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation_Default.storyshot
+++ b/apps/spruce/src/components/TextInputWithValidation/__snapshots__/TextInputWithValidation_Default.storyshot
@@ -13,8 +13,8 @@
           class="leafygreen-ui-6bdaia"
           data-lgid="lg-label"
           data-testid="lg-form_field-label"
-          for="lg-form_field-input-250"
-          id="lg-form_field-label-247"
+          for="lg-form_field-input-257"
+          id="lg-form_field-label-254"
         >
           Some search field
         </label>
@@ -29,10 +29,10 @@
             aria-describedby=""
             aria-disabled="false"
             aria-invalid="false"
-            aria-labelledby="lg-form_field-label-247"
+            aria-labelledby="lg-form_field-label-254"
             autocomplete="on"
             class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
-            id="lg-form_field-input-250"
+            id="lg-form_field-input-257"
             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-249"
+        id="lg-form_field-feedback-256"
       />
     </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 f1ea56530..a24a58027 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-251"
-          id="checkbox-251-label"
+          for="checkbox-258"
+          id="checkbox-258-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-251-label"
+            aria-labelledby="checkbox-258-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-251"
+            id="checkbox-258"
             type="checkbox"
           />
           <div
@@ -68,17 +68,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-252"
-          id="checkbox-252-label"
+          for="checkbox-259"
+          id="checkbox-259-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-252-label"
+            aria-labelledby="checkbox-259-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-252"
+            id="checkbox-259"
             type="checkbox"
           />
           <div
@@ -123,17 +123,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-253"
-          id="checkbox-253-label"
+          for="checkbox-260"
+          id="checkbox-260-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-253-label"
+            aria-labelledby="checkbox-260-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-253"
+            id="checkbox-260"
             type="checkbox"
           />
           <div
@@ -178,17 +178,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-254"
-          id="checkbox-254-label"
+          for="checkbox-261"
+          id="checkbox-261-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-254-label"
+            aria-labelledby="checkbox-261-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-254"
+            id="checkbox-261"
             type="checkbox"
           />
           <div
@@ -233,17 +233,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-255"
-          id="checkbox-255-label"
+          for="checkbox-262"
+          id="checkbox-262-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-255-label"
+            aria-labelledby="checkbox-262-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-255"
+            id="checkbox-262"
             type="checkbox"
           />
           <div
@@ -288,17 +288,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-256"
-          id="checkbox-256-label"
+          for="checkbox-263"
+          id="checkbox-263-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-256-label"
+            aria-labelledby="checkbox-263-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-256"
+            id="checkbox-263"
             type="checkbox"
           />
           <div
@@ -343,17 +343,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-257"
-          id="checkbox-257-label"
+          for="checkbox-264"
+          id="checkbox-264-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-257-label"
+            aria-labelledby="checkbox-264-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-257"
+            id="checkbox-264"
             type="checkbox"
           />
           <div
@@ -398,17 +398,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-258"
-          id="checkbox-258-label"
+          for="checkbox-265"
+          id="checkbox-265-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-258-label"
+            aria-labelledby="checkbox-265-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-258"
+            id="checkbox-265"
             type="checkbox"
           />
           <div
@@ -453,17 +453,17 @@
         <label
           class="leafygreen-ui-1srek1y"
           data-lgid="lg-label"
-          for="checkbox-259"
-          id="checkbox-259-label"
+          for="checkbox-266"
+          id="checkbox-266-label"
         >
           <input
             aria-checked="false"
             aria-disabled="false"
             aria-label="checkbox"
-            aria-labelledby="checkbox-259-label"
+            aria-labelledby="checkbox-266-label"
             class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
             data-cy="checkbox"
-            id="checkbox-259"
+            id="checkbox-266"
             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 301fad2e4..97b68b7c6 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-260-menu"
-          aria-describedby="select-260-description"
+          aria-controls="select-267-menu"
+          aria-describedby="select-267-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-261"
+          id="select-268"
           type="button"
           value="build_variant"
         >
@@ -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-264"
+            id="lg-form_field-feedback-271"
           />
         </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 419b403fe..e663ce0a1 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-266"
-            aria-owns="segmented-control-266-0 segmented-control-266-1"
+            aria-label="segmented-control-273"
+            aria-owns="segmented-control-273-0 segmented-control-273-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-266-0"
+                  id="segmented-control-273-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-266-1"
+                  id="segmented-control-273-1"
                   role="tab"
                   tabindex="-1"
                   type="button"
@@ -98,8 +98,8 @@
         data-lgid="lg-select"
       >
         <button
-          aria-controls="select-267-menu"
-          aria-describedby="select-267-description"
+          aria-controls="select-274-menu"
+          aria-describedby="select-274-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-268"
+          id="select-275"
           type="button"
           value="build_variant"
         >
@@ -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-271"
+            id="lg-form_field-feedback-278"
           />
         </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 ef5aa9156..a90b9c83f 100644
--- a/apps/spruce/src/pages/commits/__snapshots__/ProjectHealth_Default.storyshot
+++ b/apps/spruce/src/pages/commits/__snapshots__/ProjectHealth_Default.storyshot
@@ -254,7 +254,7 @@
                             >
                               <input
                                 aria-checked="true"
-                                aria-describedby="lg-289"
+                                aria-describedby="lg-296"
                                 aria-disabled="false"
                                 checked=""
                                 class="lg-ui-radio-group-0002 leafygreen-ui-1iwed1m"
@@ -283,7 +283,7 @@
                               for="chart-radio-percent"
                             >
                               <input
-                                aria-describedby="lg-290"
+                                aria-describedby="lg-297"
                                 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 ef8f8f135..d7f8426f8 100644
--- a/apps/spruce/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore_ConfigureTasksDefault.storyshot
+++ b/apps/spruce/src/pages/configurePatch/configurePatchCore/__snapshots__/ConfigurePatchCore_ConfigureTasksDefault.storyshot
@@ -13,8 +13,8 @@
           class="leafygreen-ui-6bdaia"
           data-lgid="lg-label"
           data-testid="lg-form_field-label"
-          for="lg-form_field-input-317"
-          id="lg-form_field-label-314"
+          for="lg-form_field-input-324"
+          id="lg-form_field-label-321"
         >
           Patch Name
         </label>
@@ -29,11 +29,11 @@
             aria-describedby=""
             aria-disabled="false"
             aria-invalid="false"
-            aria-labelledby="lg-form_field-label-314"
+            aria-labelledby="lg-form_field-label-321"
             autocomplete="on"
             class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
             data-cy="patch-name-input"
-            id="lg-form_field-input-317"
+            id="lg-form_field-input-324"
             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-316"
+        id="lg-form_field-feedback-323"
       />
     </div>
     <div
@@ -263,12 +263,12 @@
               role="tablist"
             >
               <button
-                aria-controls="tab-panel-318"
+                aria-controls="tab-panel-325"
                 aria-selected="true"
                 class="leafygreen-ui-oq6if2"
                 data-cy="tasks-tab"
                 data-text="Configure"
-                id="tab-319"
+                id="tab-326"
                 name="Configure"
                 role="tab"
                 tabindex="0"
@@ -280,12 +280,12 @@
                 </div>
               </button>
               <button
-                aria-controls="tab-panel-320"
+                aria-controls="tab-panel-327"
                 aria-selected="false"
                 class="leafygreen-ui-1vvp6ij"
                 data-cy="changes-tab"
                 data-text="Changes"
-                id="tab-321"
+                id="tab-328"
                 name="Changes"
                 role="tab"
                 tabindex="-1"
@@ -297,12 +297,12 @@
                 </div>
               </button>
               <button
-                aria-controls="tab-panel-322"
+                aria-controls="tab-panel-329"
                 aria-selected="false"
                 class="leafygreen-ui-1vvp6ij"
                 data-cy="parameters-tab"
                 data-text="Parameters"
-                id="tab-323"
+                id="tab-330"
                 name="Parameters"
                 role="tab"
                 tabindex="-1"
@@ -326,9 +326,9 @@
             data-lgid="lg-tabs-tab_panels"
           >
             <div
-              aria-labelledby="tab-319"
+              aria-labelledby="tab-326"
               data-cy="tasks-tab"
-              id="tab-panel-318"
+              id="tab-panel-325"
               role="tabpanel"
             >
               <div
@@ -362,7 +362,7 @@
                             autocomplete="on"
                             class="lg-ui-form-field-input-0000 leafygreen-ui-1ago99h"
                             data-cy="task-filter-input"
-                            id="lg-form_field-input-332"
+                            id="lg-form_field-input-339"
                             placeholder="Search tasks regex"
                             required=""
                             type="text"
@@ -376,7 +376,7 @@
                         class="leafygreen-ui-11ydt2g"
                         data-lgid="lg-form_field-feedback"
                         data-testid="lg-form_field-feedback"
-                        id="lg-form_field-feedback-331"
+                        id="lg-form_field-feedback-338"
                       />
                     </div>
                     <div
@@ -419,17 +419,17 @@
                     <label
                       class="leafygreen-ui-1srek1y"
                       data-lgid="lg-label"
-                      for="checkbox-333"
-                      id="checkbox-333-label"
+                      for="checkbox-340"
+                      id="checkbox-340-label"
                     >
                       <input
                         aria-checked="false"
                         aria-disabled="false"
                         aria-label="checkbox"
-                        aria-labelledby="checkbox-333-label"
+                        aria-labelledby="checkbox-340-label"
                         class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
                         data-cy="select-all-checkbox"
-                        id="checkbox-333"
+                        id="checkbox-340"
                         type="checkbox"
                       />
                       <div
@@ -485,17 +485,17 @@
                     <label
                       class="leafygreen-ui-1srek1y"
                       data-lgid="lg-label"
-                      for="checkbox-334"
-                      id="checkbox-334-label"
+                      for="checkbox-341"
+                      id="checkbox-341-label"
                     >
                       <input
                         aria-checked="false"
                         aria-disabled="false"
                         aria-label="checkbox"
-                        aria-labelledby="checkbox-334-label"
+                        aria-labelledby="checkbox-341-label"
                         class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
                         data-cy="task-checkbox"
-                        id="checkbox-334"
+                        id="checkbox-341"
                         type="checkbox"
                       />
                       <div
@@ -536,17 +536,17 @@
                     <label
                       class="leafygreen-ui-1srek1y"
                       data-lgid="lg-label"
-                      for="checkbox-335"
-                      id="checkbox-335-label"
+                      for="checkbox-342"
+                      id="checkbox-342-label"
                     >
                       <input
                         aria-checked="false"
                         aria-disabled="false"
                         aria-label="checkbox"
-                        aria-labelledby="checkbox-335-label"
+                        aria-labelledby="checkbox-342-label"
                         class="lg-ui-input-0000 leafygreen-ui-1a1e5kp"
                         data-cy="task-checkbox"
-                        id="checkbox-335"
+                        id="checkbox-342"
                         type="checkbox"
                       />
                       <div
@@ -584,15 +584,15 @@
               </div>
             </div>
             <div
-              aria-labelledby="tab-321"
+              aria-labelledby="tab-328"
               data-cy="changes-tab"
-              id="tab-panel-320"
+              id="tab-panel-327"
               role="tabpanel"
             />
             <div
-              aria-labelledby="tab-323"
+              aria-labelledby="tab-330"
               data-cy="parameters-tab"
-              id="tab-panel-322"
+              id="tab-panel-329"
               role="tabpanel"
             />
           </div>
diff --git a/packages/lib/package.json b/packages/lib/package.json
index ef29f4de7..0040776d6 100644
--- a/packages/lib/package.json
+++ b/packages/lib/package.json
@@ -17,7 +17,7 @@
     "@emotion/react": "11.13.3",
     "@emotion/styled": "11.13.0",
     "@leafygreen-ui/emotion": "4.0.7",
-    "@leafygreen-ui/icon": "^11.28.0",
+    "@leafygreen-ui/icon": "^12.6.0",
     "@leafygreen-ui/text-input": "^13.0.2",
     "@leafygreen-ui/tokens": "^2.5.2",
     "graphql": "16.8.1",
diff --git a/yarn.lock b/yarn.lock
index 66c7a6be6..b5b90491a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2890,7 +2890,7 @@
     "@leafygreen-ui/tokens" "^2.5.2"
     polished "^4.2.2"
 
-"@leafygreen-ui/icon@^11.13.1", "@leafygreen-ui/icon@^11.23.0", "@leafygreen-ui/icon@^11.26.0", "@leafygreen-ui/icon@^11.28.0":
+"@leafygreen-ui/icon@^11.13.1", "@leafygreen-ui/icon@^11.23.0":
   version "11.29.1"
   resolved "https://registry.yarnpkg.com/@leafygreen-ui/icon/-/icon-11.29.1.tgz#f61115a5b0b36310a5ffb008bf51dd9ae8982917"
   integrity sha512-bCfeJ3mndU5wHayMWfkVWo0NXhPpBpHIG53aox/eRterqLvWg6jWyiuF930MHbyWDNEXC9Qw1WD637kZ93mmog==