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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/DESIGN_TOKENS_SPEC.md +14 -5
  2. package/dist/build/schemas/borderToken.d.ts +45 -3
  3. package/dist/build/schemas/borderToken.js +2 -1
  4. package/dist/build/schemas/colorToken.d.ts +639 -30
  5. package/dist/build/schemas/colorToken.js +3 -2
  6. package/dist/build/schemas/colorW3cValue.d.ts +28 -0
  7. package/dist/build/schemas/colorW3cValue.js +42 -0
  8. package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
  9. package/dist/build/schemas/dimensionToken.d.ts +1 -1
  10. package/dist/build/schemas/durationToken.d.ts +1 -1
  11. package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
  12. package/dist/build/schemas/fontWeightToken.d.ts +1 -1
  13. package/dist/build/schemas/gradientToken.d.ts +23 -2
  14. package/dist/build/schemas/gradientToken.js +2 -1
  15. package/dist/build/schemas/numberToken.d.ts +1 -1
  16. package/dist/build/schemas/shadowToken.d.ts +1079 -43
  17. package/dist/build/schemas/shadowToken.js +8 -2
  18. package/dist/build/schemas/stringToken.d.ts +1 -1
  19. package/dist/build/schemas/tokenType.d.ts +1 -1
  20. package/dist/build/schemas/transitionToken.d.ts +1 -1
  21. package/dist/build/schemas/typographyToken.d.ts +1 -1
  22. package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
  23. package/dist/build/transformers/borderToCss.js +3 -1
  24. package/dist/build/transformers/colorAlphaToCss.js +6 -3
  25. package/dist/build/transformers/colorToHex.js +5 -2
  26. package/dist/build/transformers/colorToRgbAlpha.js +5 -2
  27. package/dist/build/transformers/colorToRgbaFloat.js +5 -0
  28. package/dist/build/transformers/durationToCss.js +4 -4
  29. package/dist/build/transformers/gradientToCss.js +2 -1
  30. package/dist/build/transformers/shadowToCss.js +4 -1
  31. package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
  32. package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
  33. package/dist/build/types/borderTokenValue.d.ts +2 -1
  34. package/dist/build/types/shadowTokenValue.d.ts +2 -1
  35. package/dist/css/base/motion/motion.css +1 -1
  36. package/dist/css/functional/size/radius.css +1 -1
  37. package/dist/css/functional/size/size-coarse.css +1 -0
  38. package/dist/css/functional/size/size-fine.css +1 -0
  39. package/dist/css/functional/size/size.css +5 -0
  40. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +22 -10
  41. package/dist/css/functional/themes/dark-colorblind.css +22 -10
  42. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +22 -10
  43. package/dist/css/functional/themes/dark-dimmed.css +22 -10
  44. package/dist/css/functional/themes/dark-high-contrast.css +22 -10
  45. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +22 -10
  46. package/dist/css/functional/themes/dark-tritanopia.css +22 -10
  47. package/dist/css/functional/themes/dark.css +22 -10
  48. package/dist/css/functional/themes/light-colorblind-high-contrast.css +14 -2
  49. package/dist/css/functional/themes/light-colorblind.css +20 -8
  50. package/dist/css/functional/themes/light-high-contrast.css +14 -2
  51. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +14 -2
  52. package/dist/css/functional/themes/light-tritanopia.css +20 -8
  53. package/dist/css/functional/themes/light.css +20 -8
  54. package/dist/docs/functional/size/radius.json +2 -2
  55. package/dist/docs/functional/size/size-coarse.json +55 -2
  56. package/dist/docs/functional/size/size-fine.json +55 -2
  57. package/dist/docs/functional/size/size.json +135 -0
  58. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2502 -372
  59. package/dist/docs/functional/themes/dark-colorblind.json +2492 -370
  60. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2355 -205
  61. package/dist/docs/functional/themes/dark-dimmed.json +2382 -212
  62. package/dist/docs/functional/themes/dark-high-contrast.json +2507 -373
  63. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2517 -375
  64. package/dist/docs/functional/themes/dark-tritanopia.json +2499 -353
  65. package/dist/docs/functional/themes/dark.json +2501 -371
  66. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2354 -204
  67. package/dist/docs/functional/themes/light-colorblind.json +2344 -202
  68. package/dist/docs/functional/themes/light-high-contrast.json +2359 -205
  69. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2359 -205
  70. package/dist/docs/functional/themes/light-tritanopia.json +2354 -204
  71. package/dist/docs/functional/themes/light.json +2359 -205
  72. package/dist/fallbacks/functional/size/size-coarse.json +2 -1
  73. package/dist/fallbacks/functional/size/size-fine.json +2 -1
  74. package/dist/fallbacks/functional/size/size.json +5 -0
  75. package/dist/figma/dimension/dimension.json +56 -1
  76. package/dist/figma/themes/dark-colorblind.json +49 -1
  77. package/dist/figma/themes/dark-dimmed.json +51 -3
  78. package/dist/figma/themes/dark-high-contrast.json +49 -1
  79. package/dist/figma/themes/dark-tritanopia.json +49 -1
  80. package/dist/figma/themes/dark.json +49 -1
  81. package/dist/figma/themes/light-colorblind.json +49 -1
  82. package/dist/figma/themes/light-high-contrast.json +49 -1
  83. package/dist/figma/themes/light-tritanopia.json +49 -1
  84. package/dist/figma/themes/light.json +49 -1
  85. package/dist/internalCss/dark-colorblind-high-contrast.css +22 -10
  86. package/dist/internalCss/dark-colorblind.css +22 -10
  87. package/dist/internalCss/dark-dimmed-high-contrast.css +22 -10
  88. package/dist/internalCss/dark-dimmed.css +22 -10
  89. package/dist/internalCss/dark-high-contrast.css +22 -10
  90. package/dist/internalCss/dark-tritanopia-high-contrast.css +22 -10
  91. package/dist/internalCss/dark-tritanopia.css +22 -10
  92. package/dist/internalCss/dark.css +22 -10
  93. package/dist/internalCss/light-colorblind-high-contrast.css +14 -2
  94. package/dist/internalCss/light-colorblind.css +20 -8
  95. package/dist/internalCss/light-high-contrast.css +14 -2
  96. package/dist/internalCss/light-tritanopia-high-contrast.css +14 -2
  97. package/dist/internalCss/light-tritanopia.css +20 -8
  98. package/dist/internalCss/light.css +20 -8
  99. package/dist/styleLint/functional/size/radius.json +2 -2
  100. package/dist/styleLint/functional/size/size-coarse.json +57 -4
  101. package/dist/styleLint/functional/size/size-fine.json +57 -4
  102. package/dist/styleLint/functional/size/size.json +135 -0
  103. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2491 -349
  104. package/dist/styleLint/functional/themes/dark-colorblind.json +2481 -347
  105. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2516 -354
  106. package/dist/styleLint/functional/themes/dark-dimmed.json +2543 -361
  107. package/dist/styleLint/functional/themes/dark-high-contrast.json +2496 -350
  108. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2506 -352
  109. package/dist/styleLint/functional/themes/dark-tritanopia.json +2511 -353
  110. package/dist/styleLint/functional/themes/dark.json +2491 -349
  111. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2514 -352
  112. package/dist/styleLint/functional/themes/light-colorblind.json +2505 -351
  113. package/dist/styleLint/functional/themes/light-high-contrast.json +2371 -205
  114. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2519 -353
  115. package/dist/styleLint/functional/themes/light-tritanopia.json +2515 -353
  116. package/dist/styleLint/functional/themes/light.json +2520 -354
  117. package/package.json +4 -3
  118. package/src/tokens/base/color/dark/dark.dimmed.json5 +405 -81
  119. package/src/tokens/base/color/dark/dark.high-contrast.json5 +405 -81
  120. package/src/tokens/base/color/dark/dark.json5 +475 -95
  121. package/src/tokens/base/color/dark/display-dark.json5 +960 -192
  122. package/src/tokens/base/color/light/display-light.json5 +960 -192
  123. package/src/tokens/base/color/light/light.high-contrast.json5 +405 -81
  124. package/src/tokens/base/color/light/light.json5 +475 -95
  125. package/src/tokens/base/size/size.json5 +194 -194
  126. package/src/tokens/component/button.json5 +368 -65
  127. package/src/tokens/component/reactionButton.json5 +20 -4
  128. package/src/tokens/functional/border/border.json5 +29 -1
  129. package/src/tokens/functional/color/bgColor.json5 +10 -2
  130. package/src/tokens/functional/color/borderColor.json5 +8 -1
  131. package/src/tokens/functional/color/control.json5 +160 -32
  132. package/src/tokens/functional/color/fgColor.json5 +5 -1
  133. package/src/tokens/functional/color/syntax.json5 +10 -2
  134. package/src/tokens/functional/shadow/shadow.json5 +576 -0
  135. package/src/tokens/functional/size/radius.json5 +1 -1
  136. package/src/tokens/functional/size/size-coarse.json5 +15 -0
  137. package/src/tokens/functional/size/size-fine.json5 +15 -0
  138. package/src/tokens/functional/size/size.json5 +50 -0
