|
1 | 1 | export default defineAppConfig({ |
2 | 2 |
|
3 | | - ui: { |
4 | | - colors: { |
5 | | - primary: 'orange', |
6 | | - neutral: 'neutral' |
| 3 | + ui: { |
| 4 | + colors: { |
| 5 | + primary: 'orange', |
| 6 | + neutral: 'neutral', |
| 7 | + }, |
| 8 | + chip: { |
| 9 | + slots: { |
| 10 | + root: 'relative inline-flex items-center justify-center shrink-0', |
| 11 | + base: 'rounded-full ring ring-bg flex items-center justify-center text-inverted font-medium whitespace-nowrap', |
7 | 12 | }, |
8 | | - chip: { |
9 | | - slots: { |
10 | | - root: 'relative inline-flex items-center justify-center shrink-0', |
11 | | - base: 'rounded-full ring ring-bg flex items-center justify-center text-inverted font-medium whitespace-nowrap' |
| 13 | + variants: { |
| 14 | + color: { |
| 15 | + primary: 'bg-primary', |
| 16 | + secondary: 'bg-secondary', |
| 17 | + success: 'bg-success', |
| 18 | + info: 'bg-info', |
| 19 | + warning: 'bg-warning', |
| 20 | + error: 'bg-error', |
| 21 | + neutral: 'bg-inverted', |
| 22 | + }, |
| 23 | + size: { |
| 24 | + '3xs': 'h-[4px] min-w-[4px] text-[4px]', |
| 25 | + '2xs': 'h-[5px] min-w-[5px] text-[5px]', |
| 26 | + 'xs': 'h-[6px] min-w-[6px] text-[6px]', |
| 27 | + 'sm': 'h-[7px] min-w-[7px] text-[7px]', |
| 28 | + 'md': 'h-[8px] min-w-[8px] text-[8px]', |
| 29 | + 'lg': 'h-[9px] min-w-[9px] text-[9px]', |
| 30 | + 'xl': 'h-[10px] min-w-[10px] text-[10px]', |
| 31 | + '2xl': 'h-[11px] min-w-[11px] text-[11px]', |
| 32 | + '3xl': 'h-[12px] min-w-[12px] text-[12px]', |
| 33 | + }, |
| 34 | + position: { |
| 35 | + 'top-right': 'top-0 right-0', |
| 36 | + 'bottom-right': 'bottom-0 right-0', |
| 37 | + 'top-left': 'top-0 left-0', |
| 38 | + 'bottom-left': 'bottom-0 left-0', |
12 | 39 | }, |
13 | | - variants: { |
14 | | - color: { |
15 | | - primary: 'bg-primary', |
16 | | - secondary: 'bg-secondary', |
17 | | - success: 'bg-success', |
18 | | - info: 'bg-info', |
19 | | - warning: 'bg-warning', |
20 | | - error: 'bg-error', |
21 | | - neutral: 'bg-inverted' |
22 | | - }, |
23 | | - size: { |
24 | | - '3xs': 'h-[4px] min-w-[4px] text-[4px]', |
25 | | - '2xs': 'h-[5px] min-w-[5px] text-[5px]', |
26 | | - xs: 'h-[6px] min-w-[6px] text-[6px]', |
27 | | - sm: 'h-[7px] min-w-[7px] text-[7px]', |
28 | | - md: 'h-[8px] min-w-[8px] text-[8px]', |
29 | | - lg: 'h-[9px] min-w-[9px] text-[9px]', |
30 | | - xl: 'h-[10px] min-w-[10px] text-[10px]', |
31 | | - '2xl': 'h-[11px] min-w-[11px] text-[11px]', |
32 | | - '3xl': 'h-[12px] min-w-[12px] text-[12px]' |
33 | | - }, |
34 | | - position: { |
35 | | - 'top-right': 'top-0 right-0', |
36 | | - 'bottom-right': 'bottom-0 right-0', |
37 | | - 'top-left': 'top-0 left-0', |
38 | | - 'bottom-left': 'bottom-0 left-0' |
39 | | - }, |
40 | | - inset: { |
41 | | - false: '' |
42 | | - }, |
43 | | - standalone: { |
44 | | - false: 'absolute' |
45 | | - } |
| 40 | + inset: { |
| 41 | + false: '', |
| 42 | + }, |
| 43 | + standalone: { |
| 44 | + false: 'absolute', |
46 | 45 | }, |
47 | | - compoundVariants: [ |
48 | | - { |
49 | | - position: 'top-right', |
50 | | - inset: false, |
51 | | - class: '-translate-y-1/2 translate-x-1/2 transform' |
52 | | - }, |
53 | | - { |
54 | | - position: 'bottom-right', |
55 | | - inset: false, |
56 | | - class: 'translate-y-1/2 translate-x-1/2 transform' |
57 | | - }, |
58 | | - { |
59 | | - position: 'top-left', |
60 | | - inset: false, |
61 | | - class: '-translate-y-1/2 -translate-x-1/2 transform' |
62 | | - }, |
63 | | - { |
64 | | - position: 'bottom-left', |
65 | | - inset: false, |
66 | | - class: 'translate-y-1/2 -translate-x-1/2 transform' |
67 | | - } |
68 | | - ], |
69 | | - defaultVariants: { |
70 | | - size: 'md', |
71 | | - color: 'primary', |
72 | | - position: 'top-right' |
73 | | - } |
74 | 46 | }, |
| 47 | + compoundVariants: [ |
| 48 | + { |
| 49 | + position: 'top-right', |
| 50 | + inset: false, |
| 51 | + class: '-translate-y-1/2 translate-x-1/2 transform', |
| 52 | + }, |
| 53 | + { |
| 54 | + position: 'bottom-right', |
| 55 | + inset: false, |
| 56 | + class: 'translate-y-1/2 translate-x-1/2 transform', |
| 57 | + }, |
| 58 | + { |
| 59 | + position: 'top-left', |
| 60 | + inset: false, |
| 61 | + class: '-translate-y-1/2 -translate-x-1/2 transform', |
| 62 | + }, |
| 63 | + { |
| 64 | + position: 'bottom-left', |
| 65 | + inset: false, |
| 66 | + class: 'translate-y-1/2 -translate-x-1/2 transform', |
| 67 | + }, |
| 68 | + ], |
| 69 | + defaultVariants: { |
| 70 | + size: 'md', |
| 71 | + color: 'primary', |
| 72 | + position: 'top-right', |
| 73 | + }, |
| 74 | + }, |
75 | 75 | icons: { |
76 | 76 | light: 'i-ph-sun', |
77 | | - dark: 'i-ph-moon' |
| 77 | + dark: 'i-ph-moon', |
78 | 78 | }, |
79 | 79 | skeleton: { |
80 | | - base: 'animate-pulse rounded-md bg-elevated' |
81 | | - } |
| 80 | + base: 'animate-pulse rounded-md bg-elevated', |
| 81 | + }, |
82 | 82 |
|
83 | 83 | }, |
84 | 84 | }) |
0 commit comments