@primer/primitives 7.15.6 → 7.15.7-rc.2f92cb1

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 +16 -38
  3. package/dist/css/functional/themes/dark-dimmed.css +16 -38
  4. package/dist/css/functional/themes/dark-high-contrast.css +12 -34
  5. package/dist/css/functional/themes/dark-tritanopia.css +16 -38
  6. package/dist/css/functional/themes/dark.css +16 -38
  7. package/dist/css/functional/themes/light-colorblind.css +4 -26
  8. package/dist/css/functional/themes/light-high-contrast.css +2 -24
  9. package/dist/css/functional/themes/light-tritanopia.css +4 -26
  10. package/dist/css/functional/themes/light.css +4 -26
  11. package/dist/docs/functional/size/size.json +25 -0
  12. package/dist/docs/functional/themes/dark-colorblind.json +41 -366
  13. package/dist/docs/functional/themes/dark-dimmed.json +41 -366
  14. package/dist/docs/functional/themes/dark-high-contrast.json +37 -362
  15. package/dist/docs/functional/themes/dark-tritanopia.json +41 -366
  16. package/dist/docs/functional/themes/dark.json +41 -366
  17. package/dist/docs/functional/themes/light-colorblind.json +34 -357
  18. package/dist/docs/functional/themes/light-high-contrast.json +31 -354
  19. package/dist/docs/functional/themes/light-tritanopia.json +34 -357
  20. package/dist/docs/functional/themes/light.json +34 -357
  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 +36 -212
  24. package/dist/figma/themes/light.json +19 -194
  25. package/dist/scss/functional/size/size.scss +1 -0
  26. package/dist/scss/functional/themes/dark-colorblind.scss +8 -19
  27. package/dist/scss/functional/themes/dark-dimmed.scss +8 -19
  28. package/dist/scss/functional/themes/dark-high-contrast.scss +6 -17
  29. package/dist/scss/functional/themes/dark-tritanopia.scss +8 -19
  30. package/dist/scss/functional/themes/dark.scss +8 -19
  31. package/dist/scss/functional/themes/light-colorblind.scss +2 -13
  32. package/dist/scss/functional/themes/light-high-contrast.scss +1 -12
  33. package/dist/scss/functional/themes/light-tritanopia.scss +2 -13
  34. package/dist/scss/functional/themes/light.scss +2 -13
  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 +16 -38
  38. package/tokens-next-private/css/functional/themes/dark-dimmed.css +16 -38
  39. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +12 -34
  40. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +16 -38
  41. package/tokens-next-private/css/functional/themes/dark.css +16 -38
  42. package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -26
  43. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -24
  44. package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -26
  45. package/tokens-next-private/css/functional/themes/light.css +4 -26
  46. package/tokens-next-private/docs/functional/size/size.json +25 -0
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +41 -366
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +41 -366
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +37 -362
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +41 -366
  51. package/tokens-next-private/docs/functional/themes/dark.json +41 -366
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +34 -357
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +31 -354
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +34 -357
  55. package/tokens-next-private/docs/functional/themes/light.json +34 -357
  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 +36 -212
  59. package/tokens-next-private/figma/themes/light.json +19 -194
  60. package/tokens-next-private/scss/functional/size/size.scss +1 -0
  61. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +8 -19
  62. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +8 -19
  63. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -17
  64. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +8 -19
  65. package/tokens-next-private/scss/functional/themes/dark.scss +8 -19
  66. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -13
  67. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -12
  68. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -13
  69. package/tokens-next-private/scss/functional/themes/light.scss +2 -13
  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
@@ -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;
@@ -123,7 +123,7 @@
123
123
  --button-primary-borderColor-active: #f0f6fc1a;
124
124
  --button-primary-borderColor-disabled: #46bf57;
125
125
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
126
- --button-invisible-fgColor-rest: #2f81f7;
126
+ --button-invisible-fgColor-rest: #4493f8;
127
127
  --button-invisible-fgColor-hover: #58a6ff;
128
128
  --button-invisible-fgColor-disabled: #8b949e;
