@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/css/functional/themes/dark-colorblind.css CHANGED
@@ -60,8 +60,8 @@
60
60
  --borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
61
61
  --borderColor-transparent: #00000000; /** Fully transparent border */
62
62
  --button-danger-bgColor-hover: #9b4215;
63
- --button-danger-shadow-selected: 0 0 0 0 #000000;
64
- --button-default-shadow-resting: 0 0 0 0 #000000;
63
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
64
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
65
65
  --button-inactive-bgColor: #262c36;
66
66
  --button-inactive-fgColor: #9198a1;
67
67
  --button-invisible-bgColor-disabled: #00000000;
@@ -71,9 +71,9 @@
71
71
  --button-outline-fgColor-disabled: #4493f880;
72
72
  --button-outline-fgColor-hover: #58a6ff;
73
73
  --button-outline-fgColor-rest: #388bfd;
74
- --button-outline-shadow-selected: 0 0 0 0 #000000;
74
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
75
75
  --button-primary-bgColor-disabled: #1158c7;
76
- --button-primary-shadow-selected: 0 0 0 0 #000000;
76
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
77
77
  --button-star-iconColor: #e3b341;
78
78
  --buttonCounter-danger-bgColor-rest: #49020233;
79
79
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -694,7 +694,7 @@
694
694
  --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
695
695
  --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
696
696
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
697
- --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements */
697
+ --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
698
698
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
699
699
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
700
700
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -830,20 +830,24 @@
830
830
  --avatar-borderColor: var(--borderColor-translucent);
831
831
  --border-closed-emphasis: var(--border-danger-emphasis);
832
832
  --border-closed-muted: var(--border-danger-muted);
833
+ --border-draft-muted: 0.0625rem solid #3d444d66;
833
834
  --border-muted: 0.0625rem solid #3d444db3;
834
835
  --border-neutral-emphasis: 0.0625rem solid #656c76;
835
836
  --border-open-emphasis: var(--border-success-emphasis);
836
837
  --border-open-muted: var(--border-success-muted);
838
+ --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. */
837
839
  --border-upsell-emphasis: 0.0625rem solid #8957e5;
838
840
  --border-upsell-muted: 0.0625rem solid #ab7df866;
839
841
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
840
842
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
841
843
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
842
844
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
845
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
843
846
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
844
847
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
845
848
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
846
849
  --button-default-borderColor-rest: var(--control-borderColor-rest);
850
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
847
851
  --button-default-fgColor-rest: var(--control-fgColor-rest);
848
852
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
849
853
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -853,6 +857,7 @@
853
857
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
854
858
  --button-primary-borderColor-rest: var(--borderColor-translucent);
855
859
  --button-primary-fgColor-rest: var(--fgColor-white);
860
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
856
861
  --button-primary-iconColor-rest: var(--fgColor-white);
857
862
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
858
863
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -881,6 +886,7 @@
881
886
  --focus-outline: 2px solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
882
887
  --overlay-borderColor: var(--borderColor-muted);
883
888
  --tooltip-fgColor: var(--fgColor-onEmphasis);
889
+ --border-draft-emphasis: 0.0625rem solid #656c76;
884
890
  --border-neutral-muted: 0.0625rem solid #3d444db3;
885
891
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
886
892
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -957,8 +963,8 @@
957
963
  --borderColor-success-muted: #388bfd66; /** Subtle success border for positive feedback elements */
958
964
  --borderColor-transparent: #00000000; /** Fully transparent border */
959
965
  --button-danger-bgColor-hover: #9b4215;
960
- --button-danger-shadow-selected: 0 0 0 0 #000000;
961
- --button-default-shadow-resting: 0 0 0 0 #000000;
966
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
967
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
962
968
  --button-inactive-bgColor: #262c36;
963
969
  --button-inactive-fgColor: #9198a1;
964
970
  --button-invisible-bgColor-disabled: #00000000;
@@ -968,9 +974,9 @@
968
974
  --button-outline-fgColor-disabled: #4493f880;
