toast.ts
2.03 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
const color = [
"primary",
"secondary",
"success",
"info",
"warning",
"error",
"neutral"
] as const
export default {
"slots": {
"root": "relative group overflow-hidden bg-default shadow-lg rounded-lg ring ring-default p-4 flex gap-2.5 focus:outline-none",
"wrapper": "w-0 flex-1 flex flex-col",
"title": "text-sm font-medium text-highlighted",
"description": "text-sm text-muted",
"icon": "shrink-0 size-5",
"avatar": "shrink-0",
"avatarSize": "2xl",
"actions": "flex gap-1.5 shrink-0",
"progress": "absolute inset-x-0 bottom-0",
"close": "p-0"
},
"variants": {
"color": {
"primary": {
"root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary",
"icon": "text-primary"
},
"secondary": {
"root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary",
"icon": "text-secondary"
},
"success": {
"root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success",
"icon": "text-success"
},
"info": {
"root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info",
"icon": "text-info"
},
"warning": {
"root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning",
"icon": "text-warning"
},
"error": {
"root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error",
"icon": "text-error"
},
"neutral": {
"root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted",
"icon": "text-highlighted"
}
},
"orientation": {
"horizontal": {
"root": "items-center",
"actions": "items-center"
},
"vertical": {
"root": "items-start",
"actions": "items-start mt-2.5"
}
},
"title": {
"true": {
"description": "mt-1"
}
}
},
"defaultVariants": {
"color": "primary" as typeof color[number]
}
}