@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
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
39
39
  $headerSearch-bgColor: #0d1117;
40
40
  $headerSearch-borderColor: #30363d;
41
41
  $avatar-bgColor: #ffffff1a;
42
- $avatar-borderColor: #30363d80;
42
+ $avatar-borderColor: #30363db3;
43
43
  $avatar-shadow: 0px 0px 0px 2px #0d1117;
44
44
  $avatarStack-fade-bgColor-default: #30363d;
45
45
  $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
119
119
  $button-primary-borderColor-active: #f0f6fc1a;
120
120
  $button-primary-borderColor-disabled: #1158c7;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #2f81f7;
122
+ $button-invisible-fgColor-rest: #4493f8;
123
123
  $button-invisible-fgColor-hover: #58a6ff;
124
124
  $button-invisible-fgColor-disabled: #8b949e;
125
125
  $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
135
135
  $button-outline-fgColor-rest: #388bfd;
136
136
  $button-outline-fgColor-hover: #58a6ff;
137
137
  $button-outline-fgColor-active: #ffffff;
138
- $button-outline-fgColor-disabled: #2f81f780;
138
+ $button-outline-fgColor-disabled: #4493f880;
139
139
  $button-outline-bgColor-rest: #f0f6fc;
140
140
  $button-outline-bgColor-hover: #30363d;
141
141
  $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
167
167
  $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
168
168
  $buttonCounter-outline-fgColor-rest: #388bfd;
169
169
  $buttonCounter-outline-fgColor-hover: #58a6ff;
170
- $buttonCounter-outline-fgColor-disabled: #2f81f780;
170
+ $buttonCounter-outline-fgColor-disabled: #4493f880;
171
171
  $buttonCounter-danger-bgColor-hover: #ffffff33;
172
172
  $buttonCounter-danger-bgColor-disabled: #bd561d0d;
173
173
  $buttonCounter-danger-bgColor-rest: #49020233;
@@ -187,33 +187,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
187
187
  $underlineNav-borderColor-active: #f78166;
188
188
  $underlineNav-borderColor-hover: #6e768166;
189
189
  $underlineNav-iconColor-rest: #848d97;
190
+ $selection-bgColor: #4493f833;
190
191
  $fgColor-default: #e6edf3;
191
192
  $fgColor-muted: #848d97;
192
193
  $fgColor-onEmphasis: #ffffff;
193
- $fgColor-onInverse: #0d1117;
194
194
  $fgColor-disabled: #8b949e;
195
- $fgColor-link: #2f81f7;
196
- $fgColor-link-onInverse: #1f6feb;
195
+ $fgColor-link: #4493f8;
197
196
  $fgColor-neutral: #6e7681;
198
- $fgColor-neutral-onInverse: #484f58;
199
- $fgColor-accent: #2f81f7;
200
- $fgColor-accent-onInverse: #1f6feb;
197
+ $fgColor-accent: #4493f8;
201
198
  $fgColor-success: #58a6ff;
202
- $fgColor-success-onInverse: #1f6feb;
203
199
  $fgColor-attention: #d29922;
204
- $fgColor-attention-onInverse: #9e6a03;
205
200
  $fgColor-severe: #db6d28;
206
- $fgColor-severe-onInverse: #bd561d;
207
201
  $fgColor-danger: #db6d28;
208
- $fgColor-danger-onInverse: #db3734;
209
202
  $fgColor-open: #f0883e;
210
- $fgColor-open-onInverse: #bd561d;
211
203
  $fgColor-closed: #8b949e;
212
- $fgColor-closed-onInverse: #484f58;
213
204
  $fgColor-done: #a371f7;
214
- $fgColor-done-onInverse: #8957e5;
215
205
  $fgColor-sponsors: #db61a2;
216
- $fgColor-sponsors-onInverse: #bf4b8a;
217
206
  $bgColor-default: #0d1117;
218
207
  $bgColor-muted: #161b22;
