@primer/primitives 11.4.1-rc.edbe0e39 → 11.5.0-rc.14eaeb12

package/dist/internalCss/dark-tritanopia.css

@@ -361,8 +361,8 @@
   --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow used instead of a border to prevent layout shift */
   --button-danger-bgColor-hover: var(--base-color-red-6);
   --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
-  --button-danger-shadow-selected: 0 0 0 0 #000000;
-  --button-default-shadow-resting: 0 0 0 0 #000000;
+  --button-danger-shadow-selected: 0 0 0 0 #00000000;
+  --button-default-shadow-resting: 0 0 0 0 #00000000;
   --button-inactive-bgColor: var(--base-color-neutral-4);
   --button-inactive-fgColor: var(--base-color-neutral-9);
   --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -371,8 +371,8 @@
   --button-outline-fgColor-disabled: #4493f880;
   --button-outline-fgColor-hover: var(--base-color-blue-3);
   --button-outline-fgColor-rest: var(--base-color-blue-4);
-  --button-outline-shadow-selected: 0 0 0 0 #000000;
-  --button-primary-shadow-selected: 0 0 0 0 #000000;
+  --button-outline-shadow-selected: 0 0 0 0 #00000000;
+  --button-primary-shadow-selected: 0 0 0 0 #00000000;
   --button-star-iconColor: var(--base-color-yellow-2);
   --buttonCounter-danger-bgColor-rest: #49020233;
   --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -992,7 +992,7 @@
   --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
   --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
   --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
-  --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements */
+  --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
   --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
   --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -1127,19 +1127,23 @@
   --avatar-borderColor: var(--borderColor-translucent);
   --border-closed-emphasis: var(--border-danger-emphasis);
   --border-closed-muted: var(--border-danger-muted);
+  --border-draft-muted: 0.0625rem solid #3d444d66;
   --border-muted: 0.0625rem solid #3d444db3;
   --border-neutral-emphasis: 0.0625rem solid #656c76;
   --border-open-emphasis: var(--border-success-emphasis);
   --border-open-muted: var(--border-success-muted);
+  --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --border-upsell-emphasis: 0.0625rem solid #8957e5;
   --border-upsell-muted: 0.0625rem solid #ab7df866;
   --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
   --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
+  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-disabled: var(--control-borderColor-disabled);
   --button-default-borderColor-rest: var(--control-borderColor-rest);
+  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
   --button-default-fgColor-rest: var(--control-fgColor-rest);
   --button-invisible-fgColor-active: var(--control-fgColor-rest);
   --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1148,6 +1152,7 @@
   --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
   --button-primary-borderColor-rest: var(--borderColor-translucent);
   --button-primary-fgColor-rest: var(--fgColor-white);
+  --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
   --button-primary-iconColor-rest: var(--fgColor-white);
   --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
   --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1176,6 +1181,7 @@
   --focus-outline: 2px solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
   --overlay-borderColor: var(--borderColor-muted);
   --tooltip-fgColor: var(--fgColor-onEmphasis);
+  --border-draft-emphasis: 0.0625rem solid #656c76;
   --border-neutral-muted: 0.0625rem solid #3d444db3;
   --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
   --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -1557,8 +1563,8 @@
     --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow used instead of a border to prevent layout shift */
     --button-danger-bgColor-hover: var(--base-color-red-6);
     --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
-    --button-danger-shadow-selected: 0 0 0 0 #000000;
-    --button-default-shadow-resting: 0 0 0 0 #000000;
+    --button-danger-shadow-selected: 0 0 0 0 #00000000;
+    --button-default-shadow-resting: 0 0 0 0 #00000000;
     --button-inactive-bgColor: var(--base-color-neutral-4);
     --button-inactive-fgColor: var(--base-color-neutral-9);
     --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -1567,8 +1573,8 @@
     --button-outline-fgColor-disabled: #4493f880;
     --button-outline-fgColor-hover: var(--base-color-blue-3);
     --button-outline-fgColor-rest: var(--base-color-blue-4);
