@primer/primitives 7.15.7-rc.d660a2f → 7.15.8-rc.72fdc56

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 (144) hide show
  1. package/dist/css/functional/size/size.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +16 -14
  3. package/dist/css/functional/themes/dark-dimmed.css +16 -14
  4. package/dist/css/functional/themes/dark-high-contrast.css +12 -10
  5. package/dist/css/functional/themes/dark-tritanopia.css +16 -14
  6. package/dist/css/functional/themes/dark.css +16 -14
  7. package/dist/css/functional/themes/light-colorblind.css +4 -2
  8. package/dist/css/functional/themes/light-high-contrast.css +2 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +4 -2
  10. package/dist/css/functional/themes/light.css +4 -2
  11. package/dist/docs/functional/size/size.json +25 -0
  12. package/dist/docs/functional/themes/dark-colorblind.json +41 -10
  13. package/dist/docs/functional/themes/dark-dimmed.json +41 -10
  14. package/dist/docs/functional/themes/dark-high-contrast.json +37 -6
  15. package/dist/docs/functional/themes/dark-tritanopia.json +41 -10
  16. package/dist/docs/functional/themes/dark.json +41 -10
  17. package/dist/docs/functional/themes/light-colorblind.json +34 -3
  18. package/dist/docs/functional/themes/light-high-contrast.json +31 -0
  19. package/dist/docs/functional/themes/light-tritanopia.json +34 -3
  20. package/dist/docs/functional/themes/light.json +34 -3
  21. package/dist/fallbacks/functional/size/size.json +2 -1
  22. package/dist/figma/dimension/dimension.json +10 -0
  23. package/dist/figma/figma.json +42 -1
  24. package/dist/figma/scales/dark-dimmed.json +1398 -0
  25. package/dist/figma/scales/dark-high-constrast.json +1398 -0
  26. package/dist/figma/scales/light-high-constrast.json +1398 -0
  27. package/dist/figma/themes/dark-colorblind.json +5004 -0
  28. package/dist/figma/themes/dark-dimmed.json +5004 -0
  29. package/dist/figma/themes/dark-high-contrast.json +5012 -0
  30. package/dist/figma/themes/dark-tritanopia.json +5005 -0
  31. package/dist/figma/themes/dark.json +36 -19
  32. package/dist/figma/themes/light-colorblind.json +4982 -0
  33. package/dist/figma/themes/light-high-contrast.json +4980 -0
  34. package/dist/figma/themes/light-tritanopia.json +4976 -0
  35. package/dist/figma/themes/light.json +19 -2
  36. package/dist/scss/functional/size/size.scss +1 -0
  37. package/dist/scss/functional/themes/dark-colorblind.scss +8 -7
  38. package/dist/scss/functional/themes/dark-dimmed.scss +8 -7
  39. package/dist/scss/functional/themes/dark-high-contrast.scss +6 -5
  40. package/dist/scss/functional/themes/dark-tritanopia.scss +8 -7
  41. package/dist/scss/functional/themes/dark.scss +8 -7
  42. package/dist/scss/functional/themes/light-colorblind.scss +2 -1
  43. package/dist/scss/functional/themes/light-high-contrast.scss +1 -0
  44. package/dist/scss/functional/themes/light-tritanopia.scss +2 -1
  45. package/dist/scss/functional/themes/light.scss +2 -1
  46. package/package.json +1 -1
  47. package/tokens-next-private/css/functional/size/size.css +1 -0
  48. package/tokens-next-private/css/functional/themes/dark-colorblind.css +16 -14
  49. package/tokens-next-private/css/functional/themes/dark-dimmed.css +16 -14
  50. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +12 -10
  51. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +16 -14
  52. package/tokens-next-private/css/functional/themes/dark.css +16 -14
  53. package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -2
  54. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -0
  55. package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -2
  56. package/tokens-next-private/css/functional/themes/light.css +4 -2
  57. package/tokens-next-private/docs/functional/size/size.json +25 -0
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +41 -10
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +41 -10
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +37 -6
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +41 -10
  62. package/tokens-next-private/docs/functional/themes/dark.json +41 -10
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +34 -3
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +31 -0
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +34 -3
  66. package/tokens-next-private/docs/functional/themes/light.json +34 -3
  67. package/tokens-next-private/fallbacks/functional/size/size.json +2 -1
  68. package/tokens-next-private/figma/dimension/dimension.json +10 -0
  69. package/tokens-next-private/figma/figma.json +42 -1
  70. package/tokens-next-private/figma/scales/dark-dimmed.json +1398 -0
  71. package/tokens-next-private/figma/scales/dark-high-constrast.json +1398 -0
  72. package/tokens-next-private/figma/scales/light-high-constrast.json +1398 -0
  73. package/tokens-next-private/figma/themes/dark-colorblind.json +5004 -0
  74. package/tokens-next-private/figma/themes/dark-dimmed.json +5004 -0
  75. package/tokens-next-private/figma/themes/dark-high-contrast.json +5012 -0
  76. package/tokens-next-private/figma/themes/dark-tritanopia.json +5005 -0
  77. package/tokens-next-private/figma/themes/dark.json +36 -19
  78. package/tokens-next-private/figma/themes/light-colorblind.json +4982 -0
  79. package/tokens-next-private/figma/themes/light-high-contrast.json +4980 -0
  80. package/tokens-next-private/figma/themes/light-tritanopia.json +4976 -0
  81. package/tokens-next-private/figma/themes/light.json +19 -2
  82. package/tokens-next-private/scss/functional/size/size.scss +1 -0
  83. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +8 -7
  84. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +8 -7
  85. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -5
  86. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +8 -7
  87. package/tokens-next-private/scss/functional/themes/dark.scss +8 -7
  88. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -1
  89. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -0
  90. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -1
  91. package/tokens-next-private/scss/functional/themes/light.scss +2 -1
  92. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  93. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  94. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  100. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  101. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  102. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  109. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  110. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  111. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  112. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  118. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  119. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  120. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  127. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  129. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -123,7 +123,7 @@
