@primer/primitives 7.11.14-rc.b3b7ee0 → 7.11.14

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

@@ -49,14 +49,14 @@
   --control-bgColor-rest: #21262d;
   --control-bgColor-hover: #292e36;
   --control-bgColor-active: #31363e;
-  --control-bgColor-disabled: #484f58;
+  --control-bgColor-disabled: #161b22;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
   --control-fgColor-placeholder: #484f58;
-  --control-fgColor-disabled: #484f58;
+  --control-fgColor-disabled: #8b949e;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
-  --control-borderColor-disabled: #30363d;
+  --control-borderColor-disabled: #161b22;
   --control-borderColor-selected: #f0f6fc;
   --control-borderColor-success: #238636;
   --control-borderColor-danger: #da3633;
@@ -77,26 +77,26 @@
   --control-checked-bgColor-rest: #1f6feb;
   --control-checked-bgColor-hover: #2a7aef;
   --control-checked-bgColor-active: #3685f3;
-  --control-checked-bgColor-disabled: #484f58;
+  --control-checked-bgColor-disabled: #8b949e;
   --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: #484f58;
+  --control-checked-borderColor-disabled: #8b949e;
   --controlTrack-bgColor-rest: #21262d;
   --controlTrack-bgColor-hover: #292e36;
   --controlTrack-bgColor-active: #31363e;
-  --controlTrack-bgColor-disabled: #484f58;
+  --controlTrack-bgColor-disabled: #8b949e;
   --controlTrack-fgColor-rest: #7d8590;
   --controlTrack-fgColor-disabled: #7d8590;
   --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #484f58;
+  --controlTrack-borderColor-disabled: #8b949e;
   --controlKnob-bgColor-rest: #010409;
-  --controlKnob-bgColor-disabled: #484f58;
+  --controlKnob-bgColor-disabled: #161b22;
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #666e79;
-  --controlKnob-borderColor-disabled: #484f58;
+  --controlKnob-borderColor-disabled: #161b22;
   --controlKnob-borderColor-checked: #1f6feb;
   --counter-borderColor: #00000000;
   --button-default-fgColor-rest: #c9d1d9;
@@ -104,9 +104,11 @@
   --button-default-bgColor-hover: #292e36;
   --button-default-bgColor-active: #31363e;
   --button-default-bgColor-selected: #31363e;
+  --button-default-bgColor-disabled: #161b22;
   --button-default-borderColor-rest: #30363d;
   --button-default-borderColor-hover: #30363d;
   --button-default-borderColor-active: #30363d;
+  --button-default-borderColor-disabled: #161b22;
   --button-default-shadow-resting: 0px 0px 0px 0px #000000;
   --button-default-shadow-inset: 0px 0px 0px 0px #000000;
   --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
   --button-primary-bgColor-disabled: #46bf57;
   --button-primary-borderColor-rest: #f0f6fc1a;
   --button-primary-borderColor-hover: #f0f6fc1a;
-  --button-primary-borderColor-disabled: #f0f6fc1a;
+  --button-primary-borderColor-disabled: #46bf57;
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #2f81f7;
   --button-invisible-fgColor-hover: #58a6ff;
-  --button-invisible-fgColor-disabled: #484f58;
+  --button-invisible-fgColor-disabled: #8b949e;
   --button-invisible-bgColor-rest: #00000000;
   --button-invisible-bgColor-hover: #b1bac41f;
   --button-invisible-bgColor-active: #b1bac433;
-  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-bgColor-disabled: #161b22;
   --button-invisible-borderColor-rest: #00000000;
   --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-disabled: #161b22;
   --button-outline-fgColor-rest: #388bfd;
   --button-outline-fgColor-hover: #58a6ff;
   --button-outline-fgColor-active: #ffffff;
@@ -149,7 +152,7 @@
   --button-danger-bgColor-rest: #21262d;
   --button-danger-bgColor-hover: #b62324;
   --button-danger-bgColor-active: #d03533;
-  --button-danger-bgColor-disabled: #21262d;
+  --button-danger-bgColor-disabled: #161b22;
   --button-danger-borderColor-rest: #30363d;
   --button-danger-borderColor-hover: #b62324;
   --button-danger-borderColor-active: #d03533;
@@ -184,7 +187,7 @@
   --fgColor-default: #e6edf3;
   --fgColor-muted: #7d8590;
   --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #484f58;
+  --fgColor-disabled: #8b949e;
   --fgColor-link-rest: #2f81f7;
   --fgColor-accent: #2f81f7;
   --fgColor-success: #3fb950;
