@primer/primitives 7.11.14-rc.ca761aa → 7.11.14

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 (140) hide show
  1. package/package.json +2 -2
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -32
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -32
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -28
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +38 -32
  6. package/tokens-next-private/css/functional/themes/dark.css +38 -32
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +12 -6
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +26 -20
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +12 -6
  10. package/tokens-next-private/css/functional/themes/light.css +12 -6
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +61 -22
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +61 -22
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +59 -20
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +61 -22
  15. package/tokens-next-private/docs/functional/themes/dark.json +61 -22
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +45 -6
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +54 -15
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +45 -6
  19. package/tokens-next-private/docs/functional/themes/light.json +45 -6
  20. package/tokens-next-private/fallbacks/color-fallbacks.json +6 -6
  21. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -16
  22. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -16
  23. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -14
  24. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +19 -16
  25. package/tokens-next-private/scss/functional/themes/dark.scss +19 -16
  26. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +6 -3
  27. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +13 -10
  28. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +6 -3
  29. package/tokens-next-private/scss/functional/themes/light.scss +6 -3
  30. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  31. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  32. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  33. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  34. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  35. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  38. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  39. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  40. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  41. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  42. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  43. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  44. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  45. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  47. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  48. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  49. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  50. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  51. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  52. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  53. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  54. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  55. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  56. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  57. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  58. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  59. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  60. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  61. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  62. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  63. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  65. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  66. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  67. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  68. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  69. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  83. package/tokens-next-private/js/base/size/size.js +0 -23
  84. package/tokens-next-private/js/base/typography/typography.js +0 -12
  85. package/tokens-next-private/js/functional/size/border.js +0 -24
  86. package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
  87. package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
  88. package/tokens-next-private/js/functional/size/size-fine.js +0 -19
  89. package/tokens-next-private/js/functional/size/size.js +0 -93
  90. package/tokens-next-private/js/functional/size/viewport.js +0 -10
  91. package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
  92. package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
  93. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
  94. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
  95. package/tokens-next-private/js/functional/themes/dark.js +0 -745
  96. package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
  97. package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
  98. package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
  99. package/tokens-next-private/js/functional/themes/light.js +0 -743
  100. package/tokens-next-private/js/functional/typography/typography.js +0 -79
  101. package/tokens-next-private/json/base/size/size.json +0 -23
  102. package/tokens-next-private/json/base/typography/typography.json +0 -12
  103. package/tokens-next-private/json/functional/size/border.json +0 -24
  104. package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
  105. package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
  106. package/tokens-next-private/json/functional/size/size-fine.json +0 -19
  107. package/tokens-next-private/json/functional/size/size.json +0 -93
  108. package/tokens-next-private/json/functional/size/viewport.json +0 -10
  109. package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
  110. package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
  111. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
  112. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
  113. package/tokens-next-private/json/functional/themes/dark.json +0 -745
  114. package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
  115. package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
  116. package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
  117. package/tokens-next-private/json/functional/themes/light.json +0 -743
  118. package/tokens-next-private/json/functional/typography/typography.json +0 -79
  119. package/tokens-next-private/ts/base/size/size.ts +0 -23
  120. package/tokens-next-private/ts/base/typography/typography.ts +0 -12
  121. package/tokens-next-private/ts/functional/size/border.ts +0 -24
  122. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
  123. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
  124. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
  125. package/tokens-next-private/ts/functional/size/size.ts +0 -93
  126. package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
  127. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
  128. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
  129. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
  130. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
  131. package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
  132. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
  133. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
  134. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
  135. package/tokens-next-private/ts/functional/themes/light.ts +0 -743
  136. package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
  137. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
  138. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
  139. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
  140. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -49,14 +49,14 @@
49
49
  --control-bgColor-rest: #21262d;
50
50
  --control-bgColor-hover: #292e36;
51
51
  --control-bgColor-active: #31363e;
52
- --control-bgColor-disabled: #484f58;
52
+ --control-bgColor-disabled: #161b22;
53
53
  --control-bgColor-selected: #161b22;
54
54
  --control-fgColor-rest: #c9d1d9;
55
55
  --control-fgColor-placeholder: #484f58;
56
- --control-fgColor-disabled: #484f58;
56
+ --control-fgColor-disabled: #8b949e;
57
57
  --control-borderColor-rest: #30363d;
58
58
  --control-borderColor-emphasis: #666e79;
59
- --control-borderColor-disabled: #30363d;
59
+ --control-borderColor-disabled: #161b22;
60
60
  --control-borderColor-selected: #f0f6fc;
61
61
  --control-borderColor-success: #238636;
62
62
  --control-borderColor-danger: #da3633;
@@ -77,26 +77,26 @@
77
77
  --control-checked-bgColor-rest: #1f6feb;