123
123
  --button-primary-borderColor-active: #4ae168;
124
124
  --button-primary-borderColor-disabled: #4ae16866;
125
125
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
126
- --button-invisible-fgColor-rest: #52a7ff;
126
+ --button-invisible-fgColor-rest: #60aeff;
127
127
  --button-invisible-fgColor-hover: #1e60d5;
128
128
  --button-invisible-fgColor-disabled: #bdc4cc;
129
129
  --button-invisible-iconColor-rest: #f0f3f6;
@@ -139,7 +139,7 @@
139
139
  --button-outline-fgColor-rest: #5cacff;
140
140
  --button-outline-fgColor-hover: #71b7ff;
141
141
  --button-outline-fgColor-active: #ffffff;
142
- --button-outline-fgColor-disabled: #52a7ff80;
142
+ --button-outline-fgColor-disabled: #60aeff80;
143
143
  --button-outline-bgColor-rest: #ffffff;
144
144
  --button-outline-bgColor-hover: #525964;
145
145
  --button-outline-bgColor-active: #2672f3;
@@ -171,7 +171,7 @@
171
171
  --buttonCounter-outline-bgColor-disabled: #409eff0d;
172
172
  --buttonCounter-outline-fgColor-rest: #5cacff;
173
173
  --buttonCounter-outline-fgColor-hover: #71b7ff;
174
- --buttonCounter-outline-fgColor-disabled: #52a7ff80;
174
+ --buttonCounter-outline-fgColor-disabled: #60aeff80;
175
175
  --buttonCounter-danger-bgColor-hover: #01040926;
176
176
  --buttonCounter-danger-bgColor-disabled: #ff6a690d;
177
177
  --buttonCounter-danger-bgColor-rest: #01040926;
@@ -191,13 +191,14 @@
191
191
  --underlineNav-borderColor-active: #ff967d;
192
192
  --underlineNav-borderColor-hover: #bdc4cc;
193
193
  --underlineNav-iconColor-rest: #f0f3f6;
194
+ --selection-bgColor: #60aeff33;
194
195
  --fgColor-default: #fbfcfd;
195
196
  --fgColor-muted: #f0f3f6;
196
197
  --fgColor-onEmphasis: #0a0c10;
197
198
  --fgColor-disabled: #bdc4cc;
198
- --fgColor-link: #52a7ff;
199
+ --fgColor-link: #60aeff;
199
200
  --fgColor-neutral: #9ea7b3;
200
- --fgColor-accent: #52a7ff;
201
+ --fgColor-accent: #60aeff;
201
202
  --fgColor-success: #28d751;
202
203
  --fgColor-attention: #f0b72f;
203
204
  --fgColor-severe: #f48b25;