-    --button-outline-shadow-selected: 0 0 0 0 #000000;
-    --button-primary-shadow-selected: 0 0 0 0 #000000;
+    --button-outline-shadow-selected: 0 0 0 0 #00000000;
+    --button-primary-shadow-selected: 0 0 0 0 #00000000;
     --button-star-iconColor: var(--base-color-yellow-2);
     --buttonCounter-danger-bgColor-rest: #49020233;
     --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -2188,7 +2194,7 @@
     --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
     --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
     --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
-    --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements */
+    --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
     --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
     --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -2323,19 +2329,23 @@
     --avatar-borderColor: var(--borderColor-translucent);
     --border-closed-emphasis: var(--border-danger-emphasis);
     --border-closed-muted: var(--border-danger-muted);
+    --border-draft-muted: 0.0625rem solid #3d444d66;
     --border-muted: 0.0625rem solid #3d444db3;
     --border-neutral-emphasis: 0.0625rem solid #656c76;
     --border-open-emphasis: var(--border-success-emphasis);
     --border-open-muted: var(--border-success-muted);
+    --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --border-upsell-emphasis: 0.0625rem solid #8957e5;
     --border-upsell-muted: 0.0625rem solid #ab7df866;
     --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
     --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
+    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-disabled: var(--control-borderColor-disabled);
     --button-default-borderColor-rest: var(--control-borderColor-rest);
+    --button-default-fgColor-disabled: var(--control-fgColor-disabled);
     --button-default-fgColor-rest: var(--control-fgColor-rest);
     --button-invisible-fgColor-active: var(--control-fgColor-rest);
     --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -2344,6 +2354,7 @@
     --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
     --button-primary-borderColor-rest: var(--borderColor-translucent);
     --button-primary-fgColor-rest: var(--fgColor-white);
+    --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
     --button-primary-iconColor-rest: var(--fgColor-white);
     --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
     --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -2372,6 +2383,7 @@
     --focus-outline: 2px solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
     --overlay-borderColor: var(--borderColor-muted);
     --tooltip-fgColor: var(--fgColor-onEmphasis);
+    --border-draft-emphasis: 0.0625rem solid #656c76;
     --border-neutral-muted: 0.0625rem solid #3d444db3;
     --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
     --button-default-borderColor-active: var(--button-default-borderColor-rest);

package/dist/internalCss/dark.css

@@ -354,8 +354,8 @@
   --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow used instead of a border to prevent layout shift */
   --button-danger-bgColor-hover: var(--base-color-red-6);
   --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
-  --button-danger-shadow-selected: 0 0 0 0 #000000;
-  --button-default-shadow-resting: 0 0 0 0 #000000;
+  --button-danger-shadow-selected: 0 0 0 0 #00000000;
+  --button-default-shadow-resting: 0 0 0 0 #00000000;
   --button-inactive-bgColor: var(--base-color-neutral-4);
   --button-inactive-fgColor: var(--base-color-neutral-9);
   --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -365,8 +365,8 @@
   --button-outline-fgColor-disabled: #4493f880;
   --button-outline-fgColor-hover: var(--base-color-blue-3);
   --button-outline-fgColor-rest: var(--base-color-blue-4);
-  --button-outline-shadow-selected: 0 0 0 0 #000000;
-  --button-primary-shadow-selected: 0 0 0 0 #000000;
+  --button-outline-shadow-selected: 0 0 0 0 #00000000;
+  --button-primary-shadow-selected: 0 0 0 0 #00000000;
   --button-star-iconColor: var(--base-color-yellow-2);
   --buttonCounter-danger-bgColor-rest: #49020233;
   --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -986,7 +986,7 @@
   --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
   --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
   --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
-  --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements */
+  --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
   --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
   --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -1129,15 +1129,18 @@
   --border-neutral-emphasis: 0.0625rem solid #656c76;
   --border-open-emphasis: var(--border-success-emphasis);
   --border-open-muted: var(--border-success-muted);
+  --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --border-upsell-emphasis: 0.0625rem solid #8957e5;
   --border-upsell-muted: 0.0625rem solid #ab7df866;
   --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
   --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
