@primer/primitives 7.11.8-rc.f5a702a → 7.11.8-rc.fa82fd1

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 (159) hide show
  1. package/dist/js/colors/dark.d.ts +6 -0
  2. package/dist/js/colors/dark.js +12 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +6 -0
  4. package/dist/js/colors/dark_colorblind.js +12 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +6 -0
  6. package/dist/js/colors/dark_dimmed.js +12 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +6 -0
  8. package/dist/js/colors/dark_high_contrast.js +10 -4
  9. package/dist/js/colors/dark_tritanopia.d.ts +6 -0
  10. package/dist/js/colors/dark_tritanopia.js +12 -6
  11. package/dist/js/colors/index.d.ts +54 -0
  12. package/dist/js/colors/light.d.ts +6 -0
  13. package/dist/js/colors/light.js +9 -3
  14. package/dist/js/colors/light_colorblind.d.ts +6 -0
  15. package/dist/js/colors/light_colorblind.js +9 -3
  16. package/dist/js/colors/light_high_contrast.d.ts +6 -0
  17. package/dist/js/colors/light_high_contrast.js +9 -3
  18. package/dist/js/colors/light_tritanopia.d.ts +6 -0
  19. package/dist/js/colors/light_tritanopia.js +9 -3
  20. package/dist/js/index.d.ts +54 -0
  21. package/dist/json/colors/dark.json +12 -6
  22. package/dist/json/colors/dark_colorblind.json +12 -6
  23. package/dist/json/colors/dark_dimmed.json +12 -6
  24. package/dist/json/colors/dark_high_contrast.json +10 -4
  25. package/dist/json/colors/dark_tritanopia.json +12 -6
  26. package/dist/json/colors/light.json +9 -3
  27. package/dist/json/colors/light_colorblind.json +9 -3
  28. package/dist/json/colors/light_high_contrast.json +9 -3
  29. package/dist/json/colors/light_tritanopia.json +9 -3
  30. package/dist/scss/colors/_dark.scss +11 -5
  31. package/dist/scss/colors/_dark_colorblind.scss +11 -5
  32. package/dist/scss/colors/_dark_dimmed.scss +11 -5
  33. package/dist/scss/colors/_dark_high_contrast.scss +9 -3
  34. package/dist/scss/colors/_dark_tritanopia.scss +11 -5
  35. package/dist/scss/colors/_light.scss +8 -2
  36. package/dist/scss/colors/_light_colorblind.scss +8 -2
  37. package/dist/scss/colors/_light_high_contrast.scss +8 -2
  38. package/dist/scss/colors/_light_tritanopia.scss +8 -2
  39. package/dist/ts/colors/dark.ts +12 -6
  40. package/dist/ts/colors/dark_colorblind.ts +12 -6
  41. package/dist/ts/colors/dark_dimmed.ts +12 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +10 -4
  43. package/dist/ts/colors/dark_tritanopia.ts +12 -6
  44. package/dist/ts/colors/light.ts +9 -3
  45. package/dist/ts/colors/light_colorblind.ts +9 -3
  46. package/dist/ts/colors/light_high_contrast.ts +9 -3
  47. package/dist/ts/colors/light_tritanopia.ts +9 -3
  48. package/package.json +1 -1
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +34 -20
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +34 -20
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +20 -6
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +54 -40
  53. package/tokens-next-private/css/functional/themes/dark.css +34 -20
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +22 -8
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +18 -4
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +42 -28
  57. package/tokens-next-private/css/functional/themes/light.css +22 -8
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +241 -150
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +123 -32
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +106 -11
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +249 -156
  62. package/tokens-next-private/docs/functional/themes/dark.json +123 -32
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +229 -130
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +109 -8
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +243 -142
  66. package/tokens-next-private/docs/functional/themes/light.json +115 -16
  67. package/tokens-next-private/js/functional/themes/dark-colorblind.js +21 -10
  68. package/tokens-next-private/js/functional/themes/dark-dimmed.js +21 -10
  69. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +14 -3
  70. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +31 -20
  71. package/tokens-next-private/js/functional/themes/dark.js +21 -10
  72. package/tokens-next-private/js/functional/themes/light-colorblind.js +15 -4
  73. package/tokens-next-private/js/functional/themes/light-high-contrast.js +13 -2
  74. package/tokens-next-private/js/functional/themes/light-tritanopia.js +25 -14
  75. package/tokens-next-private/js/functional/themes/light.js +15 -4
  76. package/tokens-next-private/json/functional/themes/dark-colorblind.json +21 -10
  77. package/tokens-next-private/json/functional/themes/dark-dimmed.json +21 -10
  78. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +14 -3
  79. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +31 -20
  80. package/tokens-next-private/json/functional/themes/dark.json +21 -10
  81. package/tokens-next-private/json/functional/themes/light-colorblind.json +15 -4
  82. package/tokens-next-private/json/functional/themes/light-high-contrast.json +13 -2
  83. package/tokens-next-private/json/functional/themes/light-tritanopia.json +25 -14
  84. package/tokens-next-private/json/functional/themes/light.json +15 -4
  85. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +17 -10
  86. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +17 -10
  87. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +10 -3
  88. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +27 -20
  89. package/tokens-next-private/scss/functional/themes/dark.scss +17 -10
  90. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +11 -4
  91. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +9 -2
  92. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +21 -14
  93. package/tokens-next-private/scss/functional/themes/light.scss +11 -4
  94. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +21 -10
  95. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +21 -10
  96. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +14 -3
  97. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +31 -20
  98. package/tokens-next-private/ts/functional/themes/dark.ts +21 -10
  99. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +15 -4
  100. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +13 -2
  101. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +25 -14
  102. package/tokens-next-private/ts/functional/themes/light.ts +15 -4
  103. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  104. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  105. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +12 -1
  106. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  107. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  108. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  109. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  110. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  111. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  112. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  113. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  115. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  116. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  119. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  120. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  124. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  125. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  126. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  128. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  130. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  133. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  134. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  137. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  138. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  142. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  143. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  144. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  145. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  146. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #0d6bd8;