219
208
  $bgColor-inset: #010409;
@@ -242,7 +231,7 @@ $bgColor-done-emphasis: #8957e5;
242
231
  $bgColor-sponsors-muted: #db61a21a;
243
232
  $bgColor-sponsors-emphasis: #bf4b8a;
244
233
  $borderColor-default: #30363d;
245
- $borderColor-muted: #30363d80;
234
+ $borderColor-muted: #30363db3;
246
235
  $borderColor-emphasis: #484f58;
247
236
  $borderColor-disabled: #161b22;
248
237
  $borderColor-transparent: #00000000;
@@ -39,7 +39,7 @@ $header-borderColor-divider: #768390;
39
39
  $headerSearch-bgColor: #22272e;
40
40
  $headerSearch-borderColor: #444c56;
41
41
  $avatar-bgColor: #cdd9e51a;
42
- $avatar-borderColor: #444c5680;
42
+ $avatar-borderColor: #444c56b3;
43
43
  $avatar-shadow: 0px 0px 0px 2px #22272e;
44
44
  $avatarStack-fade-bgColor-default: #444c56;
45
45
  $avatarStack-fade-bgColor-muted: #373e47;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #cdd9e51a;
119
119
  $button-primary-borderColor-active: #cdd9e51a;
120
120
  $button-primary-borderColor-disabled: #50a254;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #3b7cdb;
122
+ $button-invisible-fgColor-rest: #478be6;
123
123
  $button-invisible-fgColor-hover: #539bf5;
124
124
  $button-invisible-fgColor-disabled: #768390;
125
125
  $button-invisible-iconColor-rest: #717e8b;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #2d333b;
135
135
  $button-outline-fgColor-rest: #4184e4;
136
136
  $button-outline-fgColor-hover: #539bf5;
137
137
  $button-outline-fgColor-active: #cdd9e5;
138
- $button-outline-fgColor-disabled: #3b7cdb80;
138
+ $button-outline-fgColor-disabled: #478be680;
139
139
  $button-outline-bgColor-rest: #cdd9e5;
140
140
  $button-outline-bgColor-hover: #444c56;
141
141
  $button-outline-bgColor-active: #1b4b91;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #0f2d5c33;
167
167
  $buttonCounter-outline-bgColor-disabled: #316dca0d;
168
168
  $buttonCounter-outline-fgColor-rest: #4184e4;
169
169
  $buttonCounter-outline-fgColor-hover: #539bf5;
170
- $buttonCounter-outline-fgColor-disabled: #3b7cdb80;
170
+ $buttonCounter-outline-fgColor-disabled: #478be680;
171
171
  $buttonCounter-danger-bgColor-hover: #cdd9e533;
172
172
  $buttonCounter-danger-bgColor-disabled: #c93c370d;
173
173
  $buttonCounter-danger-bgColor-rest: #5d0f1233;
@@ -187,33 +187,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #717e8b;
187
187
  $underlineNav-borderColor-active: #ec775c;
188
188
  $underlineNav-borderColor-hover: #636e7b66;
189
189
  $underlineNav-iconColor-rest: #717e8b;
190
+ $selection-bgColor: #478be633;
190
191
  $fgColor-default: #c5d1de;
191
192
  $fgColor-muted: #717e8b;
192
193
  $fgColor-onEmphasis: #cdd9e5;
193
- $fgColor-onInverse: #22272e;
194
194
  $fgColor-disabled: #768390;
195
- $fgColor-link: #3b7cdb;
196
- $fgColor-link-onInverse: #316dca;
195
+ $fgColor-link: #478be6;
197
196
  $fgColor-neutral: #636e7b;
198
- $fgColor-neutral-onInverse: #545d68;
199
- $fgColor-accent: #3b7cdb;
200
- $fgColor-accent-onInverse: #316dca;
197
+ $fgColor-accent: #478be6;
201
198
  $fgColor-success: #57ab5a;
