@primer/primitives 7.11.8-rc.d8dbbf1 → 7.11.8-rc.ec564b0

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 (112) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +136 -132
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +6 -2
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +6 -2
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +6 -2
  6. package/tokens-next-private/css/functional/themes/dark.css +6 -2
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +138 -130
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +10 -2
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +10 -2
  10. package/tokens-next-private/css/functional/themes/light.css +10 -2
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +97 -71
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +31 -5
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +31 -5
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +31 -5
  15. package/tokens-next-private/docs/functional/themes/dark.json +31 -5
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +123 -71
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +57 -5
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +57 -5
  19. package/tokens-next-private/docs/functional/themes/light.json +57 -5
  20. package/tokens-next-private/js/functional/themes/dark-colorblind.js +68 -72
  21. package/tokens-next-private/js/functional/themes/dark-dimmed.js +3 -7
  22. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +3 -7
  23. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +3 -7
  24. package/tokens-next-private/js/functional/themes/dark.js +3 -7
  25. package/tokens-next-private/js/functional/themes/light-colorblind.js +69 -71
  26. package/tokens-next-private/js/functional/themes/light-high-contrast.js +5 -7
  27. package/tokens-next-private/js/functional/themes/light-tritanopia.js +5 -7
  28. package/tokens-next-private/js/functional/themes/light.js +5 -7
  29. package/tokens-next-private/json/functional/themes/dark-colorblind.json +69 -73
  30. package/tokens-next-private/json/functional/themes/dark-dimmed.json +4 -8
  31. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +4 -8
  32. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +4 -8
  33. package/tokens-next-private/json/functional/themes/dark.json +4 -8
  34. package/tokens-next-private/json/functional/themes/light-colorblind.json +70 -72
  35. package/tokens-next-private/json/functional/themes/light-high-contrast.json +6 -8
  36. package/tokens-next-private/json/functional/themes/light-tritanopia.json +6 -8
  37. package/tokens-next-private/json/functional/themes/light.json +6 -8
  38. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +68 -66
  39. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +3 -1
  40. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +3 -1
  41. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +3 -1
  42. package/tokens-next-private/scss/functional/themes/dark.scss +3 -1
  43. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +69 -65
  44. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +5 -1
  45. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +5 -1
  46. package/tokens-next-private/scss/functional/themes/light.scss +5 -1
  47. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +68 -72
  48. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +3 -7
  49. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +3 -7
  50. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +3 -7
  51. package/tokens-next-private/ts/functional/themes/dark.ts +3 -7
  52. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +69 -71
  53. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +5 -7
  54. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +5 -7
  55. package/tokens-next-private/ts/functional/themes/light.ts +5 -7
  56. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  57. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  58. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +6 -8
  59. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  60. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  61. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  68. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  77. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  86. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  95. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  97. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -30,9 +30,9 @@
30
30
  "num": "#e6edf3"
31
31
  },
32
32
  "bgColor": {
33
- "num": "#d476164d",
34
- "line": "#d4761626",
35
- "word": "#d4761666"
33
+ "num": "#db6d284d",
34
+ "line": "#db6d2826",
35
+ "word": "#db6d2866"
36
36
  }
37
37
  },
38
38
  "hunk": {
@@ -84,11 +84,11 @@
84
84
  "comment": "#8b949e",
85
85
  "constant": "#79c0ff",
86
86
  "entity": "#d2a8ff",
87
- "keyword": "#ec8e2c",
88
- "storage": "#ec8e2c",
87
+ "keyword": "#f0883e",
88
+ "storage": "#f0883e",
89
89
  "string": "#a5d6ff",
90
90
  "support": "#79c0ff",
91
- "variable": "#fdac54"
91
+ "variable": "#ffa657"
92
92
  }
93
93
  }
94
94
  },
@@ -138,7 +138,7 @@
138
138
  "disabled": "#30363d",
139
139
  "selected": "#f0f6fc",
140
140
  "success": "#1f6feb",
141
- "danger": "#b76100",
141
+ "danger": "#bd561d",
142
142
  "warning": "#9e6a03"
143
143
  },
144
144
  "iconColor": {
@@ -160,12 +160,12 @@
160
160
  },
