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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/dist/css/functional/size/size.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +4 -28
  3. package/dist/css/functional/themes/dark-dimmed.css +4 -28
  4. package/dist/css/functional/themes/dark-high-contrast.css +0 -24
  5. package/dist/css/functional/themes/dark-tritanopia.css +4 -28
  6. package/dist/css/functional/themes/dark.css +4 -28
  7. package/dist/css/functional/themes/light-colorblind.css +2 -26
  8. package/dist/css/functional/themes/light-high-contrast.css +0 -24
  9. package/dist/css/functional/themes/light-tritanopia.css +2 -26
  10. package/dist/css/functional/themes/light.css +2 -26
  11. package/dist/docs/functional/size/size.json +25 -0
  12. package/dist/docs/functional/themes/dark-colorblind.json +4 -360
  13. package/dist/docs/functional/themes/dark-dimmed.json +4 -360
  14. package/dist/docs/functional/themes/dark-high-contrast.json +0 -356
  15. package/dist/docs/functional/themes/dark-tritanopia.json +4 -360
  16. package/dist/docs/functional/themes/dark.json +4 -360
  17. package/dist/docs/functional/themes/light-colorblind.json +3 -357
  18. package/dist/docs/functional/themes/light-high-contrast.json +0 -354
  19. package/dist/docs/functional/themes/light-tritanopia.json +3 -357
  20. package/dist/docs/functional/themes/light.json +3 -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 +3 -196
  24. package/dist/figma/themes/light.json +2 -194
  25. package/dist/scss/functional/size/size.scss +1 -0
  26. package/dist/scss/functional/themes/dark-colorblind.scss +2 -14
  27. package/dist/scss/functional/themes/dark-dimmed.scss +2 -14
  28. package/dist/scss/functional/themes/dark-high-contrast.scss +0 -12
  29. package/dist/scss/functional/themes/dark-tritanopia.scss +2 -14
  30. package/dist/scss/functional/themes/dark.scss +2 -14
  31. package/dist/scss/functional/themes/light-colorblind.scss +1 -13
  32. package/dist/scss/functional/themes/light-high-contrast.scss +0 -12
  33. package/dist/scss/functional/themes/light-tritanopia.scss +1 -13
  34. package/dist/scss/functional/themes/light.scss +1 -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 +4 -28
  38. package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -28
  39. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -24
  40. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -28
  41. package/tokens-next-private/css/functional/themes/dark.css +4 -28
  42. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -26
  43. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -24
  44. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -26
  45. package/tokens-next-private/css/functional/themes/light.css +2 -26
  46. package/tokens-next-private/docs/functional/size/size.json +25 -0
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -360
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -360
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -356
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -360
  51. package/tokens-next-private/docs/functional/themes/dark.json +4 -360
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +3 -357
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -354
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +3 -357
  55. package/tokens-next-private/docs/functional/themes/light.json +3 -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 +3 -196
  59. package/tokens-next-private/figma/themes/light.json +2 -194
  60. package/tokens-next-private/scss/functional/size/size.scss +1 -0
  61. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -14
  62. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -14
  63. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +0 -12
  64. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -14
  65. package/tokens-next-private/scss/functional/themes/dark.scss +2 -14
  66. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -13
  67. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +0 -12
  68. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -13
  69. package/tokens-next-private/scss/functional/themes/light.scss +1 -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
@@ -190,30 +190,18 @@ $underlineNav-iconColor-rest: #f0f3f6;
190
190
  $fgColor-default: #fbfcfd;
191
191
  $fgColor-muted: #f0f3f6;
192
192
  $fgColor-onEmphasis: #0a0c10;
193
- $fgColor-onInverse: #0a0c10;
194
193
  $fgColor-disabled: #bdc4cc;
195
194
  $fgColor-link: #52a7ff;
196
- $fgColor-link-onInverse: #1e60d5;
197
195
  $fgColor-neutral: #9ea7b3;
198
- $fgColor-neutral-onInverse: #272b33;
199
196
  $fgColor-accent: #52a7ff;
200
- $fgColor-accent-onInverse: #1e60d5;
201
197
  $fgColor-success: #28d751;
202
- $fgColor-success-onInverse: #007728;
203
198
  $fgColor-attention: #f0b72f;
204
- $fgColor-attention-onInverse: #945d02;
205
199
  $fgColor-severe: #f48b25;
206
- $fgColor-severe-onInverse: #a74c00;
207
200
  $fgColor-danger: #ff8080;
208
- $fgColor-danger-onInverse: #b1071b;
209
201
  $fgColor-open: #28d751;
210
- $fgColor-open-onInverse: #007728;
211
202
  $fgColor-closed: #ff8080;