202
- $fgColor-success-onInverse: #347d39;
203
199
  $fgColor-attention: #c69026;
204
- $fgColor-attention-onInverse: #966600;
205
200
  $fgColor-severe: #cc6b2c;
206
- $fgColor-severe-onInverse: #ae5622;
207
201
  $fgColor-danger: #e5534b;
208
- $fgColor-danger-onInverse: #ca3d38;
209
202
  $fgColor-open: #57ab5a;
210
- $fgColor-open-onInverse: #347d39;
211
203
  $fgColor-closed: #e5534b;
212
- $fgColor-closed-onInverse: #ca3d38;
213
204
  $fgColor-done: #986ee2;
214
- $fgColor-done-onInverse: #8256d0;
215
205
  $fgColor-sponsors: #c96198;
216
- $fgColor-sponsors-onInverse: #ae4c82;
217
206
  $bgColor-default: #22272e;
218
207
  $bgColor-muted: #2d333b;
219
208
  $bgColor-inset: #1c2128;
@@ -242,7 +231,7 @@ $bgColor-done-emphasis: #8256d0;
242
231
  $bgColor-sponsors-muted: #c961981a;
243
232
  $bgColor-sponsors-emphasis: #ae4c82;
244
233
  $borderColor-default: #444c56;
245
- $borderColor-muted: #444c5680;
234
+ $borderColor-muted: #444c56b3;
246
235
  $borderColor-emphasis: #545d68;
247
236
  $borderColor-disabled: #2d333b;
248
237
  $borderColor-transparent: #00000000;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #4ae168;
119
119
  $button-primary-borderColor-active: #4ae168;
120
120
  $button-primary-borderColor-disabled: #4ae16866;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #52a7ff;
122
+ $button-invisible-fgColor-rest: #60aeff;
123
123
  $button-invisible-fgColor-hover: #1e60d5;
124
124
  $button-invisible-fgColor-disabled: #bdc4cc;
125
125
  $button-invisible-iconColor-rest: #f0f3f6;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #272b33;
135
135
  $button-outline-fgColor-rest: #5cacff;
136
136
  $button-outline-fgColor-hover: #71b7ff;
137
137
  $button-outline-fgColor-active: #ffffff;
138
- $button-outline-fgColor-disabled: #52a7ff80;
138
+ $button-outline-fgColor-disabled: #60aeff80;
139
139
  $button-outline-bgColor-rest: #ffffff;
140
140
  $button-outline-bgColor-hover: #525964;
141
141
  $button-outline-bgColor-active: #2672f3;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #194fb133;
167
167
  $buttonCounter-outline-bgColor-disabled: #409eff0d;
168
168
  $buttonCounter-outline-fgColor-rest: #5cacff;
169
169
  $buttonCounter-outline-fgColor-hover: #71b7ff;
170
- $buttonCounter-outline-fgColor-disabled: #52a7ff80;
170
+ $buttonCounter-outline-fgColor-disabled: #60aeff80;
171
171
  $buttonCounter-danger-bgColor-hover: #01040926;
172
172
  $buttonCounter-danger-bgColor-disabled: #ff6a690d;
173
173
  $buttonCounter-danger-bgColor-rest: #01040926;
@@ -187,33 +187,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
187
187
  $underlineNav-borderColor-active: #ff967d;
188
188
  $underlineNav-borderColor-hover: #bdc4cc;
189
189
  $underlineNav-iconColor-rest: #f0f3f6;
190
+ $selection-bgColor: #60aeff33;
190
191
  $fgColor-default: #fbfcfd;
191
192
  $fgColor-muted: #f0f3f6;
192
193
  $fgColor-onEmphasis: #0a0c10;
193
- $fgColor-onInverse: #0a0c10;
194
194
  $fgColor-disabled: #bdc4cc;
195
- $fgColor-link: #52a7ff;
196
- $fgColor-link-onInverse: #1e60d5;
195
+ $fgColor-link: #60aeff;
197
196
  $fgColor-neutral: #9ea7b3;