+  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-disabled: var(--control-borderColor-disabled);
   --button-default-borderColor-rest: var(--control-borderColor-rest);
+  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
   --button-default-fgColor-rest: var(--control-fgColor-rest);
   --button-invisible-fgColor-active: var(--control-fgColor-rest);
   --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1147,6 +1150,7 @@
   --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
   --button-primary-borderColor-rest: var(--borderColor-translucent);
   --button-primary-fgColor-rest: var(--fgColor-white);
+  --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
   --button-primary-iconColor-rest: var(--fgColor-white);
   --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
   --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1175,6 +1179,7 @@
   --focus-outline: 2px solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
   --overlay-borderColor: var(--borderColor-muted);
   --tooltip-fgColor: var(--fgColor-onEmphasis);
+  --border-draft-emphasis: 0.0625rem solid #656c76;
   --border-neutral-muted: 0.0625rem solid #3d444db3;
   --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
   --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
@@ -1190,6 +1195,7 @@
   --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
   --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
   --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
+  --border-draft-muted: 0.0625rem solid #3d444db3;
   --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
   --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1550,8 +1556,8 @@
     --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow used instead of a border to prevent layout shift */
     --button-danger-bgColor-hover: var(--base-color-red-6);
     --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
-    --button-danger-shadow-selected: 0 0 0 0 #000000;
-    --button-default-shadow-resting: 0 0 0 0 #000000;
+    --button-danger-shadow-selected: 0 0 0 0 #00000000;
+    --button-default-shadow-resting: 0 0 0 0 #00000000;
     --button-inactive-bgColor: var(--base-color-neutral-4);
     --button-inactive-fgColor: var(--base-color-neutral-9);
     --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -1561,8 +1567,8 @@
     --button-outline-fgColor-disabled: #4493f880;
     --button-outline-fgColor-hover: var(--base-color-blue-3);
     --button-outline-fgColor-rest: var(--base-color-blue-4);
-    --button-outline-shadow-selected: 0 0 0 0 #000000;
-    --button-primary-shadow-selected: 0 0 0 0 #000000;
+    --button-outline-shadow-selected: 0 0 0 0 #00000000;
+    --button-primary-shadow-selected: 0 0 0 0 #00000000;
     --button-star-iconColor: var(--base-color-yellow-2);
     --buttonCounter-danger-bgColor-rest: #49020233;
     --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -2182,7 +2188,7 @@
     --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
     --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
     --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
-    --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements */
+    --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
     --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
     --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -2325,15 +2331,18 @@
     --border-neutral-emphasis: 0.0625rem solid #656c76;
     --border-open-emphasis: var(--border-success-emphasis);
     --border-open-muted: var(--border-success-muted);
+    --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --border-upsell-emphasis: 0.0625rem solid #8957e5;
     --border-upsell-muted: 0.0625rem solid #ab7df866;
     --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
     --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
+    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-disabled: var(--control-borderColor-disabled);
     --button-default-borderColor-rest: var(--control-borderColor-rest);
+    --button-default-fgColor-disabled: var(--control-fgColor-disabled);
     --button-default-fgColor-rest: var(--control-fgColor-rest);
     --button-invisible-fgColor-active: var(--control-fgColor-rest);
     --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -2343,6 +2352,7 @@
     --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
     --button-primary-borderColor-rest: var(--borderColor-translucent);
     --button-primary-fgColor-rest: var(--fgColor-white);
+    --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
     --button-primary-iconColor-rest: var(--fgColor-white);
     --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
     --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -2371,6 +2381,7 @@
     --focus-outline: 2px solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
     --overlay-borderColor: var(--borderColor-muted);
     --tooltip-fgColor: var(--fgColor-onEmphasis);
+    --border-draft-emphasis: 0.0625rem solid #656c76;
     --border-neutral-muted: 0.0625rem solid #3d444db3;
     --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
     --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
@@ -2386,6 +2397,7 @@
     --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
     --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
     --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
