@primer/primitives 9.1.0-rc.e0e1c4b6 → 9.1.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 (53) hide show
  1. package/dist/build/PrimerStyleDictionary.js +1 -0
  2. package/dist/build/formats/cssAdvanced.js +9 -10
  3. package/dist/build/transformers/index.d.ts +1 -0
  4. package/dist/build/transformers/index.js +3 -1
  5. package/dist/css/functional/motion/motion.css +3 -3
  6. package/dist/css/functional/size/border.css +2 -2
  7. package/dist/css/functional/typography/typography.css +11 -11
  8. package/dist/css/primitives.css +16 -16
  9. package/package.json +5 -3
  10. package/src/tokens/base/color/dark/dark.dimmed.json5 +1164 -0
  11. package/src/tokens/base/color/dark/dark.high-contrast.json5 +764 -0
  12. package/src/tokens/base/color/dark/dark.json5 +911 -0
  13. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  14. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  15. package/src/tokens/base/color/light/light.high-contrast.json5 +755 -0
  16. package/src/tokens/base/color/light/light.json5 +911 -0
  17. package/src/tokens/base/size/size.json +196 -0
  18. package/src/tokens/base/typography/typography.json +48 -0
  19. package/src/tokens/fallback/color-fallbacks.json +270 -0
  20. package/src/tokens/functional/border/dark.json5 +12 -0
  21. package/src/tokens/functional/border/light.json5 +12 -0
  22. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  23. package/src/tokens/functional/color/dark/data-vis-dark.json5 +284 -0
  24. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  25. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +194 -0
  26. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +935 -0
  27. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +310 -0
  28. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +224 -0
  29. package/src/tokens/functional/color/dark/patterns-dark.json5 +3097 -0
  30. package/src/tokens/functional/color/dark/primitives-dark.json5 +1200 -0
  31. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  32. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  33. package/src/tokens/functional/color/light/data-vis-light.json5 +284 -0
  34. package/src/tokens/functional/color/light/display-light.json5 +1258 -0
  35. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +819 -0
  36. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +327 -0
  37. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +237 -0
  38. package/src/tokens/functional/color/light/patterns-light.json5 +3091 -0
  39. package/src/tokens/functional/color/light/primitives-light.json5 +1193 -0
  40. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  41. package/src/tokens/functional/motion/loading.json5 +17 -0
  42. package/src/tokens/functional/motion/patterns.json5 +28 -0
  43. package/src/tokens/functional/shadow/dark.json5 +383 -0
  44. package/src/tokens/functional/shadow/light.json5 +376 -0
  45. package/src/tokens/functional/size/border.json +111 -0
  46. package/src/tokens/functional/size/breakpoints.json +64 -0
  47. package/src/tokens/functional/size/size-coarse.json +28 -0
  48. package/src/tokens/functional/size/size-fine.json +28 -0
  49. package/src/tokens/functional/size/size.json +740 -0
  50. package/src/tokens/functional/size/viewport.json +28 -0
  51. package/src/tokens/functional/typography/typography.json +527 -0
  52. package/src/tokens/removed/color.json +421 -0
  53. package/src/tokens/removed/testing.json5 +4 -0