package/dist/internalCss/dark-dimmed-high-contrast.css CHANGED
@@ -350,7 +350,7 @@
350
350
  --borderColor-sponsors-muted: var(--base-color-pink-2); /** Subtle border for GitHub Sponsors content */
351
351
  --borderColor-success-emphasis: var(--base-color-green-2); /** Strong success border for prominent positive elements */
352
352
  --borderColor-success-muted: var(--base-color-green-2); /** Subtle success border for positive feedback elements */
353
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
353
+ --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. */
354
354
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
355
355
  --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
356
356
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -359,8 +359,8 @@
359
359
  --button-danger-bgColor-hover: var(--base-color-red-7);
360
360
  --button-danger-borderColor-hover: var(--base-color-red-1);
361
361
  --button-danger-fgColor-rest: var(--base-color-red-1);
362
- --button-danger-shadow-selected: 0 0 0 0 #000000;
363
- --button-default-shadow-resting: 0 0 0 0 #000000;
362
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
363
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
364
364
  --button-inactive-bgColor: var(--base-color-neutral-4);
365
365
  --button-inactive-fgColor: var(--base-color-neutral-9);
366
366
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -371,11 +371,11 @@
371
371
  --button-outline-bgColor-rest: var(--base-color-neutral-12);
372
372
  --button-outline-fgColor-hover: var(--base-color-blue-3);
