Lingering v8 color bug fixes #821

langermank · 2024-03-05T21:21:13Z

Fixes some disabled state bugs with controls
Adds an inset border for floating shadows in light mode

changeset-bot · 2024-03-05T21:21:16Z

🦋 Changeset detected

Latest commit: 3e96686

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

github-actions · 2024-03-05T21:21:35Z

Variables changed

No variables changed

github-actions · 2024-03-05T21:22:44Z

Design Token Diff

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-colorblind.css	2024-03-06 23:33:56.632338244 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #21262d;
 --control-bgColor-hover: #292e36;
 --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #161b22;
+  --control-bgColor-disabled: #21262db3;
 --control-bgColor-selected: #161b22;
 --control-fgColor-rest: #c9d1d9;
 --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #8b949e;
+  --control-fgColor-disabled: #6e7681;
 --control-borderColor-rest: #30363d;
 --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #161b22;
+  --control-borderColor-disabled: #21262db3;
 --control-borderColor-selected: #f0f6fc;
 --control-borderColor-success: #1f6feb;
 --control-borderColor-danger: #bd561d;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #00000000;
 --control-transparent-bgColor-hover: #b1bac41f;
 --control-transparent-bgColor-active: #b1bac433;
-  --control-transparent-bgColor-disabled: #00000000;
+  --control-transparent-bgColor-disabled: #21262db3;
 --control-transparent-bgColor-selected: #b1bac414;
 --control-transparent-borderColor-rest: #00000000;
 --control-transparent-borderColor-hover: #00000000;
@@ -78,26 +78,26 @@
 --control-checked-bgColor-rest: #1f6feb;
 --control-checked-bgColor-hover: #2a7aef;
 --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #8b949e;
+  --control-checked-bgColor-disabled: #6e7681;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #1f6feb;
 --control-checked-borderColor-hover: #2a7aef;
 --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #8b949e;
+  --control-checked-borderColor-disabled: #6e7681;
 --controlTrack-bgColor-rest: #21262d;
 --controlTrack-bgColor-hover: #292e36;
 --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #8b949e;
+  --controlTrack-bgColor-disabled: #6e7681;
 --controlTrack-fgColor-rest: #848d97;
 --controlTrack-fgColor-disabled: #ffffff;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #8b949e;
+  --controlTrack-borderColor-disabled: #6e7681;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #161b22;
+  --controlKnob-bgColor-disabled: #21262db3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #161b22;
+  --controlKnob-borderColor-disabled: #21262db3;
 --controlKnob-borderColor-checked: #1f6feb;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #c9d1d9;
@@ -105,14 +105,14 @@
 --button-default-bgColor-hover: #292e36;
 --button-default-bgColor-active: #31363e;
 --button-default-bgColor-selected: #31363e;
-  --button-default-bgColor-disabled: #161b22;
+  --button-default-bgColor-disabled: #21262db3;
 --button-default-borderColor-rest: #30363d;
 --button-default-borderColor-hover: #30363d;
 --button-default-borderColor-active: #30363d;
-  --button-default-borderColor-disabled: #161b22;
+  --button-default-borderColor-disabled: #21262db3;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #ffffff;
-  --button-primary-fgColor-disabled: #ffffff80;
+  --button-primary-fgColor-disabled: #ffffffcc;
 --button-primary-iconColor-rest: #ffffff;
 --button-primary-bgColor-rest: #1f6feb;
 --button-primary-bgColor-hover: #2a7aef;
@@ -125,17 +125,17 @@
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #4493f8;
 --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #8b949e;
+  --button-invisible-fgColor-disabled: #6e7681;
 --button-invisible-iconColor-rest: #848d97;
 --button-invisible-iconColor-hover: #e6edf3;
-  --button-invisible-iconColor-disabled: #8b949e;
+  --button-invisible-iconColor-disabled: #6e7681;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #b1bac41f;
 --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #21262db3;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
-  --button-invisible-borderColor-disabled: #161b22;
+  --button-invisible-borderColor-disabled: #21262db3;
 --button-outline-fgColor-rest: #388bfd;
 --button-outline-fgColor-hover: #58a6ff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #21262d;
 --button-danger-bgColor-hover: #9b4215;
 --button-danger-bgColor-active: #b5531d;
-  --button-danger-bgColor-disabled: #161b22;
+  --button-danger-bgColor-disabled: #21262db3;
 --button-danger-borderColor-rest: #30363d;
 --button-danger-borderColor-hover: #f0f6fc1a;
 --button-danger-borderColor-active: #f0f6fc1a;
@@ -181,7 +181,7 @@
 --focus-outlineColor: #1f6feb;
 --menu-bgColor-active: #161b22;
 --overlay-bgColor: #161b22;
-  --overlay-borderColor: #30363d;
+  --overlay-borderColor: #30363db3;
 --overlay-backdrop-bgColor: #161b2266;
 --selectMenu-borderColor: #484f58;
 --selectMenu-bgColor-active: #0c2d6b;
@@ -196,7 +196,7 @@
 --fgColor-default: #e6edf3;
 --fgColor-muted: #848d97;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #8b949e;
+  --fgColor-disabled: #6e7681;
 --fgColor-link: #4493f8;
 --fgColor-neutral: #6e7681;
 --fgColor-accent: #4493f8;
@@ -213,7 +213,7 @@
 --bgColor-inset: #010409;
 --bgColor-emphasis: #6e7681;
 --bgColor-inverse: #ffffff;
-  --bgColor-disabled: #161b22;
+  --bgColor-disabled: #21262db3;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #6e768166;
 --bgColor-neutral-emphasis: #6e7681;
@@ -238,7 +238,7 @@
 --borderColor-default: #30363d;
 --borderColor-muted: #30363db3;
 --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #161b22;
+  --borderColor-disabled: #21262db3;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #6e768166;
 --borderColor-neutral-emphasis: #6e7681;
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #161b22;
+    --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #8b949e;
+    --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #161b22;
+    --control-borderColor-disabled: #21262db3;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #1f6feb;
   --control-borderColor-danger: #bd561d;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #00000000;
   --control-transparent-bgColor-hover: #b1bac41f;
   --control-transparent-bgColor-active: #b1bac433;
-    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-disabled: #21262db3;
   --control-transparent-bgColor-selected: #b1bac414;
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
@@ -489,26 +489,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #8b949e;
+    --control-checked-bgColor-disabled: #6e7681;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #8b949e;
+    --control-checked-borderColor-disabled: #6e7681;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #8b949e;
+    --controlTrack-bgColor-disabled: #6e7681;
   --controlTrack-fgColor-rest: #848d97;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #8b949e;
+    --controlTrack-borderColor-disabled: #6e7681;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #161b22;
+    --controlKnob-bgColor-disabled: #21262db3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #161b22;
+    --controlKnob-borderColor-disabled: #21262db3;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -516,14 +516,14 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
-    --button-default-bgColor-disabled: #161b22;
+    --button-default-bgColor-disabled: #21262db3;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
-    --button-default-borderColor-disabled: #161b22;
+    --button-default-borderColor-disabled: #21262db3;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
-    --button-primary-fgColor-disabled: #ffffff80;
+    --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffff;
   --button-primary-bgColor-rest: #1f6feb;
   --button-primary-bgColor-hover: #2a7aef;
@@ -536,17 +536,17 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #4493f8;
   --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #8b949e;
+    --button-invisible-fgColor-disabled: #6e7681;
   --button-invisible-iconColor-rest: #848d97;
   --button-invisible-iconColor-hover: #e6edf3;
-    --button-invisible-iconColor-disabled: #8b949e;
+    --button-invisible-iconColor-disabled: #6e7681;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #21262db3;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-    --button-invisible-borderColor-disabled: #161b22;
+    --button-invisible-borderColor-disabled: #21262db3;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #9b4215;
   --button-danger-bgColor-active: #b5531d;
-    --button-danger-bgColor-disabled: #161b22;
+    --button-danger-bgColor-disabled: #21262db3;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #f0f6fc1a;
   --button-danger-borderColor-active: #f0f6fc1a;
@@ -592,7 +592,7 @@
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
-    --overlay-borderColor: #30363d;
+    --overlay-borderColor: #30363db3;
   --overlay-backdrop-bgColor: #161b2266;
   --selectMenu-borderColor: #484f58;
   --selectMenu-bgColor-active: #0c2d6b;
@@ -607,7 +607,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #8b949e;
+    --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
   --fgColor-accent: #4493f8;
@@ -624,7 +624,7 @@
   --bgColor-inset: #010409;
   --bgColor-emphasis: #6e7681;
   --bgColor-inverse: #ffffff;
-    --bgColor-disabled: #161b22;
+    --bgColor-disabled: #21262db3;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768166;
   --bgColor-neutral-emphasis: #6e7681;
@@ -649,7 +649,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363db3;
   --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #161b22;
+    --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-dimmed.css	2024-03-06 23:33:55.972336993 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #373e47;
 --control-bgColor-hover: #3d444e;
 --control-bgColor-active: #434a54;
-  --control-bgColor-disabled: #2d333b;
+  --control-bgColor-disabled: #373e47b3;
 --control-bgColor-selected: #2d333b;
 --control-fgColor-rest: #adbac7;
 --control-fgColor-placeholder: #545d68;
-  --control-fgColor-disabled: #768390;
+  --control-fgColor-disabled: #636e7b;
 --control-borderColor-rest: #444c56;
 --control-borderColor-emphasis: #606b77;
-  --control-borderColor-disabled: #2d333b;
+  --control-borderColor-disabled: #373e47b3;
 --control-borderColor-selected: #cdd9e5;
 --control-borderColor-success: #347d39;
 --control-borderColor-danger: #c93c37;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #00000000;
 --control-transparent-bgColor-hover: #909dab1f;
 --control-transparent-bgColor-active: #909dab33;
-  --control-transparent-bgColor-disabled: #00000000;
+  --control-transparent-bgColor-disabled: #373e47b3;
 --control-transparent-bgColor-selected: #909dab14;
 --control-transparent-borderColor-rest: #00000000;
 --control-transparent-borderColor-hover: #00000000;
@@ -78,26 +78,26 @@
 --control-checked-bgColor-rest: #316dca;
 --control-checked-bgColor-hover: #3876d3;
 --control-checked-bgColor-active: #3f7fdb;
-  --control-checked-bgColor-disabled: #768390;
+  --control-checked-bgColor-disabled: #636e7b;
 --control-checked-fgColor-rest: #cdd9e5;
 --control-checked-fgColor-disabled: #1c2128;
 --control-checked-borderColor-rest: #316dca;
 --control-checked-borderColor-hover: #3876d3;
 --control-checked-borderColor-active: #3f7fdb;
-  --control-checked-borderColor-disabled: #768390;
+  --control-checked-borderColor-disabled: #636e7b;
 --controlTrack-bgColor-rest: #373e47;
 --controlTrack-bgColor-hover: #3d444e;
 --controlTrack-bgColor-active: #434a54;
-  --controlTrack-bgColor-disabled: #768390;
+  --controlTrack-bgColor-disabled: #636e7b;
 --controlTrack-fgColor-rest: #717e8b;
 --controlTrack-fgColor-disabled: #cdd9e5;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #768390;
+  --controlTrack-borderColor-disabled: #636e7b;
 --controlKnob-bgColor-rest: #1c2128;
-  --controlKnob-bgColor-disabled: #2d333b;
+  --controlKnob-bgColor-disabled: #373e47b3;
 --controlKnob-bgColor-checked: #cdd9e5;
 --controlKnob-borderColor-rest: #606b77;
-  --controlKnob-borderColor-disabled: #2d333b;
+  --controlKnob-borderColor-disabled: #373e47b3;
 --controlKnob-borderColor-checked: #316dca;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #adbac7;