@@ -0,0 +1,559 @@
1
+ {
2
+ color: {
3
+ ansi: {
4
+ black: {
5
+ $value: '{base.color.neutral.6}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ mode: 'dark',
11
+ group: 'syntax',
12
+ },
13
+ },
14
+ },
15
+ 'black-bright': {
16
+ $value: '{base.color.neutral.8}',
17
+ $type: 'color',
18
+ $extensions: {
19
+ 'org.primer.figma': {
20
+ collection: 'mode',
21
+ mode: 'dark',
22
+ group: 'syntax',
23
+ },
24
+ },
25
+ },
26
+ white: {
27
+ $value: '{base.color.neutral.12}',
28
+ $type: 'color',
29
+ $extensions: {
30
+ 'org.primer.figma': {
31
+ collection: 'mode',
32
+ mode: 'dark',
33
+ group: 'syntax',
34
+ },
35
+ },
36
+ },
37
+ 'white-bright': {
38
+ $value: '{base.color.neutral.13}',
39
+ $type: 'color',
40
+ $extensions: {
41
+ 'org.primer.figma': {
42
+ collection: 'mode',
43
+ mode: 'dark',
44
+ group: 'syntax',
45
+ },
46
+ },
47
+ },
48
+ gray: {
49
+ $value: '{base.color.neutral.8}',
50
+ $type: 'color',
51
+ $extensions: {
52
+ 'org.primer.figma': {
53
+ collection: 'mode',
54
+ mode: 'dark',
55
+ group: 'syntax',
56
+ },
57
+ },
58
+ },
59
+ red: {
60
+ $value: '{base.color.red.3}',
61
+ $type: 'color',
62
+ $extensions: {
63
+ 'org.primer.figma': {
64
+ collection: 'mode',
65
+ mode: 'dark',
66
+ group: 'syntax',
67
+ },
68
+ },
69
+ },
70
+ 'red-bright': {
71
+ $value: '{base.color.red.2}',
72
+ $type: 'color',
73
+ $extensions: {
74
+ 'org.primer.figma': {
75
+ collection: 'mode',
76
+ mode: 'dark',
77
+ group: 'syntax',
78
+ },
79
+ },
80
+ },
81
+ green: {
82
+ $value: '{base.color.green.3}',
83
+ $type: 'color',
84
+ $extensions: {
85
+ 'org.primer.figma': {
86
+ collection: 'mode',
87
+ mode: 'dark',
88
+ group: 'syntax',
89
+ },
90
+ },
91
+ },
92
+ 'green-bright': {
93
+ $value: '{base.color.green.2}',
94
+ $type: 'color',
95
+ $extensions: {
96
+ 'org.primer.figma': {
97
+ collection: 'mode',
98
+ mode: 'dark',
99
+ group: 'syntax',
100
+ },
101
+ },
102
+ },
103
+ yellow: {
104
+ $value: '{base.color.yellow.3}',
105
+ $type: 'color',
106
+ $extensions: {
107
+ 'org.primer.figma': {
108
+ collection: 'mode',
109
+ mode: 'dark',
110
+ group: 'syntax',
111
+ },
112
+ },
113
+ },
114
+ 'yellow-bright': {
115
+ $value: '{base.color.yellow.2}',
116
+ $type: 'color',
117
+ $extensions: {
118
+ 'org.primer.figma': {
119
+ collection: 'mode',
120
+ mode: 'dark',
121
+ group: 'syntax',
122
+ },
123
+ },
124
+ },
125
+ blue: {
126
+ $value: '{base.color.blue.3}',
127
+ $type: 'color',
128
+ $extensions: {
129
+ 'org.primer.figma': {
130
+ collection: 'mode',
131
+ mode: 'dark',
132
+ group: 'syntax',
133
+ },
134
+ },
135
+ },
136
+ 'blue-bright': {
137
+ $value: '{base.color.blue.2}',
138
+ $type: 'color',
139
+ $extensions: {
140
+ 'org.primer.figma': {
141
+ collection: 'mode',
142
+ mode: 'dark',
143
+ group: 'syntax',
144
+ },
145
+ },
146
+ },
147
+ magenta: {
148
+ $value: '{base.color.purple.3}',
149
+ $type: 'color',
150
+ $extensions: {
151
+ 'org.primer.figma': {
152
+ collection: 'mode',
153
+ mode: 'dark',
154
+ group: 'syntax',
155
+ },
156
+ },
157
+ },
158
+ 'magenta-bright': {
159
+ $value: '{base.color.purple.2}',
160
+ $type: 'color',
161
+ $extensions: {
162
+ 'org.primer.figma': {
163
+ collection: 'mode',
164
+ mode: 'dark',
165
+ group: 'syntax',
166
+ },
167
+ },
168
+ },
169
+ cyan: {
170
+ $value: '#39c5cf',
171
+ $type: 'color',
172
+ $extensions: {
173
+ 'org.primer.figma': {
174
+ collection: 'mode',
175
+ mode: 'dark',
176
+ group: 'syntax',
177
+ },
178
+ },
179
+ },
180
+ 'cyan-bright': {
181
+ $value: '#56d4dd',
182
+ $type: 'color',
183
+ $extensions: {
184
+ 'org.primer.figma': {
185
+ collection: 'mode',
186
+ mode: 'dark',
187
+ group: 'syntax',
188
+ },
189
+ },
190
+ },
191
+ },
192
+ prettylights: {
193
+ syntax: {
194
+ comment: {
195
+ $value: '{base.color.neutral.9}',
196
+ $type: 'color',
197
+ $extensions: {
198
+ 'org.primer.figma': {
199
+ collection: 'mode',
200
+ mode: 'dark',
201
+ group: 'syntax',
202
+ },
203
+ },
204
+ },
205
+ constant: {
206
+ $value: '{base.color.blue.2}',
207
+ $type: 'color',
208
+ $extensions: {
209
+ 'org.primer.figma': {
210
+ collection: 'mode',
211
+ mode: 'dark',
212
+ group: 'syntax',
213
+ },
214
+ },
215
+ },
216
+ 'constant-other-reference-link': {
217
+ $value: '{base.color.blue.1}',
218
+ $type: 'color',
219
+ $extensions: {
220
+ 'org.primer.figma': {
221
+ collection: 'mode',
222
+ mode: 'dark',
223
+ group: 'syntax',
224
+ },
225
+ },
226
+ },
227
+ entity: {
228
+ $value: '{base.color.purple.2}',
229
+ $type: 'color',
230
+ $extensions: {
231
+ 'org.primer.figma': {
232
+ collection: 'mode',
233
+ mode: 'dark',
234
+ group: 'syntax',
235
+ },
236
+ },
237
+ },
238
+ storage: {
239
+ modifier: {
240
+ import: {
241
+ $value: '{base.color.neutral.12}',
242
+ $type: 'color',
243
+ $extensions: {
244
+ 'org.primer.figma': {
245
+ collection: 'mode',
246
+ mode: 'dark',
247
+ group: 'syntax',
248
+ },
249
+ },
250
+ },
251
+ },
252
+ },
253
+ 'entity-tag': {
254
+ $value: '{base.color.green.1}',
255
+ $type: 'color',
256
+ $extensions: {
257
+ 'org.primer.figma': {
258
+ collection: 'mode',
259
+ mode: 'dark',
260
+ group: 'syntax',
261
+ },
262
+ },
263
+ },
264
+ keyword: {
265
+ $value: '{base.color.red.3}',
266
+ $type: 'color',
267
+ $extensions: {
268
+ 'org.primer.figma': {
269
+ collection: 'mode',
270
+ mode: 'dark',
271
+ group: 'syntax',
272
+ },
273
+ },
274
+ },
275
+ string: {
276
+ $value: '{base.color.blue.1}',
277
+ $type: 'color',
278
+ $extensions: {
279
+ 'org.primer.figma': {
280
+ collection: 'mode',
281
+ mode: 'dark',
282
+ group: 'syntax',
283
+ },
284
+ },
285
+ },
286
+ variable: {
287
+ $value: '{base.color.orange.2}',
288
+ $type: 'color',
289
+ $extensions: {
290
+ 'org.primer.figma': {
291
+ collection: 'mode',
292
+ mode: 'dark',
293
+ group: 'syntax',
294
+ },
295
+ },
296
+ },
297
+ brackethighlighter: {
298
+ unmatched: {
299
+ $value: '{base.color.red.4}',
300
+ $type: 'color',
301
+ $extensions: {
302
+ 'org.primer.figma': {
303
+ collection: 'mode',
304
+ mode: 'dark',
305
+ group: 'syntax',
306
+ },
307
+ },
308
+ },
309
+ angle: {
310
+ $value: '{base.color.neutral.9}',
311
+ $type: 'color',
312
+ $extensions: {
313
+ 'org.primer.figma': {
314
+ collection: 'mode',
315
+ mode: 'dark',
316
+ group: 'syntax',
317
+ },
318
+ },
319
+ },
320
+ },
321
+ invalid: {
322
+ illegal: {
323
+ text: {
324
+ $value: '{base.color.neutral.12}',
325
+ $type: 'color',
326
+ $extensions: {
327
+ 'org.primer.figma': {
328
+ collection: 'mode',
329
+ mode: 'dark',
330
+ group: 'syntax',
331
+ },
332
+ },
333
+ },
334
+ bg: {
335
+ $value: '{base.color.red.7}',
336
+ $type: 'color',
337
+ $extensions: {
338
+ 'org.primer.figma': {
339
+ collection: 'mode',
340
+ mode: 'dark',
341
+ group: 'syntax',
342
+ },
343
+ },
344
+ },
345
+ },
346
+ },
347
+ carriage: {
348
+ return: {
349
+ text: {
350
+ $value: '{base.color.neutral.12}',
351
+ $type: 'color',
352
+ $extensions: {
353
+ 'org.primer.figma': {
354
+ collection: 'mode',
355
+ mode: 'dark',
356
+ group: 'syntax',
357
+ },
358
+ },
359
+ },
360
+ bg: {
361
+ $value: '{base.color.red.6}',
362
+ $type: 'color',
363
+ $extensions: {
364
+ 'org.primer.figma': {
365
+ collection: 'mode',
366
+ mode: 'dark',
367
+ group: 'syntax',
368
+ },
369
+ },
370
+ },
371
+ },
372
+ },
373
+ 'string-regexp': {
374
+ $value: '{base.color.green.1}',
375
+ $type: 'color',
376
+ $extensions: {
377
+ 'org.primer.figma': {
378
+ collection: 'mode',
379
+ mode: 'dark',
380
+ group: 'syntax',
381
+ },
382
+ },
383
+ },
384
+ markup: {
385
+ list: {
386
+ $value: '{base.color.yellow.1}',
387
+ $type: 'color',
388
+ $extensions: {
389
+ 'org.primer.figma': {
390
+ collection: 'mode',
391
+ mode: 'dark',
392
+ group: 'syntax',
393
+ },
394
+ },
395
+ },
396
+ heading: {
397
+ $value: '{base.color.blue.5}',
398
+ $type: 'color',
399
+ $extensions: {
400
+ 'org.primer.figma': {
401
+ collection: 'mode',
402
+ mode: 'dark',
403
+ group: 'syntax',
404
+ },
405
+ },
406
+ },
407
+ italic: {
408
+ $value: '{base.color.neutral.12}',
409
+ $type: 'color',
410
+ $extensions: {
411
+ 'org.primer.figma': {
412
+ collection: 'mode',
413
+ mode: 'dark',
414
+ group: 'syntax',
415
+ },
416
+ },
417
+ },
418
+ bold: {
419
+ $value: '{base.color.neutral.12}',
420
+ $type: 'color',
421
+ $extensions: {
422
+ 'org.primer.figma': {
423
+ collection: 'mode',
424
+ mode: 'dark',
425
+ group: 'syntax',
426
+ },
427
+ },
428
+ },
429
+ deleted: {
430
+ text: {
431
+ $value: '{base.color.red.0}',
432
+ $type: 'color',
433
+ $extensions: {
434
+ 'org.primer.figma': {
435
+ collection: 'mode',
436
+ mode: 'dark',
437
+ group: 'syntax',
438
+ },
439
+ },
440
+ },
441
+ bg: {
442
+ $value: '{base.color.red.8}',
443
+ $type: 'color',
444
+ $extensions: {
445
+ 'org.primer.figma': {
446
+ collection: 'mode',
447
+ mode: 'dark',
448
+ group: 'syntax',
449
+ },
450
+ },
451
+ },
452
+ },
453
+ inserted: {
454
+ text: {
455
+ $value: '{base.color.green.0}',
456
+ $type: 'color',
457
+ $extensions: {
458
+ 'org.primer.figma': {
459
+ collection: 'mode',
460
+ mode: 'dark',
461
+ group: 'syntax',
462
+ },
463
+ },
464
+ },
465
+ bg: {
466
+ $value: '{base.color.green.8}',
467
+ $type: 'color',
468
+ $extensions: {
469
+ 'org.primer.figma': {
470
+ collection: 'mode',
471
+ mode: 'dark',
472
+ group: 'syntax',
473
+ },
474
+ },
475
+ },
476
+ },
477
+ changed: {
478
+ text: {
479
+ $value: '{base.color.orange.0}',
480
+ $type: 'color',
481
+ $extensions: {
482
+ 'org.primer.figma': {
483
+ collection: 'mode',
484
+ mode: 'dark',
485
+ group: 'syntax',
486
+ },
487
+ },
488
+ },
489
+ bg: {
490
+ $value: '{base.color.orange.8}',
491
+ $type: 'color',
492
+ $extensions: {
493
+ 'org.primer.figma': {
494
+ collection: 'mode',
495
+ mode: 'dark',
496
+ group: 'syntax',
497
+ },
498
+ },
499
+ },
500
+ },
501
+ ignored: {
502
+ text: {
503
+ $value: '{base.color.neutral.12}',
504
+ $type: 'color',
505
+ $extensions: {
506
+ 'org.primer.figma': {
507
+ collection: 'mode',
508
+ mode: 'dark',
509
+ group: 'syntax',
510
+ },
511
+ },
512
+ },
513
+ bg: {
514
+ $value: '{base.color.blue.6}',
515
+ $type: 'color',
516
+ $extensions: {
517
+ 'org.primer.figma': {
518
+ collection: 'mode',
519
+ mode: 'dark',
520
+ group: 'syntax',
521
+ },
522
+ },
523
+ },
524
+ },
525
+ },
526
+ meta: {
527
+ diff: {
528
+ range: {
529
+ $value: '{base.color.purple.2}',
530
+ $type: 'color',
531
+ $extensions: {
532
+ 'org.primer.figma': {
533
+ collection: 'mode',
534
+ mode: 'dark',
535
+ group: 'syntax',
536
+ },
537
+ },
538
+ },
539
+ },
540
+ },
541
+ sublimelinter: {
542
+ gutter: {
543
+ mark: {
544
+ $value: '{base.color.neutral.7}',
545
+ $type: 'color',
546
+ $extensions: {
547
+ 'org.primer.figma': {
548
+ collection: 'mode',
549
+ mode: 'dark',
550
+ group: 'syntax',
551
+ },
552
+ },
553
+ },
554
+ },
555
+ },
556
+ },
557
+ },
558
+ },
559
+ }