@flipdish/ui-library 0.4.1 → 0.4.2
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/dist/components/atoms/Avatar/components/avatar-label-group.d.ts +1 -1
- package/dist/components/atoms/Avatar/components/avatar-label-group.d.ts.map +1 -1
- package/dist/components/atoms/RatingBadge/index.d.ts +1 -1
- package/dist/components/atoms/RatingBadge/index.d.ts.map +1 -1
- package/dist/components/molecules/Alert/index.cjs +10 -0
- package/dist/components/molecules/Alert/index.cjs.map +1 -1
- package/dist/components/molecules/Alert/index.d.ts +11 -1
- package/dist/components/molecules/Alert/index.d.ts.map +1 -1
- package/dist/components/molecules/Alert/index.js +10 -0
- package/dist/components/molecules/Alert/index.js.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.cjs +6 -0
- package/dist/components/molecules/BadgeGroup/index.cjs.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.d.ts +7 -1
- package/dist/components/molecules/BadgeGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.js +6 -0
- package/dist/components/molecules/BadgeGroup/index.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.cjs +6 -0
- package/dist/components/molecules/Breadcrumbs/index.cjs.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.d.ts +7 -1
- package/dist/components/molecules/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.js +6 -0
- package/dist/components/molecules/Breadcrumbs/index.js.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.d.ts +1 -1
- package/dist/components/molecules/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/Carousel/index.cjs +16 -2
- package/dist/components/molecules/Carousel/index.cjs.map +1 -1
- package/dist/components/molecules/Carousel/index.d.ts +14 -0
- package/dist/components/molecules/Carousel/index.d.ts.map +1 -1
- package/dist/components/molecules/Carousel/index.js +16 -2
- package/dist/components/molecules/Carousel/index.js.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.cjs +4 -5
- package/dist/components/molecules/CodeSnippet/index.cjs.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.d.ts +2 -3
- package/dist/components/molecules/CodeSnippet/index.d.ts.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.js +4 -5
- package/dist/components/molecules/CodeSnippet/index.js.map +1 -1
- package/dist/components/molecules/ContentDivider/index.cjs +6 -0
- package/dist/components/molecules/ContentDivider/index.cjs.map +1 -1
- package/dist/components/molecules/ContentDivider/index.d.ts +7 -2
- package/dist/components/molecules/ContentDivider/index.d.ts.map +1 -1
- package/dist/components/molecules/ContentDivider/index.js +6 -0
- package/dist/components/molecules/ContentDivider/index.js.map +1 -1
- package/dist/components/molecules/CreditCard/index.cjs +6 -0
- package/dist/components/molecules/CreditCard/index.cjs.map +1 -1
- package/dist/components/molecules/CreditCard/index.d.ts +7 -1
- package/dist/components/molecules/CreditCard/index.d.ts.map +1 -1
- package/dist/components/molecules/CreditCard/index.js +6 -0
- package/dist/components/molecules/CreditCard/index.js.map +1 -1
- package/dist/components/molecules/Dropdown/index.cjs +4 -3
- package/dist/components/molecules/Dropdown/index.cjs.map +1 -1
- package/dist/components/molecules/Dropdown/index.d.ts +5 -4
- package/dist/components/molecules/Dropdown/index.d.ts.map +1 -1
- package/dist/components/molecules/Dropdown/index.js +4 -3
- package/dist/components/molecules/Dropdown/index.js.map +1 -1
- package/dist/components/molecules/EmptyState/index.cjs +13 -1
- package/dist/components/molecules/EmptyState/index.cjs.map +1 -1
- package/dist/components/molecules/EmptyState/index.d.ts +6 -6
- package/dist/components/molecules/EmptyState/index.d.ts.map +1 -1
- package/dist/components/molecules/EmptyState/index.js +13 -1
- package/dist/components/molecules/EmptyState/index.js.map +1 -1
- package/dist/components/molecules/Modal/index.cjs +7 -0
- package/dist/components/molecules/Modal/index.cjs.map +1 -1
- package/dist/components/molecules/Modal/index.d.ts +7 -0
- package/dist/components/molecules/Modal/index.d.ts.map +1 -1
- package/dist/components/molecules/Modal/index.js +7 -0
- package/dist/components/molecules/Modal/index.js.map +1 -1
- package/dist/components/molecules/MultiSelect/index.d.ts +6 -0
- package/dist/components/molecules/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/molecules/Notification/index.cjs +1 -1
- package/dist/components/molecules/Notification/index.cjs.map +1 -1
- package/dist/components/molecules/Notification/index.d.ts +1 -1
- package/dist/components/molecules/Notification/index.d.ts.map +1 -1
- package/dist/components/molecules/Notification/index.js +1 -1
- package/dist/components/molecules/Notification/index.js.map +1 -1
- package/dist/components/molecules/Pagination/index.cjs.map +1 -1
- package/dist/components/molecules/Pagination/index.d.ts +1 -1
- package/dist/components/molecules/Pagination/index.d.ts.map +1 -1
- package/dist/components/molecules/Pagination/index.js.map +1 -1
- package/dist/components/molecules/ProgressSteps/index.cjs +6 -0
- package/dist/components/molecules/ProgressSteps/index.cjs.map +1 -1
- package/dist/components/molecules/ProgressSteps/index.d.ts +6 -0
- package/dist/components/molecules/ProgressSteps/index.d.ts.map +1 -1
- package/dist/components/molecules/ProgressSteps/index.js +6 -0
- package/dist/components/molecules/ProgressSteps/index.js.map +1 -1
- package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.cjs +6 -0
- package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.cjs.map +1 -1
- package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.d.ts +7 -2
- package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.d.ts.map +1 -1
- package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.js +6 -0
- package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.js.map +1 -1
- package/dist/components/molecules/SectionFooter/index.cjs +9 -0
- package/dist/components/molecules/SectionFooter/index.cjs.map +1 -1
- package/dist/components/molecules/SectionFooter/index.d.ts +9 -0
- package/dist/components/molecules/SectionFooter/index.d.ts.map +1 -1
- package/dist/components/molecules/SectionFooter/index.js +9 -0
- package/dist/components/molecules/SectionFooter/index.js.map +1 -1
- package/dist/components/molecules/SectionHeader/index.cjs +6 -0
- package/dist/components/molecules/SectionHeader/index.cjs.map +1 -1
- package/dist/components/molecules/SectionHeader/index.d.ts +6 -0
- package/dist/components/molecules/SectionHeader/index.d.ts.map +1 -1
- package/dist/components/molecules/SectionHeader/index.js +6 -0
- package/dist/components/molecules/SectionHeader/index.js.map +1 -1
- package/dist/components/molecules/Select/components/multi-select.d.ts +4 -4
- package/dist/components/molecules/Select/components/multi-select.d.ts.map +1 -1
- package/dist/components/molecules/Select/index.d.ts +5 -0
- package/dist/components/molecules/Select/index.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/index.cjs +6 -0
- package/dist/components/molecules/Tabs/index.cjs.map +1 -1
- package/dist/components/molecules/Tabs/index.d.ts +8 -2
- package/dist/components/molecules/Tabs/index.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/index.js +6 -0
- package/dist/components/molecules/Tabs/index.js.map +1 -1
- package/dist/components/molecules/Tags/index.cjs +6 -0
- package/dist/components/molecules/Tags/index.cjs.map +1 -1
- package/dist/components/molecules/Tags/index.d.ts +7 -1
- package/dist/components/molecules/Tags/index.d.ts.map +1 -1
- package/dist/components/molecules/Tags/index.js +6 -0
- package/dist/components/molecules/Tags/index.js.map +1 -1
- package/dist/components/molecules/TextArea/index.cjs +6 -0
- package/dist/components/molecules/TextArea/index.cjs.map +1 -1
- package/dist/components/molecules/TextArea/index.d.ts +7 -1
- package/dist/components/molecules/TextArea/index.d.ts.map +1 -1
- package/dist/components/molecules/TextArea/index.js +6 -0
- package/dist/components/molecules/TextArea/index.js.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.cjs +4 -4
- package/dist/components/molecules/VerificationCodeInput/index.cjs.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.d.ts +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.d.ts.map +1 -1
- package/dist/components/molecules/VerificationCodeInput/index.js +4 -4
- package/dist/components/molecules/VerificationCodeInput/index.js.map +1 -1
- package/dist/styles.css +125 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuD,MAClGA,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAEC,KAAE,CAAC,6CAA6C,EAAE,MAAM,GAAG,iCAAiC,GAAG,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAE/I,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAC5E,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuD,MAClGA,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAEC,KAAE,CAAC,6CAA6C,EAAE,MAAM,GAAG,iCAAiC,GAAG,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAE/I,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAC5E,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,OAAO,EAAE,oBAAoB;;;;;"}
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import type { ComponentPropsWithRef } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Layout molecule that anchors the bottom of a form section or card with a
|
|
4
|
+
* top border and correctly spaced action buttons.
|
|
5
|
+
*
|
|
6
|
+
* Compose with `SectionFooter.Root` (the bordered container) and
|
|
7
|
+
* `SectionFooter.Actions` (right-aligned button group).
|
|
8
|
+
*
|
|
9
|
+
* @summary bordered footer with aligned actions for sections and cards
|
|
10
|
+
*/
|
|
2
11
|
export declare const SectionFooter: {
|
|
3
12
|
Root: ({ isCard, ...props }: ComponentPropsWithRef<"div"> & {
|
|
4
13
|
isCard?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAiBnD,eAAO,MAAM,aAAa;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAiBnD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa;iCAxBuB,qBAAqB,CAAC,KAAK,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE;qBAS/D,qBAAqB,CAAC,KAAK,CAAC;CAkBhE,CAAC"}
|
|
@@ -3,6 +3,15 @@ import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
|
3
3
|
|
|
4
4
|
const SectionFooterRoot = ({ isCard, ...props }) => (jsx("div", { ...props, className: cx('flex items-center border-t border-secondary', isCard ? 'gap-4 px-4 py-3 md:py-4 lg:px-6' : 'gap-5 pt-4 md:pt-5', props.className), children: props.children }));
|
|
5
5
|
const SectionFooterActions = (props) => (jsx("div", { ...props, className: cx('flex flex-1 justify-end gap-3', props.className), children: props.children }));
|
|
6
|
+
/**
|
|
7
|
+
* Layout molecule that anchors the bottom of a form section or card with a
|
|
8
|
+
* top border and correctly spaced action buttons.
|
|
9
|
+
*
|
|
10
|
+
* Compose with `SectionFooter.Root` (the bordered container) and
|
|
11
|
+
* `SectionFooter.Actions` (right-aligned button group).
|
|
12
|
+
*
|
|
13
|
+
* @summary bordered footer with aligned actions for sections and cards
|
|
14
|
+
*/
|
|
6
15
|
const SectionFooter = {
|
|
7
16
|
Root: SectionFooterRoot,
|
|
8
17
|
Actions: SectionFooterActions,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuD,MAClGA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,MAAM,GAAG,iCAAiC,GAAG,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAE/I,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAC5E,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuD,MAClGA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,MAAM,GAAG,iCAAiC,GAAG,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAE/I,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAC5E,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,OAAO,EAAE,oBAAoB;;;;;"}
|
|
@@ -8,6 +8,12 @@ const SectionHeaderGroup = (props) => (jsxRuntime.jsx("div", { ...props, classNa
|
|
|
8
8
|
const SectionHeaderActions = (props) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex gap-3', props.className), children: props.children }));
|
|
9
9
|
const SectionHeaderHeading = (props) => (jsxRuntime.jsx("h2", { ...props, className: cx.cx('text-md font-semibold text-primary', props.className), children: props.children }));
|
|
10
10
|
const SectionHeaderSubheading = (props) => (jsxRuntime.jsx("p", { ...props, className: cx.cx('text-sm text-tertiary', props.className), children: props.children }));
|
|
11
|
+
/**
|
|
12
|
+
* A layout molecule that titles a page section and houses optional supporting
|
|
13
|
+
* text and action buttons, separated from content below by a bottom border.
|
|
14
|
+
*
|
|
15
|
+
* @summary introduce a page section with a title, description, and actions
|
|
16
|
+
*/
|
|
11
17
|
const SectionHeader = {
|
|
12
18
|
Root: SectionHeaderRoot,
|
|
13
19
|
Group: SectionHeaderGroup,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,KAAmC,MAC5DA,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACjG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAmC,MAC7DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,sDAAsD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACnG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACzD,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAkC,MAC9DD,cAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,oCAAoC,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAChF,KAAK,CAAC,QAAQ,EAAA,CACZ,CACN;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAiC,MAChED,cAAA,CAAA,GAAA,EAAA,EAAA,GAAO,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClE,KAAK,CAAC,QAAQ,EAAA,CACb,CACL;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,KAAmC,MAC5DA,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACjG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAmC,MAC7DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,sDAAsD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACnG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACzD,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAkC,MAC9DD,cAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,oCAAoC,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAChF,KAAK,CAAC,QAAQ,EAAA,CACZ,CACN;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAiC,MAChED,cAAA,CAAA,GAAA,EAAA,EAAA,GAAO,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClE,KAAK,CAAC,QAAQ,EAAA,CACb,CACL;AAED;;;;;AAKG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,UAAU,EAAE,uBAAuB;;;;;"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { ComponentPropsWithRef } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* A layout molecule that titles a page section and houses optional supporting
|
|
4
|
+
* text and action buttons, separated from content below by a bottom border.
|
|
5
|
+
*
|
|
6
|
+
* @summary introduce a page section with a title, description, and actions
|
|
7
|
+
*/
|
|
2
8
|
export declare const SectionHeader: {
|
|
3
9
|
Root: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
|
|
4
10
|
Group: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAgCnD,eAAO,MAAM,aAAa;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAgCnD;;;;;GAKG;AACH,eAAO,MAAM,aAAa;kBApCQ,qBAAqB,CAAC,KAAK,CAAC;mBAM3B,qBAAqB,CAAC,KAAK,CAAC;qBAM1B,qBAAqB,CAAC,KAAK,CAAC;qBAM5B,qBAAqB,CAAC,IAAI,CAAC;wBAMxB,qBAAqB,CAAC,GAAG,CAAC;CAkBjE,CAAC"}
|
|
@@ -6,6 +6,12 @@ const SectionHeaderGroup = (props) => (jsx("div", { ...props, className: cx('rel
|
|
|
6
6
|
const SectionHeaderActions = (props) => (jsx("div", { ...props, className: cx('flex gap-3', props.className), children: props.children }));
|
|
7
7
|
const SectionHeaderHeading = (props) => (jsx("h2", { ...props, className: cx('text-md font-semibold text-primary', props.className), children: props.children }));
|
|
8
8
|
const SectionHeaderSubheading = (props) => (jsx("p", { ...props, className: cx('text-sm text-tertiary', props.className), children: props.children }));
|
|
9
|
+
/**
|
|
10
|
+
* A layout molecule that titles a page section and houses optional supporting
|
|
11
|
+
* text and action buttons, separated from content below by a bottom border.
|
|
12
|
+
*
|
|
13
|
+
* @summary introduce a page section with a title, description, and actions
|
|
14
|
+
*/
|
|
9
15
|
const SectionHeader = {
|
|
10
16
|
Root: SectionHeaderRoot,
|
|
11
17
|
Group: SectionHeaderGroup,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA,MAAM,iBAAiB,GAAG,CAAC,KAAmC,MAC5DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACjG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAmC,MAC7DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACnG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACzD,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAkC,MAC9DA,GAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAChF,KAAK,CAAC,QAAQ,EAAA,CACZ,CACN;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAiC,MAChEA,GAAA,CAAA,GAAA,EAAA,EAAA,GAAO,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClE,KAAK,CAAC,QAAQ,EAAA,CACb,CACL;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA,MAAM,iBAAiB,GAAG,CAAC,KAAmC,MAC5DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACjG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAmC,MAC7DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACnG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACzD,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAkC,MAC9DA,GAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAChF,KAAK,CAAC,QAAQ,EAAA,CACZ,CACN;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAiC,MAChEA,GAAA,CAAA,GAAA,EAAA,EAAA,GAAO,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClE,KAAK,CAAC,QAAQ,EAAA,CACb,CACL;AAED;;;;;AAKG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,UAAU,EAAE,uBAAuB;;;;;"}
|
|
@@ -2,7 +2,7 @@ import { SelectItem } from '@flipdish/ui-library/components/molecules/Select/com
|
|
|
2
2
|
import { type CommonProps, type SelectItemType } from '@flipdish/ui-library/components/molecules/Select/components/select-shared';
|
|
3
3
|
import type { ReactNode, RefAttributes } from 'react';
|
|
4
4
|
import type { Selection } from 'react-aria-components';
|
|
5
|
-
interface MultiSelectFooterProps {
|
|
5
|
+
export interface MultiSelectFooterProps {
|
|
6
6
|
/**
|
|
7
7
|
* The size of the footer buttons.
|
|
8
8
|
* @default "sm"
|
|
@@ -16,7 +16,7 @@ interface MultiSelectFooterProps {
|
|
|
16
16
|
className?: string;
|
|
17
17
|
}
|
|
18
18
|
declare const MultiSelectFooter: ({ size, onReset, onSelectAll, className }: MultiSelectFooterProps) => import("react").JSX.Element;
|
|
19
|
-
interface MultiSelectEmptyStateProps {
|
|
19
|
+
export interface MultiSelectEmptyStateProps {
|
|
20
20
|
/**
|
|
21
21
|
* The title to display.
|
|
22
22
|
* @default "No results found"
|
|
@@ -33,7 +33,7 @@ interface MultiSelectEmptyStateProps {
|
|
|
33
33
|
className?: string;
|
|
34
34
|
}
|
|
35
35
|
declare const MultiSelectEmptyState: ({ title, description, onClearSearch, className, }: MultiSelectEmptyStateProps) => import("react").JSX.Element;
|
|
36
|
-
interface MultiSelectProps extends RefAttributes<HTMLDivElement>, CommonProps {
|
|
36
|
+
export interface MultiSelectProps extends RefAttributes<HTMLDivElement>, CommonProps {
|
|
37
37
|
/** The items to display in the listbox. */
|
|
38
38
|
items?: SelectItemType[];
|
|
39
39
|
/** The children to render for each item. */
|
|
@@ -77,7 +77,7 @@ interface MultiSelectProps extends RefAttributes<HTMLDivElement>, CommonProps {
|
|
|
77
77
|
/** Supporting text displayed next to the selected count in the trigger. */
|
|
78
78
|
supportingText?: ReactNode;
|
|
79
79
|
}
|
|
80
|
-
declare const MultiSelectRoot: ({ items, children, size, selectedKeys, defaultSelectedKeys, onSelectionChange, isDisabled, isRequired, isInvalid, placeholder, label, hint, tooltip, hideRequiredIndicator, popoverClassName, className, onReset, onSelectAll, showFooter, showSearch, emptyStateTitle, emptyStateDescription, selectedCountFormatter, supportingText, }: MultiSelectProps) => import("react").JSX.Element;
|
|
80
|
+
declare const MultiSelectRoot: ({ items, children, size, selectedKeys, defaultSelectedKeys, onSelectionChange, isDisabled, isRequired, isInvalid, placeholder, label, hint, tooltip, hideRequiredIndicator, popoverClassName, className, onReset, onSelectAll, showFooter, showSearch, emptyStateTitle, emptyStateDescription, selectedCountFormatter, supportingText, ref, }: MultiSelectProps) => import("react").JSX.Element;
|
|
81
81
|
declare const MultiSelect: typeof MultiSelectRoot & {
|
|
82
82
|
Item: typeof SelectItem;
|
|
83
83
|
Footer: typeof MultiSelectFooter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Select/components/multi-select.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,yEAAyE,CAAC;AACrG,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAEpB,MAAM,2EAA2E,CAAC;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AA+BvD,
|
|
1
|
+
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Select/components/multi-select.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,yEAAyE,CAAC;AACrG,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAEpB,MAAM,2EAA2E,CAAC;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AA+BvD,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,2CAAkD,sBAAsB,gCAalG,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB,GAAI,mDAK5B,0BAA0B,gCAe5B,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW;IAClF,2CAA2C;IAC3C,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,gDAAgD;IAChD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mEAAmE;IACnE,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACtD,2EAA2E;IAC3E,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,+UA0BtB,gBAAgB,gCAmIlB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAsB,OAAO,eAAe,GAAG;IAC9D,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,UAAU,EAAE,OAAO,qBAAqB,CAAC;CAC1C,CAAC;AAMF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -15,5 +15,10 @@ declare const _Select: typeof Select & {
|
|
|
15
15
|
ComboBox: typeof ComboBox;
|
|
16
16
|
Item: typeof SelectItem;
|
|
17
17
|
};
|
|
18
|
+
/**
|
|
19
|
+
* Dropdown select that lets the user choose one option from a list.
|
|
20
|
+
*
|
|
21
|
+
* @summary let the user pick one option from a dropdown list
|
|
22
|
+
*/
|
|
18
23
|
export { _Select as Select };
|
|
19
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,KAAK,WAAW,EAAiB,KAAK,cAAc,EAAS,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEzG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW;IAC1I,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;CAC7D;AAwED,QAAA,MAAM,MAAM,GAAI,iIAab,WAAW,gCA8Bb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,KAAK,WAAW,EAAiB,KAAK,cAAc,EAAS,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEzG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW;IAC1I,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;CAC7D;AAwED,QAAA,MAAM,MAAM,GAAI,iIAab,WAAW,gCA8Bb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB,CAAC;AAIF;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
|
|
@@ -69,6 +69,12 @@ const Tab = ({ label, children, badge, icon: Icon, className, ...otherProps }) =
|
|
|
69
69
|
const showPillColorBadge = type === 'underline' || type === 'line' || type === 'button-brand';
|
|
70
70
|
return (jsxRuntime.jsx(reactAriaComponents.Tab, { ...otherProps, className: (prop) => cx.cx('z-10 flex h-max cursor-pointer items-center justify-center gap-2 rounded-md whitespace-nowrap text-quaternary transition duration-100 ease-linear', 'group-orientation-vertical:justify-start', fullWidth && 'w-full flex-1', sizes[size].base, sizes[size][type], getTabStyles(prop)[type], typeof className === 'function' ? className(prop) : className), children: (state) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [React.isValidElement(Icon) && Icon, isReactComponent.isReactComponent(Icon) && jsxRuntime.jsx(Icon, { "data-icon": true, className: "transition-inherit-all" }), jsxRuntime.jsxs("span", { className: cx.cx('flex items-center gap-1.5', type !== 'line' && 'px-0.5'), children: [typeof children === 'function' ? children(state) : children || label, badge && (jsxRuntime.jsx(Badge.Badge, { size: "sm", type: showPillColorBadge ? 'pill-color' : 'modern', color: showPillColorBadge && (state.isHovered || state.isSelected) ? 'brand' : 'gray', className: cx.cx('hidden transition-inherit-all md:flex', size === 'sm' && '-my-px'), children: badge }))] })] })) }));
|
|
71
71
|
};
|
|
72
|
+
/**
|
|
73
|
+
* Organises related content into labelled panels, showing one at a time.
|
|
74
|
+
* Compose with `Tabs.List` (`TabList`), `Tabs.Item` (`Tab`), and `Tabs.Panel` (`TabPanel`).
|
|
75
|
+
*
|
|
76
|
+
* @summary switch between labelled content panels
|
|
77
|
+
*/
|
|
72
78
|
const Tabs = ({ className, ...props }) => {
|
|
73
79
|
return (jsxRuntime.jsx(reactAriaComponents.Tabs, { keyboardActivation: "manual", ...props, className: (state) => cx.cx('flex w-full flex-col', typeof className === 'function' ? className(state) : className) }));
|
|
74
80
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Tabs/index.tsx"],"sourcesContent":[null],"names":["cx","createContext","useSlottedContext","TabsContext","_jsx","AriaTabList","AriaTabPanel","useContext","AriaTab","_jsxs","isValidElement","isReactComponent","Badge","AriaTabs"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Tabs/index.tsx"],"sourcesContent":[null],"names":["cx","createContext","useSlottedContext","TabsContext","_jsx","AriaTabList","AriaTabPanel","useContext","AriaTab","_jsxs","isValidElement","isReactComponent","Badge","AriaTabs"],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ declare const sizes: {
|
|
|
25
25
|
line: string;
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
|
-
interface TabListComponentProps<T extends object, K extends Orientation> extends Omit<AriaTabListProps<T>, 'items'> {
|
|
28
|
+
export interface TabListComponentProps<T extends object, K extends Orientation> extends Omit<AriaTabListProps<T>, 'items'> {
|
|
29
29
|
/** The size of the tab list. */
|
|
30
30
|
size?: keyof typeof sizes;
|
|
31
31
|
/** The type of the tab list. */
|
|
@@ -39,7 +39,7 @@ interface TabListComponentProps<T extends object, K extends Orientation> extends
|
|
|
39
39
|
}
|
|
40
40
|
export declare const TabList: <T extends Orientation>({ size, type, orientation: orientationProp, fullWidth, className, children, ...otherProps }: TabListComponentProps<TabComponentProps, T>) => import("react").JSX.Element;
|
|
41
41
|
export declare const TabPanel: (props: ComponentPropsWithRef<typeof AriaTabPanel>) => import("react").JSX.Element;
|
|
42
|
-
interface TabComponentProps extends AriaTabProps {
|
|
42
|
+
export interface TabComponentProps extends AriaTabProps {
|
|
43
43
|
/** The label of the tab. */
|
|
44
44
|
label?: ReactNode;
|
|
45
45
|
/** The children of the tab. */
|
|
@@ -52,6 +52,12 @@ interface TabComponentProps extends AriaTabProps {
|
|
|
52
52
|
badge?: number | string;
|
|
53
53
|
}
|
|
54
54
|
export declare const Tab: ({ label, children, badge, icon: Icon, className, ...otherProps }: TabComponentProps) => import("react").JSX.Element;
|
|
55
|
+
/**
|
|
56
|
+
* Organises related content into labelled panels, showing one at a time.
|
|
57
|
+
* Compose with `Tabs.List` (`TabList`), `Tabs.Item` (`Tab`), and `Tabs.Panel` (`TabPanel`).
|
|
58
|
+
*
|
|
59
|
+
* @summary switch between labelled content panels
|
|
60
|
+
*/
|
|
55
61
|
export declare const Tabs: {
|
|
56
62
|
({ className, ...props }: ComponentPropsWithRef<typeof AriaTabs>): import("react").JSX.Element;
|
|
57
63
|
Panel: (props: ComponentPropsWithRef<typeof AriaTabPanel>) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tabs/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,QAAQ,IAAI,YAAY,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC9I,OAAO,EAGL,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAGjB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAG7C,KAAK,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,WAAW,CAAC;AACzG,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAClG,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAqCjF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CAmBV,CAAC;AAYF,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tabs/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,QAAQ,IAAI,YAAY,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC9I,OAAO,EAGL,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAGjB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAG7C,KAAK,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,WAAW,CAAC;AACzG,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAClG,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAqCjF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CAmBV,CAAC;AAYF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,CAAE,SAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;IACxH,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,qHAAqH;IACrH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAOD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,EAAE,6FAQ5C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC,gCAiC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,qBAAqB,CAAC,OAAO,YAAY,CAAC,gCAYzE,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,wDAAwD;IACxD,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,GAAG,GAAI,kEAAkE,iBAAiB,gCA6CtG,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,IAAI;8BAA6B,qBAAqB,CAAC,OAAO,QAAQ,CAAC;mBA9EpD,qBAAqB,CAAC,OAAO,YAAY,CAAC;WA3ClD,CAAC,SAAS,WAAW,+FAQ1C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC;6EA4DwC,iBAAiB;CA6DtG,CAAC"}
|
|
@@ -67,6 +67,12 @@ const Tab = ({ label, children, badge, icon: Icon, className, ...otherProps }) =
|
|
|
67
67
|
const showPillColorBadge = type === 'underline' || type === 'line' || type === 'button-brand';
|
|
68
68
|
return (jsx(Tab$1, { ...otherProps, className: (prop) => cx('z-10 flex h-max cursor-pointer items-center justify-center gap-2 rounded-md whitespace-nowrap text-quaternary transition duration-100 ease-linear', 'group-orientation-vertical:justify-start', fullWidth && 'w-full flex-1', sizes[size].base, sizes[size][type], getTabStyles(prop)[type], typeof className === 'function' ? className(prop) : className), children: (state) => (jsxs(Fragment, { children: [isValidElement(Icon) && Icon, isReactComponent(Icon) && jsx(Icon, { "data-icon": true, className: "transition-inherit-all" }), jsxs("span", { className: cx('flex items-center gap-1.5', type !== 'line' && 'px-0.5'), children: [typeof children === 'function' ? children(state) : children || label, badge && (jsx(Badge, { size: "sm", type: showPillColorBadge ? 'pill-color' : 'modern', color: showPillColorBadge && (state.isHovered || state.isSelected) ? 'brand' : 'gray', className: cx('hidden transition-inherit-all md:flex', size === 'sm' && '-my-px'), children: badge }))] })] })) }));
|
|
69
69
|
};
|
|
70
|
+
/**
|
|
71
|
+
* Organises related content into labelled panels, showing one at a time.
|
|
72
|
+
* Compose with `Tabs.List` (`TabList`), `Tabs.Item` (`Tab`), and `Tabs.Panel` (`TabPanel`).
|
|
73
|
+
*
|
|
74
|
+
* @summary switch between labelled content panels
|
|
75
|
+
*/
|
|
70
76
|
const Tabs = ({ className, ...props }) => {
|
|
71
77
|
return (jsx(Tabs$1, { keyboardActivation: "manual", ...props, className: (state) => cx('flex w-full flex-col', typeof className === 'function' ? className(state) : className) }));
|
|
72
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Tabs/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTabList","AriaTabPanel","AriaTab","_jsxs","AriaTabs"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Tabs/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTabList","AriaTabPanel","AriaTab","_jsxs","AriaTabs"],"mappings":"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"}
|
|
@@ -17,6 +17,12 @@ const TagGroupContext = React.createContext({
|
|
|
17
17
|
selectionMode: 'none',
|
|
18
18
|
size: 'sm',
|
|
19
19
|
});
|
|
20
|
+
/**
|
|
21
|
+
* Root container for a group of tags. Composes with `TagList` and `Tag` to
|
|
22
|
+
* support display-only, single-select, multi-select, and removable modes.
|
|
23
|
+
*
|
|
24
|
+
* @summary Group interactive or display-only tags for filtering, selection, and categorisation.
|
|
25
|
+
*/
|
|
20
26
|
const TagGroup = ({ label, selectionMode = 'none', size = 'sm', children, ...otherProps }) => {
|
|
21
27
|
return (jsxRuntime.jsx(TagGroupContext.Provider, { value: { selectionMode, size }, children: jsxRuntime.jsx(reactAriaComponents.TagGroup, { "aria-label": label, selectionMode: selectionMode, disallowEmptySelection: selectionMode === 'single', ...otherProps, children: children }) }));
|
|
22
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Tags/index.tsx"],"sourcesContent":[null],"names":["useState","_jsx","cx","User01","createContext","AriaTagGroup","AriaTagList","useContext","Dot","AriaTag","_jsxs","TagCheckbox","TagCloseX"],"mappings":";;;;;;;;;;;AAgBO,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,GAAG,IAAI,EAAE,SAAS,EAAsE,KAAI;IAC9I,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAE/C,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,2GAA2G,EAC3G,cAAc,IAAI,0DAA0D,EAC5E,SAAS,CACV,EAAA,QAAA,EAEA,GAAG,IAAI,CAAC,QAAQ,IACfD,cAAA,CAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAqB,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,EAAA,CAAI,KAEhHA,cAAA,CAACE,cAAM,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,CAAG,CACjE,EAAA,CACG;AAEV;AAcA,MAAM,eAAe,GAAGC,mBAAa,CAGlC;AACD,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,IAAI,EAAE,IAAI;AACX,CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Tags/index.tsx"],"sourcesContent":[null],"names":["useState","_jsx","cx","User01","createContext","AriaTagGroup","AriaTagList","useContext","Dot","AriaTag","_jsxs","TagCheckbox","TagCloseX"],"mappings":"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"}
|
|
@@ -14,10 +14,16 @@ export interface TagItem {
|
|
|
14
14
|
isDisabled?: boolean;
|
|
15
15
|
onClose?: (id: string) => void;
|
|
16
16
|
}
|
|
17
|
-
interface TagGroupProps extends AriaTagGroupProps, RefAttributes<HTMLDivElement> {
|
|
17
|
+
export interface TagGroupProps extends AriaTagGroupProps, RefAttributes<HTMLDivElement> {
|
|
18
18
|
label: string;
|
|
19
19
|
size?: 'sm' | 'md' | 'lg';
|
|
20
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* Root container for a group of tags. Composes with `TagList` and `Tag` to
|
|
23
|
+
* support display-only, single-select, multi-select, and removable modes.
|
|
24
|
+
*
|
|
25
|
+
* @summary Group interactive or display-only tags for filtering, selection, and categorisation.
|
|
26
|
+
*/
|
|
21
27
|
export declare const TagGroup: ({ label, selectionMode, size, children, ...otherProps }: TagGroupProps) => import("react").JSX.Element;
|
|
22
28
|
export declare const TagList: <T>(props: import("react-aria-components").TagListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
23
29
|
interface TagProps extends AriaTagProps, RefAttributes<object>, Omit<TagItem, 'label' | 'id'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tags/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAChI,OAAO,EAGL,KAAK,aAAa,IAAI,iBAAiB,EAEvC,KAAK,QAAQ,IAAI,YAAY,EAC9B,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,SAAS,GAAI,yCAAgD,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,gCAkB3I,CAAC;AAEF,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAUD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tags/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAChI,OAAO,EAGL,KAAK,aAAa,IAAI,iBAAiB,EAEvC,KAAK,QAAQ,IAAI,YAAY,EAC9B,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,SAAS,GAAI,yCAAgD,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,gCAkB3I,CAAC;AAEF,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAUD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,aAAa,CAAC,cAAc,CAAC;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,yDAAyE,aAAa,gCAQ9G,CAAC;AAEF,eAAO,MAAM,OAAO,oLAAc,CAAC;AAyCnC,UAAU,QAAS,SAAQ,YAAY,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAAG;AAEhG,eAAO,MAAM,GAAG,GAAI,8GAWjB,iBAAiB,CAAC,QAAQ,CAAC,gCA2D7B,CAAC"}
|
|
@@ -15,6 +15,12 @@ const TagGroupContext = createContext({
|
|
|
15
15
|
selectionMode: 'none',
|
|
16
16
|
size: 'sm',
|
|
17
17
|
});
|
|
18
|
+
/**
|
|
19
|
+
* Root container for a group of tags. Composes with `TagList` and `Tag` to
|
|
20
|
+
* support display-only, single-select, multi-select, and removable modes.
|
|
21
|
+
*
|
|
22
|
+
* @summary Group interactive or display-only tags for filtering, selection, and categorisation.
|
|
23
|
+
*/
|
|
18
24
|
const TagGroup = ({ label, selectionMode = 'none', size = 'sm', children, ...otherProps }) => {
|
|
19
25
|
return (jsx(TagGroupContext.Provider, { value: { selectionMode, size }, children: jsx(TagGroup$1, { "aria-label": label, selectionMode: selectionMode, disallowEmptySelection: selectionMode === 'single', ...otherProps, children: children }) }));
|
|
20
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Tags/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTagGroup","AriaTagList","AriaTag","_jsxs"],"mappings":";;;;;;;;;AAgBO,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,GAAG,IAAI,EAAE,SAAS,EAAsE,KAAI;IAC9I,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAE/C,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,cAAc,IAAI,0DAA0D,EAC5E,SAAS,CACV,EAAA,QAAA,EAEA,GAAG,IAAI,CAAC,QAAQ,IACfA,GAAA,CAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAqB,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,EAAA,CAAI,KAEhHA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,CAAG,CACjE,EAAA,CACG;AAEV;AAcA,MAAM,eAAe,GAAG,aAAa,CAGlC;AACD,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,IAAI,EAAE,IAAI;AACX,CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Tags/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTagGroup","AriaTagList","AriaTag","_jsxs"],"mappings":"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"}
|
|
@@ -18,6 +18,12 @@ const TextAreaBase = ({ className, size = 'md', ...props }) => {
|
|
|
18
18
|
'[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)', state.isFocused && !state.isDisabled && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50', state.isInvalid && 'ring-error_subtle', state.isInvalid && state.isFocused && 'ring-2 ring-error', typeof className === 'function' ? className(state) : className) }));
|
|
19
19
|
};
|
|
20
20
|
TextAreaBase.displayName = 'TextAreaBase';
|
|
21
|
+
/**
|
|
22
|
+
* A multi-line text field for collecting longer-form user input. Composes a
|
|
23
|
+
* label with optional tooltip, a resizable textarea, and optional hint text.
|
|
24
|
+
*
|
|
25
|
+
* @summary multi-line text field for collecting longer-form user input
|
|
26
|
+
*/
|
|
21
27
|
const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', ...props }) => {
|
|
22
28
|
return (jsxRuntime.jsx(reactAriaComponents.TextField, { ...props, className: (state) => cx.cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx(Input.Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsxRuntime.jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size }), hint && (jsxRuntime.jsx(Input.HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
|
|
23
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","cx","AriaTextField","_jsxs","_Fragment","Label","HintText"],"mappings":";;;;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,cAAA,CAACC,4BAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","cx","AriaTextField","_jsxs","_Fragment","Label","HintText"],"mappings":";;;;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,cAAA,CAACC,4BAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA2BzC;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACO,KAAI;IACnB,QACEF,cAAA,CAACG,6BAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACfD,KAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJL,cAAA,CAACM,WAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDN,cAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAE7H,IAAI,KACHA,cAAA,CAACO,cAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;;"}
|
|
@@ -8,7 +8,7 @@ export declare const TextAreaBase: {
|
|
|
8
8
|
({ className, size, ...props }: TextAreaBaseProps): import("react").JSX.Element;
|
|
9
9
|
displayName: string;
|
|
10
10
|
};
|
|
11
|
-
interface TextFieldProps extends AriaTextFieldProps {
|
|
11
|
+
export interface TextFieldProps extends AriaTextFieldProps {
|
|
12
12
|
/** Label text for the textarea */
|
|
13
13
|
label?: string;
|
|
14
14
|
/** Helper text displayed below the textarea */
|
|
@@ -32,6 +32,12 @@ interface TextFieldProps extends AriaTextFieldProps {
|
|
|
32
32
|
/** Visible width of textarea in columns. */
|
|
33
33
|
cols?: number;
|
|
34
34
|
}
|
|
35
|
+
/**
|
|
36
|
+
* A multi-line text field for collecting longer-form user input. Composes a
|
|
37
|
+
* label with optional tooltip, a resizable textarea, and optional hint text.
|
|
38
|
+
*
|
|
39
|
+
* @summary multi-line text field for collecting longer-form user input
|
|
40
|
+
*/
|
|
35
41
|
export declare const TextArea: {
|
|
36
42
|
({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size, ...props }: TextFieldProps): import("react").JSX.Element;
|
|
37
43
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQtH,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,YAAY;oCAA0C,iBAAiB;;CA8BnF,CAAC;AAIF,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQtH,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,YAAY;oCAA0C,iBAAiB;;CA8BnF,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACnD,mCAAmC;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;0IAalB,cAAc;;CA2BhB,CAAC"}
|
|
@@ -16,6 +16,12 @@ const TextAreaBase = ({ className, size = 'md', ...props }) => {
|
|
|
16
16
|
'[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)', state.isFocused && !state.isDisabled && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50', state.isInvalid && 'ring-error_subtle', state.isInvalid && state.isFocused && 'ring-2 ring-error', typeof className === 'function' ? className(state) : className) }));
|
|
17
17
|
};
|
|
18
18
|
TextAreaBase.displayName = 'TextAreaBase';
|
|
19
|
+
/**
|
|
20
|
+
* A multi-line text field for collecting longer-form user input. Composes a
|
|
21
|
+
* label with optional tooltip, a resizable textarea, and optional hint text.
|
|
22
|
+
*
|
|
23
|
+
* @summary multi-line text field for collecting longer-form user input
|
|
24
|
+
*/
|
|
19
25
|
const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', ...props }) => {
|
|
20
26
|
return (jsx(TextField, { ...props, className: (state) => cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxs(Fragment, { children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size }), hint && (jsx(HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
|
|
21
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","AriaTextField","_jsxs","_Fragment"],"mappings":";;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,GAAA,CAACC,UAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","AriaTextField","_jsxs","_Fragment"],"mappings":";;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,GAAA,CAACC,UAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA2BzC;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACO,KAAI;IACnB,QACED,GAAA,CAACE,SAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJJ,GAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAE7H,IAAI,KACHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -34,7 +34,7 @@ const styles = {
|
|
|
34
34
|
};
|
|
35
35
|
const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
|
|
36
36
|
const { id, size, disabled } = usePinInputContext();
|
|
37
|
-
return (jsxRuntime.jsx(inputOtp.OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id:
|
|
37
|
+
return (jsxRuntime.jsx(inputOtp.OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: `pin-input-${id}`, "aria-label": "Enter your pin", "aria-labelledby": `pin-input-label-${id}`, "aria-describedby": `pin-input-description-${id}`, containerClassName: cx.cx('flex flex-row', styles[size].group, containerClassName), className: cx.cx('disabled:cursor-not-allowed', inputClassName) }));
|
|
38
38
|
};
|
|
39
39
|
Group.displayName = 'Group';
|
|
40
40
|
const Slot = ({ index, className, ...props }) => {
|
|
@@ -43,7 +43,7 @@ const Slot = ({ index, className, ...props }) => {
|
|
|
43
43
|
const slot = slots[index];
|
|
44
44
|
return (
|
|
45
45
|
// biome-ignore lint/a11y/useAriaPropsSupportedByRole: this is a custom component
|
|
46
|
-
jsxRuntime.jsx("div", { ...props, "aria-invalid": invalid, "aria-label":
|
|
46
|
+
jsxRuntime.jsx("div", { ...props, "aria-invalid": invalid, "aria-label": `Enter digit ${index + 1} of ${slots.length}`, className: cx.cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsxRuntime.jsx(FakeCaret, { size: size }) : 0 }));
|
|
47
47
|
};
|
|
48
48
|
Slot.displayName = 'Slot';
|
|
49
49
|
const FakeCaret = ({ size = 'md' }) => {
|
|
@@ -59,13 +59,13 @@ const Separator = (props) => {
|
|
|
59
59
|
Separator.displayName = 'Separator';
|
|
60
60
|
const Label = (props) => {
|
|
61
61
|
const { id } = usePinInputContext();
|
|
62
|
-
return jsxRuntime.jsx(Input.Label, { ...props, htmlFor:
|
|
62
|
+
return jsxRuntime.jsx(Input.Label, { ...props, htmlFor: `pin-input-${id}`, id: `pin-input-label-${id}` });
|
|
63
63
|
};
|
|
64
64
|
Label.displayName = 'Label';
|
|
65
65
|
const Description = (props) => {
|
|
66
66
|
const { id, size } = usePinInputContext();
|
|
67
67
|
// biome-ignore lint/a11y/useValidAriaRole: this is a description
|
|
68
|
-
return jsxRuntime.jsx(Input.HintText, { ...props, id:
|
|
68
|
+
return jsxRuntime.jsx(Input.HintText, { ...props, id: `pin-input-description-${id}`, role: "description", className: cx.cx(size === 'xxxs' && 'text-xs') });
|
|
69
69
|
};
|
|
70
70
|
Description.displayName = 'Description';
|
|
71
71
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","_jsx","cx","OTPInput","OTPInputContext","LabelBase","HintText"],"mappings":";;;;;;;;AAiBA,MAAM,eAAe,GAAGA,mBAAa,CAAsB;AACzD,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,OAAO,EAAE,KAAK;AACf,CAAA,CAAC;AAEK,MAAM,kBAAkB,GAAG,MAAK;AACrC,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,eAAe,CAAC;IAE3C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC;IACvF;AAEA,IAAA,OAAO,OAAO;AAChB;AAQA,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAa,KAAI;AAClG,IAAA,MAAM,EAAE,GAAGC,WAAK,EAAE;AAElB,IAAA,QACEC,cAAA,CAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAA,QAAA,EAE9DA,cAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAEC,KAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI,EAAA,CAC/D;AAE/B,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,MAAM;AAEzB,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,qEAAqE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACzI,IAAA,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,sEAAsE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACxI,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,0EAA0E,EAAE,KAAK,EAAE,qBAAqB,EAAE;AAC3I,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,iDAAiD,EAAE,KAAK,EAAE,6BAA6B,EAAE;AAC5H,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,iDAAiD,EAAE,KAAK,EAAE,6BAA6B,EAAE;AAC5H,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,+CAA+C,EAAE,KAAK,EAAE,6BAA6B,EAAE;CAC3H;AAOD,MAAM,KAAK,GAAG,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,EAAc,KAAI;IACnG,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE;AAEnD,IAAA,QACED,cAAA,CAACE,iBAAQ,EAAA,EAAA,GACH,KAAK,EACT,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","_jsx","cx","OTPInput","OTPInputContext","LabelBase","HintText"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ type PinInputContextType = {
|
|
|
9
9
|
invalid: boolean;
|
|
10
10
|
};
|
|
11
11
|
export declare const usePinInputContext: () => PinInputContextType;
|
|
12
|
-
interface RootProps extends ComponentPropsWithRef<'div'> {
|
|
12
|
+
export interface RootProps extends ComponentPropsWithRef<'div'> {
|
|
13
13
|
size?: PinInputSize;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
invalid?: boolean;
|