969
975
  --button-outline-fgColor-hover: #58a6ff;
970
976
  --button-outline-fgColor-rest: #388bfd;
971
- --button-outline-shadow-selected: 0 0 0 0 #000000;
977
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
972
978
  --button-primary-bgColor-disabled: #1158c7;
973
- --button-primary-shadow-selected: 0 0 0 0 #000000;
979
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
974
980
  --button-star-iconColor: #e3b341;
975
981
  --buttonCounter-danger-bgColor-rest: #49020233;
976
982
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -1591,7 +1597,7 @@
1591
1597
  --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
1592
1598
  --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
1593
1599
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1594
- --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements */
1600
+ --borderColor-translucent: #ffffff26; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1595
1601
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
1596
1602
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
1597
1603
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -1727,20 +1733,24 @@
1727
1733
  --avatar-borderColor: var(--borderColor-translucent);
1728
1734
  --border-closed-emphasis: var(--border-danger-emphasis);
1729
1735
  --border-closed-muted: var(--border-danger-muted);
1736
+ --border-draft-muted: 0.0625rem solid #3d444d66;
1730
1737
  --border-muted: 0.0625rem solid #3d444db3;
1731
1738
  --border-neutral-emphasis: 0.0625rem solid #656c76;
1732
1739
  --border-open-emphasis: var(--border-success-emphasis);
1733
1740
  --border-open-muted: var(--border-success-muted);
1741
+ --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. */
1734
1742
  --border-upsell-emphasis: 0.0625rem solid #8957e5;
1735
1743
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1736
1744
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1737
1745
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1738
1746
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1739
1747
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1748
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1740
1749
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
1741
1750
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1742
1751
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1743
1752
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1753
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1744
1754
  --button-default-fgColor-rest: var(--control-fgColor-rest);
1745
1755
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
1746
1756
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1750,6 +1760,7 @@
1750
1760
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1751
1761
  --button-primary-borderColor-rest: var(--borderColor-translucent);
1752
1762
  --button-primary-fgColor-rest: var(--fgColor-white);
1763
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1753
1764
  --button-primary-iconColor-rest: var(--fgColor-white);
1754
1765
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1755
1766
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1778,6 +1789,7 @@
1778
1789
  --focus-outline: 2px solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
1779
1790
  --overlay-borderColor: var(--borderColor-muted);
1780
1791
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1792
+ --border-draft-emphasis: 0.0625rem solid #656c76;
1781
1793
  --border-neutral-muted: 0.0625rem solid #3d444db3;
1782
1794
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1783
1795
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -59,13 +59,13 @@
59
59
  --borderColor-sponsors-muted: #fc8dc7; /** Subtle border for GitHub Sponsors content */
60
60
  --borderColor-success-emphasis: #6bc46d; /** Strong success border for prominent positive elements */
61
61
  --borderColor-success-muted: #6bc46d; /** Subtle success border for positive feedback elements */
62
- --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements */
62
+ --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
63
63
  --borderColor-transparent: #00000000; /** Fully transparent border */
64
64
  --button-danger-bgColor-hover: #922323;
65
65
  --button-danger-borderColor-hover: #ffb8b0;
66
66
  --button-danger-fgColor-rest: #ffb8b0;
67
- --button-danger-shadow-selected: 0 0 0 0 #000000;
68
- --button-default-shadow-resting: 0 0 0 0 #000000;
67
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
68
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
69
69
  --button-inactive-bgColor: #262c36;
70
70
  --button-inactive-fgColor: #9198a1;
71
71
  --button-invisible-bgColor-disabled: #00000000;
@@ -76,11 +76,11 @@
76
76
  --button-outline-bgColor-rest: #f0f6fc;
77
77
  --button-outline-fgColor-hover: #539bf5;
78
78
  --button-outline-fgColor-rest: #4184e4;
79
- --button-outline-shadow-selected: 0 0 0 0 #000000;
79
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
80
80
  --button-primary-bgColor-active: #347d39;
