@fpkit/acss 0.5.12 → 0.6.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.
- package/README.md +89 -0
- package/libs/chunk-2NRIP6RB.cjs +17 -0
- package/libs/chunk-2NRIP6RB.cjs.map +1 -0
- package/libs/chunk-33PNJ4LO.cjs +15 -0
- package/libs/chunk-33PNJ4LO.cjs.map +1 -0
- package/libs/chunk-4BZKFPEC.cjs +17 -0
- package/libs/chunk-4BZKFPEC.cjs.map +1 -0
- package/libs/{chunk-O6QZBB6G.js → chunk-5QD3DWFI.js} +5 -5
- package/libs/chunk-5QD3DWFI.js.map +1 -0
- package/libs/chunk-6SAHIYCZ.js +7 -0
- package/libs/chunk-6SAHIYCZ.js.map +1 -0
- package/libs/{chunk-KKLTUJFB.cjs → chunk-6WTC4JXH.cjs} +5 -5
- package/libs/chunk-6WTC4JXH.cjs.map +1 -0
- package/libs/chunk-75QHTLFO.js +7 -0
- package/libs/chunk-75QHTLFO.js.map +1 -0
- package/libs/{chunk-YWOYVRFT.js → chunk-7XPFW7CB.js} +3 -3
- package/libs/chunk-BFK62VX5.js +5 -0
- package/libs/chunk-BFK62VX5.js.map +1 -0
- package/libs/{chunk-ICCKQ2GC.cjs → chunk-DKTHCQ5P.cjs} +4 -4
- package/libs/{chunk-6TE5QEVE.cjs → chunk-E2AJURUW.cjs} +3 -3
- package/libs/chunk-E2AJURUW.cjs.map +1 -0
- package/libs/chunk-ENTCUJ3A.cjs +13 -0
- package/libs/chunk-ENTCUJ3A.cjs.map +1 -0
- package/libs/chunk-F5EYMVQM.js +10 -0
- package/libs/chunk-F5EYMVQM.js.map +1 -0
- package/libs/chunk-FVROL3V5.js +9 -0
- package/libs/chunk-FVROL3V5.js.map +1 -0
- package/libs/chunk-GT77BX4L.cjs +17 -0
- package/libs/chunk-GT77BX4L.cjs.map +1 -0
- package/libs/chunk-GUJSMQ3V.cjs +16 -0
- package/libs/chunk-GUJSMQ3V.cjs.map +1 -0
- package/libs/chunk-HHLNOC5T.js +7 -0
- package/libs/chunk-HHLNOC5T.js.map +1 -0
- package/libs/chunk-HRRHPLER.js +8 -0
- package/libs/chunk-HRRHPLER.js.map +1 -0
- package/libs/chunk-IEB64SWY.js +8 -0
- package/libs/chunk-IEB64SWY.js.map +1 -0
- package/libs/{chunk-LIQJ7ZZR.js → chunk-IQ76HGVP.js} +2 -2
- package/libs/chunk-IRLFZ3OL.js +9 -0
- package/libs/chunk-IRLFZ3OL.js.map +1 -0
- package/libs/chunk-KK47SYZI.js +8 -0
- package/libs/chunk-KK47SYZI.js.map +1 -0
- package/libs/chunk-O3JIHC5M.cjs +15 -0
- package/libs/chunk-O3JIHC5M.cjs.map +1 -0
- package/libs/chunk-O5XAJ7BY.cjs +18 -0
- package/libs/chunk-O5XAJ7BY.cjs.map +1 -0
- package/libs/chunk-OVWLQYMK.js +10 -0
- package/libs/chunk-OVWLQYMK.js.map +1 -0
- package/libs/chunk-PNWIRCG3.cjs +7 -0
- package/libs/chunk-PNWIRCG3.cjs.map +1 -0
- package/libs/chunk-QVW6W76L.cjs +18 -0
- package/libs/chunk-QVW6W76L.cjs.map +1 -0
- package/libs/chunk-T4T6GWYQ.cjs +17 -0
- package/libs/chunk-T4T6GWYQ.cjs.map +1 -0
- package/libs/chunk-TON2YGMD.cjs +9 -0
- package/libs/chunk-TON2YGMD.cjs.map +1 -0
- package/libs/chunk-UEPAWMDF.js +8 -0
- package/libs/chunk-UEPAWMDF.js.map +1 -0
- package/libs/{chunk-LT5KZ2QW.cjs → chunk-US2I5GI7.cjs} +3 -3
- package/libs/{chunk-E3XP6BEX.cjs → chunk-W2UIN7EV.cjs} +3 -3
- package/libs/chunk-W5TKWBFC.cjs +18 -0
- package/libs/chunk-W5TKWBFC.cjs.map +1 -0
- package/libs/chunk-WXBFBWYF.cjs +16 -0
- package/libs/chunk-WXBFBWYF.cjs.map +1 -0
- package/libs/chunk-X3JCTEPD.js +11 -0
- package/libs/chunk-X3JCTEPD.js.map +1 -0
- package/libs/chunk-X5LGFCWG.js +9 -0
- package/libs/chunk-X5LGFCWG.js.map +1 -0
- package/libs/{chunk-5M57K4SW.js → chunk-Y2PFDELK.js} +2 -2
- package/libs/chunk-ZFJ4U45S.js +10 -0
- package/libs/chunk-ZFJ4U45S.js.map +1 -0
- package/libs/{component-props-a8a2f97e.d.ts → component-props-67d978a2.d.ts} +4 -4
- 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 +9 -5
- package/libs/components/breadcrumbs/breadcrumb.d.cts +275 -36
- package/libs/components/breadcrumbs/breadcrumb.d.ts +275 -36
- package/libs/components/breadcrumbs/breadcrumb.js +3 -3
- package/libs/components/button.cjs +6 -4
- package/libs/components/button.d.cts +97 -4
- package/libs/components/button.d.ts +97 -4
- package/libs/components/button.js +4 -2
- package/libs/components/buttons/button.css +1 -1
- package/libs/components/buttons/button.css.map +1 -1
- package/libs/components/buttons/button.min.css +2 -2
- package/libs/components/card.cjs +7 -7
- package/libs/components/card.d.cts +278 -34
- package/libs/components/card.d.ts +278 -34
- package/libs/components/card.js +2 -2
- package/libs/components/cards/card.css +1 -1
- package/libs/components/cards/card.css.map +1 -1
- package/libs/components/cards/card.min.css +2 -2
- package/libs/components/details/details.css +1 -1
- package/libs/components/details/details.css.map +1 -1
- package/libs/components/details/details.min.css +2 -2
- package/libs/components/dialog/dialog.cjs +9 -7
- package/libs/components/dialog/dialog.css +1 -1
- package/libs/components/dialog/dialog.css.map +1 -1
- package/libs/components/dialog/dialog.d.cts +88 -34
- package/libs/components/dialog/dialog.d.ts +88 -34
- package/libs/components/dialog/dialog.js +7 -5
- package/libs/components/dialog/dialog.min.css +2 -2
- package/libs/components/form/fields.cjs +4 -4
- package/libs/components/form/fields.d.cts +16 -7
- package/libs/components/form/fields.d.ts +16 -7
- package/libs/components/form/fields.js +2 -2
- package/libs/components/form/inputs.cjs +6 -4
- package/libs/components/form/inputs.d.cts +50 -2
- package/libs/components/form/inputs.d.ts +50 -2
- package/libs/components/form/inputs.js +4 -2
- package/libs/components/form/textarea.cjs +5 -4
- package/libs/components/form/textarea.d.cts +32 -23
- package/libs/components/form/textarea.d.ts +32 -23
- package/libs/components/form/textarea.js +3 -2
- package/libs/components/heading/heading.cjs +3 -3
- package/libs/components/heading/heading.d.cts +3 -14
- package/libs/components/heading/heading.d.ts +3 -14
- package/libs/components/heading/heading.js +2 -2
- package/libs/components/icons/icon.cjs +4 -4
- package/libs/components/icons/icon.d.cts +183 -39
- package/libs/components/icons/icon.d.ts +183 -39
- package/libs/components/icons/icon.js +2 -2
- 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 +4 -4
- package/libs/components/link/link.css +1 -1
- package/libs/components/link/link.css.map +1 -1
- package/libs/components/link/link.d.cts +3 -19
- package/libs/components/link/link.d.ts +3 -19
- package/libs/components/link/link.js +2 -2
- package/libs/components/link/link.min.css +2 -2
- package/libs/components/list/list.cjs +5 -5
- package/libs/components/list/list.css +1 -0
- package/libs/components/list/list.css.map +1 -0
- package/libs/components/list/list.d.cts +120 -33
- package/libs/components/list/list.d.ts +120 -33
- package/libs/components/list/list.js +2 -2
- package/libs/components/list/list.min.css +3 -0
- package/libs/components/modal.cjs +6 -4
- package/libs/components/modal.d.cts +8 -8
- package/libs/components/modal.d.ts +8 -8
- package/libs/components/modal.js +5 -3
- package/libs/components/nav/nav.cjs +7 -7
- package/libs/components/nav/nav.css +1 -1
- package/libs/components/nav/nav.css.map +1 -1
- package/libs/components/nav/nav.d.cts +550 -34
- package/libs/components/nav/nav.d.ts +550 -34
- package/libs/components/nav/nav.js +3 -3
- package/libs/components/nav/nav.min.css +2 -2
- package/libs/components/popover/popover.d.cts +5 -5
- package/libs/components/popover/popover.d.ts +5 -5
- package/libs/components/tables/table.cjs +5 -5
- package/libs/components/tables/table.d.cts +8 -8
- package/libs/components/tables/table.d.ts +8 -8
- package/libs/components/tables/table.js +2 -2
- package/libs/components/tag/tag.css +1 -1
- package/libs/components/tag/tag.css.map +1 -1
- package/libs/components/tag/tag.min.css +2 -2
- package/libs/components/text/text.cjs +5 -5
- package/libs/components/text/text.d.cts +5 -5
- package/libs/components/text/text.d.ts +5 -5
- package/libs/components/text/text.js +2 -2
- package/libs/form.types-d25ebfac.d.ts +233 -0
- package/libs/heading-7446cb46.d.ts +250 -0
- package/libs/hooks.cjs +12 -0
- package/libs/hooks.d.cts +140 -1
- package/libs/hooks.d.ts +140 -1
- package/libs/hooks.js +4 -0
- package/libs/icons.cjs +3 -3
- package/libs/icons.d.cts +2 -2
- package/libs/icons.d.ts +2 -2
- package/libs/icons.js +2 -2
- package/libs/index.cjs +117 -94
- 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 +834 -61
- package/libs/index.d.ts +834 -61
- package/libs/index.js +36 -22
- package/libs/index.js.map +1 -1
- package/libs/link-5192f411.d.ts +323 -0
- package/libs/list.types-d26de310.d.ts +245 -0
- package/libs/ui-d01b50d4.d.ts +289 -0
- package/package.json +4 -87
- 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 +110 -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 +430 -170
- package/src/components/buttons/README.mdx +102 -1
- package/src/components/buttons/button.scss +34 -31
- package/src/components/buttons/button.stories.tsx +141 -0
- package/src/components/buttons/button.tsx +82 -52
- 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 -7
- 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-a11y-review.md +653 -0
- 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/form/README.mdx +725 -43
- package/src/components/form/WCAG-REVIEW.md +654 -0
- package/src/components/form/fields.tsx +10 -1
- package/src/components/form/form.stories.tsx +604 -23
- package/src/components/form/form.tsx +204 -63
- package/src/components/form/form.types.ts +378 -0
- package/src/components/form/input.stories.tsx +71 -3
- package/src/components/form/inputs.tsx +159 -67
- package/src/components/form/select.tsx +122 -66
- package/src/components/form/textarea.tsx +120 -73
- package/src/components/fp.tsx +86 -11
- 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/link/README.mdx +923 -0
- package/src/components/link/link.scss +79 -26
- package/src/components/link/link.stories.tsx +383 -30
- package/src/components/link/link.test.tsx +677 -0
- package/src/components/link/link.tsx +163 -57
- package/src/components/link/link.types.ts +261 -0
- package/src/components/list/README.mdx +764 -0
- package/src/components/list/list.scss +285 -0
- package/src/components/list/list.stories.tsx +514 -27
- package/src/components/list/list.test.tsx +554 -0
- package/src/components/list/list.tsx +153 -51
- package/src/components/list/list.types.ts +255 -0
- package/src/components/nav/ACCESSIBILITY.md +649 -0
- package/src/components/nav/README.mdx +782 -0
- package/src/components/nav/nav.scss +32 -1
- package/src/components/nav/nav.stories.tsx +44 -6
- package/src/components/nav/nav.tsx +302 -51
- package/src/components/nav/nav.types.ts +308 -0
- package/src/components/tag/README.mdx +426 -0
- package/src/components/tag/tag.scss +101 -27
- package/src/components/tag/tag.stories.tsx +384 -10
- package/src/components/tag/tag.test.tsx +210 -0
- package/src/components/tag/tag.tsx +106 -9
- package/src/components/tag/tag.types.ts +107 -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 +274 -18
- package/src/components/word-count/README.md +240 -0
- package/src/hooks/use-disabled-state.test.tsx +536 -0
- package/src/hooks/use-disabled-state.ts +246 -0
- package/src/hooks/useDisabledState.md +393 -0
- package/src/hooks.ts +7 -0
- package/src/index.scss +2 -0
- package/src/index.ts +12 -3
- package/src/sass/_globals.scss +2 -7
- package/src/sass/_properties.scss +1 -0
- package/src/styles/alert/alert.css +92 -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 -8
- 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 +691 -128
- package/src/styles/index.css.map +1 -1
- package/src/styles/link/link.css +45 -28
- package/src/styles/link/link.css.map +1 -1
- package/src/styles/list/list.css +214 -0
- package/src/styles/list/list.css.map +1 -0
- package/src/styles/nav/nav.css +21 -1
- package/src/styles/nav/nav.css.map +1 -1
- package/src/styles/tag/tag.css +113 -35
- package/src/styles/tag/tag.css.map +1 -1
- package/src/styles/utilities/_disabled.scss +58 -0
- package/src/test/setup.d.ts +9 -0
- package/src/test/setup.ts +53 -1
- package/src/types/shared.ts +43 -6
- package/src/utils/accessibility.ts +109 -0
- package/libs/chunk-5ZM4XL44.js +0 -8
- package/libs/chunk-5ZM4XL44.js.map +0 -1
- package/libs/chunk-6BVXFW7U.cjs +0 -15
- package/libs/chunk-6BVXFW7U.cjs.map +0 -1
- package/libs/chunk-6TE5QEVE.cjs.map +0 -1
- package/libs/chunk-7K76RW2A.cjs +0 -18
- package/libs/chunk-7K76RW2A.cjs.map +0 -1
- package/libs/chunk-BHRQBJRY.js +0 -8
- package/libs/chunk-BHRQBJRY.js.map +0 -1
- package/libs/chunk-BIP2NY53.js +0 -8
- package/libs/chunk-BIP2NY53.js.map +0 -1
- package/libs/chunk-BSPKFLO4.js +0 -8
- package/libs/chunk-BSPKFLO4.js.map +0 -1
- package/libs/chunk-BV5CLH44.cjs +0 -18
- package/libs/chunk-BV5CLH44.cjs.map +0 -1
- package/libs/chunk-DKGJHKGW.js +0 -9
- package/libs/chunk-DKGJHKGW.js.map +0 -1
- package/libs/chunk-DV56L5YX.cjs +0 -18
- package/libs/chunk-DV56L5YX.cjs.map +0 -1
- package/libs/chunk-ECLD37WN.cjs +0 -16
- package/libs/chunk-ECLD37WN.cjs.map +0 -1
- package/libs/chunk-EQ67LF46.js +0 -9
- package/libs/chunk-EQ67LF46.js.map +0 -1
- package/libs/chunk-HYBZBN4G.js +0 -8
- package/libs/chunk-HYBZBN4G.js.map +0 -1
- package/libs/chunk-IYUN2EW3.cjs +0 -15
- package/libs/chunk-IYUN2EW3.cjs.map +0 -1
- package/libs/chunk-KKLTUJFB.cjs.map +0 -1
- package/libs/chunk-LHVJKDMA.cjs +0 -15
- package/libs/chunk-LHVJKDMA.cjs.map +0 -1
- package/libs/chunk-LL7HTLMS.cjs +0 -15
- package/libs/chunk-LL7HTLMS.cjs.map +0 -1
- package/libs/chunk-M5QL5TAE.cjs +0 -14
- package/libs/chunk-M5QL5TAE.cjs.map +0 -1
- package/libs/chunk-NE6YXTMC.js +0 -7
- package/libs/chunk-NE6YXTMC.js.map +0 -1
- package/libs/chunk-NHYXGV3L.js +0 -8
- package/libs/chunk-NHYXGV3L.js.map +0 -1
- package/libs/chunk-O6QZBB6G.js.map +0 -1
- package/libs/chunk-P7TTEYCD.js +0 -7
- package/libs/chunk-P7TTEYCD.js.map +0 -1
- package/libs/chunk-PPOOBUOS.js +0 -8
- package/libs/chunk-PPOOBUOS.js.map +0 -1
- package/libs/chunk-QCMV4VQZ.js +0 -8
- package/libs/chunk-QCMV4VQZ.js.map +0 -1
- package/libs/chunk-QVV34QEH.cjs +0 -32
- package/libs/chunk-QVV34QEH.cjs.map +0 -1
- package/libs/chunk-S7BABR7Z.cjs +0 -13
- package/libs/chunk-S7BABR7Z.cjs.map +0 -1
- package/libs/chunk-SXVZSWX6.js +0 -11
- package/libs/chunk-SXVZSWX6.js.map +0 -1
- package/libs/chunk-X3EVB7VS.cjs +0 -15
- package/libs/chunk-X3EVB7VS.cjs.map +0 -1
- package/libs/inputs-f3a216db.d.ts +0 -45
- package/libs/ui-9a6f9f8d.d.ts +0 -24
- package/src/components/cards/README.md +0 -80
- package/src/components/dialog/hooks/useClickOutside.ts +0 -33
- /package/libs/{chunk-YWOYVRFT.js.map → chunk-7XPFW7CB.js.map} +0 -0
- /package/libs/{chunk-ICCKQ2GC.cjs.map → chunk-DKTHCQ5P.cjs.map} +0 -0
- /package/libs/{chunk-LIQJ7ZZR.js.map → chunk-IQ76HGVP.js.map} +0 -0
- /package/libs/{chunk-LT5KZ2QW.cjs.map → chunk-US2I5GI7.cjs.map} +0 -0
- /package/libs/{chunk-E3XP6BEX.cjs.map → chunk-W2UIN7EV.cjs.map} +0 -0
- /package/libs/{chunk-5M57K4SW.js.map → chunk-Y2PFDELK.js.map} +0 -0
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../chunk-
|
|
3
|
+
var chunkUS2I5GI7_cjs = require('../../chunk-US2I5GI7.cjs');
|
|
4
|
+
require('../../chunk-E2AJURUW.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, 'RenderBody', {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkUS2I5GI7_cjs.h; }
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, 'RenderHead', {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunkUS2I5GI7_cjs.g; }
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, 'RenderTable', {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get: function () { return
|
|
18
|
+
get: function () { return chunkUS2I5GI7_cjs.i; }
|
|
19
19
|
});
|
|
20
20
|
//# sourceMappingURL=out.js.map
|
|
21
21
|
//# sourceMappingURL=table.cjs.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { C as ComponentProps } from '../../component-props-
|
|
2
|
-
import
|
|
1
|
+
import { C as ComponentProps } from '../../component-props-67d978a2.js';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
|
|
4
4
|
interface TableProps extends ComponentProps {
|
|
5
|
-
tblHead:
|
|
6
|
-
tblBody:
|
|
7
|
-
tblCaption?:
|
|
5
|
+
tblHead: React.ReactNode;
|
|
6
|
+
tblBody: React.ReactNode;
|
|
7
|
+
tblCaption?: React.ReactNode;
|
|
8
8
|
}
|
|
9
9
|
type dataType = {
|
|
10
10
|
id: number;
|
|
@@ -14,14 +14,14 @@ type dataType = {
|
|
|
14
14
|
* Render the `thead` by passing an array of names
|
|
15
15
|
*/
|
|
16
16
|
declare const RenderHead: {
|
|
17
|
-
(data: []):
|
|
17
|
+
(data: []): React.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
/**
|
|
21
21
|
* Render the table body `tr`, `td` with the data provided
|
|
22
22
|
*/
|
|
23
23
|
declare const RenderBody: {
|
|
24
|
-
(data: {}[]):
|
|
24
|
+
(data: {}[]): React.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
/**
|
|
@@ -29,7 +29,7 @@ declare const RenderBody: {
|
|
|
29
29
|
* caption is optional
|
|
30
30
|
*/
|
|
31
31
|
declare const RenderTable: {
|
|
32
|
-
({ tblBody, tblCaption, tblHead }: TableProps):
|
|
32
|
+
({ tblBody, tblCaption, tblHead }: TableProps): React.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { C as ComponentProps } from '../../component-props-
|
|
2
|
-
import
|
|
1
|
+
import { C as ComponentProps } from '../../component-props-67d978a2.js';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
|
|
4
4
|
interface TableProps extends ComponentProps {
|
|
5
|
-
tblHead:
|
|
6
|
-
tblBody:
|
|
7
|
-
tblCaption?:
|
|
5
|
+
tblHead: React.ReactNode;
|
|
6
|
+
tblBody: React.ReactNode;
|
|
7
|
+
tblCaption?: React.ReactNode;
|
|
8
8
|
}
|
|
9
9
|
type dataType = {
|
|
10
10
|
id: number;
|
|
@@ -14,14 +14,14 @@ type dataType = {
|
|
|
14
14
|
* Render the `thead` by passing an array of names
|
|
15
15
|
*/
|
|
16
16
|
declare const RenderHead: {
|
|
17
|
-
(data: []):
|
|
17
|
+
(data: []): React.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
/**
|
|
21
21
|
* Render the table body `tr`, `td` with the data provided
|
|
22
22
|
*/
|
|
23
23
|
declare const RenderBody: {
|
|
24
|
-
(data: {}[]):
|
|
24
|
+
(data: {}[]): React.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
/**
|
|
@@ -29,7 +29,7 @@ declare const RenderBody: {
|
|
|
29
29
|
* caption is optional
|
|
30
30
|
*/
|
|
31
31
|
declare const RenderTable: {
|
|
32
|
-
({ tblBody, tblCaption, tblHead }: TableProps):
|
|
32
|
+
({ tblBody, tblCaption, tblHead }: TableProps): React.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { h as RenderBody, g as RenderHead, i as RenderTable } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
export { h as RenderBody, g as RenderHead, i as RenderTable } from '../../chunk-Y2PFDELK.js';
|
|
2
|
+
import '../../chunk-6SAHIYCZ.js';
|
|
3
3
|
//# sourceMappingURL=out.js.map
|
|
4
4
|
//# sourceMappingURL=table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
p[role=note],[role=note],small>span,[data-tag]{--beta:
|
|
1
|
+
p[role=note],[role=note],small>span,[data-tag]{--beta: #fbbf24;--stable: #0f7c3e;--production: #1e3a8a;--tag-px: 0.7rem;--tag-py: 0.2rem;--tag-fs: 0.8rem;--tag-radius: 99rem;--tag-bg: lightgray;--tag-fw: 500;--tag-color: currentColor;--tag-display: inline-block;display:var(--tag-display);padding-inline:var(--tag-px);padding-block:var(--tag-py);font-size:var(--tag-fs);color:var(--tag-color);background-color:var(--tag-bg);border-radius:var(--tag-radius)}p[role=note]:focus-visible,[role=note]:focus-visible,small>span:focus-visible,[data-tag]:focus-visible{outline:2px solid currentColor;outline-offset:2px}p[role=note]:focus:not(:focus-visible),[role=note]:focus:not(:focus-visible),small>span:focus:not(:focus-visible),[data-tag]:focus:not(:focus-visible){outline:none}p[role=note][data-tag~=alpha],[role=note][data-tag~=alpha],small>span[data-tag~=alpha],[data-tag][data-tag~=alpha]{--tag-color: #000000;--tag-bg: var(--beta)}p[role=note][data-tag~=alpha]::before,[role=note][data-tag~=alpha]::before,small>span[data-tag~=alpha]::before,[data-tag][data-tag~=alpha]::before{content:"⚠";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{--tag-color: #000000;--tag-bg: var(--beta)}p[role=note][data-tag~=beta]::before,[role=note][data-tag~=beta]::before,small>span[data-tag~=beta]::before,[data-tag][data-tag~=beta]::before{content:"⚠";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=stable],[role=note][data-tag~=stable],small>span[data-tag~=stable],[data-tag][data-tag~=stable]{--tag-color: #ffffff;--tag-bg: var(--stable)}p[role=note][data-tag~=stable]::before,[role=note][data-tag~=stable]::before,small>span[data-tag~=stable]::before,[data-tag][data-tag~=stable]::before{content:"✓";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=production],[role=note][data-tag~=production],small>span[data-tag~=production],[data-tag][data-tag~=production]{--tag-color: #ffffff;--tag-bg: var(--production)}p[role=note][data-tag~=production]::before,[role=note][data-tag~=production]::before,small>span[data-tag~=production]::before,[data-tag][data-tag~=production]::before{content:"●";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note]{--tag-display: block;--tag-radius: 0.5rem}/*# sourceMappingURL=tag.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/tag/tag.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/tag/tag.scss"],"names":[],"mappings":"CAiBA,+CAKE,gBACA,kBACA,sBAGA,iBACA,iBACA,iBACA,oBACA,oBACA,cACA,0BACA,4BAGA,2BACA,6BACA,4BACA,wBACA,uBACA,+BACA,gCAMA,uGACE,+BACA,mBAIF,uJACE,aAUF,mHACE,qBACA,sBAGA,mJACE,YACA,yBACA,gBACA,iBAKJ,+GACE,qBACA,sBAGA,+IACE,YACA,yBACA,gBACA,iBAKJ,uHACE,qBACA,wBAGA,uJACE,YACA,yBACA,gBACA,iBAKJ,uIACE,qBACA,4BAGA,uKACE,YACA,yBACA,gBACA,iBASN,aACE,qBACA","file":"tag.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
p[role=note],[role=note],small>span,[data-tag]{--beta:
|
|
1
|
+
p[role=note],[role=note],small>span,[data-tag]{--beta: #fbbf24;--stable: #0f7c3e;--production: #1e3a8a;--tag-px: 0.7rem;--tag-py: 0.2rem;--tag-fs: 0.8rem;--tag-radius: 99rem;--tag-bg: lightgray;--tag-fw: 500;--tag-color: currentColor;--tag-display: inline-block;display:var(--tag-display);padding-inline:var(--tag-px);padding-block:var(--tag-py);font-size:var(--tag-fs);color:var(--tag-color);background-color:var(--tag-bg);border-radius:var(--tag-radius)}p[role=note]:focus-visible,[role=note]:focus-visible,small>span:focus-visible,[data-tag]:focus-visible{outline:2px solid currentColor;outline-offset:2px}p[role=note]:focus:not(:focus-visible),[role=note]:focus:not(:focus-visible),small>span:focus:not(:focus-visible),[data-tag]:focus:not(:focus-visible){outline:none}p[role=note][data-tag~=alpha],[role=note][data-tag~=alpha],small>span[data-tag~=alpha],[data-tag][data-tag~=alpha]{--tag-color: #000000;--tag-bg: var(--beta)}p[role=note][data-tag~=alpha]::before,[role=note][data-tag~=alpha]::before,small>span[data-tag~=alpha]::before,[data-tag][data-tag~=alpha]::before{content:"⚠";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{--tag-color: #000000;--tag-bg: var(--beta)}p[role=note][data-tag~=beta]::before,[role=note][data-tag~=beta]::before,small>span[data-tag~=beta]::before,[data-tag][data-tag~=beta]::before{content:"⚠";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=stable],[role=note][data-tag~=stable],small>span[data-tag~=stable],[data-tag][data-tag~=stable]{--tag-color: #ffffff;--tag-bg: var(--stable)}p[role=note][data-tag~=stable]::before,[role=note][data-tag~=stable]::before,small>span[data-tag~=stable]::before,[data-tag][data-tag~=stable]::before{content:"✓";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=production],[role=note][data-tag~=production],small>span[data-tag~=production],[data-tag][data-tag~=production]{--tag-color: #ffffff;--tag-bg: var(--production)}p[role=note][data-tag~=production]::before,[role=note][data-tag~=production]::before,small>span[data-tag~=production]::before,[data-tag][data-tag~=production]::before{content:"●";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note]{--tag-display: block;--tag-radius: 0.5rem}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5jc3MiLCIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90YWcvdGFnLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0NDaUJBLGVBS0UsQ0FBQSxpQkFDQSxDQUFBLHFCQUNBLENBQUEsZ0JBR0EsQ0FBQSxnQkFDQSxDQUFBLGdCQUNBLENBQUEsbUJBQ0EsQ0FBQSxtQkFDQSxDQUFBLGFBQ0EsQ0FBQSx5QkFDQSxDQUFBLDJCQUNBLENBQUEsMEJBR0EsQ0FBQSw0QkFDQSxDQUFBLDJCQUNBLENBQUEsdUJBQ0EsQ0FBQSxzQkFDQSxDQUFBLDhCQUNBLENBQUEsK0JBQ0EsQ0FBQSx1R0FNQSw4QkFDRSxDQUFBLGtCQUNBLENBQUEsdUpBSUYsWUFDRSxDQUFBLG1IQVVGLG9CQUNFLENBQUEscUJBQ0EsQ0FBQSxtSkFHQSxXQUNFLENBQUEsd0JBQ0EsQ0FBQSxlQUNBLENBQUEsZ0JBQ0EsQ0FBQSwrR0FLSixvQkFDRSxDQUFBLHFCQUNBLENBQUEsK0lBR0EsV0FDRSxDQUFBLHdCQUNBLENBQUEsZUFDQSxDQUFBLGdCQUNBLENBQUEsdUhBS0osb0JBQ0UsQ0FBQSx1QkFDQSxDQUFBLHVKQUdBLFdBQ0UsQ0FBQSx3QkFDQSxDQUFBLGVBQ0EsQ0FBQSxnQkFDQSxDQUFBLHVJQUtKLG9CQUNFLENBQUEsMkJBQ0EsQ0FBQSx1S0FHQSxXQUNFLENBQUEsd0JBQ0EsQ0FBQSxlQUNBLENBQUEsZ0JBQ0EsQ0FBQSxhQVNOLG9CQUNFLENBQUEsb0JBQ0EiLCJmaWxlIjoidGFnLm1pbi5jc3MifQ== */
|
|
@@ -2,22 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../../chunk-
|
|
5
|
+
var chunkW2UIN7EV_cjs = require('../../chunk-W2UIN7EV.cjs');
|
|
6
|
+
require('../../chunk-ENTCUJ3A.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, 'Text', {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function () { return
|
|
12
|
+
get: function () { return chunkW2UIN7EV_cjs.a; }
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, 'Title', {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () { return
|
|
16
|
+
get: function () { return chunkW2UIN7EV_cjs.b; }
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, 'default', {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () { return
|
|
20
|
+
get: function () { return chunkW2UIN7EV_cjs.c; }
|
|
21
21
|
});
|
|
22
22
|
//# sourceMappingURL=out.js.map
|
|
23
23
|
//# sourceMappingURL=text.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { U as UI } from '../../ui-d01b50d4.js';
|
|
3
3
|
|
|
4
|
-
type InheritedProps =
|
|
4
|
+
type InheritedProps = React.ComponentProps<typeof UI>;
|
|
5
5
|
type TextElements = 'a' | 'b' | 'blockquote' | 'b' | 'blockquote' | 'cite' | 'code' | 'em' | 'i' | 'em' | 'i' | 'kbd' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'time' | 'u';
|
|
6
6
|
type TextProps = {
|
|
7
7
|
/**
|
|
@@ -13,7 +13,7 @@ type TextProps = {
|
|
|
13
13
|
text?: string;
|
|
14
14
|
} & InheritedProps;
|
|
15
15
|
declare const Text: {
|
|
16
|
-
({ elm, id, text, styles, classes, children, ...props }: TextProps):
|
|
16
|
+
({ elm, id, text, styles, classes, children, ...props }: TextProps): React.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type TitleProps = {
|
|
@@ -23,7 +23,7 @@ type TitleProps = {
|
|
|
23
23
|
elm?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
24
24
|
} & InheritedProps;
|
|
25
25
|
declare const Title: {
|
|
26
|
-
({ elm, id, children, styles, classes, ...props }: TitleProps):
|
|
26
|
+
({ elm, id, children, styles, classes, ...props }: TitleProps): React.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { U as UI } from '../../ui-d01b50d4.js';
|
|
3
3
|
|
|
4
|
-
type InheritedProps =
|
|
4
|
+
type InheritedProps = React.ComponentProps<typeof UI>;
|
|
5
5
|
type TextElements = 'a' | 'b' | 'blockquote' | 'b' | 'blockquote' | 'cite' | 'code' | 'em' | 'i' | 'em' | 'i' | 'kbd' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'time' | 'u';
|
|
6
6
|
type TextProps = {
|
|
7
7
|
/**
|
|
@@ -13,7 +13,7 @@ type TextProps = {
|
|
|
13
13
|
text?: string;
|
|
14
14
|
} & InheritedProps;
|
|
15
15
|
declare const Text: {
|
|
16
|
-
({ elm, id, text, styles, classes, children, ...props }: TextProps):
|
|
16
|
+
({ elm, id, text, styles, classes, children, ...props }: TextProps): React.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type TitleProps = {
|
|
@@ -23,7 +23,7 @@ type TitleProps = {
|
|
|
23
23
|
elm?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
24
24
|
} & InheritedProps;
|
|
25
25
|
declare const Title: {
|
|
26
|
-
({ elm, id, children, styles, classes, ...props }: TitleProps):
|
|
26
|
+
({ elm, id, children, styles, classes, ...props }: TitleProps): React.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { a as Text, b as Title, c as default } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
export { a as Text, b as Title, c as default } from '../../chunk-IQ76HGVP.js';
|
|
2
|
+
import '../../chunk-HHLNOC5T.js';
|
|
3
3
|
//# sourceMappingURL=out.js.map
|
|
4
4
|
//# sourceMappingURL=text.js.map
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Validation state for form inputs
|
|
5
|
+
*/
|
|
6
|
+
type ValidationState = 'valid' | 'invalid' | 'none';
|
|
7
|
+
/**
|
|
8
|
+
* Input component props interface
|
|
9
|
+
* Extends native HTML input props with custom validation and accessibility features
|
|
10
|
+
*
|
|
11
|
+
* @interface InputProps
|
|
12
|
+
*/
|
|
13
|
+
interface InputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'className'> {
|
|
14
|
+
/**
|
|
15
|
+
* Input type attribute
|
|
16
|
+
* @default 'text'
|
|
17
|
+
*/
|
|
18
|
+
type?: React.HTMLInputTypeAttribute;
|
|
19
|
+
/**
|
|
20
|
+
* Unique identifier for the input element
|
|
21
|
+
*/
|
|
22
|
+
id?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Name attribute for form submission
|
|
25
|
+
*/
|
|
26
|
+
name?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Controlled value
|
|
29
|
+
*/
|
|
30
|
+
value?: string | number | readonly string[];
|
|
31
|
+
/**
|
|
32
|
+
* Uncontrolled default value
|
|
33
|
+
*/
|
|
34
|
+
defaultValue?: string | number | readonly string[];
|
|
35
|
+
/**
|
|
36
|
+
* Placeholder text
|
|
37
|
+
*/
|
|
38
|
+
placeholder?: string;
|
|
39
|
+
/**
|
|
40
|
+
* CSS class names (preferred over 'className' for consistency with fpkit components)
|
|
41
|
+
*/
|
|
42
|
+
classes?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Inline CSS styles object
|
|
45
|
+
*/
|
|
46
|
+
styles?: React.CSSProperties;
|
|
47
|
+
/**
|
|
48
|
+
* Disabled state (standard prop)
|
|
49
|
+
*/
|
|
50
|
+
disabled?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Disabled state (legacy support)
|
|
53
|
+
* @deprecated Use `disabled` instead
|
|
54
|
+
*/
|
|
55
|
+
isDisabled?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Read-only state
|
|
58
|
+
*/
|
|
59
|
+
readOnly?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Required field indicator
|
|
62
|
+
* @default false
|
|
63
|
+
*/
|
|
64
|
+
required?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Current validation state for styling and accessibility
|
|
67
|
+
* @default 'none'
|
|
68
|
+
*/
|
|
69
|
+
validationState?: ValidationState;
|
|
70
|
+
/**
|
|
71
|
+
* Error message to display and link via aria-describedby
|
|
72
|
+
*/
|
|
73
|
+
errorMessage?: string;
|
|
74
|
+
/**
|
|
75
|
+
* Hint text to display and link via aria-describedby
|
|
76
|
+
*/
|
|
77
|
+
hintText?: string;
|
|
78
|
+
/**
|
|
79
|
+
* Maximum character length
|
|
80
|
+
*/
|
|
81
|
+
maxLength?: number;
|
|
82
|
+
/**
|
|
83
|
+
* Minimum character length
|
|
84
|
+
*/
|
|
85
|
+
minLength?: number;
|
|
86
|
+
/**
|
|
87
|
+
* Validation pattern regex
|
|
88
|
+
*/
|
|
89
|
+
pattern?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Autocomplete attribute for browser autofill
|
|
92
|
+
*/
|
|
93
|
+
autoComplete?: string;
|
|
94
|
+
/**
|
|
95
|
+
* Auto-focus on mount
|
|
96
|
+
* @default false
|
|
97
|
+
*/
|
|
98
|
+
autoFocus?: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* Input mode for virtual keyboards
|
|
101
|
+
*/
|
|
102
|
+
inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
|
|
103
|
+
/**
|
|
104
|
+
* Change event handler
|
|
105
|
+
*/
|
|
106
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
107
|
+
/**
|
|
108
|
+
* Blur event handler
|
|
109
|
+
*/
|
|
110
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
111
|
+
/**
|
|
112
|
+
* Focus event handler
|
|
113
|
+
*/
|
|
114
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
115
|
+
/**
|
|
116
|
+
* Key down event handler
|
|
117
|
+
*/
|
|
118
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
|
|
119
|
+
/**
|
|
120
|
+
* Accessibility handler for Enter key press
|
|
121
|
+
* Enables keyboard-only users to trigger actions without requiring mouse interaction
|
|
122
|
+
* @param {React.KeyboardEvent<HTMLInputElement>} event - Keyboard event
|
|
123
|
+
*
|
|
124
|
+
* @see {@link https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html|WCAG 2.1.1 Keyboard}
|
|
125
|
+
*/
|
|
126
|
+
onEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
127
|
+
}
|
|
128
|
+
/**
|
|
129
|
+
* Textarea component props interface
|
|
130
|
+
* Extends native HTML textarea props with custom validation and accessibility features
|
|
131
|
+
*
|
|
132
|
+
* @interface TextareaProps
|
|
133
|
+
*/
|
|
134
|
+
interface TextareaProps extends Omit<React.ComponentPropsWithoutRef<'textarea'>, 'className'> {
|
|
135
|
+
/**
|
|
136
|
+
* Unique identifier for the textarea element
|
|
137
|
+
*/
|
|
138
|
+
id?: string;
|
|
139
|
+
/**
|
|
140
|
+
* Name attribute for form submission
|
|
141
|
+
*/
|
|
142
|
+
name?: string;
|
|
143
|
+
/**
|
|
144
|
+
* Controlled value
|
|
145
|
+
*/
|
|
146
|
+
value?: string | number | readonly string[];
|
|
147
|
+
/**
|
|
148
|
+
* Uncontrolled default value
|
|
149
|
+
*/
|
|
150
|
+
defaultValue?: string | number | readonly string[];
|
|
151
|
+
/**
|
|
152
|
+
* Placeholder text
|
|
153
|
+
*/
|
|
154
|
+
placeholder?: string;
|
|
155
|
+
/**
|
|
156
|
+
* CSS class names (preferred over 'className' for consistency with fpkit components)
|
|
157
|
+
*/
|
|
158
|
+
classes?: string;
|
|
159
|
+
/**
|
|
160
|
+
* Inline CSS styles object
|
|
161
|
+
*/
|
|
162
|
+
styles?: React.CSSProperties;
|
|
163
|
+
/**
|
|
164
|
+
* Number of visible text rows
|
|
165
|
+
* @default 5
|
|
166
|
+
*/
|
|
167
|
+
rows?: number;
|
|
168
|
+
/**
|
|
169
|
+
* Number of visible text columns
|
|
170
|
+
* @default 25
|
|
171
|
+
*/
|
|
172
|
+
cols?: number;
|
|
173
|
+
/**
|
|
174
|
+
* Disabled state
|
|
175
|
+
*/
|
|
176
|
+
disabled?: boolean;
|
|
177
|
+
/**
|
|
178
|
+
* Read-only state
|
|
179
|
+
*/
|
|
180
|
+
readOnly?: boolean;
|
|
181
|
+
/**
|
|
182
|
+
* Required field indicator
|
|
183
|
+
* @default false
|
|
184
|
+
*/
|
|
185
|
+
required?: boolean;
|
|
186
|
+
/**
|
|
187
|
+
* Current validation state for styling and accessibility
|
|
188
|
+
* @default 'none'
|
|
189
|
+
*/
|
|
190
|
+
validationState?: ValidationState;
|
|
191
|
+
/**
|
|
192
|
+
* Error message to display and link via aria-describedby
|
|
193
|
+
*/
|
|
194
|
+
errorMessage?: string;
|
|
195
|
+
/**
|
|
196
|
+
* Hint text to display and link via aria-describedby
|
|
197
|
+
*/
|
|
198
|
+
hintText?: string;
|
|
199
|
+
/**
|
|
200
|
+
* Change event handler
|
|
201
|
+
*/
|
|
202
|
+
onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
|
|
203
|
+
/**
|
|
204
|
+
* Blur event handler
|
|
205
|
+
*/
|
|
206
|
+
onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
|
|
207
|
+
/**
|
|
208
|
+
* Focus event handler
|
|
209
|
+
*/
|
|
210
|
+
onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
|
|
211
|
+
/**
|
|
212
|
+
* Pointer down event handler
|
|
213
|
+
*/
|
|
214
|
+
onPointerDown?: React.PointerEventHandler<HTMLTextAreaElement>;
|
|
215
|
+
/**
|
|
216
|
+
* Key down event handler
|
|
217
|
+
*/
|
|
218
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
|
|
219
|
+
/**
|
|
220
|
+
* Accessibility handler for Enter key press (without Shift modifier)
|
|
221
|
+
* Enables keyboard-only users to submit forms with Enter, while Shift+Enter creates new lines
|
|
222
|
+
* @param {React.KeyboardEvent<HTMLTextAreaElement>} event - Keyboard event
|
|
223
|
+
*
|
|
224
|
+
* @see {@link https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html|WCAG 2.1.1 Keyboard}
|
|
225
|
+
*/
|
|
226
|
+
onEnter?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
|
|
227
|
+
/**
|
|
228
|
+
* Ref for the textarea element
|
|
229
|
+
*/
|
|
230
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
export { InputProps as I, TextareaProps as T };
|