117
117
  --button-primary-bgColor-active: #0b64ce;
118
118
  --button-primary-bgColor-disabled: #92caff;
119
- --button-primary-borderColor-rest: #d0d7decc;
120
- --button-primary-borderColor-hover: #d0d7decc;
121
- --button-primary-borderColor-disabled: #d0d7decc;
119
+ --button-primary-borderColor-rest: #1f232826;
120
+ --button-primary-borderColor-hover: #1f232826;
121
+ --button-primary-borderColor-disabled: #1f232826;
122
122
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
123
123
  --button-invisible-fgColor-rest: #0969da;
124
+ --button-invisible-fgColor-hover: #0969da;
124
125
  --button-invisible-fgColor-disabled: #8c959f;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #d0d7de;
155
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
156
157
  --buttonCounter-default-bgColor-rest: #eaeef280;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
158
+ --buttonCounter-primary-bgColor-rest: #002d1133;
158
159
  --buttonCounter-outline-bgColor-rest: #0969da1a;
159
160
  --buttonCounter-outline-bgColor-hover: #ffffff33;
160
161
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
162
+ --buttonCounter-outline-fgColor-rest: #0550ae;
163
+ --buttonCounter-outline-fgColor-hover: #ffffff;
164
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
161
165
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
166
  --buttonCounter-danger-bgColor-disabled: #bc4c000d;
163
167
  --buttonCounter-danger-bgColor-rest: #bc4c001a;
168
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #be4e0280;
164
171
  --focus-outlineColor: #0969da;
165
172
  --focus-outline: #0969da solid 2px;
166
173
  --menu-bgColor-active: #ffffff00;
@@ -506,11 +513,12 @@
506
513
  --button-primary-bgColor-hover: #0d6bd8;