@@ -105,14 +105,14 @@
 --button-default-bgColor-hover: #3d444e;
 --button-default-bgColor-active: #434a54;
 --button-default-bgColor-selected: #434a54;
-  --button-default-bgColor-disabled: #2d333b;
+  --button-default-bgColor-disabled: #373e47b3;
 --button-default-borderColor-rest: #444c56;
 --button-default-borderColor-hover: #444c56;
 --button-default-borderColor-active: #444c56;
-  --button-default-borderColor-disabled: #2d333b;
+  --button-default-borderColor-disabled: #373e47b3;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #cdd9e5;
-  --button-primary-fgColor-disabled: #cdd9e580;
+  --button-primary-fgColor-disabled: #cdd9e5cc;
 --button-primary-iconColor-rest: #cdd9e5;
 --button-primary-bgColor-rest: #347d39;
 --button-primary-bgColor-hover: #3b8640;
@@ -125,17 +125,17 @@
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #478be6;
 --button-invisible-fgColor-hover: #539bf5;
-  --button-invisible-fgColor-disabled: #768390;
+  --button-invisible-fgColor-disabled: #636e7b;
 --button-invisible-iconColor-rest: #717e8b;
 --button-invisible-iconColor-hover: #717e8b;
-  --button-invisible-iconColor-disabled: #768390;
+  --button-invisible-iconColor-disabled: #636e7b;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #909dab1f;
 --button-invisible-bgColor-active: #909dab33;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #373e47b3;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
-  --button-invisible-borderColor-disabled: #2d333b;
+  --button-invisible-borderColor-disabled: #373e47b3;
 --button-outline-fgColor-rest: #4184e4;
 --button-outline-fgColor-hover: #539bf5;
 --button-outline-fgColor-active: #cdd9e5;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #373e47;
 --button-danger-bgColor-hover: #ad2e2c;
 --button-danger-bgColor-active: #c33d38;
-  --button-danger-bgColor-disabled: #2d333b;
+  --button-danger-bgColor-disabled: #373e47b3;
 --button-danger-borderColor-rest: #444c56;
 --button-danger-borderColor-hover: #cdd9e51a;
 --button-danger-borderColor-active: #cdd9e51a;
@@ -181,7 +181,7 @@
 --focus-outlineColor: #316dca;
 --menu-bgColor-active: #2d333b;
 --overlay-bgColor: #2d333b;
-  --overlay-borderColor: #444c56;
+  --overlay-borderColor: #444c56b3;
 --overlay-backdrop-bgColor: #2d333b66;
 --selectMenu-borderColor: #545d68;
 --selectMenu-bgColor-active: #143d79;
@@ -196,7 +196,7 @@
 --fgColor-default: #c5d1de;
 --fgColor-muted: #717e8b;
 --fgColor-onEmphasis: #cdd9e5;
-  --fgColor-disabled: #768390;
+  --fgColor-disabled: #636e7b;
 --fgColor-link: #478be6;
 --fgColor-neutral: #636e7b;
 --fgColor-accent: #478be6;
@@ -213,7 +213,7 @@
 --bgColor-inset: #1c2128;
 --bgColor-emphasis: #636e7b;
 --bgColor-inverse: #cdd9e5;
-  --bgColor-disabled: #2d333b;
+  --bgColor-disabled: #373e47b3;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #636e7b66;
 --bgColor-neutral-emphasis: #636e7b;
@@ -238,7 +238,7 @@
 --borderColor-default: #444c56;
 --borderColor-muted: #444c56b3;
 --borderColor-emphasis: #545d68;
-  --borderColor-disabled: #2d333b;
+  --borderColor-disabled: #373e47b3;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #636e7b66;
 --borderColor-neutral-emphasis: #636e7b;
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #373e47;
   --control-bgColor-hover: #3d444e;
   --control-bgColor-active: #434a54;
-    --control-bgColor-disabled: #2d333b;
+    --control-bgColor-disabled: #373e47b3;
   --control-bgColor-selected: #2d333b;
   --control-fgColor-rest: #adbac7;
   --control-fgColor-placeholder: #545d68;
-    --control-fgColor-disabled: #768390;
+    --control-fgColor-disabled: #636e7b;
   --control-borderColor-rest: #444c56;
   --control-borderColor-emphasis: #606b77;
-    --control-borderColor-disabled: #2d333b;
+    --control-borderColor-disabled: #373e47b3;
   --control-borderColor-selected: #cdd9e5;
   --control-borderColor-success: #347d39;
   --control-borderColor-danger: #c93c37;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #00000000;
   --control-transparent-bgColor-hover: #909dab1f;
   --control-transparent-bgColor-active: #909dab33;
-    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-disabled: #373e47b3;
   --control-transparent-bgColor-selected: #909dab14;
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
@@ -489,26 +489,26 @@
   --control-checked-bgColor-rest: #316dca;
   --control-checked-bgColor-hover: #3876d3;
   --control-checked-bgColor-active: #3f7fdb;
-    --control-checked-bgColor-disabled: #768390;
+    --control-checked-bgColor-disabled: #636e7b;
   --control-checked-fgColor-rest: #cdd9e5;
   --control-checked-fgColor-disabled: #1c2128;
   --control-checked-borderColor-rest: #316dca;
   --control-checked-borderColor-hover: #3876d3;
   --control-checked-borderColor-active: #3f7fdb;
-    --control-checked-borderColor-disabled: #768390;
+    --control-checked-borderColor-disabled: #636e7b;
   --controlTrack-bgColor-rest: #373e47;
   --controlTrack-bgColor-hover: #3d444e;
   --controlTrack-bgColor-active: #434a54;
-    --controlTrack-bgColor-disabled: #768390;
+    --controlTrack-bgColor-disabled: #636e7b;
   --controlTrack-fgColor-rest: #717e8b;
   --controlTrack-fgColor-disabled: #cdd9e5;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #768390;
+    --controlTrack-borderColor-disabled: #636e7b;
   --controlKnob-bgColor-rest: #1c2128;
-    --controlKnob-bgColor-disabled: #2d333b;
+    --controlKnob-bgColor-disabled: #373e47b3;
   --controlKnob-bgColor-checked: #cdd9e5;
   --controlKnob-borderColor-rest: #606b77;
-    --controlKnob-borderColor-disabled: #2d333b;
+    --controlKnob-borderColor-disabled: #373e47b3;
   --controlKnob-borderColor-checked: #316dca;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #adbac7;
@@ -516,14 +516,14 @@
   --button-default-bgColor-hover: #3d444e;
   --button-default-bgColor-active: #434a54;
   --button-default-bgColor-selected: #434a54;
-    --button-default-bgColor-disabled: #2d333b;
+    --button-default-bgColor-disabled: #373e47b3;
   --button-default-borderColor-rest: #444c56;
   --button-default-borderColor-hover: #444c56;
   --button-default-borderColor-active: #444c56;
-    --button-default-borderColor-disabled: #2d333b;
+    --button-default-borderColor-disabled: #373e47b3;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #cdd9e5;
-    --button-primary-fgColor-disabled: #cdd9e580;
+    --button-primary-fgColor-disabled: #cdd9e5cc;
   --button-primary-iconColor-rest: #cdd9e5;
   --button-primary-bgColor-rest: #347d39;
   --button-primary-bgColor-hover: #3b8640;
@@ -536,17 +536,17 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #478be6;
   --button-invisible-fgColor-hover: #539bf5;
-    --button-invisible-fgColor-disabled: #768390;
+    --button-invisible-fgColor-disabled: #636e7b;
   --button-invisible-iconColor-rest: #717e8b;
   --button-invisible-iconColor-hover: #717e8b;
-    --button-invisible-iconColor-disabled: #768390;
+    --button-invisible-iconColor-disabled: #636e7b;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #909dab1f;
   --button-invisible-bgColor-active: #909dab33;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #373e47b3;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-    --button-invisible-borderColor-disabled: #2d333b;
+    --button-invisible-borderColor-disabled: #373e47b3;
   --button-outline-fgColor-rest: #4184e4;
   --button-outline-fgColor-hover: #539bf5;
   --button-outline-fgColor-active: #cdd9e5;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #373e47;
   --button-danger-bgColor-hover: #ad2e2c;
   --button-danger-bgColor-active: #c33d38;
-    --button-danger-bgColor-disabled: #2d333b;
+    --button-danger-bgColor-disabled: #373e47b3;
   --button-danger-borderColor-rest: #444c56;
   --button-danger-borderColor-hover: #cdd9e51a;
   --button-danger-borderColor-active: #cdd9e51a;
@@ -592,7 +592,7 @@
   --focus-outlineColor: #316dca;
   --menu-bgColor-active: #2d333b;
   --overlay-bgColor: #2d333b;
-    --overlay-borderColor: #444c56;
+    --overlay-borderColor: #444c56b3;
   --overlay-backdrop-bgColor: #2d333b66;
   --selectMenu-borderColor: #545d68;
   --selectMenu-bgColor-active: #143d79;
@@ -607,7 +607,7 @@
   --fgColor-default: #c5d1de;
   --fgColor-muted: #717e8b;
   --fgColor-onEmphasis: #cdd9e5;
-    --fgColor-disabled: #768390;
+    --fgColor-disabled: #636e7b;
   --fgColor-link: #478be6;
   --fgColor-neutral: #636e7b;
   --fgColor-accent: #478be6;
@@ -624,7 +624,7 @@
   --bgColor-inset: #1c2128;
   --bgColor-emphasis: #636e7b;
   --bgColor-inverse: #cdd9e5;
-    --bgColor-disabled: #2d333b;
+    --bgColor-disabled: #373e47b3;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #636e7b66;
   --bgColor-neutral-emphasis: #636e7b;
@@ -649,7 +649,7 @@
   --borderColor-default: #444c56;
   --borderColor-muted: #444c56b3;
   --borderColor-emphasis: #545d68;
-    --borderColor-disabled: #2d333b;
+    --borderColor-disabled: #373e47b3;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #636e7b66;
   --borderColor-neutral-emphasis: #636e7b;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-high-contrast.css	2024-03-06 23:33:56.980339159 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #3d424d;
 --control-bgColor-hover: #494f5a;
 --control-bgColor-active: #555c67;
-  --control-bgColor-disabled: #272b33;
+  --control-bgColor-disabled: #3d424db3;
 --control-bgColor-selected: #525964;
 --control-fgColor-rest: #f0f3f6;
 --control-fgColor-placeholder: #7a828e;
-  --control-fgColor-disabled: #bdc4cc;
+  --control-fgColor-disabled: #9ea7b3;
 --control-borderColor-rest: #7a828e;
 --control-borderColor-emphasis: #7a828e;
-  --control-borderColor-disabled: #272b33;
+  --control-borderColor-disabled: #3d424db3;
 --control-borderColor-selected: #ffffff;
 --control-borderColor-success: #09b43a;
 --control-borderColor-danger: #ff6a69;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #00000000;
 --control-transparent-bgColor-hover: #272b33;
 --control-transparent-bgColor-active: #525964;
-  --control-transparent-bgColor-disabled: #00000000;
+  --control-transparent-bgColor-disabled: #3d424db3;
 --control-transparent-bgColor-selected: #525964;
 --control-transparent-borderColor-rest: #00000000;
 --control-transparent-borderColor-hover: #7a828e;
@@ -78,26 +78,26 @@
 --control-checked-bgColor-rest: #409eff;
 --control-checked-bgColor-hover: #4aa3ff;
 --control-checked-bgColor-active: #54a8ff;
-  --control-checked-bgColor-disabled: #bdc4cc;
+  --control-checked-bgColor-disabled: #9ea7b3;
 --control-checked-fgColor-rest: #0a0c10;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #409eff;
 --control-checked-borderColor-hover: #4aa3ff;
 --control-checked-borderColor-active: #54a8ff;
