Bump @primer/primitives to 7.11.3

.changeset/rich-falcons-fix.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Bump @primer/primitives to `7.11.3`

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",

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;
 }
 

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 {

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);
 }

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;
 }

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;
   }
 }
 

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 {