UNPKG

@konstructio/ui

Version:

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

konstructio.github.io/konstruct-ui

konstructio/konstruct-ui

63 lines (62 loc) • 1.24 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
import { c as r } from "../../index-BNmRGtA6.js"; const t = r([ "border", "rounded", "p-[0.625rem]", "w-full", "flex", "items-center", "justify-between", "border-gray-300", "cursor-pointer", "transition-all", "transition-duration-100", "data-[open=true]:border-blue-primary", "data-[open=true]:border-civo-primary", "text-sm" ]), o = r([ "snap-y", "snap-mandatory", "overflow-y-scroll", "scrollbar-none", "flex", "flex-col" ]), a = r([ "w-[60px]", "h-[40px]", "snap-start", "rounded", "transition-all", "transition-duration-100", "focus-within:outline-2", "border-2", "border-transparent", "outline-none", "hover:bg-gray-100", "hover:border-2", "hover:border-white", "data-[active=true]:bg-blue-600", "data-[active=true]:hover:border-blue-200", "data-[active=true]:text-white", "data-[active=true]:font-medium", "focus-visible:border-blue-200", "focus-within:border-blue-200" ]), n = r([ "flex", "items-center", "justify-center", "cursor-pointer", "w-full", "h-full", "px-6", "py-3", "outline-none", "focus:border-blue-200", "text-sm" ]); export { n as buttonVariants, a as liVariants, t as timePickerVariants, o as ulVariants };