81
81
  --button-primary-bgColor-hover: #2b6a30;
82
82
  --button-primary-borderColor-rest: #6bc46d;
83
- --button-primary-shadow-selected: 0 0 0 0 #000000;
83
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
84
84
  --button-star-iconColor: #daaa3f;
85
85
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
86
86
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -678,6 +678,7 @@
678
678
  --border-sponsors-muted: 0.0625rem solid #fc8dc7;
679
679
  --border-success-emphasis: 0.0625rem solid #6bc46d;
680
680
  --border-success-muted: 0.0625rem solid #6bc46d;
681
+ --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. */
681
682
  --border-transparent: 0.0625rem solid #00000000;
682
683
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
683
684
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -848,9 +849,11 @@
848
849
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
849
850
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
850
851
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
852
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
851
853
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
852
854
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
853
855
  --button-default-borderColor-rest: var(--control-borderColor-rest);
856
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
854
857
  --button-default-fgColor-rest: var(--control-fgColor-rest);
855
858
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
856
859
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
@@ -859,6 +862,7 @@
859
862
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
860
863
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
861
864
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
865
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
862
866
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
863
867
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
864
868
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -896,6 +900,8 @@
896
900
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
897
901
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
898
902
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
903
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
904
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
899
905
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
900
906
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
901
907
  }
@@ -956,13 +962,13 @@
956
962
  --borderColor-sponsors-muted: #fc8dc7; /** Subtle border for GitHub Sponsors content */
957
963
  --borderColor-success-emphasis: #6bc46d; /** Strong success border for prominent positive elements */
958
964
  --borderColor-success-muted: #6bc46d; /** Subtle success border for positive feedback elements */
959
- --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements */
965
+ --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
960
966
  --borderColor-transparent: #00000000; /** Fully transparent border */
961
967
  --button-danger-bgColor-hover: #922323;
962
968
  --button-danger-borderColor-hover: #ffb8b0;
963
969
  --button-danger-fgColor-rest: #ffb8b0;
964
- --button-danger-shadow-selected: 0 0 0 0 #000000;
965
- --button-default-shadow-resting: 0 0 0 0 #000000;
970
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
971
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
966
972
  --button-inactive-bgColor: #262c36;
967
973
  --button-inactive-fgColor: #9198a1;
968
974
  --button-invisible-bgColor-disabled: #00000000;
@@ -973,11 +979,11 @@
973
979
  --button-outline-bgColor-rest: #f0f6fc;
974
980
  --button-outline-fgColor-hover: #539bf5;
975
981
  --button-outline-fgColor-rest: #4184e4;
976
- --button-outline-shadow-selected: 0 0 0 0 #000000;
982
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
977
983
  --button-primary-bgColor-active: #347d39;
978
984
  --button-primary-bgColor-hover: #2b6a30;
979
985
  --button-primary-borderColor-rest: #6bc46d;
980
- --button-primary-shadow-selected: 0 0 0 0 #000000;
986
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
981
987
  --button-star-iconColor: #daaa3f;
982
988
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
983
989
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -1575,6 +1581,7 @@
1575
1581
  --border-sponsors-muted: 0.0625rem solid #fc8dc7;
1576
1582
  --border-success-emphasis: 0.0625rem solid #6bc46d;
1577
1583
  --border-success-muted: 0.0625rem solid #6bc46d;
1584
+ --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. */
1578
1585
  --border-transparent: 0.0625rem solid #00000000;
1579
1586
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1580
1587
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -1745,9 +1752,11 @@
1745
1752
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1746
1753
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1747
1754
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1755
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1748
1756
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1749
1757
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1750
1758
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1759
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1751
1760
  --button-default-fgColor-rest: var(--control-fgColor-rest);
