@fpkit/acss 1.0.0-beta.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.md +32 -0
  2. package/docs/README.md +325 -0
  3. package/docs/guides/accessibility.md +764 -0
  4. package/docs/guides/architecture.md +705 -0
  5. package/docs/guides/composition.md +688 -0
  6. package/docs/guides/css-variables.md +522 -0
  7. package/docs/guides/storybook.md +828 -0
  8. package/docs/guides/testing.md +817 -0
  9. package/docs/testing/focus-indicator-testing.md +437 -0
  10. package/libs/components/buttons/button.css +1 -1
  11. package/libs/components/buttons/button.css.map +1 -1
  12. package/libs/components/buttons/button.min.css +2 -2
  13. package/libs/components/icons/icon.d.cts +32 -32
  14. package/libs/components/icons/icon.d.ts +32 -32
  15. package/libs/components/list/list.css +1 -1
  16. package/libs/components/list/list.min.css +1 -1
  17. package/libs/index.css +1 -1
  18. package/libs/index.css.map +1 -1
  19. package/package.json +4 -3
  20. package/src/components/README.mdx +1 -1
  21. package/src/components/buttons/button.scss +5 -0
  22. package/src/components/buttons/button.stories.tsx +8 -5
  23. package/src/components/cards/card.stories.tsx +1 -1
  24. package/src/components/details/details.stories.tsx +1 -1
  25. package/src/components/form/form.stories.tsx +1 -1
  26. package/src/components/form/input.stories.tsx +1 -1
  27. package/src/components/form/select.stories.tsx +1 -1
  28. package/src/components/heading/README.mdx +292 -0
  29. package/src/components/icons/icon.stories.tsx +1 -1
  30. package/src/components/list/list.scss +1 -1
  31. package/src/components/nav/nav.stories.tsx +1 -1
  32. package/src/components/ui.stories.tsx +53 -19
  33. package/src/docs/accessibility.mdx +484 -0
  34. package/src/docs/composition.mdx +549 -0
  35. package/src/docs/css-variables.mdx +380 -0
  36. package/src/docs/fpkit-developer.mdx +545 -0
  37. package/src/introduction.mdx +356 -0
  38. package/src/styles/buttons/button.css +4 -0
  39. package/src/styles/buttons/button.css.map +1 -1
  40. package/src/styles/index.css +9 -3
  41. package/src/styles/index.css.map +1 -1
  42. package/src/styles/list/list.css +1 -1
  43. package/src/styles/utilities/_disabled.scss +5 -4