373
373
  --button-outline-fgColor-rest: var(--base-color-blue-4);
374
- --button-outline-shadow-selected: 0 0 0 0 #000000;
374
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
375
375
  --button-primary-bgColor-active: var(--base-color-green-5);
376
376
  --button-primary-bgColor-hover: var(--base-color-green-6);
377
377
  --button-primary-borderColor-rest: var(--base-color-green-2);
378
- --button-primary-shadow-selected: 0 0 0 0 #000000;
378
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
379
379
  --button-star-iconColor: var(--base-color-yellow-2);
380
380
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
381
381
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -973,6 +973,7 @@
973
973
  --border-sponsors-muted: 0.0625rem solid #fc8dc7;
974
974
  --border-success-emphasis: 0.0625rem solid #6bc46d;
975
975
  --border-success-muted: 0.0625rem solid #6bc46d;
976
+ --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. */
976
977
  --border-transparent: 0.0625rem solid #00000000;
977
978
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
978
979
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -1143,9 +1144,11 @@
1143
1144
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1144
1145
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1145
1146
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1147
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1146
1148
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1147
1149
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1148
1150
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1151
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1149
1152
  --button-default-fgColor-rest: var(--control-fgColor-rest);
1150
1153
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1151
1154
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
@@ -1154,6 +1157,7 @@
1154
1157
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1155
1158
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1156
1159
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1160
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1157
1161
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1158
1162
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1159
1163
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1191,6 +1195,8 @@
1191
1195
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1192
1196
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1193
1197
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1198
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1199
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
1194
1200
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1195
1201
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1196
1202
  }
@@ -1546,7 +1552,7 @@
1546
1552
  --borderColor-sponsors-muted: var(--base-color-pink-2); /** Subtle border for GitHub Sponsors content */
1547
1553
  --borderColor-success-emphasis: var(--base-color-green-2); /** Strong success border for prominent positive elements */
