beth-clarity 1.2.1 → 1.2.3
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/App.d.ts +3 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/clarity-design-system.es.js +2128 -1555
- package/dist/clarity-design-system.umd.js +2 -2
- package/dist/components/Accordion/Accordion.d.ts +2 -2
- package/dist/components/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +2 -6
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Box/Box.d.ts +56 -0
- package/dist/components/Box/Box.d.ts.map +1 -0
- package/dist/components/Box/index.d.ts +2 -0
- package/dist/components/Box/index.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +5 -8
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +23 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/dist/components/ButtonGroup/index.d.ts +3 -0
- package/dist/components/ButtonGroup/index.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts +4 -8
- package/dist/components/ButtonIcon/ButtonIcon.d.ts.map +1 -0
- package/dist/components/ButtonIcon/index.d.ts.map +1 -0
- package/dist/components/ButtonLink/ButtonLink.d.ts +3 -3
- package/dist/components/ButtonLink/ButtonLink.d.ts.map +1 -0
- package/dist/components/ButtonLink/index.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +12 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/CheckInput/CheckInput.d.ts +15 -3
- package/dist/components/CheckInput/CheckInput.d.ts.map +1 -0
- package/dist/components/CheckInput/index.d.ts.map +1 -0
- package/dist/components/Col/Col.d.ts +13 -0
- package/dist/components/Col/Col.d.ts.map +1 -0
- package/dist/components/Col/index.d.ts +2 -0
- package/dist/components/Col/index.d.ts.map +1 -0
- package/dist/components/Command/Command.d.ts +6 -6
- package/dist/components/Command/Command.d.ts.map +1 -0
- package/dist/components/Command/index.d.ts.map +1 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +3 -1
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -0
- package/dist/components/ConfirmationDialog/index.d.ts.map +1 -0
- package/dist/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/Dropdown/index.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +14 -4
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/InputSwitch/InputSwitch.d.ts +14 -5
- package/dist/components/InputSwitch/InputSwitch.d.ts.map +1 -0
- package/dist/components/InputSwitch/index.d.ts.map +1 -0
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +14 -4
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -0
- package/dist/components/MultiSelect/index.d.ts.map +1 -0
- package/dist/components/Offcanvas/Offcanvas.d.ts +1 -1
- package/dist/components/Offcanvas/Offcanvas.d.ts.map +1 -0
- package/dist/components/Offcanvas/index.d.ts.map +1 -0
- package/dist/components/Row/Row.d.ts +9 -0
- package/dist/components/Row/Row.d.ts.map +1 -0
- package/dist/components/Row/index.d.ts +2 -0
- package/dist/components/Row/index.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +15 -7
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.d.ts +2 -6
- package/dist/components/Spinner/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner/index.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +1 -3
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +12 -4
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Toast/Toast.d.ts +1 -1
- package/dist/components/Toast/Toast.d.ts.map +1 -0
- package/dist/components/Toast/index.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +3 -6
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.d.ts.map +1 -0
- package/dist/styles/index.css +1 -1
- package/dist/test/setup.d.ts +15 -0
- package/dist/test/setup.d.ts.map +1 -0
- package/dist/tokens/colors.d.ts.map +1 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/spacing.d.ts.map +1 -0
- package/dist/tokens/typography.d.ts +7 -0
- package/dist/tokens/typography.d.ts.map +1 -0
- package/dist/types/card.d.ts +12 -0
- package/dist/types/card.d.ts.map +1 -0
- package/dist/types/command.d.ts +25 -0
- package/dist/types/command.d.ts.map +1 -0
- package/dist/types/common.d.ts +2 -0
- package/dist/types/common.d.ts.map +1 -0
- package/dist/types/dropdown.d.ts +15 -0
- package/dist/types/dropdown.d.ts.map +1 -0
- package/dist/types/modal.d.ts +31 -0
- package/dist/types/modal.d.ts.map +1 -0
- package/dist/types/offcanvas.d.ts +35 -0
- package/dist/types/offcanvas.d.ts.map +1 -0
- package/dist/types/table.d.ts +15 -4
- package/dist/types/table.d.ts.map +1 -0
- package/dist/types/tabs.d.ts +22 -0
- package/dist/types/tabs.d.ts.map +1 -0
- package/dist/types/toast.d.ts +20 -0
- package/dist/types/toast.d.ts.map +1 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/package.json +4 -2
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare global {
|
|
2
|
+
interface Window {
|
|
3
|
+
IntersectionObserver: typeof IntersectionObserver;
|
|
4
|
+
ResizeObserver: typeof ResizeObserver;
|
|
5
|
+
}
|
|
6
|
+
var IntersectionObserver: {
|
|
7
|
+
new (callback: IntersectionObserverCallback, options?: IntersectionObserverInit): IntersectionObserver;
|
|
8
|
+
prototype: IntersectionObserver;
|
|
9
|
+
};
|
|
10
|
+
var ResizeObserver: {
|
|
11
|
+
new (callback: ResizeObserverCallback): ResizeObserver;
|
|
12
|
+
prototype: ResizeObserver;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=setup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test/setup.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAA;AAOlC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,oBAAoB,EAAE,OAAO,oBAAoB,CAAA;QACjD,cAAc,EAAE,OAAO,cAAc,CAAA;KACtC;IAED,IAAI,oBAAoB,EAAE;QACxB,KAAK,QAAQ,EAAE,4BAA4B,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,oBAAoB,CAAA;QACtG,SAAS,EAAE,oBAAoB,CAAA;KAChC,CAAA;IAED,IAAI,cAAc,EAAE;QAClB,KAAK,QAAQ,EAAE,sBAAsB,GAAG,cAAc,CAAA;QACtD,SAAS,EAAE,cAAc,CAAA;KAC1B,CAAA;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDT,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQV,CAAC"}
|
|
@@ -18,5 +18,12 @@ export declare const typography: {
|
|
|
18
18
|
readonly semibold: 600;
|
|
19
19
|
readonly bold: 700;
|
|
20
20
|
};
|
|
21
|
+
readonly letterSpacing: {
|
|
22
|
+
readonly tighter: "-0.05em";
|
|
23
|
+
readonly tight: "-0.025em";
|
|
24
|
+
readonly normal: "0em";
|
|
25
|
+
readonly wide: "0.025em";
|
|
26
|
+
readonly wider: "0.05em";
|
|
27
|
+
};
|
|
21
28
|
};
|
|
22
29
|
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bb,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
export interface CardSubComponentProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
align?: 'left' | 'center' | 'right';
|
|
8
|
+
}
|
|
9
|
+
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/types/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { SystemVariant } from './common';
|
|
2
|
+
export type CommandVariant = SystemVariant;
|
|
3
|
+
export interface CommandProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
4
|
+
variant?: CommandVariant;
|
|
5
|
+
}
|
|
6
|
+
export interface CommandDialogProps {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
variant?: CommandVariant;
|
|
9
|
+
}
|
|
10
|
+
export interface CommandEmptyProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
11
|
+
emptyText?: string;
|
|
12
|
+
}
|
|
13
|
+
export type CommandGroupProps = React.ComponentPropsWithoutRef<"div">;
|
|
14
|
+
export interface CommandInputProps extends React.ComponentPropsWithoutRef<"input"> {
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
}
|
|
17
|
+
export type CommandItemProps = React.ComponentPropsWithoutRef<"div">;
|
|
18
|
+
export type CommandListProps = React.ComponentPropsWithoutRef<"div">;
|
|
19
|
+
export type CommandSeparatorProps = React.ComponentPropsWithoutRef<"div">;
|
|
20
|
+
export type CommandShortcutProps = React.ComponentPropsWithoutRef<"span">;
|
|
21
|
+
export interface CommandButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
variant?: CommandVariant;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=command.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/types/command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,aAAa,CAAC;AAE3C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzE,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAEH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAErE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAEH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEpE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEpE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzE,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAA;AAEzE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type DropdownPosition = 'top' | 'right' | 'bottom' | 'left';
|
|
2
|
+
export interface DropdownProps {
|
|
3
|
+
title: string;
|
|
4
|
+
position?: DropdownPosition;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
type AsProp<E extends React.ElementType> = {
|
|
8
|
+
as?: E;
|
|
9
|
+
};
|
|
10
|
+
type PropsToOmit<E extends React.ElementType, P> = P extends AsProp<E> ? keyof AsProp<E> : never;
|
|
11
|
+
export type DropdownItemProps<E extends React.ElementType = 'a'> = React.PropsWithChildren<AsProp<E> & Omit<React.ComponentPropsWithoutRef<E>, PropsToOmit<E, AsProp<E>>>> & {
|
|
12
|
+
href?: E extends 'a' ? string : never;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/types/dropdown.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACzC,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,CAAC,CAAC,GAClE,MAAM,MAAM,CAAC,CAAC,CAAC,GACf,KAAK,CAAC;AAEV,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAC7D,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;IACxG,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;CACvC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SystemVariant } from './common';
|
|
2
|
+
export type ModalSize = 'small' | 'medium' | 'large';
|
|
3
|
+
export interface ModalContextType {
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
variant?: SystemVariant | 'primary-background-gradient';
|
|
6
|
+
showCloseButton?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface ModalProps {
|
|
9
|
+
isOpen?: boolean;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
onOpen?: () => void;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
variant?: SystemVariant | 'primary-background-gradient';
|
|
15
|
+
size?: ModalSize;
|
|
16
|
+
showCloseButton?: boolean;
|
|
17
|
+
closeOnOverlayClick?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface ModalSubComponentProps {
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
export interface ModalTriggerProps {
|
|
24
|
+
children: React.ReactElement;
|
|
25
|
+
onClick?: () => void;
|
|
26
|
+
variant?: SystemVariant | 'primary-background-gradient';
|
|
27
|
+
}
|
|
28
|
+
export interface ModalCloseProps {
|
|
29
|
+
children: React.ReactElement;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/types/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAGrD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,GAAG,6BAA6B,CAAC;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAGD,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,GAAG,6BAA6B,CAAC;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,GAAG,6BAA6B,CAAC;CACzD;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SystemVariant } from './common';
|
|
3
|
+
export type OffcanvasPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
export interface OffcanvasProps {
|
|
5
|
+
isOpen?: boolean;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
onOpen?: () => void;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
variant?: SystemVariant;
|
|
11
|
+
placement?: OffcanvasPlacement;
|
|
12
|
+
closeOnOverlayClick?: boolean;
|
|
13
|
+
showCloseButton?: boolean;
|
|
14
|
+
title?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface OffcanvasContextType {
|
|
17
|
+
onClose: () => void;
|
|
18
|
+
variant?: SystemVariant;
|
|
19
|
+
showCloseButton: boolean;
|
|
20
|
+
placement: OffcanvasPlacement;
|
|
21
|
+
title?: string;
|
|
22
|
+
}
|
|
23
|
+
export interface OffcanvasSubComponentProps {
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
export interface OffcanvasTriggerProps {
|
|
28
|
+
children: React.ReactElement;
|
|
29
|
+
onClick?: () => void;
|
|
30
|
+
variant?: SystemVariant;
|
|
31
|
+
}
|
|
32
|
+
export interface OffcanvasCloseProps {
|
|
33
|
+
children: React.ReactElement;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=offcanvas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"offcanvas.d.ts","sourceRoot":"","sources":["../../src/types/offcanvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B"}
|
package/dist/types/table.d.ts
CHANGED
|
@@ -1,15 +1,24 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SystemVariant } from './common';
|
|
3
|
+
export interface PaginationProps {
|
|
4
|
+
currentPage: number;
|
|
5
|
+
totalPages: number;
|
|
6
|
+
onPageChange: (page: number) => void;
|
|
7
|
+
totalItems: number;
|
|
8
|
+
itemsPerPage: number;
|
|
9
|
+
position?: 'center' | 'right';
|
|
10
|
+
}
|
|
3
11
|
export interface TableProps {
|
|
4
|
-
variant?:
|
|
12
|
+
variant?: SystemVariant | 'primary-background-gradient';
|
|
5
13
|
columns: TableColumn[];
|
|
6
14
|
data: TableData[];
|
|
7
15
|
viewMode?: 'table' | 'card';
|
|
8
16
|
isScrollable?: boolean;
|
|
9
17
|
isLoading?: boolean;
|
|
18
|
+
pagination?: PaginationProps;
|
|
10
19
|
}
|
|
11
20
|
export interface TableHeaderProps {
|
|
12
|
-
variant?:
|
|
21
|
+
variant?: SystemVariant;
|
|
13
22
|
children: ReactNode;
|
|
14
23
|
}
|
|
15
24
|
export interface TableBodyProps {
|
|
@@ -30,11 +39,13 @@ export interface TableCellProps {
|
|
|
30
39
|
export interface TableData {
|
|
31
40
|
[key: string]: any;
|
|
32
41
|
}
|
|
42
|
+
export type SortDirection = 'asc' | 'desc' | 'none';
|
|
33
43
|
export interface TableColumn {
|
|
34
44
|
key: string;
|
|
35
45
|
header: string;
|
|
36
46
|
sortable?: boolean;
|
|
37
47
|
minWidth?: string;
|
|
48
|
+
render?: (row: TableData) => ReactNode;
|
|
49
|
+
align?: 'left' | 'center' | 'right';
|
|
38
50
|
}
|
|
39
|
-
export type SortDirection = 'asc' | 'desc' | 'none';
|
|
40
51
|
//# sourceMappingURL=table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/types/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,aAAa,GAAG,6BAA6B,CAAC;IACxD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode, ElementType } from 'react';
|
|
2
|
+
import { SystemVariant } from './common';
|
|
3
|
+
export type TabVariant = SystemVariant;
|
|
4
|
+
export type TabOrientation = 'horizontal' | 'vertical';
|
|
5
|
+
export interface TabsProps {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
activeTab: string | number;
|
|
8
|
+
onTabChange?: (id: string | number) => void;
|
|
9
|
+
variant?: TabVariant;
|
|
10
|
+
orientation?: TabOrientation;
|
|
11
|
+
align?: 'left' | 'center' | 'right';
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface TabProps {
|
|
15
|
+
as?: ElementType;
|
|
16
|
+
id: string | number;
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
className?: string;
|
|
19
|
+
onClick?: (tabId: string | number) => void;
|
|
20
|
+
[key: string]: unknown;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/types/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AACvC,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SystemVariant } from './common';
|
|
3
|
+
export type ToastVariant = SystemVariant;
|
|
4
|
+
export type ToastPosition = 'right-top' | 'right-middle' | 'right-bottom' | 'center-top' | 'center-middle' | 'center-bottom' | 'left-top' | 'left-middle' | 'left-bottom';
|
|
5
|
+
export interface ToastInfo {
|
|
6
|
+
id: string;
|
|
7
|
+
message: ReactNode;
|
|
8
|
+
variant: ToastVariant;
|
|
9
|
+
duration: number;
|
|
10
|
+
position: ToastPosition;
|
|
11
|
+
invertColors?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export interface ToastProps extends ToastInfo {
|
|
14
|
+
onClose: (id: string) => void;
|
|
15
|
+
}
|
|
16
|
+
export type ToastOptions = Omit<ToastInfo, 'id'>;
|
|
17
|
+
export interface ToastContextType {
|
|
18
|
+
show: (options: ToastOptions) => void;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/types/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAEzC,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,cAAc,GACd,cAAc,GACd,YAAY,GACZ,eAAe,GACf,eAAe,GACf,UAAU,GACV,aAAa,GACb,aAAa,CAAC;AAElB,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,eAAgB,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,KAAG,MAEtE,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,MAE7B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "beth-clarity",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.3",
|
|
5
5
|
"description": "Design System da Beth Health Tech com componentes React reutilizáveis",
|
|
6
6
|
"main": "dist/clarity-design-system.umd.js",
|
|
7
7
|
"module": "dist/clarity-design-system.es.js",
|
|
@@ -57,7 +57,8 @@
|
|
|
57
57
|
"license": "MIT",
|
|
58
58
|
"peerDependencies": {
|
|
59
59
|
"react": ">=18.0.0",
|
|
60
|
-
"react-dom": ">=18.0.0"
|
|
60
|
+
"react-dom": ">=18.0.0",
|
|
61
|
+
"react-icons": ">=4.12.0"
|
|
61
62
|
},
|
|
62
63
|
"devDependencies": {
|
|
63
64
|
"@storybook/addon-a11y": "^8.6.14",
|
|
@@ -91,6 +92,7 @@
|
|
|
91
92
|
"typescript": "~5.6.3",
|
|
92
93
|
"typescript-eslint": "^8.44.1",
|
|
93
94
|
"vite": "^6.3.5",
|
|
95
|
+
"react-icons": "^4.12.0",
|
|
94
96
|
"vite-plugin-dts": "^4.3.0",
|
|
95
97
|
"vitest": "^3.2.4"
|
|
96
98
|
}
|