198
- $fgColor-neutral-onInverse: #272b33;
199
- $fgColor-accent: #52a7ff;
200
- $fgColor-accent-onInverse: #1e60d5;
197
+ $fgColor-accent: #60aeff;
201
198
  $fgColor-success: #28d751;
202
- $fgColor-success-onInverse: #007728;
203
199
  $fgColor-attention: #f0b72f;
204
- $fgColor-attention-onInverse: #945d02;
205
200
  $fgColor-severe: #f48b25;
206
- $fgColor-severe-onInverse: #a74c00;
207
201
  $fgColor-danger: #ff8080;
208
- $fgColor-danger-onInverse: #b1071b;
209
202
  $fgColor-open: #28d751;
210
- $fgColor-open-onInverse: #007728;
211
203
  $fgColor-closed: #ff8080;
212
- $fgColor-closed-onInverse: #b1071b;
213
204
  $fgColor-done: #bf8fff;
214
- $fgColor-done-onInverse: #6921d7;
215
205
  $fgColor-sponsors: #f87cbd;
216
- $fgColor-sponsors-onInverse: #9c1d6a;
217
206
  $bgColor-default: #0a0c10;
218
207
  $bgColor-muted: #272b33;
219
208
  $bgColor-inset: #010409;
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
39
39
  $headerSearch-bgColor: #0d1117;
40
40
  $headerSearch-borderColor: #30363d;
41
41
  $avatar-bgColor: #ffffff1a;
42
- $avatar-borderColor: #30363d80;
42
+ $avatar-borderColor: #30363db3;
43
43
  $avatar-shadow: 0px 0px 0px 2px #0d1117;
44
44
  $avatarStack-fade-bgColor-default: #30363d;
45
45
  $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
119
119
  $button-primary-borderColor-active: #f0f6fc1a;
120
120
  $button-primary-borderColor-disabled: #5fabfe;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #2f81f7;
122
+ $button-invisible-fgColor-rest: #4493f8;
123
123
  $button-invisible-fgColor-hover: #58a6ff;
124
124
  $button-invisible-fgColor-disabled: #8b949e;
125
125
  $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
135
135
  $button-outline-fgColor-rest: #388bfd;
136
136
  $button-outline-fgColor-hover: #58a6ff;
137
137
  $button-outline-fgColor-active: #ffffff;
138
- $button-outline-fgColor-disabled: #2f81f780;
138
+ $button-outline-fgColor-disabled: #4493f880;
139
139
  $button-outline-bgColor-rest: #f0f6fc;
140
140
  $button-outline-bgColor-hover: #30363d;
141
141
  $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
167
167
  $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
168
168
  $buttonCounter-outline-fgColor-rest: #388bfd;
169
169
  $buttonCounter-outline-fgColor-hover: #58a6ff;
170
- $buttonCounter-outline-fgColor-disabled: #2f81f780;
170
+ $buttonCounter-outline-fgColor-disabled: #4493f880;
171
171
  $buttonCounter-danger-bgColor-hover: #ffffff33;
172
172
  $buttonCounter-danger-bgColor-disabled: #da36330d;
173
173
  $buttonCounter-danger-bgColor-rest: #49020233;
@@ -187,33 +187,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
187
187
  $underlineNav-borderColor-active: #f78166;
188
188
  $underlineNav-borderColor-hover: #6e768166;
189
189
  $underlineNav-iconColor-rest: #848d97;
190
+ $selection-bgColor: #4493f833;
190
191
  $fgColor-default: #e6edf3;
191
192
  $fgColor-muted: #848d97;
192
193
  $fgColor-onEmphasis: #ffffff;
193
- $fgColor-onInverse: #0d1117;
194
194
  $fgColor-disabled: #8b949e;
195
- $fgColor-link: #2f81f7;
196
- $fgColor-link-onInverse: #1f6feb;
195
+ $fgColor-link: #4493f8;
197
196
  $fgColor-neutral: #6e7681;