1548
1554
  --borderColor-success-muted: var(--base-color-green-2); /** Subtle success border for positive feedback elements */
1549
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
1555
+ --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. */
1550
1556
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
1551
1557
  --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
1552
1558
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -1555,8 +1561,8 @@
1555
1561
  --button-danger-bgColor-hover: var(--base-color-red-7);
1556
1562
  --button-danger-borderColor-hover: var(--base-color-red-1);
1557
1563
  --button-danger-fgColor-rest: var(--base-color-red-1);
1558
- --button-danger-shadow-selected: 0 0 0 0 #000000;
1559
- --button-default-shadow-resting: 0 0 0 0 #000000;
1564
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
1565
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
1560
1566
  --button-inactive-bgColor: var(--base-color-neutral-4);
1561
1567
  --button-inactive-fgColor: var(--base-color-neutral-9);
1562
1568
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -1567,11 +1573,11 @@
1567
1573
  --button-outline-bgColor-rest: var(--base-color-neutral-12);
1568
1574
  --button-outline-fgColor-hover: var(--base-color-blue-3);
1569
1575
  --button-outline-fgColor-rest: var(--base-color-blue-4);
1570
- --button-outline-shadow-selected: 0 0 0 0 #000000;
1576
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
1571
1577
  --button-primary-bgColor-active: var(--base-color-green-5);
1572
1578
  --button-primary-bgColor-hover: var(--base-color-green-6);
1573
1579
  --button-primary-borderColor-rest: var(--base-color-green-2);
1574
- --button-primary-shadow-selected: 0 0 0 0 #000000;
1580
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
1575
1581
  --button-star-iconColor: var(--base-color-yellow-2);
1576
1582
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
1577
1583
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -2169,6 +2175,7 @@
2169
2175
  --border-sponsors-muted: 0.0625rem solid #fc8dc7;
2170
2176
  --border-success-emphasis: 0.0625rem solid #6bc46d;
2171
2177
  --border-success-muted: 0.0625rem solid #6bc46d;
2178
+ --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. */
2172
2179
  --border-transparent: 0.0625rem solid #00000000;
2173
2180
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
2174
2181
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -2339,9 +2346,11 @@
2339
2346
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
2340
2347
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
2341
2348
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
2349
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
2342
2350
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
2343
2351
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
2344
2352
  --button-default-borderColor-rest: var(--control-borderColor-rest);
2353
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
2345
2354
  --button-default-fgColor-rest: var(--control-fgColor-rest);
2346
2355
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
2347
2356
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
@@ -2350,6 +2359,7 @@
2350
2359
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
2351
2360
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
2352
2361
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2362
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
2353
2363
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2354
2364
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
2355
2365
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -2387,6 +2397,8 @@
2387
2397
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2388
2398
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2389
2399
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
2400
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
2401
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
2390
2402
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2391
2403
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2392
2404
  }
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -366,9 +366,9 @@
366
366
  --button-danger-bgColor-hover: var(--base-color-red-6);
367
367
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
368
368
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
369
- --button-danger-shadow-selected: 0 0 0 0 #000000;
369
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
370
370
  --button-default-borderColor-rest: var(--control-borderColor-rest);
371
- --button-default-shadow-resting: 0 0 0 0 #000000;
371
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
372
372
  --button-inactive-bgColor: var(--base-color-neutral-5);
373
373
  --button-inactive-fgColor: var(--base-color-neutral-8);
374
374
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -379,8 +379,8 @@
379
379
  --button-outline-bgColor-rest: var(--base-color-neutral-12);
380
380
  --button-outline-fgColor-hover: var(--base-color-blue-3);
381
381
  --button-outline-fgColor-rest: var(--base-color-blue-4);
382
- --button-outline-shadow-selected: 0 0 0 0 #000000;
383
- --button-primary-shadow-selected: 0 0 0 0 #000000;
382
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
383
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
384
384
  --button-star-iconColor: var(--base-color-yellow-2);
385
385
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
386
386
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -1005,7 +1005,7 @@
1005
1005
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1006
1006
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
1007
1007
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
1008
- --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements */
1008
+ --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1009
1009
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
1010
1010
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
1011
1011
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -1157,14 +1157,18 @@
1157
1157
  --avatar-borderColor: var(--borderColor-translucent);
