@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.a6a4b391

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 (95) hide show
  1. package/dist/build/platforms/css.js +2 -1
  2. package/dist/build/schemas/collections.d.ts +1 -1
  3. package/dist/build/schemas/colorToken.d.ts +260 -0
  4. package/dist/build/schemas/colorToken.js +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +1658 -0
  6. package/dist/css/functional/themes/dark-colorblind.css +26 -26
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +1658 -0
  8. package/dist/css/functional/themes/dark-dimmed.css +60 -60
  9. package/dist/css/functional/themes/dark-high-contrast.css +24 -24
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +1658 -0
  11. package/dist/css/functional/themes/dark-tritanopia.css +26 -26
  12. package/dist/css/functional/themes/dark.css +26 -26
  13. package/dist/css/functional/themes/light-colorblind-high-contrast.css +1658 -0
  14. package/dist/css/functional/themes/light-colorblind.css +30 -30
  15. package/dist/css/functional/themes/light-high-contrast.css +32 -32
  16. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +1658 -0
  17. package/dist/css/functional/themes/light-tritanopia.css +28 -28
  18. package/dist/css/functional/themes/light.css +28 -28
  19. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +43196 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7751 -517
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7795 -561
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7749 -519
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7751 -517
  26. package/dist/docs/functional/themes/dark.json +7751 -517
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43156 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7742 -508
  29. package/dist/docs/functional/themes/light-high-contrast.json +7758 -528
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7740 -506
  32. package/dist/docs/functional/themes/light.json +7740 -506
  33. package/dist/figma/figma.json +18 -8
  34. package/dist/figma/scales/dark-dimmed.json +14 -14
  35. package/dist/figma/themes/dark-colorblind-high-contrast.json +13877 -0
  36. package/dist/figma/themes/dark-colorblind.json +35 -38
  37. package/dist/figma/themes/dark-dimmed-high-contrast.json +13871 -0
  38. package/dist/figma/themes/dark-dimmed.json +102 -107
  39. package/dist/figma/themes/dark-high-contrast.json +28 -34
  40. package/dist/figma/themes/dark-tritanopia-high-contrast.json +13873 -0
  41. package/dist/figma/themes/dark-tritanopia.json +35 -38
  42. package/dist/figma/themes/dark.json +35 -38
  43. package/dist/figma/themes/light-colorblind-high-contrast.json +13857 -0
  44. package/dist/figma/themes/light-colorblind.json +21 -24
  45. package/dist/figma/themes/light-high-contrast.json +46 -51
  46. package/dist/figma/themes/light-tritanopia-high-contrast.json +13856 -0
  47. package/dist/figma/themes/light-tritanopia.json +19 -23
  48. package/dist/figma/themes/light.json +19 -23
  49. package/dist/internalCss/dark-colorblind-high-contrast.css +2266 -0
  50. package/dist/internalCss/dark-colorblind.css +26 -26
  51. package/dist/internalCss/dark-dimmed-high-contrast.css +2266 -0
  52. package/dist/internalCss/dark-dimmed.css +54 -54
  53. package/dist/internalCss/dark-high-contrast.css +24 -24
  54. package/dist/internalCss/dark-tritanopia-high-contrast.css +2266 -0
  55. package/dist/internalCss/dark-tritanopia.css +26 -26
  56. package/dist/internalCss/dark.css +26 -26
  57. package/dist/internalCss/light-colorblind-high-contrast.css +2266 -0
  58. package/dist/internalCss/light-colorblind.css +30 -30
  59. package/dist/internalCss/light-high-contrast.css +32 -32
  60. package/dist/internalCss/light-tritanopia-high-contrast.css +2266 -0
  61. package/dist/internalCss/light-tritanopia.css +28 -28
  62. package/dist/internalCss/light.css +28 -28
  63. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +43196 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7751 -517
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7795 -561
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7749 -519
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7751 -517
  70. package/dist/styleLint/functional/themes/dark.json +7751 -517
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43156 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7742 -508
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7758 -528
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7740 -506
  76. package/dist/styleLint/functional/themes/light.json +7740 -506
  77. package/package.json +1 -1
  78. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -9
  79. package/src/tokens/component/avatar.json5 +17 -4
  80. package/src/tokens/component/button.json5 +260 -61
  81. package/src/tokens/component/codeMirror.json5 +20 -2
  82. package/src/tokens/component/contribution.json5 +35 -57
  83. package/src/tokens/component/counter.json5 +5 -0
  84. package/src/tokens/component/diffBlob.json5 +75 -8
  85. package/src/tokens/component/header.json5 +2 -0
  86. package/src/tokens/component/overlay.json5 +25 -0
  87. package/src/tokens/component/skeletonLoader.json5 +20 -0
  88. package/src/tokens/component/tooltip.json5 +8 -2
  89. package/src/tokens/component/topicTag.json5 +5 -0
  90. package/src/tokens/functional/color/bgColor.json5 +86 -0
  91. package/src/tokens/functional/color/borderColor.json5 +268 -0
  92. package/src/tokens/functional/color/control.json5 +343 -0
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -17
  95. package/src/tokens/functional/color/syntax.json5 +44 -2
