@fpkit/acss 0.6.2 → 1.0.0-beta.1
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/libs/components/alert/alert.css +1 -1
- package/libs/components/alert/alert.css.map +1 -1
- package/libs/components/alert/alert.min.css +2 -2
- package/libs/components/badge/badge.css +1 -1
- package/libs/components/badge/badge.css.map +1 -1
- package/libs/components/badge/badge.min.css +2 -2
- package/libs/components/breadcrumbs/breadcrumb.css +1 -1
- package/libs/components/breadcrumbs/breadcrumb.css.map +1 -1
- package/libs/components/breadcrumbs/breadcrumb.min.css +2 -2
- package/libs/components/buttons/button.css +1 -1
- package/libs/components/buttons/button.css.map +1 -1
- package/libs/components/buttons/button.min.css +2 -2
- package/libs/components/cards/card.css +1 -1
- package/libs/components/cards/card.css.map +1 -1
- package/libs/components/cards/card.min.css +2 -2
- package/libs/components/details/details.css +1 -1
- package/libs/components/details/details.css.map +1 -1
- package/libs/components/details/details.min.css +2 -2
- package/libs/components/dialog/dialog.css +1 -1
- package/libs/components/dialog/dialog.css.map +1 -1
- package/libs/components/dialog/dialog.min.css +2 -2
- package/libs/components/form/form.css +1 -1
- package/libs/components/form/form.css.map +1 -1
- package/libs/components/form/form.min.css +2 -2
- package/libs/components/icons/icon.d.cts +32 -32
- package/libs/components/icons/icon.d.ts +32 -32
- package/libs/components/images/img.css +1 -1
- package/libs/components/images/img.css.map +1 -1
- package/libs/components/images/img.min.css +2 -2
- package/libs/components/layout/landmarks.css +1 -1
- package/libs/components/layout/landmarks.css.map +1 -1
- package/libs/components/layout/landmarks.min.css +2 -2
- package/libs/components/link/link.css +1 -1
- package/libs/components/link/link.css.map +1 -1
- package/libs/components/link/link.min.css +2 -2
- package/libs/components/nav/nav.css +1 -1
- package/libs/components/nav/nav.css.map +1 -1
- package/libs/components/nav/nav.min.css +2 -2
- package/libs/components/progress/progress.css +1 -1
- package/libs/components/progress/progress.css.map +1 -1
- package/libs/components/progress/progress.min.css +2 -2
- package/libs/components/tag/tag.css +1 -1
- package/libs/components/tag/tag.css.map +1 -1
- package/libs/components/tag/tag.min.css +2 -2
- package/libs/index.css +1 -1
- package/libs/index.css.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/alert.scss +4 -4
- package/src/components/alert/alert.scss.backup +184 -0
- package/src/components/alert/alert.stories.tsx +53 -2
- package/src/components/badge/badge.scss +2 -2
- package/src/components/badge/badge.scss.backup +39 -0
- package/src/components/badge/badge.stories.tsx +40 -0
- package/src/components/breadcrumbs/breadcrumb.scss +5 -5
- package/src/components/breadcrumbs/breadcrumb.scss.backup +35 -0
- package/src/components/breadcrumbs/breadcrumb.stories.tsx +17 -1
- package/src/components/buttons/button.scss +27 -27
- package/src/components/buttons/button.scss.backup +145 -0
- package/src/components/buttons/button.stories.tsx +188 -2
- package/src/components/cards/card.scss +39 -5
- package/src/components/cards/card.scss.backup +67 -0
- package/src/components/cards/card.stories.tsx +183 -0
- package/src/components/details/details.scss +14 -14
- package/src/components/details/details.scss.backup +126 -0
- package/src/components/details/details.stories.tsx +40 -0
- package/src/components/dialog/dialog.scss +3 -3
- package/src/components/dialog/dialog.scss.backup +126 -0
- package/src/components/form/form.scss +25 -9
- package/src/components/form/form.scss.backup +87 -0
- package/src/components/form/form.stories.tsx +271 -0
- package/src/components/form/input.stories.tsx +158 -0
- package/src/components/images/figure.stories.tsx +41 -1
- package/src/components/images/img.scss +8 -8
- package/src/components/images/img.scss.backup +59 -0
- package/src/components/layout/_header.scss +14 -14
- package/src/components/layout/_header.scss.backup +72 -0
- package/src/components/layout/landmarks.scss +7 -7
- package/src/components/layout/landmarks.scss.backup +51 -0
- package/src/components/layout/landmarks.stories.tsx +42 -0
- package/src/components/link/link.scss +5 -5
- package/src/components/link/link.scss.backup +145 -0
- package/src/components/link/link.stories.tsx +38 -2
- package/src/components/nav/nav.scss +17 -17
- package/src/components/nav/nav.scss.backup +123 -0
- package/src/components/nav/nav.stories.tsx +35 -1
- package/src/components/progress/progress.scss +7 -7
- package/src/components/progress/progress.scss.backup +70 -0
- package/src/components/tag/tag.scss +10 -10
- package/src/components/tag/tag.scss.backup +130 -0
- package/src/components/tag/tag.stories.tsx +23 -2
- package/src/styles/alert/alert.css +4 -4
- package/src/styles/badge/badge.css +2 -2
- package/src/styles/breadcrumbs/breadcrumb.css +5 -5
- package/src/styles/buttons/button.css +26 -27
- package/src/styles/buttons/button.css.map +1 -1
- package/src/styles/cards/card.css +35 -5
- package/src/styles/cards/card.css.map +1 -1
- package/src/styles/details/details.css +14 -14
- package/src/styles/dialog/dialog.css +3 -3
- package/src/styles/form/form.css +20 -10
- package/src/styles/form/form.css.map +1 -1
- package/src/styles/images/img.css +8 -8
- package/src/styles/index.css +170 -131
- package/src/styles/index.css.map +1 -1
- package/src/styles/layout/landmarks.css +21 -21
- package/src/styles/link/link.css +5 -5
- package/src/styles/nav/nav.css +17 -17
- package/src/styles/progress/progress.css +6 -6
- package/src/styles/tag/tag.css +4 -4
|
@@ -152,7 +152,7 @@ declare const Icon: {
|
|
|
152
152
|
({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React.JSX.Element;
|
|
153
153
|
displayName: string;
|
|
154
154
|
Add: {
|
|
155
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
155
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
156
156
|
styles: {
|
|
157
157
|
fill: string;
|
|
158
158
|
display: string;
|
|
@@ -162,7 +162,7 @@ declare const Icon: {
|
|
|
162
162
|
displayName: string;
|
|
163
163
|
};
|
|
164
164
|
ArrowDown: {
|
|
165
|
-
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
165
|
+
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill">): React.JSX.Element;
|
|
166
166
|
styles: {
|
|
167
167
|
display: string;
|
|
168
168
|
alignItems: string;
|
|
@@ -171,7 +171,7 @@ declare const Icon: {
|
|
|
171
171
|
displayName: string;
|
|
172
172
|
};
|
|
173
173
|
ArrowLeft: {
|
|
174
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
174
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
175
175
|
styles: {
|
|
176
176
|
display: string;
|
|
177
177
|
alignItems: string;
|
|
@@ -180,11 +180,11 @@ declare const Icon: {
|
|
|
180
180
|
displayName: string;
|
|
181
181
|
};
|
|
182
182
|
ArrowRight: {
|
|
183
|
-
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
183
|
+
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
184
184
|
displayName: string;
|
|
185
185
|
};
|
|
186
186
|
ArrowUp: {
|
|
187
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
187
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
188
188
|
displayName: string;
|
|
189
189
|
style: {
|
|
190
190
|
fill: string;
|
|
@@ -195,7 +195,7 @@ declare const Icon: {
|
|
|
195
195
|
};
|
|
196
196
|
};
|
|
197
197
|
Chat: {
|
|
198
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
198
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
199
199
|
styles: {
|
|
200
200
|
display: string;
|
|
201
201
|
alignItems: string;
|
|
@@ -204,7 +204,7 @@ declare const Icon: {
|
|
|
204
204
|
displayName: string;
|
|
205
205
|
};
|
|
206
206
|
Code: {
|
|
207
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "
|
|
207
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
208
208
|
styles: {
|
|
209
209
|
fill: string;
|
|
210
210
|
stroke: string;
|
|
@@ -214,7 +214,7 @@ declare const Icon: {
|
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
216
|
Copy: {
|
|
217
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
217
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
218
218
|
displayName: string;
|
|
219
219
|
styles: {
|
|
220
220
|
stroke: string;
|
|
@@ -224,7 +224,7 @@ declare const Icon: {
|
|
|
224
224
|
};
|
|
225
225
|
};
|
|
226
226
|
Down: {
|
|
227
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
227
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
228
228
|
displayName: string;
|
|
229
229
|
styles: {
|
|
230
230
|
display: string;
|
|
@@ -233,7 +233,7 @@ declare const Icon: {
|
|
|
233
233
|
};
|
|
234
234
|
};
|
|
235
235
|
Home: {
|
|
236
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
236
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
237
237
|
displayName: string;
|
|
238
238
|
styles: {
|
|
239
239
|
fill: string;
|
|
@@ -244,19 +244,19 @@ declare const Icon: {
|
|
|
244
244
|
};
|
|
245
245
|
};
|
|
246
246
|
Info: {
|
|
247
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
247
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
248
248
|
displayName: string;
|
|
249
249
|
};
|
|
250
250
|
InfoSolid: {
|
|
251
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
251
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
252
252
|
displayName: string;
|
|
253
253
|
};
|
|
254
254
|
AlertSolid: {
|
|
255
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
255
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
256
256
|
displayName: string;
|
|
257
257
|
};
|
|
258
258
|
Left: {
|
|
259
|
-
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
259
|
+
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
260
260
|
displayName: string;
|
|
261
261
|
styles: {
|
|
262
262
|
fill: string;
|
|
@@ -266,14 +266,14 @@ declare const Icon: {
|
|
|
266
266
|
};
|
|
267
267
|
};
|
|
268
268
|
Minus: {
|
|
269
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
269
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
270
270
|
displayName: string;
|
|
271
271
|
styles: {
|
|
272
272
|
fill: string;
|
|
273
273
|
};
|
|
274
274
|
};
|
|
275
275
|
Pause: {
|
|
276
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
276
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
277
277
|
displayName: string;
|
|
278
278
|
style: {
|
|
279
279
|
fill: string;
|
|
@@ -284,7 +284,7 @@ declare const Icon: {
|
|
|
284
284
|
};
|
|
285
285
|
};
|
|
286
286
|
PauseSolid: {
|
|
287
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
287
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
288
288
|
displayName: string;
|
|
289
289
|
style: {
|
|
290
290
|
fill: string;
|
|
@@ -295,7 +295,7 @@ declare const Icon: {
|
|
|
295
295
|
};
|
|
296
296
|
};
|
|
297
297
|
Play: {
|
|
298
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
298
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
299
299
|
displayName: string;
|
|
300
300
|
style: {
|
|
301
301
|
fill: string;
|
|
@@ -306,7 +306,7 @@ declare const Icon: {
|
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
308
|
PlaySolid: {
|
|
309
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
309
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
310
310
|
displayName: string;
|
|
311
311
|
style: {
|
|
312
312
|
fill: string;
|
|
@@ -317,14 +317,14 @@ declare const Icon: {
|
|
|
317
317
|
};
|
|
318
318
|
};
|
|
319
319
|
Remove: {
|
|
320
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
320
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
321
321
|
displayName: string;
|
|
322
322
|
styles: {
|
|
323
323
|
fill: string;
|
|
324
324
|
};
|
|
325
325
|
};
|
|
326
326
|
Resume: {
|
|
327
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
327
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
328
328
|
displayName: string;
|
|
329
329
|
style: {
|
|
330
330
|
fill: string;
|
|
@@ -335,7 +335,7 @@ declare const Icon: {
|
|
|
335
335
|
};
|
|
336
336
|
};
|
|
337
337
|
ResumeSolid: {
|
|
338
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
338
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
339
339
|
displayName: string;
|
|
340
340
|
style: {
|
|
341
341
|
fill: string;
|
|
@@ -346,7 +346,7 @@ declare const Icon: {
|
|
|
346
346
|
};
|
|
347
347
|
};
|
|
348
348
|
Right: {
|
|
349
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
349
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
350
350
|
displayName: string;
|
|
351
351
|
styles: {
|
|
352
352
|
fill: string;
|
|
@@ -354,7 +354,7 @@ declare const Icon: {
|
|
|
354
354
|
};
|
|
355
355
|
Star: typeof Star;
|
|
356
356
|
Stop: {
|
|
357
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
357
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
358
358
|
displayName: string;
|
|
359
359
|
style: {
|
|
360
360
|
fill: string;
|
|
@@ -380,7 +380,7 @@ declare const Icon: {
|
|
|
380
380
|
*/
|
|
381
381
|
};
|
|
382
382
|
StopSolid: {
|
|
383
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
383
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
384
384
|
displayName: string;
|
|
385
385
|
style: {
|
|
386
386
|
fill: string;
|
|
@@ -391,7 +391,7 @@ declare const Icon: {
|
|
|
391
391
|
};
|
|
392
392
|
};
|
|
393
393
|
Up: {
|
|
394
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
394
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
395
395
|
displayName: string;
|
|
396
396
|
styles: {
|
|
397
397
|
display: string;
|
|
@@ -400,7 +400,7 @@ declare const Icon: {
|
|
|
400
400
|
};
|
|
401
401
|
};
|
|
402
402
|
User: {
|
|
403
|
-
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "
|
|
403
|
+
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
404
404
|
styles: {
|
|
405
405
|
fill: string;
|
|
406
406
|
stroke: string;
|
|
@@ -418,23 +418,23 @@ declare const Icon: {
|
|
|
418
418
|
width: string;
|
|
419
419
|
};
|
|
420
420
|
QuestionSolid: {
|
|
421
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
421
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
422
422
|
displayName: string;
|
|
423
423
|
};
|
|
424
424
|
WarnSolid: {
|
|
425
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
425
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
426
426
|
displayName: string;
|
|
427
427
|
};
|
|
428
428
|
SuccessSolid: {
|
|
429
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
429
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
430
430
|
displayName: string;
|
|
431
431
|
};
|
|
432
432
|
AlertSquareSolid: {
|
|
433
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
433
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
434
434
|
displayName: string;
|
|
435
435
|
};
|
|
436
436
|
Close: {
|
|
437
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
437
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
438
438
|
displayName: string;
|
|
439
439
|
styles: {
|
|
440
440
|
fill: string;
|
|
@@ -152,7 +152,7 @@ declare const Icon: {
|
|
|
152
152
|
({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React.JSX.Element;
|
|
153
153
|
displayName: string;
|
|
154
154
|
Add: {
|
|
155
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
155
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
156
156
|
styles: {
|
|
157
157
|
fill: string;
|
|
158
158
|
display: string;
|
|
@@ -162,7 +162,7 @@ declare const Icon: {
|
|
|
162
162
|
displayName: string;
|
|
163
163
|
};
|
|
164
164
|
ArrowDown: {
|
|
165
|
-
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
165
|
+
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill">): React.JSX.Element;
|
|
166
166
|
styles: {
|
|
167
167
|
display: string;
|
|
168
168
|
alignItems: string;
|
|
@@ -171,7 +171,7 @@ declare const Icon: {
|
|
|
171
171
|
displayName: string;
|
|
172
172
|
};
|
|
173
173
|
ArrowLeft: {
|
|
174
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
174
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
175
175
|
styles: {
|
|
176
176
|
display: string;
|
|
177
177
|
alignItems: string;
|
|
@@ -180,11 +180,11 @@ declare const Icon: {
|
|
|
180
180
|
displayName: string;
|
|
181
181
|
};
|
|
182
182
|
ArrowRight: {
|
|
183
|
-
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
183
|
+
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
184
184
|
displayName: string;
|
|
185
185
|
};
|
|
186
186
|
ArrowUp: {
|
|
187
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
187
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
188
188
|
displayName: string;
|
|
189
189
|
style: {
|
|
190
190
|
fill: string;
|
|
@@ -195,7 +195,7 @@ declare const Icon: {
|
|
|
195
195
|
};
|
|
196
196
|
};
|
|
197
197
|
Chat: {
|
|
198
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
198
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
199
199
|
styles: {
|
|
200
200
|
display: string;
|
|
201
201
|
alignItems: string;
|
|
@@ -204,7 +204,7 @@ declare const Icon: {
|
|
|
204
204
|
displayName: string;
|
|
205
205
|
};
|
|
206
206
|
Code: {
|
|
207
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "
|
|
207
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
208
208
|
styles: {
|
|
209
209
|
fill: string;
|
|
210
210
|
stroke: string;
|
|
@@ -214,7 +214,7 @@ declare const Icon: {
|
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
216
|
Copy: {
|
|
217
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
217
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
218
218
|
displayName: string;
|
|
219
219
|
styles: {
|
|
220
220
|
stroke: string;
|
|
@@ -224,7 +224,7 @@ declare const Icon: {
|
|
|
224
224
|
};
|
|
225
225
|
};
|
|
226
226
|
Down: {
|
|
227
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
227
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
228
228
|
displayName: string;
|
|
229
229
|
styles: {
|
|
230
230
|
display: string;
|
|
@@ -233,7 +233,7 @@ declare const Icon: {
|
|
|
233
233
|
};
|
|
234
234
|
};
|
|
235
235
|
Home: {
|
|
236
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
236
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
237
237
|
displayName: string;
|
|
238
238
|
styles: {
|
|
239
239
|
fill: string;
|
|
@@ -244,19 +244,19 @@ declare const Icon: {
|
|
|
244
244
|
};
|
|
245
245
|
};
|
|
246
246
|
Info: {
|
|
247
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
247
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
248
248
|
displayName: string;
|
|
249
249
|
};
|
|
250
250
|
InfoSolid: {
|
|
251
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
251
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
252
252
|
displayName: string;
|
|
253
253
|
};
|
|
254
254
|
AlertSolid: {
|
|
255
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
255
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
256
256
|
displayName: string;
|
|
257
257
|
};
|
|
258
258
|
Left: {
|
|
259
|
-
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
259
|
+
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
260
260
|
displayName: string;
|
|
261
261
|
styles: {
|
|
262
262
|
fill: string;
|
|
@@ -266,14 +266,14 @@ declare const Icon: {
|
|
|
266
266
|
};
|
|
267
267
|
};
|
|
268
268
|
Minus: {
|
|
269
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
269
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
270
270
|
displayName: string;
|
|
271
271
|
styles: {
|
|
272
272
|
fill: string;
|
|
273
273
|
};
|
|
274
274
|
};
|
|
275
275
|
Pause: {
|
|
276
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
276
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
277
277
|
displayName: string;
|
|
278
278
|
style: {
|
|
279
279
|
fill: string;
|
|
@@ -284,7 +284,7 @@ declare const Icon: {
|
|
|
284
284
|
};
|
|
285
285
|
};
|
|
286
286
|
PauseSolid: {
|
|
287
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
287
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
288
288
|
displayName: string;
|
|
289
289
|
style: {
|
|
290
290
|
fill: string;
|
|
@@ -295,7 +295,7 @@ declare const Icon: {
|
|
|
295
295
|
};
|
|
296
296
|
};
|
|
297
297
|
Play: {
|
|
298
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
298
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
299
299
|
displayName: string;
|
|
300
300
|
style: {
|
|
301
301
|
fill: string;
|
|
@@ -306,7 +306,7 @@ declare const Icon: {
|
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
308
|
PlaySolid: {
|
|
309
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
309
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
310
310
|
displayName: string;
|
|
311
311
|
style: {
|
|
312
312
|
fill: string;
|
|
@@ -317,14 +317,14 @@ declare const Icon: {
|
|
|
317
317
|
};
|
|
318
318
|
};
|
|
319
319
|
Remove: {
|
|
320
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
320
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
321
321
|
displayName: string;
|
|
322
322
|
styles: {
|
|
323
323
|
fill: string;
|
|
324
324
|
};
|
|
325
325
|
};
|
|
326
326
|
Resume: {
|
|
327
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
327
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
328
328
|
displayName: string;
|
|
329
329
|
style: {
|
|
330
330
|
fill: string;
|
|
@@ -335,7 +335,7 @@ declare const Icon: {
|
|
|
335
335
|
};
|
|
336
336
|
};
|
|
337
337
|
ResumeSolid: {
|
|
338
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
338
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
339
339
|
displayName: string;
|
|
340
340
|
style: {
|
|
341
341
|
fill: string;
|
|
@@ -346,7 +346,7 @@ declare const Icon: {
|
|
|
346
346
|
};
|
|
347
347
|
};
|
|
348
348
|
Right: {
|
|
349
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
349
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
350
350
|
displayName: string;
|
|
351
351
|
styles: {
|
|
352
352
|
fill: string;
|
|
@@ -354,7 +354,7 @@ declare const Icon: {
|
|
|
354
354
|
};
|
|
355
355
|
Star: typeof Star;
|
|
356
356
|
Stop: {
|
|
357
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
357
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
358
358
|
displayName: string;
|
|
359
359
|
style: {
|
|
360
360
|
fill: string;
|
|
@@ -380,7 +380,7 @@ declare const Icon: {
|
|
|
380
380
|
*/
|
|
381
381
|
};
|
|
382
382
|
StopSolid: {
|
|
383
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
383
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
384
384
|
displayName: string;
|
|
385
385
|
style: {
|
|
386
386
|
fill: string;
|
|
@@ -391,7 +391,7 @@ declare const Icon: {
|
|
|
391
391
|
};
|
|
392
392
|
};
|
|
393
393
|
Up: {
|
|
394
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
394
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
395
395
|
displayName: string;
|
|
396
396
|
styles: {
|
|
397
397
|
display: string;
|
|
@@ -400,7 +400,7 @@ declare const Icon: {
|
|
|
400
400
|
};
|
|
401
401
|
};
|
|
402
402
|
User: {
|
|
403
|
-
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "
|
|
403
|
+
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
404
404
|
styles: {
|
|
405
405
|
fill: string;
|
|
406
406
|
stroke: string;
|
|
@@ -418,23 +418,23 @@ declare const Icon: {
|
|
|
418
418
|
width: string;
|
|
419
419
|
};
|
|
420
420
|
QuestionSolid: {
|
|
421
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
421
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
422
422
|
displayName: string;
|
|
423
423
|
};
|
|
424
424
|
WarnSolid: {
|
|
425
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
425
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
426
426
|
displayName: string;
|
|
427
427
|
};
|
|
428
428
|
SuccessSolid: {
|
|
429
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
429
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
430
430
|
displayName: string;
|
|
431
431
|
};
|
|
432
432
|
AlertSquareSolid: {
|
|
433
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
433
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
|
|
434
434
|
displayName: string;
|
|
435
435
|
};
|
|
436
436
|
Close: {
|
|
437
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
437
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
|
|
438
438
|
displayName: string;
|
|
439
439
|
styles: {
|
|
440
440
|
fill: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);display:var(--img-display);vertical-align:middle;object-fit:var(--img-object-fit);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-
|
|
1
|
+
img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);display:var(--img-display);vertical-align:middle;object-fit:var(--img-object-fit);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-padding: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-width: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-padding);background-color:var(--fig-bg);max-width:var(--fig-width)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-padding));left:var(--fig-left, var(--fig-padding));right:var(--fig-right, var(--fig-padding));padding:var(--caption-padding, var(--spc-3));background-color:var(--fig-bg)}/*# sourceMappingURL=img.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/images/img.scss"],"names":[],"mappings":"AAMA,SAEE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAGA,+BACA,qCACA,6BACA,2BACA,sBAGA,iCACA,2CACA,qCAGA,kBAGA,sBACA,4BAGA,0BAIA,qBACE,oBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/images/img.scss"],"names":[],"mappings":"AAMA,SAEE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAGA,+BACA,qCACA,6BACA,2BACA,sBAGA,iCACA,2CACA,qCAGA,kBAGA,sBACA,4BAGA,0BAIA,qBACE,oBACA,sBACA,qCACA,yBACA,2BACA,kBACA,2BACA,+BACA,2BACA,gCACE,kBACA,6CACA,yCACA,2CACA,6CACA","file":"img.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);display:var(--img-display);vertical-align:middle;-o-object-fit:var(--img-object-fit);object-fit:var(--img-object-fit);-o-object-position:var(--img-object-position);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-
|
|
1
|
+
img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);display:var(--img-display);vertical-align:middle;-o-object-fit:var(--img-object-fit);object-fit:var(--img-object-fit);-o-object-position:var(--img-object-position);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-padding: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-width: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-padding);background-color:var(--fig-bg);max-width:var(--fig-width)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-padding));left:var(--fig-left, var(--fig-padding));right:var(--fig-right, var(--fig-padding));padding:var(--caption-padding, var(--spc-3));background-color:var(--fig-bg)}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ltYWdlcy9pbWcuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSxTQUVFLHFCQUFBLENBQ0Esa0JBQUEsQ0FDQSx1QkFBQSxDQUNBLDZCQUFBLENBQ0EsNEJBQUEsQ0FDQSwyQkFBQSxDQUdBLDhCQUFBLENBQ0Esb0NBQUEsQ0FDQSw0QkFBQSxDQUNBLDBCQUFBLENBQ0EscUJBQUEsQ0FHQSxtQ0FBQSxDQUFBLGdDQUFBLENBQ0EsNkNBQUEsQ0FBQSwwQ0FBQSxDQUNBLG9DQUFBLENBR0EsaUJBQUEsQ0FHQSxxQkFBQSxDQUNBLDJCQUFBLENBR0EseUJBQUEsQ0FJQSxxQkFDRSxtQkFBQSxDQUNBLHFCQUFBLENBQ0Esb0NBQUEsQ0FDQSx3QkFBQSxDQUNBLDBCQUFBLENBQ0EsaUJBQUEsQ0FDQSwwQkFBQSxDQUNBLDhCQUFBLENBQ0EsMEJBQUEsQ0FDQSxnQ0FDRSxpQkFBQSxDQUNBLDRDQUFBLENBQ0Esd0NBQUEsQ0FDQSwwQ0FBQSxDQUNBLDRDQUFBLENBQ0EsOEJBQUEiLCJmaWxlIjoiaW1nLm1pbi5jc3MifQ== */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-
|
|
1
|
+
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-width: 100%;--overlay-height: 40vh;--overlay-max-height: 500px;--overlay-color: currentColor;--overlay-content-width: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-padding-inline: auto;--overlay-padding-block: auto;--overlay-margin-inline: auto;--overlay-margin-block: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-height);width:var(--overlay-width);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-width);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-width);padding-inline:var(--spc-4);margin-inline:var(--overlay-margin-inline);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-line-height, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-width: min(100%, 1480px);--content-margin-inline: auto;--content-padding-inline: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-width);margin-inline:var(--content-margin-inline);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-width);margin-inline:var(--content-margin-inline)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}/*# sourceMappingURL=landmarks.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/layout/_header.scss","../../../src/components/layout/landmarks.scss"],"names":[],"mappings":"AAAA,wCAIE,6BAEA,4BAEA,wBAEA,wBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/layout/_header.scss","../../../src/components/layout/landmarks.scss"],"names":[],"mappings":"AAAA,wCAIE,6BAEA,4BAEA,wBAEA,wBACA,sBACA,uBACA,4BACA,8BACA,6BACA,oBACA,yBACA,+BACA,8BACA,8BACA,6BAEA,8BACA,+BACA,qCACA,qCACA,iCACA,2BACA,2BACA,mCACA,gBACA,8CACE,kBAEF,oDACE,2BAEA,wBAEF,oHAEE,wBACA,uCACA,4BACA,2CACA,uBACA,kBACA,gIACE,WACA,eACA,sBACA,gBAEF,4QAEE,2CACA,gBAGF,sIACE,uBAEF,sIACE,uBAEF,sIACE,uBChEN,YAEE,mCACA,8BACA,+BACA,oBACA,qCACA,4BACE,2BACA,2CACA,4BAIJ,KACE,OACA,sBACA,sCAEE,2BACA,2CACA,gFACE,aACA,eACA,OACA,uBACA,gGACE,aACA,cACA,oBAEF,4FACE,iBACA,YAON,WACE,aACA,mBACA,uBACA,gBACA","file":"landmarks.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-
|
|
1
|
+
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-width: 100%;--overlay-height: 40vh;--overlay-max-height: 500px;--overlay-color: currentColor;--overlay-content-width: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-padding-inline: auto;--overlay-padding-block: auto;--overlay-margin-inline: auto;--overlay-margin-block: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-height);width:var(--overlay-width);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-width);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-width);padding-inline:var(--spc-4);margin-inline:var(--overlay-margin-inline);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-line-height, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-width: min(100%, 1480px);--content-margin-inline: auto;--content-padding-inline: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-width);margin-inline:var(--content-margin-inline);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-width);margin-inline:var(--content-margin-inline)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xheW91dC9faGVhZGVyLnNjc3MiLCIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXQvbGFuZG1hcmtzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0NBSUUsNEJBQUEsQ0FFQSwyQkFBQSxDQUVBLHVCQUFBLENBRUEsdUJBQUEsQ0FDQSxxQkFBQSxDQUNBLHNCQUFBLENBQ0EsMkJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRCQUFBLENBQ0EsbUJBQUEsQ0FDQSx3QkFBQSxDQUNBLDhCQUFBLENBQ0EsNkJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRCQUFBLENBRUEsNkJBQUEsQ0FDQSw4QkFBQSxDQUNBLG9DQUFBLENBQ0Esb0NBQUEsQ0FDQSxnQ0FBQSxDQUNBLDBCQUFBLENBQ0EsMEJBQUEsQ0FDQSxrQ0FBQSxDQUNBLGVBQUEsQ0FDQSw4Q0FDRSxpQkFBQSxDQUVGLG9EQUNFLDBCQUFBLENBRUEsdUJBQUEsQ0FFRixvSEFFRSx1QkFBQSxDQUNBLHNDQUFBLENBQ0EsMkJBQUEsQ0FDQSwwQ0FBQSxDQUNBLHNCQUFBLENBQ0EsaUJBQUEsQ0FDQSxnSUFDRSxVQUFBLENBQ0EsY0FBQSxDQUNBLHFCQUFBLENBQ0EsZUFBQSxDQUVGLDRRQUVFLDBDQUFBLENBQ0EsZUFBQSxDQUdGLHNJQUNFLHNCQUFBLENBRUYsc0lBQ0Usc0JBQUEsQ0FFRixzSUFDRSxzQkFBQSxDQ2hFTixZQUVFLGtDQUFBLENBQ0EsNkJBQUEsQ0FDQSw4QkFBQSxDQUNBLG1CQUFBLENBQ0Esb0NBQUEsQ0FDQSw0QkFDRSwwQkFBQSxDQUNBLDBDQUFBLENBQ0EsMkJBQUEsQ0FJSixLQUNFLE1BQUEsQ0FDQSxxQkFBQSxDQUNBLHNDQUVFLDBCQUFBLENBQ0EsMENBQUEsQ0FDQSxnRkFDRSxZQUFBLENBQ0EsY0FBQSxDQUNBLE1BQUEsQ0FDQSxzQkFBQSxDQUNBLGdHQUNFLFlBQUEsQ0FDQSxhQUFBLENBQ0EsbUJBQUEsQ0FFRiw0RkFDRSxnQkFBQSxDQUNBLFdBQUEsQ0FPTixXQUNFLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLHNCQUFBLENBQ0EsZUFBQSxDQUNBLGlCQUFBIiwiZmlsZSI6ImxhbmRtYXJrcy5taW4uY3NzIn0= */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
a[href]{--link-color: #085ab7;--link-
|
|
1
|
+
a[href]{--link-color: #085ab7;--link-fw: 400;--link-fs: 1rem;--link-decoration: none;--link-decoration-offset: 0.09375rem;--link-decoration-thickness: 0.0625rem;--link-skip-ink: auto;--link-bg: transparent;--link-radius: 0.25rem;--link-padding-inline: 0;--link-padding-block: 0;--link-transition: all 0.75s ease-in-out;--link-focus-color: currentColor;--link-focus-width: 0.125rem;--link-focus-offset: 0.125rem;--link-focus-style: solid;color:var(--link-color);font-size:var(--link-fs);font-weight:var(--link-fw);text-decoration:var(--link-decoration);text-underline-offset:var(--link-decoration-offset);text-decoration-thickness:var(--link-decoration-thickness);text-decoration-skip-ink:var(--link-skip-ink);background-color:var(--link-bg);border-radius:var(--link-radius);transition:var(--link-transition)}a[href]>i,a[href]>b{font-weight:var(--link-fw);font-style:normal}a[href]:hover{--link-decoration: underline}a[href]:focus{outline:var(--link-focus-width) var(--link-focus-style) var(--link-focus-color);outline-offset:var(--link-focus-offset);--link-decoration: underline}a[href]:focus-visible{outline:var(--link-focus-width) var(--link-focus-style) var(--link-focus-color);outline-offset:var(--link-focus-offset)}a[href]:visited,a[href]:active{--link-color: currentColor}a[href]:has(>b),a[href][data-btn],a[href]:has(>i){--link-button-color: var(--link-color);--link-bg: transparent;--link-decoration: none;--link-border-width: 0.125rem;--link-border-color: currentColor;--link-border-style: solid;--link-fs: 0.9rem;color:var(--link-button-color);background-color:var(--link-bg);font-style:normal;font-size:var(--link-fs);padding-inline:var(--link-fs);padding-block:calc(var(--link-fs) - .4rem);border-radius:var(--link-radius, 99rem);display:inline-flex;align-items:center;justify-content:center;outline:var(--link-border-width) var(--link-border-color) var(--link-border-style);--scale-transition: transform 0.25s ease;--scale: scale(1);--scale-to: scale(1.05);transform:var(--scale);transition:var(--scale-transition)}a[href]:has(>b):focus,a[href]:has(>b):focus-visible,a[href][data-btn]:focus,a[href][data-btn]:focus-visible,a[href]:has(>i):focus,a[href]:has(>i):focus-visible{outline:var(--link-border-width) var(--link-border-color) var(--link-border-style);outline-offset:var(--link-focus-offset);--link-decoration: none}a[href]:has(>b):hover,a[href][data-btn]:hover,a[href]:has(>i):hover{--link-decoration: none}a[href]:has(>b):hover,a[href][data-btn]:hover,a[href]:has(>i):hover{transform:var(--scale-to)}a[href][data-link~=pill],a[href]:has(>i){--link-radius: 99rem;--link-decoration: none;font-style:normal}a[href][data-link~=pill]:hover,a[href][data-link~=pill]:focus,a[href][data-link~=pill]:focus-visible,a[href]:has(>i):hover,a[href]:has(>i):focus,a[href]:has(>i):focus-visible{--link-decoration: none}/*# sourceMappingURL=link.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/link/link.scss","../../../src/sass/_mixins.scss"],"names":[],"mappings":"AAcA,QAEE,sBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/link/link.scss","../../../src/sass/_mixins.scss"],"names":[],"mappings":"AAcA,QAEE,sBACA,eACA,gBAGA,wBACA,qCACA,uCACA,sBAGA,uBACA,uBAGA,yBACA,wBAGA,yCAGA,iCACA,6BACA,8BACA,0BAGA,wBACA,yBACA,2BACA,uCACA,oDACA,2DACA,8CACA,gCACA,iCACA,kCAGA,oBAEE,2BACA,kBAIF,cACE,6BAIF,cACE,gFAEA,wCACA,6BAIF,sBACE,gFAEA,wCAIF,+BAEE,2BAIF,kDAGE,uCACA,uBACA,wBACA,8BACA,kCACA,2BACA,kBAEA,+BACA,gCACA,kBACA,yBACA,8BACA,2CACA,wCACA,oBACA,mBACA,uBACA,mFC7GF,yCACA,kBACA,wBACA,uBACA,mCD6GE,gKAEE,mFAEA,wCACA,wBAIF,oEACE,wBCtHJ,oEACE,0BD6HF,yCAEE,qBACA,wBACA,kBAEA,+KAGE","file":"link.css"}
|