507
514
  --button-primary-bgColor-active: #0b64ce;
508
515
  --button-primary-bgColor-disabled: #92caff;
509
- --button-primary-borderColor-rest: #d0d7decc;
510
- --button-primary-borderColor-hover: #d0d7decc;
511
- --button-primary-borderColor-disabled: #d0d7decc;
516
+ --button-primary-borderColor-rest: #1f232826;
517
+ --button-primary-borderColor-hover: #1f232826;
518
+ --button-primary-borderColor-disabled: #1f232826;
512
519
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
513
520
  --button-invisible-fgColor-rest: #0969da;
521
+ --button-invisible-fgColor-hover: #0969da;
514
522
  --button-invisible-fgColor-disabled: #8c959f;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #d0d7de;
545
553
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
546
554
  --buttonCounter-default-bgColor-rest: #eaeef280;
547
- --buttonCounter-primary-bgColor-rest: #ffffff33;
555
+ --buttonCounter-primary-bgColor-rest: #002d1133;
548
556
  --buttonCounter-outline-bgColor-rest: #0969da1a;
549
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
550
558
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
559
+ --buttonCounter-outline-fgColor-rest: #0550ae;
560
+ --buttonCounter-outline-fgColor-hover: #ffffff;
561
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
551
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
552
563
  --buttonCounter-danger-bgColor-disabled: #bc4c000d;
553
564
  --buttonCounter-danger-bgColor-rest: #bc4c001a;
565
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #be4e0280;
554
568
  --focus-outlineColor: #0969da;
555
569
  --focus-outline: #0969da solid 2px;
556
570
  --menu-bgColor-active: #ffffff00;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -118,9 +118,10 @@
118
118
  --button-primary-bgColor-disabled: #85cb97;
119
119
  --button-primary-borderColor-rest: #013d14;
120
120
  --button-primary-borderColor-hover: #013d14;
121
- --button-primary-borderColor-disabled: #88929dcc;
121
+ --button-primary-borderColor-disabled: #013d14;
122
122
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
123
123
  --button-invisible-fgColor-rest: #023b95;
124
+ --button-invisible-fgColor-hover: #023b95;
124
125
  --button-invisible-fgColor-disabled: #88929d;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #e7ecf0;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #20252c;
155
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
156
157
  --buttonCounter-default-bgColor-rest: #e7ecf0;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
158
+ --buttonCounter-primary-bgColor-rest: #00230b33;
158
159
  --buttonCounter-outline-bgColor-rest: #0349b41a;
159
160
  --buttonCounter-outline-bgColor-hover: #ffffff33;
160
161
  --buttonCounter-outline-bgColor-disabled: #0349b40d;
162
+ --buttonCounter-outline-fgColor-rest: #023b95;
163
+ --buttonCounter-outline-fgColor-hover: #ffffff;
164
+ --buttonCounter-outline-fgColor-disabled: #023b9580;
161
165
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
166
  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
163
167
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
168
+ --buttonCounter-danger-fgColor-rest: #980e1e;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #8a071e80;
164
171
  --focus-outlineColor: #0349b4;
165
172
  --focus-outline: #0349b4 solid 2px;
166
173
  --menu-bgColor-active: #ffffff00;
@@ -508,9 +515,10 @@
508
515
  --button-primary-bgColor-disabled: #85cb97;
509
516
  --button-primary-borderColor-rest: #013d14;
510
517
  --button-primary-borderColor-hover: #013d14;
511
- --button-primary-borderColor-disabled: #88929dcc;
518
+ --button-primary-borderColor-disabled: #013d14;
512
519
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
513
520
  --button-invisible-fgColor-rest: #023b95;
521
+ --button-invisible-fgColor-hover: #023b95;
514
522
  --button-invisible-fgColor-disabled: #88929d;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #e7ecf0;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #20252c;
545
553
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
546
554
  --buttonCounter-default-bgColor-rest: #e7ecf0;
