@primer/primitives 7.11.7 → 7.11.8-rc.197bc0d

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 +86 -94
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +86 -94
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +86 -94
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +86 -94
  6. package/tokens-next-private/css/functional/themes/dark.css +86 -94
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +50 -4
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +50 -4
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +50 -4
  10. package/tokens-next-private/css/functional/themes/light.css +50 -4
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +133 -185
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +133 -185
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +133 -185
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +133 -185
  15. package/tokens-next-private/docs/functional/themes/dark.json +133 -185
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +317 -18
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +317 -18
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +317 -18
  19. package/tokens-next-private/docs/functional/themes/light.json +317 -18
  20. package/tokens-next-private/js/functional/themes/dark-colorblind.js +77 -45
  21. package/tokens-next-private/js/functional/themes/dark-dimmed.js +77 -45
  22. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +77 -45
  23. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +77 -45
  24. package/tokens-next-private/js/functional/themes/dark.js +77 -45
  25. package/tokens-next-private/js/functional/themes/light-colorblind.js +39 -30
  26. package/tokens-next-private/js/functional/themes/light-high-contrast.js +39 -30
  27. package/tokens-next-private/js/functional/themes/light-tritanopia.js +39 -30
  28. package/tokens-next-private/js/functional/themes/light.js +39 -30
  29. package/tokens-next-private/json/functional/themes/dark-colorblind.json +79 -47
  30. package/tokens-next-private/json/functional/themes/dark-dimmed.json +79 -47
  31. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +79 -47
  32. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +79 -47
  33. package/tokens-next-private/json/functional/themes/dark.json +79 -47
  34. package/tokens-next-private/json/functional/themes/light-colorblind.json +39 -30
  35. package/tokens-next-private/json/functional/themes/light-high-contrast.json +39 -30
  36. package/tokens-next-private/json/functional/themes/light-tritanopia.json +39 -30
  37. package/tokens-next-private/json/functional/themes/light.json +39 -30
  38. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +43 -47
  39. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +43 -47
  40. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +43 -47
  41. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +43 -47
  42. package/tokens-next-private/scss/functional/themes/dark.scss +43 -47
  43. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +25 -2
  44. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +25 -2
  45. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +25 -2
  46. package/tokens-next-private/scss/functional/themes/light.scss +25 -2
  47. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +77 -45
  48. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +77 -45
  49. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +77 -45
  50. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +77 -45
  51. package/tokens-next-private/ts/functional/themes/dark.ts +77 -45
  52. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +39 -30
  53. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +39 -30
  54. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +39 -30
  55. package/tokens-next-private/ts/functional/themes/light.ts +39 -30
  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 +40 -31
  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
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -238,25 +238,48 @@
238
238
  --borderColor-done-emphasis: #8250df;
239
239
  --borderColor-sponsors-muted: #ff80c866;
240
240
  --borderColor-sponsors-emphasis: #bf3989;
241
+ --color-ansi-black: #24292f;
241
242
  --color-ansi-black-bright: #57606a;
243
+ --color-ansi-white: #6e7781;
242
244
  --color-ansi-white-bright: #8c959f;
243
245
  --color-ansi-gray: #6e7781;
246
+ --color-ansi-red: #cf222e;
244
247
  --color-ansi-red-bright: #a40e26;
248
+ --color-ansi-green: #0550ae;
245
249
  --color-ansi-green-bright: #0969da;
250
+ --color-ansi-yellow: #4d2d00;
246
251
  --color-ansi-yellow-bright: #633c01;
252
+ --color-ansi-blue: #0969da;
247
253
  --color-ansi-blue-bright: #218bff;
254
+ --color-ansi-magenta: #8250df;
248
255
  --color-ansi-magenta-bright: #a475f9;
256
+ --color-ansi-cyan: #1b7c83;
249
257
  --color-ansi-cyan-bright: #3192aa;
250
258
  --color-prettylights-syntax-comment: #6e7781;
251
259
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
252
- --color-prettylights-syntax-entity-tag: #0550ae;
260
+ --color-prettylights-syntax-entity: #8250df;
253
261
  --color-prettylights-syntax-storage-modifier-import: #24292f;
262
+ --color-prettylights-syntax-entity-tag: #0550ae;
254
263
  --color-prettylights-syntax-keyword: #cf222e;
