@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":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAQpD,UAAU,qBAAsB,SAAQ,WAAW;IACjD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,GAAI,oEAAoE,qBAAqB,gCAUzH,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
2
|
export declare const Wreath: (props: HTMLAttributes<HTMLOrSVGElement>) => import("react").JSX.Element;
|
|
3
3
|
export interface RatingBadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
title?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingBadge/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingBadge/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,MAAM,GAAI,OAAO,cAAc,CAAC,gBAAgB,CAAC,gCAgH7D,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,yDAOzB,gBAAgB,gCAiBlB,CAAC"}
|
|
@@ -15,9 +15,19 @@ const iconMap = {
|
|
|
15
15
|
warning: uiIcons.AlertCircle,
|
|
16
16
|
success: uiIcons.CheckCircle,
|
|
17
17
|
};
|
|
18
|
+
/**
|
|
19
|
+
* Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
|
|
20
|
+
*
|
|
21
|
+
* @summary in-page alert card with confirm and dismiss actions
|
|
22
|
+
*/
|
|
18
23
|
const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', }) => {
|
|
19
24
|
return (jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", children: confirmLabel }))] }))] }), onClose && jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2" })] }));
|
|
20
25
|
};
|
|
26
|
+
/**
|
|
27
|
+
* Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
|
|
28
|
+
*
|
|
29
|
+
* @summary full-width banner alert for site-wide notices
|
|
30
|
+
*/
|
|
21
31
|
const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', }) => {
|
|
22
32
|
return (jsxRuntime.jsx("div", { className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsxs("div", { className: cx.cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", children: confirmLabel }))] }), onClose && jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static" })] }))] }) }));
|
|
23
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["InfoCircle","AlertCircle","CheckCircle","_jsxs","_jsx","FeaturedIcon","Button","CloseButton","cx"],"mappings":";;;;;;;;;AASA,MAAM,OAAO,GAAG;AACd,IAAA,OAAO,EAAEA,kBAAU;AACnB,IAAA,KAAK,EAAEA,kBAAU;AACjB,IAAA,IAAI,EAAEA,kBAAU;AAChB,IAAA,KAAK,EAAEC,mBAAW;AAClB,IAAA,OAAO,EAAEA,mBAAW;AACpB,IAAA,OAAO,EAAEC,mBAAW;CACrB;
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["InfoCircle","AlertCircle","CheckCircle","_jsxs","_jsx","FeaturedIcon","Button","CloseButton","cx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
interface AlertFloatingProps {
|
|
2
|
+
export interface AlertFloatingProps {
|
|
3
3
|
/**
|
|
4
4
|
* The title of the alert.
|
|
5
5
|
*/
|
|
@@ -31,6 +31,11 @@ interface AlertFloatingProps {
|
|
|
31
31
|
*/
|
|
32
32
|
onConfirm?: () => void;
|
|
33
33
|
}
|
|
34
|
+
/**
|
|
35
|
+
* Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
|
|
36
|
+
*
|
|
37
|
+
* @summary in-page alert card with confirm and dismiss actions
|
|
38
|
+
*/
|
|
34
39
|
export declare const AlertFloating: ({ title, description, confirmLabel, onClose, onConfirm, color, dismissLabel, }: AlertFloatingProps) => import("react").JSX.Element;
|
|
35
40
|
interface AlertFullWidthProps {
|
|
36
41
|
/**
|
|
@@ -69,6 +74,11 @@ interface AlertFullWidthProps {
|
|
|
69
74
|
*/
|
|
70
75
|
onConfirm?: () => void;
|
|
71
76
|
}
|
|
77
|
+
/**
|
|
78
|
+
* Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
|
|
79
|
+
*
|
|
80
|
+
* @summary full-width banner alert for site-wide notices
|
|
81
|
+
*/
|
|
72
82
|
export declare const AlertFullWidth: ({ title, description, confirmLabel, onClose, onConfirm, color, actionType, dismissLabel, }: AlertFullWidthProps) => import("react").JSX.Element;
|
|
73
83
|
export {};
|
|
74
84
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,gFAQ3B,kBAAkB,gCA8BpB,CAAC;AAEF,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,4FAS5B,mBAAmB,gCAwCrB,CAAC"}
|
|
@@ -13,9 +13,19 @@ const iconMap = {
|
|
|
13
13
|
warning: AlertCircle,
|
|
14
14
|
success: CheckCircle,
|
|
15
15
|
};
|
|
16
|
+
/**
|
|
17
|
+
* Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
|
|
18
|
+
*
|
|
19
|
+
* @summary in-page alert card with confirm and dismiss actions
|
|
20
|
+
*/
|
|
16
21
|
const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', }) => {
|
|
17
22
|
return (jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsx(FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-3", children: [onClose && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", children: confirmLabel }))] }))] }), onClose && jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2" })] }));
|
|
18
23
|
};
|
|
24
|
+
/**
|
|
25
|
+
* Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
|
|
26
|
+
*
|
|
27
|
+
* @summary full-width banner alert for site-wide notices
|
|
28
|
+
*/
|
|
19
29
|
const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', }) => {
|
|
20
30
|
return (jsx("div", { className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsx(FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-2", children: [jsxs("div", { className: cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsx(Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", children: confirmLabel }))] }), onClose && jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static" })] }))] }) }));
|
|
21
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASA,MAAM,OAAO,GAAG;AACd,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,WAAW;CACrB;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -91,6 +91,12 @@ const colorClasses = cx.sortCx({
|
|
|
91
91
|
},
|
|
92
92
|
},
|
|
93
93
|
});
|
|
94
|
+
/**
|
|
95
|
+
* A compound badge that pairs a highlighted addon pill with a text label —
|
|
96
|
+
* used for announcements, feature callouts, and contextual status groups.
|
|
97
|
+
*
|
|
98
|
+
* @summary pair a highlighted addon badge with a label for announcements and callouts
|
|
99
|
+
*/
|
|
94
100
|
const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = uiIcons.ArrowRight, }) => {
|
|
95
101
|
const colors = colorClasses[theme][color];
|
|
96
102
|
const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["cx","sortCx","ArrowRight","_jsxs","_jsx","isReactComponent","isValidElement"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["cx","sortCx","ArrowRight","_jsxs","_jsx","isReactComponent","isValidElement"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ type Size = 'md' | 'lg';
|
|
|
3
3
|
type Color = 'brand' | 'warning' | 'error' | 'gray' | 'success';
|
|
4
4
|
type Theme = 'light' | 'modern';
|
|
5
5
|
type Align = 'leading' | 'trailing';
|
|
6
|
-
interface BadgeGroupProps {
|
|
6
|
+
export interface BadgeGroupProps {
|
|
7
7
|
children?: string | ReactNode;
|
|
8
8
|
addonText: string;
|
|
9
9
|
size?: Size;
|
|
@@ -18,6 +18,12 @@ interface BadgeGroupProps {
|
|
|
18
18
|
}> | ReactNode;
|
|
19
19
|
className?: string;
|
|
20
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* A compound badge that pairs a highlighted addon pill with a text label —
|
|
23
|
+
* used for announcements, feature callouts, and contextual status groups.
|
|
24
|
+
*
|
|
25
|
+
* @summary pair a highlighted addon badge with a label for announcements and callouts
|
|
26
|
+
*/
|
|
21
27
|
export declare const BadgeGroup: ({ children, addonText, size, color, theme, align, className, iconTrailing: IconTrailing, }: BadgeGroupProps) => import("react").JSX.Element;
|
|
22
28
|
export {};
|
|
23
29
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAChE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChC,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AA8FpC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAChE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChC,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AA8FpC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,4FASxB,eAAe,gCA+CjB,CAAC"}
|
|
@@ -89,6 +89,12 @@ const colorClasses = sortCx({
|
|
|
89
89
|
},
|
|
90
90
|
},
|
|
91
91
|
});
|
|
92
|
+
/**
|
|
93
|
+
* A compound badge that pairs a highlighted addon pill with a text label —
|
|
94
|
+
* used for announcements, feature callouts, and contextual status groups.
|
|
95
|
+
*
|
|
96
|
+
* @summary pair a highlighted addon badge with a label for announcements and callouts
|
|
97
|
+
*/
|
|
92
98
|
const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = ArrowRight, }) => {
|
|
93
99
|
const colors = colorClasses[theme][color];
|
|
94
100
|
const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaA,MAAM,WAAW,GAAoE;AACnF,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,gCAAgC;AACtC,QAAA,KAAK,EAAE,gCAAgC;AACxC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,sGAAsG;AAC5G,QAAA,KAAK,EAAE,kFAAkF;AACzF,QAAA,IAAI,EAAE,0BAA0B;AACjC,KAAA;CACF;AAED,MAAM,cAAc,GAAG,CACrB,KAAa,EACb,IAAc,EACd,IAAc,MACmF;AACjG,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,EAAE,CAAC,oCAAoC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;AACxE,YAAA,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,QAAQ,IAAI,cAAc,EAAE,IAAI,IAAI,MAAM,CAAC;AAC9E,YAAA,IAAI,EAAE,aAAa;AACpB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,EAAE,CAAC,oCAAoC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;AACxE,YAAA,KAAK,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,KAAK,QAAQ,IAAI,cAAc,EAAE,IAAI,IAAI,MAAM,CAAC;AAChF,YAAA,IAAI,EAAE,aAAa;AACpB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,CAAC,oCAAoC,EAAE,KAAK,KAAK,QAAQ,IAAI,QAAQ,CAAC;AAC9E,YAAA,KAAK,EAAE,EAAE,CAAC,oBAAoB,EAAE,KAAK,KAAK,QAAQ,IAAI,aAAa,EAAE,IAAI,IAAI,MAAM,CAAC;AACpF,YAAA,IAAI,EAAE,4BAA4B;AAClC,YAAA,GAAG,EAAE,QAAQ;AACd,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,oCAAoC;AAC1C,YAAA,KAAK,EAAE,EAAE,CAAC,oBAAoB,EAAE,KAAK,KAAK,QAAQ,IAAI,aAAa,EAAE,IAAI,IAAI,MAAM,CAAC;AACpF,YAAA,IAAI,EAAE,0BAA0B;AAChC,YAAA,GAAG,EAAE,MAAM;AACZ,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAEF,MAAM,YAAY,GAAiG,MAAM,CAAC;AACxH,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,8FAA8F;AACpG,YAAA,KAAK,EAAE,gDAAgD;AACvD,YAAA,IAAI,EAAE,wBAAwB;AAC/B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,sGAAsG;AAC5G,YAAA,KAAK,EAAE,kDAAkD;AACzD,YAAA,IAAI,EAAE,0BAA0B;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,sFAAsF;AAC5F,YAAA,KAAK,EAAE,8CAA8C;AACrD,YAAA,IAAI,EAAE,sBAAsB;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,kGAAkG;AACxG,YAAA,KAAK,EAAE,iDAAiD;AACxD,YAAA,IAAI,EAAE,yBAAyB;AAChC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,8FAA8F;AACpG,YAAA,KAAK,EAAE,gDAAgD;AACvD,YAAA,IAAI,EAAE,wBAAwB;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE;AACL,YAAA,GAAG,EAAE,4EAA4E;AAClF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,gFAAgF;AACtF,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,GAAG,EAAE,wEAAwE;AAC9E,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,8EAA8E;AACpF,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,4EAA4E;AAClF,SAAA;AACF,KAAA;AACF,CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -16,6 +16,12 @@ const styles = {
|
|
|
16
16
|
'text-line': 'pl-2 gap-1.5 md:gap-2 py-2 after:pointer-events-none after:absolute after:inset-0 after:border-b after:border-t after:border-secondary',
|
|
17
17
|
button: 'gap-0.5 md:gap-1',
|
|
18
18
|
};
|
|
19
|
+
/**
|
|
20
|
+
* Shows the user's current location within a page hierarchy as a trail of
|
|
21
|
+
* links, allowing navigation back to any ancestor level.
|
|
22
|
+
*
|
|
23
|
+
* @summary navigable trail of links showing the user's location in the hierarchy
|
|
24
|
+
*/
|
|
19
25
|
const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className, maxVisibleItems = 4 }) => {
|
|
20
26
|
const [isExpanded, setIsExpanded] = React.useState(false);
|
|
21
27
|
const visibleItems = (() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["createContext","useState","_jsx","BreadcrumbItem","cx","AriaBreadcrumbs","BreadcrumbAccountItem"],"mappings":";;;;;;;;;AAUO,MAAM,kBAAkB,GAAGA,mBAAa,CAAyD;AACtG,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAeD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC,EAAoB,KAAI;IACzH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGC,cAAA,CAACC,6BAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACED,sCAAgB,aAAa,EAAC,SAAS,EAAEE,KAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EAC/DF,eAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAA,QAAA,EACnDA,eAACG,+BAAe,EAAA,EAAC,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAGD,6BAAc;AACjC,WAAW,CAAC,WAAW,GAAGG,2CAAqB;;;;;"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["createContext","useState","_jsx","BreadcrumbItem","cx","AriaBreadcrumbs","BreadcrumbAccountItem"],"mappings":";;;;;;;;;AAUO,MAAM,kBAAkB,GAAGA,mBAAa,CAAyD;AACtG,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAeD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED;;;;;AAKG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC,EAAoB,KAAI;IACzH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGC,cAAA,CAACC,6BAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACED,sCAAgB,aAAa,EAAC,SAAS,EAAEE,KAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EAC/DF,eAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAA,QAAA,EACnDA,eAACG,+BAAe,EAAA,EAAC,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAGD,6BAAc;AACjC,WAAW,CAAC,WAAW,GAAGG,2CAAqB;;;;;"}
|
|
@@ -4,7 +4,7 @@ export declare const BreadcrumbsContext: React.Context<{
|
|
|
4
4
|
divider: "chevron" | "slash";
|
|
5
5
|
type: BreadcrumbType;
|
|
6
6
|
}>;
|
|
7
|
-
interface BreadcrumbsProps {
|
|
7
|
+
export interface BreadcrumbsProps {
|
|
8
8
|
divider?: 'chevron' | 'slash';
|
|
9
9
|
children: ReactNode;
|
|
10
10
|
type?: BreadcrumbType;
|
|
@@ -16,6 +16,12 @@ interface BreadcrumbsProps {
|
|
|
16
16
|
*/
|
|
17
17
|
maxVisibleItems?: number;
|
|
18
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* Shows the user's current location within a page hierarchy as a trail of
|
|
21
|
+
* links, allowing navigation back to any ancestor level.
|
|
22
|
+
*
|
|
23
|
+
* @summary navigable trail of links showing the user's location in the hierarchy
|
|
24
|
+
*/
|
|
19
25
|
declare const Breadcrumbs: {
|
|
20
26
|
({ children, divider, type, className, maxVisibleItems }: BreadcrumbsProps): React.JSX.Element;
|
|
21
27
|
Item: ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, ...otherProps }: import("./components/breadcrumb-item").BreadcrumbItemProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAiB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKvE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7D,eAAO,MAAM,kBAAkB;aAA4B,SAAS,GAAG,OAAO;UAAQ,cAAc;EAGlG,CAAC;AAEH,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAiB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKvE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7D,eAAO,MAAM,kBAAkB;aAA4B,SAAS,GAAG,OAAO;UAAQ,cAAc;EAGlG,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AASD;;;;;GAKG;AACH,QAAA,MAAM,WAAW;8DAAsF,gBAAgB;;;CAwBtH,CAAC;AAKF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -14,6 +14,12 @@ const styles = {
|
|
|
14
14
|
'text-line': 'pl-2 gap-1.5 md:gap-2 py-2 after:pointer-events-none after:absolute after:inset-0 after:border-b after:border-t after:border-secondary',
|
|
15
15
|
button: 'gap-0.5 md:gap-1',
|
|
16
16
|
};
|
|
17
|
+
/**
|
|
18
|
+
* Shows the user's current location within a page hierarchy as a trail of
|
|
19
|
+
* links, allowing navigation back to any ancestor level.
|
|
20
|
+
*
|
|
21
|
+
* @summary navigable trail of links showing the user's location in the hierarchy
|
|
22
|
+
*/
|
|
17
23
|
const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className, maxVisibleItems = 4 }) => {
|
|
18
24
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
19
25
|
const visibleItems = (() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaBreadcrumbs"],"mappings":";;;;;;;AAUO,MAAM,kBAAkB,GAAG,aAAa,CAAyD;AACtG,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAeD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC,EAAoB,KAAI;IACzH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGA,GAAA,CAAC,cAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACEA,2BAAgB,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EAC/DA,IAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAA,QAAA,EACnDA,IAACC,aAAe,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAG,cAAc;AACjC,WAAW,CAAC,WAAW,GAAG,qBAAqB;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaBreadcrumbs"],"mappings":";;;;;;;AAUO,MAAM,kBAAkB,GAAG,aAAa,CAAyD;AACtG,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAeD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED;;;;;AAKG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC,EAAoB,KAAI;IACzH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGA,GAAA,CAAC,cAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACEA,2BAAgB,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EAC/DA,IAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAA,QAAA,EACnDA,IAACC,aAAe,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAG,cAAc;AACjC,WAAW,CAAC,WAAW,GAAG,qBAAqB;;;;"}
|
|
@@ -37,7 +37,7 @@ interface ButtonGroupItemProps extends ToggleButtonProps, RefAttributes<HTMLButt
|
|
|
37
37
|
* @summary single item within a button group
|
|
38
38
|
*/
|
|
39
39
|
export declare const ButtonGroupItem: ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, ...otherProps }: PropsWithChildren<ButtonGroupItemProps>) => import("react").JSX.Element;
|
|
40
|
-
interface ButtonGroupProps extends Omit<ToggleButtonGroupProps, 'orientation'>, RefAttributes<HTMLDivElement> {
|
|
40
|
+
export interface ButtonGroupProps extends Omit<ToggleButtonGroupProps, 'orientation'>, RefAttributes<HTMLDivElement> {
|
|
41
41
|
size?: ButtonSize;
|
|
42
42
|
className?: string;
|
|
43
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,EAAE,EAAkB,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAc,MAAM,OAAO,CAAC;AACvI,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC;AAEH,KAAK,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAI5C,UAAU,oBAAqB,SAAQ,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC;IACxF,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,8FAM7B,iBAAiB,CAAC,oBAAoB,CAAC,gCA2BzC,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,EAAE,EAAkB,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAc,MAAM,OAAO,CAAC;AACvI,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC;AAEH,KAAK,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAI5C,UAAU,oBAAqB,SAAQ,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC;IACxF,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,8FAM7B,iBAAiB,CAAC,oBAAoB,CAAC,gCA2BzC,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC;IAClH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,8CAAqD,gBAAgB,gCAYhG,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var Dot = require('@flipdish/ui-library/components/atoms/Dot');
|
|
4
5
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
6
|
var useEmblaCarousel = require('embla-carousel-react');
|
|
6
7
|
var React = require('react');
|
|
@@ -124,7 +125,7 @@ const CarouselIndicator = ({ index, isSelected = false, children, asChild, class
|
|
|
124
125
|
api?.scrollTo(index);
|
|
125
126
|
};
|
|
126
127
|
const computedClassName = typeof className === 'function' ? className({ isSelected }) : className;
|
|
127
|
-
const defaultAriaLabel =
|
|
128
|
+
const defaultAriaLabel = `Go to slide ${index + 1}`;
|
|
128
129
|
// If the children is a render prop, we need to pass the necessary props to the render prop.
|
|
129
130
|
if (typeof children === 'function') {
|
|
130
131
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({ isSelected, onClick: handleClick }) });
|
|
@@ -147,10 +148,22 @@ const CarouselIndicatorGroup = ({ children, ...props }) => {
|
|
|
147
148
|
const { scrollSnaps } = useCarousel();
|
|
148
149
|
// If the children is a render prop, we need to pass the index to the render prop.
|
|
149
150
|
if (typeof children === 'function') {
|
|
150
|
-
return jsxRuntime.jsx("nav", { ...props, children: scrollSnaps.map((index) => children({ index })) });
|
|
151
|
+
return jsxRuntime.jsx("nav", { ...props, children: scrollSnaps.map((_, index) => children({ index })) });
|
|
151
152
|
}
|
|
152
153
|
return jsxRuntime.jsx("nav", { ...props, children: children });
|
|
153
154
|
};
|
|
155
|
+
const CarouselIndicatorBar = ({ framed, className }) => {
|
|
156
|
+
const { scrollSnaps, selectedIndex, api } = useCarousel();
|
|
157
|
+
return (jsxRuntime.jsx("nav", { className: cx.cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsxRuntime.jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), children: jsxRuntime.jsx(Dot.Dot, { size: "sm", className: selectedIndex === index ? 'text-brand-solid' : 'text-fg-quaternary' }) }, index))) }));
|
|
158
|
+
};
|
|
159
|
+
/**
|
|
160
|
+
* Scrollable sequence of slides with previous/next navigation and optional dot indicators.
|
|
161
|
+
* Compose `Carousel.Root`, `Carousel.Content`, `Carousel.Item`, `Carousel.PrevTrigger`,
|
|
162
|
+
* `Carousel.NextTrigger`, `Carousel.IndicatorGroup`, and `Carousel.Indicator` to build
|
|
163
|
+
* fully custom carousel layouts.
|
|
164
|
+
*
|
|
165
|
+
* @summary display a sequence of slides with navigation controls and indicators
|
|
166
|
+
*/
|
|
154
167
|
const Carousel = {
|
|
155
168
|
Root: CarouselRoot,
|
|
156
169
|
Content: CarouselContent,
|
|
@@ -159,6 +172,7 @@ const Carousel = {
|
|
|
159
172
|
NextTrigger: CarouselNextTrigger,
|
|
160
173
|
IndicatorGroup: CarouselIndicatorGroup,
|
|
161
174
|
Indicator: CarouselIndicator,
|
|
175
|
+
IndicatorBar: CarouselIndicatorBar,
|
|
162
176
|
};
|
|
163
177
|
|
|
164
178
|
exports.Carousel = Carousel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useState","useCallback","useEffect","_jsx","cx","_Fragment","isValidElement","cloneElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useState","useCallback","useEffect","_jsx","cx","_Fragment","isValidElement","cloneElement","Dot"],"mappings":"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"}
|
|
@@ -86,6 +86,19 @@ interface CarouselIndicatorGroupProps extends Omit<HTMLAttributes<HTMLDivElement
|
|
|
86
86
|
}) => ReactNode);
|
|
87
87
|
className?: string;
|
|
88
88
|
}
|
|
89
|
+
interface CarouselIndicatorBarProps {
|
|
90
|
+
/** Wraps the dots in a frosted-glass pill — use when the indicators sit over slide content. */
|
|
91
|
+
framed?: boolean;
|
|
92
|
+
className?: string;
|
|
93
|
+
}
|
|
94
|
+
/**
|
|
95
|
+
* Scrollable sequence of slides with previous/next navigation and optional dot indicators.
|
|
96
|
+
* Compose `Carousel.Root`, `Carousel.Content`, `Carousel.Item`, `Carousel.PrevTrigger`,
|
|
97
|
+
* `Carousel.NextTrigger`, `Carousel.IndicatorGroup`, and `Carousel.Indicator` to build
|
|
98
|
+
* fully custom carousel layouts.
|
|
99
|
+
*
|
|
100
|
+
* @summary display a sequence of slides with navigation controls and indicators
|
|
101
|
+
*/
|
|
89
102
|
export declare const Carousel: {
|
|
90
103
|
Root: ({ orientation, opts, setApi, plugins, className, children, ...props }: ComponentPropsWithRef<"div"> & CarouselProps) => import("react").JSX.Element;
|
|
91
104
|
Content: ({ className, overflowHidden, ...props }: CarouselContentProps) => import("react").JSX.Element;
|
|
@@ -94,6 +107,7 @@ export declare const Carousel: {
|
|
|
94
107
|
NextTrigger: (props: Omit<TriggerProps, "direction">) => import("react").JSX.Element;
|
|
95
108
|
IndicatorGroup: ({ children, ...props }: CarouselIndicatorGroupProps) => import("react").JSX.Element;
|
|
96
109
|
Indicator: ({ index, isSelected, children, asChild, className, style }: CarouselIndicatorProps) => import("react").JSX.Element;
|
|
110
|
+
IndicatorBar: ({ framed, className }: CarouselIndicatorBarProps) => import("react").JSX.Element;
|
|
97
111
|
};
|
|
98
112
|
export {};
|
|
99
113
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { Dot } from '@flipdish/ui-library/components/atoms/Dot';
|
|
2
3
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
4
|
import useEmblaCarousel from 'embla-carousel-react';
|
|
4
5
|
import { createContext, isValidElement, cloneElement, useState, useCallback, useEffect, useContext } from 'react';
|
|
@@ -122,7 +123,7 @@ const CarouselIndicator = ({ index, isSelected = false, children, asChild, class
|
|
|
122
123
|
api?.scrollTo(index);
|
|
123
124
|
};
|
|
124
125
|
const computedClassName = typeof className === 'function' ? className({ isSelected }) : className;
|
|
125
|
-
const defaultAriaLabel =
|
|
126
|
+
const defaultAriaLabel = `Go to slide ${index + 1}`;
|
|
126
127
|
// If the children is a render prop, we need to pass the necessary props to the render prop.
|
|
127
128
|
if (typeof children === 'function') {
|
|
128
129
|
return jsx(Fragment, { children: children({ isSelected, onClick: handleClick }) });
|
|
@@ -145,10 +146,22 @@ const CarouselIndicatorGroup = ({ children, ...props }) => {
|
|
|
145
146
|
const { scrollSnaps } = useCarousel();
|
|
146
147
|
// If the children is a render prop, we need to pass the index to the render prop.
|
|
147
148
|
if (typeof children === 'function') {
|
|
148
|
-
return jsx("nav", { ...props, children: scrollSnaps.map((index) => children({ index })) });
|
|
149
|
+
return jsx("nav", { ...props, children: scrollSnaps.map((_, index) => children({ index })) });
|
|
149
150
|
}
|
|
150
151
|
return jsx("nav", { ...props, children: children });
|
|
151
152
|
};
|
|
153
|
+
const CarouselIndicatorBar = ({ framed, className }) => {
|
|
154
|
+
const { scrollSnaps, selectedIndex, api } = useCarousel();
|
|
155
|
+
return (jsx("nav", { className: cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), children: jsx(Dot, { size: "sm", className: selectedIndex === index ? 'text-brand-solid' : 'text-fg-quaternary' }) }, index))) }));
|
|
156
|
+
};
|
|
157
|
+
/**
|
|
158
|
+
* Scrollable sequence of slides with previous/next navigation and optional dot indicators.
|
|
159
|
+
* Compose `Carousel.Root`, `Carousel.Content`, `Carousel.Item`, `Carousel.PrevTrigger`,
|
|
160
|
+
* `Carousel.NextTrigger`, `Carousel.IndicatorGroup`, and `Carousel.Indicator` to build
|
|
161
|
+
* fully custom carousel layouts.
|
|
162
|
+
*
|
|
163
|
+
* @summary display a sequence of slides with navigation controls and indicators
|
|
164
|
+
*/
|
|
152
165
|
const Carousel = {
|
|
153
166
|
Root: CarouselRoot,
|
|
154
167
|
Content: CarouselContent,
|
|
@@ -157,6 +170,7 @@ const Carousel = {
|
|
|
157
170
|
NextTrigger: CarouselNextTrigger,
|
|
158
171
|
IndicatorGroup: CarouselIndicatorGroup,
|
|
159
172
|
Indicator: CarouselIndicator,
|
|
173
|
+
IndicatorBar: CarouselIndicatorBar,
|
|
160
174
|
};
|
|
161
175
|
|
|
162
176
|
export { Carousel, CarouselContext, useCarousel };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":"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"}
|
|
@@ -2,15 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var uiIcons = require('@flipdish/ui-icons');
|
|
5
|
-
var hastUtilToJsxRuntime = require('hast-util-to-jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var reactAriaComponents = require('react-aria-components');
|
|
8
|
-
var web = require('shiki/bundle/web');
|
|
9
|
-
require('@/components/application/code-snippet/code-snippet.style.css');
|
|
10
5
|
var Button = require('@flipdish/ui-library/components/atoms/Button');
|
|
11
6
|
var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
|
|
12
7
|
var useClipboard = require('@flipdish/ui-library/hooks/useClipboard');
|
|
13
8
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
9
|
+
var hastUtilToJsxRuntime = require('hast-util-to-jsx-runtime');
|
|
10
|
+
var React = require('react');
|
|
11
|
+
var reactAriaComponents = require('react-aria-components');
|
|
12
|
+
var web = require('shiki/bundle/web');
|
|
14
13
|
|
|
15
14
|
const highlight = async (code, lang) => {
|
|
16
15
|
const out = await web.codeToHast(code, {
|