547
- --buttonCounter-primary-bgColor-rest: #ffffff33;
555
+ --buttonCounter-primary-bgColor-rest: #00230b33;
548
556
  --buttonCounter-outline-bgColor-rest: #0349b41a;
549
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
550
558
  --buttonCounter-outline-bgColor-disabled: #0349b40d;
559
+ --buttonCounter-outline-fgColor-rest: #023b95;
560
+ --buttonCounter-outline-fgColor-hover: #ffffff;
561
+ --buttonCounter-outline-fgColor-disabled: #023b9580;
551
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
552
563
  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
553
564
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
565
+ --buttonCounter-danger-fgColor-rest: #980e1e;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #8a071e80;
554
568
  --focus-outlineColor: #0349b4;
555
569
  --focus-outline: #0349b4 solid 2px;
556
570
  --menu-bgColor-active: #ffffff00;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #0d6bd8;
117
117
  --button-primary-bgColor-active: #0b64ce;
118
118
  --button-primary-bgColor-disabled: #92caff;
119
- --button-primary-borderColor-rest: #d0d7decc;
120
- --button-primary-borderColor-hover: #d0d7decc;
121
- --button-primary-borderColor-disabled: #d0d7decc;
119
+ --button-primary-borderColor-rest: #1f232826;
120
+ --button-primary-borderColor-hover: #1f232826;
121
+ --button-primary-borderColor-disabled: #1f232826;
122
122
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
123
123
  --button-invisible-fgColor-rest: #0969da;
124
+ --button-invisible-fgColor-hover: #0969da;
124
125
  --button-invisible-fgColor-disabled: #8c959f;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #d0d7de;
155
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
156
157
  --buttonCounter-default-bgColor-rest: #eaeef280;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
158
+ --buttonCounter-primary-bgColor-rest: #002d1133;
158
159
  --buttonCounter-outline-bgColor-rest: #0969da1a;
159
160
  --buttonCounter-outline-bgColor-hover: #ffffff33;
160
161
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
162
+ --buttonCounter-outline-fgColor-rest: #0550ae;
163
+ --buttonCounter-outline-fgColor-hover: #ffffff;
164
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
161
165
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
166
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
163
167
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
168
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #d1242f80;
164
171
  --focus-outlineColor: #0969da;
165
172
  --focus-outline: #0969da solid 2px;
166
173
  --menu-bgColor-active: #ffffff00;
@@ -186,8 +193,8 @@
186
193
  --fgColor-attention: #9a6700;
187
194
  --fgColor-severe: #cf222e;
188
195
  --fgColor-danger: #d1242f;
189
- --fgColor-open: #0969da;
190
- --fgColor-closed: #d1242f;
196
+ --fgColor-open: #cf222e;
197
+ --fgColor-closed: #6e7781;
191
198
  --fgColor-done: #8250df;
192
199
  --fgColor-sponsors: #bf3989;
193
200
  --bgColor-default: #ffffff;
@@ -206,10 +213,10 @@
206
213
  --bgColor-severe-emphasis: #cf222e;
207
214
  --bgColor-danger-muted: #ffebe9;
208
215
  --bgColor-danger-emphasis: #cf222e;
209
- --bgColor-open-muted: #ddf4ff;
210
- --bgColor-open-emphasis: #0f72e3;
211
- --bgColor-closed-muted: #ffebe9;
212
- --bgColor-closed-emphasis: #cf222e;
216
+ --bgColor-open-muted: #ffebe9;
217
+ --bgColor-open-emphasis: #cf222e;
218
+ --bgColor-closed-muted: #f6f8fa;
219
+ --bgColor-closed-emphasis: #6e7781;
213
220
  --bgColor-done-muted: #fbefff;
214
221
  --bgColor-done-emphasis: #8250df;
215
222
  --bgColor-sponsors-muted: #ffeff7;
@@ -230,10 +237,10 @@
230
237
  --borderColor-severe-emphasis: #cf222e;