1158
1158
  --border-closed-emphasis: var(--border-danger-emphasis);
1159
1159
  --border-closed-muted: var(--border-danger-muted);
1160
+ --border-draft-muted: 0.0625rem solid #3d444db3;
1160
1161
  --border-neutral-emphasis: 0.0625rem solid #656c76;
1161
1162
  --border-open-emphasis: var(--border-success-emphasis);
1162
1163
  --border-open-muted: var(--border-success-muted);
1164
+ --border-translucent: 0.0625rem solid #cdd9e526; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1163
1165
  --border-upsell-emphasis: 0.0625rem solid #8256d0;
1164
1166
  --border-upsell-muted: 0.0625rem solid #986ee266;
1165
1167
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1166
1168
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1169
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1167
1170
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1171
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1168
1172
  --button-default-fgColor-rest: var(--control-fgColor-rest);
1169
1173
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
1170
1174
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1174,6 +1178,7 @@
1174
1178
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1175
1179
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1176
1180
  --button-primary-borderColor-rest: var(--borderColor-translucent);
1181
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1177
1182
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1178
1183
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1179
1184
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
@@ -1187,6 +1192,7 @@
1187
1192
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1188
1193
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1189
1194
  --focus-outline: 2px solid #316dca; /** Focus ring outline for keyboard navigation and accessibility. */
1195
+ --border-draft-emphasis: 0.0625rem solid #656c76;
1190
1196
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1191
1197
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1192
1198
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
@@ -1562,9 +1568,9 @@
1562
1568
  --button-danger-bgColor-hover: var(--base-color-red-6);
1563
1569
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1564
1570
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1565
- --button-danger-shadow-selected: 0 0 0 0 #000000;
1571
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
1566
1572
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1567
- --button-default-shadow-resting: 0 0 0 0 #000000;
1573
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
1568
1574
  --button-inactive-bgColor: var(--base-color-neutral-5);
1569
1575
  --button-inactive-fgColor: var(--base-color-neutral-8);
1570
1576
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -1575,8 +1581,8 @@
1575
1581
  --button-outline-bgColor-rest: var(--base-color-neutral-12);
1576
1582
  --button-outline-fgColor-hover: var(--base-color-blue-3);
1577
1583
  --button-outline-fgColor-rest: var(--base-color-blue-4);
1578
- --button-outline-shadow-selected: 0 0 0 0 #000000;
1579
- --button-primary-shadow-selected: 0 0 0 0 #000000;
1584
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
1585
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
1580
1586
  --button-star-iconColor: var(--base-color-yellow-2);
1581
1587
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
1582
1588
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
@@ -2201,7 +2207,7 @@
2201
2207
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
2202
2208
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
2203
2209
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
2204
- --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements */
2210
+ --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2205
2211
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
2206
2212
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
2207
2213
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -2353,14 +2359,18 @@
2353
2359
  --avatar-borderColor: var(--borderColor-translucent);
2354
2360
  --border-closed-emphasis: var(--border-danger-emphasis);
2355
2361
  --border-closed-muted: var(--border-danger-muted);
2362
+ --border-draft-muted: 0.0625rem solid #3d444db3;
2356
2363
  --border-neutral-emphasis: 0.0625rem solid #656c76;
2357
2364
  --border-open-emphasis: var(--border-success-emphasis);
2358
2365
  --border-open-muted: var(--border-success-muted);
2366
+ --border-translucent: 0.0625rem solid #cdd9e526; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2359
2367
  --border-upsell-emphasis: 0.0625rem solid #8256d0;
2360
2368
  --border-upsell-muted: 0.0625rem solid #986ee266;
2361
2369
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
2362
2370
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
2371
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
2363
2372
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
2373
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
2364
2374
  --button-default-fgColor-rest: var(--control-fgColor-rest);
2365
2375
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
2366
2376
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -2370,6 +2380,7 @@
2370
2380
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2371
2381
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2372
2382
  --button-primary-borderColor-rest: var(--borderColor-translucent);
