lecom-ui 2.1.7 → 2.1.9
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/index.d.ts +18 -153
- package/dist/index.js +0 -3
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -5,154 +5,6 @@ import { CustomStyles as CustomStyles$2 } from '@/components/Button';
|
|
|
5
5
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
6
6
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
7
7
|
|
|
8
|
-
type Transparent = 'transparent';
|
|
9
|
-
type Black = 'black';
|
|
10
|
-
type White = 'white';
|
|
11
|
-
type Blue = 'blue-50' | 'blue-100' | 'blue-200' | 'blue-300' | 'blue-400' | 'blue-500' | 'blue-600' | 'blue-700' | 'blue-800' | 'blue-900' | 'blue-950';
|
|
12
|
-
type Grey = 'grey-50' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'grey-700' | 'grey-800' | 'grey-900' | 'grey-950';
|
|
13
|
-
type Red = 'red-50' | 'red-100' | 'red-200' | 'red-300' | 'red-400' | 'red-500' | 'red-600' | 'red-700' | 'red-800' | 'red-900' | 'red-950';
|
|
14
|
-
type Yellow = 'yellow-50' | 'yellow-100' | 'yellow-200' | 'yellow-300' | 'yellow-400' | 'yellow-500' | 'yellow-600' | 'yellow-700' | 'yellow-800' | 'yellow-900' | 'yellow-950';
|
|
15
|
-
type Orange = 'orange-50' | 'orange-100' | 'orange-200' | 'orange-300' | 'orange-400' | 'orange-500' | 'orange-600' | 'orange-700' | 'orange-800' | 'orange-900' | 'orange-950';
|
|
16
|
-
type Purple = 'purple-50' | 'purple-100' | 'purple-200' | 'purple-300' | 'purple-400' | 'purple-500' | 'purple-600' | 'purple-700' | 'purple-800' | 'purple-900' | 'purple-950';
|
|
17
|
-
type Green = 'green-50' | 'green-100' | 'green-200' | 'green-300' | 'green-400' | 'green-500' | 'green-600' | 'green-700' | 'green-800' | 'green-900' | 'green-950';
|
|
18
|
-
type Pink = 'pink-50' | 'pink-100' | 'pink-200' | 'pink-300' | 'pink-400' | 'pink-500' | 'pink-600' | 'pink-700' | 'pink-800' | 'pink-900' | 'pink-950';
|
|
19
|
-
type Turquoise = 'turquoise-50' | 'turquoise-100' | 'turquoise-200' | 'turquoise-300' | 'turquoise-400' | 'turquoise-500' | 'turquoise-600' | 'turquoise-700' | 'turquoise-800' | 'turquoise-900' | 'turquoise-950';
|
|
20
|
-
type ColorToken = Transparent | Black | White | Blue | Grey | Red | Yellow | Orange | Purple | Green | Pink | Turquoise;
|
|
21
|
-
type TextColor = `text-${ColorToken}`;
|
|
22
|
-
type BgColor = `bg-${ColorToken}`;
|
|
23
|
-
type FillColor = `fill-${ColorToken}`;
|
|
24
|
-
type Color = 'transparent' | 'black' | 'white' | 'blue' | 'grey' | 'red' | 'yellow' | 'orange' | 'purple' | 'green' | 'pink' | 'turquoise';
|
|
25
|
-
declare const colors: {
|
|
26
|
-
transparent: string;
|
|
27
|
-
current: string;
|
|
28
|
-
black: string;
|
|
29
|
-
white: string;
|
|
30
|
-
blue: {
|
|
31
|
-
50: string;
|
|
32
|
-
100: string;
|
|
33
|
-
200: string;
|
|
34
|
-
300: string;
|
|
35
|
-
400: string;
|
|
36
|
-
500: string;
|
|
37
|
-
600: string;
|
|
38
|
-
700: string;
|
|
39
|
-
800: string;
|
|
40
|
-
900: string;
|
|
41
|
-
950: string;
|
|
42
|
-
};
|
|
43
|
-
grey: {
|
|
44
|
-
50: string;
|
|
45
|
-
100: string;
|
|
46
|
-
200: string;
|
|
47
|
-
300: string;
|
|
48
|
-
400: string;
|
|
49
|
-
500: string;
|
|
50
|
-
600: string;
|
|
51
|
-
700: string;
|
|
52
|
-
800: string;
|
|
53
|
-
900: string;
|
|
54
|
-
950: string;
|
|
55
|
-
};
|
|
56
|
-
red: {
|
|
57
|
-
50: string;
|
|
58
|
-
100: string;
|
|
59
|
-
200: string;
|
|
60
|
-
300: string;
|
|
61
|
-
400: string;
|
|
62
|
-
500: string;
|
|
63
|
-
600: string;
|
|
64
|
-
700: string;
|
|
65
|
-
800: string;
|
|
66
|
-
900: string;
|
|
67
|
-
950: string;
|
|
68
|
-
};
|
|
69
|
-
yellow: {
|
|
70
|
-
50: string;
|
|
71
|
-
100: string;
|
|
72
|
-
200: string;
|
|
73
|
-
300: string;
|
|
74
|
-
400: string;
|
|
75
|
-
500: string;
|
|
76
|
-
600: string;
|
|
77
|
-
700: string;
|
|
78
|
-
800: string;
|
|
79
|
-
900: string;
|
|
80
|
-
950: string;
|
|
81
|
-
};
|
|
82
|
-
orange: {
|
|
83
|
-
50: string;
|
|
84
|
-
100: string;
|
|
85
|
-
200: string;
|
|
86
|
-
300: string;
|
|
87
|
-
400: string;
|
|
88
|
-
500: string;
|
|
89
|
-
600: string;
|
|
90
|
-
700: string;
|
|
91
|
-
800: string;
|
|
92
|
-
900: string;
|
|
93
|
-
950: string;
|
|
94
|
-
};
|
|
95
|
-
purple: {
|
|
96
|
-
50: string;
|
|
97
|
-
100: string;
|
|
98
|
-
200: string;
|
|
99
|
-
300: string;
|
|
100
|
-
400: string;
|
|
101
|
-
500: string;
|
|
102
|
-
600: string;
|
|
103
|
-
700: string;
|
|
104
|
-
800: string;
|
|
105
|
-
900: string;
|
|
106
|
-
950: string;
|
|
107
|
-
};
|
|
108
|
-
green: {
|
|
109
|
-
50: string;
|
|
110
|
-
100: string;
|
|
111
|
-
200: string;
|
|
112
|
-
300: string;
|
|
113
|
-
400: string;
|
|
114
|
-
500: string;
|
|
115
|
-
600: string;
|
|
116
|
-
700: string;
|
|
117
|
-
800: string;
|
|
118
|
-
900: string;
|
|
119
|
-
950: string;
|
|
120
|
-
};
|
|
121
|
-
pink: {
|
|
122
|
-
50: string;
|
|
123
|
-
100: string;
|
|
124
|
-
200: string;
|
|
125
|
-
300: string;
|
|
126
|
-
400: string;
|
|
127
|
-
500: string;
|
|
128
|
-
600: string;
|
|
129
|
-
700: string;
|
|
130
|
-
800: string;
|
|
131
|
-
900: string;
|
|
132
|
-
950: string;
|
|
133
|
-
};
|
|
134
|
-
turquoise: {
|
|
135
|
-
50: string;
|
|
136
|
-
100: string;
|
|
137
|
-
200: string;
|
|
138
|
-
300: string;
|
|
139
|
-
400: string;
|
|
140
|
-
500: string;
|
|
141
|
-
600: string;
|
|
142
|
-
700: string;
|
|
143
|
-
800: string;
|
|
144
|
-
900: string;
|
|
145
|
-
950: string;
|
|
146
|
-
};
|
|
147
|
-
};
|
|
148
|
-
|
|
149
|
-
type Fonts = 'roboto' | 'montserrat' | 'ibm';
|
|
150
|
-
declare const fonts: {
|
|
151
|
-
roboto: string[];
|
|
152
|
-
montserrat: string[];
|
|
153
|
-
ibm: string[];
|
|
154
|
-
};
|
|
155
|
-
|
|
156
8
|
declare const buttonVariants: (props?: ({
|
|
157
9
|
variant?: "filled" | "outlined" | "tonal" | "ghost" | null | undefined;
|
|
158
10
|
size?: "small" | "medium" | "large" | "extraLarge" | null | undefined;
|
|
@@ -188,6 +40,23 @@ declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
|
|
|
188
40
|
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
189
41
|
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
190
42
|
|
|
43
|
+
type Transparent = 'transparent';
|
|
44
|
+
type Black = 'black';
|
|
45
|
+
type White = 'white';
|
|
46
|
+
type Blue = 'blue-50' | 'blue-100' | 'blue-200' | 'blue-300' | 'blue-400' | 'blue-500' | 'blue-600' | 'blue-700' | 'blue-800' | 'blue-900' | 'blue-950';
|
|
47
|
+
type Grey = 'grey-50' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'grey-700' | 'grey-800' | 'grey-900' | 'grey-950';
|
|
48
|
+
type Red = 'red-50' | 'red-100' | 'red-200' | 'red-300' | 'red-400' | 'red-500' | 'red-600' | 'red-700' | 'red-800' | 'red-900' | 'red-950';
|
|
49
|
+
type Yellow = 'yellow-50' | 'yellow-100' | 'yellow-200' | 'yellow-300' | 'yellow-400' | 'yellow-500' | 'yellow-600' | 'yellow-700' | 'yellow-800' | 'yellow-900' | 'yellow-950';
|
|
50
|
+
type Orange = 'orange-50' | 'orange-100' | 'orange-200' | 'orange-300' | 'orange-400' | 'orange-500' | 'orange-600' | 'orange-700' | 'orange-800' | 'orange-900' | 'orange-950';
|
|
51
|
+
type Purple = 'purple-50' | 'purple-100' | 'purple-200' | 'purple-300' | 'purple-400' | 'purple-500' | 'purple-600' | 'purple-700' | 'purple-800' | 'purple-900' | 'purple-950';
|
|
52
|
+
type Green = 'green-50' | 'green-100' | 'green-200' | 'green-300' | 'green-400' | 'green-500' | 'green-600' | 'green-700' | 'green-800' | 'green-900' | 'green-950';
|
|
53
|
+
type Pink = 'pink-50' | 'pink-100' | 'pink-200' | 'pink-300' | 'pink-400' | 'pink-500' | 'pink-600' | 'pink-700' | 'pink-800' | 'pink-900' | 'pink-950';
|
|
54
|
+
type Turquoise = 'turquoise-50' | 'turquoise-100' | 'turquoise-200' | 'turquoise-300' | 'turquoise-400' | 'turquoise-500' | 'turquoise-600' | 'turquoise-700' | 'turquoise-800' | 'turquoise-900' | 'turquoise-950';
|
|
55
|
+
type ColorToken = Transparent | Black | White | Blue | Grey | Red | Yellow | Orange | Purple | Green | Pink | Turquoise;
|
|
56
|
+
type TextColor = `text-${ColorToken}`;
|
|
57
|
+
type BgColor = `bg-${ColorToken}`;
|
|
58
|
+
type FillColor = `fill-${ColorToken}`;
|
|
59
|
+
|
|
191
60
|
declare const typographyVariants: (props?: ({
|
|
192
61
|
variant?: "heading-xxlarge-500" | "heading-xlarge-500" | "heading-large-500" | "heading-medium-500" | "heading-small-500" | "heading-xsmall-500" | "heading-xxsmall-500" | "body-large-700" | "body-large-500" | "body-large-400" | "body-medium-700" | "body-medium-500" | "body-medium-400" | "body-small-700" | "body-small-500" | "body-small-400" | "code-medium-400" | null | undefined;
|
|
193
62
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -284,10 +153,6 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
|
|
|
284
153
|
extraContent?: React$1.ReactNode;
|
|
285
154
|
onOpenMenuChange?: () => void;
|
|
286
155
|
}
|
|
287
|
-
declare const Header: {
|
|
288
|
-
({ customStyles, module, customImgSrc, socialMenu, userMenu, helpMenu, modulesMenu, extraContent, onOpenMenuChange, className, ...props }: HeaderProps): React$1.JSX.Element;
|
|
289
|
-
displayName: string;
|
|
290
|
-
};
|
|
291
156
|
|
|
292
157
|
interface SideBarProps {
|
|
293
158
|
items: {
|
|
@@ -353,4 +218,4 @@ declare const DialogFooter: {
|
|
|
353
218
|
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
354
219
|
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
355
220
|
|
|
356
|
-
export {
|
|
221
|
+
export { Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CustomStyles$1 as CustomStyles, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type HeaderProps, Layout, type LayoutProps, LogoLecom, type LogoLecomProps, ModoTeste, type ModoTesteProps, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, Typography, type TypographyProps, buttonVariants, typographyVariants };
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
export { colors } from './tokens/colors.js';
|
|
2
|
-
export { fonts } from './tokens/fonts.js';
|
|
3
1
|
export { Button, buttonVariants } from './components/Button/Button.js';
|
|
4
2
|
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
|
|
5
3
|
export { Typography, typographyVariants } from './components/Typography/Typography.js';
|
|
@@ -9,6 +7,5 @@ export { CadastroFacil } from './components/CustomIcon/Icons/CadastroFacil.js';
|
|
|
9
7
|
export { LogoLecom } from './components/CustomIcon/Icons/LogoLecom.js';
|
|
10
8
|
export { ModoTeste } from './components/CustomIcon/Icons/ModoTeste.js';
|
|
11
9
|
export { Rpa } from './components/CustomIcon/Icons/Rpa.js';
|
|
12
|
-
export { Header, headerVariants } from './components/Header/Header.js';
|
|
13
10
|
export { Popover, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
|
|
14
11
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
|