package/libs/components/icons/icon.d.cts CHANGED
@@ -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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
155
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill">): React.JSX.Element;
165
+ ({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size">): 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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
174
+ ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
183
+ ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
184
184
  displayName: string;
185
185
  };
186
186
  ArrowUp: {
187
- ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
187
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
198
+ ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
207
+ ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
217
+ ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
227
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
236
+ ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
247
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
248
248
  displayName: string;
249
249
  };
250
250
  InfoSolid: {
251
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
251
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
252
252
  displayName: string;
253
253
  };
254
254
  AlertSolid: {
255
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
255
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
256
256
  displayName: string;
257
257
  };
258
258
  Left: {
259
- ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
259
+ ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
269
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
276
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
287
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
298
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
309
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
320
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
327
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
338
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
349
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
357
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
383
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
394
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
403
+ ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
421
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
422
422
  displayName: string;
423
423
  };
424
424
  WarnSolid: {
425
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
425
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
426
426
  displayName: string;
427
427
  };
428
428
  SuccessSolid: {
429
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
429
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
430
430
  displayName: string;
431
431
  };
432
432
  AlertSquareSolid: {
433
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
433
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
434
434
  displayName: string;
435
435
  };
436
436
  Close: {
437
- ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
437
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
438
438
  displayName: string;
439
439
  styles: {
440
440
  fill: string;
package/libs/components/icons/icon.d.ts CHANGED
@@ -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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
155
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill">): React.JSX.Element;
165
+ ({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size">): 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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
174
+ ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
183
+ ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
184
184
  displayName: string;
185
185
  };
186
186
  ArrowUp: {
187
- ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
187
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
198
+ ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
207
+ ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
217
+ ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
227
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
236
+ ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
247
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
248
248
  displayName: string;
249
249
  };
250
250
  InfoSolid: {
251
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
251
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
252
252
  displayName: string;
253
253
  };
254
254
  AlertSolid: {
255
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
255
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
256
256
  displayName: string;
257
257
  };
258
258
  Left: {
259
- ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
259
+ ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
269
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
276
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
287
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
298
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
309
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
320
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
327
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
338
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
349
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
357
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
383
+ ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
394
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
403
+ ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
421
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
422
422
  displayName: string;
423
423
  };
424
424
  WarnSolid: {
425
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
425
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
426
426
  displayName: string;
427
427
  };
428
428
  SuccessSolid: {
429
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
429
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
430
430
  displayName: string;
431
431
  };
432
432
  AlertSquareSolid: {
433
- ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
433
+ ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
434
434
  displayName: string;
435
435
  };
436
436
  Close: {
437
- ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
437
+ ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
438
438
  displayName: string;
439
439
  styles: {
440
440
  fill: string;
package/libs/components/list/list.css CHANGED
@@ -1 +1 @@
1
- ul,ol,dl{--list-margin-top: 0;--list-margin-bottom: 1rem;--list-margin-inline: 0;--list-padding-inline: 2.5rem;--list-gap: 0.5rem;--list-marker-color: currentColor;--list-marker-size: 1em;--list-marker-offset: 0.5rem;--list-font-size: 1rem;--list-line-height: 1.5;--list-font-family: inherit;--list-color: inherit;--list-item-margin-bottom: 0.5rem;--list-item-padding-inline: 0;--list-item-padding-block: 0;--dt-font-weight: 600;--dt-margin-bottom: 0.25rem;--dd-margin-inline-start: 2rem;--dd-margin-bottom: 1rem}ul,ol,dl{margin-block-start:var(--list-margin-top);margin-block-end:var(--list-margin-bottom);margin-inline:var(--list-margin-inline);padding-inline-start:var(--list-padding-inline);font-size:var(--list-font-size);line-height:var(--list-line-height);font-family:var(--list-font-family);color:var(--list-color)}ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{margin-block-start:var(--list-gap);margin-block-end:var(--list-gap)}ul{list-style-type:disc}ul::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol{list-style-type:decimal}ol::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}li{margin-block-end:var(--list-item-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block);padding-inline-start:var(--list-marker-offset)}li:last-child{margin-block-end:0}dl{padding-inline-start:0}dt{font-weight:var(--dt-font-weight);margin-block-end:var(--dt-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd{margin-inline-start:var(--dd-margin-inline-start);margin-block-end:var(--dd-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd:last-child{margin-block-end:0}ul[data-variant=none],ol[data-variant=none],dl[data-variant=none]{list-style-type:none;padding-inline-start:0}ul[data-variant=none] li,ol[data-variant=none] li,dl[data-variant=none] li{padding-inline-start:0}ul[data-variant=inline],ol[data-variant=inline],dl[data-variant=inline]{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--list-gap);padding-inline-start:0;list-style-type:none}ul[data-variant=inline] li,ol[data-variant=inline] li,dl[data-variant=inline] li{padding-inline-start:0;margin-block-end:0}ul[data-variant=custom],ol[data-variant=custom],dl[data-variant=custom]{list-style-type:none;padding-inline-start:0}ul[data-variant=custom] li,ol[data-variant=custom] li,dl[data-variant=custom] li{position:relative;padding-inline-start:calc(var(--list-marker-size) + var(--list-marker-offset))}ul[data-variant=custom] li::before,ol[data-variant=custom] li::before,dl[data-variant=custom] li::before{content:var(--list-marker-content, "•");color:var(--list-marker-color);font-size:var(--list-marker-size);position:absolute;left:0}ul[data-variant=compact],ol[data-variant=compact],dl[data-variant=compact]{--list-gap: 0.25rem;--list-item-margin-bottom: 0.25rem;--list-margin-bottom: 0.5rem}ul[data-variant=spaced],ol[data-variant=spaced],dl[data-variant=spaced]{--list-gap: 1rem;--list-item-margin-bottom: 1rem}li:has(a:focus-visible),li:has(button:focus-visible){outline:.0625rem solid rgba(0,0,0,0)}li:has(>a),li:has(>button){margin-block-end:0}@media print{ul,ol,dl{--list-margin-bottom: 0.5rem;--list-item-margin-bottom: 0.25rem}ul,ol{list-style-position:inside}}@media(prefers-reduced-motion: reduce){ul,ol,dl,li,dt,dd{animation:none;transition:none}}/*# sourceMappingURL=list.css.map */
1
+ ul,ol,dl{--list-margin-top: 0;--list-margin-bottom: 1rem;--list-margin-inline: 0;--list-padding-inline: 0.5rem;--list-gap: 0.5rem;--list-marker-color: currentColor;--list-marker-size: 1em;--list-marker-offset: 0.5rem;--list-font-size: 1rem;--list-line-height: 1.5;--list-font-family: inherit;--list-color: inherit;--list-item-margin-bottom: 0.5rem;--list-item-padding-inline: 0;--list-item-padding-block: 0;--dt-font-weight: 600;--dt-margin-bottom: 0.25rem;--dd-margin-inline-start: 2rem;--dd-margin-bottom: 1rem}ul,ol,dl{margin-block-start:var(--list-margin-top);margin-block-end:var(--list-margin-bottom);margin-inline:var(--list-margin-inline);padding-inline-start:var(--list-padding-inline);font-size:var(--list-font-size);line-height:var(--list-line-height);font-family:var(--list-font-family);color:var(--list-color)}ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{margin-block-start:var(--list-gap);margin-block-end:var(--list-gap)}ul{list-style-type:disc}ul::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol{list-style-type:decimal}ol::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}li{margin-block-end:var(--list-item-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block);padding-inline-start:var(--list-marker-offset)}li:last-child{margin-block-end:0}dl{padding-inline-start:0}dt{font-weight:var(--dt-font-weight);margin-block-end:var(--dt-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd{margin-inline-start:var(--dd-margin-inline-start);margin-block-end:var(--dd-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd:last-child{margin-block-end:0}ul[data-variant=none],ol[data-variant=none],dl[data-variant=none]{list-style-type:none;padding-inline-start:0}ul[data-variant=none] li,ol[data-variant=none] li,dl[data-variant=none] li{padding-inline-start:0}ul[data-variant=inline],ol[data-variant=inline],dl[data-variant=inline]{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--list-gap);padding-inline-start:0;list-style-type:none}ul[data-variant=inline] li,ol[data-variant=inline] li,dl[data-variant=inline] li{padding-inline-start:0;margin-block-end:0}ul[data-variant=custom],ol[data-variant=custom],dl[data-variant=custom]{list-style-type:none;padding-inline-start:0}ul[data-variant=custom] li,ol[data-variant=custom] li,dl[data-variant=custom] li{position:relative;padding-inline-start:calc(var(--list-marker-size) + var(--list-marker-offset))}ul[data-variant=custom] li::before,ol[data-variant=custom] li::before,dl[data-variant=custom] li::before{content:var(--list-marker-content, "•");color:var(--list-marker-color);font-size:var(--list-marker-size);position:absolute;left:0}ul[data-variant=compact],ol[data-variant=compact],dl[data-variant=compact]{--list-gap: 0.25rem;--list-item-margin-bottom: 0.25rem;--list-margin-bottom: 0.5rem}ul[data-variant=spaced],ol[data-variant=spaced],dl[data-variant=spaced]{--list-gap: 1rem;--list-item-margin-bottom: 1rem}li:has(a:focus-visible),li:has(button:focus-visible){outline:.0625rem solid rgba(0,0,0,0)}li:has(>a),li:has(>button){margin-block-end:0}@media print{ul,ol,dl{--list-margin-bottom: 0.5rem;--list-item-margin-bottom: 0.25rem}ul,ol{list-style-position:inside}}@media(prefers-reduced-motion: reduce){ul,ol,dl,li,dt,dd{animation:none;transition:none}}/*# sourceMappingURL=list.css.map */
package/libs/components/list/list.min.css CHANGED
@@ -1,3 +1,3 @@
1
- ul,ol,dl{--list-margin-top: 0;--list-margin-bottom: 1rem;--list-margin-inline: 0;--list-padding-inline: 2.5rem;--list-gap: 0.5rem;--list-marker-color: currentColor;--list-marker-size: 1em;--list-marker-offset: 0.5rem;--list-font-size: 1rem;--list-line-height: 1.5;--list-font-family: inherit;--list-color: inherit;--list-item-margin-bottom: 0.5rem;--list-item-padding-inline: 0;--list-item-padding-block: 0;--dt-font-weight: 600;--dt-margin-bottom: 0.25rem;--dd-margin-inline-start: 2rem;--dd-margin-bottom: 1rem}ul,ol,dl{margin-block-start:var(--list-margin-top);margin-block-end:var(--list-margin-bottom);margin-inline:var(--list-margin-inline);padding-inline-start:var(--list-padding-inline);font-size:var(--list-font-size);line-height:var(--list-line-height);font-family:var(--list-font-family);color:var(--list-color)}ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{margin-block-start:var(--list-gap);margin-block-end:var(--list-gap)}ul{list-style-type:disc}ul::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol{list-style-type:decimal}ol::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}li{margin-block-end:var(--list-item-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block);padding-inline-start:var(--list-marker-offset)}li:last-child{margin-block-end:0}dl{padding-inline-start:0}dt{font-weight:var(--dt-font-weight);margin-block-end:var(--dt-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd{margin-inline-start:var(--dd-margin-inline-start);margin-block-end:var(--dd-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd:last-child{margin-block-end:0}ul[data-variant=none],ol[data-variant=none],dl[data-variant=none]{list-style-type:none;padding-inline-start:0}ul[data-variant=none] li,ol[data-variant=none] li,dl[data-variant=none] li{padding-inline-start:0}ul[data-variant=inline],ol[data-variant=inline],dl[data-variant=inline]{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--list-gap);padding-inline-start:0;list-style-type:none}ul[data-variant=inline] li,ol[data-variant=inline] li,dl[data-variant=inline] li{padding-inline-start:0;margin-block-end:0}ul[data-variant=custom],ol[data-variant=custom],dl[data-variant=custom]{list-style-type:none;padding-inline-start:0}ul[data-variant=custom] li,ol[data-variant=custom] li,dl[data-variant=custom] li{position:relative;padding-inline-start:calc(var(--list-marker-size) + var(--list-marker-offset))}ul[data-variant=custom] li::before,ol[data-variant=custom] li::before,dl[data-variant=custom] li::before{content:var(--list-marker-content, "•");color:var(--list-marker-color);font-size:var(--list-marker-size);position:absolute;left:0}ul[data-variant=compact],ol[data-variant=compact],dl[data-variant=compact]{--list-gap: 0.25rem;--list-item-margin-bottom: 0.25rem;--list-margin-bottom: 0.5rem}ul[data-variant=spaced],ol[data-variant=spaced],dl[data-variant=spaced]{--list-gap: 1rem;--list-item-margin-bottom: 1rem}li:has(a:focus-visible),li:has(button:focus-visible){outline:.0625rem solid rgba(0,0,0,0)}li:has(>a),li:has(>button){margin-block-end:0}@media print{ul,ol,dl{--list-margin-bottom: 0.5rem;--list-item-margin-bottom: 0.25rem}ul,ol{list-style-position:inside}}@media(prefers-reduced-motion: reduce){ul,ol,dl,li,dt,dd{animation:none;transition:none}}
1
+ ul,ol,dl{--list-margin-top: 0;--list-margin-bottom: 1rem;--list-margin-inline: 0;--list-padding-inline: 0.5rem;--list-gap: 0.5rem;--list-marker-color: currentColor;--list-marker-size: 1em;--list-marker-offset: 0.5rem;--list-font-size: 1rem;--list-line-height: 1.5;--list-font-family: inherit;--list-color: inherit;--list-item-margin-bottom: 0.5rem;--list-item-padding-inline: 0;--list-item-padding-block: 0;--dt-font-weight: 600;--dt-margin-bottom: 0.25rem;--dd-margin-inline-start: 2rem;--dd-margin-bottom: 1rem}ul,ol,dl{margin-block-start:var(--list-margin-top);margin-block-end:var(--list-margin-bottom);margin-inline:var(--list-margin-inline);padding-inline-start:var(--list-padding-inline);font-size:var(--list-font-size);line-height:var(--list-line-height);font-family:var(--list-font-family);color:var(--list-color)}ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{margin-block-start:var(--list-gap);margin-block-end:var(--list-gap)}ul{list-style-type:disc}ul::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol{list-style-type:decimal}ol::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}li{margin-block-end:var(--list-item-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block);padding-inline-start:var(--list-marker-offset)}li:last-child{margin-block-end:0}dl{padding-inline-start:0}dt{font-weight:var(--dt-font-weight);margin-block-end:var(--dt-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd{margin-inline-start:var(--dd-margin-inline-start);margin-block-end:var(--dd-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd:last-child{margin-block-end:0}ul[data-variant=none],ol[data-variant=none],dl[data-variant=none]{list-style-type:none;padding-inline-start:0}ul[data-variant=none] li,ol[data-variant=none] li,dl[data-variant=none] li{padding-inline-start:0}ul[data-variant=inline],ol[data-variant=inline],dl[data-variant=inline]{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--list-gap);padding-inline-start:0;list-style-type:none}ul[data-variant=inline] li,ol[data-variant=inline] li,dl[data-variant=inline] li{padding-inline-start:0;margin-block-end:0}ul[data-variant=custom],ol[data-variant=custom],dl[data-variant=custom]{list-style-type:none;padding-inline-start:0}ul[data-variant=custom] li,ol[data-variant=custom] li,dl[data-variant=custom] li{position:relative;padding-inline-start:calc(var(--list-marker-size) + var(--list-marker-offset))}ul[data-variant=custom] li::before,ol[data-variant=custom] li::before,dl[data-variant=custom] li::before{content:var(--list-marker-content, "•");color:var(--list-marker-color);font-size:var(--list-marker-size);position:absolute;left:0}ul[data-variant=compact],ol[data-variant=compact],dl[data-variant=compact]{--list-gap: 0.25rem;--list-item-margin-bottom: 0.25rem;--list-margin-bottom: 0.5rem}ul[data-variant=spaced],ol[data-variant=spaced],dl[data-variant=spaced]{--list-gap: 1rem;--list-item-margin-bottom: 1rem}li:has(a:focus-visible),li:has(button:focus-visible){outline:.0625rem solid rgba(0,0,0,0)}li:has(>a),li:has(>button){margin-block-end:0}@media print{ul,ol,dl{--list-margin-bottom: 0.5rem;--list-item-margin-bottom: 0.25rem}ul,ol{list-style-position:inside}}@media(prefers-reduced-motion: reduce){ul,ol,dl,li,dt,dd{animation:none;transition:none}}
2
2
 
3
3
  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QuY3NzIiwiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbGlzdC9saXN0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsU0NhQSxvQkFJRSxDQUFBLDBCQUNBLENBQUEsdUJBQ0EsQ0FBQSw2QkFDQSxDQUFBLGtCQUNBLENBQUEsaUNBR0EsQ0FBQSx1QkFDQSxDQUFBLDRCQUNBLENBQUEsc0JBR0EsQ0FBQSx1QkFDQSxDQUFBLDJCQUNBLENBQUEscUJBQ0EsQ0FBQSxpQ0FHQSxDQUFBLDZCQUNBLENBQUEsNEJBQ0EsQ0FBQSxxQkFHQSxDQUFBLDJCQUNBLENBQUEsOEJBQ0EsQ0FBQSx3QkFDQSxDQUFBLFNBT0YseUNBR0UsQ0FBQSwwQ0FDQSxDQUFBLHVDQUNBLENBQUEsK0NBQ0EsQ0FBQSwrQkFDQSxDQUFBLG1DQUNBLENBQUEsbUNBQ0EsQ0FBQSx1QkFDQSxDQUFBLHNEQUdBLGtDQUdFLENBQUEsZ0NBQ0EsQ0FBQSxHQVFKLG9CQUNFLENBQUEsV0FHQSw4QkFDRSxDQUFBLGlDQUNBLENBQUEsTUFJRixzQkFDRSxDQUFBLFNBRUEsc0JBQ0UsQ0FBQSxHQVNOLHVCQUNFLENBQUEsV0FHQSw4QkFDRSxDQUFBLGlDQUNBLENBQUEsTUFJRiwyQkFDRSxDQUFBLFNBRUEsMkJBQ0UsQ0FBQSxHQVNOLCtDQUNFLENBQUEsOENBQ0EsQ0FBQSw0Q0FDQSxDQUFBLDhDQVFBLENBQUEsY0FMQSxrQkFDRSxDQUFBLEdBV0osc0JBQ0UsQ0FBQSxHQUlGLGlDQUNFLENBQUEsd0NBQ0EsQ0FBQSw4Q0FDQSxDQUFBLDRDQUNBLENBQUEsR0FJRixpREFDRSxDQUFBLHdDQUNBLENBQUEsOENBQ0EsQ0FBQSw0Q0FDQSxDQUFBLGNBRUEsa0JBQ0UsQ0FBQSxrRUFZRixvQkFDRSxDQUFBLHNCQUNBLENBQUEsMkVBRUEsc0JBQ0UsQ0FBQSx3RUFLSixZQUNFLENBQUEsa0JBQ0EsQ0FBQSxjQUNBLENBQUEsbUJBQ0EsQ0FBQSxzQkFDQSxDQUFBLG9CQUNBLENBQUEsaUZBRUEsc0JBQ0UsQ0FBQSxrQkFDQSxDQUFBLHdFQUtKLG9CQUNFLENBQUEsc0JBQ0EsQ0FBQSxpRkFFQSxpQkFDRSxDQUFBLDhFQUNBLENBQUEseUdBS0EsdUNBQ0UsQ0FBQSw4QkFDQSxDQUFBLGlDQUNBLENBQUEsaUJBQ0EsQ0FBQSxNQUNBLENBQUEsMkVBTU4sbUJBQ0UsQ0FBQSxrQ0FDQSxDQUFBLDRCQUNBLENBQUEsd0VBSUYsZ0JBQ0UsQ0FBQSwrQkFDQSxDQUFBLHFEQVNKLG9DQUdFLENBQUEsMkJBSUYsa0JBR0UsQ0FBQSxhQU9GLFNBQ0UsNEJBSUUsQ0FBQSxrQ0FDQSxDQUFBLE1BSUYsMEJBRUUsQ0FBQSxDQUFBLHVDQVFKLGtCQUVFLGNBTUUsQ0FBQSxlQUNBLENBQUEiLCJmaWxlIjoibGlzdC5taW4uY3NzIn0= */