@@ -198,7 +201,7 @@
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
   --bgColor-emphasis: #6e7681;
-  --bgColor-disabled: #484f58;
+  --bgColor-disabled: #161b22;
   --bgColor-transparent: #00000000;
   --bgColor-neutral-muted: #6e768126;
   --bgColor-neutral-emphasis: #6e7681;
@@ -223,7 +226,7 @@
   --borderColor-default: #30363d;
   --borderColor-muted: #30363d66;
   --borderColor-emphasis: #484f58;
-  --borderColor-disabled: #30363d;
+  --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
@@ -447,14 +450,14 @@
     --control-bgColor-rest: #21262d;
     --control-bgColor-hover: #292e36;
     --control-bgColor-active: #31363e;
-    --control-bgColor-disabled: #484f58;
+    --control-bgColor-disabled: #161b22;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
     --control-fgColor-placeholder: #484f58;
-    --control-fgColor-disabled: #484f58;
+    --control-fgColor-disabled: #8b949e;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
-    --control-borderColor-disabled: #30363d;
+    --control-borderColor-disabled: #161b22;
     --control-borderColor-selected: #f0f6fc;
     --control-borderColor-success: #238636;
     --control-borderColor-danger: #da3633;
@@ -475,26 +478,26 @@
     --control-checked-bgColor-rest: #1f6feb;
     --control-checked-bgColor-hover: #2a7aef;
     --control-checked-bgColor-active: #3685f3;
-    --control-checked-bgColor-disabled: #484f58;
+    --control-checked-bgColor-disabled: #8b949e;
     --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: #484f58;
+    --control-checked-borderColor-disabled: #8b949e;
     --controlTrack-bgColor-rest: #21262d;
     --controlTrack-bgColor-hover: #292e36;
     --controlTrack-bgColor-active: #31363e;
-    --controlTrack-bgColor-disabled: #484f58;
+    --controlTrack-bgColor-disabled: #8b949e;
     --controlTrack-fgColor-rest: #7d8590;
     --controlTrack-fgColor-disabled: #7d8590;
     --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #484f58;
+    --controlTrack-borderColor-disabled: #8b949e;
     --controlKnob-bgColor-rest: #010409;
-    --controlKnob-bgColor-disabled: #484f58;
+    --controlKnob-bgColor-disabled: #161b22;
     --controlKnob-bgColor-checked: #ffffff;
     --controlKnob-borderColor-rest: #666e79;
-    --controlKnob-borderColor-disabled: #484f58;
+    --controlKnob-borderColor-disabled: #161b22;
     --controlKnob-borderColor-checked: #1f6feb;
     --counter-borderColor: #00000000;
     --button-default-fgColor-rest: #c9d1d9;
@@ -502,9 +505,11 @@
     --button-default-bgColor-hover: #292e36;
     --button-default-bgColor-active: #31363e;
     --button-default-bgColor-selected: #31363e;
+    --button-default-bgColor-disabled: #161b22;
     --button-default-borderColor-rest: #30363d;
     --button-default-borderColor-hover: #30363d;
     --button-default-borderColor-active: #30363d;
+    --button-default-borderColor-disabled: #161b22;
     --button-default-shadow-resting: 0px 0px 0px 0px #000000;
     --button-default-shadow-inset: 0px 0px 0px 0px #000000;
     --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
     --button-primary-bgColor-disabled: #46bf57;
     --button-primary-borderColor-rest: #f0f6fc1a;
     --button-primary-borderColor-hover: #f0f6fc1a;
-    --button-primary-borderColor-disabled: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #46bf57;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #2f81f7;
     --button-invisible-fgColor-hover: #58a6ff;
-    --button-invisible-fgColor-disabled: #484f58;
+    --button-invisible-fgColor-disabled: #8b949e;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
     --button-invisible-bgColor-active: #b1bac433;
-    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-bgColor-disabled: #161b22;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-disabled: #161b22;
     --button-outline-fgColor-rest: #388bfd;
     --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
@@ -547,7 +553,7 @@
     --button-danger-bgColor-rest: #21262d;
     --button-danger-bgColor-hover: #b62324;
     --button-danger-bgColor-active: #d03533;
-    --button-danger-bgColor-disabled: #21262d;
+    --button-danger-bgColor-disabled: #161b22;
     --button-danger-borderColor-rest: #30363d;
     --button-danger-borderColor-hover: #b62324;
     --button-danger-borderColor-active: #d03533;
