lecom-ui 5.3.92 → 5.3.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/Combobox/Combobox.js +11 -10
- package/dist/components/DatePicker/DatePicker.js +4 -10
- package/dist/components/MultiSelect/MultiSelect.js +4 -4
- package/dist/i18n/locales/en_us.js +2 -1
- package/dist/i18n/locales/es_es.js +2 -1
- package/dist/i18n/locales/pt_br.js +2 -1
- package/dist/index.d.ts +8 -9
- package/dist/plugin/extend.js +79 -79
- package/dist/plugin/fontFaces.js +172 -172
- package/dist/plugin/general.js +12 -12
- package/dist/plugin/pluginDev.cjs +5 -5
- package/dist/plugin/pluginNext.cjs +5 -5
- package/dist/plugin/pluginNextTurbo.cjs +5 -5
- package/dist/plugin/pluginVite.cjs +5 -5
- package/dist/plugin/template.js +31 -31
- package/dist/plugin/typographies.js +152 -152
- package/dist/plugin/varsTheme.js +79 -79
- package/package.json +1 -1
- package/dist/components/Collapse/Collapse.js +0 -94
|
@@ -1,152 +1,152 @@
|
|
|
1
|
-
const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
|
|
2
|
-
const roboto = { fontFamily: 'Roboto, sans-serif' };
|
|
3
|
-
const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
|
|
4
|
-
const fontWeight700 = { fontWeight: '700' };
|
|
5
|
-
const fontWeight600 = { fontWeight: '600' };
|
|
6
|
-
const fontWeight500 = { fontWeight: '500' };
|
|
7
|
-
const fontWeight400 = { fontWeight: '400' };
|
|
8
|
-
const fontSize3 = { fontSize: '3rem' };
|
|
9
|
-
const fontSize2 = { fontSize: '2rem' };
|
|
10
|
-
const fontSize25 = { fontSize: '2.5rem' };
|
|
11
|
-
const fontSize15 = { fontSize: '1.5rem' };
|
|
12
|
-
const fontSize125 = { fontSize: '1.25rem' };
|
|
13
|
-
const fontSize1 = { fontSize: '1rem' };
|
|
14
|
-
const fontSize0875 = { fontSize: '0.875rem' };
|
|
15
|
-
const fontSize075 = { fontSize: '0.75rem' };
|
|
16
|
-
|
|
17
|
-
const typographies = {
|
|
18
|
-
'.heading-xxlarge-500': {
|
|
19
|
-
...montSerrat,
|
|
20
|
-
...fontSize3,
|
|
21
|
-
...fontWeight500,
|
|
22
|
-
lineHeight: '3.25rem',
|
|
23
|
-
},
|
|
24
|
-
'.heading-xlarge-500': {
|
|
25
|
-
...montSerrat,
|
|
26
|
-
...fontSize25,
|
|
27
|
-
...fontWeight500,
|
|
28
|
-
lineHeight: '2.75rem',
|
|
29
|
-
},
|
|
30
|
-
'.heading-large-600': {
|
|
31
|
-
...montSerrat,
|
|
32
|
-
...fontSize2,
|
|
33
|
-
...fontWeight600,
|
|
34
|
-
lineHeight: '2.25rem',
|
|
35
|
-
},
|
|
36
|
-
'.heading-large-500': {
|
|
37
|
-
...montSerrat,
|
|
38
|
-
...fontSize2,
|
|
39
|
-
...fontWeight500,
|
|
40
|
-
lineHeight: '2.25rem',
|
|
41
|
-
},
|
|
42
|
-
'.heading-medium-600': {
|
|
43
|
-
...montSerrat,
|
|
44
|
-
...fontSize15,
|
|
45
|
-
...fontWeight600,
|
|
46
|
-
lineHeight: '1.75rem',
|
|
47
|
-
},
|
|
48
|
-
'.heading-medium-500': {
|
|
49
|
-
...montSerrat,
|
|
50
|
-
...fontSize15,
|
|
51
|
-
...fontWeight500,
|
|
52
|
-
lineHeight: '1.75rem',
|
|
53
|
-
},
|
|
54
|
-
'.heading-small-600': {
|
|
55
|
-
...montSerrat,
|
|
56
|
-
...fontSize125,
|
|
57
|
-
...fontWeight600,
|
|
58
|
-
lineHeight: '1.5rem',
|
|
59
|
-
},
|
|
60
|
-
'.heading-small-500': {
|
|
61
|
-
...montSerrat,
|
|
62
|
-
...fontSize125,
|
|
63
|
-
...fontWeight500,
|
|
64
|
-
lineHeight: '1.5rem',
|
|
65
|
-
},
|
|
66
|
-
'.heading-xsmall-600': {
|
|
67
|
-
...montSerrat,
|
|
68
|
-
...fontSize1,
|
|
69
|
-
...fontWeight600,
|
|
70
|
-
lineHeight: '1.25rem',
|
|
71
|
-
},
|
|
72
|
-
'.heading-xsmall-500': {
|
|
73
|
-
...montSerrat,
|
|
74
|
-
...fontSize1,
|
|
75
|
-
...fontWeight500,
|
|
76
|
-
lineHeight: '1.25rem',
|
|
77
|
-
},
|
|
78
|
-
'.heading-xxsmall-600': {
|
|
79
|
-
...montSerrat,
|
|
80
|
-
...fontSize0875,
|
|
81
|
-
lineHeight: '1.25rem',
|
|
82
|
-
...fontWeight600,
|
|
83
|
-
},
|
|
84
|
-
'.heading-xxsmall-500': {
|
|
85
|
-
...montSerrat,
|
|
86
|
-
...fontSize0875,
|
|
87
|
-
lineHeight: '1.25rem',
|
|
88
|
-
...fontWeight500,
|
|
89
|
-
},
|
|
90
|
-
'.body-large-700': {
|
|
91
|
-
...roboto,
|
|
92
|
-
...fontSize1,
|
|
93
|
-
lineHeight: '1.5rem',
|
|
94
|
-
...fontWeight700,
|
|
95
|
-
},
|
|
96
|
-
'.body-large-500': {
|
|
97
|
-
...roboto,
|
|
98
|
-
...fontSize1,
|
|
99
|
-
lineHeight: '1.5rem',
|
|
100
|
-
...fontWeight500,
|
|
101
|
-
},
|
|
102
|
-
'.body-large-400': {
|
|
103
|
-
...roboto,
|
|
104
|
-
...fontSize1,
|
|
105
|
-
lineHeight: '1.5rem',
|
|
106
|
-
...fontWeight400,
|
|
107
|
-
},
|
|
108
|
-
'.body-medium-700': {
|
|
109
|
-
...roboto,
|
|
110
|
-
...fontSize0875,
|
|
111
|
-
lineHeight: '1.25rem',
|
|
112
|
-
...fontWeight700,
|
|
113
|
-
},
|
|
114
|
-
'.body-medium-500': {
|
|
115
|
-
...roboto,
|
|
116
|
-
...fontSize0875,
|
|
117
|
-
lineHeight: '1.25rem',
|
|
118
|
-
...fontWeight500,
|
|
119
|
-
},
|
|
120
|
-
'.body-medium-400': {
|
|
121
|
-
...roboto,
|
|
122
|
-
...fontSize0875,
|
|
123
|
-
lineHeight: '1.25rem',
|
|
124
|
-
...fontWeight400,
|
|
125
|
-
},
|
|
126
|
-
'.body-small-700': {
|
|
127
|
-
...roboto,
|
|
128
|
-
...fontSize075,
|
|
129
|
-
lineHeight: '1rem',
|
|
130
|
-
...fontWeight700,
|
|
131
|
-
},
|
|
132
|
-
'.body-small-500': {
|
|
133
|
-
...roboto,
|
|
134
|
-
...fontSize075,
|
|
135
|
-
lineHeight: '1rem',
|
|
136
|
-
...fontWeight500,
|
|
137
|
-
},
|
|
138
|
-
'.body-small-400': {
|
|
139
|
-
...roboto,
|
|
140
|
-
...fontSize075,
|
|
141
|
-
lineHeight: '1rem',
|
|
142
|
-
...fontWeight400,
|
|
143
|
-
},
|
|
144
|
-
'.code-medium-400': {
|
|
145
|
-
...ibm,
|
|
146
|
-
...fontSize0875,
|
|
147
|
-
lineHeight: '1.25rem',
|
|
148
|
-
...fontWeight400,
|
|
149
|
-
},
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
export { typographies };
|
|
1
|
+
const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
|
|
2
|
+
const roboto = { fontFamily: 'Roboto, sans-serif' };
|
|
3
|
+
const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
|
|
4
|
+
const fontWeight700 = { fontWeight: '700' };
|
|
5
|
+
const fontWeight600 = { fontWeight: '600' };
|
|
6
|
+
const fontWeight500 = { fontWeight: '500' };
|
|
7
|
+
const fontWeight400 = { fontWeight: '400' };
|
|
8
|
+
const fontSize3 = { fontSize: '3rem' };
|
|
9
|
+
const fontSize2 = { fontSize: '2rem' };
|
|
10
|
+
const fontSize25 = { fontSize: '2.5rem' };
|
|
11
|
+
const fontSize15 = { fontSize: '1.5rem' };
|
|
12
|
+
const fontSize125 = { fontSize: '1.25rem' };
|
|
13
|
+
const fontSize1 = { fontSize: '1rem' };
|
|
14
|
+
const fontSize0875 = { fontSize: '0.875rem' };
|
|
15
|
+
const fontSize075 = { fontSize: '0.75rem' };
|
|
16
|
+
|
|
17
|
+
const typographies = {
|
|
18
|
+
'.heading-xxlarge-500': {
|
|
19
|
+
...montSerrat,
|
|
20
|
+
...fontSize3,
|
|
21
|
+
...fontWeight500,
|
|
22
|
+
lineHeight: '3.25rem',
|
|
23
|
+
},
|
|
24
|
+
'.heading-xlarge-500': {
|
|
25
|
+
...montSerrat,
|
|
26
|
+
...fontSize25,
|
|
27
|
+
...fontWeight500,
|
|
28
|
+
lineHeight: '2.75rem',
|
|
29
|
+
},
|
|
30
|
+
'.heading-large-600': {
|
|
31
|
+
...montSerrat,
|
|
32
|
+
...fontSize2,
|
|
33
|
+
...fontWeight600,
|
|
34
|
+
lineHeight: '2.25rem',
|
|
35
|
+
},
|
|
36
|
+
'.heading-large-500': {
|
|
37
|
+
...montSerrat,
|
|
38
|
+
...fontSize2,
|
|
39
|
+
...fontWeight500,
|
|
40
|
+
lineHeight: '2.25rem',
|
|
41
|
+
},
|
|
42
|
+
'.heading-medium-600': {
|
|
43
|
+
...montSerrat,
|
|
44
|
+
...fontSize15,
|
|
45
|
+
...fontWeight600,
|
|
46
|
+
lineHeight: '1.75rem',
|
|
47
|
+
},
|
|
48
|
+
'.heading-medium-500': {
|
|
49
|
+
...montSerrat,
|
|
50
|
+
...fontSize15,
|
|
51
|
+
...fontWeight500,
|
|
52
|
+
lineHeight: '1.75rem',
|
|
53
|
+
},
|
|
54
|
+
'.heading-small-600': {
|
|
55
|
+
...montSerrat,
|
|
56
|
+
...fontSize125,
|
|
57
|
+
...fontWeight600,
|
|
58
|
+
lineHeight: '1.5rem',
|
|
59
|
+
},
|
|
60
|
+
'.heading-small-500': {
|
|
61
|
+
...montSerrat,
|
|
62
|
+
...fontSize125,
|
|
63
|
+
...fontWeight500,
|
|
64
|
+
lineHeight: '1.5rem',
|
|
65
|
+
},
|
|
66
|
+
'.heading-xsmall-600': {
|
|
67
|
+
...montSerrat,
|
|
68
|
+
...fontSize1,
|
|
69
|
+
...fontWeight600,
|
|
70
|
+
lineHeight: '1.25rem',
|
|
71
|
+
},
|
|
72
|
+
'.heading-xsmall-500': {
|
|
73
|
+
...montSerrat,
|
|
74
|
+
...fontSize1,
|
|
75
|
+
...fontWeight500,
|
|
76
|
+
lineHeight: '1.25rem',
|
|
77
|
+
},
|
|
78
|
+
'.heading-xxsmall-600': {
|
|
79
|
+
...montSerrat,
|
|
80
|
+
...fontSize0875,
|
|
81
|
+
lineHeight: '1.25rem',
|
|
82
|
+
...fontWeight600,
|
|
83
|
+
},
|
|
84
|
+
'.heading-xxsmall-500': {
|
|
85
|
+
...montSerrat,
|
|
86
|
+
...fontSize0875,
|
|
87
|
+
lineHeight: '1.25rem',
|
|
88
|
+
...fontWeight500,
|
|
89
|
+
},
|
|
90
|
+
'.body-large-700': {
|
|
91
|
+
...roboto,
|
|
92
|
+
...fontSize1,
|
|
93
|
+
lineHeight: '1.5rem',
|
|
94
|
+
...fontWeight700,
|
|
95
|
+
},
|
|
96
|
+
'.body-large-500': {
|
|
97
|
+
...roboto,
|
|
98
|
+
...fontSize1,
|
|
99
|
+
lineHeight: '1.5rem',
|
|
100
|
+
...fontWeight500,
|
|
101
|
+
},
|
|
102
|
+
'.body-large-400': {
|
|
103
|
+
...roboto,
|
|
104
|
+
...fontSize1,
|
|
105
|
+
lineHeight: '1.5rem',
|
|
106
|
+
...fontWeight400,
|
|
107
|
+
},
|
|
108
|
+
'.body-medium-700': {
|
|
109
|
+
...roboto,
|
|
110
|
+
...fontSize0875,
|
|
111
|
+
lineHeight: '1.25rem',
|
|
112
|
+
...fontWeight700,
|
|
113
|
+
},
|
|
114
|
+
'.body-medium-500': {
|
|
115
|
+
...roboto,
|
|
116
|
+
...fontSize0875,
|
|
117
|
+
lineHeight: '1.25rem',
|
|
118
|
+
...fontWeight500,
|
|
119
|
+
},
|
|
120
|
+
'.body-medium-400': {
|
|
121
|
+
...roboto,
|
|
122
|
+
...fontSize0875,
|
|
123
|
+
lineHeight: '1.25rem',
|
|
124
|
+
...fontWeight400,
|
|
125
|
+
},
|
|
126
|
+
'.body-small-700': {
|
|
127
|
+
...roboto,
|
|
128
|
+
...fontSize075,
|
|
129
|
+
lineHeight: '1rem',
|
|
130
|
+
...fontWeight700,
|
|
131
|
+
},
|
|
132
|
+
'.body-small-500': {
|
|
133
|
+
...roboto,
|
|
134
|
+
...fontSize075,
|
|
135
|
+
lineHeight: '1rem',
|
|
136
|
+
...fontWeight500,
|
|
137
|
+
},
|
|
138
|
+
'.body-small-400': {
|
|
139
|
+
...roboto,
|
|
140
|
+
...fontSize075,
|
|
141
|
+
lineHeight: '1rem',
|
|
142
|
+
...fontWeight400,
|
|
143
|
+
},
|
|
144
|
+
'.code-medium-400': {
|
|
145
|
+
...ibm,
|
|
146
|
+
...fontSize0875,
|
|
147
|
+
lineHeight: '1.25rem',
|
|
148
|
+
...fontWeight400,
|
|
149
|
+
},
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
export { typographies };
|
package/dist/plugin/varsTheme.js
CHANGED
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
const varsTheme = {
|
|
2
|
-
':root': {
|
|
3
|
-
'--background': '0 0% 100%',
|
|
4
|
-
'--foreground': '0 0% 14.9%',
|
|
5
|
-
'--card': '0 0% 100%',
|
|
6
|
-
'--card-foreground': '0 0% 3.9%',
|
|
7
|
-
'--popover': '0 0% 100%',
|
|
8
|
-
'--popover-foreground': '0 0% 14.9%',
|
|
9
|
-
'--primary': '0 0% 9%',
|
|
10
|
-
'--primary-foreground': '0 0% 98%',
|
|
11
|
-
'--secondary': '0 0% 96.1%',
|
|
12
|
-
'--secondary-foreground': '0 0% 9%',
|
|
13
|
-
'--muted': '0 0% 96.1%',
|
|
14
|
-
'--muted-foreground': '0 0% 45.1%',
|
|
15
|
-
'--accent': '0 0% 96.1%',
|
|
16
|
-
'--accent-foreground': '0 0% 9%',
|
|
17
|
-
'--destructive': '0 84.2% 60.2%',
|
|
18
|
-
'--destructive-foreground': '0 0% 98%',
|
|
19
|
-
'--border': '0 0% 89.8%',
|
|
20
|
-
'--input': '0 0% 89.8%',
|
|
21
|
-
'--ring': '0 0% 3.9%',
|
|
22
|
-
'--chart-1': '12 76% 61%',
|
|
23
|
-
'--chart-2': '173 58% 39%',
|
|
24
|
-
'--chart-3': '197 37% 24%',
|
|
25
|
-
'--chart-4': '43 74% 66%',
|
|
26
|
-
'--chart-5': '27 87% 67%',
|
|
27
|
-
'--chart-6': '228 57% 51%',
|
|
28
|
-
'--chart-7': '52 95% 53%',
|
|
29
|
-
'--chart-8': '0 85% 51%',
|
|
30
|
-
'--radius': '0.5rem',
|
|
31
|
-
'--sidebar-background': '0 0% 100%',
|
|
32
|
-
'--sidebar-foreground': '240 5.3% 26.1%',
|
|
33
|
-
'--sidebar-primary': '240 5.9% 10%',
|
|
34
|
-
'--sidebar-primary-foreground': '0 0% 98%',
|
|
35
|
-
'--sidebar-accent': '240 4.8% 95.9%',
|
|
36
|
-
'--sidebar-accent-foreground': '240 5.9% 10%',
|
|
37
|
-
'--sidebar-border': '220 13% 91%',
|
|
38
|
-
'--sidebar-ring': '217.2 91.2% 59.8%',
|
|
39
|
-
},
|
|
40
|
-
'.dark': {
|
|
41
|
-
'--background': '0 0% 3.9%',
|
|
42
|
-
'--foreground': '0 0% 98%',
|
|
43
|
-
'--card': '0 0% 3.9%',
|
|
44
|
-
'--card-foreground': '0 0% 98%',
|
|
45
|
-
'--popover': '0 0% 3.9%',
|
|
46
|
-
'--popover-foreground': '0 0% 98%',
|
|
47
|
-
'--primary': '0 0% 98%',
|
|
48
|
-
'--primary-foreground': '0 0% 9%',
|
|
49
|
-
'--secondary': '0 0% 14.9%',
|
|
50
|
-
'--secondary-foreground': '0 0% 98%',
|
|
51
|
-
'--muted': '0 0% 14.9%',
|
|
52
|
-
'--muted-foreground': '0 0% 63.9%',
|
|
53
|
-
'--accent': '0 0% 14.9%',
|
|
54
|
-
'--accent-foreground': '0 0% 98%',
|
|
55
|
-
'--destructive': '0 62.8% 30.6%',
|
|
56
|
-
'--destructive-foreground': '0 0% 98%',
|
|
57
|
-
'--border': '0 0% 14.9%',
|
|
58
|
-
'--input': '0 0% 14.9%',
|
|
59
|
-
'--ring': '0 0% 83.1%',
|
|
60
|
-
'--chart-1': '220 70% 50%',
|
|
61
|
-
'--chart-2': '160 60% 45%',
|
|
62
|
-
'--chart-3': '30 80% 55%',
|
|
63
|
-
'--chart-4': '280 65% 60%',
|
|
64
|
-
'--chart-5': '340 75% 55%',
|
|
65
|
-
'--chart-6': '228 57% 51%',
|
|
66
|
-
'--chart-7': '52 95% 53%',
|
|
67
|
-
'--chart-8': '0 85% 51%',
|
|
68
|
-
'--sidebar-background': '240 5.9% 10%',
|
|
69
|
-
'--sidebar-foreground': '240 4.8% 95.9%',
|
|
70
|
-
'--sidebar-primary': '224.3 76.3% 48%',
|
|
71
|
-
'--sidebar-primary-foreground': '0 0% 100%',
|
|
72
|
-
'--sidebar-accent': '240 3.7% 15.9%',
|
|
73
|
-
'--sidebar-accent-foreground': '240 4.8% 95.9%',
|
|
74
|
-
'--sidebar-border': '240 3.7% 15.9%',
|
|
75
|
-
'--sidebar-ring': '217.2 91.2% 59.8%',
|
|
76
|
-
},
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
export { varsTheme };
|
|
1
|
+
const varsTheme = {
|
|
2
|
+
':root': {
|
|
3
|
+
'--background': '0 0% 100%',
|
|
4
|
+
'--foreground': '0 0% 14.9%',
|
|
5
|
+
'--card': '0 0% 100%',
|
|
6
|
+
'--card-foreground': '0 0% 3.9%',
|
|
7
|
+
'--popover': '0 0% 100%',
|
|
8
|
+
'--popover-foreground': '0 0% 14.9%',
|
|
9
|
+
'--primary': '0 0% 9%',
|
|
10
|
+
'--primary-foreground': '0 0% 98%',
|
|
11
|
+
'--secondary': '0 0% 96.1%',
|
|
12
|
+
'--secondary-foreground': '0 0% 9%',
|
|
13
|
+
'--muted': '0 0% 96.1%',
|
|
14
|
+
'--muted-foreground': '0 0% 45.1%',
|
|
15
|
+
'--accent': '0 0% 96.1%',
|
|
16
|
+
'--accent-foreground': '0 0% 9%',
|
|
17
|
+
'--destructive': '0 84.2% 60.2%',
|
|
18
|
+
'--destructive-foreground': '0 0% 98%',
|
|
19
|
+
'--border': '0 0% 89.8%',
|
|
20
|
+
'--input': '0 0% 89.8%',
|
|
21
|
+
'--ring': '0 0% 3.9%',
|
|
22
|
+
'--chart-1': '12 76% 61%',
|
|
23
|
+
'--chart-2': '173 58% 39%',
|
|
24
|
+
'--chart-3': '197 37% 24%',
|
|
25
|
+
'--chart-4': '43 74% 66%',
|
|
26
|
+
'--chart-5': '27 87% 67%',
|
|
27
|
+
'--chart-6': '228 57% 51%',
|
|
28
|
+
'--chart-7': '52 95% 53%',
|
|
29
|
+
'--chart-8': '0 85% 51%',
|
|
30
|
+
'--radius': '0.5rem',
|
|
31
|
+
'--sidebar-background': '0 0% 100%',
|
|
32
|
+
'--sidebar-foreground': '240 5.3% 26.1%',
|
|
33
|
+
'--sidebar-primary': '240 5.9% 10%',
|
|
34
|
+
'--sidebar-primary-foreground': '0 0% 98%',
|
|
35
|
+
'--sidebar-accent': '240 4.8% 95.9%',
|
|
36
|
+
'--sidebar-accent-foreground': '240 5.9% 10%',
|
|
37
|
+
'--sidebar-border': '220 13% 91%',
|
|
38
|
+
'--sidebar-ring': '217.2 91.2% 59.8%',
|
|
39
|
+
},
|
|
40
|
+
'.dark': {
|
|
41
|
+
'--background': '0 0% 3.9%',
|
|
42
|
+
'--foreground': '0 0% 98%',
|
|
43
|
+
'--card': '0 0% 3.9%',
|
|
44
|
+
'--card-foreground': '0 0% 98%',
|
|
45
|
+
'--popover': '0 0% 3.9%',
|
|
46
|
+
'--popover-foreground': '0 0% 98%',
|
|
47
|
+
'--primary': '0 0% 98%',
|
|
48
|
+
'--primary-foreground': '0 0% 9%',
|
|
49
|
+
'--secondary': '0 0% 14.9%',
|
|
50
|
+
'--secondary-foreground': '0 0% 98%',
|
|
51
|
+
'--muted': '0 0% 14.9%',
|
|
52
|
+
'--muted-foreground': '0 0% 63.9%',
|
|
53
|
+
'--accent': '0 0% 14.9%',
|
|
54
|
+
'--accent-foreground': '0 0% 98%',
|
|
55
|
+
'--destructive': '0 62.8% 30.6%',
|
|
56
|
+
'--destructive-foreground': '0 0% 98%',
|
|
57
|
+
'--border': '0 0% 14.9%',
|
|
58
|
+
'--input': '0 0% 14.9%',
|
|
59
|
+
'--ring': '0 0% 83.1%',
|
|
60
|
+
'--chart-1': '220 70% 50%',
|
|
61
|
+
'--chart-2': '160 60% 45%',
|
|
62
|
+
'--chart-3': '30 80% 55%',
|
|
63
|
+
'--chart-4': '280 65% 60%',
|
|
64
|
+
'--chart-5': '340 75% 55%',
|
|
65
|
+
'--chart-6': '228 57% 51%',
|
|
66
|
+
'--chart-7': '52 95% 53%',
|
|
67
|
+
'--chart-8': '0 85% 51%',
|
|
68
|
+
'--sidebar-background': '240 5.9% 10%',
|
|
69
|
+
'--sidebar-foreground': '240 4.8% 95.9%',
|
|
70
|
+
'--sidebar-primary': '224.3 76.3% 48%',
|
|
71
|
+
'--sidebar-primary-foreground': '0 0% 100%',
|
|
72
|
+
'--sidebar-accent': '240 3.7% 15.9%',
|
|
73
|
+
'--sidebar-accent-foreground': '240 4.8% 95.9%',
|
|
74
|
+
'--sidebar-border': '240 3.7% 15.9%',
|
|
75
|
+
'--sidebar-ring': '217.2 91.2% 59.8%',
|
|
76
|
+
},
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
export { varsTheme };
|
package/package.json
CHANGED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { cn } from '../../lib/utils.js';
|
|
3
|
-
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
4
|
-
import { cva } from 'class-variance-authority';
|
|
5
|
-
import { ChevronRight } from 'lucide-react';
|
|
6
|
-
|
|
7
|
-
const collapseTriggerVariants = cva(
|
|
8
|
-
"flex items-center justify-between w-full transition-all text-left outline-none data-[state=open]:font-semibold",
|
|
9
|
-
{
|
|
10
|
-
variants: {
|
|
11
|
-
size: {
|
|
12
|
-
small: "text-sm py-1.5 px-4 min-h-8",
|
|
13
|
-
medium: "text-base py-2.5 px-4 min-h-10",
|
|
14
|
-
large: "text-lg py-3 px-4 min-h-12"
|
|
15
|
-
},
|
|
16
|
-
ghost: {
|
|
17
|
-
true: "bg-transparent border-none",
|
|
18
|
-
false: "border-t-none border-grey-400"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
defaultVariants: {
|
|
22
|
-
size: "large",
|
|
23
|
-
ghost: false
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
const CollapseRoot = AccordionPrimitive.Root;
|
|
28
|
-
const CollapseItem = AccordionPrimitive.Item;
|
|
29
|
-
const CollapsePanel = React.forwardRef(
|
|
30
|
-
({
|
|
31
|
-
header,
|
|
32
|
-
children,
|
|
33
|
-
extra,
|
|
34
|
-
expandIconPosition = "start",
|
|
35
|
-
size = "large",
|
|
36
|
-
ghost = false,
|
|
37
|
-
disabled = false,
|
|
38
|
-
className,
|
|
39
|
-
...props
|
|
40
|
-
}, ref) => /* @__PURE__ */ React.createElement(
|
|
41
|
-
CollapseItem,
|
|
42
|
-
{
|
|
43
|
-
ref,
|
|
44
|
-
...props,
|
|
45
|
-
className: cn(
|
|
46
|
-
"group w-full",
|
|
47
|
-
disabled && "pointer-events-none opacity-50",
|
|
48
|
-
className
|
|
49
|
-
)
|
|
50
|
-
},
|
|
51
|
-
/* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { asChild: true }, /* @__PURE__ */ React.createElement(
|
|
52
|
-
AccordionPrimitive.Trigger,
|
|
53
|
-
{
|
|
54
|
-
disabled,
|
|
55
|
-
className: cn(
|
|
56
|
-
collapseTriggerVariants({ size, ghost }),
|
|
57
|
-
"flex gap-2 items-center text-left font-normal"
|
|
58
|
-
)
|
|
59
|
-
},
|
|
60
|
-
/* @__PURE__ */ React.createElement(
|
|
61
|
-
"div",
|
|
62
|
-
{
|
|
63
|
-
className: cn(
|
|
64
|
-
"flex flex-1 items-center justify-between gap-4 w-full",
|
|
65
|
-
expandIconPosition === "end" ? "flex-row-reverse" : ""
|
|
66
|
-
)
|
|
67
|
-
},
|
|
68
|
-
/* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 truncate" }, /* @__PURE__ */ React.createElement(
|
|
69
|
-
"span",
|
|
70
|
-
{
|
|
71
|
-
className: "flex items-center justify-center flex-shrink-0 min-w-4 min-h-4 transition-transform duration-300 group-data-[state=open]:rotate-90 text-grey-700 text-lg select-none font-normal"
|
|
72
|
-
},
|
|
73
|
-
/* @__PURE__ */ React.createElement(ChevronRight, { className: "size-4" })
|
|
74
|
-
), /* @__PURE__ */ React.createElement("span", { className: "font-normal" }, header)),
|
|
75
|
-
extra && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-grey-500" }, extra)
|
|
76
|
-
)
|
|
77
|
-
)),
|
|
78
|
-
/* @__PURE__ */ React.createElement(
|
|
79
|
-
AccordionPrimitive.Content,
|
|
80
|
-
{
|
|
81
|
-
className: cn(
|
|
82
|
-
"overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"
|
|
83
|
-
)
|
|
84
|
-
},
|
|
85
|
-
/* @__PURE__ */ React.createElement("div", { className: "text-sm text-grey-800 pt-2 pb-4 px-4" }, children)
|
|
86
|
-
)
|
|
87
|
-
)
|
|
88
|
-
);
|
|
89
|
-
CollapsePanel.displayName = "CollapsePanel";
|
|
90
|
-
const Collapse = Object.assign(CollapseRoot, {
|
|
91
|
-
Panel: CollapsePanel
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
export { Collapse, collapseTriggerVariants };
|