@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/{light/syntax-light.json5 → syntax.json5} RENAMED
@@ -9,6 +9,9 @@
9
9
  collection: 'mode',
10
10
  group: 'syntax',
11
11
  },
12
+ 'org.primer.overrides': {
13
+ dark: '{base.color.neutral.6}',
14
+ },
12
15
  },
13
16
  },
14
17
  'black-bright': {
@@ -19,6 +22,9 @@
19
22
  collection: 'mode',
20
23
  group: 'syntax',
21
24
  },
25
+ 'org.primer.overrides': {
26
+ dark: '{base.color.neutral.8}',
27
+ },
22
28
  },
23
29
  },
24
30
  white: {
@@ -29,6 +35,9 @@
29
35
  collection: 'mode',
30
36
  group: 'syntax',
31
37
  },
38
+ 'org.primer.overrides': {
39
+ dark: '{base.color.neutral.12}',
40
+ },
32
41
  },
33
42
  },
34
43
  'white-bright': {
@@ -39,6 +48,9 @@
39
48
  collection: 'mode',
40
49
  group: 'syntax',
41
50
  },
51
+ 'org.primer.overrides': {
52
+ dark: '{base.color.neutral.13}',
53
+ },
42
54
  },
43
55
  },
44
56
  gray: {
@@ -49,6 +61,9 @@
49
61
  collection: 'mode',
50
62
  group: 'syntax',
51
63
  },
64
+ 'org.primer.overrides': {
65
+ dark: '{base.color.neutral.8}',
66
+ },
52
67
  },
53
68
  },
54
69
  red: {
@@ -59,6 +74,12 @@
59
74
  collection: 'mode',
60
75
  group: 'syntax',
61
76
  },
77
+ 'org.primer.overrides': {
78
+ dark: '{base.color.red.3}',
79
+
80
+ 'dark-protanopia-deuteranopia': '{base.color.orange.3}',
81
+ 'light-protanopia-deuteranopia': '{base.color.orange.5}',
82
+ },
62
83
  },
63
84
  },
64
85
  'red-bright': {
@@ -69,6 +90,12 @@
69
90
  collection: 'mode',
70
91
  group: 'syntax',
71
92
  },
93
+ 'org.primer.overrides': {
94
+ dark: '{base.color.red.2}',
95
+
96
+ 'dark-protanopia-deuteranopia': '{base.color.orange.2}',
97
+ 'light-protanopia-deuteranopia': '{base.color.orange.6}',
98
+ },
72
99
  },
73
100
  },
74
101
  green: {
@@ -79,6 +106,13 @@
79
106
  collection: 'mode',
80
107
  group: 'syntax',
81
108
  },
109
+ 'org.primer.overrides': {
110
+ dark: '{base.color.green.3}',
111
+ 'dark-tritanopia': '{base.color.blue.3}',
112
+ 'light-tritanopia': '{base.color.blue.6}',
113
+ 'dark-protanopia-deuteranopia': '{base.color.blue.3}',
114
+ 'light-protanopia-deuteranopia': '{base.color.blue.6}',
115
+ },
82
116
  },
83
117
  },
84
118
  'green-bright': {
@@ -89,6 +123,13 @@
89
123
  collection: 'mode',
90
124
  group: 'syntax',
91
125
  },
126
+ 'org.primer.overrides': {
127
+ dark: '{base.color.green.2}',
128
+ 'dark-tritanopia': '{base.color.blue.2}',
129
+ 'light-tritanopia': '{base.color.blue.5}',
130
+ 'dark-protanopia-deuteranopia': '{base.color.blue.2}',
131
+ 'light-protanopia-deuteranopia': '{base.color.blue.5}',
132
+ },
92
133
  },
93
134
  },
94
135
  yellow: {
@@ -99,6 +140,9 @@
99
140
  collection: 'mode',
100
141
  group: 'syntax',
101
142
  },
143
+ 'org.primer.overrides': {
144
+ dark: '{base.color.yellow.3}',
145
+ },
102
146
  },
103
147
  },
104
148
  'yellow-bright': {
@@ -109,6 +153,9 @@
109
153
  collection: 'mode',
110
154
  group: 'syntax',
111
155
  },
156
+ 'org.primer.overrides': {
157
+ dark: '{base.color.yellow.2}',
158
+ },
112
159
  },
113
160
  },