package/src/tokens/functional/color/bgColor.json5 CHANGED
@@ -15,7 +15,10 @@
15
15
  'org.primer.overrides': {
16
16
  dark: '{base.color.neutral.1}',
17
17
  'dark-dimmed': '{base.color.neutral.3}',
18
+ 'dark-dimmed-high-contrast': '{base.color.neutral.3}',
18
19
  'dark-high-contrast': '{base.color.neutral.0}',
20
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.0}',
21
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
19
22
  },
20
23
  },
21
24
  },
@@ -34,8 +37,13 @@
34
37
  'org.primer.overrides': {
35
38
  dark: '{base.color.neutral.2}',
36
39
  'dark-dimmed': '{base.color.neutral.4}',
40
+ 'dark-dimmed-high-contrast': '{base.color.neutral.4}',
37
41
  'light-high-contrast': '{base.color.neutral.3}',
42
+ 'light-tritanopia-high-contrast': '{base.color.neutral.3}',
43
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
38
44
  'dark-high-contrast': '{base.color.neutral.2}',
45
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.2}',
46
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.2}',
39
47
  },
40
48
  },
41
49
  },
@@ -54,7 +62,10 @@
54
62
  'org.primer.overrides': {
55
63
  dark: '{base.color.neutral.0}',
56
64
  'dark-dimmed': '{base.color.neutral.2}',
65
+ 'dark-dimmed-high-contrast': '{base.color.neutral.2}',
57
66
  'light-high-contrast': '{base.color.neutral.2}',
67
+ 'light-tritanopia-high-contrast': '{base.color.neutral.2}',
68
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.2}',
58
69
  },
59
70
  },
60
71
  },
@@ -129,8 +140,13 @@
129
140
  'org.primer.overrides': {
130
141
  dark: '{base.color.neutral.3}',
131
142
  'dark-dimmed': '{base.color.neutral.5}',
143
+ 'dark-dimmed-high-contrast': '{base.color.neutral.5}',
132
144
  'light-high-contrast': '{base.color.neutral.4}',
145
+ 'light-tritanopia-high-contrast': '{base.color.neutral.4}',
146
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
133
147
  'dark-high-contrast': '{base.color.neutral.4}',
148
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.4}',
149
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
134
150
  },
135
151
  },
136
152
  },
@@ -168,7 +184,11 @@
168
184
  alpha: 0.2,
169
185
  },
170
186
  'light-high-contrast': '{base.color.neutral.4}',
187
+ 'light-tritanopia-high-contrast': '{base.color.neutral.4}',
188
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
171
189
  'dark-high-contrast': '{base.color.neutral.3}',
190
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.3}',
191
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
172
192
  },
173
193
  },
174
194
  },
@@ -184,8 +204,13 @@
184
204
  'org.primer.overrides': {
185
205
  dark: '{base.color.neutral.8}',
186
206
  'dark-dimmed': '{base.color.neutral.8}',
207
+ 'dark-dimmed-high-contrast': '{base.color.neutral.7}',
187
208
  'light-high-contrast': '{base.color.neutral.10}',
209
+ 'light-tritanopia-high-contrast': '{base.color.neutral.10}',
210
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.10}',
188
211
  'dark-high-contrast': '{base.color.neutral.7}',
212
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.7}',
213
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
189
214
  },
190
215
  },
191
216
  },
@@ -226,6 +251,9 @@
226
251
  'org.primer.overrides': {
227
252
  dark: '{base.color.blue.5}',
228
253
  'dark-high-contrast': '{base.color.blue.9}',
254
+ 'dark-dimmed-high-contrast': '{base.color.blue.7}',
255
+ 'dark-tritanopia-high-contrast': '{base.color.blue.9}',
256
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.9}',
229
257
  },