255
- --color-prettylights-syntax-string-regexp: #0550ae;
264
+ --color-prettylights-syntax-string: #0a3069;
256
265
  --color-prettylights-syntax-variable: #a40e26;
257
266
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
267
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
258
268
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
269
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
259
270
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
271
+ --color-prettylights-syntax-string-regexp: #0550ae;
272
+ --color-prettylights-syntax-markup-list: #3b2300;
273
+ --color-prettylights-syntax-markup-heading: #0550ae;
274
+ --color-prettylights-syntax-markup-italic: #24292f;
275
+ --color-prettylights-syntax-markup-bold: #24292f;
276
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
277
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
278
+ --color-prettylights-syntax-markup-inserted-text: #0550ae;
279
+ --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
280
+ --color-prettylights-syntax-markup-changed-text: #a40e26;
281
+ --color-prettylights-syntax-markup-changed-bg: #ffcecb;
282
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
260
283
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
261
284
  --color-prettylights-syntax-meta-diff-range: #8250df;
262
285
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
@@ -603,25 +626,48 @@
603
626
  --borderColor-done-emphasis: #8250df;
604
627
  --borderColor-sponsors-muted: #ff80c866;
605
628
  --borderColor-sponsors-emphasis: #bf3989;
629
+ --color-ansi-black: #24292f;
606
630
  --color-ansi-black-bright: #57606a;
631
+ --color-ansi-white: #6e7781;
607
632
  --color-ansi-white-bright: #8c959f;
608
633
  --color-ansi-gray: #6e7781;
634
+ --color-ansi-red: #cf222e;
609
635
  --color-ansi-red-bright: #a40e26;
636
+ --color-ansi-green: #0550ae;
610
637
  --color-ansi-green-bright: #0969da;
638
+ --color-ansi-yellow: #4d2d00;
611
639
  --color-ansi-yellow-bright: #633c01;
640
+ --color-ansi-blue: #0969da;
612
641
  --color-ansi-blue-bright: #218bff;
642
+ --color-ansi-magenta: #8250df;
613
643
  --color-ansi-magenta-bright: #a475f9;
644
+ --color-ansi-cyan: #1b7c83;
614
645
  --color-ansi-cyan-bright: #3192aa;
615
646
  --color-prettylights-syntax-comment: #6e7781;
616
647
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
617
- --color-prettylights-syntax-entity-tag: #0550ae;
648
+ --color-prettylights-syntax-entity: #8250df;
618
649
  --color-prettylights-syntax-storage-modifier-import: #24292f;
650
+ --color-prettylights-syntax-entity-tag: #0550ae;
619
651
  --color-prettylights-syntax-keyword: #cf222e;
620
- --color-prettylights-syntax-string-regexp: #0550ae;
652
+ --color-prettylights-syntax-string: #0a3069;
621
653
  --color-prettylights-syntax-variable: #a40e26;
622
654
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
655
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
623
656
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
657
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
624
658
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
659
+ --color-prettylights-syntax-string-regexp: #0550ae;
660
+ --color-prettylights-syntax-markup-list: #3b2300;
661
+ --color-prettylights-syntax-markup-heading: #0550ae;
662
+ --color-prettylights-syntax-markup-italic: #24292f;
663
+ --color-prettylights-syntax-markup-bold: #24292f;
664
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
665
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
666
+ --color-prettylights-syntax-markup-inserted-text: #0550ae;
667
+ --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
668
+ --color-prettylights-syntax-markup-changed-text: #a40e26;
669
+ --color-prettylights-syntax-markup-changed-bg: #ffcecb;
670
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
625
671
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
626
672
  --color-prettylights-syntax-meta-diff-range: #8250df;
627
673
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -238,25 +238,48 @@
238
238
  --borderColor-done-emphasis: #8250df;
239
239
  --borderColor-sponsors-muted: #ff80c866;
240
240
  --borderColor-sponsors-emphasis: #bf3989;
241
+ --color-ansi-black: #24292f;
241
242
  --color-ansi-black-bright: #57606a;
243
+ --color-ansi-white: #6e7781;
242
244
  --color-ansi-white-bright: #8c959f;
243
245
  --color-ansi-gray: #6e7781;
246
+ --color-ansi-red: #cf222e;
244
247
  --color-ansi-red-bright: #a40e26;
248
+ --color-ansi-green: #116329;
245
249
  --color-ansi-green-bright: #1a7f37;