212
- $fgColor-closed-onInverse: #b1071b;
213
203
  $fgColor-done: #bf8fff;
214
- $fgColor-done-onInverse: #6921d7;
215
204
  $fgColor-sponsors: #f87cbd;
216
- $fgColor-sponsors-onInverse: #9c1d6a;
217
205
  $bgColor-default: #0a0c10;
218
206
  $bgColor-muted: #272b33;
219
207
  $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;
@@ -190,30 +190,18 @@ $underlineNav-iconColor-rest: #848d97;
190
190
  $fgColor-default: #e6edf3;
191
191
  $fgColor-muted: #848d97;
192
192
  $fgColor-onEmphasis: #ffffff;
193
- $fgColor-onInverse: #0d1117;
194
193
  $fgColor-disabled: #8b949e;
195
194
  $fgColor-link: #2f81f7;
196
- $fgColor-link-onInverse: #1f6feb;
197
195
  $fgColor-neutral: #6e7681;
198
- $fgColor-neutral-onInverse: #484f58;
199
196
  $fgColor-accent: #2f81f7;
200
- $fgColor-accent-onInverse: #1f6feb;
201
197
  $fgColor-success: #58a6ff;
202
- $fgColor-success-onInverse: #1f6feb;
203
198
  $fgColor-attention: #d29922;
204
- $fgColor-attention-onInverse: #9e6a03;
205
199
  $fgColor-severe: #f85149;
206
- $fgColor-severe-onInverse: #da3633;
207
200
  $fgColor-danger: #f85149;
208
- $fgColor-danger-onInverse: #db3734;
209
201
  $fgColor-open: #f85149;
210
- $fgColor-open-onInverse: #b62324;
211
202
  $fgColor-closed: #6e7681;
212
- $fgColor-closed-onInverse: #484f58;
213
203
  $fgColor-done: #a371f7;
214
- $fgColor-done-onInverse: #8957e5;
215
204
  $fgColor-sponsors: #db61a2;
216
- $fgColor-sponsors-onInverse: #bf4b8a;
217
205
  $bgColor-default: #0d1117;
218
206
  $bgColor-muted: #161b22;
219
207
  $bgColor-inset: #010409;
@@ -242,7 +230,7 @@ $bgColor-done-emphasis: #8957e5;
242
230
  $bgColor-sponsors-muted: #db61a21a;
243
231
  $bgColor-sponsors-emphasis: #bf4b8a;
244
232
  $borderColor-default: #30363d;
245
- $borderColor-muted: #30363d80;
233
+ $borderColor-muted: #30363db3;
246
234
  $borderColor-emphasis: #484f58;
247
235
  $borderColor-disabled: #161b22;
248
236
  $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;
@@ -190,30 +190,18 @@ $underlineNav-iconColor-rest: #848d97;
190
190
  $fgColor-default: #e6edf3;
191
191
  $fgColor-muted: #848d97;
192
192
  $fgColor-onEmphasis: #ffffff;
193
- $fgColor-onInverse: #0d1117;
194
193
  $fgColor-disabled: #8b949e;
195
194
  $fgColor-link: #2f81f7;
196
- $fgColor-link-onInverse: #1f6feb;
197
195
  $fgColor-neutral: #6e7681;
198
- $fgColor-neutral-onInverse: #484f58;
199
196
  $fgColor-accent: #2f81f7;
200
- $fgColor-accent-onInverse: #1f6feb;
201
197
  $fgColor-success: #3fb950;
202
- $fgColor-success-onInverse: #238636;
203
198
  $fgColor-attention: #d29922;
204
- $fgColor-attention-onInverse: #9e6a03;
205
199
  $fgColor-severe: #db6d28;
206
- $fgColor-severe-onInverse: #bd561d;
207
200
  $fgColor-danger: #f85149;
208
- $fgColor-danger-onInverse: #db3734;
209
201
  $fgColor-open: #3fb950;
210
- $fgColor-open-onInverse: #238636;
211
202
  $fgColor-closed: #f85149;
212
- $fgColor-closed-onInverse: #db3734;
213
203
  $fgColor-done: #a371f7;
214
- $fgColor-done-onInverse: #8957e5;
215
204
  $fgColor-sponsors: #db61a2;
216
- $fgColor-sponsors-onInverse: #bf4b8a;
217
205
  $bgColor-default: #0d1117;
218
206
  $bgColor-muted: #161b22;
219
207
  $bgColor-inset: #010409;
@@ -242,7 +230,7 @@ $bgColor-done-emphasis: #8957e5;
242
230
  $bgColor-sponsors-muted: #db61a21a;
