@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.8-rc.f8fce74",
+  "version": "7.11.8",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -28,7 +28,7 @@
   "homepage": "https://github.com/primer/primitives#readme",
   "scripts": {
     "build": "ts-node ./scripts/build.ts && tsc --project tsconfig.build.json",
-    "build:next": "ts-node -r tsconfig-paths/register ./scripts/buildTokens.ts",
+    "build:next": "ts-node -r tsconfig-paths/register ./scripts/buildTokens.ts && ts-node ./scripts/buildFallbacks.ts",
     "build:tokens": "node -e \"require('./build')._init()\"",
     "build:new-tokens": "npm run build:tokens && npm run build:next",
     "tokenJson:check": "ts-node scripts/diffThemes.ts && ts-node scripts/diffTokenProps.ts",

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #2a7aef;
+  --control-checked-borderColor-active: #3685f3;
   --control-checked-borderColor-disabled: #484f58;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #2a7aef;
   --button-primary-bgColor-active: #3685f3;
   --button-primary-bgColor-disabled: #1158c7;
-  --button-primary-borderColor-rest: #30363dcc;
-  --button-primary-borderColor-hover: #30363dcc;
-  --button-primary-borderColor-disabled: #30363dcc;
+  --button-primary-borderColor-rest: #f0f6fc1a;
+  --button-primary-borderColor-hover: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #f0f6fc1a;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
+  --button-invisible-fgColor-hover: #58a6ff;
   --button-invisible-fgColor-disabled: #484f58;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
   --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-  --button-outline-fgColor-rest: #2f81f7;
-  --button-outline-fgColor-hover: #2f81f7;
+  --button-outline-fgColor-rest: #388bfd;
+  --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
   --button-outline-fgColor-disabled: #2f81f780;
   --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,20 @@
   --button-danger-borderColor-active: #b5531d;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --buttonCounter-default-bgColor-rest: #30363d;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
-  --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-  --buttonCounter-outline-bgColor-hover: #ffffff33;
+  --buttonCounter-invisible-bgColor-rest: #30363d;
+  --buttonCounter-primary-bgColor-rest: #04260f33;
+  --buttonCounter-outline-bgColor-rest: #051d4d33;
+  --buttonCounter-outline-bgColor-hover: #051d4d33;
   --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
+  --buttonCounter-outline-fgColor-rest: #388bfd;
+  --buttonCounter-outline-fgColor-hover: #58a6ff;
+  --buttonCounter-outline-fgColor-disabled: #2f81f780;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #bd561d0d;
-  --buttonCounter-danger-bgColor-rest: #bd561d1a;
+  --buttonCounter-danger-bgColor-rest: #49020233;
+  --buttonCounter-danger-fgColor-rest: #db6d28;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #db6d2880;
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
@@ -178,8 +186,6 @@
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #484f58;
   --fgColor-link-rest: #2f81f7;
-  --fgColor-link-inverse-rest: #1f6feb;
-  --fgColor-link-control: #636a75;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #58a6ff;
   --fgColor-attention: #d29922;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #1f6feb;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #2a7aef;
+    --control-checked-borderColor-active: #3685f3;
     --control-checked-borderColor-disabled: #484f58;
     --controlTrack-bgColor-rest: #21262d;
     --controlTrack-bgColor-hover: #292e36;
@@ -506,11 +512,12 @@
     --button-primary-bgColor-hover: #2a7aef;
     --button-primary-bgColor-active: #3685f3;
     --button-primary-bgColor-disabled: #1158c7;
-    --button-primary-borderColor-rest: #30363dcc;
-    --button-primary-borderColor-hover: #30363dcc;
-    --button-primary-borderColor-disabled: #30363dcc;
+    --button-primary-borderColor-rest: #f0f6fc1a;
+    --button-primary-borderColor-hover: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #f0f6fc1a;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #484f58;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
@@ -518,8 +525,8 @@
     --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-outline-fgColor-rest: #2f81f7;
-    --button-outline-fgColor-hover: #2f81f7;
+    --button-outline-fgColor-rest: #388bfd;
+    --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #2f81f780;
     --button-outline-bgColor-rest: #f0f6fc;
@@ -544,13 +551,20 @@
     --button-danger-borderColor-active: #b5531d;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #30363d;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
-    --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-invisible-bgColor-rest: #30363d;
+    --buttonCounter-primary-bgColor-rest: #04260f33;
+    --buttonCounter-outline-bgColor-rest: #051d4d33;
+    --buttonCounter-outline-bgColor-hover: #051d4d33;
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
+    --buttonCounter-outline-fgColor-rest: #388bfd;
+    --buttonCounter-outline-fgColor-hover: #58a6ff;
+    --buttonCounter-outline-fgColor-disabled: #2f81f780;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #bd561d0d;
-    --buttonCounter-danger-bgColor-rest: #bd561d1a;
+    --buttonCounter-danger-bgColor-rest: #49020233;
+    --buttonCounter-danger-fgColor-rest: #db6d28;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #db6d2880;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
@@ -568,8 +582,6 @@
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #484f58;
     --fgColor-link-rest: #2f81f7;
-    --fgColor-link-inverse-rest: #1f6feb;
-    --fgColor-link-control: #636a75;
     --fgColor-accent: #2f81f7;
     --fgColor-success: #58a6ff;
     --fgColor-attention: #d29922;

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #cdd9e5;
   --control-checked-fgColor-disabled: #1c2128;
   --control-checked-borderColor-rest: #316dca;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #3876d3;
+  --control-checked-borderColor-active: #3f7fdb;
   --control-checked-borderColor-disabled: #545d68;
   --controlTrack-bgColor-rest: #373e47;
   --controlTrack-bgColor-hover: #3d444e;
@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #3b8640;
   --button-primary-bgColor-active: #428f46;
   --button-primary-bgColor-disabled: #50a254;
-  --button-primary-borderColor-rest: #444c56cc;
-  --button-primary-borderColor-hover: #444c56cc;
-  --button-primary-borderColor-disabled: #444c56cc;
+  --button-primary-borderColor-rest: #cdd9e51a;
+  --button-primary-borderColor-hover: #cdd9e51a;
+  --button-primary-borderColor-disabled: #cdd9e51a;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #3b7cdb;
+  --button-invisible-fgColor-hover: #539bf5;
   --button-invisible-fgColor-disabled: #545d68;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #909dab1f;
@@ -128,8 +129,8 @@
   --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-  --button-outline-fgColor-rest: #3b7cdb;
-  --button-outline-fgColor-hover: #3b7cdb;
+  --button-outline-fgColor-rest: #4184e4;
+  --button-outline-fgColor-hover: #539bf5;
   --button-outline-fgColor-active: #cdd9e5;
   --button-outline-fgColor-disabled: #3b7cdb80;
   --button-outline-bgColor-rest: #cdd9e5;
@@ -154,13 +155,20 @@
   --button-danger-borderColor-active: #c33d38;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --buttonCounter-default-bgColor-rest: #444c56;
-  --buttonCounter-primary-bgColor-rest: #cdd9e533;
-  --buttonCounter-outline-bgColor-rest: #316dca1a;
-  --buttonCounter-outline-bgColor-hover: #cdd9e533;
+  --buttonCounter-invisible-bgColor-rest: #444c56;
+  --buttonCounter-primary-bgColor-rest: #11341733;
+  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
+  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
   --buttonCounter-outline-bgColor-disabled: #316dca0d;
+  --buttonCounter-outline-fgColor-rest: #4184e4;
+  --buttonCounter-outline-fgColor-hover: #539bf5;
+  --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
   --buttonCounter-danger-bgColor-hover: #cdd9e533;
   --buttonCounter-danger-bgColor-disabled: #c93c370d;
-  --buttonCounter-danger-bgColor-rest: #c93c371a;
+  --buttonCounter-danger-bgColor-rest: #5d0f1233;
+  --buttonCounter-danger-fgColor-rest: #e5534b;
+  --buttonCounter-danger-fgColor-hover: #cdd9e5;
+  --buttonCounter-danger-fgColor-disabled: #e5534b80;
   --focus-outlineColor: #316dca;
   --menu-bgColor-active: #2d333b;
   --overlay-bgColor: #2d333b;
@@ -178,8 +186,6 @@
   --fgColor-onEmphasis: #cdd9e5;
   --fgColor-disabled: #545d68;
   --fgColor-link-rest: #3b7cdb;
-  --fgColor-link-inverse-rest: #316dca;
-  --fgColor-link-control: #5e6975;
   --fgColor-accent: #3b7cdb;
   --fgColor-success: #57ab5a;
   --fgColor-attention: #c69026;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #cdd9e5;
     --control-checked-fgColor-disabled: #1c2128;
     --control-checked-borderColor-rest: #316dca;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #3876d3;
+    --control-checked-borderColor-active: #3f7fdb;
     --control-checked-borderColor-disabled: #545d68;
     --controlTrack-bgColor-rest: #373e47;
     --controlTrack-bgColor-hover: #3d444e;
@@ -506,11 +512,12 @@
     --button-primary-bgColor-hover: #3b8640;
     --button-primary-bgColor-active: #428f46;
     --button-primary-bgColor-disabled: #50a254;
-    --button-primary-borderColor-rest: #444c56cc;
-    --button-primary-borderColor-hover: #444c56cc;
-    --button-primary-borderColor-disabled: #444c56cc;
+    --button-primary-borderColor-rest: #cdd9e51a;
+    --button-primary-borderColor-hover: #cdd9e51a;
+    --button-primary-borderColor-disabled: #cdd9e51a;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #3b7cdb;
+    --button-invisible-fgColor-hover: #539bf5;
     --button-invisible-fgColor-disabled: #545d68;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #909dab1f;
@@ -518,8 +525,8 @@
     --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-outline-fgColor-rest: #3b7cdb;
-    --button-outline-fgColor-hover: #3b7cdb;
+    --button-outline-fgColor-rest: #4184e4;
+    --button-outline-fgColor-hover: #539bf5;
     --button-outline-fgColor-active: #cdd9e5;
     --button-outline-fgColor-disabled: #3b7cdb80;
     --button-outline-bgColor-rest: #cdd9e5;
@@ -544,13 +551,20 @@
     --button-danger-borderColor-active: #c33d38;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #444c56;
-    --buttonCounter-primary-bgColor-rest: #cdd9e533;
-    --buttonCounter-outline-bgColor-rest: #316dca1a;
-    --buttonCounter-outline-bgColor-hover: #cdd9e533;
+    --buttonCounter-invisible-bgColor-rest: #444c56;
+    --buttonCounter-primary-bgColor-rest: #11341733;
+    --buttonCounter-outline-bgColor-rest: #0f2d5c33;
+    --buttonCounter-outline-bgColor-hover: #0f2d5c33;
     --buttonCounter-outline-bgColor-disabled: #316dca0d;
+    --buttonCounter-outline-fgColor-rest: #4184e4;
+    --buttonCounter-outline-fgColor-hover: #539bf5;
+    --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
     --buttonCounter-danger-bgColor-hover: #cdd9e533;
     --buttonCounter-danger-bgColor-disabled: #c93c370d;
-    --buttonCounter-danger-bgColor-rest: #c93c371a;
+    --buttonCounter-danger-bgColor-rest: #5d0f1233;
+    --buttonCounter-danger-fgColor-rest: #e5534b;
+    --buttonCounter-danger-fgColor-hover: #cdd9e5;
+    --buttonCounter-danger-fgColor-disabled: #e5534b80;
     --focus-outlineColor: #316dca;
     --menu-bgColor-active: #2d333b;
     --overlay-bgColor: #2d333b;
@@ -568,8 +582,6 @@
     --fgColor-onEmphasis: #cdd9e5;
     --fgColor-disabled: #545d68;
     --fgColor-link-rest: #3b7cdb;
-    --fgColor-link-inverse-rest: #316dca;
-    --fgColor-link-control: #5e6975;
     --fgColor-accent: #3b7cdb;
     --fgColor-success: #57ab5a;
     --fgColor-attention: #c69026;

package/tokens-next-private/css/functional/themes/dark-high-contrast.css

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #0a0c10;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #409eff;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #4aa3ff;
+  --control-checked-borderColor-active: #54a8ff;
   --control-checked-borderColor-disabled: #7a828e;
   --controlTrack-bgColor-rest: #272b33;
   --controlTrack-bgColor-hover: #383c45;
@@ -121,6 +121,7 @@
   --button-primary-borderColor-disabled: #4ae16866;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #409eff;
+  --button-invisible-fgColor-hover: #71b7ff;
   --button-invisible-fgColor-disabled: #7a828e;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #272b33;
@@ -129,7 +130,7 @@
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #7a828e;
   --button-outline-fgColor-rest: #409eff;
-  --button-outline-fgColor-hover: #409eff;
+  --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
   --button-outline-fgColor-disabled: #409eff80;
   --button-outline-bgColor-rest: #ffffff;
@@ -154,13 +155,20 @@
   --button-danger-borderColor-active: #ff5353;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --buttonCounter-default-bgColor-rest: #525964;
+  --buttonCounter-invisible-bgColor-rest: #525964;
   --buttonCounter-primary-bgColor-rest: #01040926;
-  --buttonCounter-outline-bgColor-rest: #409eff1a;
-  --buttonCounter-outline-bgColor-hover: #ffffff33;
+  --buttonCounter-outline-bgColor-rest: #194fb133;
+  --buttonCounter-outline-bgColor-hover: #194fb133;
   --buttonCounter-outline-bgColor-disabled: #409eff0d;
+  --buttonCounter-outline-fgColor-rest: #409eff;
+  --buttonCounter-outline-fgColor-hover: #71b7ff;
+  --buttonCounter-outline-fgColor-disabled: #409eff80;
   --buttonCounter-danger-bgColor-hover: #01040926;
   --buttonCounter-danger-bgColor-disabled: #ff6a690d;
   --buttonCounter-danger-bgColor-rest: #01040926;
+  --buttonCounter-danger-fgColor-rest: #ff6a69;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #ff6a6980;
   --focus-outlineColor: #409eff;
   --menu-bgColor-active: #272b33;
   --overlay-bgColor: #272b33;
@@ -178,8 +186,6 @@
   --fgColor-onEmphasis: #0a0c10;
   --fgColor-disabled: #7a828e;
   --fgColor-link-rest: #409eff;
-  --fgColor-link-inverse-rest: #409eff;
-  --fgColor-link-control: #939ca8;
   --fgColor-accent: #409eff;
   --fgColor-success: #26cd4d;
   --fgColor-attention: #f0b72f;
@@ -217,7 +223,7 @@
   --borderColor-muted: #7a828e;
   --borderColor-emphasis: #7a828e;
   --borderColor-disabled: #7a828e;
-  --borderColor-neutral-muted: #9ea7b366;
+  --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;
   --borderColor-accent-muted: #409eff;
   --borderColor-accent-emphasis: #409eff;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #0a0c10;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #409eff;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #4aa3ff;
+    --control-checked-borderColor-active: #54a8ff;
     --control-checked-borderColor-disabled: #7a828e;
     --controlTrack-bgColor-rest: #272b33;
     --controlTrack-bgColor-hover: #383c45;
@@ -511,6 +517,7 @@
     --button-primary-borderColor-disabled: #4ae16866;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #409eff;
+    --button-invisible-fgColor-hover: #71b7ff;
     --button-invisible-fgColor-disabled: #7a828e;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #272b33;
@@ -519,7 +526,7 @@
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #7a828e;
     --button-outline-fgColor-rest: #409eff;
-    --button-outline-fgColor-hover: #409eff;
+    --button-outline-fgColor-hover: #71b7ff;
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #409eff80;
     --button-outline-bgColor-rest: #ffffff;
@@ -544,13 +551,20 @@
     --button-danger-borderColor-active: #ff5353;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #525964;
+    --buttonCounter-invisible-bgColor-rest: #525964;
     --buttonCounter-primary-bgColor-rest: #01040926;
-    --buttonCounter-outline-bgColor-rest: #409eff1a;
-    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-rest: #194fb133;
+    --buttonCounter-outline-bgColor-hover: #194fb133;
     --buttonCounter-outline-bgColor-disabled: #409eff0d;
+    --buttonCounter-outline-fgColor-rest: #409eff;
+    --buttonCounter-outline-fgColor-hover: #71b7ff;
+    --buttonCounter-outline-fgColor-disabled: #409eff80;
     --buttonCounter-danger-bgColor-hover: #01040926;
     --buttonCounter-danger-bgColor-disabled: #ff6a690d;
     --buttonCounter-danger-bgColor-rest: #01040926;
+    --buttonCounter-danger-fgColor-rest: #ff6a69;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #ff6a6980;
     --focus-outlineColor: #409eff;
     --menu-bgColor-active: #272b33;
     --overlay-bgColor: #272b33;
@@ -568,8 +582,6 @@
     --fgColor-onEmphasis: #0a0c10;
     --fgColor-disabled: #7a828e;
     --fgColor-link-rest: #409eff;
-    --fgColor-link-inverse-rest: #409eff;
-    --fgColor-link-control: #939ca8;
     --fgColor-accent: #409eff;
     --fgColor-success: #26cd4d;
     --fgColor-attention: #f0b72f;
@@ -607,7 +619,7 @@
     --borderColor-muted: #7a828e;
     --borderColor-emphasis: #7a828e;
     --borderColor-disabled: #7a828e;
-    --borderColor-neutral-muted: #9ea7b366;
+    --borderColor-neutral-muted: #9ea7b3;
     --borderColor-neutral-emphasis: #9ea7b3;
     --borderColor-accent-muted: #409eff;
     --borderColor-accent-emphasis: #409eff;

package/tokens-next-private/css/functional/themes/dark-tritanopia.css

@@ -81,8 +81,8 @@
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
-  --control-checked-borderColor-hover: #00000000;
-  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-hover: #2a7aef;
+  --control-checked-borderColor-active: #3685f3;
   --control-checked-borderColor-disabled: #484f58;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
@@ -116,11 +116,12 @@
   --button-primary-bgColor-hover: #2a7aef;
   --button-primary-bgColor-active: #3685f3;
   --button-primary-bgColor-disabled: #5fabfe;
-  --button-primary-borderColor-rest: #30363dcc;
-  --button-primary-borderColor-hover: #30363dcc;
-  --button-primary-borderColor-disabled: #30363dcc;
+  --button-primary-borderColor-rest: #f0f6fc1a;
+  --button-primary-borderColor-hover: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #f0f6fc1a;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
+  --button-invisible-fgColor-hover: #58a6ff;
   --button-invisible-fgColor-disabled: #484f58;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
   --button-invisible-bgColor-disabled: #00000000;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-  --button-outline-fgColor-rest: #2f81f7;
-  --button-outline-fgColor-hover: #2f81f7;
+  --button-outline-fgColor-rest: #388bfd;
+  --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
   --button-outline-fgColor-disabled: #2f81f780;
   --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,20 @@
   --button-danger-borderColor-active: #d03533;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
   --buttonCounter-default-bgColor-rest: #30363d;
-  --buttonCounter-primary-bgColor-rest: #ffffff33;
-  --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-  --buttonCounter-outline-bgColor-hover: #ffffff33;
+  --buttonCounter-invisible-bgColor-rest: #30363d;
+  --buttonCounter-primary-bgColor-rest: #04260f33;
+  --buttonCounter-outline-bgColor-rest: #051d4d33;
+  --buttonCounter-outline-bgColor-hover: #051d4d33;
   --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
+  --buttonCounter-outline-fgColor-rest: #388bfd;
+  --buttonCounter-outline-fgColor-hover: #58a6ff;
+  --buttonCounter-outline-fgColor-disabled: #2f81f780;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #da36330d;
-  --buttonCounter-danger-bgColor-rest: #da36331a;
+  --buttonCounter-danger-bgColor-rest: #49020233;
+  --buttonCounter-danger-fgColor-rest: #f85149;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #f8514980;
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
@@ -178,15 +186,13 @@
   --fgColor-onEmphasis: #ffffff;
   --fgColor-disabled: #484f58;
   --fgColor-link-rest: #2f81f7;
-  --fgColor-link-inverse-rest: #1f6feb;
-  --fgColor-link-control: #636a75;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #58a6ff;
   --fgColor-attention: #d29922;
   --fgColor-severe: #f85149;
   --fgColor-danger: #f85149;
-  --fgColor-open: #58a6ff;
-  --fgColor-closed: #f85149;
+  --fgColor-open: #f85149;
+  --fgColor-closed: #6e7681;
   --fgColor-done: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
@@ -205,10 +211,10 @@
   --bgColor-severe-emphasis: #da3633;
   --bgColor-danger-muted: #f851491a;
   --bgColor-danger-emphasis: #da3633;
-  --bgColor-open-muted: #388bfd1a;
-  --bgColor-open-emphasis: #1f6feb;
-  --bgColor-closed-muted: #f8514926;
-  --bgColor-closed-emphasis: #da3633;
+  --bgColor-open-muted: #f851491a;
+  --bgColor-open-emphasis: #da3633;
+  --bgColor-closed-muted: #6e768126;
+  --bgColor-closed-emphasis: #484f58;
   --bgColor-done-muted: #a371f726;
   --bgColor-done-emphasis: #8957e5;
   --bgColor-sponsors-muted: #db61a21a;
@@ -229,10 +235,10 @@
   --borderColor-severe-emphasis: #da3633;
   --borderColor-danger-muted: #f8514966;
   --borderColor-danger-emphasis: #da3633;
-  --borderColor-open-muted: #388bfd66;
-  --borderColor-open-emphasis: #1f6feb;
-  --borderColor-closed-muted: #f8514966;
-  --borderColor-closed-emphasis: #da3633;
+  --borderColor-open-muted: #f8514966;
+  --borderColor-open-emphasis: #da3633;
+  --borderColor-closed-muted: #6e768166;
+  --borderColor-closed-emphasis: #484f58;
   --borderColor-done-muted: #a371f766;
   --borderColor-done-emphasis: #8957e5;
   --borderColor-sponsors-muted: #db61a266;
@@ -471,8 +477,8 @@
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #010409;
     --control-checked-borderColor-rest: #1f6feb;
-    --control-checked-borderColor-hover: #00000000;
-    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-hover: #2a7aef;
+    --control-checked-borderColor-active: #3685f3;
     --control-checked-borderColor-disabled: #484f58;
     --controlTrack-bgColor-rest: #21262d;
     --controlTrack-bgColor-hover: #292e36;
@@ -506,11 +512,12 @@
     --button-primary-bgColor-hover: #2a7aef;
     --button-primary-bgColor-active: #3685f3;
     --button-primary-bgColor-disabled: #5fabfe;
-    --button-primary-borderColor-rest: #30363dcc;
-    --button-primary-borderColor-hover: #30363dcc;
-    --button-primary-borderColor-disabled: #30363dcc;
+    --button-primary-borderColor-rest: #f0f6fc1a;
+    --button-primary-borderColor-hover: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #f0f6fc1a;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #484f58;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
@@ -518,8 +525,8 @@
     --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-outline-fgColor-rest: #2f81f7;
-    --button-outline-fgColor-hover: #2f81f7;
+    --button-outline-fgColor-rest: #388bfd;
+    --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #2f81f780;
     --button-outline-bgColor-rest: #f0f6fc;
@@ -544,13 +551,20 @@
     --button-danger-borderColor-active: #d03533;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #30363d;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
-    --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-invisible-bgColor-rest: #30363d;
+    --buttonCounter-primary-bgColor-rest: #04260f33;
+    --buttonCounter-outline-bgColor-rest: #051d4d33;
+    --buttonCounter-outline-bgColor-hover: #051d4d33;
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
+    --buttonCounter-outline-fgColor-rest: #388bfd;
+    --buttonCounter-outline-fgColor-hover: #58a6ff;
+    --buttonCounter-outline-fgColor-disabled: #2f81f780;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #da36330d;
-    --buttonCounter-danger-bgColor-rest: #da36331a;
+    --buttonCounter-danger-bgColor-rest: #49020233;
+    --buttonCounter-danger-fgColor-rest: #f85149;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #f8514980;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
@@ -568,15 +582,13 @@
     --fgColor-onEmphasis: #ffffff;
     --fgColor-disabled: #484f58;
     --fgColor-link-rest: #2f81f7;
-    --fgColor-link-inverse-rest: #1f6feb;
-    --fgColor-link-control: #636a75;
     --fgColor-accent: #2f81f7;
     --fgColor-success: #58a6ff;
     --fgColor-attention: #d29922;
     --fgColor-severe: #f85149;
     --fgColor-danger: #f85149;
-    --fgColor-open: #58a6ff;
-    --fgColor-closed: #f85149;
+    --fgColor-open: #f85149;
+    --fgColor-closed: #6e7681;
     --fgColor-done: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
@@ -595,10 +607,10 @@
     --bgColor-severe-emphasis: #da3633;
     --bgColor-danger-muted: #f851491a;
     --bgColor-danger-emphasis: #da3633;
-    --bgColor-open-muted: #388bfd1a;
-    --bgColor-open-emphasis: #1f6feb;
-    --bgColor-closed-muted: #f8514926;
-    --bgColor-closed-emphasis: #da3633;
+    --bgColor-open-muted: #f851491a;
+    --bgColor-open-emphasis: #da3633;
+    --bgColor-closed-muted: #6e768126;
+    --bgColor-closed-emphasis: #484f58;
     --bgColor-done-muted: #a371f726;
     --bgColor-done-emphasis: #8957e5;
     --bgColor-sponsors-muted: #db61a21a;
@@ -619,10 +631,10 @@
     --borderColor-severe-emphasis: #da3633;
     --borderColor-danger-muted: #f8514966;
     --borderColor-danger-emphasis: #da3633;
-    --borderColor-open-muted: #388bfd66;
-    --borderColor-open-emphasis: #1f6feb;
-    --borderColor-closed-muted: #f8514966;
-    --borderColor-closed-emphasis: #da3633;
+    --borderColor-open-muted: #f8514966;
+    --borderColor-open-emphasis: #da3633;
+    --borderColor-closed-muted: #6e768166;
+    --borderColor-closed-emphasis: #484f58;
     --borderColor-done-muted: #a371f766;
     --borderColor-done-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;