114
161
  blue: {
@@ -119,6 +166,9 @@
119
166
  collection: 'mode',
120
167
  group: 'syntax',
121
168
  },
169
+ 'org.primer.overrides': {
170
+ dark: '{base.color.blue.3}',
171
+ },
122
172
  },
123
173
  },
124
174
  'blue-bright': {
@@ -129,6 +179,9 @@
129
179
  collection: 'mode',
130
180
  group: 'syntax',
131
181
  },
182
+ 'org.primer.overrides': {
183
+ dark: '{base.color.blue.2}',
184
+ },
132
185
  },
133
186
  },
134
187
  magenta: {
@@ -139,6 +192,9 @@
139
192
  collection: 'mode',
140
193
  group: 'syntax',
141
194
  },
195
+ 'org.primer.overrides': {
196
+ dark: '{base.color.purple.3}',
197
+ },
142
198
  },
143
199
  },
144
200
  'magenta-bright': {
@@ -149,6 +205,9 @@
149
205
  collection: 'mode',
150
206
  group: 'syntax',
151
207
  },
208
+ 'org.primer.overrides': {
209
+ dark: '{base.color.purple.2}',
210
+ },
152
211
  },
153
212
  },
154
213
  cyan: {
@@ -159,6 +218,9 @@
159
218
  collection: 'mode',
160
219
  group: 'syntax',
161
220
  },
221
+ 'org.primer.overrides': {
222
+ dark: '#39c5cf',
223
+ },
162
224
  },
163
225
  },
164
226
  'cyan-bright': {
@@ -169,6 +231,9 @@
169
231
  collection: 'mode',
170
232
  group: 'syntax',
171
233
  },
234
+ 'org.primer.overrides': {
235
+ dark: '#56d4dd',
236
+ },
172
237
  },
173
238
  },
174
239
  },
@@ -182,6 +247,9 @@
182
247
  collection: 'mode',
183
248
  group: 'syntax',
184
249
  },
250
+ 'org.primer.overrides': {
251
+ dark: '{base.color.neutral.9}',
252
+ },
185
253
  },
186
254
  },
187
255
  constant: {
@@ -192,6 +260,9 @@
192
260
  collection: 'mode',
193
261
  group: 'syntax',
194
262
  },
263
+ 'org.primer.overrides': {
264
+ dark: '{base.color.blue.2}',
265
+ },
195
266
  },
196
267
  },
197
268
  'constant-other-reference-link': {
@@ -202,6 +273,9 @@
202
273
  collection: 'mode',
203
274
  group: 'syntax',
204
275
  },
276
+ 'org.primer.overrides': {
277
+ dark: '{base.color.blue.1}',
278
+ },
205
279
  },
206
280
  },
207
281
  entity: {
@@ -212,6 +286,9 @@
212
286
  collection: 'mode',
213
287
  group: 'syntax',
214
288
  },
289
+ 'org.primer.overrides': {
290
+ dark: '{base.color.purple.2}',
291
+ },
215
292
  },
216
293
  },
217
294
  storage: {
@@ -224,6 +301,9 @@
224
301
  collection: 'mode',
225
302
  group: 'syntax',
226
303
  },
304
+ 'org.primer.overrides': {
305
+ dark: '{base.color.neutral.12}',
306
+ },
227
307
  },
228
308
  },
229
309
  },
@@ -236,6 +316,11 @@
236
316
  collection: 'mode',
237
317
  group: 'syntax',
238
318
  },
319
+ 'org.primer.overrides': {
320
+ dark: '{base.color.green.1}',
321
+ 'dark-tritanopia': '{base.color.blue.1}',
322
+ 'dark-protanopia-deuteranopia': '{base.color.blue.1}',
323
+ },
239
324
  },
240
325
  },
241
326
  keyword: {
@@ -246,6 +331,11 @@
246
331
  collection: 'mode',
247
332
  group: 'syntax',
248
333
  },
334
+ 'org.primer.overrides': {
335
+ dark: '{base.color.red.3}',
336
+ 'dark-protanopia-deuteranopia': '{base.color.orange.3}',
337
+ 'light-protanopia-deuteranopia': '{base.color.orange.5}',
338
+ },
249
339
  },
250
340
  },
251
341
  string: {
@@ -256,6 +346,9 @@
256
346
  collection: 'mode',
257
347
  group: 'syntax',
258
348
  },