243
231
  $bgColor-sponsors-emphasis: #bf4b8a;
244
232
  $borderColor-default: #30363d;
245
- $borderColor-muted: #30363d80;
233
+ $borderColor-muted: #30363db3;
246
234
  $borderColor-emphasis: #484f58;
247
235
  $borderColor-disabled: #161b22;
248
236
  $borderColor-transparent: #00000000;
@@ -191,30 +191,18 @@ $underlineNav-iconColor-rest: #636c76;
191
191
  $fgColor-default: #1f2328;
192
192
  $fgColor-muted: #636c76;
193
193
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #f6f8fa;
195
194
  $fgColor-disabled: #8c959f;
196
195
  $fgColor-link: #0969da;
197
- $fgColor-link-onInverse: #54aeff;
198
196
  $fgColor-neutral: #6e7781;
199
- $fgColor-neutral-onInverse: #8c959f;
200
197
  $fgColor-accent: #0969da;
201
- $fgColor-accent-onInverse: #54aeff;
202
198
  $fgColor-success: #0969da;
203
- $fgColor-success-onInverse: #54aeff;
204
199
  $fgColor-attention: #9a6700;
205
- $fgColor-attention-onInverse: #d4a72c;
206
200
  $fgColor-severe: #bc4c00;
207
- $fgColor-severe-onInverse: #fb8f44;
208
201
  $fgColor-danger: #be4e02;
209
- $fgColor-danger-onInverse: #fa4549;
210
202
  $fgColor-open: #bc4c00;
211
- $fgColor-open-onInverse: #fb8f44;
212
203
  $fgColor-closed: #6e7781;
213
- $fgColor-closed-onInverse: #afb8c1;
214
204
  $fgColor-done: #8250df;
215
- $fgColor-done-onInverse: #a475f9;
216
205
  $fgColor-sponsors: #bf3989;
217
- $fgColor-sponsors-onInverse: #e85aad;
218
206
  $bgColor-default: #ffffff;
219
207
  $bgColor-muted: #f6f8fa;
220
208
  $bgColor-inset: #f6f8fa;
@@ -243,7 +231,7 @@ $bgColor-done-emphasis: #8250df;
243
231
  $bgColor-sponsors-muted: #ffeff7;
244
232
  $bgColor-sponsors-emphasis: #bf3989;
245
233
  $borderColor-default: #d0d7de;
246
- $borderColor-muted: #d0d7de80;
234
+ $borderColor-muted: #d0d7deb3;
247
235
  $borderColor-emphasis: #6e7781;
248
236
  $borderColor-disabled: #f6f8fa;
249
237
  $borderColor-transparent: #ffffff00;
@@ -191,30 +191,18 @@ $underlineNav-iconColor-rest: #0e1116;
191
191
  $fgColor-default: #010409;
192
192
  $fgColor-muted: #0e1116;
193
193
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #ffffff;
195
194
  $fgColor-disabled: #4b535d;
196
195
  $fgColor-link: #023b95;
197
- $fgColor-link-onInverse: #67b3fd;
198
196
  $fgColor-neutral: #66707b;
199
- $fgColor-neutral-onInverse: #ced5dc;
200
197
  $fgColor-accent: #023b95;
201
- $fgColor-accent-onInverse: #67b3fd;
202
198
  $fgColor-success: #055d20;
203
- $fgColor-success-onInverse: #43c663;
204
199
  $fgColor-attention: #744500;
205
- $fgColor-attention-onInverse: #d5a824;
206
200
  $fgColor-severe: #873800;
207
- $fgColor-severe-onInverse: #f99636;
208
201
  $fgColor-danger: #8a071e;
209
- $fgColor-danger-onInverse: #ff8e8a;
210
202
  $fgColor-open: #055d20;
211
- $fgColor-open-onInverse: #43c663;
212
203
  $fgColor-closed: #8a071e;
213
- $fgColor-closed-onInverse: #ff8e8a;
214
204
  $fgColor-done: #622cbc;
215
- $fgColor-done-onInverse: #c49bff;
216
205
  $fgColor-sponsors: #971368;
217
- $fgColor-sponsors-onInverse: #fc87ca;
218
206
  $bgColor-default: #ffffff;
219
207
  $bgColor-muted: #e7ecf0;
220
208
  $bgColor-inset: #ffffff;
@@ -191,30 +191,18 @@ $underlineNav-iconColor-rest: #636c76;
191
191
  $fgColor-default: #1f2328;
192
192
  $fgColor-muted: #636c76;
193
193
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #f6f8fa;
195
194
  $fgColor-disabled: #8c959f;
196
195
  $fgColor-link: #0969da;