@@ -582,7 +588,7 @@
     --fgColor-default: #e6edf3;
     --fgColor-muted: #7d8590;
     --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #484f58;
+    --fgColor-disabled: #8b949e;
     --fgColor-link-rest: #2f81f7;
     --fgColor-accent: #2f81f7;
     --fgColor-success: #3fb950;
@@ -596,7 +602,7 @@
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
     --bgColor-emphasis: #6e7681;
-    --bgColor-disabled: #484f58;
+    --bgColor-disabled: #161b22;
     --bgColor-transparent: #00000000;
     --bgColor-neutral-muted: #6e768126;
     --bgColor-neutral-emphasis: #6e7681;
@@ -621,7 +627,7 @@
     --borderColor-default: #30363d;
     --borderColor-muted: #30363d66;
     --borderColor-emphasis: #484f58;
-    --borderColor-disabled: #30363d;
+    --borderColor-disabled: #161b22;
     --borderColor-transparent: #00000000;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;

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

@@ -56,20 +56,20 @@
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
-  --control-borderColor-disabled: #d0d7de;
+  --control-borderColor-disabled: #f6f8fa;
   --control-borderColor-selected: #f6f8fa;
   --control-borderColor-success: #218bff;
   --control-borderColor-danger: #bc4c00;
   --control-borderColor-warning: #bf8700;
   --control-iconColor-rest: #636c76;
-  --control-transparent-bgColor-rest: #00000000;
+  --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #d0d7de33;
   --control-transparent-bgColor-active: #d0d7de66;
   --control-transparent-bgColor-disabled: #f6f8fa;
   --control-transparent-bgColor-selected: #f6f8fa;
-  --control-transparent-borderColor-rest: #00000000;
-  --control-transparent-borderColor-hover: #00000000;
-  --control-transparent-borderColor-active: #00000000;
+  --control-transparent-borderColor-rest: #ffffff00;
+  --control-transparent-borderColor-hover: #ffffff00;
+  --control-transparent-borderColor-active: #ffffff00;
   --control-danger-fgColor-rest: #be4e02;
   --control-danger-fgColor-hover: #be4e02;
   --control-danger-bgColor-hover: #fff1e5;
@@ -90,7 +90,7 @@
   --controlTrack-bgColor-disabled: #8c959f;
   --controlTrack-fgColor-rest: #636c76;
   --controlTrack-fgColor-disabled: #ffffff;
-  --controlTrack-borderColor-rest: #00000000;
+  --controlTrack-borderColor-rest: #ffffff00;
   --controlTrack-borderColor-disabled: #8c959f;
   --controlKnob-bgColor-rest: #ffffff;
   --controlKnob-bgColor-disabled: #f6f8fa;
@@ -104,9 +104,11 @@
   --button-default-bgColor-hover: #eef1f4;
   --button-default-bgColor-active: #e7ebef;
   --button-default-bgColor-selected: #e7ebef;
+  --button-default-bgColor-disabled: #f6f8fa;
   --button-default-borderColor-rest: #d0d7de;
   --button-default-borderColor-hover: #d0d7de;
   --button-default-borderColor-active: #d0d7de;
+  --button-default-borderColor-disabled: #f6f8fa;
   --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
   --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
   --button-primary-bgColor-disabled: #92caff;
   --button-primary-borderColor-rest: #1f232826;
   --button-primary-borderColor-hover: #1f232826;
-  --button-primary-borderColor-disabled: #1f232826;
+  --button-primary-borderColor-disabled: #92caff;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
   --button-invisible-fgColor-rest: #0969da;
   --button-invisible-fgColor-hover: #0969da;
   --button-invisible-fgColor-disabled: #8c959f;
-  --button-invisible-bgColor-rest: #00000000;
+  --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #d0d7de33;
   --button-invisible-bgColor-active: #d0d7de66;
   --button-invisible-bgColor-disabled: #f6f8fa;
-  --button-invisible-borderColor-rest: #00000000;
-  --button-invisible-borderColor-hover: #00000000;
+  --button-invisible-borderColor-rest: #ffffff00;
+  --button-invisible-borderColor-hover: #ffffff00;
+  --button-invisible-borderColor-disabled: #f6f8fa;
   --button-outline-fgColor-rest: #0969da;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
   --borderColor-default: #d0d7de;
   --borderColor-muted: #d0d7de66;
   --borderColor-emphasis: #6e7781;
