@primer/primitives 7.15.7-rc.04c26b8 → 7.15.7-rc.2f92cb1

package/dist/css/functional/themes/dark-colorblind.css

@@ -123,7 +123,7 @@
   --button-primary-borderColor-active: #f0f6fc1a;
   --button-primary-borderColor-disabled: #1158c7;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-invisible-fgColor-rest: #2f81f7;
+  --button-invisible-fgColor-rest: #4493f8;
   --button-invisible-fgColor-hover: #58a6ff;
   --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-iconColor-rest: #848d97;
@@ -139,7 +139,7 @@
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
-  --button-outline-fgColor-disabled: #2f81f780;
+  --button-outline-fgColor-disabled: #4493f880;
   --button-outline-bgColor-rest: #f0f6fc;
   --button-outline-bgColor-hover: #30363d;
   --button-outline-bgColor-active: #0d419d;
@@ -171,7 +171,7 @@
   --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
   --buttonCounter-outline-fgColor-rest: #388bfd;
   --buttonCounter-outline-fgColor-hover: #58a6ff;
-  --buttonCounter-outline-fgColor-disabled: #2f81f780;
+  --buttonCounter-outline-fgColor-disabled: #4493f880;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #bd561d0d;
   --buttonCounter-danger-bgColor-rest: #49020233;
@@ -191,13 +191,14 @@
   --underlineNav-borderColor-active: #f78166;
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
+  --selection-bgColor: #4493f833;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #8b949e;
-  --fgColor-link: #2f81f7;
+  --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
-  --fgColor-accent: #2f81f7;
+  --fgColor-accent: #4493f8;
   --fgColor-success: #58a6ff;
   --fgColor-attention: #d29922;
   --fgColor-severe: #db6d28;
@@ -532,7 +533,7 @@
     --button-primary-borderColor-active: #f0f6fc1a;
     --button-primary-borderColor-disabled: #1158c7;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-rest: #4493f8;
     --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #8b949e;
     --button-invisible-iconColor-rest: #848d97;
@@ -548,7 +549,7 @@
     --button-outline-fgColor-rest: #388bfd;
     --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
-    --button-outline-fgColor-disabled: #2f81f780;
+    --button-outline-fgColor-disabled: #4493f880;
     --button-outline-bgColor-rest: #f0f6fc;
     --button-outline-bgColor-hover: #30363d;
     --button-outline-bgColor-active: #0d419d;
@@ -580,7 +581,7 @@
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
     --buttonCounter-outline-fgColor-rest: #388bfd;
     --buttonCounter-outline-fgColor-hover: #58a6ff;
-    --buttonCounter-outline-fgColor-disabled: #2f81f780;
+    --buttonCounter-outline-fgColor-disabled: #4493f880;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #bd561d0d;
     --buttonCounter-danger-bgColor-rest: #49020233;
@@ -600,13 +601,14 @@
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
+    --selection-bgColor: #4493f833;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #8b949e;
-    --fgColor-link: #2f81f7;
+    --fgColor-link: #4493f8;
     --fgColor-neutral: #6e7681;
-    --fgColor-accent: #2f81f7;
+    --fgColor-accent: #4493f8;
     --fgColor-success: #58a6ff;
     --fgColor-attention: #d29922;
     --fgColor-severe: #db6d28;

package/dist/css/functional/themes/dark-dimmed.css

@@ -123,7 +123,7 @@
   --button-primary-borderColor-active: #cdd9e51a;
   --button-primary-borderColor-disabled: #50a254;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-invisible-fgColor-rest: #3b7cdb;
+  --button-invisible-fgColor-rest: #478be6;
   --button-invisible-fgColor-hover: #539bf5;
   --button-invisible-fgColor-disabled: #768390;
   --button-invisible-iconColor-rest: #717e8b;
@@ -139,7 +139,7 @@
   --button-outline-fgColor-rest: #4184e4;
   --button-outline-fgColor-hover: #539bf5;
   --button-outline-fgColor-active: #cdd9e5;
-  --button-outline-fgColor-disabled: #3b7cdb80;
+  --button-outline-fgColor-disabled: #478be680;
   --button-outline-bgColor-rest: #cdd9e5;
   --button-outline-bgColor-hover: #444c56;
   --button-outline-bgColor-active: #1b4b91;
@@ -171,7 +171,7 @@
   --buttonCounter-outline-bgColor-disabled: #316dca0d;
   --buttonCounter-outline-fgColor-rest: #4184e4;
   --buttonCounter-outline-fgColor-hover: #539bf5;
