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

package/dist/figma/themes/light-high-contrast.json

@@ -1661,7 +1661,7 @@
     },
     "type": "COLOR",
     "alpha": 1,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
@@ -9368,6 +9368,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9596,6 +9612,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.8
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10302,6 +10334,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 0.5254901960784314,
+      "g": 0.023529411764705882,
+      "b": 0.11372549019607843,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {

package/dist/figma/themes/light-tritanopia.json

@@ -1662,7 +1662,7 @@
     },
     "type": "COLOR",
     "alpha": 0.15,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/light/base/color/neutral/13",
     "collection": "mode",
@@ -9374,6 +9374,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9602,6 +9618,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.8
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10308,6 +10340,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {

package/dist/figma/themes/light.json

@@ -1661,7 +1661,7 @@
     },
     "type": "COLOR",
     "alpha": 0.15,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/light/base/color/neutral/13",
     "collection": "mode",
@@ -9370,6 +9370,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9598,6 +9614,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.8
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10304,6 +10336,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {

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

@@ -349,7 +349,7 @@
   --borderColor-sponsors-muted: var(--base-color-pink-4); /** 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-4); /** 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 */
@@ -358,8 +358,8 @@
   --button-danger-bgColor-hover: var(--base-color-orange-9);
   --button-danger-borderColor-hover: var(--base-color-orange-2);
   --button-danger-fgColor-rest: var(--base-color-orange-2);
-  --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-10);
   --button-invisible-bgColor-active: var(--base-color-neutral-3);
@@ -373,10 +373,10 @@
   --button-outline-fgColor-disabled: #74b9ff80;
   --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-outline-shadow-selected: 0 0 0 0 #00000000;
   --button-primary-bgColor-disabled: var(--base-color-blue-6);
   --button-primary-borderColor-rest: var(--base-color-blue-2);
-  --button-primary-shadow-selected: 0 0 0 0 #000000;
+  --button-primary-shadow-selected: 0 0 0 0 #00000000;
   --button-star-iconColor: var(--base-color-yellow-2);
   --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
   --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -963,6 +963,7 @@
   --border-sponsors-muted: 0.0625rem solid #f87cbd;
   --border-success-emphasis: 0.0625rem solid #409eff;
   --border-success-muted: 0.0625rem solid #5cacff;
+  --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
   --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
@@ -1102,6 +1103,7 @@
   --avatar-borderColor: var(--borderColor-emphasis);
   --border-closed-emphasis: var(--border-danger-emphasis);
   --border-closed-muted: var(--border-danger-muted);
+  --border-draft-muted: 0.0625rem solid #b7bdc8;
   --border-emphasis: 0.0625rem solid #b7bdc8;
   --border-muted: 0.0625rem solid #b7bdc8;
   --border-open-emphasis: var(--border-success-emphasis);
@@ -1113,14 +1115,17 @@
   --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-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: var(--fgColor-white);
   --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
   --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1191,6 +1196,7 @@
   --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
   --progressBar-track-borderColor: var(--progressBar-track-bgColor);
   --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
+  --border-draft-emphasis: 0.0625rem solid #b7bdc8;
   --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
   --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
 }
@@ -1545,7 +1551,7 @@
     --borderColor-sponsors-muted: var(--base-color-pink-4); /** 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-4); /** 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 */
@@ -1554,8 +1560,8 @@
     --button-danger-bgColor-hover: var(--base-color-orange-9);
     --button-danger-borderColor-hover: var(--base-color-orange-2);
     --button-danger-fgColor-rest: var(--base-color-orange-2);
-    --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-10);
     --button-invisible-bgColor-active: var(--base-color-neutral-3);
@@ -1569,10 +1575,10 @@
     --button-outline-fgColor-disabled: #74b9ff80;
     --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-outline-shadow-selected: 0 0 0 0 #00000000;
     --button-primary-bgColor-disabled: var(--base-color-blue-6);
     --button-primary-borderColor-rest: var(--base-color-blue-2);
-    --button-primary-shadow-selected: 0 0 0 0 #000000;
+    --button-primary-shadow-selected: 0 0 0 0 #00000000;
     --button-star-iconColor: var(--base-color-yellow-2);
     --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
     --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -2159,6 +2165,7 @@
     --border-sponsors-muted: 0.0625rem solid #f87cbd;
     --border-success-emphasis: 0.0625rem solid #409eff;
     --border-success-muted: 0.0625rem solid #5cacff;
+    --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
     --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
@@ -2298,6 +2305,7 @@
     --avatar-borderColor: var(--borderColor-emphasis);
     --border-closed-emphasis: var(--border-danger-emphasis);
     --border-closed-muted: var(--border-danger-muted);
+    --border-draft-muted: 0.0625rem solid #b7bdc8;
     --border-emphasis: 0.0625rem solid #b7bdc8;
     --border-muted: 0.0625rem solid #b7bdc8;
     --border-open-emphasis: var(--border-success-emphasis);
@@ -2309,14 +2317,17 @@
     --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-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: var(--fgColor-white);
     --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
     --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -2387,6 +2398,7 @@
     --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
     --progressBar-track-borderColor: var(--progressBar-track-bgColor);
     --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
+    --border-draft-emphasis: 0.0625rem solid #b7bdc8;
     --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
     --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
   }

package/dist/internalCss/dark-colorblind.css

@@ -355,8 +355,8 @@
   --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker); /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
   --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-orange-6);
-  --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);
@@ -366,9 +366,9 @@
   --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-outline-shadow-selected: 0 0 0 0 #00000000;
   --button-primary-bgColor-disabled: var(--base-color-blue-6);
-  --button-primary-shadow-selected: 0 0 0 0 #000000;
+  --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);
@@ -989,7 +989,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);
@@ -1125,20 +1125,24 @@
   --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-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --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-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);
@@ -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);
@@ -1551,8 +1557,8 @@
     --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker); /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
     --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-orange-6);
-    --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);
@@ -1562,9 +1568,9 @@
     --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-outline-shadow-selected: 0 0 0 0 #00000000;
     --button-primary-bgColor-disabled: var(--base-color-blue-6);
-    --button-primary-shadow-selected: 0 0 0 0 #000000;
+    --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);
@@ -2185,7 +2191,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);
@@ -2321,20 +2327,24 @@
     --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-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --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-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);
@@ -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);