230
258
  },
231
259
  },
@@ -249,15 +277,25 @@
249
277
  alpha: 0.15,
250
278
  },
251
279
  'light-tritanopia': '{base.color.blue.0}',
280
+ 'light-tritanopia-high-contrast': '{base.color.blue.0}',
252
281
  'dark-tritanopia': {
253
282
  $value: '{base.color.blue.4}',
254
283
  alpha: 0.15,
255
284
  },
285
+ 'dark-tritanopia-high-contrast': {
286
+ $value: '{base.color.blue.4}',
287
+ alpha: 0.15,
288
+ },
256
289
  'light-protanopia-deuteranopia': '{base.color.blue.0}',
290
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.0}',
257
291
  'dark-protanopia-deuteranopia': {
258
292
  $value: '{base.color.blue.4}',
259
293
  alpha: 0.2,
260
294
  },
295
+ 'dark-protanopia-deuteranopia-high-contrast': {
296
+ $value: '{base.color.blue.4}',
297
+ alpha: 0.2,
298
+ },
261
299
  },
262
300
  },
263
301
  },
@@ -276,11 +314,16 @@
276
314
  'org.primer.overrides': {
277
315
  dark: '{base.color.green.5}',
278
316
  'light-tritanopia': '{base.color.blue.5}',
317
+ 'light-tritanopia-high-contrast': '{base.color.blue.5}',
279
318
  'dark-tritanopia': '{base.color.blue.5}',
319
+ 'dark-tritanopia-high-contrast': '{base.color.blue.9}',
280
320
  'light-protanopia-deuteranopia': '{base.color.blue.5}',
321
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
281
322
  'dark-protanopia-deuteranopia': '{base.color.blue.5}',
323
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.9}',
282
324
  'light-high-contrast': '{base.color.green.5}',
283
325
  'dark-high-contrast': '{base.color.green.9}',
326
+ 'dark-dimmed-high-contrast': '{base.color.green.7}',
284
327
  },
285
328
  },
286
329
  },
@@ -299,16 +342,26 @@
299
342
  },
300
343
  },
301
344
  'org.primer.overrides': {
345
+ 'light-tritanopia-high-contrast': '{base.color.red.0}',
302
346
  'light-tritanopia': '{base.color.red.0}',
303
347
  'dark-tritanopia': {
304
348
  $value: '{base.color.red.4}',
305
349
  alpha: 0.1,
306
350
  },
351
+ 'dark-tritanopia-high-contrast': {
352
+ $value: '{base.color.red.4}',
353
+ alpha: 0.1,
354
+ },
307
355
  'light-protanopia-deuteranopia': '{base.color.orange.0}',
356
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}',
308
357
  'dark-protanopia-deuteranopia': {
309
358
  $value: '{base.color.orange.4}',
310
359
  alpha: 0.1,
311
360
  },
361
+ 'dark-protanopia-deuteranopia-high-contrast': {
362
+ $value: '{base.color.orange.4}',
363
+ alpha: 0.1,
364
+ },
312
365
  },
313
366
  },
314
367
  },
@@ -326,9 +379,13 @@
326
379
  },
327
380
  'org.primer.overrides': {
328
381
  'light-tritanopia': '{base.color.red.5}',
382
+ 'light-tritanopia-high-contrast': '{base.color.red.5}',
329
383
  'dark-tritanopia': '{base.color.red.5}',
384
+ 'dark-tritanopia-high-contrast': '{base.color.red.9}',
330
385
  'light-protanopia-deuteranopia': '{base.color.orange.5}',
386
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
331
387
  'dark-protanopia-deuteranopia': '{base.color.orange.5}',
388
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
332
389
  },
333
390
  },
334
391
  },
@@ -368,6 +425,9 @@
368
425
  },
369
426
  'org.primer.overrides': {
370
427
  'dark-high-contrast': '{base.color.yellow.9}',
428
+ 'dark-dimmed-high-contrast': '{base.color.yellow.7}',
429
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.yellow.9}',
430
+ 'dark-tritanopia-high-contrast': '{base.color.yellow.9}',
371
431
  },
372
432
  },
373
433
  },
@@ -391,6 +451,7 @@
391
451
  alpha: 0.1,
392
452
  },