-  --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
+  --buttonCounter-outline-fgColor-disabled: #478be680;
   --buttonCounter-danger-bgColor-hover: #cdd9e533;
   --buttonCounter-danger-bgColor-disabled: #c93c370d;
   --buttonCounter-danger-bgColor-rest: #5d0f1233;
@@ -191,13 +191,14 @@
   --underlineNav-borderColor-active: #ec775c;
   --underlineNav-borderColor-hover: #636e7b66;
   --underlineNav-iconColor-rest: #717e8b;
+  --selection-bgColor: #478be633;
   --fgColor-default: #c5d1de;
   --fgColor-muted: #717e8b;
   --fgColor-onEmphasis: #cdd9e5;
   --fgColor-disabled: #768390;
-  --fgColor-link: #3b7cdb;
+  --fgColor-link: #478be6;
   --fgColor-neutral: #636e7b;
-  --fgColor-accent: #3b7cdb;
+  --fgColor-accent: #478be6;
   --fgColor-success: #57ab5a;
   --fgColor-attention: #c69026;
   --fgColor-severe: #cc6b2c;
@@ -532,7 +533,7 @@
     --button-primary-borderColor-active: #cdd9e51a;
     --button-primary-borderColor-disabled: #50a254;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-invisible-fgColor-rest: #3b7cdb;
+    --button-invisible-fgColor-rest: #478be6;
     --button-invisible-fgColor-hover: #539bf5;
     --button-invisible-fgColor-disabled: #768390;
     --button-invisible-iconColor-rest: #717e8b;
@@ -548,7 +549,7 @@
     --button-outline-fgColor-rest: #4184e4;
     --button-outline-fgColor-hover: #539bf5;
     --button-outline-fgColor-active: #cdd9e5;
-    --button-outline-fgColor-disabled: #3b7cdb80;
+    --button-outline-fgColor-disabled: #478be680;
     --button-outline-bgColor-rest: #cdd9e5;
     --button-outline-bgColor-hover: #444c56;
     --button-outline-bgColor-active: #1b4b91;
@@ -580,7 +581,7 @@
     --buttonCounter-outline-bgColor-disabled: #316dca0d;
     --buttonCounter-outline-fgColor-rest: #4184e4;
     --buttonCounter-outline-fgColor-hover: #539bf5;
-    --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
+    --buttonCounter-outline-fgColor-disabled: #478be680;
     --buttonCounter-danger-bgColor-hover: #cdd9e533;
     --buttonCounter-danger-bgColor-disabled: #c93c370d;
     --buttonCounter-danger-bgColor-rest: #5d0f1233;
@@ -600,13 +601,14 @@
     --underlineNav-borderColor-active: #ec775c;
     --underlineNav-borderColor-hover: #636e7b66;
     --underlineNav-iconColor-rest: #717e8b;
+    --selection-bgColor: #478be633;
     --fgColor-default: #c5d1de;
     --fgColor-muted: #717e8b;
     --fgColor-onEmphasis: #cdd9e5;
     --fgColor-disabled: #768390;
-    --fgColor-link: #3b7cdb;
+    --fgColor-link: #478be6;
     --fgColor-neutral: #636e7b;
-    --fgColor-accent: #3b7cdb;
+    --fgColor-accent: #478be6;
     --fgColor-success: #57ab5a;
     --fgColor-attention: #c69026;
     --fgColor-severe: #cc6b2c;

package/dist/css/functional/themes/dark-high-contrast.css

@@ -123,7 +123,7 @@
   --button-primary-borderColor-active: #4ae168;
   --button-primary-borderColor-disabled: #4ae16866;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-invisible-fgColor-rest: #52a7ff;
+  --button-invisible-fgColor-rest: #60aeff;
   --button-invisible-fgColor-hover: #1e60d5;
   --button-invisible-fgColor-disabled: #bdc4cc;
   --button-invisible-iconColor-rest: #f0f3f6;
@@ -139,7 +139,7 @@
   --button-outline-fgColor-rest: #5cacff;
   --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
-  --button-outline-fgColor-disabled: #52a7ff80;
+  --button-outline-fgColor-disabled: #60aeff80;
   --button-outline-bgColor-rest: #ffffff;
   --button-outline-bgColor-hover: #525964;
   --button-outline-bgColor-active: #2672f3;
@@ -171,7 +171,7 @@
   --buttonCounter-outline-bgColor-disabled: #409eff0d;
   --buttonCounter-outline-fgColor-rest: #5cacff;
   --buttonCounter-outline-fgColor-hover: #71b7ff;
