banner.ts
2.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
const color = [
"primary",
"secondary",
"success",
"info",
"warning",
"error",
"neutral"
] as const
export default {
"slots": {
"root": [
"relative z-50 w-full",
"transition-colors"
],
"container": "flex items-center justify-between gap-3 h-12",
"left": "hidden lg:flex-1 lg:flex lg:items-center",
"center": "flex items-center gap-1.5 min-w-0",
"right": "lg:flex-1 flex items-center justify-end",
"icon": "size-5 shrink-0 text-inverted pointer-events-none",
"title": "text-sm text-inverted font-medium truncate",
"actions": "flex gap-1.5 shrink-0 isolate",
"close": "text-inverted hover:bg-default/10 focus-visible:bg-default/10 -me-1.5 lg:me-0"
},
"variants": {
"color": {
"primary": {
"root": "bg-primary"
},
"secondary": {
"root": "bg-secondary"
},
"success": {
"root": "bg-success"
},
"info": {
"root": "bg-info"
},
"warning": {
"root": "bg-warning"
},
"error": {
"root": "bg-error"
},
"neutral": {
"root": "bg-inverted"
}
},
"to": {
"true": ""
}
},
"compoundVariants": [
{
"color": "primary" as typeof color[number],
"to": true,
"class": {
"root": "hover:bg-primary/90"
}
},
{
"color": "secondary" as typeof color[number],
"to": true,
"class": {
"root": "hover:bg-secondary/90"
}
},
{
"color": "success" as typeof color[number],
"to": true,
"class": {
"root": "hover:bg-success/90"
}
},
{
"color": "info" as typeof color[number],
"to": true,
"class": {
"root": "hover:bg-info/90"
}
},
{
"color": "warning" as typeof color[number],
"to": true,
"class": {
"root": "hover:bg-warning/90"
}
},
{
"color": "error" as typeof color[number],
"to": true,
"class": {
"root": "hover:bg-error/90"
}
},
{
"color": "neutral" as typeof color[number],
"to": true,
"class": {
"root": "hover:bg-inverted/90"
}
}
],
"defaultVariants": {
"color": "primary" as typeof color[number]
}
}