129
129
  --button-invisible-iconColor-rest: #848d97;
@@ -139,7 +139,7 @@
139
139
  --button-outline-fgColor-rest: #388bfd;
140
140
  --button-outline-fgColor-hover: #58a6ff;
141
141
  --button-outline-fgColor-active: #ffffff;
142
- --button-outline-fgColor-disabled: #2f81f780;
142
+ --button-outline-fgColor-disabled: #4493f880;
143
143
  --button-outline-bgColor-rest: #f0f6fc;
144
144
  --button-outline-bgColor-hover: #30363d;
145
145
  --button-outline-bgColor-active: #0d419d;
@@ -171,7 +171,7 @@
171
171
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
172
172
  --buttonCounter-outline-fgColor-rest: #388bfd;
173
173
  --buttonCounter-outline-fgColor-hover: #58a6ff;
174
- --buttonCounter-outline-fgColor-disabled: #2f81f780;
174
+ --buttonCounter-outline-fgColor-disabled: #4493f880;
175
175
  --buttonCounter-danger-bgColor-hover: #ffffff33;
176
176
  --buttonCounter-danger-bgColor-disabled: #da36330d;
177
177
  --buttonCounter-danger-bgColor-rest: #49020233;
@@ -191,33 +191,22 @@
191
191
  --underlineNav-borderColor-active: #f78166;
192
192
  --underlineNav-borderColor-hover: #6e768166;
193
193
  --underlineNav-iconColor-rest: #848d97;
194
+ --selection-bgColor: #4493f833;
194
195
  --fgColor-default: #e6edf3;
195
196
  --fgColor-muted: #848d97;
196
197
  --fgColor-onEmphasis: #ffffff;
197
- --fgColor-onInverse: #0d1117;
198
198
  --fgColor-disabled: #8b949e;
199
- --fgColor-link: #2f81f7;
200
- --fgColor-link-onInverse: #1f6feb;
199
+ --fgColor-link: #4493f8;
201
200
  --fgColor-neutral: #6e7681;
202
- --fgColor-neutral-onInverse: #484f58;
203
- --fgColor-accent: #2f81f7;
204
- --fgColor-accent-onInverse: #1f6feb;
201
+ --fgColor-accent: #4493f8;
205
202
  --fgColor-success: #3fb950;
206
- --fgColor-success-onInverse: #238636;
207
203
  --fgColor-attention: #d29922;
208
- --fgColor-attention-onInverse: #9e6a03;
209
204
  --fgColor-severe: #db6d28;
210
- --fgColor-severe-onInverse: #bd561d;
211
205
  --fgColor-danger: #f85149;
212
- --fgColor-danger-onInverse: #db3734;
213
206
  --fgColor-open: #3fb950;
214
- --fgColor-open-onInverse: #238636;
215
207
  --fgColor-closed: #f85149;
216
- --fgColor-closed-onInverse: #db3734;
217
208
  --fgColor-done: #a371f7;
218
- --fgColor-done-onInverse: #8957e5;
219
209
  --fgColor-sponsors: #db61a2;
220
- --fgColor-sponsors-onInverse: #bf4b8a;
221
210
  --bgColor-default: #0d1117;
222
211
  --bgColor-muted: #161b22;
223
212
  --bgColor-inset: #010409;
@@ -246,7 +235,7 @@
246
235
  --bgColor-sponsors-muted: #db61a21a;
247
236
  --bgColor-sponsors-emphasis: #bf4b8a;
248
237
  --borderColor-default: #30363d;
249
- --borderColor-muted: #30363d80;
238
+ --borderColor-muted: #30363db3;
250
239
  --borderColor-emphasis: #484f58;
251
240
  --borderColor-disabled: #161b22;
252
241
  --borderColor-transparent: #00000000;
@@ -464,7 +453,7 @@
464
453
  --headerSearch-bgColor: #0d1117;
465
454
  --headerSearch-borderColor: #30363d;
466
455
  --avatar-bgColor: #ffffff1a;
467
- --avatar-borderColor: #30363d80;
456
+ --avatar-borderColor: #30363db3;
468
457
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
469
458
  --avatarStack-fade-bgColor-default: #30363d;