-  --control-checked-borderColor-disabled: #bdc4cc;
+  --control-checked-borderColor-disabled: #9ea7b3;
 --controlTrack-bgColor-rest: #3d424d;
 --controlTrack-bgColor-hover: #494f5a;
 --controlTrack-bgColor-active: #555c67;
-  --controlTrack-bgColor-disabled: #bdc4cc;
+  --controlTrack-bgColor-disabled: #9ea7b3;
 --controlTrack-fgColor-rest: #fbfcfd;
 --controlTrack-fgColor-disabled: #0a0c10;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #bdc4cc;
+  --controlTrack-borderColor-disabled: #9ea7b3;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #272b33;
+  --controlKnob-bgColor-disabled: #3d424db3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #7a828e;
-  --controlKnob-borderColor-disabled: #272b33;
+  --controlKnob-borderColor-disabled: #3d424db3;
 --controlKnob-borderColor-checked: #409eff;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #f0f3f6;
@@ -105,11 +105,11 @@
 --button-default-bgColor-hover: #494f5a;
 --button-default-bgColor-active: #555c67;
 --button-default-bgColor-selected: #555c67;
-  --button-default-bgColor-disabled: #272b33;
+  --button-default-bgColor-disabled: #3d424db3;
 --button-default-borderColor-rest: #7a828e;
 --button-default-borderColor-hover: #7a828e;
 --button-default-borderColor-active: #7a828e;
-  --button-default-borderColor-disabled: #272b33;
+  --button-default-borderColor-disabled: #3d424db3;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #0a0c10;
 --button-primary-fgColor-disabled: #0a0c1080;
@@ -125,17 +125,17 @@
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #60aeff;
 --button-invisible-fgColor-hover: #1e60d5;
-  --button-invisible-fgColor-disabled: #bdc4cc;
+  --button-invisible-fgColor-disabled: #9ea7b3;
 --button-invisible-iconColor-rest: #f0f3f6;
 --button-invisible-iconColor-hover: #0a0c10;
-  --button-invisible-iconColor-disabled: #bdc4cc;
+  --button-invisible-iconColor-disabled: #9ea7b3;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #f0f3f6;
 --button-invisible-bgColor-active: #d9dee3;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #3d424db3;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #7a828e;
-  --button-invisible-borderColor-disabled: #272b33;
+  --button-invisible-borderColor-disabled: #3d424db3;
 --button-outline-fgColor-rest: #5cacff;
 --button-outline-fgColor-hover: #71b7ff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #3d424d;
 --button-danger-bgColor-hover: #ff4445;
 --button-danger-bgColor-active: #ff5c5d;
-  --button-danger-bgColor-disabled: #272b33;
+  --button-danger-bgColor-disabled: #3d424db3;
 --button-danger-borderColor-rest: #7a828e;
 --button-danger-borderColor-hover: #ffffff1a;
 --button-danger-borderColor-active: #ffffff1a;
@@ -196,7 +196,7 @@
 --fgColor-default: #fbfcfd;
 --fgColor-muted: #f0f3f6;
 --fgColor-onEmphasis: #0a0c10;
-  --fgColor-disabled: #bdc4cc;
+  --fgColor-disabled: #9ea7b3;
 --fgColor-link: #60aeff;
 --fgColor-neutral: #9ea7b3;
 --fgColor-accent: #60aeff;
@@ -213,7 +213,7 @@
 --bgColor-inset: #010409;
 --bgColor-emphasis: #ffffff;
 --bgColor-inverse: #ffffff;
-  --bgColor-disabled: #272b33;
+  --bgColor-disabled: #3d424db3;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #9ea7b366;
 --bgColor-neutral-emphasis: #9ea7b3;
@@ -238,7 +238,7 @@
 --borderColor-default: #7a828e;
 --borderColor-muted: #7a828e;
 --borderColor-emphasis: #7a828e;
-  --borderColor-disabled: #272b33;
+  --borderColor-disabled: #3d424db3;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #9ea7b3;
 --borderColor-neutral-emphasis: #9ea7b3;
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #3d424d;
   --control-bgColor-hover: #494f5a;
   --control-bgColor-active: #555c67;
-    --control-bgColor-disabled: #272b33;
+    --control-bgColor-disabled: #3d424db3;
   --control-bgColor-selected: #525964;
   --control-fgColor-rest: #f0f3f6;
   --control-fgColor-placeholder: #7a828e;
-    --control-fgColor-disabled: #bdc4cc;
+    --control-fgColor-disabled: #9ea7b3;
   --control-borderColor-rest: #7a828e;
   --control-borderColor-emphasis: #7a828e;
-    --control-borderColor-disabled: #272b33;
+    --control-borderColor-disabled: #3d424db3;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #09b43a;
   --control-borderColor-danger: #ff6a69;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #00000000;
   --control-transparent-bgColor-hover: #272b33;
   --control-transparent-bgColor-active: #525964;
-    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-disabled: #3d424db3;
   --control-transparent-bgColor-selected: #525964;
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #7a828e;
@@ -489,26 +489,26 @@
   --control-checked-bgColor-rest: #409eff;
   --control-checked-bgColor-hover: #4aa3ff;
   --control-checked-bgColor-active: #54a8ff;
-    --control-checked-bgColor-disabled: #bdc4cc;
+    --control-checked-bgColor-disabled: #9ea7b3;
   --control-checked-fgColor-rest: #0a0c10;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #409eff;
   --control-checked-borderColor-hover: #4aa3ff;
   --control-checked-borderColor-active: #54a8ff;
-    --control-checked-borderColor-disabled: #bdc4cc;
+    --control-checked-borderColor-disabled: #9ea7b3;
   --controlTrack-bgColor-rest: #3d424d;
   --controlTrack-bgColor-hover: #494f5a;
   --controlTrack-bgColor-active: #555c67;
-    --controlTrack-bgColor-disabled: #bdc4cc;
+    --controlTrack-bgColor-disabled: #9ea7b3;
   --controlTrack-fgColor-rest: #fbfcfd;
   --controlTrack-fgColor-disabled: #0a0c10;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #bdc4cc;
+    --controlTrack-borderColor-disabled: #9ea7b3;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #272b33;
+    --controlKnob-bgColor-disabled: #3d424db3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #7a828e;
-    --controlKnob-borderColor-disabled: #272b33;
+    --controlKnob-borderColor-disabled: #3d424db3;
   --controlKnob-borderColor-checked: #409eff;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #f0f3f6;
@@ -516,11 +516,11 @@
   --button-default-bgColor-hover: #494f5a;
   --button-default-bgColor-active: #555c67;
   --button-default-bgColor-selected: #555c67;
-    --button-default-bgColor-disabled: #272b33;
+    --button-default-bgColor-disabled: #3d424db3;
   --button-default-borderColor-rest: #7a828e;
   --button-default-borderColor-hover: #7a828e;
   --button-default-borderColor-active: #7a828e;
-    --button-default-borderColor-disabled: #272b33;
+    --button-default-borderColor-disabled: #3d424db3;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #0a0c10;
   --button-primary-fgColor-disabled: #0a0c1080;
@@ -536,17 +536,17 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #60aeff;
   --button-invisible-fgColor-hover: #1e60d5;
-    --button-invisible-fgColor-disabled: #bdc4cc;
+    --button-invisible-fgColor-disabled: #9ea7b3;
   --button-invisible-iconColor-rest: #f0f3f6;
   --button-invisible-iconColor-hover: #0a0c10;
-    --button-invisible-iconColor-disabled: #bdc4cc;
+    --button-invisible-iconColor-disabled: #9ea7b3;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #f0f3f6;
   --button-invisible-bgColor-active: #d9dee3;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #3d424db3;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #7a828e;
-    --button-invisible-borderColor-disabled: #272b33;
+    --button-invisible-borderColor-disabled: #3d424db3;
   --button-outline-fgColor-rest: #5cacff;
   --button-outline-fgColor-hover: #71b7ff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #3d424d;
   --button-danger-bgColor-hover: #ff4445;
   --button-danger-bgColor-active: #ff5c5d;
-    --button-danger-bgColor-disabled: #272b33;
+    --button-danger-bgColor-disabled: #3d424db3;
   --button-danger-borderColor-rest: #7a828e;
   --button-danger-borderColor-hover: #ffffff1a;
   --button-danger-borderColor-active: #ffffff1a;
@@ -607,7 +607,7 @@
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;
-    --fgColor-disabled: #bdc4cc;
+    --fgColor-disabled: #9ea7b3;
   --fgColor-link: #60aeff;
   --fgColor-neutral: #9ea7b3;
   --fgColor-accent: #60aeff;
@@ -624,7 +624,7 @@
   --bgColor-inset: #010409;
   --bgColor-emphasis: #ffffff;
   --bgColor-inverse: #ffffff;
-    --bgColor-disabled: #272b33;
+    --bgColor-disabled: #3d424db3;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #9ea7b366;
   --bgColor-neutral-emphasis: #9ea7b3;
@@ -649,7 +649,7 @@
   --borderColor-default: #7a828e;
   --borderColor-muted: #7a828e;
   --borderColor-emphasis: #7a828e;
-    --borderColor-disabled: #272b33;
+    --borderColor-disabled: #3d424db3;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark-tritanopia.css	2024-03-06 23:33:56.300337615 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #21262d;
 --control-bgColor-hover: #292e36;
 --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #161b22;
+  --control-bgColor-disabled: #21262db3;
 --control-bgColor-selected: #161b22;
 --control-fgColor-rest: #c9d1d9;
 --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #8b949e;
+  --control-fgColor-disabled: #6e7681;
 --control-borderColor-rest: #30363d;
 --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #161b22;
+  --control-borderColor-disabled: #21262db3;
 --control-borderColor-selected: #f0f6fc;
 --control-borderColor-success: #1f6feb;
 --control-borderColor-danger: #da3633;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #00000000;
 --control-transparent-bgColor-hover: #b1bac41f;
 --control-transparent-bgColor-active: #b1bac433;
-  --control-transparent-bgColor-disabled: #00000000;
+  --control-transparent-bgColor-disabled: #21262db3;
 --control-transparent-bgColor-selected: #b1bac414;
 --control-transparent-borderColor-rest: #00000000;
 --control-transparent-borderColor-hover: #00000000;
@@ -78,26 +78,26 @@
 --control-checked-bgColor-rest: #1f6feb;
 --control-checked-bgColor-hover: #2a7aef;
 --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #8b949e;
+  --control-checked-bgColor-disabled: #6e7681;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #1f6feb;
 --control-checked-borderColor-hover: #2a7aef;
 --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #8b949e;
+  --control-checked-borderColor-disabled: #6e7681;
 --controlTrack-bgColor-rest: #21262d;
 --controlTrack-bgColor-hover: #292e36;
 --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #8b949e;
+  --controlTrack-bgColor-disabled: #6e7681;
 --controlTrack-fgColor-rest: #848d97;
 --controlTrack-fgColor-disabled: #ffffff;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #8b949e;
+  --controlTrack-borderColor-disabled: #6e7681;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #161b22;
+  --controlKnob-bgColor-disabled: #21262db3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #161b22;
+  --controlKnob-borderColor-disabled: #21262db3;
 --controlKnob-borderColor-checked: #1f6feb;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #c9d1d9;
@@ -105,14 +105,14 @@
 --button-default-bgColor-hover: #292e36;
 --button-default-bgColor-active: #31363e;
 --button-default-bgColor-selected: #31363e;
-  --button-default-bgColor-disabled: #161b22;
+  --button-default-bgColor-disabled: #21262db3;
 --button-default-borderColor-rest: #30363d;
 --button-default-borderColor-hover: #30363d;
 --button-default-borderColor-active: #30363d;