161
161
  "danger": {
162
162
  "fgColor": {
163
- "rest": "#d47616",
164
- "hover": "#ec8e2c"
163
+ "rest": "#db6d28",
164
+ "hover": "#f0883e"
165
165
  },
166
166
  "bgColor": {
167
- "hover": "#d476161a",
168
- "active": "#d4761666"
167
+ "hover": "#db6d281a",
168
+ "active": "#db6d2866"
169
169
  }
170
170
  },
171
171
  "checked": {
@@ -301,25 +301,25 @@
301
301
  },
302
302
  "danger": {
303
303
  "fgColor": {
304
- "rest": "#d47616",
304
+ "rest": "#db6d28",
305
305
  "hover": "#ffffff",
306
306
  "active": "#ffffff",
307
- "disabled": "#d4761680"
307
+ "disabled": "#db6d2880"
308
308
  },
309
309
  "iconColor": {
310
- "rest": "#d47616",
310
+ "rest": "#db6d28",
311
311
  "hover": "#ffffff"
312
312
  },
313
313
  "bgColor": {
314
314
  "rest": "#21262d",
315
- "hover": "#914d04",
316
- "active": "#ac5d0b",
315
+ "hover": "#9b4215",
316
+ "active": "#b5531d",
317
317
  "disabled": "#21262d"
318
318
  },
319
319
  "borderColor": {
320
320
  "rest": "#30363d",
321
- "hover": "#914d04",
322
- "active": "#ac5d0b"
321
+ "hover": "#9b4215",
322
+ "active": "#b5531d"
323
323
  },
324
324
  "shadow": {
325
325
  "selected": "0px 0px 0px 0px #000000"
@@ -347,8 +347,8 @@
347
347
  "danger": {
348
348
  "bgColor": {
349
349
  "hover": "#ffffff33",
350
- "disabled": "#b761000d",
351
- "rest": "#b761001a"
350
+ "disabled": "#bd561d0d",
351
+ "rest": "#bd561d1a"
352
352
  }
353
353
  }
354
354
  },
@@ -411,9 +411,9 @@
411
411
  "accent": "#2f81f7",
412
412
  "success": "#58a6ff",
413
413
  "attention": "#d29922",
414
- "severe": "#d47616",
415
- "danger": "#d47616",
416
- "open": "#ec8e2c",
414
+ "severe": "#db6d28",
415
+ "danger": "#db6d28",
416
+ "open": "#f0883e",
417
417
  "closed": "#8b949e",
418
418
  "done": "#a371f7",
419
419
  "sponsors": "#db61a2"
@@ -440,16 +440,16 @@
440
440
  "emphasis": "#9e6a03"
441
441
  },
442
442
  "severe": {
443
- "muted": "#d476161a",
444
- "emphasis": "#b76100"
443
+ "muted": "#db6d281a",
444
+ "emphasis": "#bd561d"
445
445
  },
446
446
  "danger": {
447
- "muted": "#d476161a",
448
- "emphasis": "#b76100"
447
+ "muted": "#db6d281a",
448
+ "emphasis": "#bd561d"
449
449
  },
450
450
  "open": {
451
- "muted": "#d4761666",
452
- "emphasis": "#b76100"
451
+ "muted": "#db6d2866",
452
+ "emphasis": "#bd561d"
453
453
  },
454
454
  "closed": {
455
455
  "muted": "#6e768166",
@@ -486,16 +486,16 @@
486
486
  "emphasis": "#9e6a03"
487
487
  },
488
488
  "severe": {
489
- "muted": "#d4761666",
490
- "emphasis": "#b76100"
489
+ "muted": "#db6d2866",
490
+ "emphasis": "#bd561d"
491
491
  },
492
492
  "danger": {
493
- "muted": "#d4761666",
494
- "emphasis": "#b76100"
493
+ "muted": "#db6d2866",
494
+ "emphasis": "#bd561d"
495
495
  },
496
496
  "open": {
497
- "muted": "#d4761666",
498
- "emphasis": "#d47616"
497
+ "muted": "#db6d2866",
498
+ "emphasis": "#db6d28"
499
499
  },