470
459
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -544,7 +533,7 @@
544
533
  --button-primary-borderColor-active: #f0f6fc1a;
545
534
  --button-primary-borderColor-disabled: #46bf57;
546
535
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
547
- --button-invisible-fgColor-rest: #2f81f7;
536
+ --button-invisible-fgColor-rest: #4493f8;
548
537
  --button-invisible-fgColor-hover: #58a6ff;
549
538
  --button-invisible-fgColor-disabled: #8b949e;
550
539
  --button-invisible-iconColor-rest: #848d97;
@@ -560,7 +549,7 @@
560
549
  --button-outline-fgColor-rest: #388bfd;
561
550
  --button-outline-fgColor-hover: #58a6ff;
562
551
  --button-outline-fgColor-active: #ffffff;
563
- --button-outline-fgColor-disabled: #2f81f780;
552
+ --button-outline-fgColor-disabled: #4493f880;
564
553
  --button-outline-bgColor-rest: #f0f6fc;
565
554
  --button-outline-bgColor-hover: #30363d;
566
555
  --button-outline-bgColor-active: #0d419d;
@@ -592,7 +581,7 @@
592
581
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
593
582
  --buttonCounter-outline-fgColor-rest: #388bfd;
594
583
  --buttonCounter-outline-fgColor-hover: #58a6ff;
595
- --buttonCounter-outline-fgColor-disabled: #2f81f780;
584
+ --buttonCounter-outline-fgColor-disabled: #4493f880;
596
585
  --buttonCounter-danger-bgColor-hover: #ffffff33;
597
586
  --buttonCounter-danger-bgColor-disabled: #da36330d;
598
587
  --buttonCounter-danger-bgColor-rest: #49020233;
@@ -612,33 +601,22 @@
612
601
  --underlineNav-borderColor-active: #f78166;
613
602
  --underlineNav-borderColor-hover: #6e768166;
614
603
  --underlineNav-iconColor-rest: #848d97;
604
+ --selection-bgColor: #4493f833;
615
605
  --fgColor-default: #e6edf3;
616
606
  --fgColor-muted: #848d97;
617
607
  --fgColor-onEmphasis: #ffffff;
618
- --fgColor-onInverse: #0d1117;
619
608
  --fgColor-disabled: #8b949e;
620
- --fgColor-link: #2f81f7;
621
- --fgColor-link-onInverse: #1f6feb;
609
+ --fgColor-link: #4493f8;
622
610
  --fgColor-neutral: #6e7681;
623
- --fgColor-neutral-onInverse: #484f58;
624
- --fgColor-accent: #2f81f7;
625
- --fgColor-accent-onInverse: #1f6feb;
611
+ --fgColor-accent: #4493f8;
626
612
  --fgColor-success: #3fb950;
627
- --fgColor-success-onInverse: #238636;
628
613
  --fgColor-attention: #d29922;
629
- --fgColor-attention-onInverse: #9e6a03;
630
614
  --fgColor-severe: #db6d28;
631
- --fgColor-severe-onInverse: #bd561d;
632
615
  --fgColor-danger: #f85149;
633
- --fgColor-danger-onInverse: #db3734;
634
616
  --fgColor-open: #3fb950;
635
- --fgColor-open-onInverse: #238636;
636
617
  --fgColor-closed: #f85149;
637
- --fgColor-closed-onInverse: #db3734;
638
618
  --fgColor-done: #a371f7;
639
- --fgColor-done-onInverse: #8957e5;
640
619
  --fgColor-sponsors: #db61a2;
641
- --fgColor-sponsors-onInverse: #bf4b8a;
642
620
  --bgColor-default: #0d1117;
643
621
  --bgColor-muted: #161b22;
644
622
  --bgColor-inset: #010409;
@@ -667,7 +645,7 @@
667
645
  --bgColor-sponsors-muted: #db61a21a;
668
646
  --bgColor-sponsors-emphasis: #bf4b8a;
669
647
  --borderColor-default: #30363d;