@@ -532,7 +533,7 @@
532
533
  --button-primary-borderColor-active: #4ae168;
533
534
  --button-primary-borderColor-disabled: #4ae16866;
534
535
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
535
- --button-invisible-fgColor-rest: #52a7ff;
536
+ --button-invisible-fgColor-rest: #60aeff;
536
537
  --button-invisible-fgColor-hover: #1e60d5;
537
538
  --button-invisible-fgColor-disabled: #bdc4cc;
538
539
  --button-invisible-iconColor-rest: #f0f3f6;
@@ -548,7 +549,7 @@
548
549
  --button-outline-fgColor-rest: #5cacff;
549
550
  --button-outline-fgColor-hover: #71b7ff;
550
551
  --button-outline-fgColor-active: #ffffff;
551
- --button-outline-fgColor-disabled: #52a7ff80;
552
+ --button-outline-fgColor-disabled: #60aeff80;
552
553
  --button-outline-bgColor-rest: #ffffff;
553
554
  --button-outline-bgColor-hover: #525964;
554
555
  --button-outline-bgColor-active: #2672f3;
@@ -580,7 +581,7 @@
580
581
  --buttonCounter-outline-bgColor-disabled: #409eff0d;
581
582
  --buttonCounter-outline-fgColor-rest: #5cacff;
582
583
  --buttonCounter-outline-fgColor-hover: #71b7ff;
583
- --buttonCounter-outline-fgColor-disabled: #52a7ff80;
584
+ --buttonCounter-outline-fgColor-disabled: #60aeff80;
584
585
  --buttonCounter-danger-bgColor-hover: #01040926;
585
586
  --buttonCounter-danger-bgColor-disabled: #ff6a690d;
586
587
  --buttonCounter-danger-bgColor-rest: #01040926;
@@ -600,13 +601,14 @@
600
601
  --underlineNav-borderColor-active: #ff967d;
601
602
  --underlineNav-borderColor-hover: #bdc4cc;
602
603
  --underlineNav-iconColor-rest: #f0f3f6;
604
+ --selection-bgColor: #60aeff33;
603
605
  --fgColor-default: #fbfcfd;
604
606
  --fgColor-muted: #f0f3f6;
605
607
  --fgColor-onEmphasis: #0a0c10;
606
608
  --fgColor-disabled: #bdc4cc;
607
- --fgColor-link: #52a7ff;
609
+ --fgColor-link: #60aeff;
608
610
  --fgColor-neutral: #9ea7b3;
609
- --fgColor-accent: #52a7ff;
611
+ --fgColor-accent: #60aeff;
610
612
  --fgColor-success: #28d751;
611
613
  --fgColor-attention: #f0b72f;
612
614
  --fgColor-severe: #f48b25;
@@ -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: #5fabfe;
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,13 +191,14 @@
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
198
  --fgColor-disabled: #8b949e;
198
- --fgColor-link: #2f81f7;
199
+ --fgColor-link: #4493f8;
199
200
  --fgColor-neutral: #6e7681;
200
- --fgColor-accent: #2f81f7;
201
+ --fgColor-accent: #4493f8;
201
202
  --fgColor-success: #58a6ff;
202
203
  --fgColor-attention: #d29922;
203
204
  --fgColor-severe: #f85149;
@@ -234,7 +235,7 @@
234
235
  --bgColor-sponsors-muted: #db61a21a;
235
236
  --bgColor-sponsors-emphasis: #bf4b8a;
236
237
  --borderColor-default: #30363d;
237
- --borderColor-muted: #30363d80;
238
+ --borderColor-muted: #30363db3;
238
239
  --borderColor-emphasis: #484f58;
239
240
  --borderColor-disabled: #161b22;
240
241
  --borderColor-transparent: #00000000;
@@ -452,7 +453,7 @@
452
453
  --headerSearch-bgColor: #0d1117;
453
454
  --headerSearch-borderColor: #30363d;
454
455
  --avatar-bgColor: #ffffff1a;
455
- --avatar-borderColor: #30363d80;
456
+ --avatar-borderColor: #30363db3;
456
457
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
457
458
  --avatarStack-fade-bgColor-default: #30363d;
458
459
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -532,7 +533,7 @@
532
533
  --button-primary-borderColor-active: #f0f6fc1a;
533
534
  --button-primary-borderColor-disabled: #5fabfe;