-  --buttonCounter-outline-fgColor-disabled: #52a7ff80;
+  --buttonCounter-outline-fgColor-disabled: #60aeff80;
   --buttonCounter-danger-bgColor-hover: #01040926;
   --buttonCounter-danger-bgColor-disabled: #ff6a690d;
   --buttonCounter-danger-bgColor-rest: #01040926;
@@ -191,13 +191,14 @@
   --underlineNav-borderColor-active: #ff967d;
   --underlineNav-borderColor-hover: #bdc4cc;
   --underlineNav-iconColor-rest: #f0f3f6;
+  --selection-bgColor: #60aeff33;
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;
   --fgColor-disabled: #bdc4cc;
-  --fgColor-link: #52a7ff;
+  --fgColor-link: #60aeff;
   --fgColor-neutral: #9ea7b3;
-  --fgColor-accent: #52a7ff;
+  --fgColor-accent: #60aeff;
   --fgColor-success: #28d751;
   --fgColor-attention: #f0b72f;
   --fgColor-severe: #f48b25;
@@ -532,7 +533,7 @@
     --button-primary-borderColor-active: #4ae168;
     --button-primary-borderColor-disabled: #4ae16866;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-invisible-fgColor-rest: #52a7ff;
+    --button-invisible-fgColor-rest: #60aeff;
     --button-invisible-fgColor-hover: #1e60d5;
     --button-invisible-fgColor-disabled: #bdc4cc;
     --button-invisible-iconColor-rest: #f0f3f6;
@@ -548,7 +549,7 @@
     --button-outline-fgColor-rest: #5cacff;
     --button-outline-fgColor-hover: #71b7ff;
     --button-outline-fgColor-active: #ffffff;
-    --button-outline-fgColor-disabled: #52a7ff80;
+    --button-outline-fgColor-disabled: #60aeff80;
     --button-outline-bgColor-rest: #ffffff;
     --button-outline-bgColor-hover: #525964;
     --button-outline-bgColor-active: #2672f3;
@@ -580,7 +581,7 @@
     --buttonCounter-outline-bgColor-disabled: #409eff0d;
     --buttonCounter-outline-fgColor-rest: #5cacff;
     --buttonCounter-outline-fgColor-hover: #71b7ff;
-    --buttonCounter-outline-fgColor-disabled: #52a7ff80;
+    --buttonCounter-outline-fgColor-disabled: #60aeff80;
     --buttonCounter-danger-bgColor-hover: #01040926;
     --buttonCounter-danger-bgColor-disabled: #ff6a690d;
     --buttonCounter-danger-bgColor-rest: #01040926;
@@ -600,13 +601,14 @@
     --underlineNav-borderColor-active: #ff967d;
     --underlineNav-borderColor-hover: #bdc4cc;
     --underlineNav-iconColor-rest: #f0f3f6;
+    --selection-bgColor: #60aeff33;
     --fgColor-default: #fbfcfd;
     --fgColor-muted: #f0f3f6;
     --fgColor-onEmphasis: #0a0c10;
     --fgColor-disabled: #bdc4cc;
-    --fgColor-link: #52a7ff;
+    --fgColor-link: #60aeff;
     --fgColor-neutral: #9ea7b3;
-    --fgColor-accent: #52a7ff;
+    --fgColor-accent: #60aeff;
     --fgColor-success: #28d751;
     --fgColor-attention: #f0b72f;
     --fgColor-severe: #f48b25;

package/dist/css/functional/themes/dark-tritanopia.css

@@ -123,7 +123,7 @@
   --button-primary-borderColor-active: #f0f6fc1a;
   --button-primary-borderColor-disabled: #5fabfe;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-invisible-fgColor-rest: #2f81f7;
+  --button-invisible-fgColor-rest: #4493f8;
   --button-invisible-fgColor-hover: #58a6ff;
   --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-iconColor-rest: #848d97;
@@ -139,7 +139,7 @@
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
-  --button-outline-fgColor-disabled: #2f81f780;
+  --button-outline-fgColor-disabled: #4493f880;
   --button-outline-bgColor-rest: #f0f6fc;
   --button-outline-bgColor-hover: #30363d;
   --button-outline-bgColor-active: #0d419d;
@@ -171,7 +171,7 @@
   --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
   --buttonCounter-outline-fgColor-rest: #388bfd;
   --buttonCounter-outline-fgColor-hover: #58a6ff;
-  --buttonCounter-outline-fgColor-disabled: #2f81f780;
+  --buttonCounter-outline-fgColor-disabled: #4493f880;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #da36330d;
   --buttonCounter-danger-bgColor-rest: #49020233;