2383
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
2373
2384
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2374
2385
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
2375
2386
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
@@ -2383,6 +2394,7 @@
2383
2394
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
2384
2395
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
2385
2396
  --focus-outline: 2px solid #316dca; /** Focus ring outline for keyboard navigation and accessibility. */
2397
+ --border-draft-emphasis: 0.0625rem solid #656c76;
2386
2398
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
2387
2399
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2388
2400
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -347,7 +347,7 @@
347
347
  --borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
348
348
  --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
349
349
  --borderColor-success-muted: var(--base-color-green-4); /** Subtle success border for positive feedback elements */
350
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
350
+ --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. */
351
351
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
352
352
  --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
353
353
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -357,8 +357,8 @@
357
357
  --button-danger-borderColor-active: var(--base-color-red-2);
358
358
  --button-danger-borderColor-hover: var(--base-color-red-2);
359
359
  --button-danger-fgColor-rest: var(--base-color-red-2);
360
- --button-danger-shadow-selected: 0 0 0 0 #000000;
361
- --button-default-shadow-resting: 0 0 0 0 #000000;
360
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
361
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
362
362
  --button-inactive-fgColor: var(--base-color-neutral-10);
363
363
  --button-invisible-bgColor-active: var(--base-color-neutral-3);
364
364
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -371,10 +371,10 @@
371
371
  --button-outline-fgColor-disabled: #74b9ff80;
372
372
  --button-outline-fgColor-hover: var(--base-color-blue-3);
373
373
  --button-outline-fgColor-rest: var(--base-color-blue-4);
374
- --button-outline-shadow-selected: 0 0 0 0 #000000;
374
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
375
375
  --button-primary-borderColor-disabled: #4ae16866;
376
376
  --button-primary-borderColor-rest: var(--base-color-green-2);
377
- --button-primary-shadow-selected: 0 0 0 0 #000000;
377
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
378
378
  --button-star-iconColor: var(--base-color-yellow-2);
379
379
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
380
380
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -959,6 +959,7 @@
959
959
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
960
960
  --border-success-emphasis: 0.0625rem solid #09b43a;
961
961
  --border-success-muted: 0.0625rem solid #0ac740;
962
+ --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. */
962
963
  --border-transparent: 0.0625rem solid #00000000;
963
964
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
964
965
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -1112,14 +1113,17 @@
1112
1113
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1113
1114
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1114
1115
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1116
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1115
1117
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1116
1118
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1117
1119
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1120
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1118
1121
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1119
1122
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1120
1123
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1121
1124
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1122
1125
  --button-primary-fgColor-rest: var(--fgColor-white);
1126
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1123
1127
  --button-primary-iconColor-rest: var(--fgColor-white);
1124
1128
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1125
1129
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1191,6 +1195,8 @@
1191
1195
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1192
1196
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1193
1197
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1198
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1199
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
1194
1200
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1195
1201
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1196
1202
  }
@@ -1543,7 +1549,7 @@
1543
1549
  --borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
1544
1550
  --borderColor-success-emphasis: var(--base-color-green-5); /** Strong success border for prominent positive elements */
1545
1551
  --borderColor-success-muted: var(--base-color-green-4); /** Subtle success border for positive feedback elements */
1546
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
1552
+ --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. */
1547
1553
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
1548
1554
  --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
1549
1555
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -1553,8 +1559,8 @@
1553
1559
  --button-danger-borderColor-active: var(--base-color-red-2);
1554
1560
  --button-danger-borderColor-hover: var(--base-color-red-2);
1555
1561
  --button-danger-fgColor-rest: var(--base-color-red-2);
1556
- --button-danger-shadow-selected: 0 0 0 0 #000000;
1557
- --button-default-shadow-resting: 0 0 0 0 #000000;
1562
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
1563
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
1558
1564
  --button-inactive-fgColor: var(--base-color-neutral-10);
1559
1565
  --button-invisible-bgColor-active: var(--base-color-neutral-3);
1560
1566
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -1567,10 +1573,10 @@
1567
1573
  --button-outline-fgColor-disabled: #74b9ff80;
1568
1574
  --button-outline-fgColor-hover: var(--base-color-blue-3);
1569
1575
  --button-outline-fgColor-rest: var(--base-color-blue-4);
