@primer/primitives 7.10.0-rc.ff1c1d9 → 7.10.0

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 (89) hide show
  1. package/build.js +2 -2
  2. package/package.json +7 -3
  3. package/tokens/base/color/dark-colorblind.json +44 -0
  4. package/tokens/base/color/dark-dimmed.json +124 -0
  5. package/tokens/base/color/dark-high-contrast.json +124 -0
  6. package/tokens/base/color/dark-tritanopia.json +92 -0
  7. package/tokens/base/color/dark.json +129 -0
  8. package/tokens/base/color/light-colorblind.json +134 -0
  9. package/tokens/base/color/light-high-contrast.json +390 -0
  10. package/tokens/base/color/light-tritanopia.json +92 -0
  11. package/tokens/base/color/light.json +399 -0
  12. package/tokens/functional/color/ansi-dark.json +74 -0
  13. package/tokens/functional/color/ansi-light.json +74 -0
  14. package/tokens/functional/color/checks-dark.json +289 -0
  15. package/tokens/functional/color/checks-light.json +296 -0
  16. package/tokens/functional/color/components-dark.json +556 -0
  17. package/tokens/functional/color/components-light.json +469 -0
  18. package/tokens/functional/color/diff-dark.json +78 -0
  19. package/tokens/functional/color/diff-light.json +76 -0
  20. package/tokens/functional/color/exceptions-dark-colorblind.json +45 -0
  21. package/tokens/functional/color/exceptions-dark-dimmed.json +12 -0
  22. package/tokens/functional/color/exceptions-dark-high-contrast.json +271 -0
  23. package/tokens/functional/color/exceptions-dark-tritanopia.json +44 -0
  24. package/tokens/functional/color/exceptions-light-colorblind.json +87 -0
  25. package/tokens/functional/color/exceptions-light-high-contrast.json +327 -0
  26. package/tokens/functional/color/exceptions-light-tritanopia.json +87 -0
  27. package/tokens/functional/color/marketing-dark.json +24 -0
  28. package/tokens/functional/color/marketing-light.json +24 -0
  29. package/tokens/functional/color/misc-dark.json +38 -0
  30. package/tokens/functional/color/misc-light.json +37 -0
  31. package/tokens/functional/color/primitives-dark.json +322 -0
  32. package/tokens/functional/color/primitives-light.json +313 -0
  33. package/tokens/functional/color/scales.json +582 -0
  34. package/tokens/functional/color/syntax-dark.json +208 -0
  35. package/tokens/functional/color/syntax-light.json +208 -0
  36. package/tokens/removed/color.json +421 -0
  37. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  38. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  40. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  45. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  47. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  54. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  55. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  56. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  57. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  58. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  63. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  65. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  72. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  73. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  74. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  75. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -0,0 +1,399 @@
