From ae4f5a92c67a6a39c1e05327f52ffdd60096152f Mon Sep 17 00:00:00 2001
From: Tyler Jones <tylerjdev@github.com>
Date: Thu, 1 Aug 2024 16:39:54 -0400
Subject: [PATCH] Update snapshots

---
 .../__snapshots__/Token.test.tsx.snap         |  100 +-
 .../TextInputWithTokens.test.tsx.snap         | 1868 +++++++++--------
 2 files changed, 1065 insertions(+), 903 deletions(-)

diff --git a/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap b/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap
index 5b47071d189..03df8bfbb06 100644
--- a/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap
+++ b/packages/react/src/Token/__tests__/__snapshots__/Token.test.tsx.snap
@@ -188,11 +188,11 @@ exports[`Token components AvatarToken renders all sizes 1`] = `
     className="c4"
   >
     token
-  </span>
-  <span
-    className="c5"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c5"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -414,11 +414,11 @@ exports[`Token components AvatarToken renders all sizes 2`] = `
     className="c4"
   >
     token
-  </span>
-  <span
-    className="c5"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c5"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -640,11 +640,11 @@ exports[`Token components AvatarToken renders all sizes 3`] = `
     className="c4"
   >
     token
-  </span>
-  <span
-    className="c5"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c5"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -868,11 +868,11 @@ exports[`Token components AvatarToken renders all sizes 4`] = `
     className="c4"
   >
     token
-  </span>
-  <span
-    className="c5"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c5"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -1223,11 +1223,11 @@ exports[`Token components AvatarToken renders with a remove button 1`] = `
     className="c4"
   >
     token
-  </span>
-  <span
-    className="c5"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c5"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -2719,11 +2719,11 @@ exports[`Token components Token renders all sizes 1`] = `
     className="c1"
   >
     token
-  </span>
-  <span
-    className="c2"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c2"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -2898,11 +2898,11 @@ exports[`Token components Token renders all sizes 2`] = `
     className="c1"
   >
     token
-  </span>
-  <span
-    className="c2"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c2"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -3077,11 +3077,11 @@ exports[`Token components Token renders all sizes 3`] = `
     className="c1"
   >
     token
-  </span>
-  <span
-    className="c2"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c2"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -3258,11 +3258,11 @@ exports[`Token components Token renders all sizes 4`] = `
     className="c1"
   >
     token