@@ -191,13 +191,14 @@
   --underlineNav-borderColor-active: #f78166;
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
+  --selection-bgColor: #4493f833;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #8b949e;
-  --fgColor-link: #2f81f7;
+  --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
-  --fgColor-accent: #2f81f7;
+  --fgColor-accent: #4493f8;
   --fgColor-success: #58a6ff;
   --fgColor-attention: #d29922;
   --fgColor-severe: #f85149;
@@ -532,7 +533,7 @@
     --button-primary-borderColor-active: #f0f6fc1a;
     --button-primary-borderColor-disabled: #5fabfe;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-rest: #4493f8;
     --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #8b949e;
     --button-invisible-iconColor-rest: #848d97;
@@ -548,7 +549,7 @@
     --button-outline-fgColor-rest: #388bfd;
     --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
-    --button-outline-fgColor-disabled: #2f81f780;
+    --button-outline-fgColor-disabled: #4493f880;
     --button-outline-bgColor-rest: #f0f6fc;
     --button-outline-bgColor-hover: #30363d;
     --button-outline-bgColor-active: #0d419d;
@@ -580,7 +581,7 @@
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
     --buttonCounter-outline-fgColor-rest: #388bfd;
     --buttonCounter-outline-fgColor-hover: #58a6ff;
-    --buttonCounter-outline-fgColor-disabled: #2f81f780;
+    --buttonCounter-outline-fgColor-disabled: #4493f880;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #da36330d;
     --buttonCounter-danger-bgColor-rest: #49020233;
@@ -600,13 +601,14 @@
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
+    --selection-bgColor: #4493f833;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #8b949e;
-    --fgColor-link: #2f81f7;
+    --fgColor-link: #4493f8;
     --fgColor-neutral: #6e7681;
-    --fgColor-accent: #2f81f7;
+    --fgColor-accent: #4493f8;
     --fgColor-success: #58a6ff;
     --fgColor-attention: #d29922;
     --fgColor-severe: #f85149;

package/dist/css/functional/themes/dark.css

@@ -123,7 +123,7 @@
   --button-primary-borderColor-active: #f0f6fc1a;
   --button-primary-borderColor-disabled: #46bf57;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-invisible-fgColor-rest: #2f81f7;
+  --button-invisible-fgColor-rest: #4493f8;
   --button-invisible-fgColor-hover: #58a6ff;
   --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-iconColor-rest: #848d97;
@@ -139,7 +139,7 @@
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
-  --button-outline-fgColor-disabled: #2f81f780;
+  --button-outline-fgColor-disabled: #4493f880;
   --button-outline-bgColor-rest: #f0f6fc;
   --button-outline-bgColor-hover: #30363d;
   --button-outline-bgColor-active: #0d419d;
@@ -171,7 +171,7 @@
   --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
   --buttonCounter-outline-fgColor-rest: #388bfd;
   --buttonCounter-outline-fgColor-hover: #58a6ff;
-  --buttonCounter-outline-fgColor-disabled: #2f81f780;
+  --buttonCounter-outline-fgColor-disabled: #4493f880;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #da36330d;
   --buttonCounter-danger-bgColor-rest: #49020233;
@@ -191,13 +191,14 @@
   --underlineNav-borderColor-active: #f78166;
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
+  --selection-bgColor: #4493f833;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #8b949e;
-  --fgColor-link: #2f81f7;
+  --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
-  --fgColor-accent: #2f81f7;
+  --fgColor-accent: #4493f8;
   --fgColor-success: #3fb950;
   --fgColor-attention: #d29922;
   --fgColor-severe: #db6d28;
@@ -532,7 +533,7 @@
     --button-primary-borderColor-active: #f0f6fc1a;
     --button-primary-borderColor-disabled: #46bf57;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-rest: #4493f8;
     --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #8b949e;
     --button-invisible-iconColor-rest: #848d97;
@@ -548,7 +549,7 @@
     --button-outline-fgColor-rest: #388bfd;
     --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
-    --button-outline-fgColor-disabled: #2f81f780;
+    --button-outline-fgColor-disabled: #4493f880;
     --button-outline-bgColor-rest: #f0f6fc;
     --button-outline-bgColor-hover: #30363d;
     --button-outline-bgColor-active: #0d419d;
@@ -580,7 +581,7 @@
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
     --buttonCounter-outline-fgColor-rest: #388bfd;
     --buttonCounter-outline-fgColor-hover: #58a6ff;