1
+ {
2
+ "base": {
3
+ "color": {
4
+ "scale": {
5
+ "black": {
6
+ "$value": "#1b1f24",
7
+ "$type": "color"
8
+ },
9
+ "transparent": {
10
+ "$value": "#ffffff",
11
+ "$type": "color",
12
+ "alpha": 0
13
+ },
14
+ "white": {
15
+ "$value": "#ffffff",
16
+ "$type": "color"
17
+ },
18
+ "gray": {
19
+ "0": {
20
+ "$value": "#f6f8fa",
21
+ "$type": "color"
22
+ },
23
+ "1": {
24
+ "$value": "#eaeef2",
25
+ "$type": "color"
26
+ },
27
+ "2": {
28
+ "$value": "#d0d7de",
29
+ "$type": "color"
30
+ },
31
+ "3": {
32
+ "$value": "#afb8c1",
33
+ "$type": "color"
34
+ },
35
+ "4": {
36
+ "$value": "#8c959f",
37
+ "$type": "color"
38
+ },
39
+ "5": {
40
+ "$value": "#6e7781",
41
+ "$type": "color"
42
+ },
43
+ "6": {
44
+ "$value": "#57606a",
45
+ "$type": "color"
46
+ },
47
+ "7": {
48
+ "$value": "#424a53",
49
+ "$type": "color"
50
+ },
51
+ "8": {
52
+ "$value": "#32383f",
53
+ "$type": "color"
54
+ },
55
+ "9": {
56
+ "$value": "#24292f",
57
+ "$type": "color"
58
+ }
59
+ },
60
+ "blue": {
61
+ "0": {
62
+ "$value": "#ddf4ff",
63
+ "$type": "color"
64
+ },
65
+ "1": {
66
+ "$value": "#b6e3ff",
67
+ "$type": "color"
68
+ },
69
+ "2": {
70
+ "$value": "#80ccff",
71
+ "$type": "color"
72
+ },
73
+ "3": {
74
+ "$value": "#54aeff",
75
+ "$type": "color"
76
+ },
77
+ "4": {
78
+ "$value": "#218bff",
79
+ "$type": "color"
80
+ },
81
+ "5": {
82
+ "$value": "#0969da",
83
+ "$type": "color"
84
+ },
85
+ "6": {
86
+ "$value": "#0550ae",
87
+ "$type": "color"
88
+ },
89
+ "7": {
90
+ "$value": "#033d8b",
91
+ "$type": "color"
92
+ },
93
+ "8": {
94
+ "$value": "#0a3069",
95
+ "$type": "color"
96
+ },
97
+ "9": {
98
+ "$value": "#002155",
99
+ "$type": "color"
100
+ }
101
+ },
102
+ "green": {
103
+ "0": {
104
+ "$value": "#dafbe1",
105
+ "$type": "color"
106
+ },
107
+ "1": {
108
+ "$value": "#aceebb",
109
+ "$type": "color"
110
+ },
111
+ "2": {
112
+ "$value": "#6fdd8b",
113
+ "$type": "color"
114
+ },
115
+ "3": {
116
+ "$value": "#4ac26b",
117
+ "$type": "color"
118
+ },
119
+ "4": {
120
+ "$value": "#2da44e",
121
+ "$type": "color"
122
+ },
123
+ "5": {
124
+ "$value": "#1a7f37",
125
+ "$type": "color"
126
+ },
127
+ "6": {
128
+ "$value": "#116329",
129
+ "$type": "color"
130
+ },
131
+ "7": {
132
+ "$value": "#044f1e",
133
+ "$type": "color"
134
+ },
135
+ "8": {
136
+ "$value": "#003d16",
137
+ "$type": "color"
138
+ },
139
+ "9": {
140
+ "$value": "#002d11",
141
+ "$type": "color"
142
+ }
143
+ },
144
+ "yellow": {
145
+ "0": {
146
+ "$value": "#fff8c5",
147
+ "$type": "color"
148
+ },
149
+ "1": {
150
+ "$value": "#fae17d",
151
+ "$type": "color"
152
+ },
153
+ "2": {
154
+ "$value": "#eac54f",
155
+ "$type": "color"
156
+ },
157
+ "3": {
158
+ "$value": "#d4a72c",
159
+ "$type": "color"
160
+ },
161
+ "4": {
162
+ "$value": "#bf8700",
163
+ "$type": "color"
164
+ },
165
+ "5": {
166
+ "$value": "#9a6700",
167
+ "$type": "color"
168
+ },
169
+ "6": {
170
+ "$value": "#7d4e00",
171
+ "$type": "color"
172
+ },
173
+ "7": {
174
+ "$value": "#633c01",
175
+ "$type": "color"
176
+ },
177
+ "8": {
178
+ "$value": "#4d2d00",
179
+ "$type": "color"
180
+ },
181
+ "9": {
182
+ "$value": "#3b2300",
183
+ "$type": "color"
184
+ }
185
+ },
186
+ "orange": {
187
+ "0": {
188
+ "$value": "#fff1e5",
189
+ "$type": "color"
190
+ },
191
+ "1": {
192
+ "$value": "#ffd8b5",
193
+ "$type": "color"
194
+ },
195
+ "2": {
196
+ "$value": "#ffb77c",
197
+ "$type": "color"
198
+ },
199
+ "3": {
200
+ "$value": "#fb8f44",
201
+ "$type": "color"
202
+ },
203
+ "4": {
204
+ "$value": "#e16f24",
205
+ "$type": "color"
206
+ },
207
+ "5": {
208
+ "$value": "#bc4c00",
209
+ "$type": "color"
210
+ },
211
+ "6": {
212
+ "$value": "#953800",
213
+ "$type": "color"
214
+ },
215
+ "7": {
216
+ "$value": "#762c00",
217
+ "$type": "color"
218
+ },
219
+ "8": {
220
+ "$value": "#5c2200",
221
+ "$type": "color"
222
+ },
223
+ "9": {
224
+ "$value": "#471700",
225
+ "$type": "color"
226
+ }
227
+ },
228
+ "red": {
229
+ "0": {
230
+ "$value": "#ffebe9",
231
+ "$type": "color"
232
+ },
233
+ "1": {
234
+ "$value": "#ffcecb",
235
+ "$type": "color"
236
+ },
237
+ "2": {
238
+ "$value": "#ffaba8",
239
+ "$type": "color"
240
+ },
241
+ "3": {
242
+ "$value": "#ff8182",
243
+ "$type": "color"
244
+ },
245
+ "4": {
246
+ "$value": "#fa4549",
247
+ "$type": "color"
248
+ },
249
+ "5": {
250
+ "$value": "#cf222e",
251
+ "$type": "color"
252
+ },
253
+ "6": {
254
+ "$value": "#a40e26",
255
+ "$type": "color"
256
+ },
257
+ "7": {
258
+ "$value": "#82071e",
259
+ "$type": "color"
260
+ },
261
+ "8": {
262
+ "$value": "#660018",
263
+ "$type": "color"
264
+ },
265
+ "9": {
266
+ "$value": "#4c0014",
267
+ "$type": "color"
268
+ }
269
+ },
270
+ "purple": {
271
+ "0": {
272
+ "$value": "#fbefff",
273
+ "$type": "color"
274
+ },
275
+ "1": {
276
+ "$value": "#ecd8ff",
277
+ "$type": "color"
278
+ },
279
+ "2": {
280
+ "$value": "#d8b9ff",
281
+ "$type": "color"
282
+ },
283
+ "3": {
284
+ "$value": "#c297ff",
285
+ "$type": "color"
286
+ },
287
+ "4": {
288
+ "$value": "#a475f9",
289
+ "$type": "color"
290
+ },
291
+ "5": {
292
+ "$value": "#8250df",
293
+ "$type": "color"
294
+ },
295
+ "6": {
296
+ "$value": "#6639ba",
297
+ "$type": "color"
298
+ },
299
+ "7": {
300
+ "$value": "#512a97",
301
+ "$type": "color"
302
+ },
303
+ "8": {
304
+ "$value": "#3e1f79",
305
+ "$type": "color"
306
+ },
307
+ "9": {
308
+ "$value": "#2e1461",
309
+ "$type": "color"
310
+ }
311
+ },
312
+ "pink": {
313
+ "0": {
314
+ "$value": "#ffeff7",
315
+ "$type": "color"
316
+ },
317
+ "1": {
318
+ "$value": "#ffd3eb",
319
+ "$type": "color"
320
+ },
321
+ "2": {
322
+ "$value": "#ffadda",
323
+ "$type": "color"
324
+ },
325
+ "3": {
326
+ "$value": "#ff80c8",
327
+ "$type": "color"
328
+ },
329
+ "4": {
330
+ "$value": "#e85aad",
331
+ "$type": "color"
332
+ },
333
+ "5": {
334
+ "$value": "#bf3989",
335
+ "$type": "color"
336
+ },
337
+ "6": {
338
+ "$value": "#99286e",
339
+ "$type": "color"
340
+ },
341
+ "7": {
342
+ "$value": "#772057",
343
+ "$type": "color"
344
+ },
345
+ "8": {
346
+ "$value": "#611347",
347
+ "$type": "color"
348
+ },
349
+ "9": {
350
+ "$value": "#4d0336",
351
+ "$type": "color"
352
+ }
353
+ },
354
+ "coral": {
355
+ "0": {
356
+ "$value": "#fff0eb",
357
+ "$type": "color"
358
+ },
359
+ "1": {
360
+ "$value": "#ffd6cc",
361
+ "$type": "color"
362
+ },
363
+ "2": {
364
+ "$value": "#ffb4a1",
365
+ "$type": "color"
366
+ },
367
+ "3": {
368
+ "$value": "#fd8c73",
369
+ "$type": "color"
370
+ },
371
+ "4": {
372
+ "$value": "#ec6547",
373
+ "$type": "color"
374
+ },
375
+ "5": {
376
+ "$value": "#c4432b",
377
+ "$type": "color"
378
+ },
379
+ "6": {
380
+ "$value": "#9e2f1c",
381
+ "$type": "color"
382
+ },
383
+ "7": {
384
+ "$value": "#801f0f",
385
+ "$type": "color"
386
+ },
387
+ "8": {
388
+ "$value": "#691105",
389
+ "$type": "color"
390
+ },
391
+ "9": {
392
+ "$value": "#510901",
393
+ "$type": "color"
394
+ }
395
+ }
396
+ }
397
+ }
398
+ }
399
+ }
@@ -0,0 +1,74 @@
1
+ {
2
+ "color": {
3
+ "ansi": {
4
+ "black": {
5
+ "$value": "{base.color.scale.gray.5}",
6
+ "$type": "color"
7
+ },
8
+ "blackBright": {
9
+ "$value": "{base.color.scale.gray.4}",
10
+ "$type": "color"
11
+ },
12
+ "white": {
13
+ "$value": "{base.color.scale.gray.2}",
14
+ "$type": "color"
15
+ },
16
+ "whiteBright": {
17
+ "$value": "{base.color.scale.white}",
18
+ "$type": "color"
19
+ },
20
+ "gray": {
21
+ "$value": "{base.color.scale.gray.4}",
22
+ "$type": "color"
23
+ },
24
+ "red": {
25
+ "$value": "{base.color.scale.red.3}",
26
+ "$type": "color"
27
+ },
28
+ "redBright": {
29
+ "$value": "{base.color.scale.red.2}",
30
+ "$type": "color"
31
+ },
32
+ "green": {
33
+ "$value": "{base.color.scale.green.3}",
34
+ "$type": "color"
35
+ },
36
+ "greenBright": {
37
+ "$value": "{base.color.scale.green.2}",
38
+ "$type": "color"
39
+ },
40
+ "yellow": {
41
+ "$value": "{base.color.scale.yellow.3}",
42
+ "$type": "color"
43
+ },
44
+ "yellowBright": {
45
+ "$value": "{base.color.scale.yellow.2}",
46
+ "$type": "color"
47
+ },
48
+ "blue": {
49
+ "$value": "{base.color.scale.blue.3}",
50
+ "$type": "color"
51
+ },
52
+ "blueBright": {
53
+ "$value": "{base.color.scale.blue.2}",
54
+ "$type": "color"
55
+ },
56
+ "magenta": {
57
+ "$value": "{base.color.scale.purple.3}",
58
+ "$type": "color"
59
+ },
60
+ "magentaBright": {
61
+ "$value": "{base.color.scale.purple.2}",
62
+ "$type": "color"
63
+ },
64
+ "cyan": {
65
+ "$value": "#39c5cf",
66
+ "$type": "color"
67
+ },
68
+ "cyanBright": {
69
+ "$value": "#56d4dd",
70
+ "$type": "color"
71
+ }
72
+ }
73
+ }
74
+ }
@@ -0,0 +1,74 @@
1
+ {
2
+ "color": {
3
+ "ansi": {
4
+ "black": {
5
+ "$value": "{base.color.scale.gray.9}",
6
+ "$type": "color"
7
+ },
8
+ "blackBright": {
9
+ "$value": "{base.color.scale.gray.6}",
10
+ "$type": "color"
11
+ },
12
+ "white": {
13
+ "$value": "{base.color.scale.gray.5}",
14
+ "$type": "color"
15
+ },
16
+ "whiteBright": {
17
+ "$value": "{base.color.scale.gray.4}",
18
+ "$type": "color"
19
+ },
20
+ "gray": {
21
+ "$value": "{base.color.scale.gray.5}",
22
+ "$type": "color"
23
+ },
24
+ "red": {
25
+ "$value": "{base.color.scale.red.5}",
26
+ "$type": "color"
27
+ },
28
+ "redBright": {
29
+ "$value": "{base.color.scale.red.6}",
30
+ "$type": "color"
31
+ },
32
+ "green": {
33
+ "$value": "{base.color.scale.green.6}",
34
+ "$type": "color"
35
+ },
36
+ "greenBright": {
37
+ "$value": "{base.color.scale.green.5}",
38
+ "$type": "color"
39
+ },
40
+ "yellow": {
41
+ "$value": "{base.color.scale.yellow.8}",
42
+ "$type": "color"
43
+ },
44
+ "yellowBright": {
45
+ "$value": "{base.color.scale.yellow.7}",
46
+ "$type": "color"
47
+ },
48
+ "blue": {
49
+ "$value": "{base.color.scale.blue.5}",
50
+ "$type": "color"
51
+ },
52
+ "blueBright": {
53
+ "$value": "{base.color.scale.blue.4}",
54
+ "$type": "color"
55
+ },
56
+ "magenta": {
57
+ "$value": "{base.color.scale.purple.5}",
58
+ "$type": "color"
59
+ },
60
+ "magentaBright": {
61
+ "$value": "{base.color.scale.purple.4}",
62
+ "$type": "color"
63
+ },
64
+ "cyan": {
65
+ "$value": "#1b7c83",
66
+ "$type": "color"
67
+ },
68
+ "cyanBright": {
69
+ "$value": "#3192aa",
70
+ "$type": "color"
71
+ }
72
+ }
73
+ }
74
+ }