78
78
  --control-checked-bgColor-hover: #2a7aef;
79
79
  --control-checked-bgColor-active: #3685f3;
80
- --control-checked-bgColor-disabled: #484f58;
80
+ --control-checked-bgColor-disabled: #8b949e;
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #1f6feb;
84
84
  --control-checked-borderColor-hover: #2a7aef;
85
85
  --control-checked-borderColor-active: #3685f3;
86
- --control-checked-borderColor-disabled: #484f58;
86
+ --control-checked-borderColor-disabled: #8b949e;
87
87
  --controlTrack-bgColor-rest: #21262d;
88
88
  --controlTrack-bgColor-hover: #292e36;
89
89
  --controlTrack-bgColor-active: #31363e;
90
- --controlTrack-bgColor-disabled: #484f58;
90
+ --controlTrack-bgColor-disabled: #8b949e;
91
91
  --controlTrack-fgColor-rest: #7d8590;
92
92
  --controlTrack-fgColor-disabled: #7d8590;
93
93
  --controlTrack-borderColor-rest: #00000000;
94
- --controlTrack-borderColor-disabled: #484f58;
94
+ --controlTrack-borderColor-disabled: #8b949e;
95
95
  --controlKnob-bgColor-rest: #010409;
96
- --controlKnob-bgColor-disabled: #484f58;
96
+ --controlKnob-bgColor-disabled: #161b22;
97
97
  --controlKnob-bgColor-checked: #ffffff;
98
98
  --controlKnob-borderColor-rest: #666e79;
99
- --controlKnob-borderColor-disabled: #484f58;
99
+ --controlKnob-borderColor-disabled: #161b22;
100
100
  --controlKnob-borderColor-checked: #1f6feb;
101
101
  --counter-borderColor: #00000000;
102
102
  --button-default-fgColor-rest: #c9d1d9;
@@ -104,9 +104,11 @@
104
104
  --button-default-bgColor-hover: #292e36;
105
105
  --button-default-bgColor-active: #31363e;
106
106
  --button-default-bgColor-selected: #31363e;
107
+ --button-default-bgColor-disabled: #161b22;
107
108
  --button-default-borderColor-rest: #30363d;
108
109
  --button-default-borderColor-hover: #30363d;
109
110
  --button-default-borderColor-active: #30363d;
111
+ --button-default-borderColor-disabled: #161b22;
110
112
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
111
113
  --button-default-shadow-inset: 0px 0px 0px 0px #000000;
112
114
  --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
118
120
  --button-primary-bgColor-disabled: #46bf57;
119
121
  --button-primary-borderColor-rest: #f0f6fc1a;
120
122
  --button-primary-borderColor-hover: #f0f6fc1a;
121
- --button-primary-borderColor-disabled: #f0f6fc1a;
123
+ --button-primary-borderColor-disabled: #46bf57;
122
124
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
123
125
  --button-invisible-fgColor-rest: #2f81f7;
124
126
  --button-invisible-fgColor-hover: #58a6ff;
125
- --button-invisible-fgColor-disabled: #484f58;
127
+ --button-invisible-fgColor-disabled: #8b949e;
126
128
  --button-invisible-bgColor-rest: #00000000;
127
129
  --button-invisible-bgColor-hover: #b1bac41f;
128
130
  --button-invisible-bgColor-active: #b1bac433;
129
- --button-invisible-bgColor-disabled: #00000000;
131
+ --button-invisible-bgColor-disabled: #161b22;
130
132
  --button-invisible-borderColor-rest: #00000000;
131
133
  --button-invisible-borderColor-hover: #00000000;
134
+ --button-invisible-borderColor-disabled: #161b22;
132
135
  --button-outline-fgColor-rest: #388bfd;
133
136
  --button-outline-fgColor-hover: #58a6ff;
134
137
  --button-outline-fgColor-active: #ffffff;
@@ -149,7 +152,7 @@
149
152
  --button-danger-bgColor-rest: #21262d;
150
153
  --button-danger-bgColor-hover: #b62324;
151
154
  --button-danger-bgColor-active: #d03533;
152
- --button-danger-bgColor-disabled: #21262d;
155
+ --button-danger-bgColor-disabled: #161b22;
153
156
  --button-danger-borderColor-rest: #30363d;
154
157
  --button-danger-borderColor-hover: #b62324;
155
158
  --button-danger-borderColor-active: #d03533;
@@ -184,7 +187,7 @@
184
187
  --fgColor-default: #e6edf3;
185
188
  --fgColor-muted: #7d8590;
186
189
  --fgColor-onEmphasis: #ffffff;
187
- --fgColor-disabled: #484f58;
190
+ --fgColor-disabled: #8b949e;
188
191
  --fgColor-link-rest: #2f81f7;
189
192
  --fgColor-accent: #2f81f7;
