@primer/primitives 7.15.6-rc.df0f9bf → 7.15.7-rc.04c26b8

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 (122) hide show
  1. package/dist/css/functional/size/size.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +4 -28
  3. package/dist/css/functional/themes/dark-dimmed.css +4 -28
  4. package/dist/css/functional/themes/dark-high-contrast.css +150 -174
  5. package/dist/css/functional/themes/dark-tritanopia.css +4 -28
  6. package/dist/css/functional/themes/dark.css +4 -28
  7. package/dist/css/functional/themes/light-colorblind.css +4 -28
  8. package/dist/css/functional/themes/light-high-contrast.css +2 -26
  9. package/dist/css/functional/themes/light-tritanopia.css +4 -28
  10. package/dist/css/functional/themes/light.css +4 -28
  11. package/dist/docs/functional/size/size.json +25 -0
  12. package/dist/docs/functional/themes/dark-colorblind.json +4 -360
  13. package/dist/docs/functional/themes/dark-dimmed.json +4 -360
  14. package/dist/docs/functional/themes/dark-high-contrast.json +78 -434
  15. package/dist/docs/functional/themes/dark-tritanopia.json +4 -360
  16. package/dist/docs/functional/themes/dark.json +4 -360
  17. package/dist/docs/functional/themes/light-colorblind.json +5 -359
  18. package/dist/docs/functional/themes/light-high-contrast.json +2 -356
  19. package/dist/docs/functional/themes/light-tritanopia.json +5 -359
  20. package/dist/docs/functional/themes/light.json +5 -359
  21. package/dist/fallbacks/functional/size/size.json +2 -1
  22. package/dist/figma/dimension/dimension.json +10 -0
  23. package/dist/figma/themes/dark.json +3 -196
  24. package/dist/figma/themes/light.json +2 -194
  25. package/dist/scss/functional/size/size.scss +1 -0
  26. package/dist/scss/functional/themes/dark-colorblind.scss +2 -14
  27. package/dist/scss/functional/themes/dark-dimmed.scss +2 -14
  28. package/dist/scss/functional/themes/dark-high-contrast.scss +75 -87
  29. package/dist/scss/functional/themes/dark-tritanopia.scss +2 -14
  30. package/dist/scss/functional/themes/dark.scss +2 -14
  31. package/dist/scss/functional/themes/light-colorblind.scss +2 -14
  32. package/dist/scss/functional/themes/light-high-contrast.scss +1 -13
  33. package/dist/scss/functional/themes/light-tritanopia.scss +2 -14
  34. package/dist/scss/functional/themes/light.scss +2 -14
  35. package/package.json +1 -1
  36. package/tokens-next-private/css/functional/size/size.css +1 -0
  37. package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -28
  38. package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -28
  39. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +150 -174
  40. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -28
  41. package/tokens-next-private/css/functional/themes/dark.css +4 -28
  42. package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -28
  43. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -26
  44. package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -28
  45. package/tokens-next-private/css/functional/themes/light.css +4 -28
  46. package/tokens-next-private/docs/functional/size/size.json +25 -0
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -360
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -360
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +78 -434
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -360
  51. package/tokens-next-private/docs/functional/themes/dark.json +4 -360
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +5 -359
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +2 -356
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +5 -359
  55. package/tokens-next-private/docs/functional/themes/light.json +5 -359
  56. package/tokens-next-private/fallbacks/functional/size/size.json +2 -1
  57. package/tokens-next-private/figma/dimension/dimension.json +10 -0
  58. package/tokens-next-private/figma/themes/dark.json +3 -196
  59. package/tokens-next-private/figma/themes/light.json +2 -194
  60. package/tokens-next-private/scss/functional/size/size.scss +1 -0
  61. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -14
  62. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -14
  63. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +75 -87
  64. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -14
  65. package/tokens-next-private/scss/functional/themes/dark.scss +2 -14
  66. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -14
  67. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -13
  68. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -14
  69. package/tokens-next-private/scss/functional/themes/light.scss +2 -14
  70. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  71. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  72. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  73. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  74. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  75. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  76. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  77. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  78. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  79. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  80. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  83. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  86. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  88. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  89. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  90. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  91. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  92. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  93. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  94. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  95. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  96. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  97. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  98. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  99. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  100. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  101. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  102. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  103. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  104. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  105. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  107. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  117. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  118. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  119. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/css/functional/size/size.css CHANGED
@@ -70,4 +70,5 @@
70
70
  --overlay-paddingBlock-condensed: 0.25rem;
71
71
  --overlay-paddingBlock-normal: 0.75rem;
72
72
  --overlay-borderRadius: 0.375rem;
73
+ --overlay-offset: 0.25rem;
73
74
  }
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -43,7 +43,7 @@
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
45
  --avatar-bgColor: #ffffff1a;
46
- --avatar-borderColor: #30363d80;
46
+ --avatar-borderColor: #30363db3;
47
47
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
48
48
  --avatarStack-fade-bgColor-default: #30363d;
49
49
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -194,30 +194,18 @@
194
194
  --fgColor-default: #e6edf3;