670
- --borderColor-muted: #30363d80;
648
+ --borderColor-muted: #30363db3;
671
649
  --borderColor-emphasis: #484f58;
672
650
  --borderColor-disabled: #161b22;
673
651
  --borderColor-transparent: #00000000;
@@ -192,33 +192,22 @@
192
192
  --underlineNav-borderColor-active: #fd8c73;
193
193
  --underlineNav-borderColor-hover: #afb8c133;
194
194
  --underlineNav-iconColor-rest: #636c76;
195
+ --selection-bgColor: #0969da1a;
195
196
  --fgColor-default: #1f2328;
196
197
  --fgColor-muted: #636c76;
197
198
  --fgColor-onEmphasis: #ffffff;
198
- --fgColor-onInverse: #f6f8fa;
199
199
  --fgColor-disabled: #8c959f;
200
200
  --fgColor-link: #0969da;
201
- --fgColor-link-onInverse: #54aeff;
202
201
  --fgColor-neutral: #6e7781;
203
- --fgColor-neutral-onInverse: #8c959f;
204
202
  --fgColor-accent: #0969da;
205
- --fgColor-accent-onInverse: #54aeff;
206
203
  --fgColor-success: #0969da;
207
- --fgColor-success-onInverse: #54aeff;
208
204
  --fgColor-attention: #9a6700;
209
- --fgColor-attention-onInverse: #d4a72c;
210
205
  --fgColor-severe: #bc4c00;
211
- --fgColor-severe-onInverse: #fb8f44;
212
206
  --fgColor-danger: #be4e02;
213
- --fgColor-danger-onInverse: #fa4549;
214
207
  --fgColor-open: #bc4c00;
215
- --fgColor-open-onInverse: #fb8f44;
216
208
  --fgColor-closed: #6e7781;
217
- --fgColor-closed-onInverse: #afb8c1;
218
209
  --fgColor-done: #8250df;
219
- --fgColor-done-onInverse: #a475f9;
220
210
  --fgColor-sponsors: #bf3989;
221
- --fgColor-sponsors-onInverse: #e85aad;
222
211
  --bgColor-default: #ffffff;
223
212
  --bgColor-muted: #f6f8fa;
224
213
  --bgColor-inset: #f6f8fa;
@@ -247,7 +236,7 @@
247
236
  --bgColor-sponsors-muted: #ffeff7;
248
237
  --bgColor-sponsors-emphasis: #bf3989;
249
238
  --borderColor-default: #d0d7de;
250
- --borderColor-muted: #d0d7de80;
239
+ --borderColor-muted: #d0d7deb3;
251
240
  --borderColor-emphasis: #6e7781;
252
241
  --borderColor-disabled: #f6f8fa;
253
242
  --borderColor-transparent: #ffffff00;
@@ -613,33 +602,22 @@
613
602
  --underlineNav-borderColor-active: #fd8c73;
614
603
  --underlineNav-borderColor-hover: #afb8c133;
615
604
  --underlineNav-iconColor-rest: #636c76;
605
+ --selection-bgColor: #0969da1a;
616
606
  --fgColor-default: #1f2328;
617
607
  --fgColor-muted: #636c76;
618
608
  --fgColor-onEmphasis: #ffffff;
619
- --fgColor-onInverse: #f6f8fa;
620
609
  --fgColor-disabled: #8c959f;
621
610
  --fgColor-link: #0969da;
622
- --fgColor-link-onInverse: #54aeff;
623
611
  --fgColor-neutral: #6e7781;
624
- --fgColor-neutral-onInverse: #8c959f;
625
612
  --fgColor-accent: #0969da;
626
- --fgColor-accent-onInverse: #54aeff;
627
613
  --fgColor-success: #0969da;
628
- --fgColor-success-onInverse: #54aeff;
629
614
  --fgColor-attention: #9a6700;
630
- --fgColor-attention-onInverse: #d4a72c;
631
615
  --fgColor-severe: #bc4c00;
632
- --fgColor-severe-onInverse: #fb8f44;
633
616
  --fgColor-danger: #be4e02;