190
193
  --fgColor-success: #3fb950;
@@ -198,7 +201,7 @@
198
201
  --bgColor-default: #0d1117;
199
202
  --bgColor-muted: #161b22;
200
203
  --bgColor-emphasis: #6e7681;
201
- --bgColor-disabled: #484f58;
204
+ --bgColor-disabled: #161b22;
202
205
  --bgColor-transparent: #00000000;
203
206
  --bgColor-neutral-muted: #6e768126;
204
207
  --bgColor-neutral-emphasis: #6e7681;
@@ -223,7 +226,7 @@
223
226
  --borderColor-default: #30363d;
224
227
  --borderColor-muted: #30363d66;
225
228
  --borderColor-emphasis: #484f58;
226
- --borderColor-disabled: #30363d;
229
+ --borderColor-disabled: #161b22;
227
230
  --borderColor-transparent: #00000000;
228
231
  --borderColor-neutral-muted: #6e768166;
229
232
  --borderColor-neutral-emphasis: #6e7681;
@@ -447,14 +450,14 @@
447
450
  --control-bgColor-rest: #21262d;
448
451
  --control-bgColor-hover: #292e36;
449
452
  --control-bgColor-active: #31363e;
450
- --control-bgColor-disabled: #484f58;
453
+ --control-bgColor-disabled: #161b22;
451
454
  --control-bgColor-selected: #161b22;
452
455
  --control-fgColor-rest: #c9d1d9;
453
456
  --control-fgColor-placeholder: #484f58;
454
- --control-fgColor-disabled: #484f58;
457
+ --control-fgColor-disabled: #8b949e;
455
458
  --control-borderColor-rest: #30363d;
456
459
  --control-borderColor-emphasis: #666e79;
457
- --control-borderColor-disabled: #30363d;
460
+ --control-borderColor-disabled: #161b22;
458
461
  --control-borderColor-selected: #f0f6fc;
459
462
  --control-borderColor-success: #238636;
460
463
  --control-borderColor-danger: #da3633;
@@ -475,26 +478,26 @@
475
478
  --control-checked-bgColor-rest: #1f6feb;
476
479
  --control-checked-bgColor-hover: #2a7aef;
477
480
  --control-checked-bgColor-active: #3685f3;
478
- --control-checked-bgColor-disabled: #484f58;
481
+ --control-checked-bgColor-disabled: #8b949e;
479
482
  --control-checked-fgColor-rest: #ffffff;
480
483
  --control-checked-fgColor-disabled: #010409;
481
484
  --control-checked-borderColor-rest: #1f6feb;
482
485
  --control-checked-borderColor-hover: #2a7aef;
483
486
  --control-checked-borderColor-active: #3685f3;
484
- --control-checked-borderColor-disabled: #484f58;
487
+ --control-checked-borderColor-disabled: #8b949e;
485
488
  --controlTrack-bgColor-rest: #21262d;
486
489
  --controlTrack-bgColor-hover: #292e36;
487
490
  --controlTrack-bgColor-active: #31363e;
488
- --controlTrack-bgColor-disabled: #484f58;
491
+ --controlTrack-bgColor-disabled: #8b949e;
489
492
  --controlTrack-fgColor-rest: #7d8590;
490
493
  --controlTrack-fgColor-disabled: #7d8590;
491
494
  --controlTrack-borderColor-rest: #00000000;
492
- --controlTrack-borderColor-disabled: #484f58;
495
+ --controlTrack-borderColor-disabled: #8b949e;
493
496
  --controlKnob-bgColor-rest: #010409;
494
- --controlKnob-bgColor-disabled: #484f58;
497
+ --controlKnob-bgColor-disabled: #161b22;
495
498
  --controlKnob-bgColor-checked: #ffffff;
496
499
  --controlKnob-borderColor-rest: #666e79;
497
- --controlKnob-borderColor-disabled: #484f58;
500
+ --controlKnob-borderColor-disabled: #161b22;
498
501
  --controlKnob-borderColor-checked: #1f6feb;
499
502
  --counter-borderColor: #00000000;
500
503
  --button-default-fgColor-rest: #c9d1d9;
@@ -502,9 +505,11 @@
502
505
  --button-default-bgColor-hover: #292e36;
503
506
  --button-default-bgColor-active: #31363e;
504
507
  --button-default-bgColor-selected: #31363e;
508
+ --button-default-bgColor-disabled: #161b22;
505
509
  --button-default-borderColor-rest: #30363d;
506
510
  --button-default-borderColor-hover: #30363d;
507
511
  --button-default-borderColor-active: #30363d;
512
+ --button-default-borderColor-disabled: #161b22;
508
513
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
509
514
  --button-default-shadow-inset: 0px 0px 0px 0px #000000;
510
515
  --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
516
521
  --button-primary-bgColor-disabled: #46bf57;
