@primer/primitives 7.11.7 → 7.11.8-rc.0e182a2

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 +200 -204
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +90 -94
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +90 -94
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +90 -94
  6. package/tokens-next-private/css/functional/themes/dark.css +90 -94
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +174 -124
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +56 -6
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +56 -6
  10. package/tokens-next-private/css/functional/themes/light.css +56 -6
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +204 -230
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +137 -163
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +137 -163
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +137 -163
  15. package/tokens-next-private/docs/functional/themes/dark.json +137 -163
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +409 -84
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +348 -23
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +348 -23
  19. package/tokens-next-private/docs/functional/themes/light.json +348 -23
  20. package/tokens-next-private/js/functional/themes/dark-colorblind.js +129 -101
  21. package/tokens-next-private/js/functional/themes/dark-dimmed.js +73 -45
  22. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +73 -45
  23. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +73 -45
  24. package/tokens-next-private/js/functional/themes/dark.js +73 -45
  25. package/tokens-next-private/js/functional/themes/light-colorblind.js +100 -95
  26. package/tokens-next-private/js/functional/themes/light-high-contrast.js +42 -37
  27. package/tokens-next-private/js/functional/themes/light-tritanopia.js +42 -37
  28. package/tokens-next-private/js/functional/themes/light.js +42 -37
  29. package/tokens-next-private/json/functional/themes/dark-colorblind.json +131 -103
  30. package/tokens-next-private/json/functional/themes/dark-dimmed.json +75 -47
  31. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +75 -47
  32. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +75 -47
  33. package/tokens-next-private/json/functional/themes/dark.json +75 -47
  34. package/tokens-next-private/json/functional/themes/light-colorblind.json +101 -96
  35. package/tokens-next-private/json/functional/themes/light-high-contrast.json +43 -38
  36. package/tokens-next-private/json/functional/themes/light-tritanopia.json +43 -38
  37. package/tokens-next-private/json/functional/themes/light.json +43 -38
  38. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +100 -102
  39. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +45 -47
  40. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +45 -47
  41. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +45 -47
  42. package/tokens-next-private/scss/functional/themes/dark.scss +45 -47
  43. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +87 -62
  44. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +28 -3
  45. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +28 -3
  46. package/tokens-next-private/scss/functional/themes/light.scss +28 -3
  47. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +129 -101
  48. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +73 -45
  49. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +73 -45
  50. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +73 -45
  51. package/tokens-next-private/ts/functional/themes/dark.ts +73 -45
  52. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +100 -95
  53. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +42 -37
  54. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +42 -37
  55. package/tokens-next-private/ts/functional/themes/light.ts +42 -37
  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 +43 -38
  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
@@ -237,53 +237,51 @@
237
237
  --borderColor-done-emphasis: #8957e5;
238
238
  --borderColor-sponsors-muted: #db61a266;
239
239
  --borderColor-sponsors-emphasis: #bf4b8a;