195
195
  --fgColor-muted: #848d97;
196
196
  --fgColor-onEmphasis: #ffffff;
197
- --fgColor-onInverse: #0d1117;
198
197
  --fgColor-disabled: #8b949e;
199
198
  --fgColor-link: #2f81f7;
200
- --fgColor-link-onInverse: #1f6feb;
201
199
  --fgColor-neutral: #6e7681;
202
- --fgColor-neutral-onInverse: #484f58;
203
200
  --fgColor-accent: #2f81f7;
204
- --fgColor-accent-onInverse: #1f6feb;
205
201
  --fgColor-success: #58a6ff;
206
- --fgColor-success-onInverse: #1f6feb;
207
202
  --fgColor-attention: #d29922;
208
- --fgColor-attention-onInverse: #9e6a03;
209
203
  --fgColor-severe: #db6d28;
210
- --fgColor-severe-onInverse: #bd561d;
211
204
  --fgColor-danger: #db6d28;
212
- --fgColor-danger-onInverse: #db3734;
213
205
  --fgColor-open: #f0883e;
214
- --fgColor-open-onInverse: #bd561d;
215
206
  --fgColor-closed: #8b949e;
216
- --fgColor-closed-onInverse: #484f58;
217
207
  --fgColor-done: #a371f7;
218
- --fgColor-done-onInverse: #8957e5;
219
208
  --fgColor-sponsors: #db61a2;
220
- --fgColor-sponsors-onInverse: #bf4b8a;
221
209
  --bgColor-default: #0d1117;
222
210
  --bgColor-muted: #161b22;
223
211
  --bgColor-inset: #010409;
@@ -246,7 +234,7 @@
246
234
  --bgColor-sponsors-muted: #db61a21a;
247
235
  --bgColor-sponsors-emphasis: #bf4b8a;
248
236
  --borderColor-default: #30363d;
249
- --borderColor-muted: #30363d80;
237
+ --borderColor-muted: #30363db3;
250
238
  --borderColor-emphasis: #484f58;
251
239
  --borderColor-disabled: #161b22;
252
240
  --borderColor-transparent: #00000000;
@@ -464,7 +452,7 @@
464
452
  --headerSearch-bgColor: #0d1117;
465
453
  --headerSearch-borderColor: #30363d;
466
454
  --avatar-bgColor: #ffffff1a;
467
- --avatar-borderColor: #30363d80;
455
+ --avatar-borderColor: #30363db3;
468
456
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
469
457
  --avatarStack-fade-bgColor-default: #30363d;
470
458
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -615,30 +603,18 @@
615
603
  --fgColor-default: #e6edf3;
616
604
  --fgColor-muted: #848d97;
617
605
  --fgColor-onEmphasis: #ffffff;
618
- --fgColor-onInverse: #0d1117;
619
606
  --fgColor-disabled: #8b949e;
620
607
  --fgColor-link: #2f81f7;
621
- --fgColor-link-onInverse: #1f6feb;
622
608
  --fgColor-neutral: #6e7681;
623
- --fgColor-neutral-onInverse: #484f58;
624
609
  --fgColor-accent: #2f81f7;
625
- --fgColor-accent-onInverse: #1f6feb;
626
610
  --fgColor-success: #58a6ff;
627
- --fgColor-success-onInverse: #1f6feb;
628
611
  --fgColor-attention: #d29922;
629
- --fgColor-attention-onInverse: #9e6a03;
630
612
  --fgColor-severe: #db6d28;
631
- --fgColor-severe-onInverse: #bd561d;
632
613
  --fgColor-danger: #db6d28;
633
- --fgColor-danger-onInverse: #db3734;
634
614
  --fgColor-open: #f0883e;
635
- --fgColor-open-onInverse: #bd561d;
636
615
  --fgColor-closed: #8b949e;
637
- --fgColor-closed-onInverse: #484f58;
638
616
  --fgColor-done: #a371f7;
639
- --fgColor-done-onInverse: #8957e5;
640
617
  --fgColor-sponsors: #db61a2;
641
- --fgColor-sponsors-onInverse: #bf4b8a;
642
618
  --bgColor-default: #0d1117;
643
619
  --bgColor-muted: #161b22;
644
620
  --bgColor-inset: #010409;
@@ -667,7 +643,7 @@
667
643
  --bgColor-sponsors-muted: #db61a21a;
668
644
  --bgColor-sponsors-emphasis: #bf4b8a;
669
645
  --borderColor-default: #30363d;
670
- --borderColor-muted: #30363d80;
646
+ --borderColor-muted: #30363db3;
671
647
  --borderColor-emphasis: #484f58;
672
648
  --borderColor-disabled: #161b22;
673
649
  --borderColor-transparent: #00000000;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -43,7 +43,7 @@
43
43
  --headerSearch-bgColor: #22272e;
44
44
  --headerSearch-borderColor: #444c56;
45
45
  --avatar-bgColor: #cdd9e51a;
