@cryptlex/web-components 1.0.0 → 1.2.0
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/README.md +11 -27
- package/dist/components/ui/accordion.es.js +47 -0
- package/dist/components/ui/accordion.es.js.map +1 -0
- package/dist/components/ui/badge.es.js +13 -12
- package/dist/components/ui/badge.es.js.map +1 -1
- package/dist/components/ui/button.es.js +1 -1
- package/dist/components/ui/button.es.js.map +1 -1
- package/dist/components/ui/card.es.js +26 -26
- package/dist/components/ui/card.es.js.map +1 -1
- package/dist/components/ui/input.es.js +10 -11
- package/dist/components/ui/input.es.js.map +1 -1
- package/dist/components/ui/navigation-menu.es.js +122 -0
- package/dist/components/ui/navigation-menu.es.js.map +1 -0
- package/dist/components/ui/password-input.es.js +8 -8
- package/dist/components/ui/password-input.es.js.map +1 -1
- package/dist/index.es.d.ts +31 -1
- package/dist/index.es.js +99 -83
- package/dist/index.es.js.map +1 -1
- package/lib/index.css +83 -11
- package/lib/tokens.css +170 -139
- package/package.json +18 -15
- package/tailwind.preset.ts +168 -68
package/dist/index.es.js
CHANGED
|
@@ -1,61 +1,67 @@
|
|
|
1
1
|
import { Badge as r, badgeVariants as t } from "./components/ui/badge.es.js";
|
|
2
|
-
import { Breadcrumb as n, BreadcrumbEllipsis as i, BreadcrumbItem as
|
|
3
|
-
import { Button as
|
|
2
|
+
import { Breadcrumb as n, BreadcrumbEllipsis as i, BreadcrumbItem as d, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as m, BreadcrumbSeparator as u } from "./components/ui/breadcrumb.es.js";
|
|
3
|
+
import { Button as g, buttonVariants as b } from "./components/ui/button.es.js";
|
|
4
4
|
import { Calendar as c } from "./components/ui/calendar.es.js";
|
|
5
|
-
import { Card as
|
|
6
|
-
import { ChartContainer as
|
|
7
|
-
import { Checkbox as
|
|
8
|
-
import { Collapsible as
|
|
9
|
-
import { Command as V, CommandDialog as
|
|
5
|
+
import { Card as x, CardContent as D, CardDescription as f, CardFooter as s, CardHeader as T, CardTitle as h } from "./components/ui/card.es.js";
|
|
6
|
+
import { ChartContainer as v, ChartLegend as w, ChartLegendContent as P, ChartStyle as B, ChartTooltip as F, ChartTooltipContent as L } from "./components/ui/chart.es.js";
|
|
7
|
+
import { Checkbox as N } from "./components/ui/checkbox.es.js";
|
|
8
|
+
import { Collapsible as A, CollapsibleContent as y, CollapsibleTrigger as H } from "./components/ui/collapsible.es.js";
|
|
9
|
+
import { Command as V, CommandDialog as E, CommandEmpty as O, CommandGroup as U, CommandInput as j, CommandItem as q, CommandList as z, CommandSeparator as J, CommandShortcut as K } from "./components/ui/command.es.js";
|
|
10
10
|
import { Dialog as W, DialogClose as X, DialogContent as Y, DialogDescription as Z, DialogFooter as _, DialogHeader as $, DialogOverlay as ee, DialogPortal as oe, DialogTitle as re, DialogTrigger as te } from "./components/ui/dialog.es.js";
|
|
11
|
-
import { DropdownMenu as ne, DropdownMenuCheckboxItem as ie, DropdownMenuContent as
|
|
12
|
-
import { Form as
|
|
13
|
-
import { Input as
|
|
14
|
-
import { Label as
|
|
15
|
-
import { Loader as
|
|
16
|
-
import { Pagination as
|
|
11
|
+
import { DropdownMenu as ne, DropdownMenuCheckboxItem as ie, DropdownMenuContent as de, DropdownMenuGroup as pe, DropdownMenuItem as le, DropdownMenuLabel as me, DropdownMenuPortal as ue, DropdownMenuRadioGroup as Se, DropdownMenuRadioItem as ge, DropdownMenuSeparator as be, DropdownMenuShortcut as Ce, DropdownMenuSub as ce, DropdownMenuSubContent as Me, DropdownMenuSubTrigger as xe, DropdownMenuTrigger as De } from "./components/ui/dropdown-menu.es.js";
|
|
12
|
+
import { Form as se, FormControl as Te, FormDescription as he, FormField as Ie, FormItem as ve, FormLabel as we, FormMessage as Pe, useFormField as Be } from "./components/ui/form.es.js";
|
|
13
|
+
import { Input as Le } from "./components/ui/input.es.js";
|
|
14
|
+
import { Label as Ne } from "./components/ui/label.es.js";
|
|
15
|
+
import { Loader as Ae } from "./components/ui/loader.es.js";
|
|
16
|
+
import { Pagination as He, PaginationContent as Re, PaginationEllipsis as Ve, PaginationItem as Ee, PaginationLink as Oe, PaginationNext as Ue, PaginationPrevious as je } from "./components/ui/pagination.es.js";
|
|
17
17
|
import { PasswordInput as ze } from "./components/ui/password-input.es.js";
|
|
18
18
|
import { Popover as Ke, PopoverAnchor as Qe, PopoverContent as We, PopoverTrigger as Xe } from "./components/ui/popover.es.js";
|
|
19
19
|
import { RadioGroup as Ze, RadioGroupItem as _e } from "./components/ui/radio-group.es.js";
|
|
20
20
|
import { Select as eo, SelectContent as oo, SelectGroup as ro, SelectItem as to, SelectLabel as ao, SelectScrollDownButton as no, SelectScrollUpButton as io, SelectSeparator as po, SelectTrigger as lo, SelectValue as mo } from "./components/ui/select.es.js";
|
|
21
21
|
import { Separator as So } from "./components/ui/separator.es.js";
|
|
22
|
-
import { Sheet as
|
|
23
|
-
import { Sidebar as
|
|
22
|
+
import { Sheet as bo, SheetClose as Co, SheetContent as co, SheetDescription as Mo, SheetFooter as xo, SheetHeader as Do, SheetOverlay as fo, SheetPortal as so, SheetTitle as To, SheetTrigger as ho } from "./components/ui/sheet.es.js";
|
|
23
|
+
import { Sidebar as vo, SidebarContent as wo, SidebarFooter as Po, SidebarGroup as Bo, SidebarGroupAction as Fo, SidebarGroupContent as Lo, SidebarGroupLabel as Go, SidebarHeader as No, SidebarInput as ko, SidebarInset as Ao, SidebarMenu as yo, SidebarMenuAction as Ho, SidebarMenuBadge as Ro, SidebarMenuButton as Vo, SidebarMenuItem as Eo, SidebarMenuSkeleton as Oo, SidebarMenuSub as Uo, SidebarMenuSubButton as jo, SidebarMenuSubItem as qo, SidebarProvider as zo, SidebarRail as Jo, SidebarSeparator as Ko, SidebarTrigger as Qo, useSidebar as Wo } from "./components/ui/sidebar.es.js";
|
|
24
24
|
import { Skeleton as Yo } from "./components/ui/skeleton.es.js";
|
|
25
25
|
import { Table as _o, TableBody as $o, TableCaption as er, TableCell as or, TableFooter as rr, TableHead as tr, TableHeader as ar, TableRow as nr } from "./components/ui/table.es.js";
|
|
26
|
-
import { Tooltip as
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
26
|
+
import { Tooltip as dr, TooltipContent as pr, TooltipProvider as lr, TooltipTrigger as mr } from "./components/ui/tooltip.es.js";
|
|
27
|
+
import { Accordion as Sr, AccordionContent as gr, AccordionItem as br, AccordionTrigger as Cr } from "./components/ui/accordion.es.js";
|
|
28
|
+
import { NavigationMenu as Mr, NavigationMenuContent as xr, NavigationMenuIndicator as Dr, NavigationMenuItem as fr, NavigationMenuLink as sr, NavigationMenuList as Tr, NavigationMenuListItem as hr, NavigationMenuTrigger as Ir, NavigationMenuViewport as vr, navigationMenuTriggerStyle as wr } from "./components/ui/navigation-menu.es.js";
|
|
29
|
+
import { useIsMobile as Br } from "./hooks/use-mobile.es.js";
|
|
30
|
+
import { cn as Lr } from "./utils/index.es.js";
|
|
29
31
|
export {
|
|
32
|
+
Sr as Accordion,
|
|
33
|
+
gr as AccordionContent,
|
|
34
|
+
br as AccordionItem,
|
|
35
|
+
Cr as AccordionTrigger,
|
|
30
36
|
r as Badge,
|
|
31
37
|
n as Breadcrumb,
|
|
32
38
|
i as BreadcrumbEllipsis,
|
|
33
|
-
|
|
34
|
-
|
|
39
|
+
d as BreadcrumbItem,
|
|
40
|
+
p as BreadcrumbLink,
|
|
35
41
|
l as BreadcrumbList,
|
|
36
42
|
m as BreadcrumbPage,
|
|
37
43
|
u as BreadcrumbSeparator,
|
|
38
|
-
|
|
44
|
+
g as Button,
|
|
39
45
|
c as Calendar,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
46
|
+
x as Card,
|
|
47
|
+
D as CardContent,
|
|
48
|
+
f as CardDescription,
|
|
49
|
+
s as CardFooter,
|
|
44
50
|
T as CardHeader,
|
|
45
51
|
h as CardTitle,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
v as ChartContainer,
|
|
53
|
+
w as ChartLegend,
|
|
54
|
+
P as ChartLegendContent,
|
|
55
|
+
B as ChartStyle,
|
|
56
|
+
F as ChartTooltip,
|
|
57
|
+
L as ChartTooltipContent,
|
|
58
|
+
N as Checkbox,
|
|
59
|
+
A as Collapsible,
|
|
54
60
|
y as CollapsibleContent,
|
|
55
|
-
|
|
61
|
+
H as CollapsibleTrigger,
|
|
56
62
|
V as Command,
|
|
57
|
-
|
|
58
|
-
|
|
63
|
+
E as CommandDialog,
|
|
64
|
+
O as CommandEmpty,
|
|
59
65
|
U as CommandGroup,
|
|
60
66
|
j as CommandInput,
|
|
61
67
|
q as CommandItem,
|
|
@@ -74,34 +80,43 @@ export {
|
|
|
74
80
|
te as DialogTrigger,
|
|
75
81
|
ne as DropdownMenu,
|
|
76
82
|
ie as DropdownMenuCheckboxItem,
|
|
77
|
-
|
|
78
|
-
|
|
83
|
+
de as DropdownMenuContent,
|
|
84
|
+
pe as DropdownMenuGroup,
|
|
79
85
|
le as DropdownMenuItem,
|
|
80
86
|
me as DropdownMenuLabel,
|
|
81
87
|
ue as DropdownMenuPortal,
|
|
82
88
|
Se as DropdownMenuRadioGroup,
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
89
|
+
ge as DropdownMenuRadioItem,
|
|
90
|
+
be as DropdownMenuSeparator,
|
|
91
|
+
Ce as DropdownMenuShortcut,
|
|
86
92
|
ce as DropdownMenuSub,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
93
|
+
Me as DropdownMenuSubContent,
|
|
94
|
+
xe as DropdownMenuSubTrigger,
|
|
95
|
+
De as DropdownMenuTrigger,
|
|
96
|
+
se as Form,
|
|
91
97
|
Te as FormControl,
|
|
92
98
|
he as FormDescription,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
Ie as FormField,
|
|
100
|
+
ve as FormItem,
|
|
101
|
+
we as FormLabel,
|
|
102
|
+
Pe as FormMessage,
|
|
103
|
+
Le as Input,
|
|
104
|
+
Ne as Label,
|
|
105
|
+
Ae as Loader,
|
|
106
|
+
Mr as NavigationMenu,
|
|
107
|
+
xr as NavigationMenuContent,
|
|
108
|
+
Dr as NavigationMenuIndicator,
|
|
109
|
+
fr as NavigationMenuItem,
|
|
110
|
+
sr as NavigationMenuLink,
|
|
111
|
+
Tr as NavigationMenuList,
|
|
112
|
+
hr as NavigationMenuListItem,
|
|
113
|
+
Ir as NavigationMenuTrigger,
|
|
114
|
+
vr as NavigationMenuViewport,
|
|
115
|
+
He as Pagination,
|
|
116
|
+
Re as PaginationContent,
|
|
102
117
|
Ve as PaginationEllipsis,
|
|
103
|
-
|
|
104
|
-
|
|
118
|
+
Ee as PaginationItem,
|
|
119
|
+
Oe as PaginationLink,
|
|
105
120
|
Ue as PaginationNext,
|
|
106
121
|
je as PaginationPrevious,
|
|
107
122
|
ze as PasswordInput,
|
|
@@ -122,32 +137,32 @@ export {
|
|
|
122
137
|
lo as SelectTrigger,
|
|
123
138
|
mo as SelectValue,
|
|
124
139
|
So as Separator,
|
|
125
|
-
|
|
126
|
-
|
|
140
|
+
bo as Sheet,
|
|
141
|
+
Co as SheetClose,
|
|
127
142
|
co as SheetContent,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
143
|
+
Mo as SheetDescription,
|
|
144
|
+
xo as SheetFooter,
|
|
145
|
+
Do as SheetHeader,
|
|
146
|
+
fo as SheetOverlay,
|
|
147
|
+
so as SheetPortal,
|
|
133
148
|
To as SheetTitle,
|
|
134
149
|
ho as SheetTrigger,
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
150
|
+
vo as Sidebar,
|
|
151
|
+
wo as SidebarContent,
|
|
152
|
+
Po as SidebarFooter,
|
|
153
|
+
Bo as SidebarGroup,
|
|
154
|
+
Fo as SidebarGroupAction,
|
|
155
|
+
Lo as SidebarGroupContent,
|
|
156
|
+
Go as SidebarGroupLabel,
|
|
157
|
+
No as SidebarHeader,
|
|
158
|
+
ko as SidebarInput,
|
|
159
|
+
Ao as SidebarInset,
|
|
145
160
|
yo as SidebarMenu,
|
|
146
|
-
|
|
147
|
-
|
|
161
|
+
Ho as SidebarMenuAction,
|
|
162
|
+
Ro as SidebarMenuBadge,
|
|
148
163
|
Vo as SidebarMenuButton,
|
|
149
|
-
|
|
150
|
-
|
|
164
|
+
Eo as SidebarMenuItem,
|
|
165
|
+
Oo as SidebarMenuSkeleton,
|
|
151
166
|
Uo as SidebarMenuSub,
|
|
152
167
|
jo as SidebarMenuSubButton,
|
|
153
168
|
qo as SidebarMenuSubItem,
|
|
@@ -164,15 +179,16 @@ export {
|
|
|
164
179
|
tr as TableHead,
|
|
165
180
|
ar as TableHeader,
|
|
166
181
|
nr as TableRow,
|
|
167
|
-
|
|
168
|
-
|
|
182
|
+
dr as Tooltip,
|
|
183
|
+
pr as TooltipContent,
|
|
169
184
|
lr as TooltipProvider,
|
|
170
185
|
mr as TooltipTrigger,
|
|
171
186
|
t as badgeVariants,
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
187
|
+
b as buttonVariants,
|
|
188
|
+
Lr as cn,
|
|
189
|
+
wr as navigationMenuTriggerStyle,
|
|
190
|
+
Be as useFormField,
|
|
191
|
+
Br as useIsMobile,
|
|
176
192
|
Wo as useSidebar
|
|
177
193
|
};
|
|
178
194
|
//# sourceMappingURL=index.es.js.map
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/index.css
CHANGED
|
@@ -3,22 +3,94 @@
|
|
|
3
3
|
@tailwind components;
|
|
4
4
|
@tailwind utilities;
|
|
5
5
|
|
|
6
|
+
:root {
|
|
7
|
+
/* shadcn tokens */
|
|
8
|
+
--background: var(--neutral-1);
|
|
9
|
+
--foreground: var(--neutral-10);
|
|
10
|
+
|
|
11
|
+
--card: var(--background);
|
|
12
|
+
--card-foreground: var(--foreground);
|
|
13
|
+
--popover: var(--background);
|
|
14
|
+
--popover-foreground: var(--foreground);
|
|
15
|
+
|
|
16
|
+
--primary: var(--primary-8);
|
|
17
|
+
--primary-foreground: var(--primary-2);
|
|
18
|
+
|
|
19
|
+
--secondary: var(--secondary-8);
|
|
20
|
+
--secondary-foreground: var(--secondary-2);
|
|
21
|
+
|
|
22
|
+
--muted: var(--neutral-7);
|
|
23
|
+
--muted-foreground: var(--neutral-4);
|
|
24
|
+
|
|
25
|
+
--accent: var(--neutral-7);
|
|
26
|
+
--accent-foreground: var(--neutral-4);
|
|
27
|
+
|
|
28
|
+
--destructive: var(--destructive-8);
|
|
29
|
+
--destructive-foreground: var(--destructive-2);
|
|
30
|
+
|
|
31
|
+
--success: var(--success-8);
|
|
32
|
+
--succcess-foreground: var(--success-2);
|
|
33
|
+
|
|
34
|
+
--border: var(--neutral-3);
|
|
35
|
+
--input: var(--border);
|
|
36
|
+
--ring: var(--neutral-5);
|
|
37
|
+
|
|
38
|
+
--chart-1: var(--primary-5);
|
|
39
|
+
--chart-2: var(--primary-4);
|
|
40
|
+
--chart-3: var(--secondary-5);
|
|
41
|
+
--chart-4: var(--secondary-4);
|
|
42
|
+
--chart-5: var(--secondary-2);
|
|
43
|
+
|
|
44
|
+
--radius: 0.25rem;
|
|
45
|
+
|
|
46
|
+
--sidebar-background: var(--background);
|
|
47
|
+
--sidebar-foreground: var(--foreground);
|
|
48
|
+
|
|
49
|
+
--sidebar-primary: 240 5.9% 10%;
|
|
50
|
+
--sidebar-primary-foreground: 0 0% 98%;
|
|
51
|
+
|
|
52
|
+
--sidebar-accent: 240 4.8% 95.9%;
|
|
53
|
+
--sidebar-accent-foreground: 240 5.9% 10%;
|
|
54
|
+
|
|
55
|
+
--sidebar-border: 220 13% 91%;
|
|
56
|
+
--sidebar-ring: 217.2 91.2% 59.8%;
|
|
57
|
+
}
|
|
58
|
+
|
|
6
59
|
@layer base {
|
|
7
60
|
* {
|
|
8
61
|
@apply border-border;
|
|
9
62
|
}
|
|
10
|
-
|
|
11
|
-
|
|
63
|
+
|
|
64
|
+
h1 {
|
|
65
|
+
@apply text-heading-1 my-v3;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
h2 {
|
|
69
|
+
@apply text-heading-2 mt-v4 mb-v5;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
h3 {
|
|
73
|
+
@apply text-heading-3 mt-v3 mb-v5;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
h4 {
|
|
77
|
+
@apply text-heading-4 mt-v4 mb-v5;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
h5 {
|
|
81
|
+
@apply text-heading-5 mt-v4 mb-v5;
|
|
12
82
|
}
|
|
13
|
-
|
|
14
|
-
div,
|
|
15
|
-
h1,
|
|
16
|
-
h2,
|
|
17
|
-
h3,
|
|
18
|
-
h4,
|
|
19
|
-
h5,
|
|
83
|
+
|
|
20
84
|
h6 {
|
|
21
|
-
|
|
85
|
+
@apply text-heading-6 mt-v4 mb-v5;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
p {
|
|
89
|
+
@apply text-body my-v1;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
body {
|
|
93
|
+
@apply bg-background text-foreground;
|
|
22
94
|
}
|
|
23
|
-
|
|
95
|
+
|
|
24
96
|
}
|