634
- --fgColor-danger-onInverse: #fa4549;
635
617
  --fgColor-open: #bc4c00;
636
- --fgColor-open-onInverse: #fb8f44;
637
618
  --fgColor-closed: #6e7781;
638
- --fgColor-closed-onInverse: #afb8c1;
639
619
  --fgColor-done: #8250df;
640
- --fgColor-done-onInverse: #a475f9;
641
620
  --fgColor-sponsors: #bf3989;
642
- --fgColor-sponsors-onInverse: #e85aad;
643
621
  --bgColor-default: #ffffff;
644
622
  --bgColor-muted: #f6f8fa;
645
623
  --bgColor-inset: #f6f8fa;
@@ -668,7 +646,7 @@
668
646
  --bgColor-sponsors-muted: #ffeff7;
669
647
  --bgColor-sponsors-emphasis: #bf3989;
670
648
  --borderColor-default: #d0d7de;
671
- --borderColor-muted: #d0d7de80;
649
+ --borderColor-muted: #d0d7deb3;
672
650
  --borderColor-emphasis: #6e7781;
673
651
  --borderColor-disabled: #f6f8fa;
674
652
  --borderColor-transparent: #ffffff00;
@@ -192,33 +192,22 @@
192
192
  --underlineNav-borderColor-active: #cd3425;
193
193
  --underlineNav-borderColor-hover: #88929d;
194
194
  --underlineNav-iconColor-rest: #0e1116;
195
+ --selection-bgColor: #023b951a;
195
196
  --fgColor-default: #010409;
196
197
  --fgColor-muted: #0e1116;
197
198
  --fgColor-onEmphasis: #ffffff;
198
- --fgColor-onInverse: #ffffff;
199
199
  --fgColor-disabled: #4b535d;
200
200
  --fgColor-link: #023b95;
201
- --fgColor-link-onInverse: #67b3fd;
202
201
  --fgColor-neutral: #66707b;
203
- --fgColor-neutral-onInverse: #ced5dc;
204
202
  --fgColor-accent: #023b95;
205
- --fgColor-accent-onInverse: #67b3fd;
206
203
  --fgColor-success: #055d20;
207
- --fgColor-success-onInverse: #43c663;
208
204
  --fgColor-attention: #744500;
209
- --fgColor-attention-onInverse: #d5a824;
210
205
  --fgColor-severe: #873800;
211
- --fgColor-severe-onInverse: #f99636;
212
206
  --fgColor-danger: #8a071e;
213
- --fgColor-danger-onInverse: #ff8e8a;
214
207
  --fgColor-open: #055d20;
215
- --fgColor-open-onInverse: #43c663;
216
208
  --fgColor-closed: #8a071e;
217
- --fgColor-closed-onInverse: #ff8e8a;
218
209
  --fgColor-done: #622cbc;
219
- --fgColor-done-onInverse: #c49bff;
220
210
  --fgColor-sponsors: #971368;
221
- --fgColor-sponsors-onInverse: #fc87ca;
222
211
  --bgColor-default: #ffffff;
223
212
  --bgColor-muted: #e7ecf0;
224
213
  --bgColor-inset: #ffffff;
@@ -613,33 +602,22 @@
613
602
  --underlineNav-borderColor-active: #cd3425;
614
603
  --underlineNav-borderColor-hover: #88929d;
615
604
  --underlineNav-iconColor-rest: #0e1116;
605
+ --selection-bgColor: #023b951a;
616
606
  --fgColor-default: #010409;
617
607
  --fgColor-muted: #0e1116;
618
608
  --fgColor-onEmphasis: #ffffff;
619
- --fgColor-onInverse: #ffffff;
620
609
  --fgColor-disabled: #4b535d;
621
610
  --fgColor-link: #023b95;
622
- --fgColor-link-onInverse: #67b3fd;
623
611
  --fgColor-neutral: #66707b;
624
- --fgColor-neutral-onInverse: #ced5dc;
625
612
  --fgColor-accent: #023b95;