+    --border-draft-muted: 0.0625rem solid #3d444db3;
     --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
     --button-outline-borderColor-active: var(--button-outline-borderColor-hover);

package/dist/internalCss/light-colorblind-high-contrast.css

@@ -350,7 +350,7 @@
   --borderColor-sponsors-muted: var(--base-color-pink-3); /** Subtle border for GitHub Sponsors content */
   --borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
   --borderColor-success-muted: var(--base-color-blue-3); /** Subtle success border for positive feedback elements */
-  --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
+  --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
   --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
   --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -952,6 +952,7 @@
   --border-sponsors-muted: 0.0625rem solid #ed4baf;
   --border-success-emphasis: 0.0625rem solid #0349b4;
   --border-success-muted: 0.0625rem solid #368cf9;
+  --border-translucent: 0.0625rem solid #59636e; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --border-transparent: 0.0625rem solid #ffffff00;
   --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
   --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
@@ -1113,6 +1114,8 @@
   --avatar-borderColor: var(--borderColor-emphasis);
   --border-closed-emphasis: var(--border-danger-emphasis);
   --border-closed-muted: var(--border-danger-muted);
+  --border-draft-emphasis: 0.0625rem solid #59636e;
+  --border-draft-muted: 0.0625rem solid #454c54;
   --border-emphasis: 0.0625rem solid #454c54;
   --border-muted: 0.0625rem solid #454c54;
   --border-open-emphasis: var(--border-success-emphasis);
@@ -1123,16 +1126,19 @@
   --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
+  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
   --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-active: var(--control-borderColor-rest);
   --button-default-borderColor-disabled: var(--control-borderColor-disabled);
   --button-default-borderColor-rest: var(--control-borderColor-rest);
+  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
   --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
   --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
   --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
   --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
   --button-primary-fgColor-rest: var(--fgColor-white);
+  --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
   --button-primary-iconColor-rest: #ffffffcc;
   --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
   --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1546,7 +1552,7 @@
     --borderColor-sponsors-muted: var(--base-color-pink-3); /** Subtle border for GitHub Sponsors content */
     --borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
     --borderColor-success-muted: var(--base-color-blue-3); /** Subtle success border for positive feedback elements */
-    --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
+    --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
     --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
     --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -2148,6 +2154,7 @@
     --border-sponsors-muted: 0.0625rem solid #ed4baf;
     --border-success-emphasis: 0.0625rem solid #0349b4;
     --border-success-muted: 0.0625rem solid #368cf9;
+    --border-translucent: 0.0625rem solid #59636e; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --border-transparent: 0.0625rem solid #ffffff00;
     --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
     --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
@@ -2309,6 +2316,8 @@
     --avatar-borderColor: var(--borderColor-emphasis);
     --border-closed-emphasis: var(--border-danger-emphasis);
     --border-closed-muted: var(--border-danger-muted);
+    --border-draft-emphasis: 0.0625rem solid #59636e;
+    --border-draft-muted: 0.0625rem solid #454c54;
     --border-emphasis: 0.0625rem solid #454c54;
     --border-muted: 0.0625rem solid #454c54;
     --border-open-emphasis: var(--border-success-emphasis);
@@ -2319,16 +2328,19 @@
     --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
+    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
     --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-active: var(--control-borderColor-rest);
     --button-default-borderColor-disabled: var(--control-borderColor-disabled);
     --button-default-borderColor-rest: var(--control-borderColor-rest);
+    --button-default-fgColor-disabled: var(--control-fgColor-disabled);
     --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
     --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
     --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
     --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
     --button-primary-fgColor-rest: var(--fgColor-white);
+    --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
     --button-primary-iconColor-rest: #ffffffcc;
     --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
     --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);

package/dist/internalCss/light-colorblind.css

@@ -974,7 +974,7 @@
   --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
   --borderColor-draft-muted: #d1d9e066; /** Subtle border for draft state indicators */
   --borderColor-muted: #d1d9e0b3; /** Subtle border for secondary elements and light separators */
