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

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 (116) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +284 -276
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +194 -186
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +194 -186
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +194 -186
  6. package/tokens-next-private/css/functional/themes/dark.css +194 -186
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +282 -274
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +194 -186
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +194 -186
  10. package/tokens-next-private/css/functional/themes/light.css +194 -186
  11. package/tokens-next-private/docs/functional/size/border.json +3 -1
  12. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +119 -67
  13. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +53 -1
  14. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +53 -1
  15. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +53 -1
  16. package/tokens-next-private/docs/functional/themes/dark.json +53 -1
  17. package/tokens-next-private/docs/functional/themes/light-colorblind.json +119 -67
  18. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +53 -1
  19. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +53 -1
  20. package/tokens-next-private/docs/functional/themes/light.json +53 -1
  21. package/tokens-next-private/docs/functional/typography/typography.json +33 -11
  22. package/tokens-next-private/js/functional/themes/dark-colorblind.js +70 -72
  23. package/tokens-next-private/js/functional/themes/dark-dimmed.js +5 -7
  24. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +5 -7
  25. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +5 -7
  26. package/tokens-next-private/js/functional/themes/dark.js +5 -7
  27. package/tokens-next-private/js/functional/themes/light-colorblind.js +69 -71
  28. package/tokens-next-private/js/functional/themes/light-high-contrast.js +5 -7
  29. package/tokens-next-private/js/functional/themes/light-tritanopia.js +5 -7
  30. package/tokens-next-private/js/functional/themes/light.js +5 -7
  31. package/tokens-next-private/json/functional/themes/dark-colorblind.json +70 -72
  32. package/tokens-next-private/json/functional/themes/dark-dimmed.json +5 -7
  33. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +5 -7
  34. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +5 -7
  35. package/tokens-next-private/json/functional/themes/dark.json +5 -7
  36. package/tokens-next-private/json/functional/themes/light-colorblind.json +69 -71
  37. package/tokens-next-private/json/functional/themes/light-high-contrast.json +5 -7
  38. package/tokens-next-private/json/functional/themes/light-tritanopia.json +5 -7
  39. package/tokens-next-private/json/functional/themes/light.json +5 -7
  40. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  41. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +69 -65
  42. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +4 -0
  43. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +4 -0
  44. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +4 -0
  45. package/tokens-next-private/scss/functional/themes/dark.scss +4 -0
  46. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +68 -64
  47. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +4 -0
  48. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +4 -0
  49. package/tokens-next-private/scss/functional/themes/light.scss +4 -0
  50. package/tokens-next-private/scss/functional/typography/typography.scss +11 -11
  51. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +70 -72
  52. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +5 -7
  53. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +5 -7
  54. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +5 -7
  55. package/tokens-next-private/ts/functional/themes/dark.ts +5 -7
  56. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +69 -71
  57. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +5 -7
  58. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +5 -7
  59. package/tokens-next-private/ts/functional/themes/light.ts +5 -7
  60. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  61. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  62. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +6 -8
  63. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  64. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  65. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  68. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  69. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  70. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  71. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  72. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  77. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  78. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  79. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  80. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  81. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  82. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  86. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  87. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  88. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  89. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  90. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  95. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  96. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  97. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  98. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  99. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  101. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -30,9 +30,9 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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 @@ exports.default = {
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,8 @@ exports.default = {
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",
537
+ "constant-other-reference-link": "#a5d6ff",
543
538
  entity: "#d2a8ff",
544
539
  storage: {
545
540
  modifier: {
@@ -547,20 +542,23 @@ exports.default = {
547
542
  },
548
543
  },
549
544
  "entity-tag": "#a5d6ff",
550
- keyword: "#ec8e2c",
545
+ keyword: "#f0883e",
551
546
  string: "#a5d6ff",
552
- variable: "#fdac54",
547
+ variable: "#ffa657",
553
548
  brackethighlighter: {
549
+ unmatched: "#db6d28",
554
550
  angle: "#8b949e",
555
551
  },
556
552
  invalid: {
557
553
  illegal: {
558
- bg: "#6c3906",
554
+ text: "#f0f6fc",
555
+ bg: "#762d0a",
559
556
  },
560
557
  },
561
558
  carriage: {
562
559
  return: {
563
- bg: "#914d04",
560
+ text: "#f0f6fc",
561
+ bg: "#9b4215",
564
562
  },
565
563
  },
566
564
  "string-regexp": "#a5d6ff",
@@ -570,16 +568,16 @@ exports.default = {
570
568
  italic: "#c9d1d9",
571
569
  bold: "#c9d1d9",
572
570
  deleted: {
573
- text: "#ffe2bb",
574
- bg: "#4e2906",
571
+ text: "#ffdfb6",
572
+ bg: "#5a1e02",
575
573
  },
576
574
  inserted: {
577
575
  text: "#cae8ff",
578
576
  bg: "#0c2d6b",
579
577
  },
580
578
  changed: {
581
- text: "#ffe2bb",
582
- bg: "#4e2906",
579
+ text: "#ffdfb6",
580
+ bg: "#5a1e02",
583
581
  },
584
582
  ignored: {
585
583
  text: "#c9d1d9",
@@ -651,28 +649,28 @@ exports.default = {
651
649
  "9": "#341a00",
652
650
  },
653
651
  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",
652
+ "0": "#ffdfb6",
653
+ "1": "#ffc680",
654
+ "2": "#ffa657",
655
+ "3": "#f0883e",
656
+ "4": "#db6d28",
657
+ "5": "#bd561d",
658
+ "6": "#9b4215",
659
+ "7": "#762d0a",
660
+ "8": "#5a1e02",
661
+ "9": "#3d1300",
664
662
  },
665
663
  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",
664
+ "0": "#ffdfb6",
665
+ "1": "#ffc680",
666
+ "2": "#ffa657",
667
+ "3": "#f0883e",
668
+ "4": "#db6d28",
669
+ "5": "#bd561d",
670
+ "6": "#9b4215",
671
+ "7": "#762d0a",
672
+ "8": "#5a1e02",
673
+ "9": "#3d1300",
676
674
  },
677
675
  purple: {
678
676
  "0": "#eddeff",
@@ -533,13 +533,8 @@ exports.default = {
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",
537
+ "constant-other-reference-link": "#96d0ff",
543
538
  entity: "#dcbdfb",
544
539
  storage: {
545
540
  modifier: {
@@ -551,15 +546,18 @@ exports.default = {
551
546
  string: "#96d0ff",
552
547
  variable: "#f69d50",
553
548
  brackethighlighter: {
549
+ unmatched: "#e5534b",
554
550
  angle: "#768390",
555
551
  },
556
552
  invalid: {
557
553
  illegal: {
554
+ text: "#cdd9e5",
558
555
  bg: "#922323",
559
556
  },
560
557
  },
561
558
  carriage: {
562
559
  return: {
560
+ text: "#cdd9e5",
563
561
  bg: "#ad2e2c",
564
562
  },
565
563
  },
@@ -533,13 +533,8 @@ exports.default = {
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",
537
+ "constant-other-reference-link": "#addcff",
543
538
  entity: "#dbb7ff",
544
539
  storage: {
545
540
  modifier: {
@@ -551,15 +546,18 @@ exports.default = {
551
546
  string: "#addcff",
552
547
  variable: "#ffb757",
553
548
  brackethighlighter: {
549
+ unmatched: "#ff6a69",
554
550
  angle: "#bdc4cc",
555
551
  },
556
552
  invalid: {
557
553
  illegal: {
554
+ text: "#ffffff",
558
555
  bg: "#e82a2f",
559
556
  },
560
557
  },
561
558
  carriage: {
562
559
  return: {
560
+ text: "#ffffff",
563
561
  bg: "#ff4445",
564
562
  },
565
563
  },
@@ -533,13 +533,8 @@ exports.default = {
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",
537
+ "constant-other-reference-link": "#a5d6ff",
543
538
  entity: "#d2a8ff",
544
539
  storage: {
545
540
  modifier: {
@@ -551,15 +546,18 @@ exports.default = {
551
546
  string: "#a5d6ff",
552
547
  variable: "#ffa198",
553
548
  brackethighlighter: {
549
+ unmatched: "#f85149",
554
550
  angle: "#8b949e",
555
551
  },
556
552
  invalid: {
557
553
  illegal: {
554
+ text: "#f0f6fc",
558
555
  bg: "#8e1519",
559
556
  },
560
557
  },
561
558
  carriage: {
562
559
  return: {
560
+ text: "#f0f6fc",
563
561
  bg: "#b62324",
564
562
  },
565
563
  },
@@ -533,13 +533,8 @@ exports.default = {
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",
537
+ "constant-other-reference-link": "#a5d6ff",
543
538
  entity: "#d2a8ff",
544
539
  storage: {
545
540
  modifier: {
@@ -551,15 +546,18 @@ exports.default = {
551
546
  string: "#a5d6ff",
552
547
  variable: "#ffa657",
553
548
  brackethighlighter: {
549
+ unmatched: "#f85149",
554
550
  angle: "#8b949e",
555
551
  },
556
552
  invalid: {
557
553
  illegal: {
554
+ text: "#f0f6fc",
558
555
  bg: "#8e1519",
559
556
  },
560
557
  },
561
558
  carriage: {
562
559
  return: {
560
+ text: "#f0f6fc",
563
561
  bg: "#b62324",
564
562
  },
565
563
  },