@fpkit/acss 0.5.13 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/libs/{chunk-PQ2K3BM6.cjs → chunk-2NRIP6RB.cjs} +3 -3
- 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-772NRB75.js → chunk-5QD3DWFI.js} +2 -2
- package/libs/chunk-6SAHIYCZ.js +7 -0
- package/libs/chunk-6SAHIYCZ.js.map +1 -0
- package/libs/{chunk-3MKLDCKQ.cjs → chunk-6WTC4JXH.cjs} +3 -3
- package/libs/chunk-75QHTLFO.js +7 -0
- package/libs/chunk-75QHTLFO.js.map +1 -0
- package/libs/{chunk-ZANSFMTD.js → chunk-7XPFW7CB.js} +3 -3
- package/libs/chunk-BFK62VX5.js +5 -0
- package/libs/chunk-BFK62VX5.js.map +1 -0
- package/libs/{chunk-ROZI23GS.cjs → chunk-DKTHCQ5P.cjs} +4 -4
- package/libs/chunk-E2AJURUW.cjs +13 -0
- package/libs/chunk-E2AJURUW.cjs.map +1 -0
- package/libs/{chunk-L75OQKEI.cjs → chunk-ENTCUJ3A.cjs} +3 -3
- 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-NGTJDDFO.js → chunk-IQ76HGVP.js} +2 -2
- package/libs/chunk-IRLFZ3OL.js +9 -0
- package/libs/chunk-IRLFZ3OL.js.map +1 -0
- package/libs/{chunk-JJ43O4Y5.js → chunk-KK47SYZI.js} +2 -2
- 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-D4YLRWAO.cjs → chunk-QVW6W76L.cjs} +6 -6
- 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-B7F5FS6D.cjs → chunk-W2UIN7EV.cjs} +3 -3
- package/libs/{chunk-P2DC76ZZ.cjs → chunk-W5TKWBFC.cjs} +3 -3
- package/libs/chunk-WXBFBWYF.cjs +16 -0
- package/libs/chunk-WXBFBWYF.cjs.map +1 -0
- package/libs/{chunk-VUH3FXGJ.js → chunk-X3JCTEPD.js} +5 -5
- 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-ETFLFC2S.js → chunk-ZFJ4U45S.js} +2 -2
- 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/breadcrumbs/breadcrumb.cjs +6 -6
- package/libs/components/breadcrumbs/breadcrumb.d.cts +11 -11
- package/libs/components/breadcrumbs/breadcrumb.d.ts +11 -11
- 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/card.cjs +7 -7
- package/libs/components/card.d.cts +14 -14
- package/libs/components/card.d.ts +14 -14
- package/libs/components/card.js +2 -2
- package/libs/components/dialog/dialog.cjs +9 -7
- package/libs/components/dialog/dialog.d.cts +3 -3
- package/libs/components/dialog/dialog.d.ts +3 -3
- package/libs/components/dialog/dialog.js +7 -5
- 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 +2 -2
- package/libs/components/heading/heading.d.ts +2 -2
- package/libs/components/heading/heading.js +2 -2
- package/libs/components/icons/icon.cjs +4 -4
- package/libs/components/icons/icon.d.cts +38 -38
- package/libs/components/icons/icon.d.ts +38 -38
- package/libs/components/icons/icon.js +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-3648c538.d.ts → heading-7446cb46.d.ts} +8 -8
- package/libs/hooks.cjs +9 -4
- package/libs/hooks.d.cts +137 -3
- package/libs/hooks.d.ts +137 -3
- package/libs/hooks.js +4 -3
- 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 +53 -51
- 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 +338 -49
- package/libs/index.d.ts +338 -49
- package/libs/index.js +24 -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-645f95b5.d.ts → ui-d01b50d4.d.ts} +16 -12
- package/package.json +4 -6
- package/src/components/alert/alert.scss +1 -4
- package/src/components/breadcrumbs/breadcrumb.tsx +4 -1
- package/src/components/buttons/README.mdx +102 -1
- package/src/components/buttons/button.stories.tsx +106 -0
- package/src/components/buttons/button.tsx +82 -52
- package/src/components/dialog/dialog-a11y-review.md +653 -0
- 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/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 +37 -4
- 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/ui.tsx +8 -3
- 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 +6 -0
- package/src/index.scss +2 -0
- package/src/index.ts +2 -1
- package/src/sass/_globals.scss +2 -7
- package/src/styles/alert/alert.css +1 -3
- package/src/styles/alert/alert.css.map +1 -1
- package/src/styles/index.css +461 -81
- 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 +32 -6
- 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/types/shared.ts +43 -6
- package/src/utils/accessibility.ts +109 -0
- package/libs/chunk-2LTJ7HHX.cjs +0 -18
- package/libs/chunk-2LTJ7HHX.cjs.map +0 -1
- package/libs/chunk-2Y7W75TT.js +0 -9
- package/libs/chunk-2Y7W75TT.js.map +0 -1
- package/libs/chunk-5S4ORA4C.cjs +0 -15
- package/libs/chunk-5S4ORA4C.cjs.map +0 -1
- package/libs/chunk-AHDJGCG5.cjs +0 -15
- package/libs/chunk-AHDJGCG5.cjs.map +0 -1
- package/libs/chunk-BHRQBJRY.js +0 -8
- package/libs/chunk-BHRQBJRY.js.map +0 -1
- package/libs/chunk-GZ4QFPRY.js +0 -9
- package/libs/chunk-GZ4QFPRY.js.map +0 -1
- package/libs/chunk-IYUN2EW3.cjs +0 -15
- package/libs/chunk-IYUN2EW3.cjs.map +0 -1
- package/libs/chunk-J32EZPYD.cjs +0 -15
- package/libs/chunk-J32EZPYD.cjs.map +0 -1
- package/libs/chunk-KUKIVRC2.js +0 -7
- package/libs/chunk-KUKIVRC2.js.map +0 -1
- package/libs/chunk-L75OQKEI.cjs.map +0 -1
- package/libs/chunk-M5RRNTVX.cjs +0 -15
- package/libs/chunk-M5RRNTVX.cjs.map +0 -1
- package/libs/chunk-OK5QEIMD.cjs +0 -17
- package/libs/chunk-OK5QEIMD.cjs.map +0 -1
- package/libs/chunk-P7TTEYCD.js +0 -7
- package/libs/chunk-P7TTEYCD.js.map +0 -1
- package/libs/chunk-QLZWHAMK.js +0 -8
- package/libs/chunk-QLZWHAMK.js.map +0 -1
- package/libs/chunk-RIVUMPOG.js +0 -8
- package/libs/chunk-RIVUMPOG.js.map +0 -1
- package/libs/chunk-S7BABR7Z.cjs +0 -13
- package/libs/chunk-S7BABR7Z.cjs.map +0 -1
- package/libs/chunk-SMYRLO3E.js +0 -8
- package/libs/chunk-SMYRLO3E.js.map +0 -1
- package/libs/chunk-TYRCEX2L.js +0 -8
- package/libs/chunk-TYRCEX2L.js.map +0 -1
- package/libs/chunk-XBA562WW.js +0 -8
- package/libs/chunk-XBA562WW.js.map +0 -1
- package/libs/chunk-XTQKWY7W.cjs +0 -32
- package/libs/chunk-XTQKWY7W.cjs.map +0 -1
- package/libs/inputs-f3a216db.d.ts +0 -45
- /package/libs/{chunk-PQ2K3BM6.cjs.map → chunk-2NRIP6RB.cjs.map} +0 -0
- /package/libs/{chunk-772NRB75.js.map → chunk-5QD3DWFI.js.map} +0 -0
- /package/libs/{chunk-3MKLDCKQ.cjs.map → chunk-6WTC4JXH.cjs.map} +0 -0
- /package/libs/{chunk-ZANSFMTD.js.map → chunk-7XPFW7CB.js.map} +0 -0
- /package/libs/{chunk-ROZI23GS.cjs.map → chunk-DKTHCQ5P.cjs.map} +0 -0
- /package/libs/{chunk-NGTJDDFO.js.map → chunk-IQ76HGVP.js.map} +0 -0
- /package/libs/{chunk-JJ43O4Y5.js.map → chunk-KK47SYZI.js.map} +0 -0
- /package/libs/{chunk-D4YLRWAO.cjs.map → chunk-QVW6W76L.cjs.map} +0 -0
- /package/libs/{chunk-LT5KZ2QW.cjs.map → chunk-US2I5GI7.cjs.map} +0 -0
- /package/libs/{chunk-B7F5FS6D.cjs.map → chunk-W2UIN7EV.cjs.map} +0 -0
- /package/libs/{chunk-P2DC76ZZ.cjs.map → chunk-W5TKWBFC.cjs.map} +0 -0
- /package/libs/{chunk-VUH3FXGJ.js.map → chunk-X3JCTEPD.js.map} +0 -0
- /package/libs/{chunk-5M57K4SW.js.map → chunk-Y2PFDELK.js.map} +0 -0
- /package/libs/{chunk-ETFLFC2S.js.map → chunk-ZFJ4U45S.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 { U as UI } from '../../ui-
|
|
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 { U as UI } from '../../ui-
|
|
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 };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { U as UI } from './ui-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { U as UI } from './ui-d01b50d4.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Valid HTML heading levels for semantic document structure.
|
|
@@ -61,7 +61,7 @@ type TitleProps$1 = {
|
|
|
61
61
|
* Can be text, elements, or a combination. Ensure text content is meaningful
|
|
62
62
|
* and descriptive for users navigating with screen readers.
|
|
63
63
|
*/
|
|
64
|
-
children:
|
|
64
|
+
children: React.ReactNode;
|
|
65
65
|
/**
|
|
66
66
|
* Unique identifier for the heading element.
|
|
67
67
|
*
|
|
@@ -88,7 +88,7 @@ type TitleProps$1 = {
|
|
|
88
88
|
* utility classes or custom overrides.
|
|
89
89
|
*/
|
|
90
90
|
className?: string;
|
|
91
|
-
} &
|
|
91
|
+
} & React.ComponentPropsWithoutRef<typeof UI>;
|
|
92
92
|
/**
|
|
93
93
|
* Title - A semantic heading component for document structure and hierarchy.
|
|
94
94
|
*
|
|
@@ -177,7 +177,7 @@ type TitleProps$1 = {
|
|
|
177
177
|
* @see {@link https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html WCAG 1.3.1}
|
|
178
178
|
* @see {@link https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html WCAG 2.4.6}
|
|
179
179
|
*/
|
|
180
|
-
declare const Title:
|
|
180
|
+
declare const Title: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TitleProps$1, "ref"> & React.RefAttributes<HTMLHeadingElement>>>;
|
|
181
181
|
|
|
182
182
|
/**
|
|
183
183
|
* @deprecated Use `Title` component instead. This component will be removed in v3.0.0.
|
|
@@ -204,7 +204,7 @@ type TitleProps = {
|
|
|
204
204
|
/**
|
|
205
205
|
* @deprecated Use `level` prop on the `Title` component instead.
|
|
206
206
|
*/
|
|
207
|
-
children:
|
|
207
|
+
children: React.ReactNode;
|
|
208
208
|
/**
|
|
209
209
|
* @deprecated Use `level` prop on the `Title` component instead.
|
|
210
210
|
*/
|
|
@@ -213,7 +213,7 @@ type TitleProps = {
|
|
|
213
213
|
* @deprecated Use `ui` prop on the `Title` component.
|
|
214
214
|
*/
|
|
215
215
|
ui?: string;
|
|
216
|
-
} & Omit<
|
|
216
|
+
} & Omit<React.ComponentPropsWithoutRef<typeof Title>, 'level'>;
|
|
217
217
|
/**
|
|
218
218
|
* Heading - Deprecated component wrapper for Title.
|
|
219
219
|
*
|
|
@@ -245,6 +245,6 @@ type TitleProps = {
|
|
|
245
245
|
* @param {TitleProps} props - Component props (maps old API to new)
|
|
246
246
|
* @returns {React.ReactElement} The rendered Title component
|
|
247
247
|
*/
|
|
248
|
-
declare const Heading:
|
|
248
|
+
declare const Heading: React.ForwardRefExoticComponent<Omit<TitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
249
249
|
|
|
250
250
|
export { HeadingLevel as H, Title as T, TitleProps$1 as a, Heading as b, TitleProps as c };
|
package/libs/hooks.cjs
CHANGED
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkT4T6GWYQ_cjs = require('./chunk-T4T6GWYQ.cjs');
|
|
4
4
|
var chunkPDD4N5P5_cjs = require('./chunk-PDD4N5P5.cjs');
|
|
5
|
-
require('./chunk-
|
|
6
|
-
require('./chunk-
|
|
5
|
+
var chunkTON2YGMD_cjs = require('./chunk-TON2YGMD.cjs');
|
|
6
|
+
require('./chunk-33PNJ4LO.cjs');
|
|
7
|
+
require('./chunk-ENTCUJ3A.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
Object.defineProperty(exports, 'useBreadcrumbSegments', {
|
|
11
12
|
enumerable: true,
|
|
12
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkT4T6GWYQ_cjs.a; }
|
|
13
14
|
});
|
|
14
15
|
Object.defineProperty(exports, 'usePopover', {
|
|
15
16
|
enumerable: true,
|
|
16
17
|
get: function () { return chunkPDD4N5P5_cjs.a; }
|
|
17
18
|
});
|
|
19
|
+
Object.defineProperty(exports, 'useDisabledState', {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () { return chunkTON2YGMD_cjs.a; }
|
|
22
|
+
});
|
|
18
23
|
//# sourceMappingURL=out.js.map
|
|
19
24
|
//# sourceMappingURL=hooks.cjs.map
|