197
- $fgColor-link-onInverse: #54aeff;
198
196
  $fgColor-neutral: #6e7781;
199
- $fgColor-neutral-onInverse: #8c959f;
200
197
  $fgColor-accent: #0969da;
201
- $fgColor-accent-onInverse: #54aeff;
202
198
  $fgColor-success: #0969da;
203
- $fgColor-success-onInverse: #54aeff;
204
199
  $fgColor-attention: #9a6700;
205
- $fgColor-attention-onInverse: #d4a72c;
206
200
  $fgColor-severe: #cf222e;
207
- $fgColor-severe-onInverse: #ff8182;
208
201
  $fgColor-danger: #d1242f;
209
- $fgColor-danger-onInverse: #fa4549;
210
202
  $fgColor-open: #cf222e;
211
- $fgColor-open-onInverse: #fa4549;
212
203
  $fgColor-closed: #6e7781;
213
- $fgColor-closed-onInverse: #afb8c1;
214
204
  $fgColor-done: #8250df;
215
- $fgColor-done-onInverse: #a475f9;
216
205
  $fgColor-sponsors: #bf3989;
217
- $fgColor-sponsors-onInverse: #e85aad;
218
206
  $bgColor-default: #ffffff;
219
207
  $bgColor-muted: #f6f8fa;
220
208
  $bgColor-inset: #f6f8fa;
@@ -243,7 +231,7 @@ $bgColor-done-emphasis: #8250df;
243
231
  $bgColor-sponsors-muted: #ffeff7;
244
232
  $bgColor-sponsors-emphasis: #bf3989;
245
233
  $borderColor-default: #d0d7de;
246
- $borderColor-muted: #d0d7de80;
234
+ $borderColor-muted: #d0d7deb3;
247
235
  $borderColor-emphasis: #6e7781;
248
236
  $borderColor-disabled: #f6f8fa;
249
237
  $borderColor-transparent: #ffffff00;
@@ -191,30 +191,18 @@ $underlineNav-iconColor-rest: #636c76;
191
191
  $fgColor-default: #1f2328;
192
192
  $fgColor-muted: #636c76;
193
193
  $fgColor-onEmphasis: #ffffff;
194
- $fgColor-onInverse: #f6f8fa;
195
194
  $fgColor-disabled: #8c959f;
196
195
  $fgColor-link: #0969da;
197
- $fgColor-link-onInverse: #54aeff;
198
196
  $fgColor-neutral: #6e7781;
199
- $fgColor-neutral-onInverse: #8c959f;
200
197
  $fgColor-accent: #0969da;
201
- $fgColor-accent-onInverse: #54aeff;
202
198
  $fgColor-success: #1a7f37;
203
- $fgColor-success-onInverse: #4ac26b;
204
199
  $fgColor-attention: #9a6700;
205
- $fgColor-attention-onInverse: #d4a72c;
206
200
  $fgColor-severe: #bc4c00;
207
- $fgColor-severe-onInverse: #fb8f44;
208
201
  $fgColor-danger: #d1242f;
209
- $fgColor-danger-onInverse: #fa4549;
210
202
  $fgColor-open: #1a7f37;
211
- $fgColor-open-onInverse: #4ac26b;
212
203
  $fgColor-closed: #d1242f;
213
- $fgColor-closed-onInverse: #fa4549;
214
204
  $fgColor-done: #8250df;
215
- $fgColor-done-onInverse: #a475f9;
216
205
  $fgColor-sponsors: #bf3989;
217
- $fgColor-sponsors-onInverse: #e85aad;
218
206
  $bgColor-default: #ffffff;
219
207
  $bgColor-muted: #f6f8fa;
220
208
  $bgColor-inset: #f6f8fa;
@@ -243,7 +231,7 @@ $bgColor-done-emphasis: #8250df;
243
231
  $bgColor-sponsors-muted: #ffeff7;
244
232
  $bgColor-sponsors-emphasis: #bf3989;
245
233
  $borderColor-default: #d0d7de;
246
- $borderColor-muted: #d0d7de80;
234
+ $borderColor-muted: #d0d7deb3;
247
235
  $borderColor-emphasis: #6e7781;
248
236
  $borderColor-disabled: #f6f8fa;
249
237
  $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.04c26b8",
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
  }
@@ -43,7 +43,7 @@
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
45
  --avatar-bgColor: #ffffff1a;
46
- --avatar-borderColor: #30363d80;
46
+ --avatar-borderColor: #30363db3;
47
47
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
48
48
  --avatarStack-fade-bgColor-default: #30363d;
49
49
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -194,30 +194,18 @@
194
194
  --fgColor-default: #e6edf3;
195
195
  --fgColor-muted: #848d97;
