UNPKG

@konstructio/ui

Version:

A set of reusable and customizable React components built for konstruct.io

konstructio.github.io/konstruct-ui

konstructio/konstruct-ui

72 lines (71 loc) • 1.59 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import { t } from "../../dist-Bcn6lMQe.js"; var r = t([ "border", "rounded", "p-2.5", "w-full", "flex", "items-center", "justify-between", "bg-white", "border-gray-300", "dark:border-metal-700", "dark:bg-metal-800", "cursor-pointer", "transition-all", "transition-duration-100", "data-[open=true]:border-aurora-500", "text-sm", "text-slate-800", "dark:text-slate-50" ]), e = t([ "snap-y", "snap-mandatory", "overflow-y-scroll", "scrollbar-none", "flex", "flex-col", "dark:text-metal-50" ]), o = t([ "w-15", "h-10", "snap-start", "rounded", "transition-all", "transition-duration-100", "outline-none", "border-2", "border-transparent", "hover:bg-gray-100", "focus-within:bg-gray-100", "data-[active=true]:bg-blue-600", "data-[active=true]:text-white", "data-[active=true]:font-medium", "data-[active=true]:hover:border-blue-200", "data-[active=true]:focus-within:bg-blue-600", "data-[active=true]:focus-within:border-blue-200", "dark:data-[active=true]:bg-aurora-500", "dark:data-[active=true]:text-metal-900", "dark:data-[active=true]:hover:border-aurora-50", "dark:data-[active=true]:focus-within:bg-aurora-500", "dark:data-[active=true]:focus-within:border-aurora-50", "dark:hover:bg-metal-700", "dark:focus-within:bg-metal-700" ]), i = t([ "flex", "items-center", "justify-center", "cursor-pointer", "w-full", "h-full", "px-6", "py-3", "outline-none", "text-sm" ]); export { i as buttonVariants, o as liVariants, r as timePickerVariants, e as ulVariants };