393
453
  'light-tritanopia': '{base.color.red.0}',
454
+ 'light-tritanopia-high-contrast': '{base.color.red.0}',
394
455
  'dark-tritanopia': {
395
456
  $value: '{base.color.red.4}',
396
457
  alpha: 0.1,
@@ -412,8 +473,12 @@
412
473
  },
413
474
  'org.primer.overrides': {
414
475
  'light-tritanopia': '{base.color.red.5}',
476
+ 'light-tritanopia-high-contrast': '{base.color.red.5}',
415
477
  'dark-tritanopia': '{base.color.red.5}',
478
+ 'dark-tritanopia-high-contrast': '{base.color.red.9}',
416
479
  'dark-high-contrast': '{base.color.orange.9}',
480
+ 'dark-dimmed-high-contrast': '{base.color.orange.7}',
481
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
417
482
  },
418
483
  },
419
484
  },
@@ -437,6 +502,7 @@
437
502
  alpha: 0.1,
438
503
  },
439
504
  'light-protanopia-deuteranopia': '{base.color.orange.0}',
505
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}',
440
506
  'dark-protanopia-deuteranopia': {
441
507
  $value: '{base.color.orange.4}',
442
508
  alpha: 0.1,
@@ -458,8 +524,12 @@
458
524
  },
459
525
  'org.primer.overrides': {
460
526
  'light-protanopia-deuteranopia': '{base.color.orange.5}',
527
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
461
528
  'dark-protanopia-deuteranopia': '{base.color.orange.5}',
529
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
462
530
  'dark-high-contrast': '{base.color.red.9}',
531
+ 'dark-dimmed-high-contrast': '{base.color.red.7}',
532
+ 'dark-tritanopia-high-contrast': '{base.color.red.9}',
463
533
  },
464
534
  },
465
535
  },
@@ -479,15 +549,21 @@
479
549
  },
480
550
  'org.primer.overrides': {
481
551
  'light-tritanopia': '{bgColor.neutral.muted}',
552
+ 'light-tritanopia-high-contrast': '{bgColor.neutral.muted}',
482
553
  'dark-tritanopia': {
483
554
  $value: '{bgColor.neutral.muted}',
484
555
  alpha: 0.1,
485
556
  },
486
557
  'light-protanopia-deuteranopia': '{bgColor.neutral.muted}',
558
+ 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.muted}',
487
559
  'dark-protanopia-deuteranopia': {
488
560
  $value: '{bgColor.neutral.muted}',
489
561
  alpha: 0.1,
490
562
  },
563
+ 'dark-protanopia-deuteranopia-high-contrast': {
564
+ $value: '{bgColor.neutral.muted}',
565
+ alpha: 0.1,
566
+ },
491
567
  },
492
568
  },
493
569
  },
@@ -505,9 +581,13 @@
505
581
  },
506
582
  'org.primer.overrides': {
507
583
  'light-tritanopia': '{bgColor.neutral.emphasis}',
584
+ 'light-tritanopia-high-contrast': '{bgColor.neutral.emphasis}',
508
585
  'dark-tritanopia': '{bgColor.neutral.emphasis}',
586
+ 'dark-tritanopia-high-contrast': '{bgColor.neutral.emphasis}',
509
587
  'light-protanopia-deuteranopia': '{bgColor.neutral.emphasis}',
588
+ 'light-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}',
510
589
  'dark-protanopia-deuteranopia': '{bgColor.neutral.emphasis}',
590
+ 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.neutral.emphasis}',
511
591
  },
512
592
  },
513
593
  },
@@ -547,6 +627,9 @@
547
627
  },
548
628
  'org.primer.overrides': {
549
629
  'dark-high-contrast': '{base.color.purple.9}',
630
+ 'dark-dimmed-high-contrast': '{base.color.purple.7}',
631
+ 'dark-tritanopia-high-contrast': '{base.color.purple.9}',
632
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}',
550
633
  },
551
634
  },
552
635
  },
@@ -620,6 +703,9 @@
620
703
  },
621
704
  'org.primer.overrides': {
622
705
  'dark-high-contrast': '{base.color.pink.9}',
706
+ 'dark-dimmed-high-contrast': '{base.color.pink.7}',
707
+ 'dark-tritanopia-high-contrast': '{base.color.pink.9}',
708
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.pink.9}',
623
709
  },
624
710
  },
625
711
  },