196
196
  --fgColor-onEmphasis: #ffffff;
197
- --fgColor-onInverse: #0d1117;
198
197
  --fgColor-disabled: #8b949e;
199
198
  --fgColor-link: #2f81f7;
200
- --fgColor-link-onInverse: #1f6feb;
201
199
  --fgColor-neutral: #6e7681;
202
- --fgColor-neutral-onInverse: #484f58;
203
200
  --fgColor-accent: #2f81f7;
204
- --fgColor-accent-onInverse: #1f6feb;
205
201
  --fgColor-success: #58a6ff;
206
- --fgColor-success-onInverse: #1f6feb;
207
202
  --fgColor-attention: #d29922;
208
- --fgColor-attention-onInverse: #9e6a03;
209
203
  --fgColor-severe: #db6d28;
210
- --fgColor-severe-onInverse: #bd561d;
211
204
  --fgColor-danger: #db6d28;
212
- --fgColor-danger-onInverse: #db3734;
213
205
  --fgColor-open: #f0883e;
214
- --fgColor-open-onInverse: #bd561d;
215
206
  --fgColor-closed: #8b949e;
216
- --fgColor-closed-onInverse: #484f58;
217
207
  --fgColor-done: #a371f7;
218
- --fgColor-done-onInverse: #8957e5;
219
208
  --fgColor-sponsors: #db61a2;
220
- --fgColor-sponsors-onInverse: #bf4b8a;
221
209
  --bgColor-default: #0d1117;
222
210
  --bgColor-muted: #161b22;
223
211
  --bgColor-inset: #010409;
@@ -246,7 +234,7 @@
246
234
  --bgColor-sponsors-muted: #db61a21a;
247
235
  --bgColor-sponsors-emphasis: #bf4b8a;
248
236
  --borderColor-default: #30363d;
249
- --borderColor-muted: #30363d80;
237
+ --borderColor-muted: #30363db3;
250
238
  --borderColor-emphasis: #484f58;
251
239
  --borderColor-disabled: #161b22;
252
240
  --borderColor-transparent: #00000000;
@@ -464,7 +452,7 @@
464
452
  --headerSearch-bgColor: #0d1117;
465
453
  --headerSearch-borderColor: #30363d;
466
454
  --avatar-bgColor: #ffffff1a;
467
- --avatar-borderColor: #30363d80;
455
+ --avatar-borderColor: #30363db3;
468
456
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
469
457
  --avatarStack-fade-bgColor-default: #30363d;
470
458
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -615,30 +603,18 @@
615
603
  --fgColor-default: #e6edf3;
616
604
  --fgColor-muted: #848d97;
617
605
  --fgColor-onEmphasis: #ffffff;
618
- --fgColor-onInverse: #0d1117;
619
606
  --fgColor-disabled: #8b949e;
620
607
  --fgColor-link: #2f81f7;
621
- --fgColor-link-onInverse: #1f6feb;
622
608
  --fgColor-neutral: #6e7681;
623
- --fgColor-neutral-onInverse: #484f58;
624
609
  --fgColor-accent: #2f81f7;
625
- --fgColor-accent-onInverse: #1f6feb;
626
610
  --fgColor-success: #58a6ff;
627
- --fgColor-success-onInverse: #1f6feb;
628
611
  --fgColor-attention: #d29922;
629
- --fgColor-attention-onInverse: #9e6a03;
630
612
  --fgColor-severe: #db6d28;
631
- --fgColor-severe-onInverse: #bd561d;
632
613
  --fgColor-danger: #db6d28;
633
- --fgColor-danger-onInverse: #db3734;
634
614
  --fgColor-open: #f0883e;
635
- --fgColor-open-onInverse: #bd561d;
636
615
  --fgColor-closed: #8b949e;
637
- --fgColor-closed-onInverse: #484f58;
638
616
  --fgColor-done: #a371f7;
639
- --fgColor-done-onInverse: #8957e5;
640
617
  --fgColor-sponsors: #db61a2;
641
- --fgColor-sponsors-onInverse: #bf4b8a;
642
618
  --bgColor-default: #0d1117;
643
619
  --bgColor-muted: #161b22;
644
620
  --bgColor-inset: #010409;
@@ -667,7 +643,7 @@
667
643
  --bgColor-sponsors-muted: #db61a21a;
668
644
  --bgColor-sponsors-emphasis: #bf4b8a;
669
645
  --borderColor-default: #30363d;
670
- --borderColor-muted: #30363d80;
646
+ --borderColor-muted: #30363db3;
671
647
  --borderColor-emphasis: #484f58;
672
648
  --borderColor-disabled: #161b22;