-  --borderColor-disabled: #d0d7de;
+  --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
@@ -454,20 +457,20 @@
     --control-fgColor-disabled: #8c959f;
     --control-borderColor-rest: #d0d7de;
     --control-borderColor-emphasis: #868f99;
-    --control-borderColor-disabled: #d0d7de;
+    --control-borderColor-disabled: #f6f8fa;
     --control-borderColor-selected: #f6f8fa;
     --control-borderColor-success: #218bff;
     --control-borderColor-danger: #bc4c00;
     --control-borderColor-warning: #bf8700;
     --control-iconColor-rest: #636c76;
-    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #d0d7de33;
     --control-transparent-bgColor-active: #d0d7de66;
     --control-transparent-bgColor-disabled: #f6f8fa;
     --control-transparent-bgColor-selected: #f6f8fa;
-    --control-transparent-borderColor-rest: #00000000;
-    --control-transparent-borderColor-hover: #00000000;
-    --control-transparent-borderColor-active: #00000000;
+    --control-transparent-borderColor-rest: #ffffff00;
+    --control-transparent-borderColor-hover: #ffffff00;
+    --control-transparent-borderColor-active: #ffffff00;
     --control-danger-fgColor-rest: #be4e02;
     --control-danger-fgColor-hover: #be4e02;
     --control-danger-bgColor-hover: #fff1e5;
@@ -488,7 +491,7 @@
     --controlTrack-bgColor-disabled: #8c959f;
     --controlTrack-fgColor-rest: #636c76;
     --controlTrack-fgColor-disabled: #ffffff;
-    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-rest: #ffffff00;
     --controlTrack-borderColor-disabled: #8c959f;
     --controlKnob-bgColor-rest: #ffffff;
     --controlKnob-bgColor-disabled: #f6f8fa;
@@ -502,9 +505,11 @@
     --button-default-bgColor-hover: #eef1f4;
     --button-default-bgColor-active: #e7ebef;
     --button-default-bgColor-selected: #e7ebef;
+    --button-default-bgColor-disabled: #f6f8fa;
     --button-default-borderColor-rest: #d0d7de;
     --button-default-borderColor-hover: #d0d7de;
     --button-default-borderColor-active: #d0d7de;
+    --button-default-borderColor-disabled: #f6f8fa;
     --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
     --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
     --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
     --button-primary-bgColor-disabled: #92caff;
     --button-primary-borderColor-rest: #1f232826;
     --button-primary-borderColor-hover: #1f232826;
-    --button-primary-borderColor-disabled: #1f232826;
+    --button-primary-borderColor-disabled: #92caff;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #0969da;
     --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
-    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #d0d7de33;
     --button-invisible-bgColor-active: #d0d7de66;
     --button-invisible-bgColor-disabled: #f6f8fa;
-    --button-invisible-borderColor-rest: #00000000;
-    --button-invisible-borderColor-hover: #00000000;
+    --button-invisible-borderColor-rest: #ffffff00;
+    --button-invisible-borderColor-hover: #ffffff00;
+    --button-invisible-borderColor-disabled: #f6f8fa;
     --button-outline-fgColor-rest: #0969da;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
     --borderColor-default: #d0d7de;
     --borderColor-muted: #d0d7de66;
     --borderColor-emphasis: #6e7781;
-    --borderColor-disabled: #d0d7de;
+    --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;

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

@@ -53,23 +53,23 @@
   --control-bgColor-selected: #acb6c0;
   --control-fgColor-rest: #0e1116;
   --control-fgColor-placeholder: #66707b;
-  --control-fgColor-disabled: #88929d;
+  --control-fgColor-disabled: #4b535d;
   --control-borderColor-rest: #20252c;
   --control-borderColor-emphasis: #20252c;
-  --control-borderColor-disabled: #20252c;
+  --control-borderColor-disabled: #e7ecf0;
   --control-borderColor-selected: #ffffff;
   --control-borderColor-success: #055d20;
   --control-borderColor-danger: #a0111f;
   --control-borderColor-warning: #744500;
   --control-iconColor-rest: #0e1116;
-  --control-transparent-bgColor-rest: #00000000;
+  --control-transparent-bgColor-rest: #ffffff00;
   --control-transparent-bgColor-hover: #e7ecf0;
   --control-transparent-bgColor-active: #ced5dc;
   --control-transparent-bgColor-disabled: #e7ecf0;
   --control-transparent-bgColor-selected: #ced5dc;