-  --button-default-borderColor-disabled: #161b22;
+  --button-default-borderColor-disabled: #21262db3;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #ffffff;
-  --button-primary-fgColor-disabled: #ffffff80;
+  --button-primary-fgColor-disabled: #ffffffcc;
 --button-primary-iconColor-rest: #ffffff;
 --button-primary-bgColor-rest: #1f6feb;
 --button-primary-bgColor-hover: #2a7aef;
@@ -125,17 +125,17 @@
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #4493f8;
 --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #8b949e;
+  --button-invisible-fgColor-disabled: #6e7681;
 --button-invisible-iconColor-rest: #848d97;
 --button-invisible-iconColor-hover: #e6edf3;
-  --button-invisible-iconColor-disabled: #8b949e;
+  --button-invisible-iconColor-disabled: #6e7681;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #b1bac41f;
 --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #21262db3;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
-  --button-invisible-borderColor-disabled: #161b22;
+  --button-invisible-borderColor-disabled: #21262db3;
 --button-outline-fgColor-rest: #388bfd;
 --button-outline-fgColor-hover: #58a6ff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #21262d;
 --button-danger-bgColor-hover: #b62324;
 --button-danger-bgColor-active: #d03533;
-  --button-danger-bgColor-disabled: #161b22;
+  --button-danger-bgColor-disabled: #21262db3;
 --button-danger-borderColor-rest: #30363d;
 --button-danger-borderColor-hover: #f0f6fc1a;
 --button-danger-borderColor-active: #f0f6fc1a;
@@ -181,7 +181,7 @@
 --focus-outlineColor: #1f6feb;
 --menu-bgColor-active: #161b22;
 --overlay-bgColor: #161b22;
-  --overlay-borderColor: #30363d;
+  --overlay-borderColor: #30363db3;
 --overlay-backdrop-bgColor: #161b2266;
 --selectMenu-borderColor: #484f58;
 --selectMenu-bgColor-active: #0c2d6b;
@@ -196,7 +196,7 @@
 --fgColor-default: #e6edf3;
 --fgColor-muted: #848d97;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #8b949e;
+  --fgColor-disabled: #6e7681;
 --fgColor-link: #4493f8;
 --fgColor-neutral: #6e7681;
 --fgColor-accent: #4493f8;
@@ -213,7 +213,7 @@
 --bgColor-inset: #010409;
 --bgColor-emphasis: #6e7681;
 --bgColor-inverse: #ffffff;
-  --bgColor-disabled: #161b22;
+  --bgColor-disabled: #21262db3;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #6e768166;
 --bgColor-neutral-emphasis: #6e7681;
@@ -238,7 +238,7 @@
 --borderColor-default: #30363d;
 --borderColor-muted: #30363db3;
 --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #161b22;
+  --borderColor-disabled: #21262db3;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #6e768166;
 --borderColor-neutral-emphasis: #6e7681;
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #161b22;
+    --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #8b949e;
+    --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #161b22;
+    --control-borderColor-disabled: #21262db3;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #1f6feb;
   --control-borderColor-danger: #da3633;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #00000000;
   --control-transparent-bgColor-hover: #b1bac41f;
   --control-transparent-bgColor-active: #b1bac433;
-    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-disabled: #21262db3;
   --control-transparent-bgColor-selected: #b1bac414;
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
@@ -489,26 +489,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #8b949e;
+    --control-checked-bgColor-disabled: #6e7681;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #8b949e;
+    --control-checked-borderColor-disabled: #6e7681;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #8b949e;
+    --controlTrack-bgColor-disabled: #6e7681;
   --controlTrack-fgColor-rest: #848d97;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #8b949e;
+    --controlTrack-borderColor-disabled: #6e7681;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #161b22;
+    --controlKnob-bgColor-disabled: #21262db3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #161b22;
+    --controlKnob-borderColor-disabled: #21262db3;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -516,14 +516,14 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
-    --button-default-bgColor-disabled: #161b22;
+    --button-default-bgColor-disabled: #21262db3;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
-    --button-default-borderColor-disabled: #161b22;
+    --button-default-borderColor-disabled: #21262db3;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
-    --button-primary-fgColor-disabled: #ffffff80;
+    --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffff;
   --button-primary-bgColor-rest: #1f6feb;
   --button-primary-bgColor-hover: #2a7aef;
@@ -536,17 +536,17 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #4493f8;
   --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #8b949e;
+    --button-invisible-fgColor-disabled: #6e7681;
   --button-invisible-iconColor-rest: #848d97;
   --button-invisible-iconColor-hover: #e6edf3;
-    --button-invisible-iconColor-disabled: #8b949e;
+    --button-invisible-iconColor-disabled: #6e7681;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #21262db3;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-    --button-invisible-borderColor-disabled: #161b22;
+    --button-invisible-borderColor-disabled: #21262db3;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #b62324;
   --button-danger-bgColor-active: #d03533;
-    --button-danger-bgColor-disabled: #161b22;
+    --button-danger-bgColor-disabled: #21262db3;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #f0f6fc1a;
   --button-danger-borderColor-active: #f0f6fc1a;
@@ -592,7 +592,7 @@
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
-    --overlay-borderColor: #30363d;
+    --overlay-borderColor: #30363db3;
   --overlay-backdrop-bgColor: #161b2266;
   --selectMenu-borderColor: #484f58;
   --selectMenu-bgColor-active: #0c2d6b;
@@ -607,7 +607,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #8b949e;
+    --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
   --fgColor-accent: #4493f8;
@@ -624,7 +624,7 @@
   --bgColor-inset: #010409;
   --bgColor-emphasis: #6e7681;
   --bgColor-inverse: #ffffff;
-    --bgColor-disabled: #161b22;
+    --bgColor-disabled: #21262db3;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768166;
   --bgColor-neutral-emphasis: #6e7681;
@@ -649,7 +649,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363db3;
   --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #161b22;
+    --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;

/css/functional/themes/dark.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/dark.css	2024-03-06 23:33:55.652336386 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #21262d;
 --control-bgColor-hover: #292e36;
 --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #161b22;
+  --control-bgColor-disabled: #21262db3;
 --control-bgColor-selected: #161b22;
 --control-fgColor-rest: #c9d1d9;
 --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #8b949e;
+  --control-fgColor-disabled: #6e7681;
 --control-borderColor-rest: #30363d;
 --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #161b22;
+  --control-borderColor-disabled: #21262db3;
 --control-borderColor-selected: #f0f6fc;
 --control-borderColor-success: #238636;
 --control-borderColor-danger: #da3633;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #00000000;
 --control-transparent-bgColor-hover: #b1bac41f;
 --control-transparent-bgColor-active: #b1bac433;
-  --control-transparent-bgColor-disabled: #00000000;
+  --control-transparent-bgColor-disabled: #21262db3;
 --control-transparent-bgColor-selected: #b1bac414;
 --control-transparent-borderColor-rest: #00000000;
 --control-transparent-borderColor-hover: #00000000;
@@ -78,26 +78,26 @@
 --control-checked-bgColor-rest: #1f6feb;
 --control-checked-bgColor-hover: #2a7aef;
 --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #8b949e;
+  --control-checked-bgColor-disabled: #6e7681;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #010409;
 --control-checked-borderColor-rest: #1f6feb;
 --control-checked-borderColor-hover: #2a7aef;
 --control-checked-borderColor-active: #3685f3;
-  --control-checked-borderColor-disabled: #8b949e;
+  --control-checked-borderColor-disabled: #6e7681;
 --controlTrack-bgColor-rest: #21262d;
 --controlTrack-bgColor-hover: #292e36;
 --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #8b949e;
+  --controlTrack-bgColor-disabled: #6e7681;
 --controlTrack-fgColor-rest: #848d97;
 --controlTrack-fgColor-disabled: #ffffff;
 --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #8b949e;
+  --controlTrack-borderColor-disabled: #6e7681;
 --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #161b22;
+  --controlKnob-bgColor-disabled: #21262db3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #161b22;
+  --controlKnob-borderColor-disabled: #21262db3;
 --controlKnob-borderColor-checked: #1f6feb;
 --counter-borderColor: #00000000;
 --button-default-fgColor-rest: #c9d1d9;
@@ -105,37 +105,37 @@
 --button-default-bgColor-hover: #292e36;
 --button-default-bgColor-active: #31363e;
 --button-default-bgColor-selected: #31363e;
-  --button-default-bgColor-disabled: #161b22;
+  --button-default-bgColor-disabled: #21262db3;
 --button-default-borderColor-rest: #30363d;
 --button-default-borderColor-hover: #30363d;
 --button-default-borderColor-active: #30363d;
-  --button-default-borderColor-disabled: #161b22;
+  --button-default-borderColor-disabled: #21262db3;
 --button-default-shadow-resting: 0px 0px 0px 0px #000000;
 --button-primary-fgColor-rest: #ffffff;
-  --button-primary-fgColor-disabled: #ffffff80;
+  --button-primary-fgColor-disabled: #ffffffcc;
 --button-primary-iconColor-rest: #ffffff;
 --button-primary-bgColor-rest: #238636;
 --button-primary-bgColor-hover: #29903b;
 --button-primary-bgColor-active: #2e9a40;
-  --button-primary-bgColor-disabled: #46bf57;
+  --button-primary-bgColor-disabled: #77c982;
 --button-primary-borderColor-rest: #f0f6fc1a;
 --button-primary-borderColor-hover: #f0f6fc1a;
 --button-primary-borderColor-active: #f0f6fc1a;
-  --button-primary-borderColor-disabled: #46bf57;
+  --button-primary-borderColor-disabled: #77c982;
 --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 --button-invisible-fgColor-rest: #4493f8;
 --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #8b949e;
+  --button-invisible-fgColor-disabled: #6e7681;
 --button-invisible-iconColor-rest: #848d97;
 --button-invisible-iconColor-hover: #e6edf3;
-  --button-invisible-iconColor-disabled: #8b949e;
+  --button-invisible-iconColor-disabled: #6e7681;
 --button-invisible-bgColor-rest: #00000000;
 --button-invisible-bgColor-hover: #b1bac41f;
 --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #21262db3;
 --button-invisible-borderColor-rest: #00000000;
 --button-invisible-borderColor-hover: #00000000;
-  --button-invisible-borderColor-disabled: #161b22;
+  --button-invisible-borderColor-disabled: #21262db3;
 --button-outline-fgColor-rest: #388bfd;
 --button-outline-fgColor-hover: #58a6ff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #21262d;
 --button-danger-bgColor-hover: #b62324;
 --button-danger-bgColor-active: #d03533;
-  --button-danger-bgColor-disabled: #161b22;
+  --button-danger-bgColor-disabled: #21262db3;
 --button-danger-borderColor-rest: #30363d;
 --button-danger-borderColor-hover: #f0f6fc1a;
 --button-danger-borderColor-active: #f0f6fc1a;
@@ -181,7 +181,7 @@
 --focus-outlineColor: #1f6feb;
 --menu-bgColor-active: #161b22;
 --overlay-bgColor: #161b22;
-  --overlay-borderColor: #30363d;
+  --overlay-borderColor: #30363db3;
 --overlay-backdrop-bgColor: #161b2266;
 --selectMenu-borderColor: #484f58;
 --selectMenu-bgColor-active: #0c2d6b;
@@ -196,7 +196,7 @@
 --fgColor-default: #e6edf3;
 --fgColor-muted: #848d97;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #8b949e;
+  --fgColor-disabled: #6e7681;
 --fgColor-link: #4493f8;
 --fgColor-neutral: #6e7681;
 --fgColor-accent: #4493f8;
@@ -213,7 +213,7 @@
 --bgColor-inset: #010409;
 --bgColor-emphasis: #6e7681;
 --bgColor-inverse: #ffffff;