517
522
  --button-primary-borderColor-rest: #f0f6fc1a;
518
523
  --button-primary-borderColor-hover: #f0f6fc1a;
519
- --button-primary-borderColor-disabled: #f0f6fc1a;
524
+ --button-primary-borderColor-disabled: #46bf57;
520
525
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
521
526
  --button-invisible-fgColor-rest: #2f81f7;
522
527
  --button-invisible-fgColor-hover: #58a6ff;
523
- --button-invisible-fgColor-disabled: #484f58;
528
+ --button-invisible-fgColor-disabled: #8b949e;
524
529
  --button-invisible-bgColor-rest: #00000000;
525
530
  --button-invisible-bgColor-hover: #b1bac41f;
526
531
  --button-invisible-bgColor-active: #b1bac433;
527
- --button-invisible-bgColor-disabled: #00000000;
532
+ --button-invisible-bgColor-disabled: #161b22;
528
533
  --button-invisible-borderColor-rest: #00000000;
529
534
  --button-invisible-borderColor-hover: #00000000;
535
+ --button-invisible-borderColor-disabled: #161b22;
530
536
  --button-outline-fgColor-rest: #388bfd;
531
537
  --button-outline-fgColor-hover: #58a6ff;
532
538
  --button-outline-fgColor-active: #ffffff;
@@ -547,7 +553,7 @@
547
553
  --button-danger-bgColor-rest: #21262d;
548
554
  --button-danger-bgColor-hover: #b62324;
549
555
  --button-danger-bgColor-active: #d03533;
550
- --button-danger-bgColor-disabled: #21262d;
556
+ --button-danger-bgColor-disabled: #161b22;
551
557
  --button-danger-borderColor-rest: #30363d;
552
558
  --button-danger-borderColor-hover: #b62324;
553
559
  --button-danger-borderColor-active: #d03533;
@@ -582,7 +588,7 @@
582
588
  --fgColor-default: #e6edf3;
583
589
  --fgColor-muted: #7d8590;
584
590
  --fgColor-onEmphasis: #ffffff;
585
- --fgColor-disabled: #484f58;
591
+ --fgColor-disabled: #8b949e;
586
592
  --fgColor-link-rest: #2f81f7;
587
593
  --fgColor-accent: #2f81f7;
588
594
  --fgColor-success: #3fb950;
@@ -596,7 +602,7 @@
596
602
  --bgColor-default: #0d1117;
597
603
  --bgColor-muted: #161b22;
598
604
  --bgColor-emphasis: #6e7681;
599
- --bgColor-disabled: #484f58;
605
+ --bgColor-disabled: #161b22;
600
606
  --bgColor-transparent: #00000000;
601
607
  --bgColor-neutral-muted: #6e768126;
602
608
  --bgColor-neutral-emphasis: #6e7681;
@@ -621,7 +627,7 @@
621
627
  --borderColor-default: #30363d;
622
628
  --borderColor-muted: #30363d66;
623
629
  --borderColor-emphasis: #484f58;
624
- --borderColor-disabled: #30363d;
630
+ --borderColor-disabled: #161b22;
625
631
  --borderColor-transparent: #00000000;
626
632
  --borderColor-neutral-muted: #6e768166;
627
633
  --borderColor-neutral-emphasis: #6e7681;
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -56,7 +56,7 @@
56
56
  --control-fgColor-disabled: #8c959f;
57
57
  --control-borderColor-rest: #d0d7de;
58
58
  --control-borderColor-emphasis: #868f99;
59
- --control-borderColor-disabled: #d0d7de;
59
+ --control-borderColor-disabled: #f6f8fa;
60
60
  --control-borderColor-selected: #f6f8fa;
61
61
  --control-borderColor-success: #218bff;
62
62
  --control-borderColor-danger: #bc4c00;
@@ -104,9 +104,11 @@
104
104
  --button-default-bgColor-hover: #eef1f4;
105
105
  --button-default-bgColor-active: #e7ebef;
106
106
  --button-default-bgColor-selected: #e7ebef;
107
+ --button-default-bgColor-disabled: #f6f8fa;
107
108
  --button-default-borderColor-rest: #d0d7de;
108
109
  --button-default-borderColor-hover: #d0d7de;
109
110
  --button-default-borderColor-active: #d0d7de;
111
+ --button-default-borderColor-disabled: #f6f8fa;
110
112
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
111
113
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
112
114
  --button-primary-fgColor-rest: #ffffff;
@@ -118,7 +120,7 @@
118
120
  --button-primary-bgColor-disabled: #92caff;
119
121
  --button-primary-borderColor-rest: #1f232826;
120
122
  --button-primary-borderColor-hover: #1f232826;