673
649
  --borderColor-transparent: #00000000;
@@ -43,7 +43,7 @@
43
43
  --headerSearch-bgColor: #22272e;
44
44
  --headerSearch-borderColor: #444c56;
45
45
  --avatar-bgColor: #cdd9e51a;
46
- --avatar-borderColor: #444c5680;
46
+ --avatar-borderColor: #444c56b3;
47
47
  --avatar-shadow: 0px 0px 0px 2px #22272e;
48
48
  --avatarStack-fade-bgColor-default: #444c56;
49
49
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -194,30 +194,18 @@
194
194
  --fgColor-default: #c5d1de;
195
195
  --fgColor-muted: #717e8b;
196
196
  --fgColor-onEmphasis: #cdd9e5;
197
- --fgColor-onInverse: #22272e;
198
197
  --fgColor-disabled: #768390;
199
198
  --fgColor-link: #3b7cdb;
200
- --fgColor-link-onInverse: #316dca;
201
199
  --fgColor-neutral: #636e7b;
202
- --fgColor-neutral-onInverse: #545d68;
203
200
  --fgColor-accent: #3b7cdb;
204
- --fgColor-accent-onInverse: #316dca;
205
201
  --fgColor-success: #57ab5a;
206
- --fgColor-success-onInverse: #347d39;
207
202
  --fgColor-attention: #c69026;
208
- --fgColor-attention-onInverse: #966600;
209
203
  --fgColor-severe: #cc6b2c;
210
- --fgColor-severe-onInverse: #ae5622;
211
204
  --fgColor-danger: #e5534b;
212
- --fgColor-danger-onInverse: #ca3d38;
213
205
  --fgColor-open: #57ab5a;
214
- --fgColor-open-onInverse: #347d39;
215
206
  --fgColor-closed: #e5534b;
216
- --fgColor-closed-onInverse: #ca3d38;
217
207
  --fgColor-done: #986ee2;
218
- --fgColor-done-onInverse: #8256d0;
219
208
  --fgColor-sponsors: #c96198;
220
- --fgColor-sponsors-onInverse: #ae4c82;
221
209
  --bgColor-default: #22272e;
222
210
  --bgColor-muted: #2d333b;
223
211
  --bgColor-inset: #1c2128;
@@ -246,7 +234,7 @@
246
234
  --bgColor-sponsors-muted: #c961981a;
247
235
  --bgColor-sponsors-emphasis: #ae4c82;
248
236
  --borderColor-default: #444c56;
249
- --borderColor-muted: #444c5680;
237
+ --borderColor-muted: #444c56b3;
250
238
  --borderColor-emphasis: #545d68;
251
239
  --borderColor-disabled: #2d333b;
252
240
  --borderColor-transparent: #00000000;
@@ -464,7 +452,7 @@
464
452
  --headerSearch-bgColor: #22272e;
465
453
  --headerSearch-borderColor: #444c56;
466
454
  --avatar-bgColor: #cdd9e51a;
467
- --avatar-borderColor: #444c5680;
455
+ --avatar-borderColor: #444c56b3;
468
456
  --avatar-shadow: 0px 0px 0px 2px #22272e;
469
457
  --avatarStack-fade-bgColor-default: #444c56;
470
458
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -615,30 +603,18 @@
615
603
  --fgColor-default: #c5d1de;
616
604
  --fgColor-muted: #717e8b;
617
605
  --fgColor-onEmphasis: #cdd9e5;
618
- --fgColor-onInverse: #22272e;
619
606
  --fgColor-disabled: #768390;
620
607
  --fgColor-link: #3b7cdb;
621
- --fgColor-link-onInverse: #316dca;
622
608
  --fgColor-neutral: #636e7b;
623
- --fgColor-neutral-onInverse: #545d68;
624
609
  --fgColor-accent: #3b7cdb;
625
- --fgColor-accent-onInverse: #316dca;
626
610
  --fgColor-success: #57ab5a;
627
- --fgColor-success-onInverse: #347d39;
628
611
  --fgColor-attention: #c69026;
629
- --fgColor-attention-onInverse: #966600;
630
612
  --fgColor-severe: #cc6b2c;
631
- --fgColor-severe-onInverse: #ae5622;
632
613
  --fgColor-danger: #e5534b;
633
- --fgColor-danger-onInverse: #ca3d38;
634
614
  --fgColor-open: #57ab5a;
635
- --fgColor-open-onInverse: #347d39;
636
615
  --fgColor-closed: #e5534b;
637
- --fgColor-closed-onInverse: #ca3d38;
638
616
  --fgColor-done: #986ee2;
639
- --fgColor-done-onInverse: #8256d0;
640
617
  --fgColor-sponsors: #c96198;
