lecom-ui 2.1.6 → 2.1.8

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 (4) hide show
  1. package/dist/components/Dialog/Dialog.js +86 -0
  2. package/dist/index.d.ts +36 -153
  3. package/dist/index.js +1 -3
  4. package/package.json +1 -1
package/dist/components/Dialog/Dialog.js ADDED
@@ -0,0 +1,86 @@
1
+ import * as React from 'react';
2
+ import { cn } from '../../lib/utils.js';
3
+ import * as SheetPrimitive from '@radix-ui/react-dialog';
4
+ import { X } from 'lucide-react';
5
+
6
+ const Dialog = SheetPrimitive.Root;
7
+ const DialogTrigger = SheetPrimitive.Trigger;
8
+ const DialogPortal = SheetPrimitive.Portal;
9
+ const DialogClose = SheetPrimitive.Close;
10
+ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
11
+ SheetPrimitive.Overlay,
12
+ {
13
+ ref,
14
+ className: cn(
15
+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
16
+ className
17
+ ),
18
+ ...props
19
+ }
20
+ ));
21
+ DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
22
+ const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPortal, null, /* @__PURE__ */ React.createElement(DialogOverlay, null), /* @__PURE__ */ React.createElement(
23
+ SheetPrimitive.Content,
24
+ {
25
+ ref,
26
+ className: cn(
27
+ "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
28
+ className
29
+ ),
30
+ ...props
31
+ },
32
+ children,
33
+ /* @__PURE__ */ React.createElement(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
34
+ )));
35
+ DialogContent.displayName = SheetPrimitive.Content.displayName;
36
+ const DialogHeader = ({
37
+ className,
38
+ ...props
39
+ }) => /* @__PURE__ */ React.createElement(
40
+ "div",
41
+ {
42
+ className: cn(
43
+ "flex flex-col space-y-1.5 text-center sm:text-left",
44
+ className
45
+ ),
46
+ ...props
47
+ }
48
+ );
49
+ DialogHeader.displayName = "DialogHeader";
50
+ const DialogFooter = ({
51
+ className,
52
+ ...props
53
+ }) => /* @__PURE__ */ React.createElement(
54
+ "div",
55
+ {
56
+ className: cn(
57
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
58
+ className
59
+ ),
60
+ ...props
61
+ }
62
+ );
63
+ DialogFooter.displayName = "DialogFooter";
64
+ const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
65
+ SheetPrimitive.Title,
66
+ {
67
+ ref,
68
+ className: cn(
69
+ "text-lg font-semibold leading-none tracking-tight",
70
+ className
71
+ ),
72
+ ...props
73
+ }
74
+ ));
75
+ DialogTitle.displayName = SheetPrimitive.Title.displayName;
76
+ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
77
+ SheetPrimitive.Description,
78
+ {
79
+ ref,
80
+ className: cn("text-sm text-muted-foreground", className),
81
+ ...props
82
+ }
83
+ ));
84
+ DialogDescription.displayName = SheetPrimitive.Description.displayName;
85
+
86
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
package/dist/index.d.ts CHANGED
@@ -3,154 +3,7 @@ import * as React$1 from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
  import { CustomStyles as CustomStyles$2 } from '@/components/Button';
5
5
  import * as PopoverPrimitive from '@radix-ui/react-popover';