46
- --avatar-borderColor: #444c5680;
46
+ --avatar-borderColor: #444c56b3;
47
47
  --avatar-shadow: 0px 0px 0px 2px #22272e;
48
48
  --avatarStack-fade-bgColor-default: #444c56;
49
49
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -194,30 +194,18 @@
194
194
  --fgColor-default: #c5d1de;
195
195
  --fgColor-muted: #717e8b;
196
196
  --fgColor-onEmphasis: #cdd9e5;
197
- --fgColor-onInverse: #22272e;
198
197
  --fgColor-disabled: #768390;
199
198
  --fgColor-link: #3b7cdb;
200
- --fgColor-link-onInverse: #316dca;
201
199
  --fgColor-neutral: #636e7b;
202
- --fgColor-neutral-onInverse: #545d68;
203
200
  --fgColor-accent: #3b7cdb;
204
- --fgColor-accent-onInverse: #316dca;
205
201
  --fgColor-success: #57ab5a;
206
- --fgColor-success-onInverse: #347d39;
207
202
  --fgColor-attention: #c69026;
208
- --fgColor-attention-onInverse: #966600;
209
203
  --fgColor-severe: #cc6b2c;
210
- --fgColor-severe-onInverse: #ae5622;
211
204
  --fgColor-danger: #e5534b;
212
- --fgColor-danger-onInverse: #ca3d38;
213
205
  --fgColor-open: #57ab5a;
214
- --fgColor-open-onInverse: #347d39;
215
206
  --fgColor-closed: #e5534b;
216
- --fgColor-closed-onInverse: #ca3d38;
217
207
  --fgColor-done: #986ee2;
218
- --fgColor-done-onInverse: #8256d0;
219
208
  --fgColor-sponsors: #c96198;
220
- --fgColor-sponsors-onInverse: #ae4c82;
221
209
  --bgColor-default: #22272e;
222
210
  --bgColor-muted: #2d333b;
223
211
  --bgColor-inset: #1c2128;
@@ -246,7 +234,7 @@
246
234
  --bgColor-sponsors-muted: #c961981a;
247
235
  --bgColor-sponsors-emphasis: #ae4c82;
248
236
  --borderColor-default: #444c56;
249
- --borderColor-muted: #444c5680;
237
+ --borderColor-muted: #444c56b3;
250
238
  --borderColor-emphasis: #545d68;
251
239
  --borderColor-disabled: #2d333b;
252
240
  --borderColor-transparent: #00000000;
@@ -464,7 +452,7 @@
464
452
  --headerSearch-bgColor: #22272e;
465
453
  --headerSearch-borderColor: #444c56;
466
454
  --avatar-bgColor: #cdd9e51a;
467
- --avatar-borderColor: #444c5680;
455
+ --avatar-borderColor: #444c56b3;
468
456
  --avatar-shadow: 0px 0px 0px 2px #22272e;
469
457
  --avatarStack-fade-bgColor-default: #444c56;
470
458
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -615,30 +603,18 @@
615
603
  --fgColor-default: #c5d1de;
616
604
  --fgColor-muted: #717e8b;
617
605
  --fgColor-onEmphasis: #cdd9e5;
618
- --fgColor-onInverse: #22272e;
619
606
  --fgColor-disabled: #768390;
620
607
  --fgColor-link: #3b7cdb;
621
- --fgColor-link-onInverse: #316dca;
622
608
  --fgColor-neutral: #636e7b;
623
- --fgColor-neutral-onInverse: #545d68;
624
609
  --fgColor-accent: #3b7cdb;
625
- --fgColor-accent-onInverse: #316dca;
626
610
  --fgColor-success: #57ab5a;
627
- --fgColor-success-onInverse: #347d39;
628
611
  --fgColor-attention: #c69026;
629
- --fgColor-attention-onInverse: #966600;
630
612
  --fgColor-severe: #cc6b2c;
631
- --fgColor-severe-onInverse: #ae5622;
632
613
  --fgColor-danger: #e5534b;
633
- --fgColor-danger-onInverse: #ca3d38;
634
614
  --fgColor-open: #57ab5a;
635
- --fgColor-open-onInverse: #347d39;
636
615
  --fgColor-closed: #e5534b;
637
- --fgColor-closed-onInverse: #ca3d38;
638
616
  --fgColor-done: #986ee2;
639
- --fgColor-done-onInverse: #8256d0;
640
617
  --fgColor-sponsors: #c96198;
641
- --fgColor-sponsors-onInverse: #ae4c82;
642
618
  --bgColor-default: #22272e;
643
619
  --bgColor-muted: #2d333b;
644
620
  --bgColor-inset: #1c2128;
@@ -667,7 +643,7 @@
667
643
  --bgColor-sponsors-muted: #c961981a;
668
644
  --bgColor-sponsors-emphasis: #ae4c82;
669
645
  --borderColor-default: #444c56;
670
- --borderColor-muted: #444c5680;
646
+ --borderColor-muted: #444c56b3;
671
647
  --borderColor-emphasis: #545d68;
672
648
  --borderColor-disabled: #2d333b;
673
649
  --borderColor-transparent: #00000000;