-    --buttonCounter-outline-fgColor-disabled: #2f81f780;
+    --buttonCounter-outline-fgColor-disabled: #4493f880;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #da36330d;
     --buttonCounter-danger-bgColor-rest: #49020233;
@@ -600,13 +601,14 @@
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
+    --selection-bgColor: #4493f833;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #8b949e;
-    --fgColor-link: #2f81f7;
+    --fgColor-link: #4493f8;
     --fgColor-neutral: #6e7681;
-    --fgColor-accent: #2f81f7;
+    --fgColor-accent: #4493f8;
     --fgColor-success: #3fb950;
     --fgColor-attention: #d29922;
     --fgColor-severe: #db6d28;

package/dist/css/functional/themes/light-colorblind.css

@@ -192,6 +192,7 @@
   --underlineNav-borderColor-active: #fd8c73;
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
+  --selection-bgColor: #0969da1a;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -601,6 +602,7 @@
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
+    --selection-bgColor: #0969da1a;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/light-high-contrast.css

@@ -192,6 +192,7 @@
   --underlineNav-borderColor-active: #cd3425;
   --underlineNav-borderColor-hover: #88929d;
   --underlineNav-iconColor-rest: #0e1116;
+  --selection-bgColor: #023b951a;
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
@@ -601,6 +602,7 @@
     --underlineNav-borderColor-active: #cd3425;
     --underlineNav-borderColor-hover: #88929d;
     --underlineNav-iconColor-rest: #0e1116;
+    --selection-bgColor: #023b951a;
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/light-tritanopia.css

@@ -192,6 +192,7 @@
   --underlineNav-borderColor-active: #fd8c73;
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
+  --selection-bgColor: #0969da1a;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -601,6 +602,7 @@
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
+    --selection-bgColor: #0969da1a;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/light.css

@@ -192,6 +192,7 @@
   --underlineNav-borderColor-active: #fd8c73;
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
+  --selection-bgColor: #0969da1a;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -601,6 +602,7 @@
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
+    --selection-bgColor: #0969da1a;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;

package/dist/docs/functional/themes/dark-colorblind.json

@@ -3616,7 +3616,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4080,7 +4080,7 @@
     "path": ["button", "outline", "fgColor", "active"]
   },
   "button-outline-fgColor-disabled": {
-    "value": "#2f81f780",
+    "value": "#4493f880",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5022,7 +5022,7 @@
     "path": ["buttonCounter", "outline", "fgColor", "hover"]
   },
   "buttonCounter-outline-fgColor-disabled": {
-    "value": "#2f81f780",
+    "value": "#4493f880",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5597,6 +5597,37 @@
     "attributes": {},
     "path": ["underlineNav", "iconColor", "rest"]
   },
+  "selection-bgColor": {
+    "value": "#4493f833",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.2
+    },
+    "name": "selection-bgColor",
+    "attributes": {},
+    "path": ["selection", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#e6edf3",
     "$type": "color",
@@ -5748,7 +5779,7 @@
     "path": ["fgColor", "disabled"]
   },
   "fgColor-link": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5812,7 +5843,7 @@
     "path": ["fgColor", "neutral", "@"]
   },
   "fgColor-accent": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5832,7 +5863,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.4}",
+      "value": "{base.color.blue.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/docs/functional/themes/dark-dimmed.json

@@ -3622,7 +3622,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#3b7cdb",
+    "value": "#478be6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4086,7 +4086,7 @@
     "path": ["button", "outline", "fgColor", "active"]
   },
   "button-outline-fgColor-disabled": {
-    "value": "#3b7cdb80",
+    "value": "#478be680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5028,7 +5028,7 @@
     "path": ["buttonCounter", "outline", "fgColor", "hover"]
   },
   "buttonCounter-outline-fgColor-disabled": {
-    "value": "#3b7cdb80",
+    "value": "#478be680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5603,6 +5603,37 @@
     "attributes": {},
     "path": ["underlineNav", "iconColor", "rest"]
   },
+  "selection-bgColor": {
+    "value": "#478be633",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.2,
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.link.@}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.2
+    },
+    "name": "selection-bgColor",
+    "attributes": {},
+    "path": ["selection", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#c5d1de",
     "$type": "color",
@@ -5754,7 +5785,7 @@
     "path": ["fgColor", "disabled"]
   },
   "fgColor-link": {
-    "value": "#3b7cdb",
+    "value": "#478be6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5818,7 +5849,7 @@
     "path": ["fgColor", "neutral", "@"]
   },
   "fgColor-accent": {
-    "value": "#3b7cdb",
+    "value": "#478be6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5838,7 +5869,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.4}",
+      "value": "{base.color.blue.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {