beth-clarity 1.1.28 → 1.1.30
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/clarity-design-system.es.js +567 -1539
- package/dist/clarity-design-system.umd.js +2 -2
- package/dist/components/Box/Box.d.ts +2 -2
- package/dist/components/Button/Button.d.ts +5 -8
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +23 -0
- package/dist/components/ButtonGroup/index.d.ts +3 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts +4 -8
- package/dist/components/Card/Card.d.ts +3 -10
- package/dist/components/Col/Col.d.ts +13 -0
- package/dist/components/Col/index.d.ts +2 -0
- package/dist/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/components/Input/Input.d.ts +3 -4
- package/dist/components/Row/Row.d.ts +9 -0
- package/dist/components/Row/index.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +3 -4
- package/dist/components/Tabs/Tabs.d.ts +1 -3
- package/dist/components/Textarea/Textarea.d.ts +4 -4
- package/dist/components/index.d.ts +3 -2
- package/dist/styles/index.css +1 -1
- package/dist/types/table.d.ts +3 -1
- package/package.json +1 -1
|
@@ -50,7 +50,7 @@ interface BoxBaseProps {
|
|
|
50
50
|
borderColor?: string;
|
|
51
51
|
overflow?: CSSProperties['overflow'];
|
|
52
52
|
}
|
|
53
|
-
export type BoxProps = BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
54
|
-
export declare const Box: React.ForwardRefExoticComponent<BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
53
|
+
export type BoxProps = BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children' | 'className'>;
|
|
54
|
+
export declare const Box: React.ForwardRefExoticComponent<BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "color"> & React.RefAttributes<HTMLDivElement>>;
|
|
55
55
|
export {};
|
|
56
56
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { SystemVariant
|
|
3
|
-
type
|
|
4
|
-
type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
2
|
+
import { SystemVariant } from '../../types/common';
|
|
3
|
+
export type ButtonVariant = SystemVariant | 'primary' | 'secondary' | 'primary-outline' | 'secondary-outline' | 'danger-outline' | 'success-outline' | 'warning-outline';
|
|
5
4
|
export interface ButtonProps {
|
|
6
|
-
variant?:
|
|
7
|
-
product?: ProductName;
|
|
8
|
-
tone?: ColorTone;
|
|
9
|
-
hoverTone?: ColorTone;
|
|
5
|
+
variant?: ButtonVariant;
|
|
10
6
|
size?: 'small' | 'medium' | 'large';
|
|
11
7
|
disabled?: boolean;
|
|
12
8
|
loading?: boolean;
|
|
@@ -15,7 +11,8 @@ export interface ButtonProps {
|
|
|
15
11
|
type?: 'button' | 'submit' | 'reset';
|
|
16
12
|
className?: string;
|
|
17
13
|
title?: string;
|
|
14
|
+
customColor?: string;
|
|
15
|
+
customColorHover?: string;
|
|
18
16
|
}
|
|
19
17
|
export declare const Button: React.FC<ButtonProps>;
|
|
20
|
-
export {};
|
|
21
18
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1,23 @@
|
|
|
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,12 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
|
-
type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
|
|
4
|
-
type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
2
|
+
export type ButtonIconVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'ghost' | 'primary-outline' | 'secondary-outline' | 'danger-outline' | 'success-outline' | 'warning-outline';
|
|
5
3
|
export interface ButtonIconProps {
|
|
6
|
-
variant?:
|
|
7
|
-
product?: ProductName;
|
|
8
|
-
tone?: ColorTone;
|
|
9
|
-
hoverTone?: ColorTone;
|
|
4
|
+
variant?: ButtonIconVariant;
|
|
10
5
|
size?: 'small' | 'medium' | 'large';
|
|
11
6
|
disabled?: boolean;
|
|
12
7
|
loading?: boolean;
|
|
@@ -16,7 +11,8 @@ export interface ButtonIconProps {
|
|
|
16
11
|
className?: string;
|
|
17
12
|
'aria-label'?: string;
|
|
18
13
|
title?: string;
|
|
14
|
+
customColor?: string;
|
|
15
|
+
customColorHover?: string;
|
|
19
16
|
}
|
|
20
17
|
export declare const ButtonIcon: React.FC<ButtonIconProps>;
|
|
21
|
-
export {};
|
|
22
18
|
//# sourceMappingURL=ButtonIcon.d.ts.map
|
|
@@ -1,19 +1,12 @@
|
|
|
1
|
-
import { default as React
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CardSubComponentProps, CardProps } from '../../types/card';
|
|
3
|
+
export type { CardProps };
|
|
7
4
|
declare const Header: React.FC<CardSubComponentProps>;
|
|
8
5
|
declare const Content: React.FC<CardSubComponentProps>;
|
|
9
6
|
declare const Footer: React.FC<CardSubComponentProps>;
|
|
10
|
-
export type CardProps = BoxProps & {
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
};
|
|
13
7
|
export declare const Card: React.FC<CardProps> & {
|
|
14
8
|
Header: typeof Header;
|
|
15
9
|
Content: typeof Content;
|
|
16
10
|
Footer: typeof Footer;
|
|
17
11
|
};
|
|
18
|
-
export {};
|
|
19
12
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1,13 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
1
|
+
import { default as React, ElementType } from 'react';
|
|
2
2
|
import { DropdownProps, DropdownItemProps } from '../../types/dropdown';
|
|
3
3
|
declare const Trigger: React.FC<{
|
|
4
4
|
children: React.ReactNode;
|
|
@@ -9,7 +9,7 @@ declare const Content: React.FC<{
|
|
|
9
9
|
declare const Menu: React.FC<{
|
|
10
10
|
children: React.ReactNode;
|
|
11
11
|
}>;
|
|
12
|
-
declare const Item:
|
|
12
|
+
declare const Item: <E extends ElementType = "a">({ as, children, ...props }: DropdownItemProps<E>) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare const Separator: React.FC;
|
|
14
14
|
export declare const Dropdown: React.FC<DropdownProps> & {
|
|
15
15
|
Trigger: typeof Trigger;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
type SystemVariant = 'primary' | 'secondary';
|
|
3
|
-
type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
|
|
4
3
|
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
5
4
|
/** Variante de cor */
|
|
6
|
-
variant?: SystemVariant
|
|
5
|
+
variant?: SystemVariant;
|
|
7
6
|
/** Tamanho do input */
|
|
8
7
|
size?: 'small' | 'medium' | 'large';
|
|
9
8
|
/** Label do input */
|
|
@@ -20,5 +19,5 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
20
19
|
endIcon?: React.ReactNode;
|
|
21
20
|
}
|
|
22
21
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=Input.d.ts.map
|
|
22
|
+
export { };
|
|
23
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1,9 @@
|
|
|
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,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
type SystemVariant = 'primary' | 'secondary';
|
|
3
|
-
type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
|
|
4
3
|
export interface SelectOption {
|
|
5
4
|
value: string | number;
|
|
6
5
|
label: string;
|
|
@@ -8,7 +7,7 @@ export interface SelectOption {
|
|
|
8
7
|
}
|
|
9
8
|
export interface SelectProps {
|
|
10
9
|
/** Variante de cor */
|
|
11
|
-
variant?: SystemVariant
|
|
10
|
+
variant?: SystemVariant;
|
|
12
11
|
/** Tamanho do select */
|
|
13
12
|
size?: 'small' | 'medium' | 'large';
|
|
14
13
|
/** Label do select */
|
|
@@ -47,5 +46,5 @@ export interface SelectProps {
|
|
|
47
46
|
className?: string;
|
|
48
47
|
}
|
|
49
48
|
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
50
|
-
export {};
|
|
51
|
-
//# sourceMappingURL=Select.d.ts.map
|
|
49
|
+
export { };
|
|
50
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { TabsProps, TabProps
|
|
2
|
+
import { TabsProps, TabProps } from '../../types/tabs';
|
|
3
3
|
declare const Tab: React.FC<TabProps>;
|
|
4
|
-
declare const TabContent: React.FC<TabContentProps>;
|
|
5
4
|
export declare const Tabs: React.FC<TabsProps> & {
|
|
6
5
|
Tab: typeof Tab;
|
|
7
|
-
Content: typeof TabContent;
|
|
8
6
|
};
|
|
9
7
|
export {};
|
|
10
8
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
// import './Textarea.css';
|
|
2
3
|
type SystemVariant = 'primary' | 'secondary';
|
|
3
|
-
type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
|
|
4
4
|
export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
|
|
5
5
|
/** Variante de cor */
|
|
6
|
-
variant?: SystemVariant
|
|
6
|
+
variant?: SystemVariant;
|
|
7
7
|
/** Tamanho do textarea */
|
|
8
8
|
size?: 'small' | 'medium' | 'large';
|
|
9
9
|
/** Label do textarea */
|
|
@@ -26,5 +26,5 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
|
|
|
26
26
|
resizable?: boolean;
|
|
27
27
|
}
|
|
28
28
|
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
29
|
-
export {};
|
|
30
|
-
//# sourceMappingURL=Textarea.d.ts.map
|
|
29
|
+
export { };
|
|
30
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export * from './Badge';
|
|
2
|
+
export * from './Box';
|
|
2
3
|
export * from './Button';
|
|
4
|
+
export * from './ButtonGroup';
|
|
3
5
|
export * from './Input';
|
|
4
6
|
export * from './Textarea';
|
|
5
7
|
export * from './Select';
|
|
@@ -19,8 +21,7 @@ export * from './Tooltip';
|
|
|
19
21
|
export * from './Command';
|
|
20
22
|
export * from './Table';
|
|
21
23
|
export * from './Spinner';
|
|
22
|
-
export * from './Box';
|
|
23
|
-
export * from './Card';
|
|
24
24
|
export * from './Row';
|
|
25
25
|
export * from './Col';
|
|
26
|
+
export * from './Card';
|
|
26
27
|
//# sourceMappingURL=index.d.ts.map
|