500
500
  "closed": {
501
501
  "muted": "#6e768166",
@@ -517,8 +517,8 @@
517
517
  "white": "#b1bac4",
518
518
  "white-bright": "#ffffff",
519
519
  "gray": "#6e7681",
520
- "red": "#ec8e2c",
521
- "red-bright": "#fdac54",
520
+ "red": "#f0883e",
521
+ "red-bright": "#ffa657",
522
522
  "green": "#58a6ff",
523
523
  "green-bright": "#79c0ff",
524
524
  "yellow": "#d29922",
@@ -533,13 +533,7 @@
533
533
  "prettylights": {
534
534
  "syntax": {
535
535
  "comment": "#8b949e",
536
- "constant": {
537
- "other": {
538
- "reference": {
539
- "link": "#a5d6ff"
540
- }
541
- }
542
- },
536
+ "constant": "#79c0ff",
543
537
  "entity": "#d2a8ff",
544
538
  "storage": {
545
539
  "modifier": {
@@ -547,20 +541,21 @@
547
541
  }
548
542
  },
549
543
  "entity-tag": "#a5d6ff",
550
- "keyword": "#ec8e2c",
544
+ "keyword": "#f0883e",
551
545
  "string": "#a5d6ff",
552
- "variable": "#fdac54",
546
+ "variable": "#ffa657",
553
547
  "brackethighlighter": {
548
+ "unmatched": "#db6d28",
554
549
  "angle": "#8b949e"
555
550
  },
556
551
  "invalid": {
557
552
  "illegal": {
558
- "bg": "#6c3906"
553
+ "bg": "#762d0a"
559
554
  }
560
555
  },
561
556
  "carriage": {
562
557
  "return": {
563
- "bg": "#914d04"
558
+ "bg": "#9b4215"
564
559
  }
565
560
  },
566
561
  "string-regexp": "#a5d6ff",
@@ -570,16 +565,16 @@
570
565
  "italic": "#c9d1d9",
571
566
  "bold": "#c9d1d9",
572
567
  "deleted": {
573
- "text": "#ffe2bb",
574
- "bg": "#4e2906"
568
+ "text": "#ffdfb6",
569
+ "bg": "#5a1e02"
575
570
  },
576
571
  "inserted": {
577
572
  "text": "#cae8ff",
578
573
  "bg": "#0c2d6b"
579
574
  },
580
575
  "changed": {
581
- "text": "#ffe2bb",
582
- "bg": "#4e2906"
576
+ "text": "#ffdfb6",
577
+ "bg": "#5a1e02"
583
578
  },
584
579
  "ignored": {
585
580
  "text": "#c9d1d9",
@@ -595,7 +590,8 @@
595
590
  "gutter": {
596
591
  "mark": "#484f58"
597
592
  }
598
- }
593
+ },
594
+ "constant-other-reference-link": "#a5d6ff"
599
595
  }
600
596
  },
601
597
  "scale": {
@@ -651,28 +647,28 @@
651
647
  "9": "#341a00"
652
648
  },
653
649
  "orange": {
654
- "0": "#ffe2bb",
655
- "1": "#ffc981",
656
- "2": "#fdac54",
657
- "3": "#ec8e2c",
658
- "4": "#d47616",
659
- "5": "#b76100",
660
- "6": "#914d04",
661
- "7": "#6c3906",
662
- "8": "#4e2906",
663
- "9": "#331c04"
650
+ "0": "#ffdfb6",
651
+ "1": "#ffc680",
652
+ "2": "#ffa657",
653
+ "3": "#f0883e",
654
+ "4": "#db6d28",
655
+ "5": "#bd561d",
656
+ "6": "#9b4215",
657
+ "7": "#762d0a",
658
+ "8": "#5a1e02",
659
+ "9": "#3d1300"
664
660
  },
665
661
  "red": {
666
- "0": "#ffe2bb",
667
- "1": "#ffc981",
668
- "2": "#fdac54",
669
- "3": "#ec8e2c",
670
- "4": "#d47616",
671
- "5": "#b76100",
672
- "6": "#914d04",
673
- "7": "#6c3906",
674
- "8": "#4e2906",
675
- "9": "#331c04"
662
+ "0": "#ffdfb6",
663
+ "1": "#ffc680",
664
+ "2": "#ffa657",
665
+ "3": "#f0883e",
666
+ "4": "#db6d28",
667
+ "5": "#bd561d",
668
+ "6": "#9b4215",
669
+ "7": "#762d0a",
670
+ "8": "#5a1e02",
671
+ "9": "#3d1300"
676
672
  },
