@primer/primitives 7.11.7 → 7.11.8-rc.016574b

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 +204 -204
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +94 -94
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +94 -94
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +94 -94
  6. package/tokens-next-private/css/functional/themes/dark.css +94 -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 +218 -218
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +151 -151
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +151 -151
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +151 -151
  15. package/tokens-next-private/docs/functional/themes/dark.json +151 -151
  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 +131 -101
  21. package/tokens-next-private/js/functional/themes/dark-dimmed.js +75 -45
  22. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +75 -45
  23. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +75 -45
  24. package/tokens-next-private/js/functional/themes/dark.js +75 -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 +133 -103
  30. package/tokens-next-private/json/functional/themes/dark-dimmed.json +77 -47
  31. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +77 -47
  32. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +77 -47
  33. package/tokens-next-private/json/functional/themes/dark.json +77 -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 +102 -102
  39. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +47 -47
  40. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +47 -47
  41. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +47 -47
  42. package/tokens-next-private/scss/functional/themes/dark.scss +47 -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 +131 -101
  48. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +75 -45
  49. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +75 -45
  50. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +75 -45
  51. package/tokens-next-private/ts/functional/themes/dark.ts +75 -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
@@ -513,70 +513,74 @@ exports.default = {
513
513
  },
514
514
  color: {
515
515
  ansi: {
516
- black: {
517
- bright: "#4b535d",
518
- },
519
- white: {
520
- bright: "#88929d",
521
- },
516
+ black: "#0e1116",
517
+ "black-bright": "#4b535d",
518
+ white: "#66707b",
519
+ "white-bright": "#88929d",
522
520
  gray: "#66707b",
523
- red: {
524
- bright: "#86061d",
525
- },
526
- green: {
527
- bright: "#055d20",
528
- },
529
- yellow: {
530
- bright: "#4e2c00",
531
- },
532
- blue: {
533
- bright: "#1168e3",
534
- },
535
- magenta: {
536
- bright: "#844ae7",
537
- },
538
- cyan: {
539
- bright: "#3192aa",
540
- },
521
+ red: "#a0111f",
522
+ "red-bright": "#86061d",
523
+ green: "#024c1a",
524
+ "green-bright": "#055d20",
525
+ yellow: "#3f2200",
526
+ "yellow-bright": "#4e2c00",
527
+ blue: "#0349b4",
528
+ "blue-bright": "#1168e3",
529
+ magenta: "#622cbc",
530
+ "magenta-bright": "#844ae7",
531
+ cyan: "#1b7c83",
532
+ "cyan-bright": "#3192aa",
541
533
  },
542
534
  prettylights: {
543
535
  syntax: {
544
536
  comment: "#66707b",
545
- constant: {
546
- other: {
547
- reference: {
548
- link: "#032563",
549
- },
550
- },
551
- },
552
- entity: {
553
- tag: "#023b95",
554
- },
537
+ constant: "#023b95",
538
+ entity: "#622cbc",
555
539
  storage: {
556
540
  modifier: {
557
541
  import: "#0e1116",
558
542
  },
559
543
  },
544
+ "entity-tag": "#023b95",
560
545
  keyword: "#a0111f",
561
- string: {
562
- regexp: "#024c1a",
563
- },
546
+ string: "#032563",
564
547
  variable: "#702c00",
565
548
  brackethighlighter: {
549
+ unmatched: "#6e011a",
566
550
  angle: "#4b535d",
567
551
  },
568
552
  invalid: {
569
553
  illegal: {
554
+ text: "#ffffff",
570
555
  bg: "#6e011a",
571
556
  },
572
557
  },
573
558
  carriage: {
574
559
  return: {
560
+ text: "#ffffff",
575
561
  bg: "#a0111f",
576
562
  },
577
563
  },
564
+ "string-regexp": "#024c1a",
578
565
  markup: {
566
+ list: "#2e1800",
567
+ heading: "#023b95",
568
+ italic: "#0e1116",
569
+ bold: "#0e1116",
570
+ deleted: {
571
+ text: "#6e011a",
572
+ bg: "#fff0ee",
573
+ },
574
+ inserted: {
575
+ text: "#024c1a",
576
+ bg: "#d2fedb",
577
+ },
578
+ changed: {
579
+ text: "#702c00",
580
+ bg: "#ffc67b",
581
+ },
579
582
  ignored: {
583
+ text: "#e7ecf0",
580
584
  bg: "#023b95",
581
585
  },
582
586
  },
@@ -590,6 +594,7 @@ exports.default = {
590
594
  mark: "#88929d",
591
595
  },
592
596
  },
597
+ "constant-other-reference-link": "#032563",
593
598
  },
594
599
  },