198
- $fgColor-neutral-onInverse: #484f58;
199
- $fgColor-accent: #2f81f7;
200
- $fgColor-accent-onInverse: #1f6feb;
197
+ $fgColor-accent: #4493f8;
201
198
  $fgColor-success: #58a6ff;
202
- $fgColor-success-onInverse: #1f6feb;
203
199
  $fgColor-attention: #d29922;
204
- $fgColor-attention-onInverse: #9e6a03;
205
200
  $fgColor-severe: #f85149;
206
- $fgColor-severe-onInverse: #da3633;
207
201
  $fgColor-danger: #f85149;
208
- $fgColor-danger-onInverse: #db3734;
209
202
  $fgColor-open: #f85149;
210
- $fgColor-open-onInverse: #b62324;
211
203
  $fgColor-closed: #6e7681;
212
- $fgColor-closed-onInverse: #484f58;
213
204
  $fgColor-done: #a371f7;
214
- $fgColor-done-onInverse: #8957e5;
215
205
  $fgColor-sponsors: #db61a2;
216
- $fgColor-sponsors-onInverse: #bf4b8a;
217
206
  $bgColor-default: #0d1117;
218
207
  $bgColor-muted: #161b22;
219
208
  $bgColor-inset: #010409;
@@ -242,7 +231,7 @@ $bgColor-done-emphasis: #8957e5;
242
231
  $bgColor-sponsors-muted: #db61a21a;
243
232
  $bgColor-sponsors-emphasis: #bf4b8a;
244
233
  $borderColor-default: #30363d;
245
- $borderColor-muted: #30363d80;
234
+ $borderColor-muted: #30363db3;
246
235
  $borderColor-emphasis: #484f58;
247
236
  $borderColor-disabled: #161b22;
248
237
  $borderColor-transparent: #00000000;
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
39
39
  $headerSearch-bgColor: #0d1117;
40
40
  $headerSearch-borderColor: #30363d;
41
41
  $avatar-bgColor: #ffffff1a;
42
- $avatar-borderColor: #30363d80;
42
+ $avatar-borderColor: #30363db3;
43
43
  $avatar-shadow: 0px 0px 0px 2px #0d1117;
44
44
  $avatarStack-fade-bgColor-default: #30363d;
45
45
  $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
119
119
  $button-primary-borderColor-active: #f0f6fc1a;
120
120
  $button-primary-borderColor-disabled: #46bf57;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #2f81f7;
122
+ $button-invisible-fgColor-rest: #4493f8;
123
123
  $button-invisible-fgColor-hover: #58a6ff;
124
124
  $button-invisible-fgColor-disabled: #8b949e;
125
125
  $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
135
135
  $button-outline-fgColor-rest: #388bfd;
136
136
  $button-outline-fgColor-hover: #58a6ff;
137
137
  $button-outline-fgColor-active: #ffffff;
138
- $button-outline-fgColor-disabled: #2f81f780;
138
+ $button-outline-fgColor-disabled: #4493f880;
139
139
  $button-outline-bgColor-rest: #f0f6fc;
140
140
  $button-outline-bgColor-hover: #30363d;
141
141
  $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
167
167
  $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
168
168
  $buttonCounter-outline-fgColor-rest: #388bfd;
169
169
  $buttonCounter-outline-fgColor-hover: #58a6ff;
170
- $buttonCounter-outline-fgColor-disabled: #2f81f780;
170
+ $buttonCounter-outline-fgColor-disabled: #4493f880;
171
171
  $buttonCounter-danger-bgColor-hover: #ffffff33;
172
172
  $buttonCounter-danger-bgColor-disabled: #da36330d;
173
173
  $buttonCounter-danger-bgColor-rest: #49020233;
@@ -187,33 +187,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
187
187
  $underlineNav-borderColor-active: #f78166;
188
188
  $underlineNav-borderColor-hover: #6e768166;