-  --bgColor-disabled: #161b22;
+  --bgColor-disabled: #21262db3;
 --bgColor-transparent: #00000000;
 --bgColor-neutral-muted: #6e768166;
 --bgColor-neutral-emphasis: #6e7681;
@@ -238,7 +238,7 @@
 --borderColor-default: #30363d;
 --borderColor-muted: #30363db3;
 --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #161b22;
+  --borderColor-disabled: #21262db3;
 --borderColor-transparent: #00000000;
 --borderColor-neutral-muted: #6e768166;
 --borderColor-neutral-emphasis: #6e7681;
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #161b22;
+    --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #8b949e;
+    --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #161b22;
+    --control-borderColor-disabled: #21262db3;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #238636;
   --control-borderColor-danger: #da3633;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #00000000;
   --control-transparent-bgColor-hover: #b1bac41f;
   --control-transparent-bgColor-active: #b1bac433;
-    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-disabled: #21262db3;
   --control-transparent-bgColor-selected: #b1bac414;
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
@@ -489,26 +489,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #8b949e;
+    --control-checked-bgColor-disabled: #6e7681;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #010409;
   --control-checked-borderColor-rest: #1f6feb;
   --control-checked-borderColor-hover: #2a7aef;
   --control-checked-borderColor-active: #3685f3;
-    --control-checked-borderColor-disabled: #8b949e;
+    --control-checked-borderColor-disabled: #6e7681;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #8b949e;
+    --controlTrack-bgColor-disabled: #6e7681;
   --controlTrack-fgColor-rest: #848d97;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #8b949e;
+    --controlTrack-borderColor-disabled: #6e7681;
   --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #161b22;
+    --controlKnob-bgColor-disabled: #21262db3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #161b22;
+    --controlKnob-borderColor-disabled: #21262db3;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -516,37 +516,37 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
-    --button-default-bgColor-disabled: #161b22;
+    --button-default-bgColor-disabled: #21262db3;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
-    --button-default-borderColor-disabled: #161b22;
+    --button-default-borderColor-disabled: #21262db3;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
-    --button-primary-fgColor-disabled: #ffffff80;
+    --button-primary-fgColor-disabled: #ffffffcc;
   --button-primary-iconColor-rest: #ffffff;
   --button-primary-bgColor-rest: #238636;
   --button-primary-bgColor-hover: #29903b;
   --button-primary-bgColor-active: #2e9a40;
-    --button-primary-bgColor-disabled: #46bf57;
+    --button-primary-bgColor-disabled: #77c982;
   --button-primary-borderColor-rest: #f0f6fc1a;
   --button-primary-borderColor-hover: #f0f6fc1a;
   --button-primary-borderColor-active: #f0f6fc1a;
-    --button-primary-borderColor-disabled: #46bf57;
+    --button-primary-borderColor-disabled: #77c982;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #4493f8;
   --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #8b949e;
+    --button-invisible-fgColor-disabled: #6e7681;
   --button-invisible-iconColor-rest: #848d97;
   --button-invisible-iconColor-hover: #e6edf3;
-    --button-invisible-iconColor-disabled: #8b949e;
+    --button-invisible-iconColor-disabled: #6e7681;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #21262db3;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
-    --button-invisible-borderColor-disabled: #161b22;
+    --button-invisible-borderColor-disabled: #21262db3;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #b62324;
   --button-danger-bgColor-active: #d03533;
-    --button-danger-bgColor-disabled: #161b22;
+    --button-danger-bgColor-disabled: #21262db3;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #f0f6fc1a;
   --button-danger-borderColor-active: #f0f6fc1a;
@@ -592,7 +592,7 @@
   --focus-outlineColor: #1f6feb;
   --menu-bgColor-active: #161b22;
   --overlay-bgColor: #161b22;
-    --overlay-borderColor: #30363d;
+    --overlay-borderColor: #30363db3;
   --overlay-backdrop-bgColor: #161b2266;
   --selectMenu-borderColor: #484f58;
   --selectMenu-bgColor-active: #0c2d6b;
@@ -607,7 +607,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #8b949e;
+    --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
   --fgColor-neutral: #6e7681;
   --fgColor-accent: #4493f8;
@@ -624,7 +624,7 @@
   --bgColor-inset: #010409;
   --bgColor-emphasis: #6e7681;
   --bgColor-inverse: #ffffff;
-    --bgColor-disabled: #161b22;
+    --bgColor-disabled: #21262db3;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768166;
   --bgColor-neutral-emphasis: #6e7681;
@@ -649,7 +649,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363db3;
   --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #161b22;
+    --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-colorblind.css	2024-03-06 23:33:54.948335050 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #f6f8fa;
 --control-bgColor-hover: #eef1f4;
 --control-bgColor-active: #e7ebef;
-  --control-bgColor-disabled: #f6f8fa;
+  --control-bgColor-disabled: #eaeef2b3;
 --control-bgColor-selected: #f6f8fa;
 --control-fgColor-rest: #24292f;
 --control-fgColor-placeholder: #6e7781;
 --control-fgColor-disabled: #8c959f;
 --control-borderColor-rest: #d0d7de;
 --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #f6f8fa;
+  --control-borderColor-disabled: #eaeef2b3;
 --control-borderColor-selected: #f6f8fa;
 --control-borderColor-success: #218bff;
 --control-borderColor-danger: #bc4c00;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #ffffff00;
 --control-transparent-bgColor-hover: #d0d7de33;
 --control-transparent-bgColor-active: #d0d7de66;
-  --control-transparent-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-disabled: #eaeef2b3;
 --control-transparent-bgColor-selected: #d0d7de33;
 --control-transparent-borderColor-rest: #ffffff00;
 --control-transparent-borderColor-hover: #ffffff00;
@@ -94,10 +94,10 @@
 --controlTrack-borderColor-rest: #ffffff00;
 --controlTrack-borderColor-disabled: #8c959f;
 --controlKnob-bgColor-rest: #ffffff;
-  --controlKnob-bgColor-disabled: #f6f8fa;
+  --controlKnob-bgColor-disabled: #eaeef2b3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #868f99;
-  --controlKnob-borderColor-disabled: #f6f8fa;
+  --controlKnob-borderColor-disabled: #eaeef2b3;
 --controlKnob-borderColor-checked: #0969da;
 --counter-borderColor: #ffffff00;
 --button-default-fgColor-rest: #24292f;
@@ -105,11 +105,11 @@
 --button-default-bgColor-hover: #eef1f4;
 --button-default-bgColor-active: #e7ebef;
 --button-default-bgColor-selected: #e7ebef;
-  --button-default-bgColor-disabled: #f6f8fa;
+  --button-default-bgColor-disabled: #eaeef2b3;
 --button-default-borderColor-rest: #d0d7de;
 --button-default-borderColor-hover: #d0d7de;
 --button-default-borderColor-active: #d0d7de;
-  --button-default-borderColor-disabled: #f6f8fa;
+  --button-default-borderColor-disabled: #eaeef2b3;
 --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 --button-primary-fgColor-rest: #ffffff;
 --button-primary-fgColor-disabled: #ffffffcc;
@@ -132,10 +132,10 @@
 --button-invisible-bgColor-rest: #ffffff00;
 --button-invisible-bgColor-hover: #d0d7de33;
 --button-invisible-bgColor-active: #d0d7de66;
-  --button-invisible-bgColor-disabled: #ffffff00;
+  --button-invisible-bgColor-disabled: #eaeef2b3;
 --button-invisible-borderColor-rest: #ffffff00;
 --button-invisible-borderColor-hover: #ffffff00;
-  --button-invisible-borderColor-disabled: #f6f8fa;
+  --button-invisible-borderColor-disabled: #eaeef2b3;
 --button-outline-fgColor-rest: #0969da;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #f6f8fa;
 --button-danger-bgColor-hover: #953800;
 --button-danger-bgColor-active: #7e2f00;
-  --button-danger-bgColor-disabled: #f6f8fa;
+  --button-danger-bgColor-disabled: #eaeef2b3;
 --button-danger-borderColor-rest: #d0d7de;
 --button-danger-borderColor-hover: #1f232826;
 --button-danger-borderColor-active: #1f232826;
@@ -182,7 +182,7 @@
 --focus-outline: #0969da solid 2px;
 --menu-bgColor-active: #ffffff00;
 --overlay-bgColor: #ffffff;
-  --overlay-borderColor: #ffffff00;
+  --overlay-borderColor: #d0d7de80;
 --overlay-backdrop-bgColor: #8c959f33;
 --selectMenu-borderColor: #ffffff00;
 --selectMenu-bgColor-active: #b6e3ff;
@@ -214,7 +214,7 @@
 --bgColor-inset: #f6f8fa;
 --bgColor-emphasis: #24292f;
 --bgColor-inverse: #24292f;
-  --bgColor-disabled: #f6f8fa;
+  --bgColor-disabled: #eaeef2b3;
 --bgColor-transparent: #ffffff00;
 --bgColor-neutral-muted: #afb8c133;
 --bgColor-neutral-emphasis: #6e7781;
@@ -239,7 +239,7 @@
 --borderColor-default: #d0d7de;
 --borderColor-muted: #d0d7deb3;
 --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #f6f8fa;
+  --borderColor-disabled: #eaeef2b3;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #afb8c133;
 --borderColor-neutral-emphasis: #6e7781;
@@ -405,10 +405,10 @@
 --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-  --shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-  --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-  --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-  --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+  --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light_colorblind"],
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #f6f8fa;
   --control-bgColor-hover: #eef1f4;
   --control-bgColor-active: #e7ebef;
-    --control-bgColor-disabled: #f6f8fa;
+    --control-bgColor-disabled: #eaeef2b3;
   --control-bgColor-selected: #f6f8fa;
   --control-fgColor-rest: #24292f;
   --control-fgColor-placeholder: #6e7781;
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #f6f8fa;
+    --control-borderColor-disabled: #eaeef2b3;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #218bff;
   --control-borderColor-danger: #bc4c00;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
-    --control-transparent-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-disabled: #eaeef2b3;
   --control-transparent-bgColor-selected: #d0d7de33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #ffffff00;
@@ -505,10 +505,10 @@
   --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
-    --controlKnob-bgColor-disabled: #f6f8fa;
+    --controlKnob-bgColor-disabled: #eaeef2b3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #868f99;
-    --controlKnob-borderColor-disabled: #f6f8fa;
+    --controlKnob-borderColor-disabled: #eaeef2b3;
   --controlKnob-borderColor-checked: #0969da;
   --counter-borderColor: #ffffff00;
   --button-default-fgColor-rest: #24292f;
@@ -516,11 +516,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
-    --button-default-bgColor-disabled: #f6f8fa;
+    --button-default-bgColor-disabled: #eaeef2b3;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
-    --button-default-borderColor-disabled: #f6f8fa;
+    --button-default-borderColor-disabled: #eaeef2b3;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
@@ -543,10 +543,10 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
-    --button-invisible-bgColor-disabled: #ffffff00;
+    --button-invisible-bgColor-disabled: #eaeef2b3;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
-    --button-invisible-borderColor-disabled: #f6f8fa;
+    --button-invisible-borderColor-disabled: #eaeef2b3;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #f6f8fa;
   --button-danger-bgColor-hover: #953800;
   --button-danger-bgColor-active: #7e2f00;
-    --button-danger-bgColor-disabled: #f6f8fa;
+    --button-danger-bgColor-disabled: #eaeef2b3;
   --button-danger-borderColor-rest: #d0d7de;
   --button-danger-borderColor-hover: #1f232826;
   --button-danger-borderColor-active: #1f232826;