-  --control-transparent-borderColor-rest: #00000000;
+  --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #20252c;
-  --control-transparent-borderColor-active: #00000000;
+  --control-transparent-borderColor-active: #ffffff00;
   --control-danger-fgColor-rest: #8a071e;
   --control-danger-fgColor-hover: #ffffff;
   --control-danger-bgColor-hover: #a0111f;
@@ -77,21 +77,21 @@
   --control-checked-bgColor-rest: #0349b4;
   --control-checked-bgColor-hover: #0344a8;
   --control-checked-bgColor-active: #033f9d;
-  --control-checked-bgColor-disabled: #88929d;
+  --control-checked-bgColor-disabled: #4b535d;
   --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: #88929d;
+  --control-checked-borderColor-disabled: #4b535d;
   --controlTrack-bgColor-rest: #acb6c0;
   --controlTrack-bgColor-hover: #9ea8b2;
   --controlTrack-bgColor-active: #909aa4;
-  --controlTrack-bgColor-disabled: #88929d;
+  --controlTrack-bgColor-disabled: #4b535d;
   --controlTrack-fgColor-rest: #010409;
   --controlTrack-fgColor-disabled: #ffffff;
-  --controlTrack-borderColor-rest: #00000000;
-  --controlTrack-borderColor-disabled: #88929d;
+  --controlTrack-borderColor-rest: #ffffff00;
+  --controlTrack-borderColor-disabled: #4b535d;
   --controlKnob-bgColor-rest: #ffffff;
   --controlKnob-bgColor-disabled: #e7ecf0;
   --controlKnob-bgColor-checked: #ffffff;
@@ -104,9 +104,11 @@
   --button-default-bgColor-hover: #dbe1e6;
   --button-default-bgColor-active: #cfd6dd;
   --button-default-bgColor-selected: #cfd6dd;
+  --button-default-bgColor-disabled: #e7ecf0;
   --button-default-borderColor-rest: #20252c;
   --button-default-borderColor-hover: #20252c;
   --button-default-borderColor-active: #20252c;
+  --button-default-borderColor-disabled: #e7ecf0;
   --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
   --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
   --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
   --button-primary-bgColor-disabled: #85cb97;
   --button-primary-borderColor-rest: #013d14;
   --button-primary-borderColor-hover: #013d14;
-  --button-primary-borderColor-disabled: #013d14;
+  --button-primary-borderColor-disabled: #85cb97;
   --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
   --button-invisible-fgColor-rest: #023b95;
   --button-invisible-fgColor-hover: #023b95;
-  --button-invisible-fgColor-disabled: #88929d;
-  --button-invisible-bgColor-rest: #00000000;
+  --button-invisible-fgColor-disabled: #4b535d;
+  --button-invisible-bgColor-rest: #ffffff00;
   --button-invisible-bgColor-hover: #e7ecf0;
   --button-invisible-bgColor-active: #ced5dc;
   --button-invisible-bgColor-disabled: #e7ecf0;
-  --button-invisible-borderColor-rest: #00000000;
+  --button-invisible-borderColor-rest: #ffffff00;
   --button-invisible-borderColor-hover: #20252c;
+  --button-invisible-borderColor-disabled: #e7ecf0;
   --button-outline-fgColor-rest: #023b95;
   --button-outline-fgColor-hover: #ffffff;
   --button-outline-fgColor-active: #ffffff;
@@ -185,7 +188,7 @@
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
-  --fgColor-disabled: #88929d;
+  --fgColor-disabled: #4b535d;
   --fgColor-link-rest: #023b95;
   --fgColor-accent: #023b95;
   --fgColor-success: #055d20;
@@ -224,7 +227,7 @@
   --borderColor-default: #20252c;
   --borderColor-muted: #88929d;
   --borderColor-emphasis: #66707b;
-  --borderColor-disabled: #20252c;
+  --borderColor-disabled: #e7ecf0;
   --borderColor-transparent: #ffffff00;
   --borderColor-neutral-muted: #88929d;
   --borderColor-neutral-emphasis: #66707b;
@@ -451,23 +454,23 @@
     --control-bgColor-selected: #acb6c0;
     --control-fgColor-rest: #0e1116;
     --control-fgColor-placeholder: #66707b;
-    --control-fgColor-disabled: #88929d;
+    --control-fgColor-disabled: #4b535d;
     --control-borderColor-rest: #20252c;
     --control-borderColor-emphasis: #20252c;