189
189
  $underlineNav-iconColor-rest: #848d97;
190
+ $selection-bgColor: #4493f833;
190
191
  $fgColor-default: #e6edf3;
191
192
  $fgColor-muted: #848d97;
192
193
  $fgColor-onEmphasis: #ffffff;
193
- $fgColor-onInverse: #0d1117;
194
194
  $fgColor-disabled: #8b949e;
195
- $fgColor-link: #2f81f7;
196
- $fgColor-link-onInverse: #1f6feb;
195
+ $fgColor-link: #4493f8;
197
196
  $fgColor-neutral: #6e7681;
198
- $fgColor-neutral-onInverse: #484f58;
199
- $fgColor-accent: #2f81f7;
200
- $fgColor-accent-onInverse: #1f6feb;
197
+ $fgColor-accent: #4493f8;
201
198
  $fgColor-success: #3fb950;
202
- $fgColor-success-onInverse: #238636;
203
199
  $fgColor-attention: #d29922;
204
- $fgColor-attention-onInverse: #9e6a03;
205
200
  $fgColor-severe: #db6d28;
206
- $fgColor-severe-onInverse: #bd561d;
207
201
  $fgColor-danger: #f85149;
208
- $fgColor-danger-onInverse: #db3734;
209
202
  $fgColor-open: #3fb950;
210
- $fgColor-open-onInverse: #238636;
211
203
  $fgColor-closed: #f85149;
212
- $fgColor-closed-onInverse: #db3734;
213
204
  $fgColor-done: #a371f7;
214
- $fgColor-done-onInverse: #8957e5;
215
205
  $fgColor-sponsors: #db61a2;
216
- $fgColor-sponsors-onInverse: #bf4b8a;
217
206
  $bgColor-default: #0d1117;
218
207
  $bgColor-muted: #161b22;
219
208
  $bgColor-inset: #010409;
@@ -242,7 +231,7 @@ $bgColor-done-emphasis: #8957e5;
242
231
  $bgColor-sponsors-muted: #db61a21a;
243
232
  $bgColor-sponsors-emphasis: #bf4b8a;
244
233
  $borderColor-default: #30363d;
245
- $borderColor-muted: #30363d80;
234
+ $borderColor-muted: #30363db3;
246
235
  $borderColor-emphasis: #484f58;
247
236
  $borderColor-disabled: #161b22;
248
237
  $borderColor-transparent: #00000000;
@@ -188,33 +188,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
188
188
  $underlineNav-borderColor-active: #fd8c73;
189
189
  $underlineNav-borderColor-hover: #afb8c133;
190
190
  $underlineNav-iconColor-rest: #636c76;
191
+ $selection-bgColor: #0969da1a;
191
192
  $fgColor-default: #1f2328;
192
193
  $fgColor-muted: #636c76;
193
194
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #f6f8fa;
195
195
  $fgColor-disabled: #8c959f;
196
196
  $fgColor-link: #0969da;
197
- $fgColor-link-onInverse: #54aeff;
198
197
  $fgColor-neutral: #6e7781;
199
- $fgColor-neutral-onInverse: #8c959f;
200
198
  $fgColor-accent: #0969da;
201
- $fgColor-accent-onInverse: #54aeff;
202
199
  $fgColor-success: #0969da;
203
- $fgColor-success-onInverse: #54aeff;
204
200
  $fgColor-attention: #9a6700;
205
- $fgColor-attention-onInverse: #d4a72c;
206
201
  $fgColor-severe: #bc4c00;
207
- $fgColor-severe-onInverse: #fb8f44;
208
202
  $fgColor-danger: #be4e02;
209
- $fgColor-danger-onInverse: #fa4549;
210
203
  $fgColor-open: #bc4c00;
211
- $fgColor-open-onInverse: #fb8f44;
212
204
  $fgColor-closed: #6e7781;
213
- $fgColor-closed-onInverse: #afb8c1;
214
205
  $fgColor-done: #8250df;