534
535
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
535
- --button-invisible-fgColor-rest: #2f81f7;
536
+ --button-invisible-fgColor-rest: #4493f8;
536
537
  --button-invisible-fgColor-hover: #58a6ff;
537
538
  --button-invisible-fgColor-disabled: #8b949e;
538
539
  --button-invisible-iconColor-rest: #848d97;
@@ -548,7 +549,7 @@
548
549
  --button-outline-fgColor-rest: #388bfd;
549
550
  --button-outline-fgColor-hover: #58a6ff;
550
551
  --button-outline-fgColor-active: #ffffff;
551
- --button-outline-fgColor-disabled: #2f81f780;
552
+ --button-outline-fgColor-disabled: #4493f880;
552
553
  --button-outline-bgColor-rest: #f0f6fc;
553
554
  --button-outline-bgColor-hover: #30363d;
554
555
  --button-outline-bgColor-active: #0d419d;
@@ -580,7 +581,7 @@
580
581
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
581
582
  --buttonCounter-outline-fgColor-rest: #388bfd;
582
583
  --buttonCounter-outline-fgColor-hover: #58a6ff;
583
- --buttonCounter-outline-fgColor-disabled: #2f81f780;
584
+ --buttonCounter-outline-fgColor-disabled: #4493f880;
584
585
  --buttonCounter-danger-bgColor-hover: #ffffff33;
585
586
  --buttonCounter-danger-bgColor-disabled: #da36330d;
586
587
  --buttonCounter-danger-bgColor-rest: #49020233;
@@ -600,13 +601,14 @@
600
601
  --underlineNav-borderColor-active: #f78166;
601
602
  --underlineNav-borderColor-hover: #6e768166;
602
603
  --underlineNav-iconColor-rest: #848d97;
604
+ --selection-bgColor: #4493f833;
603
605
  --fgColor-default: #e6edf3;
604
606
  --fgColor-muted: #848d97;
605
607
  --fgColor-onEmphasis: #ffffff;
606
608
  --fgColor-disabled: #8b949e;
607
- --fgColor-link: #2f81f7;
609
+ --fgColor-link: #4493f8;
608
610
  --fgColor-neutral: #6e7681;
609
- --fgColor-accent: #2f81f7;
611
+ --fgColor-accent: #4493f8;
610
612
  --fgColor-success: #58a6ff;
611
613
  --fgColor-attention: #d29922;
612
614
  --fgColor-severe: #f85149;
@@ -643,7 +645,7 @@
643
645
  --bgColor-sponsors-muted: #db61a21a;
644
646
  --bgColor-sponsors-emphasis: #bf4b8a;
645
647
  --borderColor-default: #30363d;
646
- --borderColor-muted: #30363d80;
648
+ --borderColor-muted: #30363db3;
647
649
  --borderColor-emphasis: #484f58;
648
650
  --borderColor-disabled: #161b22;
649
651
  --borderColor-transparent: #00000000;
@@ -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,13 +191,14 @@
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
198
  --fgColor-disabled: #8b949e;
198
- --fgColor-link: #2f81f7;
199
+ --fgColor-link: #4493f8;
199
200
  --fgColor-neutral: #6e7681;
200
- --fgColor-accent: #2f81f7;
201
+ --fgColor-accent: #4493f8;
201
202
  --fgColor-success: #3fb950;
202
203
  --fgColor-attention: #d29922;
203
204
  --fgColor-severe: #db6d28;
@@ -234,7 +235,7 @@
234
235
  --bgColor-sponsors-muted: #db61a21a;
235
236
  --bgColor-sponsors-emphasis: #bf4b8a;
236
237
  --borderColor-default: #30363d;
237
- --borderColor-muted: #30363d80;
238
+ --borderColor-muted: #30363db3;
238
239
  --borderColor-emphasis: #484f58;
239
240
  --borderColor-disabled: #161b22;
240
241
  --borderColor-transparent: #00000000;
@@ -452,7 +453,7 @@
452
453
  --headerSearch-bgColor: #0d1117;
453
454
  --headerSearch-borderColor: #30363d;
454
455
  --avatar-bgColor: #ffffff1a;
455
- --avatar-borderColor: #30363d80;
456
+ --avatar-borderColor: #30363db3;
456
457
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
457
458
  --avatarStack-fade-bgColor-default: #30363d;
458
459
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -532,7 +533,7 @@
532
533
  --button-primary-borderColor-active: #f0f6fc1a;
