@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.
- package/CHANGELOG.md +80 -12
- package/CONTRIBUTING.md +1 -1
- package/breadcrumb/breadcrumb.scss +5 -2
- package/buttons/button.scss +5 -5
- package/buttons/misc.scss +4 -3
- package/color-modes/index.scss +2 -0
- package/color-modes/themes/dark_colorblind.scss +7 -0
- package/color-modes/themes/light_colorblind.scss +7 -0
- package/deprecations.js +17 -742
- package/deprecations.json +539 -0
- package/dist/alerts.css +1 -2
- package/dist/alerts.css.map +1 -1
- package/dist/autocomplete.css +1 -2
- package/dist/autocomplete.css.map +1 -1
- package/dist/avatars.css +1 -2
- package/dist/avatars.css.map +1 -1
- package/dist/base.css +1 -2
- package/dist/base.css.map +1 -1
- package/dist/blankslate.css +0 -1
- package/dist/blankslate.css.map +1 -1
- package/dist/box.css +1 -2
- package/dist/box.css.map +1 -1
- package/dist/branch-name.css +0 -1
- package/dist/branch-name.css.map +1 -1
- package/dist/breadcrumb.css +1 -2
- package/dist/breadcrumb.css.map +1 -1
- package/dist/buttons.css +1 -2
- package/dist/buttons.css.map +1 -1
- package/dist/color-modes.css +1 -2
- package/dist/color-modes.css.map +1 -1
- package/dist/core.css +1 -2
- package/dist/core.css.map +1 -1
- package/dist/deprecations.json +534 -3112
- package/dist/dropdown.css +1 -2
- package/dist/dropdown.css.map +1 -1
- package/dist/forms.css +1 -2
- package/dist/forms.css.map +1 -1
- package/dist/header.css +1 -2
- package/dist/header.css.map +1 -1
- package/dist/labels.css +1 -2
- package/dist/labels.css.map +1 -1
- package/dist/layout.css +1 -2
- package/dist/layout.css.map +1 -1
- package/dist/links.css +1 -2
- package/dist/links.css.map +1 -1
- package/dist/loaders.css +0 -1
- package/dist/loaders.css.map +1 -1
- package/dist/markdown.css +1 -2
- package/dist/markdown.css.map +1 -1
- package/dist/marketing-buttons.css +1 -2
- package/dist/marketing-buttons.css.map +1 -1
- package/dist/marketing-support.css +1 -1
- package/dist/marketing-type.css +1 -2
- package/dist/marketing-type.css.map +1 -1
- package/dist/marketing-utilities.css +1 -2
- package/dist/marketing-utilities.css.map +1 -1
- package/dist/marketing.css +1 -2
- package/dist/marketing.css.map +1 -1
- package/dist/meta.json +330 -330
- package/dist/navigation.css +1 -2
- package/dist/navigation.css.map +1 -1
- package/dist/pagination.css +1 -2
- package/dist/pagination.css.map +1 -1
- package/dist/popover.css +1 -2
- package/dist/popover.css.map +1 -1
- package/dist/primer.css +4 -5
- package/dist/primer.css.map +1 -1
- package/dist/product.css +1 -2
- package/dist/product.css.map +1 -1
- package/dist/progress.css +0 -1
- package/dist/progress.css.map +1 -1
- package/dist/select-menu.css +1 -2
- package/dist/select-menu.css.map +1 -1
- package/dist/stats/alerts.json +1 -1
- package/dist/stats/autocomplete.json +1 -1
- package/dist/stats/avatars.json +1 -1
- package/dist/stats/base.json +1 -1
- package/dist/stats/box.json +1 -1
- package/dist/stats/breadcrumb.json +1 -1
- package/dist/stats/buttons.json +1 -1
- package/dist/stats/color-modes.json +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/dropdown.json +1 -1
- package/dist/stats/forms.json +1 -1
- package/dist/stats/header.json +1 -1
- package/dist/stats/labels.json +1 -1
- package/dist/stats/layout.json +1 -1
- package/dist/stats/links.json +1 -1
- package/dist/stats/markdown.json +1 -1
- package/dist/stats/marketing-buttons.json +1 -1
- package/dist/stats/marketing-type.json +1 -1
- package/dist/stats/marketing-utilities.json +1 -1
- package/dist/stats/marketing.json +1 -1
- package/dist/stats/navigation.json +1 -1
- package/dist/stats/pagination.json +1 -1
- package/dist/stats/popover.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/dist/stats/select-menu.json +1 -1
- package/dist/stats/timeline.json +1 -1
- package/dist/stats/toasts.json +1 -1
- package/dist/stats/tooltips.json +1 -1
- package/dist/stats/utilities.json +1 -1
- package/dist/subhead.css +0 -1
- package/dist/subhead.css.map +1 -1
- package/dist/support.css +1 -1
- package/dist/table-object.css +0 -1
- package/dist/table-object.css.map +1 -1
- package/dist/timeline.css +1 -2
- package/dist/timeline.css.map +1 -1
- package/dist/toasts.css +1 -2
- package/dist/toasts.css.map +1 -1
- package/dist/tooltips.css +1 -2
- package/dist/tooltips.css.map +1 -1
- package/dist/truncate.css +0 -1
- package/dist/truncate.css.map +1 -1
- package/dist/utilities.css +1 -2
- package/dist/utilities.css.map +1 -1
- package/dist/variables.json +10 -10
- package/markdown/footnotes.scss +37 -0
- package/markdown/index.scss +1 -0
- package/markdown/markdown-body.scss +8 -2
- package/marketing/type/typography.scss +1 -1
- package/package.json +15 -15
- package/pagination/pagination.scss +1 -1
- package/postcss.config.cjs +13 -7
- package/select-menu/select-menu.scss +1 -1
- package/stylelint.config.cjs +2 -5
- package/support/mixins/misc.scss +1 -1
- package/support/variables/misc.scss +1 -1
- package/support/variables/typography.scss +1 -22
- package/utilities/box-shadow.scss +25 -0
- package/utilities/colors.scss +33 -37
- package/utilities/details.scss +1 -1
- package/utilities/index.scss +1 -0
- package/utilities/margin.scss +3 -0
- package/dist/marketing-support.css.map +0 -1
- 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
|
|
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 */
|
package/dist/alerts.css.map
CHANGED
|
@@ -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"}
|
package/dist/autocomplete.css
CHANGED
|
@@ -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=
|
|
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
|
|
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 */
|