1752
1761
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1753
1762
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
@@ -1756,6 +1765,7 @@
1756
1765
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1757
1766
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1758
1767
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1768
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1759
1769
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1760
1770
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
1761
1771
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1793,6 +1803,8 @@
1793
1803
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1794
1804
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1795
1805
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1806
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1807
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
1796
1808
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1797
1809
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1798
1810
  }
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -71,9 +71,9 @@
71
71
  --button-danger-bgColor-hover: #ad2e2c;
72
72
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
73
73
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
74
- --button-danger-shadow-selected: 0 0 0 0 #000000;
74
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
75
75
  --button-default-borderColor-rest: var(--control-borderColor-rest);
76
- --button-default-shadow-resting: 0 0 0 0 #000000;
76
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
77
77
  --button-inactive-bgColor: #2a313c;
78
78
  --button-inactive-fgColor: #656c76;
79
79
  --button-invisible-bgColor-disabled: #00000000;
@@ -84,8 +84,8 @@
84
84
  --button-outline-bgColor-rest: #f0f6fc;
85
85
  --button-outline-fgColor-hover: #539bf5;
86
86
  --button-outline-fgColor-rest: #4184e4;
87
- --button-outline-shadow-selected: 0 0 0 0 #000000;
88
- --button-primary-shadow-selected: 0 0 0 0 #000000;
87
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
88
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
89
89
  --button-star-iconColor: #daaa3f;
90
90
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
91
91
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -710,7 +710,7 @@
710
710
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
711
711
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
712
712
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
713
- --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements */
713
+ --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
714
714
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
715
715
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
716
716
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -862,14 +862,18 @@
862
862
  --avatar-borderColor: var(--borderColor-translucent);
863
863
  --border-closed-emphasis: var(--border-danger-emphasis);
864
864
  --border-closed-muted: var(--border-danger-muted);
865
+ --border-draft-muted: 0.0625rem solid #3d444db3;
865
866
  --border-neutral-emphasis: 0.0625rem solid #656c76;
866
867
  --border-open-emphasis: var(--border-success-emphasis);
867
868
  --border-open-muted: var(--border-success-muted);
869
+ --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. */
868
870
  --border-upsell-emphasis: 0.0625rem solid #8256d0;
869
871
  --border-upsell-muted: 0.0625rem solid #986ee266;
870
872
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
871
873
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
874
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
872
875
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
876
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
873
877
  --button-default-fgColor-rest: var(--control-fgColor-rest);
874
878
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
875
879
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -879,6 +883,7 @@
879
883
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
880
884
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
881
885
  --button-primary-borderColor-rest: var(--borderColor-translucent);
886
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
882
887
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
883
888
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
884
889
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
@@ -892,6 +897,7 @@
892
897
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
893
898
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
894
899
  --focus-outline: 2px solid #316dca; /** Focus ring outline for keyboard navigation and accessibility. */
900
+ --border-draft-emphasis: 0.0625rem solid #656c76;
895
901
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
896
902
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
897
903
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
@@ -968,9 +974,9 @@
968
974
  --button-danger-bgColor-hover: #ad2e2c;
969
975
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
970
976
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
971
- --button-danger-shadow-selected: 0 0 0 0 #000000;
977
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
972
978
  --button-default-borderColor-rest: var(--control-borderColor-rest);
973
- --button-default-shadow-resting: 0 0 0 0 #000000;
979
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
974
980
  --button-inactive-bgColor: #2a313c;
975
981
  --button-inactive-fgColor: #656c76;
976
982
  --button-invisible-bgColor-disabled: #00000000;
@@ -981,8 +987,8 @@
981
987
  --button-outline-bgColor-rest: #f0f6fc;
982
988
  --button-outline-fgColor-hover: #539bf5;
983
989
  --button-outline-fgColor-rest: #4184e4;
984
- --button-outline-shadow-selected: 0 0 0 0 #000000;
985
- --button-primary-shadow-selected: 0 0 0 0 #000000;
990
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
991
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
986
992
  --button-star-iconColor: #daaa3f;
987
993
  --buttonCounter-danger-bgColor-rest: #5d0f1233;
988
994
  --buttonCounter-default-bgColor-rest: #2f3742;
