@primer/css 0.0.0-2021897830 → 0.0.0-20219128133

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 (138) hide show
  1. package/CHANGELOG.md +80 -12
  2. package/CONTRIBUTING.md +1 -1
  3. package/breadcrumb/breadcrumb.scss +5 -2
  4. package/buttons/button.scss +5 -5
  5. package/buttons/misc.scss +4 -3
  6. package/color-modes/index.scss +2 -0
  7. package/color-modes/themes/dark_colorblind.scss +7 -0
  8. package/color-modes/themes/light_colorblind.scss +7 -0
  9. package/deprecations.js +17 -742
  10. package/deprecations.json +539 -0
  11. package/dist/alerts.css +1 -2
  12. package/dist/alerts.css.map +1 -1
  13. package/dist/autocomplete.css +1 -2
  14. package/dist/autocomplete.css.map +1 -1
  15. package/dist/avatars.css +1 -2
  16. package/dist/avatars.css.map +1 -1
  17. package/dist/base.css +1 -2
  18. package/dist/base.css.map +1 -1
  19. package/dist/blankslate.css +0 -1
  20. package/dist/blankslate.css.map +1 -1
  21. package/dist/box.css +1 -2
  22. package/dist/box.css.map +1 -1
  23. package/dist/branch-name.css +0 -1
  24. package/dist/branch-name.css.map +1 -1
  25. package/dist/breadcrumb.css +1 -2
  26. package/dist/breadcrumb.css.map +1 -1
  27. package/dist/buttons.css +1 -2
  28. package/dist/buttons.css.map +1 -1
  29. package/dist/color-modes.css +1 -2
  30. package/dist/color-modes.css.map +1 -1
  31. package/dist/core.css +1 -2
  32. package/dist/core.css.map +1 -1
  33. package/dist/deprecations.json +534 -3112
  34. package/dist/dropdown.css +1 -2
  35. package/dist/dropdown.css.map +1 -1
  36. package/dist/forms.css +1 -2
  37. package/dist/forms.css.map +1 -1
  38. package/dist/header.css +1 -2
  39. package/dist/header.css.map +1 -1
  40. package/dist/labels.css +1 -2
  41. package/dist/labels.css.map +1 -1
  42. package/dist/layout.css +1 -2
  43. package/dist/layout.css.map +1 -1
  44. package/dist/links.css +1 -2
  45. package/dist/links.css.map +1 -1
  46. package/dist/loaders.css +0 -1
  47. package/dist/loaders.css.map +1 -1
  48. package/dist/markdown.css +1 -2
  49. package/dist/markdown.css.map +1 -1
  50. package/dist/marketing-buttons.css +1 -2
  51. package/dist/marketing-buttons.css.map +1 -1
  52. package/dist/marketing-support.css +1 -1
  53. package/dist/marketing-type.css +1 -2
  54. package/dist/marketing-type.css.map +1 -1
  55. package/dist/marketing-utilities.css +1 -2
  56. package/dist/marketing-utilities.css.map +1 -1
  57. package/dist/marketing.css +1 -2
  58. package/dist/marketing.css.map +1 -1
  59. package/dist/meta.json +330 -330
  60. package/dist/navigation.css +1 -2
  61. package/dist/navigation.css.map +1 -1
  62. package/dist/pagination.css +1 -2
  63. package/dist/pagination.css.map +1 -1
  64. package/dist/popover.css +1 -2
  65. package/dist/popover.css.map +1 -1
  66. package/dist/primer.css +4 -5
  67. package/dist/primer.css.map +1 -1
  68. package/dist/product.css +1 -2
  69. package/dist/product.css.map +1 -1
  70. package/dist/progress.css +0 -1
  71. package/dist/progress.css.map +1 -1
  72. package/dist/select-menu.css +1 -2
  73. package/dist/select-menu.css.map +1 -1
  74. package/dist/stats/alerts.json +1 -1
  75. package/dist/stats/autocomplete.json +1 -1
  76. package/dist/stats/avatars.json +1 -1
  77. package/dist/stats/base.json +1 -1
  78. package/dist/stats/box.json +1 -1
  79. package/dist/stats/breadcrumb.json +1 -1
  80. package/dist/stats/buttons.json +1 -1
  81. package/dist/stats/color-modes.json +1 -1
  82. package/dist/stats/core.json +1 -1
  83. package/dist/stats/dropdown.json +1 -1
  84. package/dist/stats/forms.json +1 -1
  85. package/dist/stats/header.json +1 -1
  86. package/dist/stats/labels.json +1 -1
  87. package/dist/stats/layout.json +1 -1
  88. package/dist/stats/links.json +1 -1
  89. package/dist/stats/markdown.json +1 -1
  90. package/dist/stats/marketing-buttons.json +1 -1
  91. package/dist/stats/marketing-type.json +1 -1
  92. package/dist/stats/marketing-utilities.json +1 -1
  93. package/dist/stats/marketing.json +1 -1
  94. package/dist/stats/navigation.json +1 -1
  95. package/dist/stats/pagination.json +1 -1
  96. package/dist/stats/popover.json +1 -1
  97. package/dist/stats/primer.json +1 -1
  98. package/dist/stats/product.json +1 -1
  99. package/dist/stats/select-menu.json +1 -1
  100. package/dist/stats/timeline.json +1 -1
  101. package/dist/stats/toasts.json +1 -1
  102. package/dist/stats/tooltips.json +1 -1
  103. package/dist/stats/utilities.json +1 -1
  104. package/dist/subhead.css +0 -1
  105. package/dist/subhead.css.map +1 -1
  106. package/dist/support.css +1 -1
  107. package/dist/table-object.css +0 -1
  108. package/dist/table-object.css.map +1 -1
  109. package/dist/timeline.css +1 -2
  110. package/dist/timeline.css.map +1 -1
  111. package/dist/toasts.css +1 -2
  112. package/dist/toasts.css.map +1 -1
  113. package/dist/tooltips.css +1 -2
  114. package/dist/tooltips.css.map +1 -1
  115. package/dist/truncate.css +0 -1
  116. package/dist/truncate.css.map +1 -1
  117. package/dist/utilities.css +1 -2
  118. package/dist/utilities.css.map +1 -1
  119. package/dist/variables.json +10 -10
  120. package/markdown/footnotes.scss +37 -0
  121. package/markdown/index.scss +1 -0
  122. package/markdown/markdown-body.scss +8 -2
  123. package/marketing/type/typography.scss +1 -1
  124. package/package.json +15 -15
  125. package/pagination/pagination.scss +1 -1
  126. package/postcss.config.cjs +13 -7
  127. package/select-menu/select-menu.scss +1 -1
  128. package/stylelint.config.cjs +2 -5
  129. package/support/mixins/misc.scss +1 -1
  130. package/support/variables/misc.scss +1 -1
  131. package/support/variables/typography.scss +1 -22
  132. package/utilities/box-shadow.scss +25 -0
  133. package/utilities/colors.scss +33 -37
  134. package/utilities/details.scss +1 -1
  135. package/utilities/index.scss +1 -0
  136. package/utilities/margin.scss +3 -0
  137. package/dist/marketing-support.css.map +0 -1
  138. package/dist/support.css.map +0 -1