-  --borderColor-translucent: #1f232826; /** Semi-transparent border for overlays and layered elements */
+  --borderColor-translucent: #1f232826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
   --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
   --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
@@ -1111,24 +1111,30 @@
   --avatar-borderColor: var(--borderColor-translucent);
   --border-closed-emphasis: var(--border-danger-emphasis);
   --border-closed-muted: var(--border-danger-muted);
+  --border-draft-emphasis: 0.0625rem solid #59636e;
+  --border-draft-muted: 0.0625rem solid #d1d9e066;
   --border-muted: 0.0625rem solid #d1d9e0b3;
   --border-open-emphasis: var(--border-success-emphasis);
   --border-open-muted: var(--border-success-muted);
+  --border-translucent: 0.0625rem solid #1f232826; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --border-upsell-emphasis: 0.0625rem solid #8250df;
   --border-upsell-muted: 0.0625rem solid #c297ff66;
   --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
+  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
   --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-active: var(--control-borderColor-rest);
   --button-default-borderColor-disabled: var(--control-borderColor-disabled);
   --button-default-borderColor-rest: var(--control-borderColor-rest);
+  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
   --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
   --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
   --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
   --button-primary-borderColor-rest: var(--borderColor-translucent);
   --button-primary-fgColor-rest: var(--fgColor-white);
+  --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
   --button-primary-iconColor-rest: #ffffffcc;
   --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
   --buttonKeybindingHint-danger-borderColor-hover: var(--borderColor-translucent);
@@ -1186,10 +1192,10 @@
   --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
   --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
   --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
-  --shadow-floating-large: 0 0 0 1px #d1d9e0, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
-  --shadow-floating-medium: 0 0 0 1px #d1d9e0, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
+  --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
+  --shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
   --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
-  --shadow-floating-xlarge: 0 0 0 1px #d1d9e0, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
+  --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
   --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
   --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -2170,7 +2176,7 @@
     --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
     --borderColor-draft-muted: #d1d9e066; /** Subtle border for draft state indicators */
     --borderColor-muted: #d1d9e0b3; /** Subtle border for secondary elements and light separators */
-    --borderColor-translucent: #1f232826; /** Semi-transparent border for overlays and layered elements */
+    --borderColor-translucent: #1f232826; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
     --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
     --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
@@ -2307,24 +2313,30 @@
     --avatar-borderColor: var(--borderColor-translucent);
     --border-closed-emphasis: var(--border-danger-emphasis);
     --border-closed-muted: var(--border-danger-muted);
+    --border-draft-emphasis: 0.0625rem solid #59636e;
+    --border-draft-muted: 0.0625rem solid #d1d9e066;
     --border-muted: 0.0625rem solid #d1d9e0b3;
     --border-open-emphasis: var(--border-success-emphasis);
     --border-open-muted: var(--border-success-muted);
+    --border-translucent: 0.0625rem solid #1f232826; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --border-upsell-emphasis: 0.0625rem solid #8250df;
     --border-upsell-muted: 0.0625rem solid #c297ff66;
     --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
+    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
     --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-active: var(--control-borderColor-rest);
     --button-default-borderColor-disabled: var(--control-borderColor-disabled);
     --button-default-borderColor-rest: var(--control-borderColor-rest);
+    --button-default-fgColor-disabled: var(--control-fgColor-disabled);
     --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
     --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
     --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
     --button-primary-borderColor-rest: var(--borderColor-translucent);
     --button-primary-fgColor-rest: var(--fgColor-white);
+    --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
     --button-primary-iconColor-rest: #ffffffcc;
     --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
     --buttonKeybindingHint-danger-borderColor-hover: var(--borderColor-translucent);
@@ -2382,10 +2394,10 @@
     --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
     --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
     --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
-    --shadow-floating-large: 0 0 0 1px #d1d9e0, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
-    --shadow-floating-medium: 0 0 0 1px #d1d9e0, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
+    --shadow-floating-large: 0 0 0 1px #d1d9e000, 0 40px 80px 0 #25292e3d; /** Large floating shadow for modals and dialogs */
+    --shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
     --shadow-floating-small: 0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