-  </span>
-  <span
-    className="c2"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c2"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
@@ -3620,11 +3620,11 @@ exports[`Token components Token renders with a remove button 1`] = `
     className="c1"
   >
     token
-  </span>
-  <span
-    className="c2"
-  >
-     (press backspace or delete to remove)
+    <span
+      className="c2"
+    >
+       (press backspace or delete to remove)
+    </span>
   </span>
   <button
     aria-hidden="false"
diff --git a/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
index 379c8e69b12..ac34bfc9ddb 100644
--- a/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
+++ b/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
@@ -359,14 +359,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -409,14 +410,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -459,14 +461,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -509,14 +512,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -559,14 +563,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -609,14 +614,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -659,14 +665,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -709,14 +716,15 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -1113,14 +1121,15 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -1163,14 +1172,15 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -1752,14 +1762,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -1802,14 +1813,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -1852,14 +1864,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -1902,14 +1915,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -1952,14 +1966,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -2002,14 +2017,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -2052,14 +2068,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -2102,14 +2119,15 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -2481,14 +2499,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -2531,14 +2550,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -2581,14 +2601,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -2631,14 +2652,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -2681,14 +2703,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -2731,14 +2754,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -2781,14 +2805,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -2831,14 +2856,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="small"
@@ -3210,14 +3236,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3260,14 +3287,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3310,14 +3338,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3360,14 +3389,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3410,14 +3440,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3460,14 +3491,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3510,14 +3542,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3560,14 +3593,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="medium"
@@ -3936,14 +3970,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -3986,14 +4021,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -4036,14 +4072,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -4086,14 +4123,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -4136,14 +4174,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -4186,14 +4225,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -4236,14 +4276,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -4286,14 +4327,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="large"
@@ -4664,14 +4706,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -4714,14 +4757,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -4764,14 +4808,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -4814,14 +4859,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -4864,14 +4910,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -4914,14 +4961,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -4964,14 +5012,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5014,14 +5063,15 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5390,14 +5440,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5440,14 +5491,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5490,14 +5542,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5540,14 +5593,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5590,14 +5644,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5640,14 +5695,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5690,14 +5746,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -5740,14 +5797,15 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -6064,11 +6122,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
     <span
@@ -6085,11 +6143,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
     <span
@@ -6106,11 +6164,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
     <span
@@ -6127,11 +6185,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
     <span
@@ -6148,11 +6206,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
     <span
@@ -6169,11 +6227,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
     <span
@@ -6190,11 +6248,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
     <span
@@ -6211,11 +6269,11 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi
         className="c6"
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
     </span>
   </div>
@@ -6592,14 +6650,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -6642,14 +6701,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -6692,14 +6752,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -6742,14 +6803,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -6792,14 +6854,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -6842,14 +6905,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -6892,14 +6956,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -6942,14 +7007,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -7454,14 +7520,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -7504,14 +7571,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -7554,14 +7622,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -7604,14 +7673,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -7654,14 +7724,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -7704,14 +7775,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -7754,14 +7826,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -7804,14 +7877,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -8257,17 +8331,18 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
       >
         <span
           className="c6"
-          onClick={[Function]}
-        >
-          zero
-        </span>
-        <span
-          className="c7"
+          onClick={[Function]}
         >
-           (press backspace or delete to remove)
+          zero
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -8310,14 +8385,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -8360,14 +8436,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -8410,14 +8487,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -8460,14 +8538,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -8510,14 +8589,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -8560,14 +8640,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -8610,14 +8691,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -9161,14 +9243,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -9211,14 +9294,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -9261,14 +9345,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -9311,14 +9396,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -9361,14 +9447,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -9411,14 +9498,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -9461,14 +9549,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -9511,14 +9600,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10062,14 +10152,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10112,14 +10203,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10162,14 +10254,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10212,14 +10305,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10262,14 +10356,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10312,14 +10407,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10362,14 +10458,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10412,14 +10509,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -10963,14 +11061,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11013,14 +11112,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11063,14 +11163,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11113,14 +11214,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11163,14 +11265,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11212,15 +11315,16 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           className="c11"
           onClick={[Function]}
         >
-          five
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          five
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11263,14 +11367,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11313,14 +11418,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -11778,14 +11884,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -11828,14 +11935,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -11878,14 +11986,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -11928,14 +12037,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -11978,14 +12088,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -12028,14 +12139,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -12078,14 +12190,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -12128,14 +12241,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -12679,14 +12793,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -12729,14 +12844,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -12779,14 +12895,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -12829,14 +12946,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -12879,14 +12997,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -12929,14 +13048,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -12979,14 +13099,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -13029,14 +13150,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c11"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c11"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c12"
           onClick={[Function]}
           size="xlarge"
@@ -13524,14 +13646,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -13574,14 +13697,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -13624,14 +13748,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -13674,14 +13799,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -13724,14 +13850,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -13774,14 +13901,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -13824,14 +13952,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -13874,14 +14003,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c7"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c7"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c8"
           onClick={[Function]}
           size="xlarge"
@@ -14469,14 +14599,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -14519,14 +14650,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -14569,14 +14701,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -14619,14 +14752,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -14669,14 +14803,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -14719,14 +14854,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -14769,14 +14905,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -14819,14 +14956,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="small"
@@ -15409,14 +15547,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -15459,14 +15598,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -15509,14 +15649,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -15559,14 +15700,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -15609,14 +15751,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -15659,14 +15802,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -15709,14 +15853,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -15759,14 +15904,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="xlarge"
@@ -16347,14 +16493,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           zero
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -16397,14 +16544,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           one
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -16447,14 +16595,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           two
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -16497,14 +16646,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           three
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -16547,14 +16697,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           four
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -16597,14 +16748,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           five
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -16647,14 +16799,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           six
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -16697,14 +16850,15 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
           onClick={[Function]}
         >
           seven
-        </span>
-        <span
-          className="c12"
-        >
-           (press backspace or delete to remove)
+          <span
+            className="c12"
+          >
+             (press backspace or delete to remove)
+          </span>
         </span>
         <span
           aria-hidden="true"
+          aria-label="Remove token"
           className="c13"
           onClick={[Function]}
           size="large"
@@ -17152,14 +17306,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         zero
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -17202,14 +17357,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         one
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -17252,14 +17408,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         two
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -17302,14 +17459,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         three
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -17352,14 +17510,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         four
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -17402,14 +17561,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         five
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -17452,14 +17612,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         six
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"
@@ -17502,14 +17663,15 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
         onClick={[Function]}
       >
         seven
-      </span>
-      <span
-        className="c7"
-      >
-         (press backspace or delete to remove)
+        <span
+          className="c7"
+        >
+           (press backspace or delete to remove)
+        </span>
       </span>
       <span
         aria-hidden="true"
+        aria-label="Remove token"
         className="c8"
         onClick={[Function]}
         size="xlarge"