@@ -1607,7 +1613,7 @@
1607
1613
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1608
1614
  --borderColor-open-emphasis: var(--borderColor-success-emphasis); /** Strong border for open state badges */
1609
1615
  --borderColor-open-muted: var(--borderColor-success-muted); /** Subtle border for open state indicators */
1610
- --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements */
1616
+ --borderColor-translucent: #cdd9e526; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1611
1617
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
1612
1618
  --borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
1613
1619
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
@@ -1759,14 +1765,18 @@
1759
1765
  --avatar-borderColor: var(--borderColor-translucent);
1760
1766
  --border-closed-emphasis: var(--border-danger-emphasis);
1761
1767
  --border-closed-muted: var(--border-danger-muted);
1768
+ --border-draft-muted: 0.0625rem solid #3d444db3;
1762
1769
  --border-neutral-emphasis: 0.0625rem solid #656c76;
1763
1770
  --border-open-emphasis: var(--border-success-emphasis);
1764
1771
  --border-open-muted: var(--border-success-muted);
1772
+ --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. */
1765
1773
  --border-upsell-emphasis: 0.0625rem solid #8256d0;
1766
1774
  --border-upsell-muted: 0.0625rem solid #986ee266;
1767
1775
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1768
1776
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1777
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1769
1778
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1779
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1770
1780
  --button-default-fgColor-rest: var(--control-fgColor-rest);
1771
1781
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
1772
1782
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1776,6 +1786,7 @@
1776
1786
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1777
1787
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1778
1788
  --button-primary-borderColor-rest: var(--borderColor-translucent);
1789
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1779
1790
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1780
1791
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1781
1792
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
@@ -1789,6 +1800,7 @@
1789
1800
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1790
1801
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1791
1802
  --focus-outline: 2px solid #316dca; /** Focus ring outline for keyboard navigation and accessibility. */
1803
+ --border-draft-emphasis: 0.0625rem solid #656c76;
1792
1804
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1793
1805
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1794
1806
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -56,14 +56,14 @@
56
56
  --borderColor-sponsors-muted: #f87cbd; /** Subtle border for GitHub Sponsors content */
57
57
  --borderColor-success-emphasis: #09b43a; /** Strong success border for prominent positive elements */
58
58
  --borderColor-success-muted: #0ac740; /** Subtle success border for positive feedback elements */
59
- --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements */
59
+ --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
60
60
  --borderColor-transparent: #00000000; /** Fully transparent border */
61
61
  --button-danger-bgColor-hover: #ad0116;
62
62
  --button-danger-borderColor-active: #ffb1af;
63
63
  --button-danger-borderColor-hover: #ffb1af;
64
64
  --button-danger-fgColor-rest: #ffb1af;
65
- --button-danger-shadow-selected: 0 0 0 0 #000000;
66
- --button-default-shadow-resting: 0 0 0 0 #000000;
65
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
66
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
67
67
  --button-inactive-fgColor: #b7bdc8;
68
68
  --button-invisible-bgColor-active: #212830;
69
69
  --button-invisible-bgColor-disabled: #00000000;
@@ -76,10 +76,10 @@
76
76
  --button-outline-fgColor-disabled: #74b9ff80;
77
77
  --button-outline-fgColor-hover: #71b7ff;
78
78
  --button-outline-fgColor-rest: #5cacff;
79
- --button-outline-shadow-selected: 0 0 0 0 #000000;
79
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
80
80
  --button-primary-borderColor-disabled: #4ae16866;
81
81
  --button-primary-borderColor-rest: #4ae168;
82
- --button-primary-shadow-selected: 0 0 0 0 #000000;
82
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
83
83
  --button-star-iconColor: #f7c843;
84
84
  --buttonCounter-default-bgColor-rest: #2f3742;
85
85
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -664,6 +664,7 @@
664
664
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
665
665
  --border-success-emphasis: 0.0625rem solid #09b43a;
666
666
  --border-success-muted: 0.0625rem solid #0ac740;
