@primer/primitives 7.10.0 → 7.11.0-rc.ecbdb39

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 (161) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build.js +2 -2
  3. package/dist/color-contrast-check.json +1 -1
  4. package/dist/js/colors/dark.d.ts +0 -13
  5. package/dist/js/colors/dark.js +1 -14
  6. package/dist/js/colors/dark_colorblind.d.ts +0 -13
  7. package/dist/js/colors/dark_colorblind.js +1 -14
  8. package/dist/js/colors/dark_dimmed.d.ts +0 -13
  9. package/dist/js/colors/dark_dimmed.js +1 -14
  10. package/dist/js/colors/dark_high_contrast.d.ts +0 -13
  11. package/dist/js/colors/dark_high_contrast.js +1 -14
  12. package/dist/js/colors/dark_tritanopia.d.ts +0 -13
  13. package/dist/js/colors/dark_tritanopia.js +1 -14
  14. package/dist/js/colors/index.d.ts +0 -117
  15. package/dist/js/colors/light.d.ts +0 -13
  16. package/dist/js/colors/light.js +1 -14
  17. package/dist/js/colors/light_colorblind.d.ts +0 -13
  18. package/dist/js/colors/light_colorblind.js +1 -14
  19. package/dist/js/colors/light_high_contrast.d.ts +0 -13
  20. package/dist/js/colors/light_high_contrast.js +1 -14
  21. package/dist/js/colors/light_tritanopia.d.ts +0 -13
  22. package/dist/js/colors/light_tritanopia.js +1 -14
  23. package/dist/js/index.d.ts +0 -117
  24. package/dist/json/colors/dark.json +1 -14
  25. package/dist/json/colors/dark_colorblind.json +1 -14
  26. package/dist/json/colors/dark_dimmed.json +1 -14
  27. package/dist/json/colors/dark_high_contrast.json +1 -14
  28. package/dist/json/colors/dark_tritanopia.json +1 -14
  29. package/dist/json/colors/light.json +1 -14
  30. package/dist/json/colors/light_colorblind.json +1 -14
  31. package/dist/json/colors/light_high_contrast.json +1 -14
  32. package/dist/json/colors/light_tritanopia.json +1 -14
  33. package/dist/removed/colors.json +13 -2
  34. package/dist/scss/colors/_dark.scss +0 -13
  35. package/dist/scss/colors/_dark_colorblind.scss +0 -13
  36. package/dist/scss/colors/_dark_dimmed.scss +0 -13
  37. package/dist/scss/colors/_dark_high_contrast.scss +0 -13
  38. package/dist/scss/colors/_dark_tritanopia.scss +0 -13
  39. package/dist/scss/colors/_light.scss +0 -13
  40. package/dist/scss/colors/_light_colorblind.scss +0 -13
  41. package/dist/scss/colors/_light_high_contrast.scss +0 -13
  42. package/dist/scss/colors/_light_tritanopia.scss +0 -13
  43. package/dist/ts/colors/dark.ts +1 -14
  44. package/dist/ts/colors/dark_colorblind.ts +1 -14
  45. package/dist/ts/colors/dark_dimmed.ts +1 -14
  46. package/dist/ts/colors/dark_high_contrast.ts +1 -14
  47. package/dist/ts/colors/dark_tritanopia.ts +1 -14
  48. package/dist/ts/colors/light.ts +1 -14
  49. package/dist/ts/colors/light_colorblind.ts +1 -14
  50. package/dist/ts/colors/light_high_contrast.ts +1 -14
  51. package/dist/ts/colors/light_tritanopia.ts +1 -14
  52. package/package.json +14 -4
  53. package/tokens/base/color/dark/dark.dimmed.json5 +128 -0
  54. package/tokens/base/color/dark/dark.high-contrast.json5 +128 -0
  55. package/tokens/base/color/dark/dark.json5 +133 -0
  56. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +48 -0
  57. package/tokens/base/color/dark/dark.tritanopia.json5 +96 -0
  58. package/tokens/base/color/light/light.high-contrast.json5 +394 -0
  59. package/tokens/base/color/light/light.json5 +403 -0
  60. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +138 -0
  61. package/tokens/base/color/light/light.tritanopia.json5 +96 -0
  62. package/tokens/functional/border/dark.json5 +12 -0
  63. package/tokens/functional/border/light.json5 +12 -0
  64. package/tokens/functional/color/{ansi-dark.json → dark/ansi-dark.json5} +0 -0
  65. package/tokens/functional/color/{checks-dark.json → dark/checks-dark.json5} +0 -0
  66. package/tokens/functional/color/{components-dark.json → dark/components-dark.json5} +0 -0
  67. package/tokens/functional/color/{diff-dark.json → dark/diff-dark.json5} +0 -0
  68. package/tokens/functional/color/{marketing-dark.json → dark/marketing-dark.json5} +0 -0
  69. package/tokens/functional/color/{misc-dark.json → dark/misc-dark.json5} +0 -0
  70. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +17 -0
  71. package/tokens/functional/color/{exceptions-dark-high-contrast.json → dark/overrides/dark.high-contrast.json5} +5 -0
  72. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +50 -0
  73. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +49 -0
  74. package/tokens/functional/color/{primitives-dark.json → dark/primitives-dark.json5} +0 -0
  75. package/tokens/functional/color/{syntax-dark.json → dark/syntax-dark.json5} +0 -0
  76. package/tokens/functional/color/{ansi-light.json → light/ansi-light.json5} +0 -0
  77. package/tokens/functional/color/{checks-light.json → light/checks-light.json5} +0 -0
  78. package/tokens/functional/color/{components-light.json → light/components-light.json5} +0 -0
  79. package/tokens/functional/color/{diff-light.json → light/diff-light.json5} +0 -0
  80. package/tokens/functional/color/{marketing-light.json → light/marketing-light.json5} +0 -0
  81. package/tokens/functional/color/{misc-light.json → light/misc-light.json5} +0 -0
  82. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +332 -0
  83. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +92 -0
  84. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +92 -0
  85. package/tokens/functional/color/{primitives-light.json → light/primitives-light.json5} +0 -0
  86. package/tokens/functional/color/{syntax-light.json → light/syntax-light.json5} +0 -0
  87. package/tokens/functional/color/scales.json5 +493 -0
  88. package/tokens/functional/shadow/dark.json5 +93 -0
  89. package/tokens/functional/shadow/light.json5 +100 -0
  90. package/tokens/functional/size/border.json +8 -0
  91. package/tokens/functional/typography/typography.json +2 -2
  92. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  93. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  94. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/typography/typography.css +3 -3
  100. package/tokens-v2-private/docs/docValues.json +12 -12
  101. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  102. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  109. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +13 -13
  110. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  111. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  112. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  118. package/tokens-v2-private/js/tokens/functional/typography/typography.js +11 -11
  119. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  120. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  127. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +3 -3
  128. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  129. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  130. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  131. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  145. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +11 -11
  146. package/tokens/base/color/dark-colorblind.json +0 -44
  147. package/tokens/base/color/dark-dimmed.json +0 -124
  148. package/tokens/base/color/dark-high-contrast.json +0 -124
  149. package/tokens/base/color/dark-tritanopia.json +0 -92
  150. package/tokens/base/color/dark.json +0 -129
  151. package/tokens/base/color/light-colorblind.json +0 -134
  152. package/tokens/base/color/light-high-contrast.json +0 -390
  153. package/tokens/base/color/light-tritanopia.json +0 -92
  154. package/tokens/base/color/light.json +0 -399
  155. package/tokens/functional/color/exceptions-dark-colorblind.json +0 -45
  156. package/tokens/functional/color/exceptions-dark-dimmed.json +0 -12
  157. package/tokens/functional/color/exceptions-dark-tritanopia.json +0 -44
  158. package/tokens/functional/color/exceptions-light-colorblind.json +0 -87
  159. package/tokens/functional/color/exceptions-light-high-contrast.json +0 -327
  160. package/tokens/functional/color/exceptions-light-tritanopia.json +0 -87
  161. package/tokens/functional/color/scales.json +0 -582