240
- --ansi-fgColor-black: #484f58;
241
- --ansi-fgColor-blackBright: #6e7681;
242
- --ansi-fgColor-white: #b1bac4;
243
- --ansi-fgColor-whiteBright: #ffffff;
244
- --ansi-fgColor-gray: #6e7681;
245
- --ansi-fgColor-red: #ff7b72;
246
- --ansi-fgColor-redBright: #ffa198;
247
- --ansi-fgColor-green: #3fb950;
248
- --ansi-fgColor-greenBright: #56d364;
249
- --ansi-fgColor-yellow: #d29922;
250
- --ansi-fgColor-yellowBright: #e3b341;
251
- --ansi-fgColor-blue: #58a6ff;
252
- --ansi-fgColor-blueBright: #79c0ff;
253
- --ansi-fgColor-magenta: #bc8cff;
254
- --ansi-fgColor-magentaBright: #d2a8ff;
255
- --ansi-fgColor-cyan: #39c5cf;
256
- --ansi-fgColor-cyanBright: #56d4dd;
257
- --prettylights-syntax-comment: #8b949e;
258
- --prettylights-syntax-constant: #79c0ff;
259
- --prettylights-syntax-entity: #d2a8ff;
260
- --prettylights-syntax-storageModifierImport: #c9d1d9;
261
- --prettylights-syntax-entityTag: #7ee787;
262
- --prettylights-syntax-keyword: #ff7b72;
263
- --prettylights-syntax-string: #a5d6ff;
264
- --prettylights-syntax-variable: #ffa657;
265
- --prettylights-syntax-brackethighlighterUnmatched: #f85149;
266
- --prettylights-syntax-invalidIllegalText: #f0f6fc;
267
- --prettylights-syntax-invalidIllegalBg: #8e1519;
268
- --prettylights-syntax-carriageReturnText: #f0f6fc;
269
- --prettylights-syntax-carriageReturnBg: #b62324;
270
- --prettylights-syntax-stringRegexp: #7ee787;
271
- --prettylights-syntax-markupList: #f2cc60;
272
- --prettylights-syntax-markupHeading: #1f6feb;
273
- --prettylights-syntax-markupItalic: #c9d1d9;
274
- --prettylights-syntax-markupBold: #c9d1d9;
275
- --prettylights-syntax-markupDeletedText: #ffdcd7;
276
- --prettylights-syntax-markupDeletedBg: #67060c;
277
- --prettylights-syntax-markupInsertedText: #aff5b4;
278
- --prettylights-syntax-markupInsertedBg: #033a16;
279
- --prettylights-syntax-markupChangedText: #ffdfb6;
280
- --prettylights-syntax-markupChangedBg: #5a1e02;
281
- --prettylights-syntax-markupIgnoredText: #c9d1d9;
282
- --prettylights-syntax-markupIgnoredBg: #1158c7;
283
- --prettylights-syntax-metaDiffRange: #d2a8ff;
284
- --prettylights-syntax-brackethighlighterAngle: #8b949e;
285
- --prettylights-syntax-sublimelinterGutterMark: #484f58;
286
- --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
240
+ --color-ansi-black: #484f58;
241
+ --color-ansi-black-bright: #6e7681;
242
+ --color-ansi-white: #b1bac4;
243
+ --color-ansi-white-bright: #ffffff;
244
+ --color-ansi-gray: #6e7681;
245
+ --color-ansi-red: #ff7b72;
246
+ --color-ansi-red-bright: #ffa198;
247
+ --color-ansi-green: #3fb950;
248
+ --color-ansi-green-bright: #56d364;
249
+ --color-ansi-yellow: #d29922;
250
+ --color-ansi-yellow-bright: #e3b341;
251
+ --color-ansi-blue: #58a6ff;
252
+ --color-ansi-blue-bright: #79c0ff;
253
+ --color-ansi-magenta: #bc8cff;
254
+ --color-ansi-magenta-bright: #d2a8ff;
255
+ --color-ansi-cyan: #39c5cf;
256
+ --color-ansi-cyan-bright: #56d4dd;
257
+ --color-prettylights-syntax-comment: #8b949e;
258
+ --color-prettylights-syntax-constant: #79c0ff;
259
+ --color-prettylights-syntax-entity: #d2a8ff;
260
+ --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
261
+ --color-prettylights-syntax-entity-tag: #7ee787;
262
+ --color-prettylights-syntax-keyword: #ff7b72;
263
+ --color-prettylights-syntax-string: #a5d6ff;
264
+ --color-prettylights-syntax-variable: #ffa657;
265
+ --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
266
+ --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
267
+ --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
268
+ --color-prettylights-syntax-carriage-return-bg: #b62324;
269
+ --color-prettylights-syntax-string-regexp: #7ee787;
270
+ --color-prettylights-syntax-markup-list: #f2cc60;
271
+ --color-prettylights-syntax-markup-heading: #1f6feb;
272
+ --color-prettylights-syntax-markup-italic: #c9d1d9;
273
+ --color-prettylights-syntax-markup-bold: #c9d1d9;
274
+ --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
275
+ --color-prettylights-syntax-markup-deleted-bg: #67060c;
276
+ --color-prettylights-syntax-markup-inserted-text: #aff5b4;
277
+ --color-prettylights-syntax-markup-inserted-bg: #033a16;
278
+ --color-prettylights-syntax-markup-changed-text: #ffdfb6;
279
+ --color-prettylights-syntax-markup-changed-bg: #5a1e02;
280
+ --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
281
+ --color-prettylights-syntax-markup-ignored-bg: #1158c7;
282
+ --color-prettylights-syntax-meta-diff-range: #d2a8ff;
283
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
284
+ --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
287
285
  --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
288
286
  --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
289
287
  --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -627,53 +625,51 @@
627
625
  --borderColor-done-emphasis: #8957e5;
628
626
  --borderColor-sponsors-muted: #db61a266;
629
627
  --borderColor-sponsors-emphasis: #bf4b8a;
