beth-clarity 1.1.33 → 1.1.35

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 (36) hide show
  1. package/dist/clarity-design-system.es.js +1856 -11615
  2. package/dist/clarity-design-system.umd.js +2 -2
  3. package/dist/styles/index.css +1 -1
  4. package/package.json +1 -1
  5. package/dist/components/Accordion/Accordion.d.ts +0 -45
  6. package/dist/components/Accordion/index.d.ts +0 -3
  7. package/dist/components/Badge/Badge.d.ts +0 -19
  8. package/dist/components/Badge/index.d.ts +0 -2
  9. package/dist/components/Button/Button.d.ts +0 -18
  10. package/dist/components/Button/index.d.ts +0 -3
  11. package/dist/components/ButtonGroup/ButtonGroup.d.ts +0 -23
  12. package/dist/components/ButtonGroup/index.d.ts +0 -3
  13. package/dist/components/ButtonIcon/ButtonIcon.d.ts +0 -18
  14. package/dist/components/ButtonIcon/index.d.ts +0 -3
  15. package/dist/components/ButtonLink/ButtonLink.d.ts +0 -21
  16. package/dist/components/ButtonLink/index.d.ts +0 -3
  17. package/dist/components/Card/Card.d.ts +0 -12
  18. package/dist/components/Card/index.d.ts +0 -2
  19. package/dist/components/Col/Col.d.ts +0 -13
  20. package/dist/components/Col/index.d.ts +0 -2
  21. package/dist/components/Command/Command.d.ts +0 -17
  22. package/dist/components/Command/index.d.ts +0 -2
  23. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +0 -38
  24. package/dist/components/ConfirmationDialog/index.d.ts +0 -2
  25. package/dist/components/Input/Input.d.ts +0 -32
  26. package/dist/components/Input/index.d.ts +0 -3
  27. package/dist/components/Modal/Modal.d.ts +0 -18
  28. package/dist/components/Modal/index.d.ts +0 -2
  29. package/dist/components/Offcanvas/Offcanvas.d.ts +0 -16
  30. package/dist/components/Offcanvas/index.d.ts +0 -2
  31. package/dist/components/Row/Row.d.ts +0 -9
  32. package/dist/components/Row/index.d.ts +0 -2
  33. package/dist/components/Spinner/Spinner.d.ts +0 -17
  34. package/dist/components/Spinner/index.d.ts +0 -3
  35. package/dist/components/Tabs/Tabs.d.ts +0 -8
  36. package/dist/components/Tabs/index.d.ts +0 -2