@@ -593,7 +593,7 @@
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
-    --overlay-borderColor: #ffffff00;
+    --overlay-borderColor: #d0d7de80;
   --overlay-backdrop-bgColor: #8c959f33;
   --selectMenu-borderColor: #ffffff00;
   --selectMenu-bgColor-active: #b6e3ff;
@@ -625,7 +625,7 @@
   --bgColor-inset: #f6f8fa;
   --bgColor-emphasis: #24292f;
   --bgColor-inverse: #24292f;
-    --bgColor-disabled: #f6f8fa;
+    --bgColor-disabled: #eaeef2b3;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #afb8c133;
   --bgColor-neutral-emphasis: #6e7781;
@@ -650,7 +650,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7deb3;
   --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #f6f8fa;
+    --borderColor-disabled: #eaeef2b3;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
@@ -816,9 +816,9 @@
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
   --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-    --shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-    --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-    --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-    --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+    --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
 }
}

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-high-contrast.css	2024-03-06 23:33:55.316335749 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #e7ecf0;
 --control-bgColor-hover: #dbe1e6;
 --control-bgColor-active: #cfd6dd;
-  --control-bgColor-disabled: #e7ecf0;
+  --control-bgColor-disabled: #ced5dcb3;
 --control-bgColor-selected: #acb6c0;
 --control-fgColor-rest: #0e1116;
 --control-fgColor-placeholder: #66707b;
-  --control-fgColor-disabled: #4b535d;
+  --control-fgColor-disabled: #66707b;
 --control-borderColor-rest: #20252c;
 --control-borderColor-emphasis: #20252c;
-  --control-borderColor-disabled: #e7ecf0;
+  --control-borderColor-disabled: #ced5dcb3;
 --control-borderColor-selected: #ffffff;
 --control-borderColor-success: #055d20;
 --control-borderColor-danger: #a0111f;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #ffffff00;
 --control-transparent-bgColor-hover: #e7ecf0;
 --control-transparent-bgColor-active: #ced5dc;
-  --control-transparent-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-disabled: #ced5dcb3;
 --control-transparent-bgColor-selected: #ced5dc33;
 --control-transparent-borderColor-rest: #ffffff00;
 --control-transparent-borderColor-hover: #20252c;
@@ -78,26 +78,26 @@
 --control-checked-bgColor-rest: #0349b4;
 --control-checked-bgColor-hover: #0344a8;
 --control-checked-bgColor-active: #033f9d;
-  --control-checked-bgColor-disabled: #4b535d;
+  --control-checked-bgColor-disabled: #66707b;
 --control-checked-fgColor-rest: #ffffff;
 --control-checked-fgColor-disabled: #ffffff;
 --control-checked-borderColor-rest: #0349b4;
 --control-checked-borderColor-hover: #0344a8;
 --control-checked-borderColor-active: #033f9d;
-  --control-checked-borderColor-disabled: #4b535d;
+  --control-checked-borderColor-disabled: #66707b;
 --controlTrack-bgColor-rest: #acb6c0;
 --controlTrack-bgColor-hover: #9ea8b2;
 --controlTrack-bgColor-active: #909aa4;
-  --controlTrack-bgColor-disabled: #4b535d;
+  --controlTrack-bgColor-disabled: #66707b;
 --controlTrack-fgColor-rest: #010409;
 --controlTrack-fgColor-disabled: #ffffff;
 --controlTrack-borderColor-rest: #ffffff00;
-  --controlTrack-borderColor-disabled: #4b535d;
+  --controlTrack-borderColor-disabled: #66707b;
 --controlKnob-bgColor-rest: #ffffff;
-  --controlKnob-bgColor-disabled: #e7ecf0;
+  --controlKnob-bgColor-disabled: #ced5dcb3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #20252c;
-  --controlKnob-borderColor-disabled: #e7ecf0;
+  --controlKnob-borderColor-disabled: #ced5dcb3;
 --controlKnob-borderColor-checked: #0349b4;
 --counter-borderColor: #20252c;
 --button-default-fgColor-rest: #0e1116;
@@ -105,11 +105,11 @@
 --button-default-bgColor-hover: #dbe1e6;
 --button-default-bgColor-active: #cfd6dd;
 --button-default-bgColor-selected: #cfd6dd;
-  --button-default-bgColor-disabled: #e7ecf0;
+  --button-default-bgColor-disabled: #ced5dcb3;
 --button-default-borderColor-rest: #20252c;
 --button-default-borderColor-hover: #20252c;
 --button-default-borderColor-active: #20252c;
-  --button-default-borderColor-disabled: #e7ecf0;
+  --button-default-borderColor-disabled: #ced5dcb3;
 --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
 --button-primary-fgColor-rest: #ffffff;
 --button-primary-fgColor-disabled: #ffffffcc;
@@ -125,17 +125,17 @@
 --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
 --button-invisible-fgColor-rest: #023b95;
 --button-invisible-fgColor-hover: #67b3fd;
-  --button-invisible-fgColor-disabled: #4b535d;
+  --button-invisible-fgColor-disabled: #66707b;
 --button-invisible-iconColor-rest: #0e1116;
 --button-invisible-iconColor-hover: #ffffff;
-  --button-invisible-iconColor-disabled: #4b535d;
+  --button-invisible-iconColor-disabled: #66707b;
 --button-invisible-bgColor-rest: #ffffff00;
 --button-invisible-bgColor-hover: #20252c;
 --button-invisible-bgColor-active: #4b535d;
-  --button-invisible-bgColor-disabled: #ffffff00;
+  --button-invisible-bgColor-disabled: #ced5dcb3;
 --button-invisible-borderColor-rest: #ffffff00;
 --button-invisible-borderColor-hover: #20252c;
-  --button-invisible-borderColor-disabled: #e7ecf0;
+  --button-invisible-borderColor-disabled: #ced5dcb3;
 --button-outline-fgColor-rest: #023b95;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #e7ecf0;
 --button-danger-bgColor-hover: #86061d;
 --button-danger-bgColor-active: #74041a;
-  --button-danger-bgColor-disabled: #e7ecf0;
+  --button-danger-bgColor-disabled: #ced5dcb3;
 --button-danger-borderColor-rest: #20252c;
 --button-danger-borderColor-hover: #01040926;
 --button-danger-borderColor-active: #01040926;
@@ -182,7 +182,7 @@
 --focus-outline: #0349b4 solid 2px;
 --menu-bgColor-active: #ffffff00;
 --overlay-bgColor: #ffffff;
-  --overlay-borderColor: #20252c;
+  --overlay-borderColor: #88929d80;
 --overlay-backdrop-bgColor: #88929d33;
 --selectMenu-borderColor: #ffffff00;
 --selectMenu-bgColor-active: #9cd7ff;
@@ -197,7 +197,7 @@
 --fgColor-default: #010409;
 --fgColor-muted: #0e1116;
 --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #4b535d;
+  --fgColor-disabled: #66707b;
 --fgColor-link: #023b95;
 --fgColor-neutral: #66707b;
 --fgColor-accent: #023b95;
@@ -214,7 +214,7 @@
 --bgColor-inset: #ffffff;
 --bgColor-emphasis: #0e1116;
 --bgColor-inverse: #0e1116;
-  --bgColor-disabled: #e7ecf0;
+  --bgColor-disabled: #ced5dcb3;
 --bgColor-transparent: #ffffff00;
 --bgColor-neutral-muted: #e7ecf0;
 --bgColor-neutral-emphasis: #66707b;
@@ -239,7 +239,7 @@
 --borderColor-default: #20252c;
 --borderColor-muted: #88929d;
 --borderColor-emphasis: #66707b;
-  --borderColor-disabled: #e7ecf0;
+  --borderColor-disabled: #ced5dcb3;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #88929d;
 --borderColor-neutral-emphasis: #66707b;
@@ -405,10 +405,10 @@
 --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
 --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
 --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
-  --shadow-floating-small: 0px 0px 0px 1px #20252c, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
-  --shadow-floating-medium: 0px 0px 0px 1px #20252c, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
-  --shadow-floating-large: 0px 0px 0px 1px #20252c, 0px 40px 80px 0px #343b433d;
-  --shadow-floating-xlarge: 0px 0px 0px 1px #20252c, 0px 56px 112px 0px #343b4352;
+  --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+  --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+  --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #e7ecf0;
   --control-bgColor-hover: #dbe1e6;
   --control-bgColor-active: #cfd6dd;
-    --control-bgColor-disabled: #e7ecf0;
+    --control-bgColor-disabled: #ced5dcb3;
   --control-bgColor-selected: #acb6c0;
   --control-fgColor-rest: #0e1116;
   --control-fgColor-placeholder: #66707b;
-    --control-fgColor-disabled: #4b535d;
+    --control-fgColor-disabled: #66707b;
   --control-borderColor-rest: #20252c;
   --control-borderColor-emphasis: #20252c;
-    --control-borderColor-disabled: #e7ecf0;
+    --control-borderColor-disabled: #ced5dcb3;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #055d20;
   --control-borderColor-danger: #a0111f;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #e7ecf0;
   --control-transparent-bgColor-active: #ced5dc;
-    --control-transparent-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-disabled: #ced5dcb3;
   --control-transparent-bgColor-selected: #ced5dc33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #20252c;
@@ -489,26 +489,26 @@
   --control-checked-bgColor-rest: #0349b4;
   --control-checked-bgColor-hover: #0344a8;
   --control-checked-bgColor-active: #033f9d;
-    --control-checked-bgColor-disabled: #4b535d;
+    --control-checked-bgColor-disabled: #66707b;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #ffffff;
   --control-checked-borderColor-rest: #0349b4;
   --control-checked-borderColor-hover: #0344a8;
   --control-checked-borderColor-active: #033f9d;
-    --control-checked-borderColor-disabled: #4b535d;
+    --control-checked-borderColor-disabled: #66707b;
   --controlTrack-bgColor-rest: #acb6c0;
   --controlTrack-bgColor-hover: #9ea8b2;
   --controlTrack-bgColor-active: #909aa4;
-    --controlTrack-bgColor-disabled: #4b535d;
+    --controlTrack-bgColor-disabled: #66707b;
   --controlTrack-fgColor-rest: #010409;
   --controlTrack-fgColor-disabled: #ffffff;
   --controlTrack-borderColor-rest: #ffffff00;
-    --controlTrack-borderColor-disabled: #4b535d;
+    --controlTrack-borderColor-disabled: #66707b;
   --controlKnob-bgColor-rest: #ffffff;
-    --controlKnob-bgColor-disabled: #e7ecf0;
+    --controlKnob-bgColor-disabled: #ced5dcb3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #20252c;
-    --controlKnob-borderColor-disabled: #e7ecf0;
+    --controlKnob-borderColor-disabled: #ced5dcb3;
   --controlKnob-borderColor-checked: #0349b4;
   --counter-borderColor: #20252c;
   --button-default-fgColor-rest: #0e1116;
@@ -516,11 +516,11 @@
   --button-default-bgColor-hover: #dbe1e6;
   --button-default-bgColor-active: #cfd6dd;
   --button-default-bgColor-selected: #cfd6dd;
-    --button-default-bgColor-disabled: #e7ecf0;
+    --button-default-bgColor-disabled: #ced5dcb3;
   --button-default-borderColor-rest: #20252c;
   --button-default-borderColor-hover: #20252c;
   --button-default-borderColor-active: #20252c;
-    --button-default-borderColor-disabled: #e7ecf0;
+    --button-default-borderColor-disabled: #ced5dcb3;
   --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
@@ -536,17 +536,17 @@
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #023b95;
   --button-invisible-fgColor-hover: #67b3fd;
-    --button-invisible-fgColor-disabled: #4b535d;
+    --button-invisible-fgColor-disabled: #66707b;
   --button-invisible-iconColor-rest: #0e1116;
   --button-invisible-iconColor-hover: #ffffff;