-    --control-borderColor-disabled: #20252c;
+    --control-borderColor-disabled: #e7ecf0;
     --control-borderColor-selected: #ffffff;
     --control-borderColor-success: #055d20;
     --control-borderColor-danger: #a0111f;
     --control-borderColor-warning: #744500;
     --control-iconColor-rest: #0e1116;
-    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-rest: #ffffff00;
     --control-transparent-bgColor-hover: #e7ecf0;
     --control-transparent-bgColor-active: #ced5dc;
     --control-transparent-bgColor-disabled: #e7ecf0;
     --control-transparent-bgColor-selected: #ced5dc;
-    --control-transparent-borderColor-rest: #00000000;
+    --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #20252c;
-    --control-transparent-borderColor-active: #00000000;
+    --control-transparent-borderColor-active: #ffffff00;
     --control-danger-fgColor-rest: #8a071e;
     --control-danger-fgColor-hover: #ffffff;
     --control-danger-bgColor-hover: #a0111f;
@@ -475,21 +478,21 @@
     --control-checked-bgColor-rest: #0349b4;
     --control-checked-bgColor-hover: #0344a8;
     --control-checked-bgColor-active: #033f9d;
-    --control-checked-bgColor-disabled: #88929d;
+    --control-checked-bgColor-disabled: #4b535d;
     --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: #88929d;
+    --control-checked-borderColor-disabled: #4b535d;
     --controlTrack-bgColor-rest: #acb6c0;
     --controlTrack-bgColor-hover: #9ea8b2;
     --controlTrack-bgColor-active: #909aa4;
-    --controlTrack-bgColor-disabled: #88929d;
+    --controlTrack-bgColor-disabled: #4b535d;
     --controlTrack-fgColor-rest: #010409;
     --controlTrack-fgColor-disabled: #ffffff;
-    --controlTrack-borderColor-rest: #00000000;
-    --controlTrack-borderColor-disabled: #88929d;
+    --controlTrack-borderColor-rest: #ffffff00;
+    --controlTrack-borderColor-disabled: #4b535d;
     --controlKnob-bgColor-rest: #ffffff;
     --controlKnob-bgColor-disabled: #e7ecf0;
     --controlKnob-bgColor-checked: #ffffff;
@@ -502,9 +505,11 @@
     --button-default-bgColor-hover: #dbe1e6;
     --button-default-bgColor-active: #cfd6dd;
     --button-default-bgColor-selected: #cfd6dd;
+    --button-default-bgColor-disabled: #e7ecf0;
     --button-default-borderColor-rest: #20252c;
     --button-default-borderColor-hover: #20252c;
     --button-default-borderColor-active: #20252c;
+    --button-default-borderColor-disabled: #e7ecf0;
     --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
     --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
     --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
     --button-primary-bgColor-disabled: #85cb97;
     --button-primary-borderColor-rest: #013d14;
     --button-primary-borderColor-hover: #013d14;
-    --button-primary-borderColor-disabled: #013d14;
+    --button-primary-borderColor-disabled: #85cb97;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
     --button-invisible-fgColor-rest: #023b95;
     --button-invisible-fgColor-hover: #023b95;
-    --button-invisible-fgColor-disabled: #88929d;
-    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-fgColor-disabled: #4b535d;
+    --button-invisible-bgColor-rest: #ffffff00;
     --button-invisible-bgColor-hover: #e7ecf0;
     --button-invisible-bgColor-active: #ced5dc;
     --button-invisible-bgColor-disabled: #e7ecf0;
-    --button-invisible-borderColor-rest: #00000000;
+    --button-invisible-borderColor-rest: #ffffff00;
     --button-invisible-borderColor-hover: #20252c;
+    --button-invisible-borderColor-disabled: #e7ecf0;
     --button-outline-fgColor-rest: #023b95;
     --button-outline-fgColor-hover: #ffffff;
     --button-outline-fgColor-active: #ffffff;
@@ -583,7 +589,7 @@
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;
-    --fgColor-disabled: #88929d;
+    --fgColor-disabled: #4b535d;
     --fgColor-link-rest: #023b95;
     --fgColor-accent: #023b95;
     --fgColor-success: #055d20;
@@ -622,7 +628,7 @@
     --borderColor-default: #20252c;
     --borderColor-muted: #88929d;
     --borderColor-emphasis: #66707b;
-    --borderColor-disabled: #20252c;
+    --borderColor-disabled: #e7ecf0;
     --borderColor-transparent: #ffffff00;
     --borderColor-neutral-muted: #88929d;
     --borderColor-neutral-emphasis: #66707b;