641
- --fgColor-sponsors-onInverse: #ae4c82;
642
618
  --bgColor-default: #22272e;
643
619
  --bgColor-muted: #2d333b;
644
620
  --bgColor-inset: #1c2128;
@@ -667,7 +643,7 @@
667
643
  --bgColor-sponsors-muted: #c961981a;
668
644
  --bgColor-sponsors-emphasis: #ae4c82;
669
645
  --borderColor-default: #444c56;
670
- --borderColor-muted: #444c5680;
646
+ --borderColor-muted: #444c56b3;
671
647
  --borderColor-emphasis: #545d68;
672
648
  --borderColor-disabled: #2d333b;
673
649
  --borderColor-transparent: #00000000;
@@ -194,30 +194,18 @@
194
194
  --fgColor-default: #fbfcfd;
195
195
  --fgColor-muted: #f0f3f6;
196
196
  --fgColor-onEmphasis: #0a0c10;
197
- --fgColor-onInverse: #0a0c10;
198
197
  --fgColor-disabled: #bdc4cc;
199
198
  --fgColor-link: #52a7ff;
200
- --fgColor-link-onInverse: #1e60d5;
201
199
  --fgColor-neutral: #9ea7b3;
202
- --fgColor-neutral-onInverse: #272b33;
203
200
  --fgColor-accent: #52a7ff;
204
- --fgColor-accent-onInverse: #1e60d5;
205
201
  --fgColor-success: #28d751;
206
- --fgColor-success-onInverse: #007728;
207
202
  --fgColor-attention: #f0b72f;
208
- --fgColor-attention-onInverse: #945d02;
209
203
  --fgColor-severe: #f48b25;
210
- --fgColor-severe-onInverse: #a74c00;
211
204
  --fgColor-danger: #ff8080;
212
- --fgColor-danger-onInverse: #b1071b;
213
205
  --fgColor-open: #28d751;
214
- --fgColor-open-onInverse: #007728;
215
206
  --fgColor-closed: #ff8080;
216
- --fgColor-closed-onInverse: #b1071b;
217
207
  --fgColor-done: #bf8fff;
218
- --fgColor-done-onInverse: #6921d7;
219
208
  --fgColor-sponsors: #f87cbd;
220
- --fgColor-sponsors-onInverse: #9c1d6a;
221
209
  --bgColor-default: #0a0c10;
222
210
  --bgColor-muted: #272b33;
223
211
  --bgColor-inset: #010409;
@@ -615,30 +603,18 @@
615
603
  --fgColor-default: #fbfcfd;
616
604
  --fgColor-muted: #f0f3f6;
617
605
  --fgColor-onEmphasis: #0a0c10;
618
- --fgColor-onInverse: #0a0c10;
619
606
  --fgColor-disabled: #bdc4cc;
620
607
  --fgColor-link: #52a7ff;
621
- --fgColor-link-onInverse: #1e60d5;
622
608
  --fgColor-neutral: #9ea7b3;
623
- --fgColor-neutral-onInverse: #272b33;
624
609
  --fgColor-accent: #52a7ff;
625
- --fgColor-accent-onInverse: #1e60d5;
626
610
  --fgColor-success: #28d751;
627
- --fgColor-success-onInverse: #007728;
628
611
  --fgColor-attention: #f0b72f;
629
- --fgColor-attention-onInverse: #945d02;
630
612
  --fgColor-severe: #f48b25;
631
- --fgColor-severe-onInverse: #a74c00;
632
613
  --fgColor-danger: #ff8080;
633
- --fgColor-danger-onInverse: #b1071b;
634
614
  --fgColor-open: #28d751;
635
- --fgColor-open-onInverse: #007728;
636
615
  --fgColor-closed: #ff8080;
637
- --fgColor-closed-onInverse: #b1071b;
638
616
  --fgColor-done: #bf8fff;
639
- --fgColor-done-onInverse: #6921d7;
640
617
  --fgColor-sponsors: #f87cbd;
641
- --fgColor-sponsors-onInverse: #9c1d6a;
642
618
  --bgColor-default: #0a0c10;
643
619
  --bgColor-muted: #272b33;
644
620
  --bgColor-inset: #010409;
@@ -43,7 +43,7 @@
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
45
  --avatar-bgColor: #ffffff1a;
46
- --avatar-borderColor: #30363d80;
46
+ --avatar-borderColor: #30363db3;
47
47
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
48
48
  --avatarStack-fade-bgColor-default: #30363d;
49
49
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -194,30 +194,18 @@
194
194
  --fgColor-default: #e6edf3;
195
195
  --fgColor-muted: #848d97;