@@ -0,0 +1,539 @@
1
+ {
2
+ "selectors": {
3
+ "color-text-primary": "color-fg-default",
4
+ "color-text-secondary": "color-fg-muted",
5
+ "color-text-tertiary": "color-fg-muted",
6
+ "color-text-link": "color-fg-accent",
7
+ "color-text-success": "color-fg-success",
8
+ "color-text-warning": "color-fg-attention",
9
+ "color-text-danger": "color-fg-danger",
10
+ "color-text-inverse": "color-fg-on-emphasis",
11
+ "color-text-white": null,
12
+ "color-icon-primary": "color-fg-default",
13
+ "color-icon-secondary": "color-fg-muted",
14
+ "color-icon-tertiary": "color-fg-muted",
15
+ "color-icon-info": "color-fg-accent",
16
+ "color-icon-danger": "color-fg-danger",
17
+ "color-icon-success": "color-fg-success",
18
+ "color-icon-warning": "color-fg-attention",
19
+ "color-border-primary": "color-border-default",
20
+ "color-border-secondary": "color-border-muted",
21
+ "color-border-tertiary": "color-border-default",
22
+ "color-border-inverse": null,
23
+ "color-border-info": "color-border-accent-emphasis",
24
+ "color-border-warning": "color-border-attention-emphasis",
25
+ "color-bg-canvas": "color-bg-default",
26
+ "color-bg-canvas-inverse": "color-bg-emphasis",
27
+ "color-bg-canvas-inset": "color-bg-inset",
28
+ "color-bg-primary": "color-bg-default",
29
+ "color-bg-secondary": "color-bg-subtle",
30
+ "color-bg-tertiary": "color-bg-subtle",
31
+ "color-bg-info": "color-bg-accent",
32
+ "color-bg-info-inverse": "color-bg-accent-emphasis",
33
+ "color-bg-danger-inverse": "color-bg-danger-emphasis",
34
+ "color-bg-success-inverse": "color-bg-success-emphasis",
35
+ "color-bg-warning": "color-bg-attention",
36
+ "color-bg-warning-inverse": "color-bg-attention-emphasis",
37
+ "text-inherit": "color-fg-inherit",
38
+ "centered": "mx-auto",
39
+ "dropdown-menu-content": null,
40
+ "break-word": "wb-break-word",
41
+ "h000-mktg": null,
42
+ "h00-mktg": null,
43
+ "lead-mktg": null,
44
+ "p-7": "pt-7 pr-7 pb-7 pl-7",
45
+ "p-8": "pt-8 pr-8 pb-8 pl-8",
46
+ "p-9": "pt-9 pr-9 pb-9 pl-9",
47
+ "p-10": "pt-10 pr-10 pb-10 pl-10",
48
+ "p-11": "pt-11 pr-11 pb-11 pl-11",
49
+ "p-12": "pt-12 pr-12 pb-12 pl-12",
50
+ "p-sm-7": "pt-sm-7 pr-sm-7 pb-sm-7 pl-sm-7",
51
+ "p-sm-8": "pt-sm-8 pr-sm-8 pb-sm-8 pl-sm-8",
52
+ "p-sm-9": "pt-sm-9 pr-sm-9 pb-sm-9 pl-sm-9",
53
+ "p-sm-10": "pt-sm-10 pr-sm-10 pb-sm-10 pl-sm-10",
54
+ "p-sm-11": "pt-sm-11 pr-sm-11 pb-sm-11 pl-sm-11",
55
+ "p-sm-12": "pt-sm-12 pr-sm-12 pb-sm-12 pl-sm-12",
56
+ "p-md-7": "pt-md-7 pr-md-7 pb-md-7 pl-md-7",
57
+ "p-md-8": "pt-md-8 pr-md-8 pb-md-8 pl-md-8",
58
+ "p-md-9": "pt-md-9 pr-md-9 pb-md-9 pl-md-9",
59
+ "p-md-10": "pt-md-10 pr-md-10 pb-md-10 pl-md-10",
60
+ "p-md-11": "pt-md-11 pr-md-11 pb-md-11 pl-md-11",
61
+ "p-md-12": "pt-md-12 pr-md-12 pb-md-12 pl-md-12",
62
+ "p-lg-7": "pt-lg-7 pr-lg-7 pb-lg-7 pl-lg-7",
63
+ "p-lg-8": "pt-lg-8 pr-lg-8 pb-lg-8 pl-lg-8",
64
+ "p-lg-9": "pt-lg-9 pr-lg-9 pb-lg-9 pl-lg-9",
65
+ "p-lg-10": "pt-lg-10 pr-lg-10 pb-lg-10 pl-lg-10",
66
+ "p-lg-11": "pt-lg-11 pr-lg-11 pb-lg-11 pl-lg-11",
67
+ "p-lg-12": "pt-lg-12 pr-lg-12 pb-lg-12 pl-lg-12",
68
+ "p-xl-7": "pt-xl-7 pr-xl-7 pb-xl-7 pl-xl-7",
69
+ "p-xl-8": "pt-xl-8 pr-xl-8 pb-xl-8 pl-xl-8",
70
+ "p-xl-9": "pt-xl-9 pr-xl-9 pb-xl-9 pl-xl-9",
71
+ "p-xl-10": "pt-xl-10 pr-xl-10 pb-xl-10 pl-xl-10",
72
+ "p-xl-11": "pt-xl-11 pr-xl-11 pb-xl-11 pl-xl-11",
73
+ "p-xl-12": "pt-xl-12 pr-xl-12 pb-xl-12 pl-xl-12",
74
+ "top-n0": "top-0",
75
+ "right-n0": "right-0",
76
+ "bottom-n0": "bottom-0",
77
+ "left-n0": "left-0",
78
+ "top-md-n0": "top-md-0",
79
+ "right-md-n0": "right-md-0",
80
+ "bottom-md-n0": "bottom-md-0",
81
+ "left-md-n0": "left-md-0",
82
+ "top-lg-n0": "top-lg-0",
83
+ "right-lg-n0": "right-lg-0",
84
+ "bottom-lg-n0": "bottom-lg-0",
85
+ "left-lg-n0": "left-lg-0",
86
+ "mt-n0": "mt-0",
87
+ "mb-n0": "mb-0",
88
+ "mt-sm-n0": "mt-sm-0",
89
+ "mb-sm-n0": "mb-sm-0",
90
+ "mt-md-n0": "mt-md-0",
91
+ "mb-md-n0": "mb-md-0",
92
+ "mt-lg-n0": "mt-lg-0",
93
+ "mb-lg-n0": "mb-lg-0",
94
+ "mt-xl-n0": "mt-xl-0",
95
+ "mb-xl-n0": "mb-xl-0",
96
+ "bg-shade-gradient": "color-bg-secondary",
97
+ "color-border-overlay": "color-border-primary",
98
+ "btn-blue": null,
99
+ "input-dark": null,
100
+ "border-blue": null,
101
+ "border-blue-light": null,
102
+ "border-green": null,
103
+ "border-green-light": null,
104
+ "border-red": null,
105
+ "border-red-light": null,
106
+ "border-purple": null,
107
+ "border-yellow": null,
108
+ "border-gray-light": null,
109
+ "border-gray-dark": null,
110
+ "border-black-fade": null,
111
+ "border-white-fade": null,
112
+ "border-white-fade-15": null,
113
+ "border-white-fade-30": null,
114
+ "border-white-fade-50": null,
115
+ "border-white-fade-70": null,
116
+ "border-white-fade-85": null,
117
+ "box-shadow": null,
118
+ "box-shadow-medium": null,
119
+ "box-shadow-large": null,
120
+ "box-shadow-extra-large": null,
121
+ "bg-white": null,
122
+ "bg-blue": null,
123
+ "bg-blue-light": null,
124
+ "bg-gray-dark": null,
125
+ "bg-gray": null,
126
+ "bg-gray-light": null,
127
+ "bg-green": null,
128
+ "bg-green-light": null,
129
+ "bg-red": null,
130
+ "bg-red-light": null,
131
+ "bg-yellow": null,
132
+ "bg-yellow-light": null,
133
+ "bg-yellow-dark": null,
134
+ "bg-purple": null,
135
+ "bg-pink": null,
136
+ "bg-purple-light": null,
137
+ "bg-orange": null,
138
+ "color-gray-0": null,
139
+ "bg-gray-0": null,
140
+ "color-gray-1": null,
141
+ "bg-gray-1": null,
142
+ "color-gray-2": null,
143
+ "bg-gray-2": null,
144
+ "color-gray-3": null,
145
+ "bg-gray-3": null,
146
+ "color-gray-4": null,
147
+ "bg-gray-4": null,
148
+ "color-gray-5": null,
149
+ "bg-gray-5": null,
150
+ "color-gray-6": null,
151
+ "bg-gray-6": null,
152
+ "color-gray-7": null,
153
+ "bg-gray-7": null,
154
+ "color-gray-8": null,
155
+ "bg-gray-8": null,
156
+ "color-gray-9": null,
157
+ "bg-gray-9": null,
158
+ "color-blue-0": null,
159
+ "bg-blue-0": null,
160
+ "color-blue-1": null,
161
+ "bg-blue-1": null,
162
+ "color-blue-2": null,
163
+ "bg-blue-2": null,
164
+ "color-blue-3": null,
165
+ "bg-blue-3": null,
166
+ "color-blue-4": null,
167
+ "bg-blue-4": null,
168
+ "color-blue-5": null,
169
+ "bg-blue-5": null,
170
+ "color-blue-6": null,
171
+ "bg-blue-6": null,
172
+ "color-blue-7": null,
173
+ "bg-blue-7": null,
174
+ "color-blue-8": null,
175
+ "bg-blue-8": null,
176
+ "color-blue-9": null,
177
+ "bg-blue-9": null,
178
+ "color-green-0": null,
179
+ "bg-green-0": null,
180
+ "color-green-1": null,
181
+ "bg-green-1": null,
182
+ "color-green-2": null,
183
+ "bg-green-2": null,
184
+ "color-green-3": null,
185
+ "bg-green-3": null,
186
+ "color-green-4": null,
187
+ "bg-green-4": null,
188
+ "color-green-5": null,
189
+ "bg-green-5": null,
190
+ "color-green-6": null,
191
+ "bg-green-6": null,
192
+ "color-green-7": null,
193
+ "bg-green-7": null,
194
+ "color-green-8": null,
195
+ "bg-green-8": null,
196
+ "color-green-9": null,
197
+ "bg-green-9": null,
198
+ "color-yellow-0": null,
199
+ "bg-yellow-0": null,
200
+ "color-yellow-1": null,
201
+ "bg-yellow-1": null,
202
+ "color-yellow-2": null,
203
+ "bg-yellow-2": null,
204
+ "color-yellow-3": null,
205
+ "bg-yellow-3": null,
206
+ "color-yellow-4": null,
207
+ "bg-yellow-4": null,
208
+ "color-yellow-5": null,
209
+ "bg-yellow-5": null,
210
+ "color-yellow-6": null,
211
+ "bg-yellow-6": null,
212
+ "color-yellow-7": null,
213
+ "bg-yellow-7": null,
214
+ "color-yellow-8": null,
215
+ "bg-yellow-8": null,
216
+ "color-yellow-9": null,
217
+ "bg-yellow-9": null,
218
+ "color-orange-0": null,
219
+ "bg-orange-0": null,
220
+ "color-orange-1": null,
221
+ "bg-orange-1": null,
222
+ "color-orange-2": null,
223
+ "bg-orange-2": null,
224
+ "color-orange-3": null,
225
+ "bg-orange-3": null,
226
+ "color-orange-4": null,
227
+ "bg-orange-4": null,
228
+ "color-orange-5": null,
229
+ "bg-orange-5": null,
230
+ "color-orange-6": null,
231
+ "bg-orange-6": null,
232
+ "color-orange-7": null,
233
+ "bg-orange-7": null,
234
+ "color-orange-8": null,
235
+ "bg-orange-8": null,
236
+ "color-orange-9": null,
237
+ "bg-orange-9": null,
238
+ "color-red-0": null,
239
+ "bg-red-0": null,
240
+ "color-red-1": null,
241
+ "bg-red-1": null,
242
+ "color-red-2": null,
243
+ "bg-red-2": null,
244
+ "color-red-3": null,
245
+ "bg-red-3": null,
246
+ "color-red-4": null,
247
+ "bg-red-4": null,
248
+ "color-red-5": null,
249
+ "bg-red-5": null,
250
+ "color-red-6": null,
251
+ "bg-red-6": null,
252
+ "color-red-7": null,
253
+ "bg-red-7": null,
254
+ "color-red-8": null,
255
+ "bg-red-8": null,
256
+ "color-red-9": null,
257
+ "bg-red-9": null,
258
+ "color-purple-0": null,
259
+ "bg-purple-0": null,
260
+ "color-purple-1": null,
261
+ "bg-purple-1": null,
262
+ "color-purple-2": null,
263
+ "bg-purple-2": null,
264
+ "color-purple-3": null,
265
+ "bg-purple-3": null,
266
+ "color-purple-4": null,
267
+ "bg-purple-4": null,
268
+ "color-purple-5": null,
269
+ "bg-purple-5": null,
270
+ "color-purple-6": null,
271
+ "bg-purple-6": null,
272
+ "color-purple-7": null,
273
+ "bg-purple-7": null,
274
+ "color-purple-8": null,
275
+ "bg-purple-8": null,
276
+ "color-purple-9": null,
277
+ "bg-purple-9": null,
278
+ "color-pink-0": null,
279
+ "bg-pink-0": null,
280
+ "color-pink-1": null,
281
+ "bg-pink-1": null,
282
+ "color-pink-2": null,
283
+ "bg-pink-2": null,
284
+ "color-pink-3": null,
285
+ "bg-pink-3": null,
286
+ "color-pink-4": null,
287
+ "bg-pink-4": null,
288
+ "color-pink-5": null,
289
+ "bg-pink-5": null,
290
+ "color-pink-6": null,
291
+ "bg-pink-6": null,
292
+ "color-pink-7": null,
293
+ "bg-pink-7": null,
294
+ "color-pink-8": null,
295
+ "bg-pink-8": null,
296
+ "color-pink-9": null,
297
+ "bg-pink-9": null,
298
+ "text-blue": null,
299
+ "text-red": null,
300
+ "text-gray-light": null,
301
+ "text-gray": null,
302
+ "text-gray-dark": null,
303
+ "text-green": null,
304
+ "text-yellow": null,
305
+ "text-orange": null,
306
+ "text-orange-light": null,
307
+ "text-purple": null,
308
+ "text-pink": null,
309
+ "text-white": null,
310
+ "link-gray": null,
311
+ "link-gray-dark": null,
312
+ "muted-link": null,
313
+ "text-shadow-dark": null,
314
+ "text-shadow-light": null,
315
+ "dropdown-menu-dark": null,
316
+ "Label--outline": null,
317
+ "Label--gray": null,
318
+ "Label--gray-darker": null,
319
+ "Label--yellow": null,
320
+ "Label--orange": null,
321
+ "Label--red": null,
322
+ "Label--outline-green": null,
323
+ "Label--green": null,
324
+ "Label--blue": null,
325
+ "Label--purple": null,
326
+ "Label--pink": null,
327
+ "State--green": null,
328
+ "State--red": null,
329
+ "State--purple": null,
330
+ "Counter--gray-light": null,
331
+ "Counter--gray": null,
332
+ "flex-item-equal": "flex-1",
333
+ "flex-sm-item-equal": "flex-sm-1",
334
+ "flex-md-item-equal": "flex-md-1",
335
+ "flex-lg-item-equal": "flex-lg-1",
336
+ "flex-xl-item-equal": "flex-xl-1",
337
+ "btn-purple": null,
338
+ "text-pending": "text-yellow",
339
+ "bg-pending": "bg-yellow-dark",
340
+ "container": null,
341
+ "columns": null,
342
+ "column": null,
343
+ "one-third": null,
344
+ "two-thirds": null,
345
+ "one-fourth": null,
346
+ "one-half": null,
347
+ "three-fourths": null,
348
+ "one-fifth": null,
349
+ "four-fifths": null
350
+ },
351
+
352
+ "variables": {
353
+ "$h000-size": null,
354
+ "$h000-size-mobile": null,
355
+ "$bg-black": null,
356
+ "$bg-black-fade": null,
357
+ "$bg-blue": null,
358
+ "$bg-blue-light": null,
359
+ "$bg-diffstat-added": null,
360
+ "$bg-diffstat-deleted": null,
361
+ "$bg-diffstat-neutral": null,
362
+ "$bg-gray": null,
363
+ "$bg-gray-dark": null,
364
+ "$bg-gray-light": null,
365
+ "$bg-green": null,
366
+ "$bg-green-light": null,
367
+ "$bg-orange": null,
368
+ "$bg-pink": null,
369
+ "$bg-purple": null,
370
+ "$bg-purple-light": null,
371
+ "$bg-red": null,
372
+ "$bg-red-light": null,
373
+ "$bg-white": null,
374
+ "$bg-yellow": null,
375
+ "$bg-yellow-dark": null,
376
+ "$bg-yellow-light": null,
377
+ "$black": null,
378
+ "$black-fade-15": null,
379
+ "$black-fade-30": null,
380
+ "$black-fade-50": null,
381
+ "$black-fade-70": null,
382
+ "$black-fade-85": null,
383
+ "$blue": null,
384
+ "$blue-000": null,
385
+ "$blue-100": null,
386
+ "$blue-200": null,
387
+ "$blue-300": null,
388
+ "$blue-400": null,
389
+ "$blue-500": null,
390
+ "$blue-600": null,
391
+ "$blue-700": null,
392
+ "$blue-800": null,
393
+ "$blue-900": null,
394
+ "$border-black-fade": null,
395
+ "$border-blue": null,
396
+ "$border-blue-light": null,
397
+ "$border-color": null,
398
+ "$border-color-button": null,
399
+ "$border-gray": null,
400
+ "$border-gray-dark": null,
401
+ "$border-gray-darker": null,
402
+ "$border-gray-light": null,
403
+ "$border-green": null,
404
+ "$border-green-light": null,
405
+ "$border-purple": null,
406
+ "$border-red": null,
407
+ "$border-red-light": null,
408
+ "$border-white": null,
409
+ "$border-white-fade": null,
410
+ "$border-yellow": null,
411
+ "$box-shadow": null,
412
+ "$box-shadow-extra-large": null,
413
+ "$box-shadow-focus": null,
414
+ "$box-shadow-highlight": null,
415
+ "$box-shadow-inset": null,
416
+ "$box-shadow-large": null,
417
+ "$box-shadow-medium": null,
418
+ "$btn-active-shadow": null,
419
+ "$btn-input-focus-shadow": null,
420
+ "$form-control-shadow": null,
421
+ "$gray": null,
422
+ "$gray-000": null,
423
+ "$gray-100": null,
424
+ "$gray-200": null,
425
+ "$gray-300": null,
426
+ "$gray-400": null,
427
+ "$gray-500": null,
428
+ "$gray-600": null,
429
+ "$gray-700": null,
430
+ "$gray-800": null,
431
+ "$gray-900": null,
432
+ "$gray-dark": null,
433
+ "$gray-light": null,
434
+ "$green": null,
435
+ "$green-000": null,
436
+ "$green-100": null,
437
+ "$green-200": null,
438
+ "$green-300": null,
439
+ "$green-400": null,
440
+ "$green-500": null,
441
+ "$green-600": null,
442
+ "$green-700": null,
443
+ "$green-800": null,
444
+ "$green-900": null,
445
+ "$orange": null,
446
+ "$orange-000": null,
447
+ "$orange-100": null,
448
+ "$orange-200": null,
449
+ "$orange-300": null,
450
+ "$orange-400": null,
451
+ "$orange-500": null,
452
+ "$orange-600": null,
453
+ "$orange-700": null,
454
+ "$orange-800": null,
455
+ "$orange-900": null,
456
+ "$pink-000": null,
457
+ "$pink-100": null,
458
+ "$pink-200": null,
459
+ "$pink-300": null,
460
+ "$pink-400": null,
461
+ "$pink-500": null,
462
+ "$pink-600": null,
463
+ "$pink-700": null,
464
+ "$pink-800": null,
465
+ "$pink-900": null,
466
+ "$purple": null,
467
+ "$purple-000": null,
468
+ "$purple-100": null,
469
+ "$purple-200": null,
470
+ "$purple-300": null,
471
+ "$purple-400": null,
472
+ "$purple-500": null,
473
+ "$purple-600": null,
474
+ "$purple-700": null,
475
+ "$purple-800": null,
476
+ "$purple-900": null,
477
+ "$red": null,
478
+ "$red-000": null,
479
+ "$red-100": null,
480
+ "$red-200": null,
481
+ "$red-300": null,
482
+ "$red-400": null,
483
+ "$red-500": null,
484
+ "$red-600": null,
485
+ "$red-700": null,
486
+ "$red-800": null,
487
+ "$red-900": null,
488
+ "$text-black": null,
489
+ "$text-blue": null,
490
+ "$text-gray": null,
491
+ "$text-gray-dark": null,
492
+ "$text-gray-light": null,
493
+ "$text-green": null,
494
+ "$text-orange": null,
495
+ "$text-orange-light": null,
496
+ "$text-pink": null,
497
+ "$text-purple": null,
498
+ "$text-red": null,
499
+ "$text-white": null,
500
+ "$text-yellow": null,
501
+ "$tooltip-background-color": null,
502
+ "$tooltip-text-color": null,
503
+ "$white": null,
504
+ "$white-fade-15": null,
505
+ "$white-fade-30": null,
506
+ "$white-fade-50": null,
507
+ "$white-fade-70": null,
508
+ "$white-fade-85": null,
509
+ "$yellow": null,
510
+ "$yellow-000": null,
511
+ "$yellow-100": null,
512
+ "$yellow-200": null,
513
+ "$yellow-300": null,
514
+ "$yellow-400": null,
515
+ "$yellow-500": null,
516
+ "$yellow-600": null,
517
+ "$yellow-700": null,
518
+ "$yellow-800": null,
519
+ "$yellow-900": null,
520
+ "$blue-mktg": null,
521
+ "$green-mktg": null,
522
+ "$status-pending": null,
523
+ "$highlight-yellow": null,
524
+ "$repo-private-text": null,
525
+ "$repo-private-bg": null,
526
+ "$repo-private-icon": null,
527
+ "$marketingSpacers": "$marketing-spacers",
528
+ "$allSpacers": "$marketing-all-spacers",
529
+ "$exploregrid-item-border-radius": "4px",
530
+ "$stats-switcher-py": null,
531
+ "$stats-viewport-height": null,
532
+ "$min_tab_size": null,
533
+ "$max_tab_size": null
534
+ },
535
+
536
+ "mixins": {
537
+ "rem": null
538
+ }
539
+ }
package/dist/alerts.css CHANGED
@@ -1,3 +1,2 @@
1
- .flash{position:relative;padding:20px 16px;border-style:solid;border-width:1px;border-radius:6px}.flash p:last-child{margin-bottom:0}.flash .octicon{margin-right:12px}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.flash-close:hover{opacity:0.7}.flash-close:active{opacity:0.5}.flash-close .octicon{margin-right:0}.flash-action{float:right;margin-top:-3px;margin-left:24px;background-clip:padding-box}.flash{color:var(--color-fg-default);background-image:linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));border-color:var(--color-accent-muted)}.flash .octicon{color:var(--color-accent-fg)}.flash-warn{color:var(--color-fg-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.flash-warn .octicon{color:var(--color-attention-fg)}.flash-error{color:var(--color-fg-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.flash-error .octicon{color:var(--color-danger-fg)}.flash-success{color:var(--color-fg-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.flash-success .octicon{color:var(--color-success-fg)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.flash-banner{position:fixed;top:0;z-index:90;width:100%;border-top:0;border-right:0;border-left:0;border-radius:0}.flash-full,.flash-banner{background-color:var(--color-canvas-default)}.warning{padding:.5em;margin-bottom:0.8em;font-weight:600;background-color:var(--color-attention-subtle)}
2
-
1
+ .flash{position:relative;padding:20px 16px;border-style:solid;border-width:1px;border-radius:6px}.flash p:last-child{margin-bottom:0}.flash .octicon{margin-right:12px}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.flash-close:hover{opacity:.7}.flash-close:active{opacity:.5}.flash-close .octicon{margin-right:0}.flash-action{float:right;margin-top:-3px;margin-left:24px;background-clip:padding-box}.flash{color:var(--color-fg-default);background-image:linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));border-color:var(--color-accent-muted)}.flash .octicon{color:var(--color-accent-fg)}.flash-warn{color:var(--color-fg-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.flash-warn .octicon{color:var(--color-attention-fg)}.flash-error{color:var(--color-fg-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.flash-error .octicon{color:var(--color-danger-fg)}.flash-success{color:var(--color-fg-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.flash-success .octicon{color:var(--color-success-fg)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.flash-banner{position:fixed;top:0;z-index:90;width:100%;border-top:0;border-right:0;border-left:0;border-radius:0}.flash-full,.flash-banner{background-color:var(--color-canvas-default)}.warning{padding:.5em;margin-bottom:.8em;font-weight:600;background-color:var(--color-attention-subtle)}
3
2
  /*# sourceMappingURL=alerts.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/src/alerts/flash.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/typography.scss"],"names":[],"mappings":"AAGA,OACE,iBAAkB,CAElB,iBC+BoB,CD9BpB,kBEHkB,CFIlB,gBELgB,CFMhB,iBEAoB,CFNtB,oBASI,eAAgB,CATpB,gBAcI,iBAAkB,CACnB,gBAKD,kBCeoB,CDdrB,aAIC,WAAY,CACZ,YCQoB,CDPpB,YCOoB,CDNpB,iBAAkB,CAClB,cAAe,CAGf,eAAgB,CAChB,QAAS,CACT,uBAAY,CAAZ,oBAAY,CAAZ,eAAgB,CAVlB,mBAaI,WAAY,CAbhB,oBAiBI,WAAY,CAjBhB,sBAqBI,cAAe,CAChB,cAKD,WAAY,CAEZ,eAAgB,CAChB,gBCnBoB,CDoBpB,2BAA4B,CAC7B,OAOC,6BAA8B,CAC9B,wFAAyF,CACzF,sCAAuC,CAHzC,gBAMI,4BAA6B,CAC9B,YAID,6BAA8B,CAC9B,8FAA+F,CAC/F,yCAA0C,CAH5C,qBAMI,+BAAgC,CACjC,aAID,6BAA8B,CAC9B,wFAAyF,CACzF,sCAAuC,CAHzC,sBAMI,4BAA6B,CAC9B,eAID,6BAA8B,CAC9B,0FAA2F,CAC3F,uCAAwC,CAH1C,wBAMI,6BAA8B,CAC/B,YASD,eAAgB,CAChB,kBAA6B,CAC7B,eAAgB,CACjB,cAIC,cAAe,CACf,KAAM,CACN,UAAW,CACX,UAAW,CACX,YAAa,CACb,cAAe,CACf,aAAc,CACd,eAAgB,CACjB,0BAKC,4CAA6C,CAC9C,SAIC,YClCiB,CDoCjB,mBAAoB,CACpB,eGpHoB,CHqHpB,8CAA+C","file":"alerts.css","sourcesContent":["// stylelint-disable selector-max-type, no-duplicate-selectors\n\n// Default flash\n.flash {\n position: relative;\n // stylelint-disable-next-line primer/spacing\n padding: 20px $spacer-3;\n border-style: $border-style;\n border-width: $border-width;\n border-radius: $border-radius;\n\n p:last-child {\n margin-bottom: 0;\n }\n\n .octicon {\n // stylelint-disable-next-line primer/spacing\n margin-right: 12px;\n }\n}\n\n// Contain the flash messages\n.flash-messages {\n margin-bottom: $spacer-4;\n}\n\n// Close button\n.flash-close {\n float: right;\n padding: $spacer-3;\n margin: -$spacer-3;\n text-align: center;\n cursor: pointer;\n\n // Undo `<button>` styles\n background: none;\n border: 0;\n appearance: none;\n\n &:hover {\n opacity: 0.7;\n }\n\n &:active {\n opacity: 0.5;\n }\n\n .octicon {\n margin-right: 0;\n }\n}\n\n// Action button\n.flash-action {\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-top: -3px;\n margin-left: $spacer-4;\n background-clip: padding-box;\n}\n\n//\n// Color variations\n//\n\n.flash {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n border-color: var(--color-accent-muted);\n\n .octicon {\n color: var(--color-accent-fg);\n }\n}\n\n.flash-warn {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n border-color: var(--color-attention-muted);\n\n .octicon {\n color: var(--color-attention-fg);\n }\n}\n\n.flash-error {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n border-color: var(--color-danger-muted);\n\n .octicon {\n color: var(--color-danger-fg);\n }\n}\n\n.flash-success {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n border-color: var(--color-success-muted);\n\n .octicon {\n color: var(--color-success-fg);\n }\n}\n\n//\n// Layout variations\n//\n\n.flash-full {\n // stylelint-disable-next-line primer/spacing\n margin-top: -1px;\n border-width: $border-width 0;\n border-radius: 0;\n}\n\n// A banner rendered at the top of the page.\n.flash-banner {\n position: fixed;\n top: 0;\n z-index: 90;\n width: 100%;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n}\n\n// Makes sure the background is opaque to cover any content underneath\n.flash-full,\n.flash-banner {\n background-color: var(--color-canvas-default);\n}\n\n// FIXME deprecate this\n.warning {\n padding: $em-spacer-5;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 0.8em;\n font-weight: $font-weight-bold;\n background-color: var(--color-attention-subtle);\n}\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: $spacer * 0.5 !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7: $spacer * 6 !default; // 48px\n$spacer-8: $spacer * 8 !default; // 64px\n$spacer-9: $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n 7: $spacer-7,\n 8: $spacer-8,\n 9: $spacer-9,\n 10: $spacer-10,\n 11: $spacer-11,\n 12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n (\n 0: 0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n ),\n $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default; // 16px\n$size-2: $size-1 + 4px !default; // 20px\n$size-3: $size-2 + 4px !default; // 24px\n$size-4: $size-3 + 4px !default; // 28px\n$size-5: $size-4 + 4px !default; // 32px\n$size-6: $size-5 + 8px !default; // 40px\n$size-7: $size-6 + 8px !default; // 48px\n$size-8: $size-7 + 16px !default; // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n\n$sidebar-width: (\n sm: 220px,\n md: 256px,\n lg: 296px,\n xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n md: 240px,\n lg: 256px,\n xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n md: 296px,\n lg: 320px,\n xl: 344px\n) !default;\n\n$gutter: (\n md: $spacer-3,\n lg: $spacer-4,\n xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n md: $spacer-3,\n lg: $spacer-3,\n xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n md: $spacer-4,\n lg: $spacer-5,\n xl: $spacer-6\n) !default;\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1: 4px !default;\n$border-radius-2: 6px !default;\n$border-radius-3: 8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font:\n // Apple OSs\n -apple-system,\n BlinkMacSystemFont,\n\n // Windows\n // Note this should be prioritized over `system-ui` to avoid legacy fonts.\n // See https://infinnie.github.io/blog/2017/systemui.html\n \"Segoe UI Variable Text\",\n \"Segoe UI\",\n \"Meiryo\", // Improves font rendering for Japanese, see https://github.com/primer/css/pull/1573.\n\n // Linux-friendly system-level fonts + fallbacks\n system-ui,\n ui-sans-serif,\n Helvetica,\n Arial,\n sans-serif,\n\n // Emojis\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"AA4gBA,OAAA,iBACE,CAAA,iBAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,gBAAA,iBAAA,CAAA,gBAAA,kBAAA,CAAA,aAAA,WAAA,CAAA,YAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,QAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,mBAAA,UAAA,CAAA,oBAAA,UAAA,CAAA,sBAAA,cAAA,CAAA,cAAA,WAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,OAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,gBAAA,4BAAA,CAAA,YAAA,6BAAA,CAAA,8FAAA,CAAA,yCAAA,CAAA,qBAAA,+BAAA,CAAA,aAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,sBAAA,4BAAA,CAAA,eAAA,6BAAA,CAAA,0FAAA,CAAA,uCAAA,CAAA,wBAAA,6BAAA,CAAA,YAAA,eAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,cAAA,cAAA,CAAA,KAAA,CAAA,UAAA,CAAA,UAAA,CAAA,YAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,0BAAA,4CAAA,CAAA,SAAA,YAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,8CAAA","file":"alerts.css"}
@@ -1,3 +1,2 @@
1
- .autocomplete-results{position:absolute;z-index:99;width:100%;max-height:20em;overflow-y:auto;font-size:13px;list-style:none;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.autocomplete-item{display:block;width:100%;padding:4px 8px;overflow:hidden;font-weight:600;color:var(--color-fg-default);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--color-canvas-overlay);border:0}.autocomplete-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item:hover *{color:inherit !important}.autocomplete-item.selected,.autocomplete-item[aria-selected=true],.autocomplete-item.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *,.autocomplete-item.navigation-focus *{color:inherit !important}.suggester{position:relative;top:0;left:0;min-width:180px;padding:0;margin:0;margin-top:24px;list-style:none;cursor:pointer;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.suggester li{display:block;padding:4px 8px;font-weight:500;border-bottom:1px solid var(--color-border-muted)}.suggester li small{font-weight:400;color:var(--color-fg-muted)}.suggester li:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.suggester li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.suggester li:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li:hover small{color:var(--color-fg-on-emphasis)}.suggester li[aria-selected="true"],.suggester li.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li[aria-selected="true"] small,.suggester li.navigation-focus small{color:var(--color-fg-on-emphasis)}.suggester-container{position:absolute;top:0;left:0;z-index:30}@media (max-width: 544px){.page-responsive .suggester-container{right:8px !important;left:8px !important}.page-responsive .suggester li{padding:8px 16px}}
2
-
1
+ .autocomplete-results{position:absolute;z-index:99;width:100%;max-height:20em;overflow-y:auto;font-size:13px;list-style:none;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.autocomplete-item{display:block;width:100%;padding:4px 8px;overflow:hidden;font-weight:600;color:var(--color-fg-default);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--color-canvas-overlay);border:0}.autocomplete-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item:hover *{color:inherit !important}.autocomplete-item.selected,.autocomplete-item[aria-selected=true],.autocomplete-item.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *,.autocomplete-item.navigation-focus *{color:inherit !important}.suggester{position:relative;top:0;left:0;min-width:180px;padding:0;margin:0;margin-top:24px;list-style:none;cursor:pointer;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.suggester li{display:block;padding:4px 8px;font-weight:500;border-bottom:1px solid var(--color-border-muted)}.suggester li small{font-weight:400;color:var(--color-fg-muted)}.suggester li:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.suggester li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.suggester li:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li:hover small{color:var(--color-fg-on-emphasis)}.suggester li[aria-selected=true],.suggester li.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li[aria-selected=true] small,.suggester li.navigation-focus small{color:var(--color-fg-on-emphasis)}.suggester-container{position:absolute;top:0;left:0;z-index:30}@media(max-width: 544px){.page-responsive .suggester-container{right:8px !important;left:8px !important}.page-responsive .suggester li{padding:8px 16px}}
3
2
  /*# sourceMappingURL=autocomplete.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/src/autocomplete/autocomplete.scss","../src/src/support/variables/misc.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/typography.scss","../src/src/autocomplete/suggester.scss"],"names":[],"mappings":"AACA,sBACE,iBAAkB,CAClB,UAAW,CACX,UAAW,CACX,eAAgB,CAChB,eAAgB,CAEhB,cAAe,CACf,eAAgB,CAChB,sCAAuC,CACvC,4CAA+D,CAC/D,iBCHoB,CDIpB,qCAAsC,CACvC,mBAMC,aAAc,CACd,UAAW,CACX,eESU,CFRV,eAAgB,CAChB,eGDoB,CHEpB,6BAA8B,CAC9B,eAAgB,CAChB,oBAAqB,CACrB,sBAAuB,CACvB,kBAAmB,CACnB,cAAe,CACf,4CAA6C,CAC7C,QAAS,CAbX,yBAgBI,iCAAkC,CAClC,oBAAqB,CACrB,6CAA8C,CAlBlD,2BAsBM,wBAAyB,CAtB/B,uGA6BI,iCAAkC,CAClC,oBAAqB,CACrB,6CAA8C,CA/BlD,6GAmCM,wBAAyB,CAC1B,WInDH,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,eAAgB,CAChB,SAAU,CACV,QAAS,CACT,eF4BoB,CE3BpB,eAAgB,CAChB,cAAe,CACf,sCAAuC,CACvC,4CAA+D,CAC/D,iBHNoB,CGOpB,qCAAsC,CAbxC,cAgBI,aAAc,CACd,eFWQ,CEVR,eDGsB,CCFtB,iDAAoE,CAnBxE,oBAsBM,eDAkB,CCClB,2BAA4B,CAvBlC,yBA2BM,eAAgB,CAChB,8BHtBgB,CGuBhB,6BHvBgB,CGNtB,0BAiCM,0BH3BgB,CG4BhB,2BH5BgB,CGNtB,oBAsCM,iCAAkC,CAClC,oBAAqB,CACrB,uCAAwC,CAxC9C,0BA2CQ,iCAAkC,CA3C1C,mEAiDM,iCAAkC,CAClC,oBAAqB,CACrB,uCAAwC,CAnD9C,+EAsDQ,iCAAkC,CACnC,qBAML,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACZ,0BAID,sCAGM,oBAA2B,CAC3B,mBAA0B,CAJhC,+BAQM,gBF3CgB,CE4CjB","file":"autocomplete.css","sourcesContent":["// A pop up list of items used to show autocompleted results\n.autocomplete-results {\n position: absolute;\n z-index: 99;\n width: 100%;\n max-height: 20em;\n overflow-y: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 13px;\n list-style: none;\n background: var(--color-canvas-overlay);\n border: $border-width $border-style var(--color-border-default);\n border-radius: $border-radius;\n box-shadow: var(--color-shadow-medium);\n}\n\n// One of the items that appears within an autocomplete group\n// Bold black text on white background\n\n.autocomplete-item {\n display: block;\n width: 100%;\n padding: $spacer-1 $spacer-2;\n overflow: hidden;\n font-weight: $font-weight-bold;\n color: var(--color-fg-default);\n text-align: left;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n background-color: var(--color-canvas-overlay);\n border: 0;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n // Inherit color on all child elements to ensure enough contrast\n * {\n color: inherit !important;\n }\n }\n\n &.selected,\n &[aria-selected=true],\n &.navigation-focus {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n // Inherit color on all child elements to ensure enough contrast\n * {\n color: inherit !important;\n }\n }\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1: 4px !default;\n$border-radius-2: 6px !default;\n$border-radius-3: 8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: $spacer * 0.5 !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7: $spacer * 6 !default; // 48px\n$spacer-8: $spacer * 8 !default; // 64px\n$spacer-9: $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n 7: $spacer-7,\n 8: $spacer-8,\n 9: $spacer-9,\n 10: $spacer-10,\n 11: $spacer-11,\n 12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n (\n 0: 0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n ),\n $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default; // 16px\n$size-2: $size-1 + 4px !default; // 20px\n$size-3: $size-2 + 4px !default; // 24px\n$size-4: $size-3 + 4px !default; // 28px\n$size-5: $size-4 + 4px !default; // 32px\n$size-6: $size-5 + 8px !default; // 40px\n$size-7: $size-6 + 8px !default; // 48px\n$size-8: $size-7 + 16px !default; // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n\n$sidebar-width: (\n sm: 220px,\n md: 256px,\n lg: 296px,\n xl: 320px\n) !default;\n\n$sidebar-narrow-width: (\n md: 240px,\n lg: 256px,\n xl: 296px\n) !default;\n\n$sidebar-wide-width: (\n md: 296px,\n lg: 320px,\n xl: 344px\n) !default;\n\n$gutter: (\n md: $spacer-3,\n lg: $spacer-4,\n xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n md: $spacer-3,\n lg: $spacer-3,\n xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n md: $spacer-4,\n lg: $spacer-5,\n xl: $spacer-6\n) !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font:\n // Apple OSs\n -apple-system,\n BlinkMacSystemFont,\n\n // Windows\n // Note this should be prioritized over `system-ui` to avoid legacy fonts.\n // See https://infinnie.github.io/blog/2017/systemui.html\n \"Segoe UI Variable Text\",\n \"Segoe UI\",\n \"Meiryo\", // Improves font rendering for Japanese, see https://github.com/primer/css/pull/1573.\n\n // Linux-friendly system-level fonts + fallbacks\n system-ui,\n ui-sans-serif,\n Helvetica,\n Arial,\n sans-serif,\n\n // Emojis\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Needs refactoring\n// stylelint-disable selector-max-type, selector-no-qualifying-type\n\n.suggester {\n position: relative;\n top: 0;\n left: 0;\n min-width: 180px;\n padding: 0;\n margin: 0;\n margin-top: $spacer-4;\n list-style: none;\n cursor: pointer;\n background: var(--color-canvas-overlay);\n border: $border-width $border-style var(--color-border-default);\n border-radius: $border-radius;\n box-shadow: var(--color-shadow-medium);\n\n li {\n display: block;\n padding: $spacer-1 $spacer-2;\n font-weight: $font-weight-semibold;\n border-bottom: $border-width $border-style var(--color-border-muted);\n\n small {\n font-weight: $font-weight-normal;\n color: var(--color-fg-muted);\n }\n\n &:last-child {\n border-bottom: 0;\n border-bottom-right-radius: $border-radius;\n border-bottom-left-radius: $border-radius;\n }\n\n &:first-child {\n border-top-left-radius: $border-radius;\n border-top-right-radius: $border-radius;\n }\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background: var(--color-accent-emphasis);\n\n small {\n color: var(--color-fg-on-emphasis);\n }\n }\n\n &[aria-selected=\"true\"],\n &.navigation-focus {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background: var(--color-accent-emphasis);\n\n small {\n color: var(--color-fg-on-emphasis);\n }\n }\n }\n}\n\n.suggester-container {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n}\n\n// Responsive\n\n.page-responsive {\n @media (max-width: $width-sm) {\n .suggester-container {\n right: $spacer-2 !important;\n left: $spacer-2 !important;\n }\n\n .suggester li {\n padding: $spacer-2 $spacer-3;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"AA2gBA,sBAAA,iBAAA,CAAA,UAAA,CAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,eAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,mBAAA,aAAA,CAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,eAAA,CAAA,6BAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,4CAAA,CAAA,QAAA,CAAA,yBAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,2BAAA,wBAAA,CAAA,uGAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,6GAAA,wBAAA,CAAA,WAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,eAAA,CAAA,SAAA,CAAA,QAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,cAAA,aAAA,CAAA,eAAA,CAAA,eAAA,CAAA,iDAAA,CAAA,oBAAA,eAAA,CAAA,2BAAA,CAAA,yBAAA,eAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,0BAAA,0BAAA,CAAA,2BAAA,CAAA,oBAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,0BAAA,iCAAA,CAAA,iEAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,6EAAA,iCAAA,CAAA,qBAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA,yBAAA,sCAAA,oBAAA,CAAA,mBAAA,CAAA,+BAAA,gBAAA,CAAA","file":"autocomplete.css"}
package/dist/avatars.css CHANGED
@@ -1,3 +1,2 @@
1
- .avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;background-color:var(--color-avatar-bg);border-radius:6px;flex-shrink:0;box-shadow:0 0 0 1px var(--color-avatar-border)}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:4px}.avatar-1{width:16px;height:16px}.avatar-2{width:20px;height:20px}.avatar-3{width:24px;height:24px}.avatar-4{width:28px;height:28px}.avatar-5{width:32px;height:32px}.avatar-6{width:40px;height:40px}.avatar-7{width:48px;height:48px}.avatar-8{width:64px;height:64px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:var(--color-canvas-default);border-radius:4px;box-shadow:var(--color-avatar-child-shadow)}.AvatarStack{position:relative;min-width:26px;height:20px}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{display:flex;background:var(--color-canvas-default)}.AvatarStack-body .avatar{position:relative;z-index:2;display:flex;width:20px;height:20px;box-sizing:content-box;margin-right:-11px;background-color:var(--color-canvas-default);border-right:1px solid var(--color-canvas-default);border-radius:4px;transition:margin 0.1s ease-in-out}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{z-index:1;border-right:0}.AvatarStack-body .avatar img{border-radius:4px}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none !important}.avatar.avatar-more{z-index:1;margin-right:0;background:var(--color-canvas-subtle)}.avatar.avatar-more::before,.avatar.avatar-more::after{position:absolute;display:block;height:20px;content:"";border-radius:2px;outline:1px solid var(--color-canvas-default)}.avatar.avatar-more::before{width:17px;background:var(--color-avatar-stack-fade-more)}.avatar.avatar-more::after{width:14px;background:var(--color-avatar-stack-fade)}.AvatarStack--right .AvatarStack-body{right:0;flex-direction:row-reverse}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-right:0;margin-left:3px}.AvatarStack--right .avatar.avatar-more{background:var(--color-avatar-stack-fade)}.AvatarStack--right .avatar.avatar-more::before{width:5px}.AvatarStack--right .avatar.avatar-more::after{width:2px;background:var(--color-canvas-subtle)}.AvatarStack--right .avatar{margin-right:0;margin-left:-11px;border-right:0;border-left:1px solid var(--color-canvas-default)}.CircleBadge{display:flex;align-items:center;justify-content:center;background-color:var(--color-canvas-default);border-radius:50%;box-shadow:var(--color-shadow-medium)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed var(--color-border-default)}.DashedConnection .CircleBadge{position:relative}
2
-
1
+ .avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;background-color:var(--color-avatar-bg);border-radius:6px;flex-shrink:0;box-shadow:0 0 0 1px var(--color-avatar-border)}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:4px}.avatar-1{width:16px;height:16px}.avatar-2{width:20px;height:20px}.avatar-3{width:24px;height:24px}.avatar-4{width:28px;height:28px}.avatar-5{width:32px;height:32px}.avatar-6{width:40px;height:40px}.avatar-7{width:48px;height:48px}.avatar-8{width:64px;height:64px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:var(--color-canvas-default);border-radius:4px;box-shadow:var(--color-avatar-child-shadow)}.AvatarStack{position:relative;min-width:26px;height:20px}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{display:flex;background:var(--color-canvas-default)}.AvatarStack-body .avatar{position:relative;z-index:2;display:flex;width:20px;height:20px;box-sizing:content-box;margin-right:-11px;background-color:var(--color-canvas-default);border-right:1px solid var(--color-canvas-default);border-radius:4px;transition:margin .1s ease-in-out}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{z-index:1;border-right:0}.AvatarStack-body .avatar img{border-radius:4px}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none !important}.avatar.avatar-more{z-index:1;margin-right:0;background:var(--color-canvas-subtle)}.avatar.avatar-more::before,.avatar.avatar-more::after{position:absolute;display:block;height:20px;content:"";border-radius:2px;outline:1px solid var(--color-canvas-default)}.avatar.avatar-more::before{width:17px;background:var(--color-avatar-stack-fade-more)}.avatar.avatar-more::after{width:14px;background:var(--color-avatar-stack-fade)}.AvatarStack--right .AvatarStack-body{right:0;flex-direction:row-reverse}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-right:0;margin-left:3px}.AvatarStack--right .avatar.avatar-more{background:var(--color-avatar-stack-fade)}.AvatarStack--right .avatar.avatar-more::before{width:5px}.AvatarStack--right .avatar.avatar-more::after{width:2px;background:var(--color-canvas-subtle)}.AvatarStack--right .avatar{margin-right:0;margin-left:-11px;border-right:0;border-left:1px solid var(--color-canvas-default)}.CircleBadge{display:flex;align-items:center;justify-content:center;background-color:var(--color-canvas-default);border-radius:50%;box-shadow:var(--color-shadow-medium)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed var(--color-border-default)}.DashedConnection .CircleBadge{position:relative}
3
2
  /*# sourceMappingURL=avatars.css.map */