1570
- --button-outline-shadow-selected: 0 0 0 0 #000000;
1576
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
1571
1577
  --button-primary-borderColor-disabled: #4ae16866;
1572
1578
  --button-primary-borderColor-rest: var(--base-color-green-2);
1573
- --button-primary-shadow-selected: 0 0 0 0 #000000;
1579
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
1574
1580
  --button-star-iconColor: var(--base-color-yellow-2);
1575
1581
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
1576
1582
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -2155,6 +2161,7 @@
2155
2161
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
2156
2162
  --border-success-emphasis: 0.0625rem solid #09b43a;
2157
2163
  --border-success-muted: 0.0625rem solid #0ac740;
2164
+ --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. */
2158
2165
  --border-transparent: 0.0625rem solid #00000000;
2159
2166
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
2160
2167
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -2308,14 +2315,17 @@
2308
2315
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
2309
2316
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
2310
2317
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
2318
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
2311
2319
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
2312
2320
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
2313
2321
  --button-default-borderColor-rest: var(--control-borderColor-rest);
2322
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
2314
2323
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
2315
2324
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2316
2325
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
2317
2326
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2318
2327
  --button-primary-fgColor-rest: var(--fgColor-white);
2328
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
2319
2329
  --button-primary-iconColor-rest: var(--fgColor-white);
2320
2330
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2321
2331
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -2387,6 +2397,8 @@
2387
2397
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2388
2398
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2389
2399
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
2400
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
2401
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
2390
2402
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2391
2403
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2392
2404
  }
package/dist/internalCss/dark-tritanopia-high-contrast.css CHANGED
@@ -352,7 +352,7 @@
352
352
  --borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
353
353
  --borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
354
354
  --borderColor-success-muted: var(--base-color-blue-4); /** Subtle success border for positive feedback elements */
355
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
355
+ --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. */
356
356
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
357
357
  --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
358
358
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -361,8 +361,8 @@
361
361
  --button-danger-bgColor-hover: var(--base-color-red-9);
362
362
  --button-danger-borderColor-hover: var(--base-color-red-2);
363
363
  --button-danger-fgColor-rest: var(--base-color-red-2);
364
- --button-danger-shadow-selected: 0 0 0 0 #000000;
365
- --button-default-shadow-resting: 0 0 0 0 #000000;
364
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
365
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
366
366
  --button-inactive-bgColor: var(--base-color-neutral-4);
367
367
  --button-inactive-fgColor: var(--base-color-neutral-10);
368
368
  --button-invisible-bgColor-active: var(--base-color-neutral-3);
@@ -375,9 +375,9 @@
375
375
  --button-outline-fgColor-disabled: #74b9ff80;
376
376
  --button-outline-fgColor-hover: var(--base-color-blue-3);
377
377
  --button-outline-fgColor-rest: var(--base-color-blue-4);
378
- --button-outline-shadow-selected: 0 0 0 0 #000000;
378
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
379
379
  --button-primary-borderColor-rest: var(--base-color-blue-2);
380
- --button-primary-shadow-selected: 0 0 0 0 #000000;
380
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
381
381
  --button-star-iconColor: var(--base-color-yellow-2);
382
382
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
383
383
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -963,6 +963,7 @@
963
963
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
964
964
  --border-success-emphasis: 0.0625rem solid #409eff;
965
965
  --border-success-muted: 0.0625rem solid #5cacff;
966
+ --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. */
966
967
  --border-transparent: 0.0625rem solid #00000000;
967
968
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
968
969
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
@@ -1102,6 +1103,7 @@
1102
1103
  --avatar-borderColor: var(--borderColor-emphasis);
1103
1104
  --border-closed-emphasis: var(--border-danger-emphasis);
1104
1105
  --border-closed-muted: var(--border-danger-muted);
1106
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
1105
1107
  --border-emphasis: 0.0625rem solid #b7bdc8;
1106
1108
  --border-muted: 0.0625rem solid #b7bdc8;
1107
1109
  --border-open-emphasis: var(--border-success-emphasis);
