@fpkit/acss 0.5.11 → 0.5.13
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/README.md +514 -18
- package/libs/chunk-23ANBDCR.js +8 -0
- package/libs/chunk-23ANBDCR.js.map +1 -0
- package/libs/chunk-2LTJ7HHX.cjs +18 -0
- package/libs/chunk-2LTJ7HHX.cjs.map +1 -0
- package/libs/chunk-2Y7W75TT.js +9 -0
- package/libs/chunk-2Y7W75TT.js.map +1 -0
- package/libs/chunk-3MKLDCKQ.cjs +31 -0
- package/libs/chunk-3MKLDCKQ.cjs.map +1 -0
- package/libs/chunk-5M57K4SW.js +8 -0
- package/libs/chunk-5M57K4SW.js.map +1 -0
- package/libs/chunk-5S4ORA4C.cjs +15 -0
- package/libs/chunk-5S4ORA4C.cjs.map +1 -0
- package/libs/chunk-772NRB75.js +9 -0
- package/libs/chunk-772NRB75.js.map +1 -0
- package/libs/chunk-AHDJGCG5.cjs +15 -0
- package/libs/chunk-AHDJGCG5.cjs.map +1 -0
- package/libs/chunk-B7F5FS6D.cjs +16 -0
- package/libs/chunk-B7F5FS6D.cjs.map +1 -0
- package/libs/chunk-BHRQBJRY.js +8 -0
- package/libs/chunk-BHRQBJRY.js.map +1 -0
- package/libs/chunk-D4YLRWAO.cjs +18 -0
- package/libs/chunk-D4YLRWAO.cjs.map +1 -0
- package/libs/chunk-ETFLFC2S.js +10 -0
- package/libs/chunk-ETFLFC2S.js.map +1 -0
- package/libs/chunk-G55UJ53G.cjs +16 -0
- package/libs/chunk-G55UJ53G.cjs.map +1 -0
- package/libs/chunk-GZ4QFPRY.js +9 -0
- package/libs/chunk-GZ4QFPRY.js.map +1 -0
- package/libs/chunk-IYUN2EW3.cjs +15 -0
- package/libs/chunk-IYUN2EW3.cjs.map +1 -0
- package/libs/chunk-J32EZPYD.cjs +15 -0
- package/libs/chunk-J32EZPYD.cjs.map +1 -0
- package/libs/chunk-JJ43O4Y5.js +8 -0
- package/libs/chunk-JJ43O4Y5.js.map +1 -0
- package/libs/chunk-KUKIVRC2.js +7 -0
- package/libs/chunk-KUKIVRC2.js.map +1 -0
- package/libs/chunk-L75OQKEI.cjs +13 -0
- package/libs/chunk-L75OQKEI.cjs.map +1 -0
- package/libs/chunk-LT5KZ2QW.cjs +22 -0
- package/libs/chunk-LT5KZ2QW.cjs.map +1 -0
- package/libs/chunk-M5RRNTVX.cjs +15 -0
- package/libs/chunk-M5RRNTVX.cjs.map +1 -0
- package/libs/chunk-NGTJDDFO.js +8 -0
- package/libs/chunk-NGTJDDFO.js.map +1 -0
- package/libs/chunk-OK5QEIMD.cjs +17 -0
- package/libs/chunk-OK5QEIMD.cjs.map +1 -0
- package/libs/chunk-P2DC76ZZ.cjs +18 -0
- package/libs/chunk-P2DC76ZZ.cjs.map +1 -0
- package/libs/chunk-P7TTEYCD.js +7 -0
- package/libs/chunk-P7TTEYCD.js.map +1 -0
- package/libs/chunk-PQ2K3BM6.cjs +17 -0
- package/libs/chunk-PQ2K3BM6.cjs.map +1 -0
- package/libs/chunk-QLZWHAMK.js +8 -0
- package/libs/chunk-QLZWHAMK.js.map +1 -0
- package/libs/chunk-RIVUMPOG.js +8 -0
- package/libs/chunk-RIVUMPOG.js.map +1 -0
- package/libs/chunk-ROZI23GS.cjs +15 -0
- package/libs/chunk-ROZI23GS.cjs.map +1 -0
- package/libs/chunk-S7BABR7Z.cjs +13 -0
- package/libs/chunk-S7BABR7Z.cjs.map +1 -0
- package/libs/chunk-SMYRLO3E.js +8 -0
- package/libs/chunk-SMYRLO3E.js.map +1 -0
- package/libs/chunk-TYRCEX2L.js +8 -0
- package/libs/chunk-TYRCEX2L.js.map +1 -0
- package/libs/chunk-VUH3FXGJ.js +11 -0
- package/libs/chunk-VUH3FXGJ.js.map +1 -0
- package/libs/chunk-XBA562WW.js +8 -0
- package/libs/chunk-XBA562WW.js.map +1 -0
- package/libs/chunk-XTQKWY7W.cjs +32 -0
- package/libs/chunk-XTQKWY7W.cjs.map +1 -0
- package/libs/chunk-ZANSFMTD.js +9 -0
- package/libs/chunk-ZANSFMTD.js.map +1 -0
- package/libs/component-props-a8a2f97e.d.ts +38 -0
- 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.cjs +24 -0
- package/libs/components/breadcrumbs/breadcrumb.cjs.map +1 -0
- package/libs/components/breadcrumbs/breadcrumb.d.cts +290 -0
- package/libs/components/breadcrumbs/breadcrumb.d.ts +290 -0
- package/libs/components/breadcrumbs/breadcrumb.js +5 -0
- package/libs/components/breadcrumbs/breadcrumb.js.map +1 -0
- package/libs/components/button.cjs +19 -0
- package/libs/components/button.cjs.map +1 -0
- package/libs/components/button.d.cts +16 -0
- package/libs/components/button.d.ts +16 -0
- package/libs/components/button.js +4 -0
- package/libs/components/button.js.map +1 -0
- 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/card.cjs +31 -0
- package/libs/components/card.cjs.map +1 -0
- package/libs/components/card.d.cts +302 -0
- package/libs/components/card.d.ts +302 -0
- package/libs/components/card.js +4 -0
- package/libs/components/card.js.map +1 -0
- 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.cjs +22 -0
- package/libs/components/dialog/dialog.cjs.map +1 -0
- package/libs/components/dialog/dialog.css +1 -1
- package/libs/components/dialog/dialog.css.map +1 -1
- package/libs/components/dialog/dialog.d.cts +105 -0
- package/libs/components/dialog/dialog.d.ts +105 -0
- package/libs/components/dialog/dialog.js +7 -0
- package/libs/components/dialog/dialog.js.map +1 -0
- package/libs/components/dialog/dialog.min.css +2 -2
- package/libs/components/form/fields.cjs +19 -0
- package/libs/components/form/fields.cjs.map +1 -0
- package/libs/components/form/fields.d.cts +24 -0
- package/libs/components/form/fields.d.ts +24 -0
- package/libs/components/form/fields.js +4 -0
- package/libs/components/form/fields.js.map +1 -0
- package/libs/components/form/inputs.cjs +19 -0
- package/libs/components/form/inputs.cjs.map +1 -0
- package/libs/components/form/inputs.d.cts +2 -0
- package/libs/components/form/inputs.d.ts +2 -0
- package/libs/components/form/inputs.js +4 -0
- package/libs/components/form/inputs.js.map +1 -0
- package/libs/components/form/textarea.cjs +19 -0
- package/libs/components/form/textarea.cjs.map +1 -0
- package/libs/components/form/textarea.d.cts +29 -0
- package/libs/components/form/textarea.d.ts +29 -0
- package/libs/components/form/textarea.js +4 -0
- package/libs/components/form/textarea.js.map +1 -0
- package/libs/components/heading/heading.cjs +10 -0
- package/libs/components/heading/heading.cjs.map +1 -0
- package/libs/components/heading/heading.d.cts +3 -0
- package/libs/components/heading/heading.d.ts +3 -0
- package/libs/components/heading/heading.js +4 -0
- package/libs/components/heading/heading.js.map +1 -0
- package/libs/components/icons/icon.cjs +19 -0
- package/libs/components/icons/icon.cjs.map +1 -0
- package/libs/{icons-31ace3de.d.ts → components/icons/icon.d.cts} +151 -61
- package/libs/components/icons/icon.d.ts +445 -0
- package/libs/components/icons/icon.js +4 -0
- package/libs/components/icons/icon.js.map +1 -0
- 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/link/link.cjs +19 -0
- package/libs/components/link/link.cjs.map +1 -0
- package/libs/components/link/link.d.cts +19 -0
- package/libs/components/link/link.d.ts +19 -0
- package/libs/components/link/link.js +4 -0
- package/libs/components/link/link.js.map +1 -0
- package/libs/components/list/list.cjs +23 -0
- package/libs/components/list/list.cjs.map +1 -0
- package/libs/components/list/list.d.cts +39 -0
- package/libs/components/list/list.d.ts +39 -0
- package/libs/components/list/list.js +4 -0
- package/libs/components/list/list.js.map +1 -0
- package/libs/components/modal.cjs +14 -0
- package/libs/components/modal.cjs.map +1 -0
- package/libs/components/modal.d.cts +35 -0
- package/libs/components/modal.d.ts +35 -0
- package/libs/components/modal.js +5 -0
- package/libs/components/modal.js.map +1 -0
- package/libs/components/nav/nav.cjs +28 -0
- package/libs/components/nav/nav.cjs.map +1 -0
- package/libs/components/nav/nav.d.cts +44 -0
- package/libs/components/nav/nav.d.ts +44 -0
- package/libs/components/nav/nav.js +5 -0
- package/libs/components/nav/nav.js.map +1 -0
- package/libs/components/popover/popover.cjs +23 -0
- package/libs/components/popover/popover.cjs.map +1 -0
- package/libs/components/popover/popover.d.cts +40 -0
- package/libs/components/popover/popover.d.ts +40 -0
- package/libs/components/popover/popover.js +4 -0
- package/libs/components/popover/popover.js.map +1 -0
- package/libs/components/tables/table.cjs +21 -0
- package/libs/components/tables/table.cjs.map +1 -0
- package/libs/components/tables/table.d.cts +36 -0
- package/libs/components/tables/table.d.ts +36 -0
- package/libs/components/tables/table.js +4 -0
- package/libs/components/tables/table.js.map +1 -0
- package/libs/components/text/text.cjs +23 -0
- package/libs/components/text/text.cjs.map +1 -0
- package/libs/components/text/text.d.cts +30 -0
- package/libs/components/text/text.d.ts +30 -0
- package/libs/components/text/text.js +4 -0
- package/libs/components/text/text.js.map +1 -0
- package/libs/heading-3648c538.d.ts +250 -0
- package/libs/hooks.cjs +7 -0
- package/libs/hooks.d.cts +5 -0
- package/libs/hooks.d.ts +5 -0
- package/libs/hooks.js +3 -0
- package/libs/icons.cjs +3 -2
- package/libs/icons.d.cts +3 -1
- package/libs/icons.d.ts +3 -1
- package/libs/icons.js +2 -1
- package/libs/index.cjs +174 -62
- package/libs/index.cjs.map +1 -1
- package/libs/index.css +1 -1
- package/libs/index.css.map +1 -1
- package/libs/index.d.cts +529 -446
- package/libs/index.d.ts +529 -446
- package/libs/index.js +36 -7
- package/libs/index.js.map +1 -1
- package/libs/inputs-f3a216db.d.ts +45 -0
- package/libs/ui-645f95b5.d.ts +285 -0
- package/package.json +2 -2
- package/src/components/README-UI.mdx +416 -0
- package/src/components/alert/ACCESSIBILITY.md +319 -0
- package/src/components/alert/README.mdx +475 -19
- package/src/components/alert/alert.scss +113 -6
- package/src/components/alert/alert.stories.tsx +372 -0
- package/src/components/alert/alert.test.tsx +762 -0
- package/src/components/alert/alert.tsx +331 -66
- package/src/components/alert/views/alert-actions.tsx +13 -0
- package/src/components/alert/views/alert-content.tsx +17 -0
- package/src/components/alert/views/alert-icon.tsx +53 -0
- package/src/components/alert/views/alert-screen-reader-text.tsx +30 -0
- package/src/components/alert/views/alert-title.tsx +23 -0
- package/src/components/alert/views/alert-view.tsx +158 -0
- package/src/components/alert/views/index.ts +12 -0
- package/src/components/badge/badge.mdx +186 -49
- package/src/components/badge/badge.scss +20 -2
- package/src/components/badge/badge.stories.tsx +160 -14
- package/src/components/badge/badge.test.tsx +179 -0
- package/src/components/badge/badge.tsx +97 -4
- package/src/components/breadcrumbs/README.mdx +364 -45
- package/src/components/breadcrumbs/__snapshots__/breadcrumb.test.tsx.snap +152 -0
- package/src/components/breadcrumbs/breadcrumb.stories.tsx +7 -3
- package/src/components/breadcrumbs/breadcrumb.test.tsx +490 -0
- package/src/components/breadcrumbs/breadcrumb.tsx +427 -170
- package/src/components/button.ts +2 -0
- package/src/components/buttons/button.scss +34 -31
- package/src/components/buttons/button.stories.tsx +35 -0
- package/src/components/card.ts +2 -0
- package/src/components/cards/README.mdx +657 -0
- package/src/components/cards/card.scss +22 -0
- package/src/components/cards/card.stories.tsx +167 -5
- package/src/components/cards/card.test.tsx +360 -20
- package/src/components/cards/card.tsx +200 -79
- package/src/components/cards/card.types.ts +135 -0
- package/src/components/cards/card.utils.ts +79 -0
- package/src/components/details/ACCESSIBILITY-REVIEW-LIVE.md +1050 -0
- package/src/components/details/ACCESSIBILITY-REVIEW.md +502 -0
- package/src/components/details/README.mdx +437 -69
- package/src/components/details/details.scss +16 -0
- package/src/components/details/details.test.tsx +385 -0
- package/src/components/details/details.tsx +101 -69
- package/src/components/details/details.types.ts +76 -0
- package/src/components/dialog/README.mdx +513 -110
- package/src/components/dialog/dialog-modal.tsx +79 -56
- package/src/components/dialog/dialog.scss +53 -3
- package/src/components/dialog/dialog.stories.tsx +10 -7
- package/src/components/dialog/dialog.test.tsx +450 -0
- package/src/components/dialog/dialog.tsx +69 -59
- package/src/components/dialog/dialog.types.ts +133 -0
- package/src/components/dialog/views/dialog-footer.tsx +54 -11
- package/src/components/dialog/views/dialog-header.tsx +20 -15
- package/src/components/heading/heading.stories.tsx +44 -4
- package/src/components/heading/heading.tsx +89 -23
- package/src/components/icons/README.mdx +332 -0
- package/src/components/icons/icon.stories.tsx +74 -1
- package/src/components/icons/icon.tsx +89 -1
- package/src/components/icons/types.ts +47 -0
- package/src/components/images/README.mdx +340 -24
- package/src/components/images/img.scss +19 -3
- package/src/components/images/img.stories.tsx +424 -15
- package/src/components/images/img.test.tsx +354 -25
- package/src/components/images/img.tsx +186 -63
- package/src/components/images/img.types.ts +211 -0
- package/src/components/modal.ts +1 -0
- package/src/components/title/MIGRATION.md +199 -0
- package/src/components/title/README.md +326 -0
- package/src/components/title/README.mdx +452 -0
- package/src/components/title/title.stories.tsx +393 -0
- package/src/components/title/title.test.tsx +251 -0
- package/src/components/title/title.tsx +219 -0
- package/src/components/ui.stories.tsx +894 -0
- package/src/components/ui.test.tsx +559 -0
- package/src/components/ui.tsx +266 -15
- package/src/components/word-count/README.md +240 -0
- package/src/hooks.ts +1 -0
- package/src/index.ts +51 -19
- package/src/sass/_properties.scss +1 -0
- package/src/styles/alert/alert.css +94 -4
- package/src/styles/alert/alert.css.map +1 -1
- package/src/styles/badge/badge.css +20 -2
- package/src/styles/badge/badge.css.map +1 -1
- package/src/styles/buttons/button.css +31 -31
- package/src/styles/buttons/button.css.map +1 -1
- package/src/styles/cards/card.css +16 -0
- package/src/styles/cards/card.css.map +1 -1
- package/src/styles/details/details.css +19 -0
- package/src/styles/details/details.css.map +1 -1
- package/src/styles/dialog/dialog.css +43 -2
- package/src/styles/dialog/dialog.css.map +1 -1
- package/src/styles/images/img.css +15 -3
- package/src/styles/images/img.css.map +1 -1
- package/src/styles/index.css +240 -43
- package/src/styles/index.css.map +1 -1
- package/src/test/setup.d.ts +9 -0
- package/src/test/setup.ts +53 -1
- package/libs/chunk-PWVRDQ3R.js +0 -8
- package/libs/chunk-PWVRDQ3R.js.map +0 -1
- package/libs/chunk-SVS4MX3U.cjs +0 -31
- package/libs/chunk-SVS4MX3U.cjs.map +0 -1
- package/src/components/cards/README.md +0 -80
- package/src/components/dialog/hooks/useClickOutside.ts +0 -33
package/src/styles/index.css
CHANGED
|
@@ -180,6 +180,7 @@ svg[role=img] {
|
|
|
180
180
|
--placeholder-style: italic;
|
|
181
181
|
--placeholder-fs: smaller;
|
|
182
182
|
--transition: all 0.25s linear;
|
|
183
|
+
--tran-all: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
183
184
|
--fs-0: clamp(.9rem, 4vw - 1rem, 1.12rem);
|
|
184
185
|
--fs-1: clamp(0.65rem, 1.3vw + 0.25rem, 0.75rem);
|
|
185
186
|
--fs-2: clamp(0.7rem, 2vw - 0.5rem, 0.875rem);
|
|
@@ -428,25 +429,21 @@ h6:has(span:first-of-type) > span {
|
|
|
428
429
|
}
|
|
429
430
|
|
|
430
431
|
button {
|
|
431
|
-
--btn-xs: 0.
|
|
432
|
-
--btn-sm: 0.
|
|
433
|
-
--btn-md: 0.
|
|
434
|
-
--btn-lg: 1.
|
|
432
|
+
--btn-xs: 0.6875rem;
|
|
433
|
+
--btn-sm: 0.8125rem;
|
|
434
|
+
--btn-md: 0.9375rem;
|
|
435
|
+
--btn-lg: 1.125rem;
|
|
435
436
|
--btn-pill: 100rem;
|
|
436
|
-
--btn-
|
|
437
|
-
--
|
|
438
|
-
--btn-fs: 0.9375rem;
|
|
437
|
+
--btn-fs: var(--btn-md);
|
|
438
|
+
--btn-height: calc(var(--btn-fs) * 2.25);
|
|
439
439
|
--btn-bg: lightgray;
|
|
440
440
|
--btn-width: max-content;
|
|
441
|
-
--btn-calc-height: var(--btn-height, calc(36rem / 16));
|
|
442
441
|
font-size: var(--btn-fs);
|
|
443
442
|
font-weight: var(--btn-fw, 500);
|
|
444
|
-
height: var(--btn-height
|
|
445
|
-
max-height: var(--btn-calc-height);
|
|
446
|
-
min-height: 0.8rem;
|
|
443
|
+
height: var(--btn-height);
|
|
447
444
|
place-items: var(--btn-place, center);
|
|
448
|
-
padding-inline: var(--btn-px, calc(var(--btn-fs)
|
|
449
|
-
padding-block: var(--btn-py, calc(var(--btn-fs)
|
|
445
|
+
padding-inline: var(--btn-px, calc(var(--btn-fs) * 1.5));
|
|
446
|
+
padding-block: var(--btn-py, calc(var(--btn-fs) * 0.5));
|
|
450
447
|
border: var(--btn-bdr, none);
|
|
451
448
|
border-radius: var(--btn-rds, 0.375rem);
|
|
452
449
|
text-decoration: var(--btn-deco, none);
|
|
@@ -455,7 +452,7 @@ button {
|
|
|
455
452
|
gap: var(--btn-gap, 0.2rem);
|
|
456
453
|
white-space: var(--btn-wspc, inherit);
|
|
457
454
|
margin: var(--btn-spc, 0);
|
|
458
|
-
transition: var(--tran-all);
|
|
455
|
+
transition: var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));
|
|
459
456
|
background-color: var(--btn-bg, var(--btn));
|
|
460
457
|
outline: none;
|
|
461
458
|
width: var(--btn-width);
|
|
@@ -478,14 +475,15 @@ button[disabled]:is(:hover, :focus), button[aria-disabled=true]:is(:hover, :focu
|
|
|
478
475
|
transform: none;
|
|
479
476
|
}
|
|
480
477
|
button:is(:hover, :focus) {
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
478
|
+
filter: var(--btn-hover-filter, brightness(0.85));
|
|
479
|
+
transform: var(--btn-hover-transform, scale(1.03));
|
|
480
|
+
outline: var(--btn-hover-outline, thin);
|
|
484
481
|
outline-offset: var(--line-offset, 1px);
|
|
485
482
|
}
|
|
486
483
|
button:is(:hover, :focus)[aria-disabled=true] {
|
|
487
484
|
transform: none;
|
|
488
485
|
opacity: var(--btn-opacity, 0.5);
|
|
486
|
+
filter: none;
|
|
489
487
|
}
|
|
490
488
|
button[type=reset] {
|
|
491
489
|
--btn-bg: transparent;
|
|
@@ -501,25 +499,25 @@ button[type=submit] {
|
|
|
501
499
|
button[data-fp-btn~=pill], button[data-btn~=pill], button[data-style~=pill] {
|
|
502
500
|
border-radius: var(--btn-pill, 100rem);
|
|
503
501
|
}
|
|
504
|
-
button[data-btn~=xs]
|
|
505
|
-
|
|
502
|
+
button[data-btn~=xs],
|
|
503
|
+
button .btn-xs {
|
|
506
504
|
--btn-fs: var(--btn-xs);
|
|
507
|
-
--btn-height: 0.5rem;
|
|
508
505
|
text-transform: uppercase;
|
|
509
506
|
}
|
|
510
|
-
button[data-btn~=sm]
|
|
507
|
+
button[data-btn~=sm],
|
|
508
|
+
button .btn-sm {
|
|
511
509
|
--btn-fs: var(--btn-sm);
|
|
512
|
-
--btn-height: 0.8rem;
|
|
513
510
|
}
|
|
514
|
-
button[data-btn~=md]
|
|
511
|
+
button[data-btn~=md],
|
|
512
|
+
button .btn-md {
|
|
515
513
|
--btn-fs: var(--btn-md);
|
|
516
|
-
--btn-height: 1.3rem;
|
|
517
514
|
}
|
|
518
|
-
button[data-btn~=lg]
|
|
515
|
+
button[data-btn~=lg],
|
|
516
|
+
button .btn-lg {
|
|
519
517
|
--btn-fs: var(--btn-lg);
|
|
520
|
-
--btn-height: 1.8rem;
|
|
521
518
|
}
|
|
522
|
-
button[data-btn~=icon]
|
|
519
|
+
button[data-btn~=icon],
|
|
520
|
+
button .btn-icon {
|
|
523
521
|
padding: unset;
|
|
524
522
|
height: unset;
|
|
525
523
|
--btn-bg: transparent;
|
|
@@ -530,7 +528,8 @@ button[data-btn~=icon] {
|
|
|
530
528
|
align-items: center;
|
|
531
529
|
justify-content: center;
|
|
532
530
|
}
|
|
533
|
-
button[data-btn~=text]
|
|
531
|
+
button[data-btn~=text],
|
|
532
|
+
button .btn-text {
|
|
534
533
|
--btn-bg: transparent;
|
|
535
534
|
--btn-cl: currentColor;
|
|
536
535
|
--btn-bdr: none;
|
|
@@ -539,10 +538,12 @@ button[data-btn~=text] {
|
|
|
539
538
|
--btn-py: 0.75rem;
|
|
540
539
|
--btn-px: 0.75rem;
|
|
541
540
|
}
|
|
542
|
-
button[data-btn~=text]:is(:hover, :focus)
|
|
543
|
-
|
|
544
|
-
|
|
541
|
+
button[data-btn~=text]:is(:hover, :focus),
|
|
542
|
+
button .btn-text:is(:hover, :focus) {
|
|
543
|
+
background-color: color-mix(in srgb, var(--btn-cl) 10%, transparent);
|
|
544
|
+
outline: 0.025rem solid var(--btn-cl);
|
|
545
545
|
outline-offset: 0;
|
|
546
|
+
filter: none;
|
|
546
547
|
}
|
|
547
548
|
|
|
548
549
|
p[role=note],
|
|
@@ -615,24 +616,36 @@ p[role=note] {
|
|
|
615
616
|
--border-radius: 0.5rem;
|
|
616
617
|
}
|
|
617
618
|
|
|
619
|
+
/**
|
|
620
|
+
* Image component styles
|
|
621
|
+
*
|
|
622
|
+
* Applies to all images with alt attribute (both decorative alt="" and semantic).
|
|
623
|
+
* Uses CSS custom properties for flexible theming and responsive behavior.
|
|
624
|
+
*/
|
|
618
625
|
img[alt] {
|
|
626
|
+
/* CSS Custom Properties - Override these for customization */
|
|
619
627
|
--img-max-width: 100%;
|
|
620
628
|
--img-height: auto;
|
|
621
629
|
--img-object-fit: cover;
|
|
622
630
|
--img-object-position: center;
|
|
623
631
|
--img-aspect-ratio: auto 2/3;
|
|
624
632
|
--img-display: inline-block;
|
|
633
|
+
/* Layout - Responsive by default */
|
|
625
634
|
max-width: var(--img-max-width);
|
|
626
|
-
max-inline-size: var(--img-max-width);
|
|
635
|
+
max-inline-size: var(--img-max-width); /* Logical property for i18n */
|
|
627
636
|
block-size: var(--img-height);
|
|
637
|
+
display: var(--img-display);
|
|
638
|
+
vertical-align: middle;
|
|
639
|
+
/* Object fitting for responsive images */
|
|
628
640
|
object-fit: var(--img-object-fit);
|
|
629
641
|
object-position: var(--img-object-position);
|
|
630
642
|
aspect-ratio: var(--img-aspect-ratio);
|
|
631
|
-
|
|
632
|
-
vertical-align: middle;
|
|
643
|
+
/* Accessibility - Italic font for broken image alt text */
|
|
633
644
|
font-style: italic;
|
|
645
|
+
/* Background for loading state */
|
|
634
646
|
background-size: cover;
|
|
635
647
|
background-repeat: no-repeat;
|
|
648
|
+
/* Shape margin for text wrapping */
|
|
636
649
|
shape-margin: var(--spc-3);
|
|
637
650
|
}
|
|
638
651
|
|
|
@@ -705,6 +718,22 @@ figure:has(img[alt]) > figcaption {
|
|
|
705
718
|
padding-block-start: calc(var(--card-p) - 0.5rem);
|
|
706
719
|
}
|
|
707
720
|
|
|
721
|
+
[data-card=interactive] {
|
|
722
|
+
cursor: pointer;
|
|
723
|
+
transition: box-shadow 0.2s ease, transform 0.2s ease;
|
|
724
|
+
}
|
|
725
|
+
[data-card=interactive]:hover {
|
|
726
|
+
transform: translateY(-2px);
|
|
727
|
+
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
|
|
728
|
+
}
|
|
729
|
+
[data-card=interactive]:focus-visible {
|
|
730
|
+
outline: 0.125rem solid var(--focus-color, #0066CC);
|
|
731
|
+
outline-offset: 0.125rem;
|
|
732
|
+
}
|
|
733
|
+
[data-card=interactive]:focus:not(:focus-visible) {
|
|
734
|
+
outline: none;
|
|
735
|
+
}
|
|
736
|
+
|
|
708
737
|
progress {
|
|
709
738
|
/* Revert all styles */
|
|
710
739
|
all: revert;
|
|
@@ -790,6 +819,12 @@ details {
|
|
|
790
819
|
max-height: var(--max-h-closed);
|
|
791
820
|
overflow: clip;
|
|
792
821
|
}
|
|
822
|
+
@starting-style {
|
|
823
|
+
details {
|
|
824
|
+
transition: var(--summary-transitions);
|
|
825
|
+
color: red;
|
|
826
|
+
}
|
|
827
|
+
}
|
|
793
828
|
details + details {
|
|
794
829
|
border-radius: 0;
|
|
795
830
|
border-top: none;
|
|
@@ -853,6 +888,19 @@ details[open] > summary {
|
|
|
853
888
|
details[open] > section {
|
|
854
889
|
max-height: var(--max-h-open);
|
|
855
890
|
}
|
|
891
|
+
@starting-style {
|
|
892
|
+
details[open] > section {
|
|
893
|
+
max-height: 0;
|
|
894
|
+
}
|
|
895
|
+
}
|
|
896
|
+
@supports (transition-behavior: allow-discrete) {
|
|
897
|
+
@starting-style {
|
|
898
|
+
details {
|
|
899
|
+
max-height: 0;
|
|
900
|
+
transition: var(--summary-transitions);
|
|
901
|
+
}
|
|
902
|
+
}
|
|
903
|
+
}
|
|
856
904
|
|
|
857
905
|
a[href] {
|
|
858
906
|
--link-decoration: none;
|
|
@@ -1110,8 +1158,23 @@ footer > div {
|
|
|
1110
1158
|
--dialog-button-hover-bg: whitesmoke;
|
|
1111
1159
|
--dialog-display: flex;
|
|
1112
1160
|
--dialog-flex-direction: column;
|
|
1161
|
+
/* Focus and accessibility */
|
|
1162
|
+
--dialog-focus-color: #0066cc;
|
|
1163
|
+
--dialog-focus-width: 0.125rem;
|
|
1164
|
+
--dialog-focus-offset: 0.125rem;
|
|
1165
|
+
--dialog-focus-outline: var(--dialog-focus-width) solid var(--dialog-focus-color);
|
|
1166
|
+
}
|
|
1167
|
+
|
|
1168
|
+
/* High contrast mode support */
|
|
1169
|
+
@media (prefers-contrast: high) {
|
|
1170
|
+
:root {
|
|
1171
|
+
--dialog-border-color: currentColor;
|
|
1172
|
+
--dialog-border-width: 0.125rem;
|
|
1173
|
+
--dialog-close-color: currentColor;
|
|
1174
|
+
--dialog-button-border: currentColor 0.125rem solid;
|
|
1175
|
+
--dialog-focus-width: 0.1875rem;
|
|
1176
|
+
}
|
|
1113
1177
|
}
|
|
1114
|
-
|
|
1115
1178
|
dialog {
|
|
1116
1179
|
width: var(--dialog-min-w);
|
|
1117
1180
|
min-width: var(--min-w);
|
|
@@ -1119,7 +1182,12 @@ dialog {
|
|
|
1119
1182
|
border: var(--dialog-border-color) var(--dialog-border-width) solid;
|
|
1120
1183
|
border-radius: var(--dialog-border-radius);
|
|
1121
1184
|
padding: var(--dialog-padding);
|
|
1122
|
-
padding-block-start:
|
|
1185
|
+
padding-block-start: var(--dialog-padding);
|
|
1186
|
+
/* Focus visible for keyboard navigation */
|
|
1187
|
+
}
|
|
1188
|
+
dialog:focus-visible {
|
|
1189
|
+
outline: var(--dialog-focus-outline);
|
|
1190
|
+
outline-offset: var(--dialog-focus-offset);
|
|
1123
1191
|
}
|
|
1124
1192
|
dialog[open] {
|
|
1125
1193
|
display: var(--dialog-display);
|
|
@@ -1154,11 +1222,22 @@ dialog section {
|
|
|
1154
1222
|
background-color: var(--dialog-button-bg);
|
|
1155
1223
|
border: var(--dialog-button-border);
|
|
1156
1224
|
cursor: pointer;
|
|
1225
|
+
/* Keyboard focus indicator */
|
|
1226
|
+
/* Remove default focus for mouse users */
|
|
1157
1227
|
}
|
|
1158
|
-
.dialog-header button[type=button]:hover
|
|
1228
|
+
.dialog-header button[type=button]:hover {
|
|
1159
1229
|
border-color: var(--dialog-close-color);
|
|
1160
1230
|
background-color: var(--dialog-button-hover-bg);
|
|
1161
1231
|
}
|
|
1232
|
+
.dialog-header button[type=button]:focus-visible {
|
|
1233
|
+
outline: var(--dialog-focus-outline);
|
|
1234
|
+
outline-offset: var(--dialog-focus-offset);
|
|
1235
|
+
border-color: var(--dialog-focus-color);
|
|
1236
|
+
background-color: var(--dialog-button-hover-bg);
|
|
1237
|
+
}
|
|
1238
|
+
.dialog-header button[type=button]:focus:not(:focus-visible) {
|
|
1239
|
+
outline: none;
|
|
1240
|
+
}
|
|
1162
1241
|
|
|
1163
1242
|
.alert-dialog-actions,
|
|
1164
1243
|
.dialog-footer {
|
|
@@ -1168,6 +1247,16 @@ dialog section {
|
|
|
1168
1247
|
justify-content: var(--dialog-footer-justify, flex-end);
|
|
1169
1248
|
gap: var(--dialog-gap);
|
|
1170
1249
|
width: 100%;
|
|
1250
|
+
/* Focus styles for footer buttons */
|
|
1251
|
+
}
|
|
1252
|
+
.alert-dialog-actions button:focus-visible,
|
|
1253
|
+
.dialog-footer button:focus-visible {
|
|
1254
|
+
outline: var(--dialog-focus-outline);
|
|
1255
|
+
outline-offset: var(--dialog-focus-offset);
|
|
1256
|
+
}
|
|
1257
|
+
.alert-dialog-actions button:focus:not(:focus-visible),
|
|
1258
|
+
.dialog-footer button:focus:not(:focus-visible) {
|
|
1259
|
+
outline: none;
|
|
1171
1260
|
}
|
|
1172
1261
|
|
|
1173
1262
|
:root {
|
|
@@ -1282,8 +1371,26 @@ sup:has(> span) span {
|
|
|
1282
1371
|
color: inherit;
|
|
1283
1372
|
}
|
|
1284
1373
|
sup:has(> span)[data-badge~=rounded] {
|
|
1285
|
-
--badge-radius:
|
|
1286
|
-
--badge-padding: 0
|
|
1374
|
+
--badge-radius: 50%;
|
|
1375
|
+
--badge-padding: 0;
|
|
1376
|
+
--badge-size: 1.5625rem;
|
|
1377
|
+
width: var(--badge-size);
|
|
1378
|
+
height: var(--badge-size);
|
|
1379
|
+
display: inline-flex;
|
|
1380
|
+
align-items: center;
|
|
1381
|
+
justify-content: center;
|
|
1382
|
+
line-height: 1;
|
|
1383
|
+
font-size: 0.6875rem;
|
|
1384
|
+
font-weight: 700;
|
|
1385
|
+
overflow: hidden;
|
|
1386
|
+
box-sizing: border-box;
|
|
1387
|
+
}
|
|
1388
|
+
sup:has(> span)[data-badge~=rounded] span {
|
|
1389
|
+
max-width: 100%;
|
|
1390
|
+
overflow: hidden;
|
|
1391
|
+
text-overflow: clip;
|
|
1392
|
+
white-space: nowrap;
|
|
1393
|
+
padding: 0 0.125rem;
|
|
1287
1394
|
}
|
|
1288
1395
|
|
|
1289
1396
|
body > nav,
|
|
@@ -1503,6 +1610,19 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
|
|
|
1503
1610
|
text-decoration: none;
|
|
1504
1611
|
}
|
|
1505
1612
|
|
|
1613
|
+
/* Screen reader only utility class */
|
|
1614
|
+
.sr-only {
|
|
1615
|
+
position: absolute;
|
|
1616
|
+
width: 1px;
|
|
1617
|
+
height: 1px;
|
|
1618
|
+
padding: 0;
|
|
1619
|
+
margin: -1px;
|
|
1620
|
+
overflow: hidden;
|
|
1621
|
+
clip: rect(0, 0, 0, 0);
|
|
1622
|
+
white-space: nowrap;
|
|
1623
|
+
border-width: 0;
|
|
1624
|
+
}
|
|
1625
|
+
|
|
1506
1626
|
[role=alert] {
|
|
1507
1627
|
/* Success colors */
|
|
1508
1628
|
--alert-success-bg: #e6f4ea;
|
|
@@ -1520,6 +1640,8 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
|
|
|
1520
1640
|
--alert-info-bg: #e5f6fd;
|
|
1521
1641
|
--alert-info-border: #0288d1;
|
|
1522
1642
|
--alert-info-text: #084154;
|
|
1643
|
+
/* Animation */
|
|
1644
|
+
--alert-transition-duration: 0.3s;
|
|
1523
1645
|
--alert-border: thin solid currentColor;
|
|
1524
1646
|
background-color: var(--alert-bg, whitesmoke);
|
|
1525
1647
|
border: var(--alert-border, currentColor);
|
|
@@ -1531,19 +1653,59 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
|
|
|
1531
1653
|
display: flex;
|
|
1532
1654
|
flex-direction: row;
|
|
1533
1655
|
border-radius: var(--alert-border-radius, var(--border-radius));
|
|
1534
|
-
border: var(--alert-border);
|
|
1535
1656
|
gap: var(--alert-gap, var(--spc-4));
|
|
1657
|
+
/* Exit animations */
|
|
1658
|
+
transition: opacity var(--alert-transition-duration) ease, transform var(--alert-transition-duration) ease;
|
|
1659
|
+
opacity: 1;
|
|
1660
|
+
transform: translateY(0);
|
|
1661
|
+
/* Focus indicators for keyboard navigation (WCAG 2.4.7) */
|
|
1662
|
+
/* Hide focus outline for mouse clicks, keep for keyboard */
|
|
1663
|
+
/* Variant: Filled - Solid colored background */
|
|
1664
|
+
/* Variant: Soft - No border, subtle background */
|
|
1665
|
+
/* Variant: Outlined - Default with border (no additional styles needed) */
|
|
1666
|
+
}
|
|
1667
|
+
[role=alert]:not([data-visible=true]) {
|
|
1668
|
+
opacity: 0;
|
|
1669
|
+
transform: translateY(-0.5rem);
|
|
1670
|
+
}
|
|
1671
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1672
|
+
[role=alert] {
|
|
1673
|
+
transition-duration: 0.01ms;
|
|
1674
|
+
}
|
|
1675
|
+
}
|
|
1676
|
+
[role=alert]:focus {
|
|
1677
|
+
outline: 2px solid currentColor;
|
|
1678
|
+
outline-offset: 2px;
|
|
1679
|
+
}
|
|
1680
|
+
[role=alert]:focus:not(:focus-visible) {
|
|
1681
|
+
outline: none;
|
|
1536
1682
|
}
|
|
1537
|
-
[role=alert]
|
|
1683
|
+
[role=alert] .alert-icon {
|
|
1538
1684
|
margin-block-start: 0;
|
|
1539
1685
|
align-items: center;
|
|
1540
1686
|
}
|
|
1541
1687
|
[role=alert] .alert-message {
|
|
1542
1688
|
flex: 2;
|
|
1543
1689
|
margin-block-start: 0;
|
|
1690
|
+
/* Title styles for both heading and strong elements */
|
|
1691
|
+
/* Reset heading-specific styles */
|
|
1544
1692
|
}
|
|
1545
|
-
[role=alert] .alert-message
|
|
1546
|
-
margin-block-end: 0;
|
|
1693
|
+
[role=alert] .alert-message .alert-title {
|
|
1694
|
+
margin-block-end: var(--spc-1, 0.25rem);
|
|
1695
|
+
margin-block-start: 0;
|
|
1696
|
+
font-weight: var(--alert-title-weight, 600);
|
|
1697
|
+
font-size: var(--alert-title-size, inherit);
|
|
1698
|
+
line-height: 1.4;
|
|
1699
|
+
}
|
|
1700
|
+
[role=alert] .alert-message h2.alert-title,
|
|
1701
|
+
[role=alert] .alert-message h3.alert-title,
|
|
1702
|
+
[role=alert] .alert-message h4.alert-title,
|
|
1703
|
+
[role=alert] .alert-message h5.alert-title,
|
|
1704
|
+
[role=alert] .alert-message h6.alert-title {
|
|
1705
|
+
margin: 0;
|
|
1706
|
+
margin-block-end: var(--spc-1, 0.25rem);
|
|
1707
|
+
font-size: inherit;
|
|
1708
|
+
font-weight: var(--alert-title-weight, 600);
|
|
1547
1709
|
}
|
|
1548
1710
|
[role=alert][data-alert~=info] {
|
|
1549
1711
|
--alert-bg: var(--alert-info-bg);
|
|
@@ -1568,6 +1730,41 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
|
|
|
1568
1730
|
[role=alert] button[data-btn~=icon] {
|
|
1569
1731
|
--btn-bg: transparent;
|
|
1570
1732
|
}
|
|
1733
|
+
[role=alert] * + div {
|
|
1734
|
+
margin-block-start: var(--spc-1);
|
|
1735
|
+
}
|
|
1736
|
+
[role=alert][data-variant=filled] {
|
|
1737
|
+
border: none;
|
|
1738
|
+
}
|
|
1739
|
+
[role=alert][data-variant=filled][data-alert~=info] {
|
|
1740
|
+
--alert-bg: var(--alert-info-border);
|
|
1741
|
+
--alert-color: white;
|
|
1742
|
+
}
|
|
1743
|
+
[role=alert][data-variant=filled][data-alert~=warning] {
|
|
1744
|
+
--alert-bg: var(--alert-warning-border);
|
|
1745
|
+
--alert-color: white;
|
|
1746
|
+
}
|
|
1747
|
+
[role=alert][data-variant=filled][data-alert~=error] {
|
|
1748
|
+
--alert-bg: var(--alert-error-border);
|
|
1749
|
+
--alert-color: white;
|
|
1750
|
+
}
|
|
1751
|
+
[role=alert][data-variant=filled][data-alert~=success] {
|
|
1752
|
+
--alert-bg: var(--alert-success-border);
|
|
1753
|
+
--alert-color: white;
|
|
1754
|
+
}
|
|
1755
|
+
[role=alert][data-variant=filled][data-alert~=default] {
|
|
1756
|
+
--alert-bg: #757575;
|
|
1757
|
+
--alert-color: white;
|
|
1758
|
+
}
|
|
1759
|
+
[role=alert][data-variant=soft] {
|
|
1760
|
+
border: none;
|
|
1761
|
+
}
|
|
1762
|
+
[role=alert][data-variant=outlined] {
|
|
1763
|
+
/* This is the default variant, styles already applied above */
|
|
1764
|
+
}
|
|
1765
|
+
[role=alert] p {
|
|
1766
|
+
font-size: 0.875rem;
|
|
1767
|
+
}
|
|
1571
1768
|
|
|
1572
1769
|
[data-tts] {
|
|
1573
1770
|
--tts-gap: 0.5rem;
|
package/src/styles/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../sass/_reset.scss","../sass/_properties.scss","../sass/_globals.scss","../sass/_elements.scss","../components/buttons/button.scss","../components/tag/tag.scss","../components/images/img.scss","../components/cards/card.scss","../components/progress/progress.scss","../components/details/details.scss","../components/link/link.scss","../sass/_mixins.scss","../components/layout/_header.scss","../components/layout/landmarks.scss","../components/dialog/dialog.scss","../sass/_grid.scss","../components/badge/badge.scss","../components/nav/nav.scss","../components/form/form.scss","../components/breadcrumbs/breadcrumb.scss","../components/alert/alert.scss","../components/text-to-speech/text-to-speech.scss","../sass/styles/_shadows.scss","../sass/styles/_colors.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;AACE;AACA;EACA;AAEA;AACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAWA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAIJ;AACA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;AAEA;AAGA;EACA;;AAEA;EACE;EACA;EACA;;;ACpLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAGA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../sass/_reset.scss","../sass/_properties.scss","../sass/_globals.scss","../sass/_elements.scss","../components/buttons/button.scss","../components/tag/tag.scss","../components/images/img.scss","../components/cards/card.scss","../components/progress/progress.scss","../components/details/details.scss","../components/link/link.scss","../sass/_mixins.scss","../components/layout/_header.scss","../components/layout/landmarks.scss","../components/dialog/dialog.scss","../sass/_grid.scss","../components/badge/badge.scss","../components/nav/nav.scss","../components/form/form.scss","../components/breadcrumbs/breadcrumb.scss","../components/alert/alert.scss","../components/text-to-speech/text-to-speech.scss","../sass/styles/_shadows.scss","../sass/styles/_colors.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;AACE;AACA;EACA;AAEA;AACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAWA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAIJ;AACA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;AAEA;AAGA;EACA;;AAEA;EACE;EACA;EACA;;;ACpLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAGA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;ACzGF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACE;;;AAKN;AAAA;AAAA;EAGE;;AACA;AAAA;AAAA;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1IA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;;AAGF;EAEE;;AAGA;EACE;;AAOJ;EAEE;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAGE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;;AC7IN;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;;;AAGJ;EACE;EACA;;;ACtDF;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;EACE;;AAEF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAEF;AAAA;EAEE;;AAEF;AAAA;EACE;;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;;AC/DJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AACA;AA8BA;;AA7BA;EAEE;EACA;EACA;EACA;AAgBA;;AAbA;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAKJ;EAEE;EACA;EAEA;AAcA;;AAZA;AACE;EAEA;;AAGF;EAGE;;AAIF;AACE;EAEA;;;ACjEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAjCF;IAkCI;IACA;;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;;AAVA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAEF;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAKN;EACE;IAxHJ;MAyHM;MACA;;;;;ACxHN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EClEF;EACA;EACA;EACA;EACA;;AD+DE;EACE;EACA;;AAEF;EACE;;ACnEJ;EACE;;ADsEF;EAEE;EACA;EACA;;AACA;EAEE;;;AAKN;EACE;;;AE1FF;AAAA;AAAA;EAIE;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EAEA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AChEN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA;;;AChDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;IACE;IACA;IACA;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;AAOA;AAQA;;AAbA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;;;AAKN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;;AC3HJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;;;AClGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;ACnCN;AAAA;EAEE;EACA;;AAEA;EALF;AAAA;IAMI;IACA;IACA;IACA;IACA;;;AAGA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAKF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;ACvFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAKA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrFF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAEF;AAAA;EACE;;AACA;AAAA;EACE;EACA;;;AC7BV;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA,YACE;EAEF;EACA;AAWA;AAMA;AAsEA;AA8BA;AAKA;;AAxHA;EACE;EACA;;AAGF;EAlDF;IAmDI;;;AAIF;EACE;EACA;;AAIF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;AAEA;AASA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAIF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;;AAIF;AACE;;AAGF;EACE;;;ACxLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;AAAA;EAEE;;AACA;AAAA;EACE;;;AC3BN;EACE;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AChCF;EACE;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE","file":"index.css"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
2
|
+
import type { TestingLibraryMatchers } from '@testing-library/jest-dom/matchers';
|
|
3
|
+
|
|
4
|
+
declare global {
|
|
5
|
+
namespace Vi {
|
|
6
|
+
interface Assertion<T = any> extends TestingLibraryMatchers<typeof expect.stringContaining, T> {}
|
|
7
|
+
interface AsymmetricMatchersContaining extends TestingLibraryMatchers<any, any> {}
|
|
8
|
+
}
|
|
9
|
+
}
|
package/src/test/setup.ts
CHANGED
|
@@ -1,6 +1,58 @@
|
|
|
1
1
|
import '@testing-library/jest-dom'
|
|
2
2
|
|
|
3
3
|
import matchers from '@testing-library/jest-dom/matchers';
|
|
4
|
-
import { expect } from 'vitest';
|
|
4
|
+
import { expect, beforeAll } from 'vitest';
|
|
5
5
|
|
|
6
6
|
expect.extend(matchers);
|
|
7
|
+
|
|
8
|
+
// Mock native <dialog> element methods for testing
|
|
9
|
+
// JSDOM doesn't support HTMLDialogElement methods yet
|
|
10
|
+
beforeAll(() => {
|
|
11
|
+
if (typeof HTMLDialogElement === 'undefined') {
|
|
12
|
+
// HTMLDialogElement not available at all in this environment
|
|
13
|
+
|
|
14
|
+
global.HTMLDialogElement = class HTMLDialogElement extends HTMLElement {
|
|
15
|
+
open = false;
|
|
16
|
+
|
|
17
|
+
showModal() {
|
|
18
|
+
this.open = true;
|
|
19
|
+
this.setAttribute('open', '');
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
show() {
|
|
23
|
+
this.open = true;
|
|
24
|
+
this.setAttribute('open', '');
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
close() {
|
|
28
|
+
this.open = false;
|
|
29
|
+
this.removeAttribute('open');
|
|
30
|
+
}
|
|
31
|
+
} as unknown as typeof window.HTMLDialogElement;
|
|
32
|
+
} else {
|
|
33
|
+
// HTMLDialogElement exists but methods aren't implemented
|
|
34
|
+
HTMLDialogElement.prototype.showModal =
|
|
35
|
+
HTMLDialogElement.prototype.showModal ||
|
|
36
|
+
function showModal(this: HTMLDialogElement) {
|
|
37
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
38
|
+
(this as any).open = true;
|
|
39
|
+
this.setAttribute('open', '');
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
HTMLDialogElement.prototype.show =
|
|
43
|
+
HTMLDialogElement.prototype.show ||
|
|
44
|
+
function show(this: HTMLDialogElement) {
|
|
45
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
46
|
+
(this as any).open = true;
|
|
47
|
+
this.setAttribute('open', '');
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
HTMLDialogElement.prototype.close =
|
|
51
|
+
HTMLDialogElement.prototype.close ||
|
|
52
|
+
function close(this: HTMLDialogElement) {
|
|
53
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
54
|
+
(this as any).open = false;
|
|
55
|
+
this.removeAttribute('open');
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
});
|
package/libs/chunk-PWVRDQ3R.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as m from 'react';
|
|
2
|
-
import m__default from 'react';
|
|
3
|
-
|
|
4
|
-
var vo=m__default.forwardRef(({as:o,styles:r,classes:t,children:l,defaultStyles:s,...i},p)=>{let ro=o??"div",Lo={...s,...r};return m__default.createElement(ro,{ref:p,style:Lo,className:t,...i},l)}),Io=vo;vo.displayName="FP";var Ao={display:"inline-flex",alignItems:"center",width:"auto"},to=({fill:o,strokeColor:r,styles:t,size:l=24,role:s="img",alt:i,children:p,...ro})=>m.createElement("svg",{fill:o,stroke:r,height:l,width:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",style:t,role:s,"aria-label":i,...ro},p),e=to;to.displayName="Svg";to.styles=Ao;var Ro={...e.styles,fill:"none",stroke:"currentColor"},lo=({strokeColor:o="currentColor",fill:r="none",size:t=16,styles:l,role:s="img",alt:i="Code icon",...p}={})=>m.createElement(e,{size:t,role:s,alt:i,styles:l,...p},m.createElement("g",{fill:r,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m.createElement("rect",{height:"22",width:"18",fill:"none",stroke:o,x:"3",y:"1"}),m.createElement("polyline",{fill:"none",points:"9 9 6 12 9 15"}),m.createElement("polyline",{fill:"none",points:"15 15 18 12 15 9"})));lo.styles=Ro;var wo={...e.styles,fill:"currentColor",stroke:"none"},P=({strokeColor:o="currentColor",fill:r="none",size:t=16,styles:l=wo,role:s="img",alt:i="Home icon",...p})=>m__default.createElement(e,{size:t,styles:l,role:s,alt:i,...p},m__default.createElement("g",{fill:r,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("polygon",{fill:"none",points:"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2",stroke:o})));P.displayName="Home";P.styles=wo;var Mo={...e.styles,fill:"currentColor"},x=({fill:o="gray",size:r=24,role:t="img",alt:l="Add icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M17,11h-4V7c0-.553-.447-1-1-1s-1,.447-1,1v4H7c-.553,0-1,.447-1,1s.447,1,1,1h4v4c0,.553,.447,1,1,1s1-.447,1-1v-4h4c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:o})));x.styles=Mo;x.displayName="Add";var No={...e.styles},h=({strokeColor:o="currentColor",fill:r="currentColor",size:t=16,styles:l,role:s="img",alt:i="Arrow pointing left",...p})=>m.createElement(e,{size:t,styles:l,role:s,...p,alt:i},m.createElement("g",{fill:r,strokeMiterlimit:"10"},m.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"22",x2:"2",y1:"12",y2:"12"}),m.createElement("polyline",{fill:"none",points:"9,19 2,12 9,5 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));h.styles=No;h.displayName="ArrowLeft";var Zo={...e.styles},v=({size:o=16,strokeColor:r="currentcolor",styles:t,role:l="img",alt:s="Chat icon",...i})=>m.createElement(e,{size:o,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:r,strokeMiterlimit:"10"},m.createElement("path",{d:"M21,2H3c-1.105,0-2,.895-2,2V15c0,1.105,.895,2,2,2h5l4,5,4-5h5c1.105,0,2-.895,2-2V4c0-1.105-.895-2-2-2Z",fill:"none",stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));v.styles=Zo;v.displayName="Chat";var Uo={...e.styles},I=({fill:o="currentColor",styles:r,size:t=16,role:l="img",alt:s="Down icon",...i})=>m.createElement(e,{size:t,role:l,styles:r,alt:s,...i},m.createElement("g",{fill:o,strokeMiterlimit:"10"},m.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"12",x2:"12",y1:"2",y2:"22"}),m.createElement("polyline",{fill:"none",points:"19,15 12,22 5,15 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));I.styles=Uo;I.displayName="ArrowDown";var Wo={...e.styles,fill:"none",stroke:"currentColor"},z=({strokeColor:o="currentColor",styles:r,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:"none",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"12",x2:"12",y1:"22",y2:"2"}),m.createElement("polyline",{fill:"none",points:"5,9 12,2 19,9 ",stroke:o})));z.displayName="ArrowUp";z.style=Wo;({...e.styles,fill:"currentColor"});var io=({size:o=16,fill:r="currentColor",strokeColor:t="currentColor",styles:l,role:s="img",alt:i="Right arrow icon",...p})=>m__default.createElement(e,{size:o,styles:l,role:s,alt:i,...p},m__default.createElement("g",{fill:r,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"2",x2:"22",y1:"12",y2:"12"}),m__default.createElement("polyline",{fill:"none",points:"15,5 22,12 15,19 ",stroke:t})));io.displayName="ArrowRight";var Ho={...e.styles,fill:"none",stroke:"currentColor"},A=({size:o=16,fill:r="none",strokeColor:t="currentColor",styles:l,alt:s="User Icon",role:i,...p})=>m__default.createElement(e,{size:o,role:i,alt:s,styles:l,...p},m__default.createElement("g",{fill:r,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("circle",{cx:"12",cy:"5.5",fill:"none",r:"4.5"}),m__default.createElement("path",{d:"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z",fill:"none",stroke:t})));A.styles=Ho;A.displayName="User";var Eo={fill:"currentColor"},R=({size:o=16,fill:r="currentColor",styles:t,role:l="img",alt:s="Right arrow icon",...i})=>m__default.createElement(e,{size:o,alt:s,styles:t,role:l,...i},m__default.createElement("g",{fill:r},m__default.createElement("path",{d:"M7,23a1,1,0,0,1-.707-1.707L15.586,12,6.293,2.707A1,1,0,0,1,7.707,1.293l10,10a1,1,0,0,1,0,1.414l-10,10A1,1,0,0,1,7,23Z",fill:r})));R.displayName="Right";R.styles=Eo;var qo={...e.styles,fill:"currentColor"},M=({fill:o="currentColor",size:r=16,styles:t,role:l="img",alt:s="Left arrow icon",...i})=>m__default.createElement(e,{size:r,styles:t,alt:s,role:l,...i},m__default.createElement("g",{fill:o},m__default.createElement("path",{d:"M17,23a1,1,0,0,1-.707-.293l-10-10a1,1,0,0,1,0-1.414l10-10a1,1,0,0,1,1.414,1.414L8.414,12l9.293,9.293A1,1,0,0,1,17,23Z",fill:o})));M.displayName="Left";M.styles=qo;var jo={fill:"currentColor"},N=({size:o=24,fill:r="currentColor",styles:t,role:l="img",alt:s="Minus icon",...i})=>m__default.createElement(e,{size:o,styles:t,role:l,alt:s,...i},m__default.createElement("g",{fill:r},m__default.createElement("path",{d:"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:r})));N.displayName="Minus";N.styles=jo;var Vo={fill:"currenStyle"},Z=({size:o=16,fill:r="currentColor",styles:t,role:l="img",alt:s="Remove icon",...i})=>m__default.createElement(e,{size:o,alt:s,styles:t,role:l,...i},m__default.createElement("g",{fill:r},m__default.createElement("path",{d:"M19.7,4.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L5.7,4.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l6.3,6.3l-6.3,6.3 c-0.4,0.4-0.4,1,0,1.4C4.5,19.9,4.7,20,5,20s0.5-0.1,0.7-0.3l6.3-6.3l6.3,6.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l6.3-6.3C20.1,5.3,20.1,4.7,19.7,4.3z",fill:r})));Z.displayName="Remove";Z.styles=Vo;var Do={...e.styles,stroke:"currentColor"},W=({size:o=16,strokeColor:r="currentColor",styles:t,role:l="img",alt:s="Copy icon",...i})=>m__default.createElement(e,{size:o,styles:t,role:l,alt:s,...i},m__default.createElement("g",{fill:"none",stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("polyline",{fill:"none",points:"8 19 2 19 2 1 17 1 17 6",stroke:r}),m__default.createElement("rect",{height:"13",width:"10",fill:"none",x:"12",y:"10"})));W.displayName="Copy";W.styles=Do;var Jo={...e.styles},H=({size:o=16,fill:r="currentColor",styles:t,role:l="img",alt:s="Up arrow icon",...i})=>m__default.createElement(e,{size:o,alt:s,styles:t,role:l,...i},m__default.createElement("g",{fill:r},m__default.createElement("path",{d:"M22,18a1,1,0,0,1-.707-.293L12,8.414,2.707,17.707a1,1,0,0,1-1.414-1.414l10-10a1,1,0,0,1,1.414,0l10,10A1,1,0,0,1,22,18Z",fill:r})));H.displayName="Up";H.styles=Jo;var To={...e.styles},q=({size:o=16,fill:r="currentColor",styles:t,role:l="img",alt:s="Down arrow icon",...i})=>m.createElement(e,{size:o,alt:s,styles:t,role:l,...i},m.createElement("g",{fill:r},m.createElement("path",{d:"M12,18a1,1,0,0,1-.707-.293l-10-10A1,1,0,0,1,2.707,6.293L12,15.586l9.293-9.293a1,1,0,1,1,1.414,1.414l-10,10A1,1,0,0,1,12,18Z",fill:r})));q.displayName="Down";q.styles=To;function yo({size:o=16,fill:r,strokeColor:t="currentColor",styles:l,role:s="img",alt:i="Star icon",...p}){return m__default.createElement(e,{size:o,alt:i,styles:l,role:s,...p},m__default.createElement("g",{fill:r,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("polygon",{fill:"none",points:"12,2.49 15.09,8.75 22,9.754 17,14.628 18.18,21.51 12,18.262 5.82,21.51 7,14.628 2,9.754 8.91,8.75 ",stroke:t})))}yo.displayName="Star";var Xo={...e.styles,fill:"none",stroke:"currentColor"},V=({strokeColor:o="currentColor",styles:r,size:t=24,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("path",{d:"M7 21L7 3L19 12L7 21Z",stroke:o,"stroke-width":"2",fill:"none"})," "));V.displayName="PlayIcon";V.style=Xo;var bo={...e.styles,fill:"none",stroke:"currentColor"},D=({strokeColor:o="currentColor",styles:r,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("rect",{x:"2",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"}),m.createElement("rect",{x:"16",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"})));D.displayName="Pause";D.style=bo;var Fo={...e.styles,fill:"none",stroke:"currentColor"},J=({strokeColor:o="currentColor",styles:r,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("path",{d:"M20 21L20 3",stroke:o,"stroke-width":"2",fill:"none"}),m.createElement("path",{d:"M4 4L4 20L16 12L4 4Z",stroke:o,"stroke-width":"2",fill:"none"})));J.displayName="Resume";J.style=Fo;var Oo={...e.styles,fill:"none",stroke:"currentColor"},X=({strokeColor:o="currentColor",styles:r,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("rect",{x:"2",y:"2",fill:"none",stroke:o,"stroke-width":"2",width:"20",height:"20"})));X.displayName="Stop";X.style=Oo;var Qo={...e.styles,fill:"none",stroke:"currentColor"},F=({strokeColor:o="currentColor",styles:r,size:t=24,role:l="img",alt:s="Stop icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{fill:o,d:"M22,1H2C1.447,1,1,1.447,1,2v20c0,0.553,0.447,1,1,1h20c0.553,0,1-0.447,1-1V2C23,1.447,22.553,1,22,1z"})));F.displayName="StopSolid";F.style=Qo;var Bo={...e.styles,fill:"none",stroke:"currentColor"},Q=({strokeColor:o="currentColor",styles:r,size:t=24,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{fill:o,d:"M20.555,11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203,1.292,4,1.631,4,2v20 c0,0.369,0.203,0.708,0.528,0.882C4.676,22.961,4.838,23,5,23c0.194,0,0.388-0.057,0.555-0.168l15-10C20.833,12.646,21,12.334,21,12 S20.833,11.354,20.555,11.168z"})));Q.displayName="PlaySolid";Q.style=Bo;var Go={...e.styles,fill:"none",stroke:"currentColor"},B=({strokeColor:o="currentColor",styles:r,size:t=24,role:l="img",alt:s="Pause arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{d:"M7,1H2A1,1,0,0,0,1,2V22a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V2A1,1,0,0,0,7,1Z",fill:o}),m.createElement("path",{d:"M22,1H17a1,1,0,0,0-1,1V22a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V2A1,1,0,0,0,22,1Z",fill:o})));B.displayName="PauseSolid";B.style=Go;var Ko={...e.styles,fill:"none",stroke:"currentColor"},G=({strokeColor:o="currentColor",styles:r,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:t,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 21.8685L17.8028 12L3 2.1315L3 21.8685Z"}),m.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19 2L19 22L21 22L21 2L19 2Z"})));G.displayName="ResumeSolid";G.style=Ko;var uo=({fill:o="currentColor",size:r=24,role:t="img",alt:l="Info icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z",fill:o})));uo.displayName="Info";var go=({fill:o="currentColor",size:r=24,role:t="img",alt:l="Add icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M23.707,6.736,17.263.293A1,1,0,0,0,16.556,0H7.444a1,1,0,0,0-.707.293L.293,6.736A1,1,0,0,0,0,7.443v9.114a1,1,0,0,0,.293.707l6.444,6.443A1,1,0,0,0,7.444,24h9.112a1,1,0,0,0,.707-.293l6.444-6.443A1,1,0,0,0,24,16.557V7.443A1,1,0,0,0,23.707,6.736ZM13.645,5,13,14H11l-.608-9ZM12,20a2,2,0,1,1,2-2A2,2,0,0,1,12,20Z",fill:o})));go.displayName="AlertSolid";var So=({fill:o="currentColor",size:r=24,role:t="img",alt:l="Add icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{fill:o,d:"M8,17.06V20h8v-2.94c3.059-1.514,5-4.607,5-8.06c0-4.963-4.038-9-9-9S3,4.037,3,9 C3,12.452,4.941,15.546,8,17.06z M7,9c0-2.757,2.243-5,5-5h1v2h-1c-1.654,0-3,1.346-3,3v1H7V9z"})," ",m.createElement("path",{fill:o,d:"M8,22v1c0,0.553,0.448,1,1,1h6c0.552,0,1-0.447,1-1v-1H8z"})));So.displayName="InfoSolid";var Po=({fill:o="currentColor",size:r=24,role:t="img",alt:l="Add icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,19.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Zm2.688-7.198c-1.444,1.224-1.688,1.667-1.688,2.198,0,.553-.447,1-1,1s-1-.447-1-1c0-1.434,.807-2.379,2.395-3.724,.447-.38,1.844-1.72,1.024-3.046-.532-.861-2.517-.984-4.162-.256-.507,.223-1.096-.006-1.319-.511-.223-.505,.006-1.096,.511-1.319,2.33-1.03,5.463-.924,6.672,1.035,1.103,1.784,.554,3.938-1.433,5.622Z",fill:o})));Po.displayName="QuestionSolid";var ko=({fill:o="currentColor",size:r=24,role:t="img",alt:l="Add icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M23.641,18.485L14.732,1.643C13.931,.134,12.059-.44,10.55,.361c-.546,.29-.992,.736-1.282,1.282L.359,18.485c-.793,1.504-.217,3.367,1.288,4.16,.445,.235,.942,.357,1.445,.355H20.908c1.7,.005,3.083-1.369,3.088-3.07,.002-.504-.12-1-.355-1.445Zm-11.641,1.515c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5,.672,1.5,1.5-.672,1.5-1.5,1.5Zm.53-5h-1.061c-.264,0-.483-.205-.499-.469l-.438-7c-.018-.288,.211-.531,.499-.531h1.936c.288,0,.517,.243,.499,.531l-.438,7c-.016,.264-.235,.469-.499,.469Z",fill:o})));ko.displayName="WarnSolid";var xo=({fill:o="currentColor",size:r=24,role:t="img",alt:l="Add icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12,12-5.373,12-12C23.981,5.381,18.619,.019,12,0Zm7.207,7.707l-9,9c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293l-4-4c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l3.293,3.293L17.793,6.293c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414Z",fill:o})));xo.displayName="SuccessSolid";var ho=({fill:o="currentColor",size:r=24,role:t="img",alt:l="Add icon",...s})=>m.createElement(e,{size:r,role:t,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M20,1H4c-1.654,0-3,1.346-3,3V20c0,1.654,1.346,3,3,3H20c1.654,0,3-1.346,3-3V4c0-1.654-1.346-3-3-3ZM11,7c0-.553,.448-1,1-1s1,.447,1,1v6c0,.553-.448,1-1,1s-1-.447-1-1V7Zm1,11.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Z",fill:o})));ho.displayName="AlertSquareSolid";var _o={display:"inline-flex",direction:"row",gap:".2rem",placeItems:"center",width:"auto"},n=({id:o,classes:r,children:t,styles:l,...s})=>m__default.createElement(Io,{id:o,as:"span",styles:l,className:r,"data-icon":!0,"data-style":"icons",...s},t),mt=n;n.displayName="Icon";n.Add=x;n.ArrowDown=I;n.ArrowLeft=h;n.ArrowRight=io;n.ArrowUp=z;n.Chat=v;n.Code=lo;n.Copy=W;n.Down=q;n.Home=P;n.Info=uo;n.InfoSolid=So;n.AlertSolid=go;n.Left=M;n.Minus=N;n.Pause=D;n.PauseSolid=B;n.Play=V;n.PlaySolid=Q;n.Remove=Z;n.Resume=J;n.ResumeSolid=G;n.Right=R;n.Star=yo;n.Stop=X;n.StopSolid=F;n.Up=H;n.User=A;n.styles=_o;n.QuestionSolid=Po;n.WarnSolid=ko;n.SuccessSolid=xo;n.AlertSquareSolid=ho;n.Close=n.Remove;
|
|
5
|
-
|
|
6
|
-
export { Io as a, n as b, mt as c };
|
|
7
|
-
//# sourceMappingURL=out.js.map
|
|
8
|
-
//# sourceMappingURL=chunk-PWVRDQ3R.js.map
|