diff --git a/.changeset/eighty-beers-warn.md b/.changeset/eighty-beers-warn.md
new file mode 100644
index 00000000000..7bbcb917e8b
--- /dev/null
+++ b/.changeset/eighty-beers-warn.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Upgrade @primer/octicons-react dependency to `^18.0.0`
diff --git a/package-lock.json b/package-lock.json
index be7dce2146d..b21e1e18843 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
"@github/relative-time-element": "^4.1.2",
"@lit-labs/react": "1.1.1",
"@primer/behaviors": "1.3.3",
- "@primer/octicons-react": "^17.7.0",
+ "@primer/octicons-react": "^18.0.0",
"@primer/primitives": "7.11.1",
"@react-aria/ssr": "^3.1.0",
"@styled-system/css": "^5.1.5",
@@ -6429,9 +6429,9 @@
"integrity": "sha512-iHMRuu8YWDJIdqCi1krx0cyFNeqszNKTOb0dXFu2wQ5BeIqxqPJLD7rjZ2Vjf/+YaPSbWuIQE1H6TaGMMsDfdA=="
},
"node_modules/@primer/octicons-react": {
- "version": "17.7.0",
- "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-17.7.0.tgz",
- "integrity": "sha512-rxJiArra+q7lorhzQH223btMcRR8di9TUei9DhQG18jmVEI+wQTY+MypI5FZqU8UyehBOtcnD4TWx+i4Zwpz5Q==",
+ "version": "18.0.0",
+ "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-18.0.0.tgz",
+ "integrity": "sha512-i97d9dIwjvt145XMIB0pekNi2w0ul8bMnjtXJolF8VS6mQNUFUF31hgjYYVAyaqKCMA3/IDQuHj1K0eHshy8Bw==",
"engines": {
"node": ">=8"
},
@@ -60240,9 +60240,9 @@
"integrity": "sha512-iHMRuu8YWDJIdqCi1krx0cyFNeqszNKTOb0dXFu2wQ5BeIqxqPJLD7rjZ2Vjf/+YaPSbWuIQE1H6TaGMMsDfdA=="
},
"@primer/octicons-react": {
- "version": "17.7.0",
- "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-17.7.0.tgz",
- "integrity": "sha512-rxJiArra+q7lorhzQH223btMcRR8di9TUei9DhQG18jmVEI+wQTY+MypI5FZqU8UyehBOtcnD4TWx+i4Zwpz5Q==",
+ "version": "18.0.0",
+ "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-18.0.0.tgz",
+ "integrity": "sha512-i97d9dIwjvt145XMIB0pekNi2w0ul8bMnjtXJolF8VS6mQNUFUF31hgjYYVAyaqKCMA3/IDQuHj1K0eHshy8Bw==",
"requires": {}
},
"@primer/primitives": {
diff --git a/package.json b/package.json
index ed724d8aa7c..9ce39a1594b 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,7 @@
"@github/relative-time-element": "^4.1.2",
"@lit-labs/react": "1.1.1",
"@primer/behaviors": "1.3.3",
- "@primer/octicons-react": "^17.7.0",
+ "@primer/octicons-react": "^18.0.0",
"@primer/primitives": "7.11.1",
"@react-aria/ssr": "^3.1.0",
"@styled-system/css": "^5.1.5",
diff --git a/src/NavList/__snapshots__/NavList.test.tsx.snap b/src/NavList/__snapshots__/NavList.test.tsx.snap
index 49de269f85a..f60acd85674 100644
--- a/src/NavList/__snapshots__/NavList.test.tsx.snap
+++ b/src/NavList/__snapshots__/NavList.test.tsx.snap
@@ -1245,8 +1245,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
width="16"
>
@@ -1733,8 +1732,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
width="16"
>
diff --git a/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap b/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap
index fb5be6ae280..896c2c3e434 100644
--- a/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap
+++ b/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap
@@ -50,11 +50,10 @@ exports[`StateLabel renders children 1`] = `
width={16}
>
hi
@@ -111,11 +110,10 @@ exports[`StateLabel renders consistently 1`] = `
width={16}
>
Open
@@ -172,11 +170,10 @@ exports[`StateLabel respects the status prop 1`] = `
width={16}
>
@@ -232,11 +229,10 @@ exports[`StateLabel respects the status prop 2`] = `
width={16}
>
@@ -292,8 +288,7 @@ exports[`StateLabel respects the status prop 3`] = `
width={16}
>
@@ -349,8 +344,7 @@ exports[`StateLabel respects the status prop 4`] = `
width={16}
>
@@ -406,11 +400,10 @@ exports[`StateLabel respects the variant prop 1`] = `
width={16}
>
@@ -466,11 +459,10 @@ exports[`StateLabel respects the variant prop 2`] = `
width={16}
>
diff --git a/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap b/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap
index fbfba52f5f2..775b5196971 100644
--- a/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap
+++ b/src/UnderlineNav2/__snapshots__/UnderlineNav.test.tsx.snap
@@ -228,8 +228,7 @@ exports[`UnderlineNav renders consistently 1`] = `
width={16}
>
@@ -274,11 +273,10 @@ exports[`UnderlineNav renders consistently 1`] = `
width={16}
>
@@ -341,8 +339,7 @@ exports[`UnderlineNav renders consistently 1`] = `
width={16}
>
@@ -405,8 +402,7 @@ exports[`UnderlineNav renders consistently 1`] = `
width={16}
>
@@ -505,8 +501,7 @@ exports[`UnderlineNav renders consistently 1`] = `
width={16}
>
@@ -569,8 +564,7 @@ exports[`UnderlineNav renders consistently 1`] = `
width={16}
>
@@ -651,8 +645,7 @@ exports[`UnderlineNav renders consistently 1`] = `
width={16}
>
diff --git a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
index c4cce622dac..ae80a3d1458 100644
--- a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
+++ b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
@@ -278,7 +278,7 @@ exports[`ActionMenu renders consistently 1`] = `
width={16}
>
diff --git a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap
index f24a01d5cc5..87d2c4fb8e2 100644
--- a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap
@@ -1282,8 +1282,7 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] =
width={16}
>
diff --git a/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap b/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap
index 9d76a5265ef..b3bc7d8935e 100644
--- a/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap
+++ b/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap
@@ -26,8 +26,7 @@ exports[`CircleBadge CircleBadge.Icon renders consistently 1`] = `
width={16}
>
`;
diff --git a/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap b/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap
index bfe2e1d7809..b71132c736d 100644
--- a/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap
+++ b/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap
@@ -57,8 +57,7 @@ exports[`CircleOcticon renders consistently 1`] = `
width={32}
>
diff --git a/src/__tests__/__snapshots__/Dialog.test.tsx.snap b/src/__tests__/__snapshots__/Dialog.test.tsx.snap
index 2ff41f3e79f..24ed7dad7c9 100644
--- a/src/__tests__/__snapshots__/Dialog.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Dialog.test.tsx.snap
@@ -167,8 +167,7 @@ exports[`Dialog renders consistently 1`] = `
width={16}
>
diff --git a/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap b/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap
index d3898ee6256..631c15de438 100644
--- a/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap
+++ b/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap
@@ -355,8 +355,7 @@ exports[`SelectMenu right-aligned modal has right: 0px 1`] = `
width={16}
>
Primer Components bugs
@@ -388,8 +387,7 @@ exports[`SelectMenu right-aligned modal has right: 0px 1`] = `
width={16}
>
Primer Components roadmap
@@ -425,8 +423,7 @@ exports[`SelectMenu right-aligned modal has right: 0px 1`] = `
width={16}
>
Project 3
@@ -457,8 +454,7 @@ exports[`SelectMenu right-aligned modal has right: 0px 1`] = `
width={16}
>
Project 4
diff --git a/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap b/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap
index c502b8fd3a7..eafafb07094 100644
--- a/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap
+++ b/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap
@@ -110,7 +110,7 @@ exports[`SelectPanel renders consistently 1`] = `
width={16}
>
diff --git a/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap b/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap
index e4afbeaac82..4d6e9d3c198 100644
--- a/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap
+++ b/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap
@@ -20,8 +20,7 @@ exports[`StyledOcticon renders consistently 1`] = `
width={16}
>
`;
diff --git a/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/__tests__/__snapshots__/TextInput.test.tsx.snap
index 12f9f416c18..8233b77b875 100644
--- a/src/__tests__/__snapshots__/TextInput.test.tsx.snap
+++ b/src/__tests__/__snapshots__/TextInput.test.tsx.snap
@@ -866,8 +866,7 @@ exports[`TextInput renders leadingVisual 1`] = `
width={16}
>
@@ -1874,8 +1873,7 @@ exports[`TextInput renders trailingAction icon button 1`] = `
width={16}
>
@@ -3042,8 +3040,7 @@ exports[`TextInput renders trailingVisual 1`] = `
width={16}
>
@@ -3888,8 +3885,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -4140,8 +4136,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -4392,8 +4387,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -4645,8 +4639,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -4897,8 +4890,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -5105,8 +5097,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -5330,8 +5321,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -5407,8 +5397,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -5623,8 +5612,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -5700,8 +5688,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -5923,8 +5910,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
@@ -6000,8 +5986,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
width={16}
>
diff --git a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
index 7327d3b10c9..e81d2e07c37 100644
--- a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
+++ b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
@@ -315,8 +315,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={16}
>
@@ -382,8 +381,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -434,8 +432,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -486,8 +483,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -538,8 +534,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -590,8 +585,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -642,8 +636,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -694,8 +687,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -746,8 +738,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={24}
>
@@ -775,8 +766,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = `
width={16}
>
@@ -1143,8 +1133,7 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = `
width={24}
>
@@ -1195,8 +1184,7 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = `
width={24}
>
@@ -1763,8 +1751,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -1815,8 +1802,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -1867,8 +1853,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -1919,8 +1904,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -1971,8 +1955,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -2023,8 +2006,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -2075,8 +2057,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -2127,8 +2108,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = `
width={24}
>
@@ -2497,8 +2477,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -2549,8 +2528,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -2601,8 +2579,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -2653,8 +2630,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -2705,8 +2681,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -2757,8 +2732,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -2809,8 +2783,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -2861,8 +2834,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
width={12}
>
@@ -3231,8 +3203,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3283,8 +3254,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3335,8 +3305,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3387,8 +3356,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3439,8 +3407,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3491,8 +3458,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3543,8 +3509,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3595,8 +3560,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
width={15}
>
@@ -3958,8 +3922,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4010,8 +3973,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4062,8 +4024,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4114,8 +4075,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4166,8 +4126,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4218,8 +4177,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4270,8 +4228,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4322,8 +4279,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
width={18}
>
@@ -4687,8 +4643,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -4739,8 +4694,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -4791,8 +4745,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -4843,8 +4796,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -4895,8 +4847,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -4947,8 +4898,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -4999,8 +4949,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -5051,8 +5000,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
width={24}
>
@@ -5416,8 +5364,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -5468,8 +5415,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -5520,8 +5466,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -5572,8 +5517,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -5624,8 +5568,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -5676,8 +5619,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -5728,8 +5670,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -5780,8 +5721,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = `
width={24}
>
@@ -6147,8 +6087,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -6199,8 +6138,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -6251,8 +6189,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -6303,8 +6240,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -6355,8 +6291,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -6407,8 +6342,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -6459,8 +6393,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -6511,8 +6444,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`]
width={24}
>
@@ -7322,8 +7254,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -7374,8 +7305,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -7426,8 +7356,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -7478,8 +7407,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -7530,8 +7458,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -7582,8 +7509,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -7634,8 +7560,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -7686,8 +7611,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8144,8 +8068,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8196,8 +8119,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8248,8 +8170,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8300,8 +8221,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8352,8 +8272,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8404,8 +8323,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8456,8 +8374,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8508,8 +8425,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8922,8 +8838,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -8974,8 +8889,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9026,8 +8940,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9078,8 +8991,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9130,8 +9042,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9182,8 +9093,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9234,8 +9144,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9286,8 +9195,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9682,8 +9590,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -9785,8 +9692,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9837,8 +9743,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9889,8 +9794,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9941,8 +9845,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -9993,8 +9896,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10045,8 +9947,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10097,8 +9998,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10149,8 +10049,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10545,8 +10444,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -10648,8 +10546,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10700,8 +10597,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10752,8 +10648,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10804,8 +10699,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10856,8 +10750,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10908,8 +10801,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -10960,8 +10852,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11012,8 +10903,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11408,8 +11298,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -11511,8 +11400,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11563,8 +11451,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11615,8 +11502,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11667,8 +11553,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11719,8 +11604,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11771,8 +11655,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11823,8 +11706,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -11875,8 +11757,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12298,8 +12179,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12350,8 +12230,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12402,8 +12281,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12454,8 +12332,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12506,8 +12383,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12558,8 +12434,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12610,8 +12485,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12662,8 +12536,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -12698,8 +12571,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -13161,8 +13033,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13213,8 +13084,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13265,8 +13135,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13317,8 +13186,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13369,8 +13237,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13421,8 +13288,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13473,8 +13339,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13525,8 +13390,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -13561,8 +13425,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -13980,8 +13843,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14032,8 +13894,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14084,8 +13945,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14136,8 +13996,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14188,8 +14047,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14240,8 +14098,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14292,8 +14149,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14344,8 +14200,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -14380,8 +14235,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -14786,8 +14640,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -14889,8 +14742,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -14941,8 +14793,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -14993,8 +14844,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -15045,8 +14895,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -15097,8 +14946,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -15149,8 +14997,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -15201,8 +15048,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -15253,8 +15099,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={12}
>
@@ -15289,8 +15134,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -15690,8 +15534,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -15793,8 +15636,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -15845,8 +15687,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -15897,8 +15738,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -15949,8 +15789,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -16001,8 +15840,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -16053,8 +15891,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -16105,8 +15942,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -16157,8 +15993,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={24}
>
@@ -16193,8 +16028,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -16592,8 +16426,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -16695,8 +16528,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -16747,8 +16579,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -16799,8 +16630,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -16851,8 +16681,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -16903,8 +16732,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -16955,8 +16783,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -17007,8 +16834,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -17059,8 +16885,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={18}
>
@@ -17095,8 +16920,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
width={16}
>
@@ -17495,8 +17319,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -17547,8 +17370,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -17599,8 +17421,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -17651,8 +17472,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -17703,8 +17523,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -17755,8 +17574,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -17807,8 +17625,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -17859,8 +17676,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = `
width={24}
>
@@ -18213,8 +18029,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
@@ -18260,8 +18075,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
@@ -18307,8 +18121,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
@@ -18354,8 +18167,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
@@ -18401,8 +18213,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
@@ -18448,8 +18259,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
@@ -18495,8 +18305,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
@@ -18542,8 +18351,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component
width={24}
>
diff --git a/src/__tests__/__snapshots__/Token.test.tsx.snap b/src/__tests__/__snapshots__/Token.test.tsx.snap
index 9515faa8dc6..95349a55fac 100644
--- a/src/__tests__/__snapshots__/Token.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Token.test.tsx.snap
@@ -217,8 +217,7 @@ exports[`Token components AvatarToken renders all sizes 1`] = `
width={12}
>
@@ -442,8 +441,7 @@ exports[`Token components AvatarToken renders all sizes 2`] = `
width={15}
>
@@ -667,8 +665,7 @@ exports[`Token components AvatarToken renders all sizes 3`] = `
width={18}
>
@@ -894,8 +891,7 @@ exports[`Token components AvatarToken renders all sizes 4`] = `
width={24}
>
@@ -1121,8 +1117,7 @@ exports[`Token components AvatarToken renders all sizes 5`] = `
width={24}
>
@@ -1553,8 +1548,7 @@ exports[`Token components AvatarToken renders with a remove button 1`] = `
width={15}
>
@@ -1728,8 +1722,7 @@ exports[`Token components IssueLabelToken renders all sizes 1`] = `
width={12}
>
@@ -1903,8 +1896,7 @@ exports[`Token components IssueLabelToken renders all sizes 2`] = `
width={15}
>
@@ -2078,8 +2070,7 @@ exports[`Token components IssueLabelToken renders all sizes 3`] = `
width={18}
>
@@ -2255,8 +2246,7 @@ exports[`Token components IssueLabelToken renders all sizes 4`] = `
width={24}
>
@@ -2432,8 +2422,7 @@ exports[`Token components IssueLabelToken renders all sizes 5`] = `
width={24}
>
@@ -2688,8 +2677,7 @@ exports[`Token components IssueLabelToken renders custom fill color 1`] = `
width={15}
>
@@ -2863,8 +2851,7 @@ exports[`Token components IssueLabelToken renders default fill color 1`] = `
width={15}
>
@@ -3150,8 +3137,7 @@ exports[`Token components IssueLabelToken renders with a remove button 1`] = `
width={15}
>
@@ -3332,8 +3318,7 @@ exports[`Token components Token renders all sizes 1`] = `
width={12}
>
@@ -3514,8 +3499,7 @@ exports[`Token components Token renders all sizes 2`] = `
width={15}
>
@@ -3696,8 +3680,7 @@ exports[`Token components Token renders all sizes 3`] = `
width={18}
>
@@ -3880,8 +3863,7 @@ exports[`Token components Token renders all sizes 4`] = `
width={24}
>
@@ -4064,8 +4046,7 @@ exports[`Token components Token renders all sizes 5`] = `
width={24}
>
@@ -4512,8 +4493,7 @@ exports[`Token components Token renders with a remove button 1`] = `
width={15}
>
diff --git a/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap b/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap
index 9c3ee82d3f6..fb25b4a39ce 100644
--- a/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap
+++ b/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap
@@ -652,8 +652,7 @@ exports[`ChoiceFieldset renders a list of items with leading visuals and caption
width={16}
>
@@ -722,8 +721,7 @@ exports[`ChoiceFieldset renders a list of items with leading visuals and caption
width={16}
>
@@ -2223,8 +2221,7 @@ exports[`ChoiceFieldset renders with a success validation message 1`] = `
width="12"
>
@@ -2518,8 +2515,7 @@ exports[`ChoiceFieldset renders with an error validation message 1`] = `
width="12"
>
diff --git a/src/__tests__/deprecated/__snapshots__/DropdownMenu.test.tsx.snap b/src/__tests__/deprecated/__snapshots__/DropdownMenu.test.tsx.snap
index 6cd5756337e..fa9552aff6c 100644
--- a/src/__tests__/deprecated/__snapshots__/DropdownMenu.test.tsx.snap
+++ b/src/__tests__/deprecated/__snapshots__/DropdownMenu.test.tsx.snap
@@ -97,7 +97,7 @@ exports[`DropdownMenu renders consistently 1`] = `
width={16}
>