626
- --fgColor-accent-onInverse: #67b3fd;
627
613
  --fgColor-success: #055d20;
628
- --fgColor-success-onInverse: #43c663;
629
614
  --fgColor-attention: #744500;
630
- --fgColor-attention-onInverse: #d5a824;
631
615
  --fgColor-severe: #873800;
632
- --fgColor-severe-onInverse: #f99636;
633
616
  --fgColor-danger: #8a071e;
634
- --fgColor-danger-onInverse: #ff8e8a;
635
617
  --fgColor-open: #055d20;
636
- --fgColor-open-onInverse: #43c663;
637
618
  --fgColor-closed: #8a071e;
638
- --fgColor-closed-onInverse: #ff8e8a;
639
619
  --fgColor-done: #622cbc;
640
- --fgColor-done-onInverse: #c49bff;
641
620
  --fgColor-sponsors: #971368;
642
- --fgColor-sponsors-onInverse: #fc87ca;
643
621
  --bgColor-default: #ffffff;
644
622
  --bgColor-muted: #e7ecf0;
645
623
  --bgColor-inset: #ffffff;
@@ -192,33 +192,22 @@
192
192
  --underlineNav-borderColor-active: #fd8c73;
193
193
  --underlineNav-borderColor-hover: #afb8c133;
194
194
  --underlineNav-iconColor-rest: #636c76;
195
+ --selection-bgColor: #0969da1a;
195
196
  --fgColor-default: #1f2328;
196
197
  --fgColor-muted: #636c76;
197
198
  --fgColor-onEmphasis: #ffffff;
198
- --fgColor-onInverse: #f6f8fa;
199
199
  --fgColor-disabled: #8c959f;
200
200
  --fgColor-link: #0969da;
201
- --fgColor-link-onInverse: #54aeff;
202
201
  --fgColor-neutral: #6e7781;
203
- --fgColor-neutral-onInverse: #8c959f;
204
202
  --fgColor-accent: #0969da;
205
- --fgColor-accent-onInverse: #54aeff;
206
203
  --fgColor-success: #0969da;
207
- --fgColor-success-onInverse: #54aeff;
208
204
  --fgColor-attention: #9a6700;
209
- --fgColor-attention-onInverse: #d4a72c;
210
205
  --fgColor-severe: #cf222e;
211
- --fgColor-severe-onInverse: #ff8182;
212
206
  --fgColor-danger: #d1242f;
213
- --fgColor-danger-onInverse: #fa4549;
214
207
  --fgColor-open: #cf222e;
215
- --fgColor-open-onInverse: #fa4549;
216
208
  --fgColor-closed: #6e7781;
217
- --fgColor-closed-onInverse: #afb8c1;
218
209
  --fgColor-done: #8250df;
219
- --fgColor-done-onInverse: #a475f9;
220
210
  --fgColor-sponsors: #bf3989;
221
- --fgColor-sponsors-onInverse: #e85aad;
222
211
  --bgColor-default: #ffffff;
223
212
  --bgColor-muted: #f6f8fa;
224
213
  --bgColor-inset: #f6f8fa;
@@ -247,7 +236,7 @@
247
236
  --bgColor-sponsors-muted: #ffeff7;
248
237
  --bgColor-sponsors-emphasis: #bf3989;
249
238
  --borderColor-default: #d0d7de;
250
- --borderColor-muted: #d0d7de80;
239
+ --borderColor-muted: #d0d7deb3;
251
240
  --borderColor-emphasis: #6e7781;
252
241
  --borderColor-disabled: #f6f8fa;
253
242
  --borderColor-transparent: #ffffff00;
@@ -613,33 +602,22 @@
613
602
  --underlineNav-borderColor-active: #fd8c73;
614
603
  --underlineNav-borderColor-hover: #afb8c133;
615
604
  --underlineNav-iconColor-rest: #636c76;
605
+ --selection-bgColor: #0969da1a;
616
606
  --fgColor-default: #1f2328;
617
607
  --fgColor-muted: #636c76;
618
608
  --fgColor-onEmphasis: #ffffff;