349
+ 'org.primer.overrides': {
350
+ dark: '{base.color.blue.1}',
351
+ },
259
352
  },
260
353
  },
261
354
  variable: {
@@ -266,6 +359,11 @@
266
359
  collection: 'mode',
267
360
  group: 'syntax',
268
361
  },
362
+ 'org.primer.overrides': {
363
+ dark: '{base.color.orange.2}',
364
+ 'dark-tritanopia': '{base.color.red.2}',
365
+ 'light-tritanopia': '{base.color.red.6}',
366
+ },
269
367
  },
270
368
  },
271
369
  brackethighlighter: {
@@ -277,6 +375,11 @@
277
375
  collection: 'mode',
278
376
  group: 'syntax',
279
377
  },
378
+ 'org.primer.overrides': {
379
+ dark: '{base.color.red.4}',
380
+ 'dark-protanopia-deuteranopia': '{base.color.orange.4}',
381
+ 'light-protanopia-deuteranopia': '{base.color.orange.7}',
382
+ },
280
383
  },
281
384
  },
282
385
  angle: {
@@ -287,6 +390,9 @@
287
390
  collection: 'mode',
288
391
  group: 'syntax',
289
392
  },
393
+ 'org.primer.overrides': {
394
+ dark: '{base.color.neutral.9}',
395
+ },
290
396
  },
291
397
  },
292
398
  },
@@ -300,6 +406,9 @@
300
406
  collection: 'mode',
301
407
  group: 'syntax',
302
408
  },
409
+ 'org.primer.overrides': {
410
+ dark: '{base.color.neutral.12}',
411
+ },
303
412
  },
304
413
  },
305
414
  bg: {
@@ -310,6 +419,11 @@
310
419
  collection: 'mode',
311
420
  group: 'syntax',
312
421
  },
422
+ 'org.primer.overrides': {
423
+ dark: '{base.color.red.7}',
424
+ 'dark-protanopia-deuteranopia': '{base.color.orange.7}',
425
+ 'light-protanopia-deuteranopia': '{base.color.orange.7}',
426
+ },
313
427
  },
314
428
  },
315
429
  },
@@ -324,6 +438,9 @@
324
438
  collection: 'mode',
325
439
  group: 'syntax',
326
440
  },
441
+ 'org.primer.overrides': {
442
+ dark: '{base.color.neutral.12}',
443
+ },
327
444
  },
328
445
  },
329
446
  bg: {
@@ -334,6 +451,11 @@
334
451
  collection: 'mode',
335
452
  group: 'syntax',
336
453
  },
454
+ 'org.primer.overrides': {
455
+ dark: '{base.color.red.6}',
456
+ 'dark-protanopia-deuteranopia': '{base.color.orange.6}',
457
+ 'light-protanopia-deuteranopia': '{base.color.orange.5}',
458
+ },
337
459
  },
338
460
  },
339
461
  },
@@ -346,6 +468,13 @@
346
468
  collection: 'mode',
347
469
  group: 'syntax',
348
470
  },
471
+ 'org.primer.overrides': {
472
+ dark: '{base.color.green.1}',
473
+ 'dark-tritanopia': '{base.color.blue.1}',
474
+ 'light-tritanopia': '{base.color.blue.6}',
475
+ 'dark-protanopia-deuteranopia': '{base.color.blue.1}',
476
+ 'light-protanopia-deuteranopia': '{base.color.blue.6}',
477
+ },
349
478
  },
350
479
  },
351
480
  markup: {
@@ -357,6 +486,9 @@
357
486
  collection: 'mode',
358
487
  group: 'syntax',
359
488
  },
489
+ 'org.primer.overrides': {
490
+ dark: '{base.color.yellow.1}',
491
+ },
360
492
  },
361
493
  },
362
494
  heading: {
@@ -367,6 +499,9 @@
367
499
  collection: 'mode',
368
500
  group: 'syntax',
369
501
  },
502
+ 'org.primer.overrides': {
503
+ dark: '{base.color.blue.5}',
504
+ },
370
505
  },
371
506
  },
372
507
  italic: {
@@ -377,6 +512,9 @@
377
512
  collection: 'mode',
378
513
  group: 'syntax',
379
514
  },
515
+ 'org.primer.overrides': {
516
+ dark: '{base.color.neutral.12}',
517
+ },
380
518
  },
381
519
  },
382
520
  bold: {
@@ -387,6 +525,9 @@
387
525
  collection: 'mode',
388
526
  group: 'syntax',
389
527
  },