533
534
  --button-primary-borderColor-disabled: #46bf57;
534
535
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
535
- --button-invisible-fgColor-rest: #2f81f7;
536
+ --button-invisible-fgColor-rest: #4493f8;
536
537
  --button-invisible-fgColor-hover: #58a6ff;
537
538
  --button-invisible-fgColor-disabled: #8b949e;
538
539
  --button-invisible-iconColor-rest: #848d97;
@@ -548,7 +549,7 @@
548
549
  --button-outline-fgColor-rest: #388bfd;
549
550
  --button-outline-fgColor-hover: #58a6ff;
550
551
  --button-outline-fgColor-active: #ffffff;
551
- --button-outline-fgColor-disabled: #2f81f780;
552
+ --button-outline-fgColor-disabled: #4493f880;
552
553
  --button-outline-bgColor-rest: #f0f6fc;
553
554
  --button-outline-bgColor-hover: #30363d;
554
555
  --button-outline-bgColor-active: #0d419d;
@@ -580,7 +581,7 @@
580
581
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
581
582
  --buttonCounter-outline-fgColor-rest: #388bfd;
582
583
  --buttonCounter-outline-fgColor-hover: #58a6ff;
583
- --buttonCounter-outline-fgColor-disabled: #2f81f780;
584
+ --buttonCounter-outline-fgColor-disabled: #4493f880;
584
585
  --buttonCounter-danger-bgColor-hover: #ffffff33;
585
586
  --buttonCounter-danger-bgColor-disabled: #da36330d;
586
587
  --buttonCounter-danger-bgColor-rest: #49020233;
@@ -600,13 +601,14 @@
600
601
  --underlineNav-borderColor-active: #f78166;
601
602
  --underlineNav-borderColor-hover: #6e768166;
602
603
  --underlineNav-iconColor-rest: #848d97;
604
+ --selection-bgColor: #4493f833;
603
605
  --fgColor-default: #e6edf3;
604
606
  --fgColor-muted: #848d97;
605
607
  --fgColor-onEmphasis: #ffffff;
606
608
  --fgColor-disabled: #8b949e;
607
- --fgColor-link: #2f81f7;
609
+ --fgColor-link: #4493f8;
608
610
  --fgColor-neutral: #6e7681;
609
- --fgColor-accent: #2f81f7;
611
+ --fgColor-accent: #4493f8;
610
612
  --fgColor-success: #3fb950;
611
613
  --fgColor-attention: #d29922;
612
614
  --fgColor-severe: #db6d28;
@@ -643,7 +645,7 @@
643
645
  --bgColor-sponsors-muted: #db61a21a;
644
646
  --bgColor-sponsors-emphasis: #bf4b8a;
645
647
  --borderColor-default: #30363d;
646
- --borderColor-muted: #30363d80;
648
+ --borderColor-muted: #30363db3;
647
649
  --borderColor-emphasis: #484f58;
648
650
  --borderColor-disabled: #161b22;
649
651
  --borderColor-transparent: #00000000;
@@ -192,6 +192,7 @@
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;
@@ -235,7 +236,7 @@
235
236
  --bgColor-sponsors-muted: #ffeff7;
236
237
  --bgColor-sponsors-emphasis: #bf3989;
237
238
  --borderColor-default: #d0d7de;
238
- --borderColor-muted: #d0d7de80;
239
+ --borderColor-muted: #d0d7deb3;
239
240
  --borderColor-emphasis: #6e7781;
240
241
  --borderColor-disabled: #f6f8fa;
241
242
  --borderColor-transparent: #ffffff00;
@@ -601,6 +602,7 @@
601
602
  --underlineNav-borderColor-active: #fd8c73;
602
603
  --underlineNav-borderColor-hover: #afb8c133;
603
604
  --underlineNav-iconColor-rest: #636c76;
605
+ --selection-bgColor: #0969da1a;
604
606
  --fgColor-default: #1f2328;
605
607
  --fgColor-muted: #636c76;
606
608
  --fgColor-onEmphasis: #ffffff;
@@ -644,7 +646,7 @@
644
646
  --bgColor-sponsors-muted: #ffeff7;
645
647
  --bgColor-sponsors-emphasis: #bf3989;
646
648
  --borderColor-default: #d0d7de;
