Bump @primer/primitives to 7.11.3 (#3093)

* npm install @primer/primitives@7.11.3 * Create .changeset/rich-falcons-fix.md * Update generated/components.json * Update theme-preval snapshots ``` npm run build npm run test -- -u ``` * Update snapshots ``` npm test -- -u ``` * test(vrt): update snapshots * npm test -- -u * npm test -- -u * Update Cache bust --------- Co-authored-by: simurai <simurai@users.noreply.github.com>
primer · Apr 4, 2023 · 8b5307d · 8b5307d
1 parent 42037c9
commit 8b5307d
Show file tree

Hide file tree

Showing 151 changed files with 797 additions and 792 deletions.
diff --git a/.changeset/rich-falcons-fix.md b/.changeset/rich-falcons-fix.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Bump @primer/primitives to `7.11.3`
diff --git a/...tionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png b/...tionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png
diff --git a/...nents/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-colorblind-linux.png b/...nents/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-colorblind-linux.png
diff --git a/...omponents/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-dimmed-linux.png b/...omponents/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-dimmed-linux.png
diff --git a/...ts/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-high-contrast-linux.png b/...ts/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-high-contrast-linux.png
diff --git a/...shots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-linux.png b/...shots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-linux.png
diff --git a/...nents/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-tritanopia-linux.png b/...nents/AvatarPair.test.ts-snapshots/AvatarPair-Default-dark-tritanopia-linux.png
diff --git a/...ents/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-colorblind-linux.png b/...ents/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-colorblind-linux.png
diff --git a/...s/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-high-contrast-linux.png b/...s/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-high-contrast-linux.png
diff --git a/...hots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-linux.png b/...hots/components/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-linux.png
diff --git a/...ents/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-tritanopia-linux.png b/...ents/AvatarPair.test.ts-snapshots/AvatarPair-Default-light-tritanopia-linux.png
diff --git a/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-colorblind-linux.png b/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-colorblind-linux.png
diff --git a/...nts/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-dimmed-linux.png b/...nts/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-dimmed-linux.png
diff --git a/...tarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-high-contrast-linux.png b/...tarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-high-contrast-linux.png
diff --git a/...components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-linux.png b/...components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-linux.png
diff --git a/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-tritanopia-linux.png b/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-dark-tritanopia-linux.png
diff --git a/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-colorblind-linux.png b/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-colorblind-linux.png
diff --git a/...arPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-high-contrast-linux.png b/...arPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-high-contrast-linux.png
diff --git a/...omponents/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-linux.png b/...omponents/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-linux.png
diff --git a/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-tritanopia-linux.png b/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Circle-light-tritanopia-linux.png
diff --git a/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-colorblind-linux.png b/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-colorblind-linux.png
diff --git a/...nts/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png b/...nts/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-dimmed-linux.png
diff --git a/...tarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-high-contrast-linux.png b/...tarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-high-contrast-linux.png
diff --git a/...components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-linux.png b/...components/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-linux.png
diff --git a/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-tritanopia-linux.png b/...AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-dark-tritanopia-linux.png
diff --git a/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-colorblind-linux.png b/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-colorblind-linux.png
diff --git a/...arPair.test.ts-snapshots/AvatarPair-Parent-Square-light-high-contrast-linux.png b/...arPair.test.ts-snapshots/AvatarPair-Parent-Square-light-high-contrast-linux.png
diff --git a/...omponents/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-linux.png b/...omponents/AvatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-linux.png
diff --git a/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-tritanopia-linux.png b/...vatarPair.test.ts-snapshots/AvatarPair-Parent-Square-light-tritanopia-linux.png
diff --git a/...nchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png b/...nchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-focus-linux.png
diff --git a/...ts/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png b/...ts/BranchName.test.ts-snapshots/BranchName-Default-dark-high-contrast-linux.png
diff --git a/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png b/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-focus-linux.png
diff --git a/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png b/...crumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-hover-linux.png
diff --git a/.../Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png b/.../Breadcrumbs.test.ts-snapshots/Breadcrumbs-Default-dark-high-contrast-linux.png
diff --git a/...mponents/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png b/...mponents/Button.test.ts-snapshots/Button-Invisible-dark-high-contrast-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png b/...s/components/Button.test.ts-snapshots/Button-Primary-light-colorblind-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png b/...s/components/Button.test.ts-snapshots/Button-Primary-light-tritanopia-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png
diff --git a/...t.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/...t.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Warning-dark-high-contrast-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Invisible-dark-colorblind-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Invisible-dark-colorblind-linux.png
diff --git a/...ots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-linux.png b/...ots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Invisible-dark-tritanopia-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Invisible-dark-tritanopia-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-colorblind-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Primary-light-tritanopia-linux.png
diff --git a/...ts/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png b/...ts/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png
diff --git a/...ots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png b/...ots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png
diff --git a/...ots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png b/...ots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png
diff --git a/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png b/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-focus-linux.png
diff --git a/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png b/...mponents/Link.test.ts-snapshots/Link-Default-dark-high-contrast-hover-linux.png
diff --git a/...ots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png b/...ots/components/Link.test.ts-snapshots/Link-Default-dark-high-contrast-linux.png
diff --git a/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png b/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-focus-linux.png
diff --git a/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png b/...components/Link.test.ts-snapshots/Link-Muted-dark-high-contrast-hover-linux.png
diff --git a/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png b/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-focus-linux.png
diff --git a/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png b/...onents/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-hover-linux.png
diff --git a/...s/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png b/...s/components/Link.test.ts-snapshots/Link-Underline-dark-high-contrast-linux.png
diff --git a/.../LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png b/.../LinkButton.test.ts-snapshots/LinkButton-Invisible-dark-high-contrast-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-colorblind-linux.png
diff --git a/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png b/...ents/LinkButton.test.ts-snapshots/LinkButton-Primary-light-tritanopia-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-high-contrast-linux.png
diff --git a/...snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png b/...snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-high-contrast-linux.png
diff --git a/...der.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png b/...der.test.ts-snapshots/PageHeader-Pull-Request-Page-dark-high-contrast-linux.png
diff --git a/...ts/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png b/...ts/PageHeader-Pull-Request-Page-on-Narrow-Viewport-dark-high-contrast-linux.png
diff --git a/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png b/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-colorblind-linux.png
diff --git a/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png b/...nts/PageHeader.test.ts-snapshots/PageHeader-Webhooks-light-tritanopia-linux.png
diff --git a/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png b/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-colorblind-linux.png
diff --git a/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png b/....ts-snapshots/PageHeader-Webhooks-on-Narrow-Viewport-light-tritanopia-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png
diff --git a/...PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png b/...PageHeader-With-Actions-that-have-Responsive-Content-light-colorblind-linux.png
diff --git a/...PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png b/...PageHeader-With-Actions-that-have-Responsive-Content-light-tritanopia-linux.png
diff --git a/...est.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png b/...est.ts-snapshots/PageHeader-With-Custom-Navigation-dark-high-contrast-linux.png
diff --git a/...ader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png b/...ader.test.ts-snapshots/PageHeader-With-Page-Layout-dark-high-contrast-linux.png
diff --git a/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png b/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-colorblind-linux.png
diff --git a/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png b/...nts/ProgressBar.test.ts-snapshots/ProgressBar-Inline-light-tritanopia-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-colorblind-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Done-light-tritanopia-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-colorblind-linux.png
diff --git a/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png b/...gressBar.test.ts-snapshots/ProgressBar-Progress-Half-light-tritanopia-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-colorblind-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Large-light-tritanopia-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-colorblind-linux.png
diff --git a/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png b/...ProgressBar.test.ts-snapshots/ProgressBar-Size-Small-light-tritanopia-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png
diff --git a/...test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/...test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Warning-dark-high-contrast-linux.png
diff --git a/...s/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png b/...s/components/Select.test.ts-snapshots/Select-Success-light-colorblind-linux.png
diff --git a/...s/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png b/...s/components/Select.test.ts-snapshots/Select-Success-light-tritanopia-linux.png
diff --git a/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png b/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-colorblind-linux.png
diff --git a/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png b/...onents/TextInput.test.ts-snapshots/TextInput-Success-light-tritanopia-linux.png
diff --git a/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png b/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-colorblind-linux.png
diff --git a/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png b/...mponents/Textarea.test.ts-snapshots/Textarea-Success-light-tritanopia-linux.png
diff --git a/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png b/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-focus-linux.png
diff --git a/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png b/...test.ts-snapshots/Timeline-With-Inline-Links-dark-high-contrast-hover-linux.png
diff --git a/...onents/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png b/...onents/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png
diff --git a/.../TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png b/.../TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png
diff --git a/...mponents/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png b/...mponents/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png
diff --git a/...v.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png b/...v.test.ts-snapshots/UnderlineNav-Pull-Request-Page-dark-high-contrast-linux.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -94,7 +94,7 @@
     "@lit-labs/react": "1.1.1",
     "@primer/behaviors": "1.3.3",
     "@primer/octicons-react": "^18.0.0",
-    "@primer/primitives": "7.11.1",
+    "@primer/primitives": "7.11.3",
     "@react-aria/ssr": "^3.1.0",
     "@styled-system/css": "^5.1.5",
     "@styled-system/props": "^5.1.5",

diff --git a/src/Breadcrumbs/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap b/src/Breadcrumbs/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`Breadcrumbs.Item adds activeClassName={SELECTED_CLASS} when it gets a "
 }
 
 .c0.selected {
-  color: #24292f;
+  color: #1F2328;
   pointer-events: none;
 }
 
@@ -42,7 +42,7 @@ exports[`Breadcrumbs.Item renders consistently 1`] = `
 }
 
 .c0.selected {
-  color: #24292f;
+  color: #1F2328;
   pointer-events: none;
 }
 