630
- --ansi-fgColor-black: #484f58;
631
- --ansi-fgColor-blackBright: #6e7681;
632
- --ansi-fgColor-white: #b1bac4;
633
- --ansi-fgColor-whiteBright: #ffffff;
634
- --ansi-fgColor-gray: #6e7681;
635
- --ansi-fgColor-red: #ff7b72;
636
- --ansi-fgColor-redBright: #ffa198;
637
- --ansi-fgColor-green: #3fb950;
638
- --ansi-fgColor-greenBright: #56d364;
639
- --ansi-fgColor-yellow: #d29922;
640
- --ansi-fgColor-yellowBright: #e3b341;
641
- --ansi-fgColor-blue: #58a6ff;
642
- --ansi-fgColor-blueBright: #79c0ff;
643
- --ansi-fgColor-magenta: #bc8cff;
644
- --ansi-fgColor-magentaBright: #d2a8ff;
645
- --ansi-fgColor-cyan: #39c5cf;
646
- --ansi-fgColor-cyanBright: #56d4dd;
647
- --prettylights-syntax-comment: #8b949e;
648
- --prettylights-syntax-constant: #79c0ff;
649
- --prettylights-syntax-entity: #d2a8ff;
650
- --prettylights-syntax-storageModifierImport: #c9d1d9;
651
- --prettylights-syntax-entityTag: #7ee787;
652
- --prettylights-syntax-keyword: #ff7b72;
653
- --prettylights-syntax-string: #a5d6ff;
654
- --prettylights-syntax-variable: #ffa657;
655
- --prettylights-syntax-brackethighlighterUnmatched: #f85149;
656
- --prettylights-syntax-invalidIllegalText: #f0f6fc;
657
- --prettylights-syntax-invalidIllegalBg: #8e1519;
658
- --prettylights-syntax-carriageReturnText: #f0f6fc;
659
- --prettylights-syntax-carriageReturnBg: #b62324;
660
- --prettylights-syntax-stringRegexp: #7ee787;
661
- --prettylights-syntax-markupList: #f2cc60;
662
- --prettylights-syntax-markupHeading: #1f6feb;
663
- --prettylights-syntax-markupItalic: #c9d1d9;
664
- --prettylights-syntax-markupBold: #c9d1d9;
665
- --prettylights-syntax-markupDeletedText: #ffdcd7;
666
- --prettylights-syntax-markupDeletedBg: #67060c;
667
- --prettylights-syntax-markupInsertedText: #aff5b4;
668
- --prettylights-syntax-markupInsertedBg: #033a16;
669
- --prettylights-syntax-markupChangedText: #ffdfb6;
670
- --prettylights-syntax-markupChangedBg: #5a1e02;
671
- --prettylights-syntax-markupIgnoredText: #c9d1d9;
672
- --prettylights-syntax-markupIgnoredBg: #1158c7;
673
- --prettylights-syntax-metaDiffRange: #d2a8ff;
674
- --prettylights-syntax-brackethighlighterAngle: #8b949e;
675
- --prettylights-syntax-sublimelinterGutterMark: #484f58;
676
- --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
628
+ --color-ansi-black: #484f58;
629
+ --color-ansi-black-bright: #6e7681;
630
+ --color-ansi-white: #b1bac4;
631
+ --color-ansi-white-bright: #ffffff;
632
+ --color-ansi-gray: #6e7681;
633
+ --color-ansi-red: #ff7b72;
634
+ --color-ansi-red-bright: #ffa198;
635
+ --color-ansi-green: #3fb950;
636
+ --color-ansi-green-bright: #56d364;
637
+ --color-ansi-yellow: #d29922;
638
+ --color-ansi-yellow-bright: #e3b341;
639
+ --color-ansi-blue: #58a6ff;
640
+ --color-ansi-blue-bright: #79c0ff;
641
+ --color-ansi-magenta: #bc8cff;
642
+ --color-ansi-magenta-bright: #d2a8ff;
643
+ --color-ansi-cyan: #39c5cf;
644
+ --color-ansi-cyan-bright: #56d4dd;
645
+ --color-prettylights-syntax-comment: #8b949e;
646
+ --color-prettylights-syntax-constant: #79c0ff;
647
+ --color-prettylights-syntax-entity: #d2a8ff;
648
+ --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
649
+ --color-prettylights-syntax-entity-tag: #7ee787;
650
+ --color-prettylights-syntax-keyword: #ff7b72;
651
+ --color-prettylights-syntax-string: #a5d6ff;
652
+ --color-prettylights-syntax-variable: #ffa657;
653
+ --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
654
+ --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
655
+ --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
656
+ --color-prettylights-syntax-carriage-return-bg: #b62324;
657
+ --color-prettylights-syntax-string-regexp: #7ee787;
658
+ --color-prettylights-syntax-markup-list: #f2cc60;
659
+ --color-prettylights-syntax-markup-heading: #1f6feb;
660
+ --color-prettylights-syntax-markup-italic: #c9d1d9;
661
+ --color-prettylights-syntax-markup-bold: #c9d1d9;
662
+ --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
663
+ --color-prettylights-syntax-markup-deleted-bg: #67060c;
664
+ --color-prettylights-syntax-markup-inserted-text: #aff5b4;
665
+ --color-prettylights-syntax-markup-inserted-bg: #033a16;
666
+ --color-prettylights-syntax-markup-changed-text: #ffdfb6;
667
+ --color-prettylights-syntax-markup-changed-bg: #5a1e02;
668
+ --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
669
+ --color-prettylights-syntax-markup-ignored-bg: #1158c7;
670
+ --color-prettylights-syntax-meta-diff-range: #d2a8ff;
671
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
672
+ --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
677
673
  --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
678
674
  --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
679
675
  --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */