lecom-ui 2.2.1 → 2.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/index.d.ts +149 -18
- package/dist/index.js +2 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,154 @@ 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
|
+
|
|
8
156
|
declare const buttonVariants: (props?: ({
|
|
9
157
|
variant?: "filled" | "outlined" | "tonal" | "ghost" | null | undefined;
|
|
10
158
|
size?: "small" | "medium" | "large" | "extraLarge" | null | undefined;
|
|
@@ -40,23 +188,6 @@ declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
|
|
|
40
188
|
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
41
189
|
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
42
190
|
|
|
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
|
-
|
|
60
191
|
declare const typographyVariants: (props?: ({
|
|
61
192
|
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;
|
|
62
193
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -218,4 +349,4 @@ declare const DialogFooter: {
|
|
|
218
349
|
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
219
350
|
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
220
351
|
|
|
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 };
|
|
352
|
+
export { type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type FillColor, type Fonts, type HeaderProps, Layout, type LayoutProps, LogoLecom, type LogoLecomProps, ModoTeste, type ModoTesteProps, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, type TextColor, Typography, type TypographyProps, buttonVariants, colors, fonts, typographyVariants };
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { colors } from './tokens/colors.js';
|
|
2
|
+
export { fonts } from './tokens/fonts.js';
|
|
1
3
|
export { Button, buttonVariants } from './components/Button/Button.js';
|
|
2
4
|
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
|
|
3
5
|
export { Typography, typographyVariants } from './components/Typography/Typography.js';
|