@primer/primitives 7.11.0-rc.ecbdb39 → 7.11.0-rc.ede9aeb

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