667
+ --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. */
667
668
  --border-transparent: 0.0625rem solid #00000000;
668
669
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
669
670
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -817,14 +818,17 @@
817
818
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
818
819
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
819
820
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
821
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
820
822
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
821
823
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
822
824
  --button-default-borderColor-rest: var(--control-borderColor-rest);
825
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
823
826
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
824
827
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
825
828
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
826
829
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
827
830
  --button-primary-fgColor-rest: var(--fgColor-white);
831
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
828
832
  --button-primary-iconColor-rest: var(--fgColor-white);
829
833
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
830
834
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -896,6 +900,8 @@
896
900
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
897
901
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
898
902
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
903
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
904
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
899
905
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
900
906
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
901
907
  }
@@ -953,14 +959,14 @@
953
959
  --borderColor-sponsors-muted: #f87cbd; /** Subtle border for GitHub Sponsors content */
954
960
  --borderColor-success-emphasis: #09b43a; /** Strong success border for prominent positive elements */
955
961
  --borderColor-success-muted: #0ac740; /** Subtle success border for positive feedback elements */
956
- --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements */
962
+ --borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
957
963
  --borderColor-transparent: #00000000; /** Fully transparent border */
958
964
  --button-danger-bgColor-hover: #ad0116;
959
965
  --button-danger-borderColor-active: #ffb1af;
960
966
  --button-danger-borderColor-hover: #ffb1af;
961
967
  --button-danger-fgColor-rest: #ffb1af;
962
- --button-danger-shadow-selected: 0 0 0 0 #000000;
963
- --button-default-shadow-resting: 0 0 0 0 #000000;
968
+ --button-danger-shadow-selected: 0 0 0 0 #00000000;
969
+ --button-default-shadow-resting: 0 0 0 0 #00000000;
964
970
  --button-inactive-fgColor: #b7bdc8;
965
971
  --button-invisible-bgColor-active: #212830;
966
972
  --button-invisible-bgColor-disabled: #00000000;
@@ -973,10 +979,10 @@
973
979
  --button-outline-fgColor-disabled: #74b9ff80;
974
980
  --button-outline-fgColor-hover: #71b7ff;
975
981
  --button-outline-fgColor-rest: #5cacff;
976
- --button-outline-shadow-selected: 0 0 0 0 #000000;
982
+ --button-outline-shadow-selected: 0 0 0 0 #00000000;
977
983
  --button-primary-borderColor-disabled: #4ae16866;
978
984
  --button-primary-borderColor-rest: #4ae168;
979
- --button-primary-shadow-selected: 0 0 0 0 #000000;
985
+ --button-primary-shadow-selected: 0 0 0 0 #00000000;
980
986
  --button-star-iconColor: #f7c843;
981
987
  --buttonCounter-default-bgColor-rest: #2f3742;
982
988
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -1561,6 +1567,7 @@
1561
1567
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
1562
1568
  --border-success-emphasis: 0.0625rem solid #09b43a;
1563
1569
  --border-success-muted: 0.0625rem solid #0ac740;
1570
+ --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. */
1564
1571
  --border-transparent: 0.0625rem solid #00000000;
1565
1572
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1566
1573
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
@@ -1714,14 +1721,17 @@
1714
1721
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1715
1722
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1716
1723
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1724
+ --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
1717
1725
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1718
1726
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1719
1727
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1728
+ --button-default-fgColor-disabled: var(--control-fgColor-disabled);
1720
1729
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1721
1730
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1722
1731
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1723
1732
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1724
1733
  --button-primary-fgColor-rest: var(--fgColor-white);
1734
+ --button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
1725
1735
  --button-primary-iconColor-rest: var(--fgColor-white);
1726
1736
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
1727
1737
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
@@ -1793,6 +1803,8 @@
1793
1803
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1794
1804
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1795
1805
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1806
+ --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1807
+ --border-draft-muted: 0.0625rem solid #b7bdc8;
1796
1808
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1797
1809
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1798
1810
  }