677
673
  "purple": {
678
674
  "0": "#eddeff",
@@ -533,13 +533,7 @@
533
533
  "prettylights": {
534
534
  "syntax": {
535
535
  "comment": "#768390",
536
- "constant": {
537
- "other": {
538
- "reference": {
539
- "link": "#96d0ff"
540
- }
541
- }
542
- },
536
+ "constant": "#6cb6ff",
543
537
  "entity": "#dcbdfb",
544
538
  "storage": {
545
539
  "modifier": {
@@ -551,6 +545,7 @@
551
545
  "string": "#96d0ff",
552
546
  "variable": "#f69d50",
553
547
  "brackethighlighter": {
548
+ "unmatched": "#e5534b",
554
549
  "angle": "#768390"
555
550
  },
556
551
  "invalid": {
@@ -595,7 +590,8 @@
595
590
  "gutter": {
596
591
  "mark": "#545d68"
597
592
  }
598
- }
593
+ },
594
+ "constant-other-reference-link": "#96d0ff"
599
595
  }
600
596
  },
601
597
  "scale": {
@@ -533,13 +533,7 @@
533
533
  "prettylights": {
534
534
  "syntax": {
535
535
  "comment": "#bdc4cc",
536
- "constant": {
537
- "other": {
538
- "reference": {
539
- "link": "#addcff"
540
- }
541
- }
542
- },
536
+ "constant": "#91cbff",
543
537
  "entity": "#dbb7ff",
544
538
  "storage": {
545
539
  "modifier": {
@@ -551,6 +545,7 @@
551
545
  "string": "#addcff",
552
546
  "variable": "#ffb757",
553
547
  "brackethighlighter": {
548
+ "unmatched": "#ff6a69",
554
549
  "angle": "#bdc4cc"
555
550
  },
556
551
  "invalid": {
@@ -595,7 +590,8 @@
595
590
  "gutter": {
596
591
  "mark": "#7a828e"
597
592
  }
598
- }
593
+ },
594
+ "constant-other-reference-link": "#addcff"
599
595
  }
600
596
  },
601
597
  "scale": {
@@ -533,13 +533,7 @@
533
533
  "prettylights": {
534
534
  "syntax": {
535
535
  "comment": "#8b949e",
536
- "constant": {
537
- "other": {
538
- "reference": {
539
- "link": "#a5d6ff"
540
- }
541
- }
542
- },
536
+ "constant": "#79c0ff",
543
537
  "entity": "#d2a8ff",
544
538
  "storage": {
545
539
  "modifier": {
@@ -551,6 +545,7 @@
551
545
  "string": "#a5d6ff",
552
546
  "variable": "#ffa198",
553
547
  "brackethighlighter": {
548
+ "unmatched": "#f85149",
554
549
  "angle": "#8b949e"
555
550
  },
556
551
  "invalid": {
@@ -595,7 +590,8 @@
595
590
  "gutter": {
596
591
  "mark": "#484f58"
597
592
  }
598
- }
593
+ },
594
+ "constant-other-reference-link": "#a5d6ff"
599
595
  }
600
596
  },
601
597
  "scale": {
@@ -533,13 +533,7 @@
533
533
  "prettylights": {
534
534
  "syntax": {
535
535
  "comment": "#8b949e",
536
- "constant": {
537
- "other": {
538
- "reference": {
539
- "link": "#a5d6ff"
540
- }
541
- }
542
- },
536
+ "constant": "#79c0ff",
543
537
  "entity": "#d2a8ff",
544
538
  "storage": {
545
539
  "modifier": {
@@ -551,6 +545,7 @@
551
545
  "string": "#a5d6ff",
552
546
  "variable": "#ffa657",
553
547
  "brackethighlighter": {
548
+ "unmatched": "#f85149",
554
549
  "angle": "#8b949e"
555
550
  },
556
551
  "invalid": {
@@ -595,7 +590,8 @@
595
590
  "gutter": {
596
591
  "mark": "#484f58"
597
592
  }
598
- }
593
+ },
594
+ "constant-other-reference-link": "#a5d6ff"
599
595
  }
600
596
  },
601
597
  "scale": {