215
- $fgColor-done-onInverse: #a475f9;
216
206
  $fgColor-sponsors: #bf3989;
217
- $fgColor-sponsors-onInverse: #e85aad;
218
207
  $bgColor-default: #ffffff;
219
208
  $bgColor-muted: #f6f8fa;
220
209
  $bgColor-inset: #f6f8fa;
@@ -243,7 +232,7 @@ $bgColor-done-emphasis: #8250df;
243
232
  $bgColor-sponsors-muted: #ffeff7;
244
233
  $bgColor-sponsors-emphasis: #bf3989;
245
234
  $borderColor-default: #d0d7de;
246
- $borderColor-muted: #d0d7de80;
235
+ $borderColor-muted: #d0d7deb3;
247
236
  $borderColor-emphasis: #6e7781;
248
237
  $borderColor-disabled: #f6f8fa;
249
238
  $borderColor-transparent: #ffffff00;
@@ -188,33 +188,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #368cf9;
188
188
  $underlineNav-borderColor-active: #cd3425;
189
189
  $underlineNav-borderColor-hover: #88929d;
190
190
  $underlineNav-iconColor-rest: #0e1116;
191
+ $selection-bgColor: #023b951a;
191
192
  $fgColor-default: #010409;
192
193
  $fgColor-muted: #0e1116;
193
194
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #ffffff;
195
195
  $fgColor-disabled: #4b535d;
196
196
  $fgColor-link: #023b95;
197
- $fgColor-link-onInverse: #67b3fd;
198
197
  $fgColor-neutral: #66707b;
199
- $fgColor-neutral-onInverse: #ced5dc;
200
198
  $fgColor-accent: #023b95;
201
- $fgColor-accent-onInverse: #67b3fd;
202
199
  $fgColor-success: #055d20;
203
- $fgColor-success-onInverse: #43c663;
204
200
  $fgColor-attention: #744500;
205
- $fgColor-attention-onInverse: #d5a824;
206
201
  $fgColor-severe: #873800;
207
- $fgColor-severe-onInverse: #f99636;
208
202
  $fgColor-danger: #8a071e;
209
- $fgColor-danger-onInverse: #ff8e8a;
210
203
  $fgColor-open: #055d20;
211
- $fgColor-open-onInverse: #43c663;
212
204
  $fgColor-closed: #8a071e;
213
- $fgColor-closed-onInverse: #ff8e8a;
214
205
  $fgColor-done: #622cbc;
215
- $fgColor-done-onInverse: #c49bff;
216
206
  $fgColor-sponsors: #971368;
217
- $fgColor-sponsors-onInverse: #fc87ca;
218
207
  $bgColor-default: #ffffff;
219
208
  $bgColor-muted: #e7ecf0;
220
209
  $bgColor-inset: #ffffff;
@@ -188,33 +188,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
188
188
  $underlineNav-borderColor-active: #fd8c73;
189
189
  $underlineNav-borderColor-hover: #afb8c133;
190
190
  $underlineNav-iconColor-rest: #636c76;
191
+ $selection-bgColor: #0969da1a;
191
192
  $fgColor-default: #1f2328;
192
193
  $fgColor-muted: #636c76;
193
194
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #f6f8fa;
195
195
  $fgColor-disabled: #8c959f;
196
196
  $fgColor-link: #0969da;
197
- $fgColor-link-onInverse: #54aeff;
198
197
  $fgColor-neutral: #6e7781;
199
- $fgColor-neutral-onInverse: #8c959f;
200
198
  $fgColor-accent: #0969da;
201
- $fgColor-accent-onInverse: #54aeff;
202
199
  $fgColor-success: #0969da;
203
- $fgColor-success-onInverse: #54aeff;
204
200
  $fgColor-attention: #9a6700;
205
- $fgColor-attention-onInverse: #d4a72c;
206
201
  $fgColor-severe: #cf222e;