196
196
  --fgColor-onEmphasis: #ffffff;
197
- --fgColor-onInverse: #0d1117;
198
197
  --fgColor-disabled: #8b949e;
199
198
  --fgColor-link: #2f81f7;
200
- --fgColor-link-onInverse: #1f6feb;
201
199
  --fgColor-neutral: #6e7681;
202
- --fgColor-neutral-onInverse: #484f58;
203
200
  --fgColor-accent: #2f81f7;
204
- --fgColor-accent-onInverse: #1f6feb;
205
201
  --fgColor-success: #58a6ff;
206
- --fgColor-success-onInverse: #1f6feb;
207
202
  --fgColor-attention: #d29922;
208
- --fgColor-attention-onInverse: #9e6a03;
209
203
  --fgColor-severe: #f85149;
210
- --fgColor-severe-onInverse: #da3633;
211
204
  --fgColor-danger: #f85149;
212
- --fgColor-danger-onInverse: #db3734;
213
205
  --fgColor-open: #f85149;
214
- --fgColor-open-onInverse: #b62324;
215
206
  --fgColor-closed: #6e7681;
216
- --fgColor-closed-onInverse: #484f58;
217
207
  --fgColor-done: #a371f7;
218
- --fgColor-done-onInverse: #8957e5;
219
208
  --fgColor-sponsors: #db61a2;
220
- --fgColor-sponsors-onInverse: #bf4b8a;
221
209
  --bgColor-default: #0d1117;
222
210
  --bgColor-muted: #161b22;
223
211
  --bgColor-inset: #010409;
@@ -246,7 +234,7 @@
246
234
  --bgColor-sponsors-muted: #db61a21a;
247
235
  --bgColor-sponsors-emphasis: #bf4b8a;
248
236
  --borderColor-default: #30363d;
249
- --borderColor-muted: #30363d80;
237
+ --borderColor-muted: #30363db3;
250
238
  --borderColor-emphasis: #484f58;
251
239
  --borderColor-disabled: #161b22;
252
240
  --borderColor-transparent: #00000000;
@@ -464,7 +452,7 @@
464
452
  --headerSearch-bgColor: #0d1117;
465
453
  --headerSearch-borderColor: #30363d;
466
454
  --avatar-bgColor: #ffffff1a;
467
- --avatar-borderColor: #30363d80;
455
+ --avatar-borderColor: #30363db3;
468
456
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
469
457
  --avatarStack-fade-bgColor-default: #30363d;
470
458
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -615,30 +603,18 @@
615
603
  --fgColor-default: #e6edf3;
616
604
  --fgColor-muted: #848d97;
617
605
  --fgColor-onEmphasis: #ffffff;
618
- --fgColor-onInverse: #0d1117;
619
606
  --fgColor-disabled: #8b949e;
620
607
  --fgColor-link: #2f81f7;
621
- --fgColor-link-onInverse: #1f6feb;
622
608
  --fgColor-neutral: #6e7681;
623
- --fgColor-neutral-onInverse: #484f58;
624
609
  --fgColor-accent: #2f81f7;
625
- --fgColor-accent-onInverse: #1f6feb;
626
610
  --fgColor-success: #58a6ff;
627
- --fgColor-success-onInverse: #1f6feb;
628
611
  --fgColor-attention: #d29922;
629
- --fgColor-attention-onInverse: #9e6a03;
630
612
  --fgColor-severe: #f85149;
631
- --fgColor-severe-onInverse: #da3633;
632
613
  --fgColor-danger: #f85149;
633
- --fgColor-danger-onInverse: #db3734;
634
614
  --fgColor-open: #f85149;
635
- --fgColor-open-onInverse: #b62324;
636
615
  --fgColor-closed: #6e7681;
637
- --fgColor-closed-onInverse: #484f58;
638
616
  --fgColor-done: #a371f7;
639
- --fgColor-done-onInverse: #8957e5;
640
617
  --fgColor-sponsors: #db61a2;
641
- --fgColor-sponsors-onInverse: #bf4b8a;
642
618
  --bgColor-default: #0d1117;
643
619
  --bgColor-muted: #161b22;
644
620
  --bgColor-inset: #010409;
@@ -667,7 +643,7 @@
667
643
  --bgColor-sponsors-muted: #db61a21a;
668
644
  --bgColor-sponsors-emphasis: #bf4b8a;
669
645
  --borderColor-default: #30363d;
670
- --borderColor-muted: #30363d80;
646
+ --borderColor-muted: #30363db3;
671
647
  --borderColor-emphasis: #484f58;
672
648
  --borderColor-disabled: #161b22;
673
649
  --borderColor-transparent: #00000000;