231
238
  --borderColor-danger-muted: #ff818266;
232
239
  --borderColor-danger-emphasis: #cf222e;
233
- --borderColor-open-muted: #54aeff66;
234
- --borderColor-open-emphasis: #218bff;
235
- --borderColor-closed-muted: #ff818266;
236
- --borderColor-closed-emphasis: #cf222e;
240
+ --borderColor-open-muted: #ff818266;
241
+ --borderColor-open-emphasis: #cf222e;
242
+ --borderColor-closed-muted: #afb8c166;
243
+ --borderColor-closed-emphasis: #6e7781;
237
244
  --borderColor-done-muted: #c297ff66;
238
245
  --borderColor-done-emphasis: #8250df;
239
246
  --borderColor-sponsors-muted: #ff80c866;
@@ -506,11 +513,12 @@
506
513
  --button-primary-bgColor-hover: #0d6bd8;
507
514
  --button-primary-bgColor-active: #0b64ce;
508
515
  --button-primary-bgColor-disabled: #92caff;
509
- --button-primary-borderColor-rest: #d0d7decc;
510
- --button-primary-borderColor-hover: #d0d7decc;
511
- --button-primary-borderColor-disabled: #d0d7decc;
516
+ --button-primary-borderColor-rest: #1f232826;
517
+ --button-primary-borderColor-hover: #1f232826;
518
+ --button-primary-borderColor-disabled: #1f232826;
512
519
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
513
520
  --button-invisible-fgColor-rest: #0969da;
521
+ --button-invisible-fgColor-hover: #0969da;
514
522
  --button-invisible-fgColor-disabled: #8c959f;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #d0d7de;
545
553
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
546
554
  --buttonCounter-default-bgColor-rest: #eaeef280;
547
- --buttonCounter-primary-bgColor-rest: #ffffff33;
555
+ --buttonCounter-primary-bgColor-rest: #002d1133;
548
556
  --buttonCounter-outline-bgColor-rest: #0969da1a;
549
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
550
558
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
559
+ --buttonCounter-outline-fgColor-rest: #0550ae;
560
+ --buttonCounter-outline-fgColor-hover: #ffffff;
561
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
551
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
552
563
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
553
564
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
565
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #d1242f80;
554
568
  --focus-outlineColor: #0969da;
555
569
  --focus-outline: #0969da solid 2px;
556
570
  --menu-bgColor-active: #ffffff00;
@@ -576,8 +590,8 @@
576
590
  --fgColor-attention: #9a6700;
577
591
  --fgColor-severe: #cf222e;
578
592
  --fgColor-danger: #d1242f;
579
- --fgColor-open: #0969da;
580
- --fgColor-closed: #d1242f;
593
+ --fgColor-open: #cf222e;
594
+ --fgColor-closed: #6e7781;
581
595
  --fgColor-done: #8250df;
582
596
  --fgColor-sponsors: #bf3989;
583
597
  --bgColor-default: #ffffff;
@@ -596,10 +610,10 @@
596
610
  --bgColor-severe-emphasis: #cf222e;
597
611
  --bgColor-danger-muted: #ffebe9;
598
612
  --bgColor-danger-emphasis: #cf222e;
599
- --bgColor-open-muted: #ddf4ff;
600
- --bgColor-open-emphasis: #0f72e3;
601
- --bgColor-closed-muted: #ffebe9;
602
- --bgColor-closed-emphasis: #cf222e;
613
+ --bgColor-open-muted: #ffebe9;
614
+ --bgColor-open-emphasis: #cf222e;
615
+ --bgColor-closed-muted: #f6f8fa;
616
+ --bgColor-closed-emphasis: #6e7781;
603
617
  --bgColor-done-muted: #fbefff;
604
618
  --bgColor-done-emphasis: #8250df;
605
619
  --bgColor-sponsors-muted: #ffeff7;
@@ -620,10 +634,10 @@
620
634
  --borderColor-severe-emphasis: #cf222e;
