@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.56d48488

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 +30 -30
  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 +30 -30
  12. package/dist/css/functional/themes/dark.css +30 -30
  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 +43194 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7878 -648
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7797 -565
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7751 -523
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7878 -648
  26. package/dist/docs/functional/themes/dark.json +7878 -648
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43154 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7744 -512
  29. package/dist/docs/functional/themes/light-high-contrast.json +7760 -532
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7742 -510
  32. package/dist/docs/functional/themes/light.json +7742 -510
  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 +45 -49
  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 +45 -49
  42. package/dist/figma/themes/dark.json +45 -49
  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 +30 -30
  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 +30 -30
  56. package/dist/internalCss/dark.css +30 -30
  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 +43194 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7877 -647
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7797 -565
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7751 -523
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7877 -647
  70. package/dist/styleLint/functional/themes/dark.json +7877 -647
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43154 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7744 -512
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7760 -532
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7742 -510
  76. package/dist/styleLint/functional/themes/light.json +7742 -510
  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 +344 -1
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -18
  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
  },