-    --button-invisible-iconColor-disabled: #4b535d;
+    --button-invisible-iconColor-disabled: #66707b;
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #20252c;
   --button-invisible-bgColor-active: #4b535d;
-    --button-invisible-bgColor-disabled: #ffffff00;
+    --button-invisible-bgColor-disabled: #ced5dcb3;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #20252c;
-    --button-invisible-borderColor-disabled: #e7ecf0;
+    --button-invisible-borderColor-disabled: #ced5dcb3;
   --button-outline-fgColor-rest: #023b95;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #e7ecf0;
   --button-danger-bgColor-hover: #86061d;
   --button-danger-bgColor-active: #74041a;
-    --button-danger-bgColor-disabled: #e7ecf0;
+    --button-danger-bgColor-disabled: #ced5dcb3;
   --button-danger-borderColor-rest: #20252c;
   --button-danger-borderColor-hover: #01040926;
   --button-danger-borderColor-active: #01040926;
@@ -593,7 +593,7 @@
   --focus-outline: #0349b4 solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
-    --overlay-borderColor: #20252c;
+    --overlay-borderColor: #88929d80;
   --overlay-backdrop-bgColor: #88929d33;
   --selectMenu-borderColor: #ffffff00;
   --selectMenu-bgColor-active: #9cd7ff;
@@ -608,7 +608,7 @@
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #4b535d;
+    --fgColor-disabled: #66707b;
   --fgColor-link: #023b95;
   --fgColor-neutral: #66707b;
   --fgColor-accent: #023b95;
@@ -625,7 +625,7 @@
   --bgColor-inset: #ffffff;
   --bgColor-emphasis: #0e1116;
   --bgColor-inverse: #0e1116;
-    --bgColor-disabled: #e7ecf0;
+    --bgColor-disabled: #ced5dcb3;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #e7ecf0;
   --bgColor-neutral-emphasis: #66707b;
@@ -650,7 +650,7 @@
   --borderColor-default: #20252c;
   --borderColor-muted: #88929d;
   --borderColor-emphasis: #66707b;
-    --borderColor-disabled: #e7ecf0;
+    --borderColor-disabled: #ced5dcb3;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #88929d;
   --borderColor-neutral-emphasis: #66707b;
@@ -816,9 +816,9 @@
   --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
   --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
   --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
-    --shadow-floating-small: 0px 0px 0px 1px #20252c, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
-    --shadow-floating-medium: 0px 0px 0px 1px #20252c, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
-    --shadow-floating-large: 0px 0px 0px 1px #20252c, 0px 40px 80px 0px #343b433d;
-    --shadow-floating-xlarge: 0px 0px 0px 1px #20252c, 0px 56px 112px 0px #343b4352;
+    --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+    --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+    --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
 }
}

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

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light-tritanopia.css	2024-03-06 23:33:54.552334300 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #f6f8fa;
 --control-bgColor-hover: #eef1f4;
 --control-bgColor-active: #e7ebef;
-  --control-bgColor-disabled: #f6f8fa;
+  --control-bgColor-disabled: #eaeef2b3;
 --control-bgColor-selected: #f6f8fa;
 --control-fgColor-rest: #24292f;
 --control-fgColor-placeholder: #6e7781;
 --control-fgColor-disabled: #8c959f;
 --control-borderColor-rest: #d0d7de;
 --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #f6f8fa;
+  --control-borderColor-disabled: #eaeef2b3;
 --control-borderColor-selected: #f6f8fa;
 --control-borderColor-success: #218bff;
 --control-borderColor-danger: #cf222e;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #ffffff00;
 --control-transparent-bgColor-hover: #d0d7de33;
 --control-transparent-bgColor-active: #d0d7de66;
-  --control-transparent-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-disabled: #eaeef2b3;
 --control-transparent-bgColor-selected: #d0d7de33;
 --control-transparent-borderColor-rest: #ffffff00;
 --control-transparent-borderColor-hover: #ffffff00;
@@ -94,10 +94,10 @@
 --controlTrack-borderColor-rest: #ffffff00;
 --controlTrack-borderColor-disabled: #8c959f;
 --controlKnob-bgColor-rest: #ffffff;
-  --controlKnob-bgColor-disabled: #f6f8fa;
+  --controlKnob-bgColor-disabled: #eaeef2b3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #868f99;
-  --controlKnob-borderColor-disabled: #f6f8fa;
+  --controlKnob-borderColor-disabled: #eaeef2b3;
 --controlKnob-borderColor-checked: #0969da;
 --counter-borderColor: #ffffff00;
 --button-default-fgColor-rest: #24292f;
@@ -105,11 +105,11 @@
 --button-default-bgColor-hover: #eef1f4;
 --button-default-bgColor-active: #e7ebef;
 --button-default-bgColor-selected: #e7ebef;
-  --button-default-bgColor-disabled: #f6f8fa;
+  --button-default-bgColor-disabled: #eaeef2b3;
 --button-default-borderColor-rest: #d0d7de;
 --button-default-borderColor-hover: #d0d7de;
 --button-default-borderColor-active: #d0d7de;
-  --button-default-borderColor-disabled: #f6f8fa;
+  --button-default-borderColor-disabled: #eaeef2b3;
 --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 --button-primary-fgColor-rest: #ffffff;
 --button-primary-fgColor-disabled: #ffffffcc;
@@ -132,10 +132,10 @@
 --button-invisible-bgColor-rest: #ffffff00;
 --button-invisible-bgColor-hover: #d0d7de33;
 --button-invisible-bgColor-active: #d0d7de66;
-  --button-invisible-bgColor-disabled: #ffffff00;
+  --button-invisible-bgColor-disabled: #eaeef2b3;
 --button-invisible-borderColor-rest: #ffffff00;
 --button-invisible-borderColor-hover: #ffffff00;
-  --button-invisible-borderColor-disabled: #f6f8fa;
+  --button-invisible-borderColor-disabled: #eaeef2b3;
 --button-outline-fgColor-rest: #0969da;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #f6f8fa;
 --button-danger-bgColor-hover: #a40e26;
 --button-danger-bgColor-active: #8b0820;
-  --button-danger-bgColor-disabled: #f6f8fa;
+  --button-danger-bgColor-disabled: #eaeef2b3;
 --button-danger-borderColor-rest: #d0d7de;
 --button-danger-borderColor-hover: #1f232826;
 --button-danger-borderColor-active: #1f232826;
@@ -182,7 +182,7 @@
 --focus-outline: #0969da solid 2px;
 --menu-bgColor-active: #ffffff00;
 --overlay-bgColor: #ffffff;
-  --overlay-borderColor: #ffffff00;
+  --overlay-borderColor: #d0d7de80;
 --overlay-backdrop-bgColor: #8c959f33;
 --selectMenu-borderColor: #ffffff00;
 --selectMenu-bgColor-active: #b6e3ff;
@@ -214,7 +214,7 @@
 --bgColor-inset: #f6f8fa;
 --bgColor-emphasis: #24292f;
 --bgColor-inverse: #24292f;
-  --bgColor-disabled: #f6f8fa;
+  --bgColor-disabled: #eaeef2b3;
 --bgColor-transparent: #ffffff00;
 --bgColor-neutral-muted: #afb8c133;
 --bgColor-neutral-emphasis: #6e7781;
@@ -239,7 +239,7 @@
 --borderColor-default: #d0d7de;
 --borderColor-muted: #d0d7deb3;
 --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #f6f8fa;
+  --borderColor-disabled: #eaeef2b3;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #afb8c133;
 --borderColor-neutral-emphasis: #6e7781;
@@ -405,10 +405,10 @@
 --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-  --shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-  --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-  --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-  --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+  --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #f6f8fa;
   --control-bgColor-hover: #eef1f4;
   --control-bgColor-active: #e7ebef;
-    --control-bgColor-disabled: #f6f8fa;
+    --control-bgColor-disabled: #eaeef2b3;
   --control-bgColor-selected: #f6f8fa;
   --control-fgColor-rest: #24292f;
   --control-fgColor-placeholder: #6e7781;
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #f6f8fa;
+    --control-borderColor-disabled: #eaeef2b3;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #218bff;
   --control-borderColor-danger: #cf222e;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
-    --control-transparent-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-disabled: #eaeef2b3;
   --control-transparent-bgColor-selected: #d0d7de33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #ffffff00;
@@ -505,10 +505,10 @@
   --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
-    --controlKnob-bgColor-disabled: #f6f8fa;
+    --controlKnob-bgColor-disabled: #eaeef2b3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #868f99;
-    --controlKnob-borderColor-disabled: #f6f8fa;
+    --controlKnob-borderColor-disabled: #eaeef2b3;
   --controlKnob-borderColor-checked: #0969da;
   --counter-borderColor: #ffffff00;
   --button-default-fgColor-rest: #24292f;
@@ -516,11 +516,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
-    --button-default-bgColor-disabled: #f6f8fa;
+    --button-default-bgColor-disabled: #eaeef2b3;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
-    --button-default-borderColor-disabled: #f6f8fa;
+    --button-default-borderColor-disabled: #eaeef2b3;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
@@ -543,10 +543,10 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
-    --button-invisible-bgColor-disabled: #ffffff00;
+    --button-invisible-bgColor-disabled: #eaeef2b3;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
-    --button-invisible-borderColor-disabled: #f6f8fa;
+    --button-invisible-borderColor-disabled: #eaeef2b3;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #f6f8fa;
   --button-danger-bgColor-hover: #a40e26;
   --button-danger-bgColor-active: #8b0820;
-    --button-danger-bgColor-disabled: #f6f8fa;
+    --button-danger-bgColor-disabled: #eaeef2b3;
   --button-danger-borderColor-rest: #d0d7de;
   --button-danger-borderColor-hover: #1f232826;
   --button-danger-borderColor-active: #1f232826;
@@ -593,7 +593,7 @@
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
-    --overlay-borderColor: #ffffff00;
+    --overlay-borderColor: #d0d7de80;
   --overlay-backdrop-bgColor: #8c959f33;
   --selectMenu-borderColor: #ffffff00;
   --selectMenu-bgColor-active: #b6e3ff;
@@ -625,7 +625,7 @@
   --bgColor-inset: #f6f8fa;
   --bgColor-emphasis: #24292f;
   --bgColor-inverse: #24292f;
-    --bgColor-disabled: #f6f8fa;
+    --bgColor-disabled: #eaeef2b3;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #afb8c133;
   --bgColor-neutral-emphasis: #6e7781;
@@ -650,7 +650,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7deb3;
   --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #f6f8fa;
+    --borderColor-disabled: #eaeef2b3;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
@@ -816,9 +816,9 @@
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
   --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-    --shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-    --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-    --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-    --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+    --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
 }
}

/css/functional/themes/light.css

+++ /home/runner/work/primitives/primitives/tokens-next-private/css/functional/themes/light.css	2024-03-06 23:33:54.032333313 +0000
@@ -50,14 +50,14 @@
 --control-bgColor-rest: #f6f8fa;
 --control-bgColor-hover: #eef1f4;
 --control-bgColor-active: #e7ebef;
-  --control-bgColor-disabled: #f6f8fa;
+  --control-bgColor-disabled: #eaeef2b3;
 --control-bgColor-selected: #f6f8fa;
 --control-fgColor-rest: #24292f;
 --control-fgColor-placeholder: #6e7781;
 --control-fgColor-disabled: #8c959f;
 --control-borderColor-rest: #d0d7de;
 --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #f6f8fa;
+  --control-borderColor-disabled: #eaeef2b3;
 --control-borderColor-selected: #f6f8fa;
 --control-borderColor-success: #1a7f37;
 --control-borderColor-danger: #cf222e;
@@ -66,7 +66,7 @@
 --control-transparent-bgColor-rest: #ffffff00;
 --control-transparent-bgColor-hover: #d0d7de33;
 --control-transparent-bgColor-active: #d0d7de66;