121
- --button-primary-borderColor-disabled: #1f232826;
123
+ --button-primary-borderColor-disabled: #92caff;
122
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
123
125
  --button-invisible-fgColor-rest: #0969da;
124
126
  --button-invisible-fgColor-hover: #0969da;
@@ -129,6 +131,7 @@
129
131
  --button-invisible-bgColor-disabled: #f6f8fa;
130
132
  --button-invisible-borderColor-rest: #ffffff00;
131
133
  --button-invisible-borderColor-hover: #ffffff00;
134
+ --button-invisible-borderColor-disabled: #f6f8fa;
132
135
  --button-outline-fgColor-rest: #0969da;
133
136
  --button-outline-fgColor-hover: #ffffff;
134
137
  --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
224
227
  --borderColor-default: #d0d7de;
225
228
  --borderColor-muted: #d0d7de66;
226
229
  --borderColor-emphasis: #6e7781;
227
- --borderColor-disabled: #d0d7de;
230
+ --borderColor-disabled: #f6f8fa;
228
231
  --borderColor-transparent: #ffffff00;
229
232
  --borderColor-neutral-muted: #afb8c133;
230
233
  --borderColor-neutral-emphasis: #6e7781;
@@ -454,7 +457,7 @@
454
457
  --control-fgColor-disabled: #8c959f;
455
458
  --control-borderColor-rest: #d0d7de;
456
459
  --control-borderColor-emphasis: #868f99;
457
- --control-borderColor-disabled: #d0d7de;
460
+ --control-borderColor-disabled: #f6f8fa;
458
461
  --control-borderColor-selected: #f6f8fa;
459
462
  --control-borderColor-success: #218bff;
460
463
  --control-borderColor-danger: #bc4c00;
@@ -502,9 +505,11 @@
502
505
  --button-default-bgColor-hover: #eef1f4;
503
506
  --button-default-bgColor-active: #e7ebef;
504
507
  --button-default-bgColor-selected: #e7ebef;
508
+ --button-default-bgColor-disabled: #f6f8fa;
505
509
  --button-default-borderColor-rest: #d0d7de;
506
510
  --button-default-borderColor-hover: #d0d7de;
507
511
  --button-default-borderColor-active: #d0d7de;
512
+ --button-default-borderColor-disabled: #f6f8fa;
508
513
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
509
514
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
510
515
  --button-primary-fgColor-rest: #ffffff;
@@ -516,7 +521,7 @@
516
521
  --button-primary-bgColor-disabled: #92caff;
517
522
  --button-primary-borderColor-rest: #1f232826;
518
523
  --button-primary-borderColor-hover: #1f232826;
519
- --button-primary-borderColor-disabled: #1f232826;
524
+ --button-primary-borderColor-disabled: #92caff;
520
525
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
521
526
  --button-invisible-fgColor-rest: #0969da;
522
527
  --button-invisible-fgColor-hover: #0969da;
@@ -527,6 +532,7 @@
527
532
  --button-invisible-bgColor-disabled: #f6f8fa;
528
533
  --button-invisible-borderColor-rest: #ffffff00;
529
534
  --button-invisible-borderColor-hover: #ffffff00;
535
+ --button-invisible-borderColor-disabled: #f6f8fa;
530
536
  --button-outline-fgColor-rest: #0969da;
531
537
  --button-outline-fgColor-hover: #ffffff;
532
538
  --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
622
628
  --borderColor-default: #d0d7de;
623
629
  --borderColor-muted: #d0d7de66;
624
630
  --borderColor-emphasis: #6e7781;
625
- --borderColor-disabled: #d0d7de;
631
+ --borderColor-disabled: #f6f8fa;
626
632
  --borderColor-transparent: #ffffff00;
627
633
  --borderColor-neutral-muted: #afb8c133;
628
634
  --borderColor-neutral-emphasis: #6e7781;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -53,10 +53,10 @@
53
53
  --control-bgColor-selected: #acb6c0;
54
54
  --control-fgColor-rest: #0e1116;
55
55
  --control-fgColor-placeholder: #66707b;
56
- --control-fgColor-disabled: #88929d;
56
+ --control-fgColor-disabled: #4b535d;
57
57
  --control-borderColor-rest: #20252c;
58
58
  --control-borderColor-emphasis: #20252c;
59
- --control-borderColor-disabled: #20252c;
59
+ --control-borderColor-disabled: #e7ecf0;
60
60
  --control-borderColor-selected: #ffffff;
61
61
  --control-borderColor-success: #055d20;
62
62
  --control-borderColor-danger: #a0111f;
@@ -77,21 +77,21 @@
77
77
  --control-checked-bgColor-rest: #0349b4;
78
78
  --control-checked-bgColor-hover: #0344a8;
79
79
  --control-checked-bgColor-active: #033f9d;
