@primer/primitives 7.11.14-rc.b3b7ee0 → 7.11.14

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

@@ -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: #1f6feb;
     --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: #5fabfe;
     --button-primary-borderColor-rest: #f0f6fc1a;
     --button-primary-borderColor-hover: #f0f6fc1a;
-    --button-primary-borderColor-disabled: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #5fabfe;
     --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: #58a6ff;
@@ -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;

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

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

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

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

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

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

package/tokens-next-private/scss/functional/themes/light-tritanopia.scss

@@ -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: #cf222e;
     --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: #d1242f;
     --control-danger-fgColor-hover: #d1242f;
     --control-danger-bgColor-hover: #ffebe9;
@@ -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;

package/tokens-next-private/scss/functional/themes/light.scss

@@ -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: #2da44e;
     --control-borderColor-danger: #cf222e;
     --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: #d1242f;
     --control-danger-fgColor-hover: #d1242f;
     --control-danger-bgColor-hover: #ffebe9;
@@ -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: #95d8a6;
     --button-primary-borderColor-rest: #1f232826;
     --button-primary-borderColor-hover: #1f232826;
-    --button-primary-borderColor-disabled: #1f232826;
+    --button-primary-borderColor-disabled: #95d8a6;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
     --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;

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:15 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:14 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:14 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:14 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:15 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:15 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:14 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 30 Jun 2023 18:47:14 GMT
+ * Generated on Tue, 11 Jul 2023 19:51:02 GMT
  */
 
 :root {