595
600
  scale: {
@@ -513,70 +513,74 @@ exports.default = {
513
513
  },
514
514
  color: {
515
515
  ansi: {
516
- black: {
517
- bright: "#57606a",
518
- },
519
- white: {
520
- bright: "#8c959f",
521
- },
516
+ black: "#24292f",
517
+ "black-bright": "#57606a",
518
+ white: "#6e7781",
519
+ "white-bright": "#8c959f",
522
520
  gray: "#6e7781",
523
- red: {
524
- bright: "#a40e26",
525
- },
526
- green: {
527
- bright: "#0969da",
528
- },
529
- yellow: {
530
- bright: "#633c01",
531
- },
532
- blue: {
533
- bright: "#218bff",
534
- },
535
- magenta: {
536
- bright: "#a475f9",
537
- },
538
- cyan: {
539
- bright: "#3192aa",
540
- },
521
+ red: "#cf222e",
522
+ "red-bright": "#a40e26",
523
+ green: "#0550ae",
524
+ "green-bright": "#0969da",
525
+ yellow: "#4d2d00",
526
+ "yellow-bright": "#633c01",
527
+ blue: "#0969da",
528
+ "blue-bright": "#218bff",
529
+ magenta: "#8250df",
530
+ "magenta-bright": "#a475f9",
531
+ cyan: "#1b7c83",
532
+ "cyan-bright": "#3192aa",
541
533
  },
542
534
  prettylights: {
543
535
  syntax: {
544
536
  comment: "#6e7781",
545
- constant: {
546
- other: {
547
- reference: {
548
- link: "#0a3069",
549
- },
550
- },
551
- },
552
- entity: {
553
- tag: "#0550ae",
554
- },
537
+ constant: "#0550ae",
538
+ entity: "#8250df",
555
539
  storage: {
556
540
  modifier: {
557
541
  import: "#24292f",
558
542
  },
559
543
  },
544
+ "entity-tag": "#0550ae",
560
545
  keyword: "#cf222e",
561
- string: {
562
- regexp: "#0550ae",
563
- },
546
+ string: "#0a3069",
564
547
  variable: "#a40e26",
565
548
  brackethighlighter: {
549
+ unmatched: "#82071e",
566
550
  angle: "#57606a",
567
551
  },
568
552
  invalid: {
569
553
  illegal: {
554
+ text: "#f6f8fa",
570
555
  bg: "#82071e",
571
556
  },
572
557
  },
573
558
  carriage: {
574
559
  return: {
560
+ text: "#f6f8fa",
575
561
  bg: "#cf222e",
576
562
  },
577
563
  },
564
+ "string-regexp": "#0550ae",
578
565
  markup: {
566
+ list: "#3b2300",
567
+ heading: "#0550ae",
568
+ italic: "#24292f",
569
+ bold: "#24292f",
570
+ deleted: {
571
+ text: "#82071e",
572
+ bg: "#ffebe9",
573
+ },
574
+ inserted: {
575
+ text: "#0550ae",
576
+ bg: "#ddf4ff",
577
+ },
578
+ changed: {
579
+ text: "#a40e26",
580
+ bg: "#ffcecb",
581
+ },
579
582
  ignored: {
583
+ text: "#eaeef2",
580
584
  bg: "#0550ae",
581
585
  },
582
586
  },
@@ -590,6 +594,7 @@ exports.default = {
590
594
  mark: "#8c959f",
591
595
  },
592
596
  },
597
+ "constant-other-reference-link": "#0a3069",
593
598
  },
594
599
  },
595
600
  scale: {
@@ -513,70 +513,74 @@ exports.default = {
513
513
  },
514
514
  color: {
515
515
  ansi: {
516
- black: {
517
- bright: "#57606a",
518
- },
519
- white: {
520
- bright: "#8c959f",
521
- },
516
+ black: "#24292f",
517
+ "black-bright": "#57606a",
518
+ white: "#6e7781",
519
+ "white-bright": "#8c959f",
522
520
  gray: "#6e7781",
523
- red: {
524
- bright: "#a40e26",
525
- },
526
- green: {
527
- bright: "#1a7f37",
528
- },
529
- yellow: {
530
- bright: "#633c01",
531
- },
532
- blue: {
533
- bright: "#218bff",
534
- },
535
- magenta: {
536
- bright: "#a475f9",
537
- },
538
- cyan: {
539
- bright: "#3192aa",
540
- },
521
+ red: "#cf222e",
522
+ "red-bright": "#a40e26",
523
+ green: "#116329",
524
+ "green-bright": "#1a7f37",
525
+ yellow: "#4d2d00",
526
+ "yellow-bright": "#633c01",
527
+ blue: "#0969da",
528
+ "blue-bright": "#218bff",
529
+ magenta: "#8250df",
530
+ "magenta-bright": "#a475f9",
531
+ cyan: "#1b7c83",
532
+ "cyan-bright": "#3192aa",
541
533
  },
542
534
  prettylights: {
543
535
  syntax: {
544
536
  comment: "#6e7781",
545
- constant: {
546
- other: {
547
- reference: {
548
- link: "#0a3069",
549
- },
550
- },
551
- },
552
- entity: {
553
- tag: "#0550ae",
554
- },
537
+ constant: "#0550ae",
538
+ entity: "#8250df",
555
539
  storage: {
556
540
  modifier: {
557
541
  import: "#24292f",
558
542
  },
559
543
  },
544
+ "entity-tag": "#0550ae",
560
545
  keyword: "#cf222e",
561
- string: {
562
- regexp: "#116329",
563
- },
546
+ string: "#0a3069",
564
547
  variable: "#953800",
565
548
  brackethighlighter: {
549
+ unmatched: "#82071e",
566
550
  angle: "#57606a",
567
551
  },
568
552
  invalid: {
569
553
  illegal: {
554
+ text: "#f6f8fa",
570
555
  bg: "#82071e",
571
556
  },
572
557
  },
573
558
  carriage: {
574
559
  return: {
560
+ text: "#f6f8fa",
575
561
  bg: "#cf222e",
576
562
  },
577
563
  },
564
+ "string-regexp": "#116329",
578
565
  markup: {
566
+ list: "#3b2300",
567
+ heading: "#0550ae",
568
+ italic: "#24292f",
569
+ bold: "#24292f",
570
+ deleted: {
571
+ text: "#82071e",
572
+ bg: "#ffebe9",
573
+ },
574
+ inserted: {
575
+ text: "#116329",
576
+ bg: "#dafbe1",
577
+ },
578
+ changed: {
579
+ text: "#953800",
580
+ bg: "#ffd8b5",
581
+ },
579
582
  ignored: {
583
+ text: "#eaeef2",
580
584
  bg: "#0550ae",
581
585
  },
582
586
  },
@@ -590,6 +594,7 @@ exports.default = {
590
594
  mark: "#8c959f",
591
595
  },
592
596
  },
597
+ "constant-other-reference-link": "#0a3069",
593
598
  },
594
599
  },
595
600
  scale: {