80
- --control-checked-bgColor-disabled: #88929d;
80
+ --control-checked-bgColor-disabled: #4b535d;
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0349b4;
84
84
  --control-checked-borderColor-hover: #0344a8;
85
85
  --control-checked-borderColor-active: #033f9d;
86
- --control-checked-borderColor-disabled: #88929d;
86
+ --control-checked-borderColor-disabled: #4b535d;
87
87
  --controlTrack-bgColor-rest: #acb6c0;
88
88
  --controlTrack-bgColor-hover: #9ea8b2;
89
89
  --controlTrack-bgColor-active: #909aa4;
90
- --controlTrack-bgColor-disabled: #88929d;
90
+ --controlTrack-bgColor-disabled: #4b535d;
91
91
  --controlTrack-fgColor-rest: #010409;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
93
  --controlTrack-borderColor-rest: #ffffff00;
94
- --controlTrack-borderColor-disabled: #88929d;
94
+ --controlTrack-borderColor-disabled: #4b535d;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #e7ecf0;
97
97
  --controlKnob-bgColor-checked: #ffffff;
@@ -104,9 +104,11 @@
104
104
  --button-default-bgColor-hover: #dbe1e6;
105
105
  --button-default-bgColor-active: #cfd6dd;
106
106
  --button-default-bgColor-selected: #cfd6dd;
107
+ --button-default-bgColor-disabled: #e7ecf0;
107
108
  --button-default-borderColor-rest: #20252c;
108
109
  --button-default-borderColor-hover: #20252c;
109
110
  --button-default-borderColor-active: #20252c;
111
+ --button-default-borderColor-disabled: #e7ecf0;
110
112
  --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
111
113
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
112
114
  --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
118
120
  --button-primary-bgColor-disabled: #85cb97;
119
121
  --button-primary-borderColor-rest: #013d14;
120
122
  --button-primary-borderColor-hover: #013d14;
121
- --button-primary-borderColor-disabled: #013d14;
123
+ --button-primary-borderColor-disabled: #85cb97;
122
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
123
125
  --button-invisible-fgColor-rest: #023b95;
124
126
  --button-invisible-fgColor-hover: #023b95;
125
- --button-invisible-fgColor-disabled: #88929d;
127
+ --button-invisible-fgColor-disabled: #4b535d;
126
128
  --button-invisible-bgColor-rest: #ffffff00;
127
129
  --button-invisible-bgColor-hover: #e7ecf0;
128
130
  --button-invisible-bgColor-active: #ced5dc;
129
131
  --button-invisible-bgColor-disabled: #e7ecf0;
130
132
  --button-invisible-borderColor-rest: #ffffff00;
131
133
  --button-invisible-borderColor-hover: #20252c;
134
+ --button-invisible-borderColor-disabled: #e7ecf0;
132
135
  --button-outline-fgColor-rest: #023b95;
133
136
  --button-outline-fgColor-hover: #ffffff;
134
137
  --button-outline-fgColor-active: #ffffff;
@@ -185,7 +188,7 @@
185
188
  --fgColor-default: #010409;
186
189
  --fgColor-muted: #0e1116;
187
190
  --fgColor-onEmphasis: #ffffff;
188
- --fgColor-disabled: #88929d;
191
+ --fgColor-disabled: #4b535d;
189
192
  --fgColor-link-rest: #023b95;
190
193
  --fgColor-accent: #023b95;
191
194
  --fgColor-success: #055d20;
@@ -224,7 +227,7 @@
224
227
  --borderColor-default: #20252c;
225
228
  --borderColor-muted: #88929d;
226
229
  --borderColor-emphasis: #66707b;
227
- --borderColor-disabled: #20252c;
230
+ --borderColor-disabled: #e7ecf0;
228
231
  --borderColor-transparent: #ffffff00;
229
232
  --borderColor-neutral-muted: #88929d;
230
233
  --borderColor-neutral-emphasis: #66707b;
@@ -451,10 +454,10 @@
451
454
  --control-bgColor-selected: #acb6c0;
452
455
  --control-fgColor-rest: #0e1116;
453
456
  --control-fgColor-placeholder: #66707b;
454
- --control-fgColor-disabled: #88929d;
457
+ --control-fgColor-disabled: #4b535d;
455
458
  --control-borderColor-rest: #20252c;
456
459
  --control-borderColor-emphasis: #20252c;
457
- --control-borderColor-disabled: #20252c;
460
+ --control-borderColor-disabled: #e7ecf0;
458
461
  --control-borderColor-selected: #ffffff;
459
462
  --control-borderColor-success: #055d20;
460
463
  --control-borderColor-danger: #a0111f;
@@ -475,21 +478,21 @@
475
478
  --control-checked-bgColor-rest: #0349b4;
476
479
  --control-checked-bgColor-hover: #0344a8;
477
480
  --control-checked-bgColor-active: #033f9d;
478
- --control-checked-bgColor-disabled: #88929d;
481
+ --control-checked-bgColor-disabled: #4b535d;
479
482
  --control-checked-fgColor-rest: #ffffff;
480
483
  --control-checked-fgColor-disabled: #ffffff;
481
484
  --control-checked-borderColor-rest: #0349b4;
482
485
  --control-checked-borderColor-hover: #0344a8;
483
486
  --control-checked-borderColor-active: #033f9d;
484
- --control-checked-borderColor-disabled: #88929d;
487
+ --control-checked-borderColor-disabled: #4b535d;
485
488
  --controlTrack-bgColor-rest: #acb6c0;
486
489
  --controlTrack-bgColor-hover: #9ea8b2;
487
490
  --controlTrack-bgColor-active: #909aa4;
488
- --controlTrack-bgColor-disabled: #88929d;
491
+ --controlTrack-bgColor-disabled: #4b535d;
489
492
  --controlTrack-fgColor-rest: #010409;
490
493
  --controlTrack-fgColor-disabled: #ffffff;
491
494
  --controlTrack-borderColor-rest: #ffffff00;
492
- --controlTrack-borderColor-disabled: #88929d;
495
+ --controlTrack-borderColor-disabled: #4b535d;
493
496
  --controlKnob-bgColor-rest: #ffffff;
494
497
  --controlKnob-bgColor-disabled: #e7ecf0;
495
498
  --controlKnob-bgColor-checked: #ffffff;
@@ -502,9 +505,11 @@
502
505
  --button-default-bgColor-hover: #dbe1e6;
503
506
  --button-default-bgColor-active: #cfd6dd;
504
507
  --button-default-bgColor-selected: #cfd6dd;
508
+ --button-default-bgColor-disabled: #e7ecf0;
505
509
  --button-default-borderColor-rest: #20252c;
506
510
  --button-default-borderColor-hover: #20252c;
507
511
  --button-default-borderColor-active: #20252c;
512
+ --button-default-borderColor-disabled: #e7ecf0;
508
513
  --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
509
514
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
510
515
  --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
516
521
  --button-primary-bgColor-disabled: #85cb97;
517
522
  --button-primary-borderColor-rest: #013d14;
518
523
  --button-primary-borderColor-hover: #013d14;
519
- --button-primary-borderColor-disabled: #013d14;
524
+ --button-primary-borderColor-disabled: #85cb97;
520
525
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
521
526
  --button-invisible-fgColor-rest: #023b95;
522
527
  --button-invisible-fgColor-hover: #023b95;
523
- --button-invisible-fgColor-disabled: #88929d;
528
+ --button-invisible-fgColor-disabled: #4b535d;
524
529
  --button-invisible-bgColor-rest: #ffffff00;
525
530
  --button-invisible-bgColor-hover: #e7ecf0;
526
531
  --button-invisible-bgColor-active: #ced5dc;
527
532
  --button-invisible-bgColor-disabled: #e7ecf0;
528
533
  --button-invisible-borderColor-rest: #ffffff00;
529
534
  --button-invisible-borderColor-hover: #20252c;
535
+ --button-invisible-borderColor-disabled: #e7ecf0;
530
536
  --button-outline-fgColor-rest: #023b95;
531
537
  --button-outline-fgColor-hover: #ffffff;
532
538
  --button-outline-fgColor-active: #ffffff;
@@ -583,7 +589,7 @@
583
589
  --fgColor-default: #010409;
584
590
  --fgColor-muted: #0e1116;
585
591
  --fgColor-onEmphasis: #ffffff;
586
- --fgColor-disabled: #88929d;
592
+ --fgColor-disabled: #4b535d;
587
593
  --fgColor-link-rest: #023b95;
588
594
  --fgColor-accent: #023b95;
589
595
  --fgColor-success: #055d20;
@@ -622,7 +628,7 @@
622
628
  --borderColor-default: #20252c;
623
629
  --borderColor-muted: #88929d;
624
630
  --borderColor-emphasis: #66707b;
625
- --borderColor-disabled: #20252c;
631
+ --borderColor-disabled: #e7ecf0;
626
632
  --borderColor-transparent: #ffffff00;
627
633
  --borderColor-neutral-muted: #88929d;
628
634
  --borderColor-neutral-emphasis: #66707b;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -56,7 +56,7 @@
56
56
  --control-fgColor-disabled: #8c959f;
57
57
  --control-borderColor-rest: #d0d7de;
58
58
  --control-borderColor-emphasis: #868f99;
59
- --control-borderColor-disabled: #d0d7de;
59
+ --control-borderColor-disabled: #f6f8fa;
60
60
  --control-borderColor-selected: #f6f8fa;
61
61
  --control-borderColor-success: #218bff;
62
62
  --control-borderColor-danger: #cf222e;
@@ -104,9 +104,11 @@
104
104
  --button-default-bgColor-hover: #eef1f4;
105
105
  --button-default-bgColor-active: #e7ebef;
106
106
  --button-default-bgColor-selected: #e7ebef;
107
+ --button-default-bgColor-disabled: #f6f8fa;
107
108
  --button-default-borderColor-rest: #d0d7de;
108
109
  --button-default-borderColor-hover: #d0d7de;
109
110
  --button-default-borderColor-active: #d0d7de;
111
+ --button-default-borderColor-disabled: #f6f8fa;
110
112
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
111
113
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
112
114
  --button-primary-fgColor-rest: #ffffff;
@@ -118,7 +120,7 @@
118
120
  --button-primary-bgColor-disabled: #92caff;
119
121
  --button-primary-borderColor-rest: #1f232826;
120
122
  --button-primary-borderColor-hover: #1f232826;
121
- --button-primary-borderColor-disabled: #1f232826;
123
+ --button-primary-borderColor-disabled: #92caff;
122
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
123
125
  --button-invisible-fgColor-rest: #0969da;
124
126
  --button-invisible-fgColor-hover: #0969da;
@@ -129,6 +131,7 @@
129
131
  --button-invisible-bgColor-disabled: #f6f8fa;
130
132
  --button-invisible-borderColor-rest: #ffffff00;
131
133
  --button-invisible-borderColor-hover: #ffffff00;
134
+ --button-invisible-borderColor-disabled: #f6f8fa;
132
135
  --button-outline-fgColor-rest: #0969da;
133
136
  --button-outline-fgColor-hover: #ffffff;
134
137
  --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
224
227
  --borderColor-default: #d0d7de;
225
228
  --borderColor-muted: #d0d7de66;
226
229
  --borderColor-emphasis: #6e7781;
227
- --borderColor-disabled: #d0d7de;
230
+ --borderColor-disabled: #f6f8fa;
228
231
  --borderColor-transparent: #ffffff00;
229
232
  --borderColor-neutral-muted: #afb8c133;
230
233
  --borderColor-neutral-emphasis: #6e7781;
@@ -454,7 +457,7 @@
454
457
  --control-fgColor-disabled: #8c959f;
455
458
  --control-borderColor-rest: #d0d7de;
456
459
  --control-borderColor-emphasis: #868f99;
457
- --control-borderColor-disabled: #d0d7de;
460
+ --control-borderColor-disabled: #f6f8fa;
458
461
  --control-borderColor-selected: #f6f8fa;
459
462
  --control-borderColor-success: #218bff;
460
463
  --control-borderColor-danger: #cf222e;
@@ -502,9 +505,11 @@
502
505
  --button-default-bgColor-hover: #eef1f4;
503
506
  --button-default-bgColor-active: #e7ebef;
504
507
  --button-default-bgColor-selected: #e7ebef;
508
+ --button-default-bgColor-disabled: #f6f8fa;
505
509
  --button-default-borderColor-rest: #d0d7de;
506
510
  --button-default-borderColor-hover: #d0d7de;
507
511
  --button-default-borderColor-active: #d0d7de;
512
+ --button-default-borderColor-disabled: #f6f8fa;
508
513
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
509
514
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
510
515
  --button-primary-fgColor-rest: #ffffff;
@@ -516,7 +521,7 @@
516
521
  --button-primary-bgColor-disabled: #92caff;
517
522
  --button-primary-borderColor-rest: #1f232826;
518
523
  --button-primary-borderColor-hover: #1f232826;
519
- --button-primary-borderColor-disabled: #1f232826;
524
+ --button-primary-borderColor-disabled: #92caff;
520
525
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
521
526
  --button-invisible-fgColor-rest: #0969da;
522
527
  --button-invisible-fgColor-hover: #0969da;
@@ -527,6 +532,7 @@
527
532
  --button-invisible-bgColor-disabled: #f6f8fa;
528
533
  --button-invisible-borderColor-rest: #ffffff00;
529
534
  --button-invisible-borderColor-hover: #ffffff00;
535
+ --button-invisible-borderColor-disabled: #f6f8fa;
530
536
  --button-outline-fgColor-rest: #0969da;
531
537
  --button-outline-fgColor-hover: #ffffff;
532
538
  --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
622
628
  --borderColor-default: #d0d7de;
623
629
  --borderColor-muted: #d0d7de66;
624
630
  --borderColor-emphasis: #6e7781;
625
- --borderColor-disabled: #d0d7de;
631
+ --borderColor-disabled: #f6f8fa;
626
632
  --borderColor-transparent: #ffffff00;
627
633
  --borderColor-neutral-muted: #afb8c133;
628
634
  --borderColor-neutral-emphasis: #6e7781;