@@ -1,45 +0,0 @@
1
- import { default as React, ReactNode } from 'react';
2
- import { SystemVariant, ProductVariant } from '../../types/common';
3
- type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
- type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
- export interface AccordionProps {
6
- variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
- product?: ProductName;
8
- tone?: ColorTone;
9
- hoverTone?: ColorTone;
10
- defaultActiveKey?: string | string[];
11
- alwaysOpen?: boolean;
12
- flush?: boolean;
13
- className?: string;
14
- children: ReactNode;
15
- onSelect?: (eventKey: string | null, event: React.SyntheticEvent) => void;
16
- }
17
- export interface AccordionItemProps {
18
- eventKey: string;
19
- disabled?: boolean;
20
- className?: string;
21
- children: ReactNode;
22
- }
23
- export interface AccordionHeaderProps {
24
- className?: string;
25
- children: ReactNode;
26
- onClick?: (event: React.MouseEvent) => void;
27
- }
28
- export interface AccordionBodyProps {
29
- className?: string;
30
- children: ReactNode;
31
- }
32
- export declare const Accordion: React.FC<AccordionProps> & {
33
- Item: React.FC<AccordionItemProps>;
34
- Header: React.FC<AccordionHeaderProps & {
35
- eventKey?: string;
36
- disabled?: boolean;
37
- isActive?: boolean;
38
- }>;
39
- Body: React.FC<AccordionBodyProps & {
40
- eventKey?: string;
41
- isActive?: boolean;
42
- }>;
43
- };
44
- export {};
45
- //# sourceMappingURL=Accordion.d.ts.map
@@ -1,3 +0,0 @@
1
- export { Accordion } from './Accordion';
2
- export type { AccordionProps, AccordionItemProps } from './Accordion';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,19 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SystemVariant, ProductVariant } from '../../types/common';
3
- type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
- type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
- export interface BadgeProps {
6
- variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
- product?: ProductName;
8
- tone?: ColorTone;
9
- size?: 'small' | 'medium' | 'large';
10
- bgColor?: string;
11
- textColor?: string;
12
- children: React.ReactNode;
13
- className?: string;
14
- rounded?: boolean;
15
- outlined?: boolean;
16
- }
17
- export declare const Badge: React.FC<BadgeProps>;
18
- export default Badge;
19
- //# sourceMappingURL=Badge.d.ts.map
@@ -1,2 +0,0 @@
1
- export { Badge, type BadgeProps } from './Badge';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,18 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SystemVariant } from '../../types/common';
3
- export type ButtonVariant = SystemVariant | 'primary' | 'secondary' | 'primary-outline' | 'secondary-outline' | 'danger-outline' | 'success-outline' | 'warning-outline';
4
- export interface ButtonProps {
5
- variant?: ButtonVariant;
6
- size?: 'small' | 'medium' | 'large';
7
- disabled?: boolean;
8
- loading?: boolean;
9
- children: React.ReactNode;
10
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
11
- type?: 'button' | 'submit' | 'reset';
12
- className?: string;
13
- title?: string;
14
- customColor?: string;
15
- customColorHover?: string;
16
- }
17
- export declare const Button: React.FC<ButtonProps>;
18
- //# sourceMappingURL=Button.d.ts.map
@@ -1,3 +0,0 @@
1
- export { Button } from './Button';
2
- export type { ButtonProps } from './Button';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,23 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SystemVariant, ProductVariant } from '../../types/common';
3
- type ButtonGroupSize = 'small' | 'medium' | 'large';
4
- export interface ButtonGroupItem {
5
- id: string | number;
6
- label: string;
7
- disabled?: boolean;
8
- icon?: React.ReactNode;
9
- }
10
- export interface ButtonGroupProps {
11
- variant?: ProductVariant | SystemVariant;
12
- size?: ButtonGroupSize;
13
- filled?: boolean;
14
- items: ButtonGroupItem[];
15
- value?: string | number | (string | number)[];
16
- multiple?: boolean;
17
- disabled?: boolean;
18
- onChange?: (value: string | number | (string | number)[]) => void;
19
- className?: string;
20
- }
21
- export declare const ButtonGroup: React.FC<ButtonGroupProps>;
22
- export {};
23
- //# sourceMappingURL=ButtonGroup.d.ts.map
@@ -1,3 +0,0 @@
1
- export { ButtonGroup } from './ButtonGroup';
2
- export type { ButtonGroupProps, ButtonGroupItem } from './ButtonGroup';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,18 +0,0 @@
1
- import { default as React } from 'react';
2
- export type ButtonIconVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'ghost' | 'primary-outline' | 'secondary-outline' | 'danger-outline' | 'success-outline' | 'warning-outline';
3
- export interface ButtonIconProps {
4
- variant?: ButtonIconVariant;
5
- size?: 'small' | 'medium' | 'large';
6
- disabled?: boolean;
7
- loading?: boolean;
8
- children: React.ReactNode;
9
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
10
- type?: 'button' | 'submit' | 'reset';
11
- className?: string;
12
- 'aria-label'?: string;
13
- title?: string;
14
- customColor?: string;
15
- customColorHover?: string;
16
- }
17
- export declare const ButtonIcon: React.FC<ButtonIconProps>;
18
- //# sourceMappingURL=ButtonIcon.d.ts.map
@@ -1,3 +0,0 @@
1
- export { ButtonIcon } from './ButtonIcon';
2
- export type { ButtonIconProps } from './ButtonIcon';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,21 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SystemVariant, ProductVariant } from '../../types/common';
3
- type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
- type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
- export interface ButtonLinkProps {
6
- variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
7
- product?: ProductName;
8
- tone?: ColorTone;
9
- hoverTone?: ColorTone;
10
- size?: 'small' | 'medium' | 'large';
11
- disabled?: boolean;
12
- children: React.ReactNode;
13
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
14
- href?: string;
15
- target?: '_blank' | '_self' | '_parent' | '_top';
16
- rel?: string;
17
- className?: string;
18
- }
19
- export declare const ButtonLink: React.FC<ButtonLinkProps>;
20
- export {};
21
- //# sourceMappingURL=ButtonLink.d.ts.map
@@ -1,3 +0,0 @@
1
- export { ButtonLink } from './ButtonLink';
2
- export type { ButtonLinkProps } from './ButtonLink';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,12 +0,0 @@
1
- import { default as React } from 'react';
2
- import { CardSubComponentProps, CardProps } from '../../types/card';
3
- export type { CardProps };
4
- declare const Header: React.FC<CardSubComponentProps>;
5
- declare const Content: React.FC<CardSubComponentProps>;
6
- declare const Footer: React.FC<CardSubComponentProps>;
7
- export declare const Card: React.FC<CardProps> & {
8
- Header: typeof Header;
9
- Content: typeof Content;
10
- Footer: typeof Footer;
11
- };
12
- //# sourceMappingURL=Card.d.ts.map
@@ -1,2 +0,0 @@
1
- export { Card, type CardProps } from './Card';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,13 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
3
- xs?: number | 'auto';
4
- sm?: number | 'auto';
5
- md?: number | 'auto';
6
- lg?: number | 'auto';
7
- xl?: number | 'auto';
8
- xxl?: number | 'auto';
9
- offset?: Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
10
- as?: keyof JSX.IntrinsicElements;
11
- }
12
- export declare const Col: React.FC<ColProps>;
13
- //# sourceMappingURL=Col.d.ts.map
@@ -1,2 +0,0 @@
1
- export { Col } from './Col';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,17 +0,0 @@
1
- import { default as React } from 'react';
2
- import { CommandProps, CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandSeparatorProps, CommandShortcutProps, CommandButtonProps } from '@/types/command';
3
- export declare const Command: React.FC<CommandProps & {
4
- emptyText?: string;
5
- inputPlaceholder?: string;
6
- }> & {
7
- Button: React.FC<CommandButtonProps>;
8
- Dialog: React.FC<CommandDialogProps>;
9
- Input: React.FC<CommandInputProps>;
10
- List: React.FC<CommandListProps>;
11
- Empty: React.FC<CommandEmptyProps>;
12
- Group: React.FC<CommandGroupProps>;
13
- Item: React.FC<CommandItemProps>;
14
- Separator: React.FC<CommandSeparatorProps>;
15
- Shortcut: React.FC<CommandShortcutProps>;
16
- };
17
- //# sourceMappingURL=Command.d.ts.map
@@ -1,2 +0,0 @@
1
- export * from './Command';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,38 +0,0 @@
1
- import { default as React } from 'react';
2
- type DialogVariant = 'clarity-primary' | 'clarity-warning' | 'clarity-danger' | 'clarity-success';
3
- interface ConfirmationDialogProps {
4
- isOpen?: boolean;
5
- onClose?: () => void;
6
- onConfirm?: () => void;
7
- variant?: DialogVariant;
8
- children: React.ReactNode;
9
- }
10
- interface TriggerProps {
11
- children: React.ReactElement;
12
- }
13
- interface CloseProps {
14
- children: React.ReactElement;
15
- }
16
- interface ConfirmProps {
17
- children: React.ReactElement;
18
- }
19
- interface SubComponentProps {
20
- children?: React.ReactNode;
21
- className?: string;
22
- }
23
- declare const Header: React.FC<SubComponentProps>;
24
- declare const Content: React.FC<SubComponentProps>;
25
- declare const Footer: React.FC<SubComponentProps>;
26
- declare const Trigger: React.FC<TriggerProps>;
27
- declare const Close: React.FC<CloseProps>;
28
- declare const Confirm: React.FC<ConfirmProps>;
29
- export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps> & {
30
- Header: typeof Header;
31
- Content: typeof Content;
32
- Footer: typeof Footer;
33
- Trigger: typeof Trigger;
34
- Close: typeof Close;
35
- Confirm: typeof Confirm;
36
- };
37
- export {};
38
- //# sourceMappingURL=ConfirmationDialog.d.ts.map
@@ -1,2 +0,0 @@
1
- export * from './ConfirmationDialog';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,32 +0,0 @@
1
- import { default as React } from 'react';
2
- type SystemVariant = 'primary' | 'secondary';
3
- type HelperPosition = 'top-right' | 'middle-right' | 'bottom-right' | 'top-left' | 'middle-left' | 'bottom-left';
4
- interface HelperConfig {
5
- content: React.ReactNode;
6
- plain?: boolean;
7
- }
8
- export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
9
- /** Variante de cor */
10
- variant?: SystemVariant;
11
- /** Tamanho do input */
12
- size?: 'small' | 'medium' | 'large';
13
- /** Label do input */
14
- label?: string;
15
- /** Texto de ajuda */
16
- helperText?: string;
17
- /** Estado de erro */
18
- error?: boolean;
19
- /** Mensagem de erro */
20
- errorMessage?: string;
21
- /** Ícone no início */
22
- startIcon?: React.ReactNode;
23
- /** Ícone no final */
24
- endIcon?: React.ReactNode;
25
- /** Ícone de ajuda; ao clicar, exibe tooltip com conteúdo livre */
26
- helper?: boolean | HelperConfig;
27
- /** Posição do ícone de ajuda */
28
- helperPosition?: HelperPosition;
29
- }
30
- export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
31
- export { };
32
- //# sourceMappingURL=Input.d.ts.map
@@ -1,3 +0,0 @@
1
- export { Input } from './Input';
2
- export type { InputProps } from './Input';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,18 +0,0 @@
1
- import { default as React } from 'react';
2
- import { ModalProps, ModalSubComponentProps, ModalTriggerProps, ModalCloseProps } from '@/types/modal';
3
- declare const Header: React.FC<ModalSubComponentProps & {
4
- title?: string;
5
- }>;
6
- declare const Content: React.FC<ModalSubComponentProps>;
7
- declare const Footer: React.FC<ModalSubComponentProps>;
8
- declare const Trigger: React.FC<ModalTriggerProps>;
9
- declare const Close: React.FC<ModalCloseProps>;
10
- export declare const Modal: React.FC<ModalProps> & {
11
- Header: typeof Header;
12
- Content: typeof Content;
13
- Footer: typeof Footer;
14
- Trigger: typeof Trigger;
15
- Close: typeof Close;
16
- };
17
- export {};
18
- //# sourceMappingURL=Modal.d.ts.map
@@ -1,2 +0,0 @@
1
- export { Modal } from './Modal';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,16 +0,0 @@
1
- import { default as React } from 'react';
2
- import { OffcanvasProps, OffcanvasSubComponentProps, OffcanvasTriggerProps, OffcanvasCloseProps } from '@/types/offcanvas';
3
- declare const Header: React.FC<OffcanvasSubComponentProps>;
4
- declare const Content: React.FC<OffcanvasSubComponentProps>;
5
- declare const Trigger: React.FC<OffcanvasTriggerProps>;
6
- declare const Footer: React.FC<OffcanvasSubComponentProps>;
7
- declare const Close: React.FC<OffcanvasCloseProps>;
8
- export declare const Offcanvas: React.FC<OffcanvasProps> & {
9
- Header: typeof Header;
10
- Content: typeof Content;
11
- Footer: typeof Footer;
12
- Trigger: typeof Trigger;
13
- Close: typeof Close;
14
- };
15
- export {};
16
- //# sourceMappingURL=Offcanvas.d.ts.map
@@ -1,2 +0,0 @@
1
- export { Offcanvas } from './Offcanvas';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,9 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
3
- noGutters?: boolean;
4
- justify?: 'start' | 'center' | 'end' | 'between' | 'around';
5
- align?: 'start' | 'center' | 'end' | 'stretch';
6
- as?: keyof JSX.IntrinsicElements;
7
- }
8
- export declare const Row: React.FC<RowProps>;
9
- //# sourceMappingURL=Row.d.ts.map
@@ -1,2 +0,0 @@
1
- export { Row } from './Row';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1,17 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SystemVariant, ProductVariant } from '../../types/common';
3
- type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
4
- type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
5
- type SpinnerSize = 'small' | 'medium' | 'large';
6
- export interface SpinnerProps {
7
- variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
8
- product?: ProductName;
9
- tone?: ColorTone;
10
- size?: SpinnerSize;
11
- color?: string;
12
- className?: string;
13
- 'aria-label'?: string;
14
- }
15
- export declare const Spinner: React.FC<SpinnerProps>;
16
- export {};
17
- //# sourceMappingURL=Spinner.d.ts.map
@@ -1,3 +0,0 @@
1
- export { Spinner } from './Spinner';
2
- export type { SpinnerProps } from './Spinner';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,8 +0,0 @@
1
- import { default as React } from 'react';
2
- import { TabsProps, TabProps } from '../../types/tabs';
3
- declare const Tab: React.FC<TabProps>;
4
- export declare const Tabs: React.FC<TabsProps> & {
5
- Tab: typeof Tab;
6
- };
7
- export {};
8
- //# sourceMappingURL=Tabs.d.ts.map
@@ -1,2 +0,0 @@
1
- export * from './Tabs';
2
- //# sourceMappingURL=index.d.ts.map