528
+ 'org.primer.overrides': {
529
+ dark: '{base.color.neutral.12}',
530
+ },
390
531
  },
391
532
  },
392
533
  deleted: {
@@ -398,6 +539,11 @@
398
539
  collection: 'mode',
399
540
  group: 'syntax',
400
541
  },
542
+ 'org.primer.overrides': {
543
+ dark: '{base.color.red.0}',
544
+ 'dark-protanopia-deuteranopia': '{base.color.orange.0}',
545
+ 'light-protanopia-deuteranopia': '{base.color.orange.7}',
546
+ },
401
547
  },
402
548
  },
403
549
  bg: {
@@ -408,6 +554,11 @@
408
554
  collection: 'mode',
409
555
  group: 'syntax',
410
556
  },
557
+ 'org.primer.overrides': {
558
+ dark: '{base.color.red.8}',
559
+ 'dark-protanopia-deuteranopia': '{base.color.orange.8}',
560
+ 'light-protanopia-deuteranopia': '{base.color.orange.0}',
561
+ },
411
562
  },
412
563
  },
413
564
  },
@@ -420,6 +571,13 @@
420
571
  collection: 'mode',
421
572
  group: 'syntax',
422
573
  },
574
+ 'org.primer.overrides': {
575
+ dark: '{base.color.green.0}',
576
+ 'dark-tritanopia': '{base.color.blue.0}',
577
+ 'light-tritanopia': '{base.color.blue.6}',
578
+ 'dark-protanopia-deuteranopia': '{base.color.blue.0}',
579
+ 'light-protanopia-deuteranopia': '{base.color.blue.6}',
580
+ },
423
581
  },
424
582
  },
425
583
  bg: {
@@ -430,6 +588,13 @@
430
588
  collection: 'mode',
431
589
  group: 'syntax',
432
590
  },
591
+ 'org.primer.overrides': {
592
+ dark: '{base.color.green.8}',
593
+ 'dark-tritanopia': '{base.color.blue.8}',
594
+ 'light-tritanopia': '{base.color.blue.0}',
595
+ 'dark-protanopia-deuteranopia': '{base.color.blue.8}',
596
+ 'light-protanopia-deuteranopia': '{base.color.blue.0}',
597
+ },
433
598
  },
434
599
  },
435
600
  },
@@ -442,6 +607,11 @@
442
607
  collection: 'mode',
443
608
  group: 'syntax',
444
609
  },
610
+ 'org.primer.overrides': {
611
+ dark: '{base.color.orange.0}',
612
+ 'dark-tritanopia': '{base.color.red.0}',
613
+ 'light-tritanopia': '{base.color.red.6}',
614
+ },
445
615
  },
446
616
  },
447
617
  bg: {
@@ -452,6 +622,11 @@
452
622
  collection: 'mode',
453
623
  group: 'syntax',
454
624
  },
625
+ 'org.primer.overrides': {
626
+ dark: '{base.color.orange.8}',
627
+ 'dark-tritanopia': '{base.color.red.8}',
628
+ 'light-tritanopia': '{base.color.red.1}',
629
+ },
455
630
  },
456
631
  },
457
632
  },
@@ -464,6 +639,9 @@
464
639
  collection: 'mode',
465
640
  group: 'syntax',
466
641
  },
642
+ 'org.primer.overrides': {
643
+ dark: '{base.color.neutral.12}',
644
+ },
467
645
  },
468
646
  },
469
647
  bg: {
@@ -474,6 +652,9 @@
474
652
  collection: 'mode',
475
653
  group: 'syntax',
476
654
  },
655
+ 'org.primer.overrides': {
656
+ dark: '{base.color.blue.6}',
657
+ },
477
658
  },
478
659
  },
479
660
  },
@@ -488,6 +669,9 @@
488
669
  collection: 'mode',
489
670
  group: 'syntax',
490
671
  },
672
+ 'org.primer.overrides': {
673
+ dark: '{base.color.purple.2}',
674
+ },
491
675
  },
492
676
  },
493
677
  },
@@ -502,6 +686,9 @@
502
686
  collection: 'mode',
503
687
  group: 'syntax',
504
688
  },
689
+ 'org.primer.overrides': {
690
+ dark: '{base.color.neutral.7}',
691
+ },
505
692
  },
506
693
  },
507
694
  },