@@ -1,327 +0,0 @@
1
- {
2
- "color": {
3
- "fg": {
4
- "muted": {
5
- "$value": "{base.color.scale.gray.9}",
6
- "$type": "color"
7
- }
8
- },
9
- "canvas": {
10
- "inset": {
11
- "$value": "{base.color.scale.white}",
12
- "$type": "color"
13
- },
14
- "subtle": {
15
- "$value": "{base.color.scale.gray.1}",
16
- "$type": "color"
17
- }
18
- },
19
- "border": {
20
- "default": {
21
- "$value": "{base.color.scale.gray.8}",
22
- "$type": "color"
23
- },
24
- "muted": {
25
- "$value": "{base.color.scale.gray.4}",
26
- "$type": "color"
27
- },
28
- "subtle": {
29
- "$value": "{base.color.scale.black}",
30
- "$type": "color",
31
- "alpha": 0.8
32
- }
33
- },
34
- "neutral": {
35
- "subtle": {
36
- "$value": "{base.color.scale.gray.1}",
37
- "$type": "color"
38
- }
39
- },
40
- "accent": {
41
- "muted": {
42
- "$value": "{base.color.scale.blue.3}",
43
- "$type": "color"
44
- }
45
- },
46
- "success": {
47
- "emphasis": {
48
- "$value": "{base.color.scale.green.5}",
49
- "$type": "color"
50
- },
51
- "muted": {
52
- "$value": "{base.color.scale.green.3}",
53
- "$type": "color"
54
- }
55
- },
56
- "attention": {
57
- "emphasis": {
58
- "$value": "{base.color.scale.yellow.5}",
59
- "$type": "color"
60
- },
61
- "muted": {
62
- "$value": "{base.color.scale.yellow.3}",
63
- "$type": "color"
64
- }
65
- },
66
- "severe": {
67
- "muted": {
68
- "$value": "{base.color.scale.orange.3}",
69
- "$type": "color"
70
- }
71
- },
72
- "danger": {
73
- "muted": {
74
- "$value": "{base.color.scale.red.3}",
75
- "$type": "color"
76
- }
77
- },
78
- "done": {
79
- "muted": {
80
- "$value": "{base.color.scale.purple.3}",
81
- "$type": "color"
82
- }
83
- },
84
- "sponsors": {
85
- "muted": {
86
- "$value": "{base.color.scale.pink.3}",
87
- "$type": "color"
88
- }
89
- },
90
- "topicTag": {
91
- "border": {
92
- "$value": "{color.accent.emphasis}",
93
- "$type": "color"
94
- }
95
- },
96
- "counter": {
97
- "border": {
98
- "$value": "{color.border.default}",
99
- "$type": "color"
100
- }
101
- },
102
- "btn": {
103
- "bg": {
104
- "$value": "{base.color.scale.gray.1}",
105
- "$type": "color"
106
- },
107
- "border": {
108
- "$value": "{color.border.subtle}",
109
- "$type": "color"
110
- },
111
- "hover": {
112
- "bg": {
113
- "$value": "{base.color.scale.gray.2}",
114
- "$type": "color"
115
- }
116
- },
117
- "activeBg": {
118
- "$value": "{base.color.scale.gray.3}",
119
- "$type": "color"
120
- },
121
- "selectedBg": {
122
- "$value": "{base.color.scale.gray.3}",
123
- "$type": "color"
124
- },
125
- "focusBg": {
126
- "$value": "{base.color.scale.gray.2}",
127
- "$type": "color"
128
- },
129
- "primary": {
130
- "bg": {
131
- "$value": "{color.success.emphasis}",
132
- "$type": "color"
133
- },
134
- "border": {
135
- "$value": "{base.color.scale.green.7}",
136
- "$type": "color"
137
- },
138
- "hoverBg": {
139
- "$value": "{base.color.scale.green.6}",
140
- "$type": "color"
141
- },
142
- "hoverBorder": {
143
- "$value": "{base.color.scale.green.7}",
144
- "$type": "color"
145
- },
146
- "focusBg": {
147
- "$value": "{base.color.scale.green.7}",
148
- "$type": "color"
149
- },
150
- "focusBorder": {
151
- "$value": "{base.color.scale.green.7}",
152
- "$type": "color"
153
- }
154
- },
155
- "outline": {
156
- "text": {
157
- "$value": "{base.color.scale.blue.6}",
158
- "$type": "color"
159
- },
160
- "hoverBg": {
161
- "$value": "{color.accent.emphasis}",
162
- "$type": "color"
163
- },
164
- "hoverBorder": {
165
- "$value": "{base.color.scale.blue.7}",
166
- "$type": "color"
167
- },
168
- "selectedBg": {
169
- "$value": "{base.color.scale.blue.7}",
170
- "$type": "color"
171
- },
172
- "selectedBorder": {
173
- "$value": "{base.color.scale.blue.7}",
174
- "$type": "color"
175
- },
176
- "focusBorder": {
177
- "$value": "{base.color.scale.blue.7}",
178
- "$type": "color"
179
- },
180
- "disabledText": {
181
- "$value": "{base.color.scale.blue.5}",
182
- "$type": "color",
183
- "alpha": 0.5
184
- },
185
- "disabledBg": {
186
- "$value": "{base.color.scale.gray.1}",
187
- "$type": "color"
188
- }
189
- },
190
- "danger": {
191
- "text": {
192
- "$value": "{base.color.scale.red.6}",
193
- "$type": "color"
194
- },
195
- "hoverBg": {
196
- "$value": "{color.danger.emphasis}",
197
- "$type": "color"
198
- },
199
- "hoverBorder": {
200
- "$value": "{base.color.scale.red.7}",
201
- "$type": "color"
202
- },
203
- "selectedBg": {
204
- "$value": "{base.color.scale.red.7}",
205
- "$type": "color"
206
- },
207
- "selectedBorder": {
208
- "$value": "{base.color.scale.red.7}",
209
- "$type": "color"
210
- },
211
- "focusBorder": {
212
- "$value": "{base.color.scale.red.7}",
213
- "$type": "color"
214
- },
215
- "disabledBg": {
216
- "$value": "{base.color.scale.gray.1}",
217
- "$type": "color"
218
- },
219
- "icon": {
220
- "$value": "{base.color.scale.red.6}",
221
- "$type": "color"
222
- }
223
- }
224
- },
225
- "diffBlob": {
226
- "addition": {
227
- "fg": {
228
- "$value": "{color.fg.onEmphasis}",
229
- "$type": "color"
230
- },
231
- "wordBg": {
232
- "$value": "{color.success.emphasis}",
233
- "$type": "color"
234
- }
235
- },
236
- "deletion": {
237
- "fg": {
238
- "$value": "{color.fg.onEmphasis}",
239
- "$type": "color"
240
- },
241
- "wordBg": {
242
- "$value": "{color.danger.emphasis}",
243
- "$type": "color"
244
- }
245
- },
246
- "hunk": {
247
- "numBg": {
248
- "$value": "{base.color.scale.blue.1}",
249
- "$type": "color"
250
- }
251
- }
252
- },
253
- "header": {
254
- "divider": {
255
- "$value": "{base.color.scale.gray.3}",
256
- "$type": "color"
257
- }
258
- },
259
- "actionListItem": {
260
- "inlineDivider": {
261
- "$value": "{color.border.muted}",
262
- "$type": "color"
263
- },
264
- "default": {
265
- "hoverBg": {
266
- "$value": "{base.color.scale.gray.1}",
267
- "$type": "color"
268
- },
269
- "hoverBorder": {
270
- "$value": "{color.border.muted}",
271
- "$type": "color"
272
- },
273
- "activeBg": {
274
- "$value": "{base.color.scale.gray.2}",
275
- "$type": "color"
276
- },
277
- "activeBorder": {
278
- "$value": "{color.border.default}",
279
- "$type": "color"
280
- },
281
- "selectedBg": {
282
- "$value": "{base.color.scale.gray.2}",
283
- "$type": "color"
284
- }
285
- },
286
- "danger": {
287
- "hoverBg": {
288
- "$value": "{color.danger.emphasis}",
289
- "$type": "color"
290
- },
291
- "activeBg": {
292
- "$value": "{base.color.scale.red.7}",
293
- "$type": "color"
294
- },
295
- "hoverText": {
296
- "$value": "{color.fg.onEmphasis}",
297
- "$type": "color"
298
- }
299
- }
300
- },
301
- "page": {
302
- "header": {
303
- "bg": {
304
- "$value": "{color.canvas.default}",
305
- "$type": "color"
306
- }
307
- }
308
- },
309
- "switchTrack": {
310
- "bg": {
311
- "$value": "{base.color.scale.white}",
312
- "$type": "color"
313
- },
314
- "border": {
315
- "$value": "{color.border.default}",
316
- "$type": "color"
317
- },
318
-
319
- "checked": {
320
- "border": {
321
- "$value": "{base.color.scale.blue.5}",
322
- "$type": "color"
323
- }
324
- }
325
- }
326
- }
327
- }
@@ -1,87 +0,0 @@
1
- {
2
- "color": {
3
- "open": {
4
- "fg": {
5
- "$value": "{base.color.scale.orange.5}",
6
- "$type": "color"
7
- },
8
- "emphasis": {
9
- "$value": "{base.color.scale.orange.4}",
10
- "$type": "color"
11
- },
12
- "muted": {
13
- "$value": "{base.color.scale.orange.3}",
14
- "$type": "color",
15
- "alpha": 0.4
16
- },
17
- "subtle": {
18
- "$value": "{base.color.scale.orange.0}",
19
- "$type": "color"
20
- }
21
- },
22
- "closed": {
23
- "fg": {
24
- "$value": "{base.color.scale.gray.5}",
25
- "$type": "color"
26
- },
27
- "emphasis": {
28
- "$value": "{base.color.scale.gray.5}",
29
- "$type": "color"
30
- },
31
- "muted": {
32
- "$value": "{base.color.scale.gray.3}",
33
- "$type": "color",
34
- "alpha": 0.4
35
- },
36
- "subtle": {
37
- "$value": "{base.color.scale.gray.0}",
38
- "$type": "color"
39
- }
40
- },
41
- "diffBlob": {
42
- "addition": {
43
- "numBg": {
44
- "$value": "{color.success.muted}",
45
- "$type": "color"
46
- },
47
- "lineBg": {
48
- "$value": "{base.color.scale.green.0}",
49
- "$type": "color",
50
- "alpha": 0.5
51
- },
52
- "wordBg": {
53
- "$value": "{color.success.muted}",
54
- "$type": "color"
55
- }
56
- },
57
- "deletion": {
58
- "numBg": {
59
- "$value": "{color.danger.muted}",
60
- "$type": "color"
61
- },
62
- "lineBg": {
63
- "$value": "{base.color.scale.red.0}",
64
- "$type": "color",
65
- "alpha": 0.5
66
- },
67
- "wordBg": {
68
- "$value": "{base.color.scale.red.2}",
69
- "$type": "color",
70
- "alpha": 0.5
71
- }
72
- }
73
- },
74
- "btn": {
75
- "primary": {
76
- "hoverBg": {
77
- "$value": "{base.color.scale.green.5}",
78
- "$type": "color"
79
- },
80
- "disabledBg": {
81
- "$value": "{base.color.scale.green.2}",
82
- "$type": "color"
83
- }
84
- }
85
- }
86
- }
87
- }