@primer/primitives 10.3.4 → 10.4.0-rc.1cf1d876

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 (74) hide show
  1. package/dist/css/base/motion/motion.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +36 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +36 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +36 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +36 -0
  6. package/dist/css/functional/themes/dark.css +36 -0
  7. package/dist/css/functional/themes/light-colorblind.css +36 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +36 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +36 -0
  10. package/dist/css/functional/themes/light.css +36 -0
  11. package/dist/css/primitives.css +1 -0
  12. package/dist/docs/base/motion/motion.json +14 -0
  13. package/dist/docs/functional/themes/dark-colorblind.json +2600 -226
  14. package/dist/docs/functional/themes/dark-dimmed.json +2152 -166
  15. package/dist/docs/functional/themes/dark-high-contrast.json +2786 -260
  16. package/dist/docs/functional/themes/dark-tritanopia.json +2446 -160
  17. package/dist/docs/functional/themes/dark.json +2379 -215
  18. package/dist/docs/functional/themes/light-colorblind.json +2573 -225
  19. package/dist/docs/functional/themes/light-high-contrast.json +1990 -234
  20. package/dist/docs/functional/themes/light-tritanopia.json +2437 -163
  21. package/dist/docs/functional/themes/light.json +2380 -216
  22. package/dist/fallbacks/base/motion/motion.json +1 -0
  23. package/dist/figma/themes/dark-colorblind.json +4154 -3589
  24. package/dist/figma/themes/dark-dimmed.json +3945 -3563
  25. package/dist/figma/themes/dark-high-contrast.json +3361 -2651
  26. package/dist/figma/themes/dark-tritanopia.json +4128 -3675
  27. package/dist/figma/themes/dark.json +4039 -3746
  28. package/dist/figma/themes/light-colorblind.json +4084 -3551
  29. package/dist/figma/themes/light-high-contrast.json +3409 -3101
  30. package/dist/figma/themes/light-tritanopia.json +4086 -3649
  31. package/dist/figma/themes/light.json +3991 -3698
  32. package/dist/internalCss/dark-colorblind.css +36 -0
  33. package/dist/internalCss/dark-dimmed.css +36 -0
  34. package/dist/internalCss/dark-high-contrast.css +36 -0
  35. package/dist/internalCss/dark-tritanopia.css +36 -0
  36. package/dist/internalCss/dark.css +36 -0
  37. package/dist/internalCss/light-colorblind.css +36 -0
  38. package/dist/internalCss/light-high-contrast.css +36 -0
  39. package/dist/internalCss/light-tritanopia.css +36 -0
  40. package/dist/internalCss/light.css +36 -0
  41. package/dist/styleLint/base/motion/motion.json +14 -0
  42. package/dist/styleLint/functional/themes/dark-colorblind.json +2599 -225
  43. package/dist/styleLint/functional/themes/dark-dimmed.json +2151 -165
  44. package/dist/styleLint/functional/themes/dark-high-contrast.json +2785 -259
  45. package/dist/styleLint/functional/themes/dark-tritanopia.json +2446 -160
  46. package/dist/styleLint/functional/themes/dark.json +2379 -215
  47. package/dist/styleLint/functional/themes/light-colorblind.json +2575 -227
  48. package/dist/styleLint/functional/themes/light-high-contrast.json +1989 -233
  49. package/dist/styleLint/functional/themes/light-tritanopia.json +2436 -162
  50. package/dist/styleLint/functional/themes/light.json +2380 -216
  51. package/package.json +1 -1
  52. package/src/tokens/base/motion/timing.json5 +4 -0
  53. package/src/tokens/component/card.json5 +18 -0
  54. package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
  55. package/src/tokens/component/contribution.json5 +344 -0
  56. package/src/tokens/component/counter.json5 +43 -0
  57. package/src/tokens/component/tooltip.json5 +32 -0
  58. package/src/tokens/functional/color/bgColor.json5 +24 -20
  59. package/src/tokens/functional/color/control.json5 +968 -0
  60. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -24
  61. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -164
  62. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -104
  63. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -60
  64. package/src/tokens/functional/color/dark/patterns-dark.json5 +725 -1432
  65. package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
  66. package/src/tokens/functional/color/focus.json5 +15 -0
  67. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -20
  68. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -90
  69. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -56
  70. package/src/tokens/functional/color/light/patterns-light.json5 +720 -1428
  71. package/src/tokens/functional/color/{light/syntax-light.json5 → syntax.json5} +187 -0
  72. package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +0 -559
  74. package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
package/src/tokens/functional/color/dark/syntax-dark.json5 DELETED
@@ -1,559 +0,0 @@
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
165
- group: 'syntax',
166
- },
167
- },
168
- },
169
- cyan: {
170
- $value: '#39c5cf',
171
- $type: 'color',
172
- $extensions: {
173
- 'org.primer.figma': {
174
- collection: 'mode',
175
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
550
- group: 'syntax',
551
- },
552
- },
553
- },
554
- },
555
- },
556
- },
557
- },
558
- },
559
- }