621
635
  --borderColor-danger-muted: #ff818266;
622
636
  --borderColor-danger-emphasis: #cf222e;
623
- --borderColor-open-muted: #54aeff66;
624
- --borderColor-open-emphasis: #218bff;
625
- --borderColor-closed-muted: #ff818266;
626
- --borderColor-closed-emphasis: #cf222e;
637
+ --borderColor-open-muted: #ff818266;
638
+ --borderColor-open-emphasis: #cf222e;
639
+ --borderColor-closed-muted: #afb8c166;
640
+ --borderColor-closed-emphasis: #6e7781;
627
641
  --borderColor-done-muted: #c297ff66;
628
642
  --borderColor-done-emphasis: #8250df;
629
643
  --borderColor-sponsors-muted: #ff80c866;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #1c8139;
117
117
  --button-primary-bgColor-active: #197935;
118
118
  --button-primary-bgColor-disabled: #95d8a6;
119
- --button-primary-borderColor-rest: #d0d7decc;
120
- --button-primary-borderColor-hover: #d0d7decc;
121
- --button-primary-borderColor-disabled: #d0d7decc;
119
+ --button-primary-borderColor-rest: #1f232826;
120
+ --button-primary-borderColor-hover: #1f232826;
121
+ --button-primary-borderColor-disabled: #1f232826;
122
122
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
123
123
  --button-invisible-fgColor-rest: #0969da;
124
+ --button-invisible-fgColor-hover: #0969da;
124
125
  --button-invisible-fgColor-disabled: #8c959f;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #d0d7de;
155
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
156
157
  --buttonCounter-default-bgColor-rest: #eaeef280;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
158
+ --buttonCounter-primary-bgColor-rest: #002d1133;
158
159
  --buttonCounter-outline-bgColor-rest: #0969da1a;
159
160
  --buttonCounter-outline-bgColor-hover: #ffffff33;
160
161
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
162
+ --buttonCounter-outline-fgColor-rest: #0550ae;
163
+ --buttonCounter-outline-fgColor-hover: #ffffff;
164
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
161
165
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
166
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
163
167
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
168
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #d1242f80;
164
171
  --focus-outlineColor: #0969da;
165
172
  --focus-outline: #0969da solid 2px;
166
173
  --menu-bgColor-active: #ffffff00;
@@ -506,11 +513,12 @@
506
513
  --button-primary-bgColor-hover: #1c8139;
507
514
  --button-primary-bgColor-active: #197935;
508
515
  --button-primary-bgColor-disabled: #95d8a6;
509
- --button-primary-borderColor-rest: #d0d7decc;
510
- --button-primary-borderColor-hover: #d0d7decc;
511
- --button-primary-borderColor-disabled: #d0d7decc;
516
+ --button-primary-borderColor-rest: #1f232826;
517
+ --button-primary-borderColor-hover: #1f232826;
518
+ --button-primary-borderColor-disabled: #1f232826;
512
519
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
513
520
  --button-invisible-fgColor-rest: #0969da;
521
+ --button-invisible-fgColor-hover: #0969da;
514
522
  --button-invisible-fgColor-disabled: #8c959f;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #d0d7de;
545
553
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
546
554
  --buttonCounter-default-bgColor-rest: #eaeef280;
547
- --buttonCounter-primary-bgColor-rest: #ffffff33;
555
+ --buttonCounter-primary-bgColor-rest: #002d1133;
548
556
  --buttonCounter-outline-bgColor-rest: #0969da1a;
549
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
550
558
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
559
+ --buttonCounter-outline-fgColor-rest: #0550ae;
560
+ --buttonCounter-outline-fgColor-hover: #ffffff;
561
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
551
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
552
563
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
553
564
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
565
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #d1242f80;
554
568
  --focus-outlineColor: #0969da;
555
569
  --focus-outline: #0969da solid 2px;
556
570
  --menu-bgColor-active: #ffffff00;