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.
Files changed (119) hide show
  1. package/dist/App.d.ts +3 -0
  2. package/dist/App.d.ts.map +1 -0
  3. package/dist/clarity-design-system.es.js +2128 -1555
  4. package/dist/clarity-design-system.umd.js +2 -2
  5. package/dist/components/Accordion/Accordion.d.ts +2 -2
  6. package/dist/components/Accordion/Accordion.d.ts.map +1 -0
  7. package/dist/components/Accordion/index.d.ts.map +1 -0
  8. package/dist/components/Badge/Badge.d.ts +2 -6
  9. package/dist/components/Badge/Badge.d.ts.map +1 -0
  10. package/dist/components/Badge/index.d.ts.map +1 -0
  11. package/dist/components/Box/Box.d.ts +56 -0
  12. package/dist/components/Box/Box.d.ts.map +1 -0
  13. package/dist/components/Box/index.d.ts +2 -0
  14. package/dist/components/Box/index.d.ts.map +1 -0
  15. package/dist/components/Button/Button.d.ts +5 -8
  16. package/dist/components/Button/Button.d.ts.map +1 -0
  17. package/dist/components/Button/index.d.ts.map +1 -0
  18. package/dist/components/ButtonGroup/ButtonGroup.d.ts +23 -0
  19. package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
  20. package/dist/components/ButtonGroup/index.d.ts +3 -0
  21. package/dist/components/ButtonGroup/index.d.ts.map +1 -0
  22. package/dist/components/ButtonIcon/ButtonIcon.d.ts +4 -8
  23. package/dist/components/ButtonIcon/ButtonIcon.d.ts.map +1 -0
  24. package/dist/components/ButtonIcon/index.d.ts.map +1 -0
  25. package/dist/components/ButtonLink/ButtonLink.d.ts +3 -3
  26. package/dist/components/ButtonLink/ButtonLink.d.ts.map +1 -0
  27. package/dist/components/ButtonLink/index.d.ts.map +1 -0
  28. package/dist/components/Card/Card.d.ts +12 -0
  29. package/dist/components/Card/Card.d.ts.map +1 -0
  30. package/dist/components/Card/index.d.ts +2 -0
  31. package/dist/components/Card/index.d.ts.map +1 -0
  32. package/dist/components/CheckInput/CheckInput.d.ts +15 -3
  33. package/dist/components/CheckInput/CheckInput.d.ts.map +1 -0
  34. package/dist/components/CheckInput/index.d.ts.map +1 -0
  35. package/dist/components/Col/Col.d.ts +13 -0
  36. package/dist/components/Col/Col.d.ts.map +1 -0
  37. package/dist/components/Col/index.d.ts +2 -0
  38. package/dist/components/Col/index.d.ts.map +1 -0
  39. package/dist/components/Command/Command.d.ts +6 -6
  40. package/dist/components/Command/Command.d.ts.map +1 -0
  41. package/dist/components/Command/index.d.ts.map +1 -0
  42. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +3 -1
  43. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -0
  44. package/dist/components/ConfirmationDialog/index.d.ts.map +1 -0
  45. package/dist/components/Dropdown/Dropdown.d.ts +2 -2
  46. package/dist/components/Dropdown/Dropdown.d.ts.map +1 -0
  47. package/dist/components/Dropdown/index.d.ts.map +1 -0
  48. package/dist/components/Input/Input.d.ts +14 -4
  49. package/dist/components/Input/Input.d.ts.map +1 -0
  50. package/dist/components/Input/index.d.ts.map +1 -0
  51. package/dist/components/InputSwitch/InputSwitch.d.ts +14 -5
  52. package/dist/components/InputSwitch/InputSwitch.d.ts.map +1 -0
  53. package/dist/components/InputSwitch/index.d.ts.map +1 -0
  54. package/dist/components/Modal/Modal.d.ts +1 -1
  55. package/dist/components/Modal/Modal.d.ts.map +1 -0
  56. package/dist/components/Modal/index.d.ts.map +1 -0
  57. package/dist/components/MultiSelect/MultiSelect.d.ts +14 -4
  58. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -0
  59. package/dist/components/MultiSelect/index.d.ts.map +1 -0
  60. package/dist/components/Offcanvas/Offcanvas.d.ts +1 -1
  61. package/dist/components/Offcanvas/Offcanvas.d.ts.map +1 -0
  62. package/dist/components/Offcanvas/index.d.ts.map +1 -0
  63. package/dist/components/Row/Row.d.ts +9 -0
  64. package/dist/components/Row/Row.d.ts.map +1 -0
  65. package/dist/components/Row/index.d.ts +2 -0
  66. package/dist/components/Row/index.d.ts.map +1 -0
  67. package/dist/components/Select/Select.d.ts +15 -7
  68. package/dist/components/Select/Select.d.ts.map +1 -0
  69. package/dist/components/Select/index.d.ts.map +1 -0
  70. package/dist/components/Spinner/Spinner.d.ts +2 -6
  71. package/dist/components/Spinner/Spinner.d.ts.map +1 -0
  72. package/dist/components/Spinner/index.d.ts.map +1 -0
  73. package/dist/components/Table/Table.d.ts.map +1 -0
  74. package/dist/components/Table/index.d.ts.map +1 -0
  75. package/dist/components/Tabs/Tabs.d.ts +1 -3
  76. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  77. package/dist/components/Tabs/index.d.ts.map +1 -0
  78. package/dist/components/Textarea/Textarea.d.ts +12 -4
  79. package/dist/components/Textarea/Textarea.d.ts.map +1 -0
  80. package/dist/components/Textarea/index.d.ts.map +1 -0
  81. package/dist/components/Toast/Toast.d.ts +1 -1
  82. package/dist/components/Toast/Toast.d.ts.map +1 -0
  83. package/dist/components/Toast/index.d.ts.map +1 -0
  84. package/dist/components/Tooltip/Tooltip.d.ts +3 -6
  85. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  86. package/dist/components/Tooltip/index.d.ts.map +1 -0
  87. package/dist/components/index.d.ts +5 -0
  88. package/dist/components/index.d.ts.map +1 -0
  89. package/dist/index.d.ts.map +1 -0
  90. package/dist/main.d.ts +1 -0
  91. package/dist/main.d.ts.map +1 -0
  92. package/dist/styles/index.css +1 -1
  93. package/dist/test/setup.d.ts +15 -0
  94. package/dist/test/setup.d.ts.map +1 -0
  95. package/dist/tokens/colors.d.ts.map +1 -0
  96. package/dist/tokens/index.d.ts.map +1 -0
  97. package/dist/tokens/spacing.d.ts.map +1 -0
  98. package/dist/tokens/typography.d.ts +7 -0
  99. package/dist/tokens/typography.d.ts.map +1 -0
  100. package/dist/types/card.d.ts +12 -0
  101. package/dist/types/card.d.ts.map +1 -0
  102. package/dist/types/command.d.ts +25 -0
  103. package/dist/types/command.d.ts.map +1 -0
  104. package/dist/types/common.d.ts +2 -0
  105. package/dist/types/common.d.ts.map +1 -0
  106. package/dist/types/dropdown.d.ts +15 -0
  107. package/dist/types/dropdown.d.ts.map +1 -0
  108. package/dist/types/modal.d.ts +31 -0
  109. package/dist/types/modal.d.ts.map +1 -0
  110. package/dist/types/offcanvas.d.ts +35 -0
  111. package/dist/types/offcanvas.d.ts.map +1 -0
  112. package/dist/types/table.d.ts +15 -4
  113. package/dist/types/table.d.ts.map +1 -0
  114. package/dist/types/tabs.d.ts +22 -0
  115. package/dist/types/tabs.d.ts.map +1 -0
  116. package/dist/types/toast.d.ts +20 -0
  117. package/dist/types/toast.d.ts.map +1 -0
  118. package/dist/utils/index.d.ts.map +1 -0
  119. 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,2 @@
1
+ export type SystemVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
2
+ //# sourceMappingURL=common.d.ts.map
@@ -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"}
@@ -1,15 +1,24 @@
1
1
  import { ReactNode } from 'react';
2
- import { ProductVariant, SystemVariant } from './common';
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?: ProductVariant | SystemVariant;
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?: ProductVariant | SystemVariant;
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.1",
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
  }