@@ -1113,14 +1115,17 @@
1113
1115
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1114
1116
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1115
1117
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1118
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1116
1119
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1117
1120
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1118
1121
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1122
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1119
1123
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1120
1124
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1121
1125
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1122
1126
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1123
1127
  --button-primary-fgColor-rest: var(--fgColor-white);
1128
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1124
1129
  --button-primary-iconColor-rest: var(--fgColor-white);
1125
1130
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1126
1131
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1191,6 +1196,7 @@
1191
1196
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1192
1197
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1193
1198
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1199
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1194
1200
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1195
1201
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1196
1202
  }
@@ -1548,7 +1554,7 @@
1548
1554
  --borderColor-sponsors-muted: var(--base-color-pink-4); /** Subtle border for GitHub Sponsors content */
1549
1555
  --borderColor-success-emphasis: var(--base-color-blue-5); /** Strong success border for prominent positive elements */
1550
1556
  --borderColor-success-muted: var(--base-color-blue-4); /** Subtle success border for positive feedback elements */
1551
- --borderColor-translucent: var(--base-color-neutral-9); /** Semi-transparent border for overlays and layered elements */
1557
+ --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. */
1552
1558
  --borderColor-transparent: var(--base-color-transparent); /** Fully transparent border */
1553
1559
  --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
1554
1560
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
@@ -1557,8 +1563,8 @@
1557
1563
  --button-danger-bgColor-hover: var(--base-color-red-9);
1558
1564
  --button-danger-borderColor-hover: var(--base-color-red-2);
1559
1565
  --button-danger-fgColor-rest: var(--base-color-red-2);
1560
- --button-danger-shadow-selected: 0 0 0 0 #000000;
1561
- --button-default-shadow-resting: 0 0 0 0 #000000;
1566
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
1567
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
1562
1568
  --button-inactive-bgColor: var(--base-color-neutral-4);
1563
1569
  --button-inactive-fgColor: var(--base-color-neutral-10);
1564
1570
  --button-invisible-bgColor-active: var(--base-color-neutral-3);
@@ -1571,9 +1577,9 @@
1571
1577
  --button-outline-fgColor-disabled: #74b9ff80;
1572
1578
  --button-outline-fgColor-hover: var(--base-color-blue-3);
1573
1579
  --button-outline-fgColor-rest: var(--base-color-blue-4);
1574
- --button-outline-shadow-selected: 0 0 0 0 #000000;
1580
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
1575
1581
  --button-primary-borderColor-rest: var(--base-color-blue-2);
1576
- --button-primary-shadow-selected: 0 0 0 0 #000000;
1582
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
1577
1583
  --button-star-iconColor: var(--base-color-yellow-2);
1578
1584
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
1579
1585
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -2159,6 +2165,7 @@
2159
2165
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
2160
2166
  --border-success-emphasis: 0.0625rem solid #409eff;
2161
2167
  --border-success-muted: 0.0625rem solid #5cacff;
2168
+ --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. */
2162
2169
  --border-transparent: 0.0625rem solid #00000000;
2163
2170
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
2164
2171
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
@@ -2298,6 +2305,7 @@
2298
2305
  --avatar-borderColor: var(--borderColor-emphasis);
2299
2306
  --border-closed-emphasis: var(--border-danger-emphasis);
2300
2307
  --border-closed-muted: var(--border-danger-muted);
2308
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
2301
2309
  --border-emphasis: 0.0625rem solid #b7bdc8;
2302
2310
  --border-muted: 0.0625rem solid #b7bdc8;
2303
2311
  --border-open-emphasis: var(--border-success-emphasis);
@@ -2309,14 +2317,17 @@
2309
2317
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
2310
2318
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
2311
2319
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
2320
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
2312
2321
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
2313
2322
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
2314
2323
  --button-default-borderColor-rest: var(--control-borderColor-rest);
2324
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
2315
2325
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
2316
2326
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
2317
2327
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
2318
2328
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
2319
2329
  --button-primary-fgColor-rest: var(--fgColor-white);
2330
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
2320
2331
  --button-primary-iconColor-rest: var(--fgColor-white);
2321
2332
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
2322
2333
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -2387,6 +2398,7 @@
2387
2398
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2388
2399
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2389
2400
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
2401
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
2390
2402
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2391
2403
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2392
2404
  }