-  --control-transparent-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-disabled: #eaeef2b3;
 --control-transparent-bgColor-selected: #d0d7de33;
 --control-transparent-borderColor-rest: #ffffff00;
 --control-transparent-borderColor-hover: #ffffff00;
@@ -94,10 +94,10 @@
 --controlTrack-borderColor-rest: #ffffff00;
 --controlTrack-borderColor-disabled: #8c959f;
 --controlKnob-bgColor-rest: #ffffff;
-  --controlKnob-bgColor-disabled: #f6f8fa;
+  --controlKnob-bgColor-disabled: #eaeef2b3;
 --controlKnob-bgColor-checked: #ffffff;
 --controlKnob-borderColor-rest: #868f99;
-  --controlKnob-borderColor-disabled: #f6f8fa;
+  --controlKnob-borderColor-disabled: #eaeef2b3;
 --controlKnob-borderColor-checked: #0969da;
 --counter-borderColor: #ffffff00;
 --button-default-fgColor-rest: #24292f;
@@ -105,11 +105,11 @@
 --button-default-bgColor-hover: #eef1f4;
 --button-default-bgColor-active: #e7ebef;
 --button-default-bgColor-selected: #e7ebef;
-  --button-default-bgColor-disabled: #f6f8fa;
+  --button-default-bgColor-disabled: #eaeef2b3;
 --button-default-borderColor-rest: #d0d7de;
 --button-default-borderColor-hover: #d0d7de;
 --button-default-borderColor-active: #d0d7de;
-  --button-default-borderColor-disabled: #f6f8fa;
+  --button-default-borderColor-disabled: #eaeef2b3;
 --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 --button-primary-fgColor-rest: #ffffff;
 --button-primary-fgColor-disabled: #ffffffcc;
@@ -132,10 +132,10 @@
 --button-invisible-bgColor-rest: #ffffff00;
 --button-invisible-bgColor-hover: #d0d7de33;
 --button-invisible-bgColor-active: #d0d7de66;
-  --button-invisible-bgColor-disabled: #ffffff00;
+  --button-invisible-bgColor-disabled: #eaeef2b3;
 --button-invisible-borderColor-rest: #ffffff00;
 --button-invisible-borderColor-hover: #ffffff00;
-  --button-invisible-borderColor-disabled: #f6f8fa;
+  --button-invisible-borderColor-disabled: #eaeef2b3;
 --button-outline-fgColor-rest: #0969da;
 --button-outline-fgColor-hover: #ffffff;
 --button-outline-fgColor-active: #ffffff;
@@ -156,7 +156,7 @@
 --button-danger-bgColor-rest: #f6f8fa;
 --button-danger-bgColor-hover: #a40e26;
 --button-danger-bgColor-active: #8b0820;
-  --button-danger-bgColor-disabled: #f6f8fa;
+  --button-danger-bgColor-disabled: #eaeef2b3;
 --button-danger-borderColor-rest: #d0d7de;
 --button-danger-borderColor-hover: #1f232826;
 --button-danger-borderColor-active: #1f232826;
@@ -182,7 +182,7 @@
 --focus-outline: #0969da solid 2px;
 --menu-bgColor-active: #ffffff00;
 --overlay-bgColor: #ffffff;
-  --overlay-borderColor: #ffffff00;
+  --overlay-borderColor: #d0d7de80;
 --overlay-backdrop-bgColor: #8c959f33;
 --selectMenu-borderColor: #ffffff00;
 --selectMenu-bgColor-active: #b6e3ff;
@@ -214,7 +214,7 @@
 --bgColor-inset: #f6f8fa;
 --bgColor-emphasis: #24292f;
 --bgColor-inverse: #24292f;
-  --bgColor-disabled: #f6f8fa;
+  --bgColor-disabled: #eaeef2b3;
 --bgColor-transparent: #ffffff00;
 --bgColor-neutral-muted: #afb8c133;
 --bgColor-neutral-emphasis: #6e7781;
@@ -239,7 +239,7 @@
 --borderColor-default: #d0d7de;
 --borderColor-muted: #d0d7deb3;
 --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #f6f8fa;
+  --borderColor-disabled: #eaeef2b3;
 --borderColor-transparent: #ffffff00;
 --borderColor-neutral-muted: #afb8c133;
 --borderColor-neutral-emphasis: #6e7781;
@@ -405,10 +405,10 @@
 --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-  --shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-  --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-  --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-  --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+  --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light"],
@@ -461,14 +461,14 @@
   --control-bgColor-rest: #f6f8fa;
   --control-bgColor-hover: #eef1f4;
   --control-bgColor-active: #e7ebef;
-    --control-bgColor-disabled: #f6f8fa;
+    --control-bgColor-disabled: #eaeef2b3;
   --control-bgColor-selected: #f6f8fa;
   --control-fgColor-rest: #24292f;
   --control-fgColor-placeholder: #6e7781;
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #f6f8fa;
+    --control-borderColor-disabled: #eaeef2b3;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #1a7f37;
   --control-borderColor-danger: #cf222e;
@@ -477,7 +477,7 @@
   --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
-    --control-transparent-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-disabled: #eaeef2b3;
   --control-transparent-bgColor-selected: #d0d7de33;
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #ffffff00;
@@ -505,10 +505,10 @@
   --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
-    --controlKnob-bgColor-disabled: #f6f8fa;
+    --controlKnob-bgColor-disabled: #eaeef2b3;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #868f99;
-    --controlKnob-borderColor-disabled: #f6f8fa;
+    --controlKnob-borderColor-disabled: #eaeef2b3;
   --controlKnob-borderColor-checked: #0969da;
   --counter-borderColor: #ffffff00;
   --button-default-fgColor-rest: #24292f;
@@ -516,11 +516,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
-    --button-default-bgColor-disabled: #f6f8fa;
+    --button-default-bgColor-disabled: #eaeef2b3;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
-    --button-default-borderColor-disabled: #f6f8fa;
+    --button-default-borderColor-disabled: #eaeef2b3;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-primary-fgColor-rest: #ffffff;
   --button-primary-fgColor-disabled: #ffffffcc;
@@ -543,10 +543,10 @@
   --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
-    --button-invisible-bgColor-disabled: #ffffff00;
+    --button-invisible-bgColor-disabled: #eaeef2b3;
   --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #ffffff00;
-    --button-invisible-borderColor-disabled: #f6f8fa;
+    --button-invisible-borderColor-disabled: #eaeef2b3;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -567,7 +567,7 @@
   --button-danger-bgColor-rest: #f6f8fa;
   --button-danger-bgColor-hover: #a40e26;
   --button-danger-bgColor-active: #8b0820;
-    --button-danger-bgColor-disabled: #f6f8fa;
+    --button-danger-bgColor-disabled: #eaeef2b3;
   --button-danger-borderColor-rest: #d0d7de;
   --button-danger-borderColor-hover: #1f232826;
   --button-danger-borderColor-active: #1f232826;
@@ -593,7 +593,7 @@
   --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
-    --overlay-borderColor: #ffffff00;
+    --overlay-borderColor: #d0d7de80;
   --overlay-backdrop-bgColor: #8c959f33;
   --selectMenu-borderColor: #ffffff00;
   --selectMenu-bgColor-active: #b6e3ff;
@@ -625,7 +625,7 @@
   --bgColor-inset: #f6f8fa;
   --bgColor-emphasis: #24292f;
   --bgColor-inverse: #24292f;
-    --bgColor-disabled: #f6f8fa;
+    --bgColor-disabled: #eaeef2b3;
   --bgColor-transparent: #ffffff00;
   --bgColor-neutral-muted: #afb8c133;
   --bgColor-neutral-emphasis: #6e7781;
@@ -650,7 +650,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7deb3;
   --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #f6f8fa;
+    --borderColor-disabled: #eaeef2b3;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
@@ -816,9 +816,9 @@
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
   --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-    --shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-    --shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-    --shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-    --shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+    --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+    --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+    --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+    --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
 }
}

update disabled colors

f0f4619

langermank temporarily deployed to github-pages March 5, 2024 21:22 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 5, 2024 21:23 Inactive

langermank added the update snapshots Update visual regression test snapshots label Mar 5, 2024

github-actions[bot] Regenerated snapshots

0526baa

github-actions bot removed the update snapshots Update visual regression test snapshots label Mar 5, 2024

primer bot temporarily deployed to github-pages March 5, 2024 21:50 Inactive

github-actions bot temporarily deployed to storybook-preview March 5, 2024 21:51 Inactive

tweak hc mode

5c943b7

langermank temporarily deployed to github-pages March 5, 2024 21:56 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 5, 2024 21:56 Inactive

overlay inset border

8c1f546

langermank temporarily deployed to github-pages March 5, 2024 22:18 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 5, 2024 22:18 Inactive

langermank added the update snapshots Update visual regression test snapshots label Mar 5, 2024

langermank changed the title ~~Fix disabled colors~~ Lingering v8 color bug fixes Mar 5, 2024

github-actions[bot] Regenerated snapshots

6b62a70

github-actions bot removed the update snapshots Update visual regression test snapshots label Mar 5, 2024

primer bot temporarily deployed to github-pages March 5, 2024 22:41 Inactive

github-actions bot temporarily deployed to storybook-preview March 5, 2024 22:41 Inactive

use alpha shadow for light

e6c414e

langermank temporarily deployed to github-pages March 5, 2024 23:08 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 5, 2024 23:09 Inactive

langermank added the update snapshots Update visual regression test snapshots label Mar 6, 2024

github-actions[bot] Regenerated snapshots

a3dd33a

github-actions bot removed the update snapshots Update visual regression test snapshots label Mar 6, 2024

primer bot temporarily deployed to github-pages March 6, 2024 23:19 Inactive

github-actions bot temporarily deployed to storybook-preview March 6, 2024 23:20 Inactive

Create wet-years-enjoy.md

3e96686

langermank marked this pull request as ready for review March 6, 2024 23:33

langermank requested review from a team as code owners March 6, 2024 23:33

langermank requested review from rezrah and pksjce March 6, 2024 23:33

langermank temporarily deployed to github-pages March 6, 2024 23:34 — with GitHub Actions Inactive

github-actions bot temporarily deployed to storybook-preview March 6, 2024 23:35 Inactive

langermank merged commit 009bcd7 into main Mar 6, 2024
26 checks passed

langermank deleted the disabled-color-updates branch March 6, 2024 23:40

primer bot mentioned this pull request Mar 6, 2024

Release Tracking #824

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Lingering v8 color bug fixes #821

Lingering v8 color bug fixes #821

langermank commented Mar 5, 2024 •

edited

Loading

changeset-bot bot commented Mar 5, 2024 •

edited

Loading

github-actions bot commented Mar 5, 2024 •

edited

Loading

github-actions bot commented Mar 5, 2024 •

edited

Loading

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

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

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

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

/css/functional/themes/dark.css

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

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

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

/css/functional/themes/light.css

Lingering v8 color bug fixes #821

Lingering v8 color bug fixes #821

Conversation

langermank commented Mar 5, 2024 • edited Loading

changeset-bot bot commented Mar 5, 2024 • edited Loading

🦋 Changeset detected

github-actions bot commented Mar 5, 2024 • edited Loading

github-actions bot commented Mar 5, 2024 • edited Loading

Design Token Diff

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

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

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

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

/css/functional/themes/dark.css

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

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

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

/css/functional/themes/light.css

langermank commented Mar 5, 2024 •

edited

Loading

changeset-bot bot commented Mar 5, 2024 •

edited

Loading

github-actions bot commented Mar 5, 2024 •

edited

Loading

github-actions bot commented Mar 5, 2024 •

edited

Loading