619
- --fgColor-onInverse: #f6f8fa;
620
609
  --fgColor-disabled: #8c959f;
621
610
  --fgColor-link: #0969da;
622
- --fgColor-link-onInverse: #54aeff;
623
611
  --fgColor-neutral: #6e7781;
624
- --fgColor-neutral-onInverse: #8c959f;
625
612
  --fgColor-accent: #0969da;
626
- --fgColor-accent-onInverse: #54aeff;
627
613
  --fgColor-success: #0969da;
628
- --fgColor-success-onInverse: #54aeff;
629
614
  --fgColor-attention: #9a6700;
630
- --fgColor-attention-onInverse: #d4a72c;
631
615
  --fgColor-severe: #cf222e;
632
- --fgColor-severe-onInverse: #ff8182;
633
616
  --fgColor-danger: #d1242f;
634
- --fgColor-danger-onInverse: #fa4549;
635
617
  --fgColor-open: #cf222e;
636
- --fgColor-open-onInverse: #fa4549;
637
618
  --fgColor-closed: #6e7781;
638
- --fgColor-closed-onInverse: #afb8c1;
639
619
  --fgColor-done: #8250df;
640
- --fgColor-done-onInverse: #a475f9;
641
620
  --fgColor-sponsors: #bf3989;
642
- --fgColor-sponsors-onInverse: #e85aad;
643
621
  --bgColor-default: #ffffff;
644
622
  --bgColor-muted: #f6f8fa;
645
623
  --bgColor-inset: #f6f8fa;
@@ -668,7 +646,7 @@
668
646
  --bgColor-sponsors-muted: #ffeff7;
669
647
  --bgColor-sponsors-emphasis: #bf3989;
670
648
  --borderColor-default: #d0d7de;
671
- --borderColor-muted: #d0d7de80;
649
+ --borderColor-muted: #d0d7deb3;
672
650
  --borderColor-emphasis: #6e7781;
673
651
  --borderColor-disabled: #f6f8fa;
674
652
  --borderColor-transparent: #ffffff00;
@@ -192,33 +192,22 @@
192
192
  --underlineNav-borderColor-active: #fd8c73;
193
193
  --underlineNav-borderColor-hover: #afb8c133;
194
194
  --underlineNav-iconColor-rest: #636c76;
195
+ --selection-bgColor: #0969da1a;
195
196
  --fgColor-default: #1f2328;
196
197
  --fgColor-muted: #636c76;
197
198
  --fgColor-onEmphasis: #ffffff;
198
- --fgColor-onInverse: #f6f8fa;
199
199
  --fgColor-disabled: #8c959f;
200
200
  --fgColor-link: #0969da;
201
- --fgColor-link-onInverse: #54aeff;
202
201
  --fgColor-neutral: #6e7781;
203
- --fgColor-neutral-onInverse: #8c959f;
204
202
  --fgColor-accent: #0969da;
205
- --fgColor-accent-onInverse: #54aeff;
206
203
  --fgColor-success: #1a7f37;
207
- --fgColor-success-onInverse: #4ac26b;
208
204
  --fgColor-attention: #9a6700;
209
- --fgColor-attention-onInverse: #d4a72c;
210
205
  --fgColor-severe: #bc4c00;
211
- --fgColor-severe-onInverse: #fb8f44;
212
206
  --fgColor-danger: #d1242f;
213
- --fgColor-danger-onInverse: #fa4549;
214
207
  --fgColor-open: #1a7f37;
215
- --fgColor-open-onInverse: #4ac26b;
216
208
  --fgColor-closed: #d1242f;
217
- --fgColor-closed-onInverse: #fa4549;
218
209
  --fgColor-done: #8250df;
219
- --fgColor-done-onInverse: #a475f9;
220
210
  --fgColor-sponsors: #bf3989;
221
- --fgColor-sponsors-onInverse: #e85aad;
222
211
  --bgColor-default: #ffffff;
223
212
  --bgColor-muted: #f6f8fa;
224
213
  --bgColor-inset: #f6f8fa;
@@ -247,7 +236,7 @@
247
236
  --bgColor-sponsors-muted: #ffeff7;