-    --shadow-floating-xlarge: 0 0 0 1px #d1d9e0, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
+    --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
     --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
     --button-outline-borderColor-active: var(--button-outline-borderColor-hover);

package/dist/internalCss/light-high-contrast.css

@@ -348,7 +348,7 @@
   --borderColor-sponsors-muted: var(--base-color-pink-3); /** Subtle border for GitHub Sponsors content */
   --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
   --borderColor-success-muted: var(--base-color-green-3); /** Subtle success border for positive feedback elements */
-  --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
+  --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
   --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
   --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -947,6 +947,7 @@
   --border-sponsors-muted: 0.0625rem solid #ed4baf;
   --border-success-emphasis: 0.0625rem solid #055d20;
   --border-success-muted: 0.0625rem solid #26a148;
+  --border-translucent: 0.0625rem solid #59636e; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --border-transparent: 0.0625rem solid #ffffff00;
   --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
   --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -1113,6 +1114,7 @@
   --avatar-borderColor: var(--borderColor-emphasis);
   --border-closed-emphasis: var(--border-danger-emphasis);
   --border-closed-muted: var(--border-danger-muted);
+  --border-draft-emphasis: 0.0625rem solid #59636e;
   --border-emphasis: 0.0625rem solid #454c54;
   --border-muted: 0.0625rem solid #454c54;
   --border-open-emphasis: var(--border-success-emphasis);
@@ -1122,16 +1124,19 @@
   --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
+  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
   --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-active: var(--control-borderColor-rest);
   --button-default-borderColor-disabled: var(--control-borderColor-disabled);
   --button-default-borderColor-rest: var(--control-borderColor-rest);
+  --button-default-fgColor-disabled: var(--control-fgColor-disabled);
   --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
   --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
   --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
   --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
   --button-primary-fgColor-rest: var(--fgColor-white);
+  --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
   --button-primary-iconColor-rest: #ffffffcc;
   --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
   --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1193,6 +1198,7 @@
   --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
   --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
   --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
+  --border-draft-muted: 0.0625rem solid #454c54;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode][data-color-mode="auto"][data-dark-theme="light_high_contrast"] {
@@ -1544,7 +1550,7 @@
     --borderColor-sponsors-muted: var(--base-color-pink-3); /** Subtle border for GitHub Sponsors content */
     --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
     --borderColor-success-muted: var(--base-color-green-3); /** Subtle success border for positive feedback elements */
-    --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
+    --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
     --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
     --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -2143,6 +2149,7 @@
     --border-sponsors-muted: 0.0625rem solid #ed4baf;
     --border-success-emphasis: 0.0625rem solid #055d20;
     --border-success-muted: 0.0625rem solid #26a148;
+    --border-translucent: 0.0625rem solid #59636e; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --border-transparent: 0.0625rem solid #ffffff00;
     --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
     --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -2309,6 +2316,7 @@
     --avatar-borderColor: var(--borderColor-emphasis);
     --border-closed-emphasis: var(--border-danger-emphasis);
     --border-closed-muted: var(--border-danger-muted);
+    --border-draft-emphasis: 0.0625rem solid #59636e;
     --border-emphasis: 0.0625rem solid #454c54;
     --border-muted: 0.0625rem solid #454c54;
     --border-open-emphasis: var(--border-success-emphasis);
@@ -2318,16 +2326,19 @@
     --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
+    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
     --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-active: var(--control-borderColor-rest);
     --button-default-borderColor-disabled: var(--control-borderColor-disabled);
     --button-default-borderColor-rest: var(--control-borderColor-rest);
+    --button-default-fgColor-disabled: var(--control-fgColor-disabled);
     --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
     --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
     --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
     --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
     --button-primary-fgColor-rest: var(--fgColor-white);
+    --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
     --button-primary-iconColor-rest: #ffffffcc;
     --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
     --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -2389,5 +2400,6 @@
     --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
     --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
     --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
+    --border-draft-muted: 0.0625rem solid #454c54;
   }
 }