647
- --borderColor-muted: #d0d7de80;
649
+ --borderColor-muted: #d0d7deb3;
648
650
  --borderColor-emphasis: #6e7781;
649
651
  --borderColor-disabled: #f6f8fa;
650
652
  --borderColor-transparent: #ffffff00;
@@ -192,6 +192,7 @@
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;
@@ -601,6 +602,7 @@
601
602
  --underlineNav-borderColor-active: #cd3425;
602
603
  --underlineNav-borderColor-hover: #88929d;
603
604
  --underlineNav-iconColor-rest: #0e1116;
605
+ --selection-bgColor: #023b951a;
604
606
  --fgColor-default: #010409;
605
607
  --fgColor-muted: #0e1116;
606
608
  --fgColor-onEmphasis: #ffffff;
@@ -192,6 +192,7 @@
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;
@@ -235,7 +236,7 @@
235
236
  --bgColor-sponsors-muted: #ffeff7;
236
237
  --bgColor-sponsors-emphasis: #bf3989;
237
238
  --borderColor-default: #d0d7de;
238
- --borderColor-muted: #d0d7de80;
239
+ --borderColor-muted: #d0d7deb3;
239
240
  --borderColor-emphasis: #6e7781;
240
241
  --borderColor-disabled: #f6f8fa;
241
242
  --borderColor-transparent: #ffffff00;
@@ -601,6 +602,7 @@
601
602
  --underlineNav-borderColor-active: #fd8c73;
602
603
  --underlineNav-borderColor-hover: #afb8c133;
603
604
  --underlineNav-iconColor-rest: #636c76;
605
+ --selection-bgColor: #0969da1a;
604
606
  --fgColor-default: #1f2328;
605
607
  --fgColor-muted: #636c76;
606
608
  --fgColor-onEmphasis: #ffffff;
@@ -644,7 +646,7 @@
644
646
  --bgColor-sponsors-muted: #ffeff7;
645
647
  --bgColor-sponsors-emphasis: #bf3989;
646
648
  --borderColor-default: #d0d7de;
647
- --borderColor-muted: #d0d7de80;
649
+ --borderColor-muted: #d0d7deb3;
648
650
  --borderColor-emphasis: #6e7781;
649
651
  --borderColor-disabled: #f6f8fa;
650
652
  --borderColor-transparent: #ffffff00;
@@ -192,6 +192,7 @@
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;
@@ -235,7 +236,7 @@
235
236
  --bgColor-sponsors-muted: #ffeff7;
236
237
  --bgColor-sponsors-emphasis: #bf3989;
237
238
  --borderColor-default: #d0d7de;
238
- --borderColor-muted: #d0d7de80;
239
+ --borderColor-muted: #d0d7deb3;
239
240
  --borderColor-emphasis: #6e7781;
240
241
  --borderColor-disabled: #f6f8fa;
241
242
  --borderColor-transparent: #ffffff00;
@@ -601,6 +602,7 @@
601
602
  --underlineNav-borderColor-active: #fd8c73;
602
603
  --underlineNav-borderColor-hover: #afb8c133;
603
604
  --underlineNav-iconColor-rest: #636c76;
605
+ --selection-bgColor: #0969da1a;
604
606
  --fgColor-default: #1f2328;
605
607
  --fgColor-muted: #636c76;
606
608
  --fgColor-onEmphasis: #ffffff;
@@ -644,7 +646,7 @@
644
646
  --bgColor-sponsors-muted: #ffeff7;
645
647
  --bgColor-sponsors-emphasis: #bf3989;
646
648
  --borderColor-default: #d0d7de;
647
- --borderColor-muted: #d0d7de80;
649
+ --borderColor-muted: #d0d7deb3;
648
650
  --borderColor-emphasis: #6e7781;
649
651
  --borderColor-disabled: #f6f8fa;
650
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
  }
@@ -1213,7 +1213,7 @@
1213
1213
  "path": ["avatar", "bgColor"]
1214
1214
  },