6
-
7
- type Transparent = 'transparent';
8
- type Black = 'black';
9
- type White = 'white';
10
- type Blue = 'blue-50' | 'blue-100' | 'blue-200' | 'blue-300' | 'blue-400' | 'blue-500' | 'blue-600' | 'blue-700' | 'blue-800' | 'blue-900' | 'blue-950';
11
- type Grey = 'grey-50' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'grey-700' | 'grey-800' | 'grey-900' | 'grey-950';
12
- type Red = 'red-50' | 'red-100' | 'red-200' | 'red-300' | 'red-400' | 'red-500' | 'red-600' | 'red-700' | 'red-800' | 'red-900' | 'red-950';
13
- type Yellow = 'yellow-50' | 'yellow-100' | 'yellow-200' | 'yellow-300' | 'yellow-400' | 'yellow-500' | 'yellow-600' | 'yellow-700' | 'yellow-800' | 'yellow-900' | 'yellow-950';
14
- type Orange = 'orange-50' | 'orange-100' | 'orange-200' | 'orange-300' | 'orange-400' | 'orange-500' | 'orange-600' | 'orange-700' | 'orange-800' | 'orange-900' | 'orange-950';
15
- type Purple = 'purple-50' | 'purple-100' | 'purple-200' | 'purple-300' | 'purple-400' | 'purple-500' | 'purple-600' | 'purple-700' | 'purple-800' | 'purple-900' | 'purple-950';
16
- type Green = 'green-50' | 'green-100' | 'green-200' | 'green-300' | 'green-400' | 'green-500' | 'green-600' | 'green-700' | 'green-800' | 'green-900' | 'green-950';
17
- type Pink = 'pink-50' | 'pink-100' | 'pink-200' | 'pink-300' | 'pink-400' | 'pink-500' | 'pink-600' | 'pink-700' | 'pink-800' | 'pink-900' | 'pink-950';
18
- type Turquoise = 'turquoise-50' | 'turquoise-100' | 'turquoise-200' | 'turquoise-300' | 'turquoise-400' | 'turquoise-500' | 'turquoise-600' | 'turquoise-700' | 'turquoise-800' | 'turquoise-900' | 'turquoise-950';
19
- type ColorToken = Transparent | Black | White | Blue | Grey | Red | Yellow | Orange | Purple | Green | Pink | Turquoise;
20
- type TextColor = `text-${ColorToken}`;
21
- type BgColor = `bg-${ColorToken}`;
22
- type FillColor = `fill-${ColorToken}`;
23
- type Color = 'transparent' | 'black' | 'white' | 'blue' | 'grey' | 'red' | 'yellow' | 'orange' | 'purple' | 'green' | 'pink' | 'turquoise';
24
- declare const colors: {
25
- transparent: string;
26
- current: string;
27
- black: string;
28
- white: string;
29
- blue: {
30
- 50: string;
31
- 100: string;
32
- 200: string;
33
- 300: string;
34
- 400: string;
35
- 500: string;
36
- 600: string;
37
- 700: string;
38
- 800: string;
39
- 900: string;
40
- 950: string;
41
- };
42
- grey: {
43
- 50: string;
44
- 100: string;
45
- 200: string;
46
- 300: string;
47
- 400: string;
48
- 500: string;
49
- 600: string;
50
- 700: string;
51
- 800: string;
52
- 900: string;
53
- 950: string;
54
- };
55
- red: {
56
- 50: string;
57
- 100: string;
58
- 200: string;
59
- 300: string;
60
- 400: string;
61
- 500: string;
62
- 600: string;
63
- 700: string;
64
- 800: string;
65
- 900: string;
66
- 950: string;
67
- };
68
- yellow: {
69
- 50: string;
70
- 100: string;
71
- 200: string;
72
- 300: string;
73
- 400: string;
74
- 500: string;
75
- 600: string;
76
- 700: string;
77
- 800: string;
78
- 900: string;
79
- 950: string;
80
- };
81
- orange: {
82
- 50: string;
83
- 100: string;
84
- 200: string;
85
- 300: string;
86
- 400: string;
87
- 500: string;
88
- 600: string;
89
- 700: string;
90
- 800: string;
91
- 900: string;
92
- 950: string;
93
- };
94
- purple: {
95
- 50: string;
96
- 100: string;
97
- 200: string;
98
- 300: string;
99
- 400: string;
100
- 500: string;
101
- 600: string;
102
- 700: string;
103
- 800: string;
104
- 900: string;
105
- 950: string;
106
- };
107
- green: {
108
- 50: string;
109
- 100: string;
110
- 200: string;
111
- 300: string;
112
- 400: string;
113
- 500: string;
114
- 600: string;
115
- 700: string;
116
- 800: string;
117
- 900: string;
118
- 950: string;
119
- };
120
- pink: {
121
- 50: string;
122
- 100: string;
123
- 200: string;
124
- 300: string;
125
- 400: string;
126
- 500: string;
127
- 600: string;
128
- 700: string;
129
- 800: string;
130
- 900: string;
131
- 950: string;
132
- };
133
- turquoise: {
134
- 50: string;
135
- 100: string;
136
- 200: string;
137
- 300: string;
138
- 400: string;
139
- 500: string;
140
- 600: string;
141
- 700: string;
142
- 800: string;
143
- 900: string;
144
- 950: string;
145
- };
146
- };
147
-
148
- type Fonts = 'roboto' | 'montserrat' | 'ibm';
149
- declare const fonts: {
150
- roboto: string[];
151
- montserrat: string[];
152
- ibm: string[];
153
- };
6
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
154
7
 
155
8
  declare const buttonVariants: (props?: ({
156
9
  variant?: "filled" | "outlined" | "tonal" | "ghost" | null | undefined;
@@ -187,6 +40,23 @@ declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
187
40
  declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
188
41
  declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
189
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
+
190
60
  declare const typographyVariants: (props?: ({
191
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;
192
62
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -283,10 +153,6 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
283
153
  extraContent?: React$1.ReactNode;
284
154
  onOpenMenuChange?: () => void;
285
155
  }
286
- declare const Header: {
287
- ({ customStyles, module, customImgSrc, socialMenu, userMenu, helpMenu, modulesMenu, extraContent, onOpenMenuChange, className, ...props }: HeaderProps): React$1.JSX.Element;
288
- displayName: string;
289
- };
290
156
 
291
157
  interface SideBarProps {
292
158
  items: {
@@ -335,4 +201,21 @@ declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
335
201
  declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
336
202
  declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
337
203
 
338
- export { type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, type FillColor, type Fonts, Header, 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, headerVariants, typographyVariants };
204
+ declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
205
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
206
+ declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
207
+ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
208
+ declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
209
+ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
210
+ declare const DialogHeader: {
211
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
212
+ displayName: string;
213
+ };
214
+ declare const DialogFooter: {
215
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
216
+ displayName: string;
217
+ };
218
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
219
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
220
+
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, 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,5 +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';
11
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lecom-ui",
3
- "version": "2.1.6",
3
+ "version": "2.1.8",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "module": "dist/index.js",