207
- $fgColor-severe-onInverse: #ff8182;
208
202
  $fgColor-danger: #d1242f;
209
- $fgColor-danger-onInverse: #fa4549;
210
203
  $fgColor-open: #cf222e;
211
- $fgColor-open-onInverse: #fa4549;
212
204
  $fgColor-closed: #6e7781;
213
- $fgColor-closed-onInverse: #afb8c1;
214
205
  $fgColor-done: #8250df;
215
- $fgColor-done-onInverse: #a475f9;
216
206
  $fgColor-sponsors: #bf3989;
217
- $fgColor-sponsors-onInverse: #e85aad;
218
207
  $bgColor-default: #ffffff;
219
208
  $bgColor-muted: #f6f8fa;
220
209
  $bgColor-inset: #f6f8fa;
@@ -243,7 +232,7 @@ $bgColor-done-emphasis: #8250df;
243
232
  $bgColor-sponsors-muted: #ffeff7;
244
233
  $bgColor-sponsors-emphasis: #bf3989;
245
234
  $borderColor-default: #d0d7de;
246
- $borderColor-muted: #d0d7de80;
235
+ $borderColor-muted: #d0d7deb3;
247
236
  $borderColor-emphasis: #6e7781;
248
237
  $borderColor-disabled: #f6f8fa;
249
238
  $borderColor-transparent: #ffffff00;
@@ -188,33 +188,22 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
188
188
  $underlineNav-borderColor-active: #fd8c73;
189
189
  $underlineNav-borderColor-hover: #afb8c133;
190
190
  $underlineNav-iconColor-rest: #636c76;
191
+ $selection-bgColor: #0969da1a;
191
192
  $fgColor-default: #1f2328;
192
193
  $fgColor-muted: #636c76;
193
194
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #f6f8fa;
195
195
  $fgColor-disabled: #8c959f;
196
196
  $fgColor-link: #0969da;
197
- $fgColor-link-onInverse: #54aeff;
198
197
  $fgColor-neutral: #6e7781;
199
- $fgColor-neutral-onInverse: #8c959f;
200
198
  $fgColor-accent: #0969da;
201
- $fgColor-accent-onInverse: #54aeff;
202
199
  $fgColor-success: #1a7f37;
203
- $fgColor-success-onInverse: #4ac26b;
204
200
  $fgColor-attention: #9a6700;
205
- $fgColor-attention-onInverse: #d4a72c;
206
201
  $fgColor-severe: #bc4c00;
207
- $fgColor-severe-onInverse: #fb8f44;
208
202
  $fgColor-danger: #d1242f;
209
- $fgColor-danger-onInverse: #fa4549;
210
203
  $fgColor-open: #1a7f37;
211
- $fgColor-open-onInverse: #4ac26b;
212
204
  $fgColor-closed: #d1242f;
213
- $fgColor-closed-onInverse: #fa4549;
214
205
  $fgColor-done: #8250df;
215
- $fgColor-done-onInverse: #a475f9;
216
206
  $fgColor-sponsors: #bf3989;
217
- $fgColor-sponsors-onInverse: #e85aad;
218
207
  $bgColor-default: #ffffff;
219
208
  $bgColor-muted: #f6f8fa;
220
209
  $bgColor-inset: #f6f8fa;
@@ -243,7 +232,7 @@ $bgColor-done-emphasis: #8250df;
243
232
  $bgColor-sponsors-muted: #ffeff7;
244
233
  $bgColor-sponsors-emphasis: #bf3989;
245
234
  $borderColor-default: #d0d7de;
246
- $borderColor-muted: #d0d7de80;
235
+ $borderColor-muted: #d0d7deb3;
247
236
  $borderColor-emphasis: #6e7781;
248
237
  $borderColor-disabled: #f6f8fa;
249
238
  $borderColor-transparent: #ffffff00;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.15.6",
3
+ "version": "7.15.7-rc.2f92cb1",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -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
  }