1215
1215
  "avatar-borderColor": {
1216
- "value": "#30363d80",
1216
+ "value": "#30363db3",
1217
1217
  "$type": "color",
1218
1218
  "$extensions": {
1219
1219
  "org.primer.figma": {
@@ -3616,7 +3616,7 @@
3616
3616
  "path": ["button", "primary", "shadow", "selected"]
3617
3617
  },
3618
3618
  "button-invisible-fgColor-rest": {
3619
- "value": "#2f81f7",
3619
+ "value": "#4493f8",
3620
3620
  "$type": "color",
3621
3621
  "$extensions": {
3622
3622
  "org.primer.figma": {
@@ -4080,7 +4080,7 @@
4080
4080
  "path": ["button", "outline", "fgColor", "active"]
4081
4081
  },
4082
4082
  "button-outline-fgColor-disabled": {
4083
- "value": "#2f81f780",
4083
+ "value": "#4493f880",
4084
4084
  "$type": "color",
4085
4085
  "$extensions": {
4086
4086
  "org.primer.figma": {
@@ -5022,7 +5022,7 @@
5022
5022
  "path": ["buttonCounter", "outline", "fgColor", "hover"]
5023
5023
  },
5024
5024
  "buttonCounter-outline-fgColor-disabled": {
5025
- "value": "#2f81f780",
5025
+ "value": "#4493f880",
5026
5026
  "$type": "color",
5027
5027
  "$extensions": {
5028
5028
  "org.primer.figma": {
@@ -5597,6 +5597,37 @@
5597
5597
  "attributes": {},
5598
5598
  "path": ["underlineNav", "iconColor", "rest"]
5599
5599
  },
5600
+ "selection-bgColor": {
5601
+ "value": "#4493f833",
5602
+ "$type": "color",
5603
+ "$extensions": {
5604
+ "org.primer.figma": {
5605
+ "collection": "mode",
5606
+ "mode": "dark",
5607
+ "group": "component",
5608
+ "scopes": ["bgColor"]
5609
+ }
5610
+ },
5611
+ "alpha": 0.2,
5612
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5613
+ "isSource": true,
5614
+ "original": {
5615
+ "value": "{fgColor.link.@}",
5616
+ "$type": "color",
5617
+ "$extensions": {
5618
+ "org.primer.figma": {
5619
+ "collection": "mode",
5620
+ "mode": "dark",
5621
+ "group": "component",
5622
+ "scopes": ["bgColor"]
5623
+ }
5624
+ },
5625
+ "alpha": 0.2
5626
+ },
5627
+ "name": "selection-bgColor",
5628
+ "attributes": {},
5629
+ "path": ["selection", "bgColor"]
5630
+ },
5600
5631
  "fgColor-default": {
5601
5632
  "value": "#e6edf3",
5602
5633
  "$type": "color",
@@ -5748,7 +5779,7 @@
5748
5779
  "path": ["fgColor", "disabled"]
5749
5780
  },
5750
5781
  "fgColor-link": {
5751
- "value": "#2f81f7",
5782
+ "value": "#4493f8",
5752
5783
  "$type": "color",
5753
5784
  "$extensions": {
5754
5785
  "org.primer.figma": {
@@ -5812,7 +5843,7 @@
5812
5843
  "path": ["fgColor", "neutral", "@"]
5813
5844
  },
5814
5845
  "fgColor-accent": {
5815
- "value": "#2f81f7",
5846
+ "value": "#4493f8",
5816
5847
  "$type": "color",
5817
5848
  "$extensions": {
5818
5849
  "org.primer.figma": {
@@ -5832,7 +5863,7 @@
5832
5863
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
5833
5864
  "isSource": true,
5834
5865
  "original": {
5835
- "value": "{base.color.blue.4}",
5866
+ "value": "{base.color.blue.3}",
5836
5867
  "$type": "color",
5837
5868
  "$extensions": {
5838
5869
  "org.primer.figma": {
@@ -7111,7 +7142,7 @@
7111
7142
  "path": ["borderColor", "default"]
7112
7143
  },
7113
7144
  "borderColor-muted": {
7114
- "value": "#30363d80",
7145
+ "value": "#30363db3",
7115
7146
  "$type": "color",
7116
7147
  "$extensions": {
7117
7148
  "org.primer.figma": {
@@ -7124,7 +7155,7 @@
7124
7155
  }
7125
7156
  }
7126
7157
  },
7127
- "alpha": 0.5,
7158
+ "alpha": 0.7,
7128
7159
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
7129
7160
  "isSource": true,
7130
7161
  "original": {
@@ -7141,7 +7172,7 @@
7141
7172
  }
7142
7173
  }
7143
7174
  },
7144
- "alpha": 0.5
7175
+ "alpha": 0.7
7145
7176
  },
7146
7177
  "name": "borderColor-muted",
7147
7178
  "attributes": {},