@@ -67,7 +67,7 @@ exports[`Breadcrumbs.Item respects the "selected" prop 1`] = `
 }
 
 .c0.selected {
-  color: #24292f;
+  color: #1F2328;
   pointer-events: none;
 }
 

diff --git a/src/CounterLabel/__snapshots__/CounterLabel.test.tsx.snap b/src/CounterLabel/__snapshots__/CounterLabel.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`CounterLabel renders consistently 1`] = `
   line-height: 1;
   border-radius: 20px;
   background-color: rgba(175,184,193,0.2);
-  color: #24292f;
+  color: #1F2328;
 }
 
 .c0:empty {

diff --git a/src/Flash/__tests__/__snapshots__/Flash.test.tsx.snap b/src/Flash/__tests__/__snapshots__/Flash.test.tsx.snap
@@ -3,13 +3,13 @@
 exports[`Flash renders consistently 1`] = `
 .c0 {
   position: relative;
-  color: #24292f;
+  color: #1F2328;
   padding: 16px;
   border-style: solid;
   border-width: 1px;
   border-radius: 6px;
   margin-top: 0;
-  color: #24292f;
+  color: #1F2328;
   background-color: #ddf4ff;
   border-color: rgba(84,174,255,0.4);
 }

diff --git a/src/Link/__tests__/__snapshots__/Link.test.tsx.snap b/src/Link/__tests__/__snapshots__/Link.test.tsx.snap
@@ -140,7 +140,7 @@ exports[`Link respects hoverColor prop 1`] = `
 
 exports[`Link respects the  "sx" prop when "muted" prop is also passed 1`] = `
 .c0 {
-  color: #57606a;
+  color: #656d76;
   -webkit-text-decoration: none;
   text-decoration: none;
   color: #ffffff;
@@ -177,7 +177,7 @@ exports[`Link respects the  "sx" prop when "muted" prop is also passed 1`] = `
 
 exports[`Link respects the "muted" prop 1`] = `
 .c0 {
-  color: #57606a;
+  color: #656d76;
   -webkit-text-decoration: none;
   text-decoration: none;
 }

diff --git a/src/NavList/__snapshots__/NavList.test.tsx.snap b/src/NavList/__snapshots__/NavList.test.tsx.snap
@@ -48,7 +48,7 @@ exports[`NavList renders a simple list 1`] = `
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -132,7 +132,7 @@ exports[`NavList renders a simple list 1`] = `
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -236,7 +236,7 @@ exports[`NavList renders a simple list 1`] = `
 @media (hover:hover) and (pointer:fine) {
   .c2:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c2:focus-visible,
@@ -248,7 +248,7 @@ exports[`NavList renders a simple list 1`] = `
 
   .c2:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 
@@ -261,7 +261,7 @@ exports[`NavList renders a simple list 1`] = `
 @media (hover:hover) and (pointer:fine) {
   .c6:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c6:focus-visible,
@@ -273,7 +273,7 @@ exports[`NavList renders a simple list 1`] = `
 
   .c6:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 
@@ -412,7 +412,7 @@ exports[`NavList renders with groups 1`] = `
   padding-right: 16px;
   font-size: 12px;
   font-weight: 600;
-  color: #57606a;
+  color: #656d76;
 }
 
 .c4 {
@@ -444,7 +444,7 @@ exports[`NavList renders with groups 1`] = `
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -528,7 +528,7 @@ exports[`NavList renders with groups 1`] = `
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -632,7 +632,7 @@ exports[`NavList renders with groups 1`] = `
 @media (hover:hover) and (pointer:fine) {
   .c6:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c6:focus-visible,
@@ -644,7 +644,7 @@ exports[`NavList renders with groups 1`] = `
 
   .c6:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 
@@ -657,7 +657,7 @@ exports[`NavList renders with groups 1`] = `
 @media (hover:hover) and (pointer:fine) {
   .c10:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c10:focus-visible,
@@ -669,7 +669,7 @@ exports[`NavList renders with groups 1`] = `
 
   .c10:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 
@@ -835,7 +835,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
-  color: #57606a;
+  color: #656d76;
   margin-left: 8px;
   font-weight: initial;
 }
@@ -871,7 +871,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -997,7 +997,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -1110,7 +1110,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
 @media (hover:hover) and (pointer:fine) {
   .c10:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c10:focus-visible,
@@ -1122,7 +1122,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
 
   .c10:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 
@@ -1135,7 +1135,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
 @media (hover:hover) and (pointer:fine) {
   .c3:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c3:focus-visible,
@@ -1147,7 +1147,7 @@ exports[`NavList.Item with NavList.SubNav does not have active styles if SubNav
 
   .c3:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 
@@ -1296,7 +1296,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
-  color: #57606a;
+  color: #656d76;
   margin-left: 8px;
   font-weight: initial;
 }
@@ -1332,7 +1332,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -1464,7 +1464,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
   border-radius: 6px;
   -webkit-transition: background 33.333ms linear;
   transition: background 33.333ms linear;
-  color: #24292f;
+  color: #1F2328;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -1583,7 +1583,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
 @media (hover:hover) and (pointer:fine) {
   .c10:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c10:focus-visible,
@@ -1595,7 +1595,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
 
   .c10:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 
@@ -1608,7 +1608,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
 @media (hover:hover) and (pointer:fine) {
   .c3:hover:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.32);
-    color: #24292f;
+    color: #1F2328;
   }
 
   .c3:focus-visible,
@@ -1620,7 +1620,7 @@ exports[`NavList.Item with NavList.SubNav has active styles if SubNav contains t
 
   .c3:active:not([aria-disabled]) {
     background-color: rgba(208,215,222,0.48);
-    color: #24292f;
+    color: #1F2328;
   }
 }
 

diff --git a/src/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap b/src/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap
@@ -119,7 +119,7 @@ exports[`SegmentedControl renders consistently 1`] = `
 }
 
 .c2 svg {
-  fill: #57606a;
+  fill: #656d76;
 }
 
 .c2:focus:focus-visible:not(:last-child):after {
@@ -182,7 +182,7 @@ exports[`SegmentedControl renders consistently 1`] = `
 }
 
 .c4 svg {
-  fill: #57606a;
+  fill: #656d76;
 }
 
 .c4:hover .segmentedControl-content {
@@ -253,7 +253,7 @@ exports[`SegmentedControl renders consistently 1`] = `
 }
 
 .c5 svg {
-  fill: #57606a;
+  fill: #656d76;
 }
 
 .c5:hover .segmentedControl-content {