248
237
  --bgColor-sponsors-emphasis: #bf3989;
249
238
  --borderColor-default: #d0d7de;
250
- --borderColor-muted: #d0d7de80;
239
+ --borderColor-muted: #d0d7deb3;
251
240
  --borderColor-emphasis: #6e7781;
252
241
  --borderColor-disabled: #f6f8fa;
253
242
  --borderColor-transparent: #ffffff00;
@@ -613,33 +602,22 @@
613
602
  --underlineNav-borderColor-active: #fd8c73;
614
603
  --underlineNav-borderColor-hover: #afb8c133;
615
604
  --underlineNav-iconColor-rest: #636c76;
605
+ --selection-bgColor: #0969da1a;
616
606
  --fgColor-default: #1f2328;
617
607
  --fgColor-muted: #636c76;
618
608
  --fgColor-onEmphasis: #ffffff;
619
- --fgColor-onInverse: #f6f8fa;
620
609
  --fgColor-disabled: #8c959f;
621
610
  --fgColor-link: #0969da;
622
- --fgColor-link-onInverse: #54aeff;
623
611
  --fgColor-neutral: #6e7781;
624
- --fgColor-neutral-onInverse: #8c959f;
625
612
  --fgColor-accent: #0969da;
626
- --fgColor-accent-onInverse: #54aeff;
627
613
  --fgColor-success: #1a7f37;
628
- --fgColor-success-onInverse: #4ac26b;
629
614
  --fgColor-attention: #9a6700;
630
- --fgColor-attention-onInverse: #d4a72c;
631
615
  --fgColor-severe: #bc4c00;
632
- --fgColor-severe-onInverse: #fb8f44;
633
616
  --fgColor-danger: #d1242f;
634
- --fgColor-danger-onInverse: #fa4549;
635
617
  --fgColor-open: #1a7f37;
636
- --fgColor-open-onInverse: #4ac26b;
637
618
  --fgColor-closed: #d1242f;
638
- --fgColor-closed-onInverse: #fa4549;
639
619
  --fgColor-done: #8250df;
640
- --fgColor-done-onInverse: #a475f9;
641
620
  --fgColor-sponsors: #bf3989;
642
- --fgColor-sponsors-onInverse: #e85aad;
643
621
  --bgColor-default: #ffffff;
644
622
  --bgColor-muted: #f6f8fa;
645
623
  --bgColor-inset: #f6f8fa;
@@ -668,7 +646,7 @@
668
646
  --bgColor-sponsors-muted: #ffeff7;
669
647
  --bgColor-sponsors-emphasis: #bf3989;
670
648
  --borderColor-default: #d0d7de;
671
- --borderColor-muted: #d0d7de80;
649
+ --borderColor-muted: #d0d7deb3;
672
650
  --borderColor-emphasis: #6e7781;
673
651
  --borderColor-disabled: #f6f8fa;
674
652
  --borderColor-transparent: #ffffff00;
@@ -1809,5 +1809,30 @@
1809
1809
  "name": "overlay-borderRadius",
1810
1810
  "attributes": {},
1811
1811
  "path": ["overlay", "borderRadius"]
1812
+ },
1813
+ "overlay-offset": {
1814
+ "value": "0.25rem",
1815
+ "$type": "dimension",
1816
+ "$extensions": {
1817
+ "org.primer.figma": {
1818
+ "collection": "pattern/size",
1819
+ "scopes": ["size"]
1820
+ }
1821
+ },
1822
+ "filePath": "src/tokens/functional/size/size.json",
1823
+ "isSource": true,
1824
+ "original": {
1825
+ "value": "4px",
1826
+ "$type": "dimension",
1827
+ "$extensions": {
1828
+ "org.primer.figma": {
1829
+ "collection": "pattern/size",
1830
+ "scopes": ["size"]
1831
+ }
1832
+ }
1833
+ },
1834
+ "name": "overlay-offset",
1835
+ "attributes": {},
1836
+ "path": ["overlay", "offset"]
1812
1837
  }
1813
1838
  }