250
+ --color-ansi-yellow: #4d2d00;
246
251
  --color-ansi-yellow-bright: #633c01;
252
+ --color-ansi-blue: #0969da;
247
253
  --color-ansi-blue-bright: #218bff;
254
+ --color-ansi-magenta: #8250df;
248
255
  --color-ansi-magenta-bright: #a475f9;
256
+ --color-ansi-cyan: #1b7c83;
249
257
  --color-ansi-cyan-bright: #3192aa;
250
258
  --color-prettylights-syntax-comment: #6e7781;
251
259
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
252
- --color-prettylights-syntax-entity-tag: #0550ae;
260
+ --color-prettylights-syntax-entity: #8250df;
253
261
  --color-prettylights-syntax-storage-modifier-import: #24292f;
262
+ --color-prettylights-syntax-entity-tag: #0550ae;
254
263
  --color-prettylights-syntax-keyword: #cf222e;
255
- --color-prettylights-syntax-string-regexp: #116329;
264
+ --color-prettylights-syntax-string: #0a3069;
256
265
  --color-prettylights-syntax-variable: #953800;
257
266
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
267
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
258
268
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
269
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
259
270
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
271
+ --color-prettylights-syntax-string-regexp: #116329;
272
+ --color-prettylights-syntax-markup-list: #3b2300;
273
+ --color-prettylights-syntax-markup-heading: #0550ae;
274
+ --color-prettylights-syntax-markup-italic: #24292f;
275
+ --color-prettylights-syntax-markup-bold: #24292f;
276
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
277
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
278
+ --color-prettylights-syntax-markup-inserted-text: #116329;
279
+ --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
280
+ --color-prettylights-syntax-markup-changed-text: #953800;
281
+ --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
282
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
260
283
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
261
284
  --color-prettylights-syntax-meta-diff-range: #8250df;
262
285
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
@@ -603,25 +626,48 @@
603
626
  --borderColor-done-emphasis: #8250df;
604
627
  --borderColor-sponsors-muted: #ff80c866;
605
628
  --borderColor-sponsors-emphasis: #bf3989;
629
+ --color-ansi-black: #24292f;
606
630
  --color-ansi-black-bright: #57606a;
631
+ --color-ansi-white: #6e7781;
607
632
  --color-ansi-white-bright: #8c959f;
608
633
  --color-ansi-gray: #6e7781;
634
+ --color-ansi-red: #cf222e;
609
635
  --color-ansi-red-bright: #a40e26;
636
+ --color-ansi-green: #116329;
610
637
  --color-ansi-green-bright: #1a7f37;
638
+ --color-ansi-yellow: #4d2d00;
611
639
  --color-ansi-yellow-bright: #633c01;
640
+ --color-ansi-blue: #0969da;
612
641
  --color-ansi-blue-bright: #218bff;
642
+ --color-ansi-magenta: #8250df;
613
643
  --color-ansi-magenta-bright: #a475f9;
644
+ --color-ansi-cyan: #1b7c83;
614
645
  --color-ansi-cyan-bright: #3192aa;
615
646
  --color-prettylights-syntax-comment: #6e7781;
616
647
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
617
- --color-prettylights-syntax-entity-tag: #0550ae;
648
+ --color-prettylights-syntax-entity: #8250df;
618
649
  --color-prettylights-syntax-storage-modifier-import: #24292f;
650
+ --color-prettylights-syntax-entity-tag: #0550ae;
619
651
  --color-prettylights-syntax-keyword: #cf222e;
620
- --color-prettylights-syntax-string-regexp: #116329;
652
+ --color-prettylights-syntax-string: #0a3069;
621
653
  --color-prettylights-syntax-variable: #953800;
622
654
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
655
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
623
656
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
657
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
624
658
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
659
+ --color-prettylights-syntax-string-regexp: #116329;
660
+ --color-prettylights-syntax-markup-list: #3b2300;
661
+ --color-prettylights-syntax-markup-heading: #0550ae;
662
+ --color-prettylights-syntax-markup-italic: #24292f;
663
+ --color-prettylights-syntax-markup-bold: #24292f;
664
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
665
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
666
+ --color-prettylights-syntax-markup-inserted-text: #116329;
667
+ --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
668
+ --color-prettylights-syntax-markup-changed-text: #953800;
669
+ --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
670
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
625
671
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
626
672
  --color-prettylights-syntax-meta-diff-range: #8250df;
627
673
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;