@clasing/ui 0.1.110 → 0.1.111
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/dist/index.d.ts +14 -0
- package/dist/index.es.js +1675 -1419
- package/dist/index.umd.js +4 -4
- package/dist/ui.css +284 -284
- package/package.json +92 -92
package/dist/ui.css
CHANGED
|
@@ -1,284 +1,284 @@
|
|
|
1
|
-
@import 'tailwindcss';
|
|
2
|
-
|
|
3
|
-
@theme {
|
|
4
|
-
--text-*: initial;
|
|
5
|
-
--text-2xs: 10px;
|
|
6
|
-
--text-xs: 12px;
|
|
7
|
-
--text-sm: 14px;
|
|
8
|
-
--text-base: 16px;
|
|
9
|
-
--text-lg: 18px;
|
|
10
|
-
--text-xl: 20px;
|
|
11
|
-
--text-2xl: 24px;
|
|
12
|
-
--text-3xl: 28px;
|
|
13
|
-
--text-4xl: 32px;
|
|
14
|
-
--text-5xl: 36px;
|
|
15
|
-
--text-6xl: 40px;
|
|
16
|
-
--text-7xl: 44px;
|
|
17
|
-
--text-8xl: 48px;
|
|
18
|
-
--text-9xl: 52px;
|
|
19
|
-
|
|
20
|
-
--leading-*: initial;
|
|
21
|
-
--leading-xs: 16px;
|
|
22
|
-
--leading-sm: 18px;
|
|
23
|
-
--leading-md: 20px;
|
|
24
|
-
--leading-lg: 24px;
|
|
25
|
-
--leading-xl: 28px;
|
|
26
|
-
--leading-2xl: 32px;
|
|
27
|
-
--leading-3xl: 36px;
|
|
28
|
-
--leading-4xl: 40px;
|
|
29
|
-
--leading-5xl: 44px;
|
|
30
|
-
--leading-6xl: 48px;
|
|
31
|
-
--leading-7xl: 56px;
|
|
32
|
-
|
|
33
|
-
--tracking-*: initial;
|
|
34
|
-
--tracking-tighter: -4px;
|
|
35
|
-
--tracking-tight: -2px;
|
|
36
|
-
--tracking-normal: 0;
|
|
37
|
-
--tracking-wide: 2px;
|
|
38
|
-
--tracking-wider: 5px;
|
|
39
|
-
--tracking-widest: 10px;
|
|
40
|
-
|
|
41
|
-
--font-*: initial;
|
|
42
|
-
--font-display: Open Sans, sans-serif;
|
|
43
|
-
--font-title: Open Sans, sans-serif;
|
|
44
|
-
--font-text: Open Sans, sans-serif;
|
|
45
|
-
--font-label: Open Sans, sans-serif;
|
|
46
|
-
--font-overline: Open Sans, sans-serif;
|
|
47
|
-
|
|
48
|
-
--font-weight-*: initial;
|
|
49
|
-
--font-weight-light: 300;
|
|
50
|
-
--font-weight-regular: 400;
|
|
51
|
-
--font-weight-semibold: 600;
|
|
52
|
-
--font-weight-bold: 700;
|
|
53
|
-
|
|
54
|
-
--color-*: initial;
|
|
55
|
-
--color-black: oklch(0.2 0.0102 248.34);
|
|
56
|
-
--color-white: oklch(1 0 0);
|
|
57
|
-
|
|
58
|
-
--color-primary-050: oklch(0.97 0.0129 17.38);
|
|
59
|
-
--color-primary-100: oklch(0.94 0.0252 17.61);
|
|
60
|
-
--color-primary-200: oklch(0.9 0.0462 16.39);
|
|
61
|
-
--color-primary-300: oklch(0.81 0.0886 17.43);
|
|
62
|
-
--color-primary-400: oklch(0.72 0.1426 18.07);
|
|
63
|
-
--color-primary-500: oklch(0.63 0.1885 19.94);
|
|
64
|
-
--color-primary-600: oklch(0.57 0.1984 19.87);
|
|
65
|
-
--color-primary-700: oklch(0.5 0.1792 19.3);
|
|
66
|
-
--color-primary-800: oklch(0.44 0.1532 16.66);
|
|
67
|
-
--color-primary-900: oklch(0.4 0.1332 13.25);
|
|
68
|
-
--color-primary-950: oklch(0.26 0.0879 15.52);
|
|
69
|
-
|
|
70
|
-
--color-blue-050: oklch(0.97 0.0137 247.97);
|
|
71
|
-
--color-blue-100: oklch(0.95 0.0276 248.12);
|
|
72
|
-
--color-blue-200: oklch(0.89 0.0607 240.99);
|
|
73
|
-
--color-blue-300: oklch(0.8 0.1116 240.95);
|
|
74
|
-
--color-blue-400: oklch(0.71 0.1604 244.29);
|
|
75
|
-
--color-blue-500: oklch(0.64 0.1771 249.33);
|
|
76
|
-
--color-blue-600: oklch(0.55 0.1681 252.8);
|
|
77
|
-
--color-blue-700: oklch(0.47 0.1433 252.81);
|
|
78
|
-
--color-blue-800: oklch(0.4 0.1167 251.1);
|
|
79
|
-
--color-blue-900: oklch(0.37 0.1013 251.39);
|
|
80
|
-
--color-blue-950: oklch(0.28 0.0757 251.93);
|
|
81
|
-
|
|
82
|
-
--color-violet-050: oklch(0.95 0.007 268.55);
|
|
83
|
-
--color-violet-100: oklch(0.97 0.0096 273.36);
|
|
84
|
-
--color-violet-200: oklch(0.94 0.0191 276.34);
|
|
85
|
-
--color-violet-300: oklch(0.89 0.0361 277);
|
|
86
|
-
--color-violet-400: oklch(0.81 0.0581 278.49);
|
|
87
|
-
--color-violet-500: oklch(0.73 0.0884 281.04);
|
|
88
|
-
--color-violet-600: oklch(0.64 0.1155 283.25);
|
|
89
|
-
--color-violet-700: oklch(0.57 0.1311 285.66);
|
|
90
|
-
--color-violet-800: oklch(0.5 0.124 286.15);
|
|
91
|
-
--color-violet-900: oklch(0.45 0.1011 285.88);
|
|
92
|
-
--color-violet-950: oklch(0.4 0.0748 285.53);
|
|
93
|
-
|
|
94
|
-
--color-yellow-050: oklch(0.99 0.0158 102.82);
|
|
95
|
-
--color-yellow-100: oklch(0.99 0.0249 101.95);
|
|
96
|
-
--color-yellow-200: oklch(0.97 0.0658 101.01);
|
|
97
|
-
--color-yellow-300: oklch(0.95 0.1313 102.51);
|
|
98
|
-
--color-yellow-400: oklch(0.92 0.1692 99.19);
|
|
99
|
-
--color-yellow-500: oklch(0.88 0.176 93.13);
|
|
100
|
-
--color-yellow-600: oklch(0.82 0.1693 79.17);
|
|
101
|
-
--color-yellow-700: oklch(0.71 0.1583 65.12);
|
|
102
|
-
--color-yellow-800: oklch(0.58 0.145 54.45);
|
|
103
|
-
--color-yellow-900: oklch(0.5 0.1252 51.36);
|
|
104
|
-
--color-yellow-950: oklch(0.4 0.0955 51.15);
|
|
105
|
-
|
|
106
|
-
--color-neutral-000: oklch(0.97 0.0042 236.5);
|
|
107
|
-
--color-neutral-050: oklch(0.95 0.0046 258.32);
|
|
108
|
-
--color-neutral-100: oklch(0.93 0.0046 258.33);
|
|
109
|
-
--color-neutral-200: oklch(0.91 0.0035 247.86);
|
|
110
|
-
--color-neutral-300: oklch(0.9 0.0035 247.86);
|
|
111
|
-
--color-neutral-400: oklch(0.88 0.0035 247.86);
|
|
112
|
-
--color-neutral-500: oklch(0.87 0.0035 247.86);
|
|
113
|
-
--color-neutral-600: oklch(0.84 0.0036 247.87);
|
|
114
|
-
--color-neutral-700: oklch(0.79 0.0036 247.87);
|
|
115
|
-
--color-neutral-800: oklch(0.63 0.0032 264.54);
|
|
116
|
-
--color-neutral-900: oklch(0.45 0.0021 247.87);
|
|
117
|
-
--color-neutral-1000: oklch(0.2 0.0102 248.34);
|
|
118
|
-
|
|
119
|
-
--color-error-light: oklch(0.93 0.0394 52.37);
|
|
120
|
-
--color-error-main: oklch(0.64 0.2475 31.2);
|
|
121
|
-
|
|
122
|
-
--color-warning-light: oklch(0.98 0.0348 94.54);
|
|
123
|
-
--color-warning-main: oklch(0.82 0.17046 77.4296);
|
|
124
|
-
|
|
125
|
-
--color-info-light: oklch(0.97 0.0137 247.97);
|
|
126
|
-
--color-info-main: oklch(0.55 0.1681 252.8);
|
|
127
|
-
|
|
128
|
-
--color-success-light: oklch(0.97 0.0511 146.04);
|
|
129
|
-
--color-success-main: oklch(0.62 0.1446 144.41);
|
|
130
|
-
|
|
131
|
-
--color-ring-default: var(--color-blue-800);
|
|
132
|
-
|
|
133
|
-
--radius-*: initial;
|
|
134
|
-
--radius-none: 0;
|
|
135
|
-
--radius-xs: 2px;
|
|
136
|
-
--radius-sm: 4px;
|
|
137
|
-
--radius-md: 6px;
|
|
138
|
-
--radius-lg: 8px;
|
|
139
|
-
--radius-xl: 12px;
|
|
140
|
-
--radius-2xl: 16px;
|
|
141
|
-
--radius-3xl: 24px;
|
|
142
|
-
--radius-4xl: 32px;
|
|
143
|
-
--radius-full: 9999px;
|
|
144
|
-
|
|
145
|
-
--shadow-*: initial;
|
|
146
|
-
--shadow-none: none;
|
|
147
|
-
--shadow-xs: 0px 2px 4px 0px rgba(25, 25, 25, 0.08),
|
|
148
|
-
0px 0px 2px 0px rgba(25, 25, 25, 0.08);
|
|
149
|
-
--shadow-sm: 0px 4px 8px 0px rgba(25, 25, 25, 0.1),
|
|
150
|
-
0px 0px 4px 0px rgba(0, 0, 0, 0.08);
|
|
151
|
-
--shadow-md: 0px 8px 16px 0px rgba(25, 25, 25, 0.1),
|
|
152
|
-
0px 0px 6px 0px rgba(25, 25, 25, 0.08);
|
|
153
|
-
--shadow-lg: 0px 10px 20px 0px rgba(0, 0, 0, 0.19),
|
|
154
|
-
0px 0px 8px 0px rgba(25, 25, 25, 0.08);
|
|
155
|
-
--shadow-xl: 0px 12px 24px 0px rgba(25, 25, 25, 0.1),
|
|
156
|
-
0px 0px 10px 0px rgba(25, 25, 25, 0.08);
|
|
157
|
-
--shadow-2xl: 0px 16px 32px 0px rgba(25, 25, 25, 0.1),
|
|
158
|
-
0px 0px 12px 0px rgba(25, 25, 25, 0.08);
|
|
159
|
-
|
|
160
|
-
--animate-fade-in-scale-up: fadeInScaleUp 0.15s ease-out;
|
|
161
|
-
--animate-fade-out-scale-up: fadeOutScaleUp 0.15s ease-out;
|
|
162
|
-
--animate-fade-in-scale-down: fadeInScaleDown 0.15s ease-out;
|
|
163
|
-
--animate-fade-out-scale-down: fadeOutScaleDown 0.15s ease-out;
|
|
164
|
-
--animate-shimmer: shimmer-x 2s infinite;
|
|
165
|
-
|
|
166
|
-
--ease-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
|
167
|
-
--ease-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
168
|
-
--ease-circ-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
169
|
-
|
|
170
|
-
@keyframes shimmer-x {
|
|
171
|
-
0% {
|
|
172
|
-
transform: translateX(-100%);
|
|
173
|
-
}
|
|
174
|
-
100% {
|
|
175
|
-
transform: translateX(100%);
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
@keyframes fadeInScaleUp {
|
|
179
|
-
0% {
|
|
180
|
-
opacity: 0;
|
|
181
|
-
transform: scale(0.9) translateY(50px);
|
|
182
|
-
}
|
|
183
|
-
100% {
|
|
184
|
-
opacity: 1;
|
|
185
|
-
transform: scale(1) translateY(0);
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
@keyframes fadeOutScaleUp {
|
|
189
|
-
0% {
|
|
190
|
-
opacity: 1;
|
|
191
|
-
transform: scale(1) translateY(0);
|
|
192
|
-
}
|
|
193
|
-
100% {
|
|
194
|
-
opacity: 0;
|
|
195
|
-
transform: scale(0.9) translateY(50px);
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
@keyframes fadeInScaleDown {
|
|
199
|
-
0% {
|
|
200
|
-
opacity: 0;
|
|
201
|
-
transform: scale(0.9) translateY(-50px);
|
|
202
|
-
}
|
|
203
|
-
100% {
|
|
204
|
-
opacity: 1;
|
|
205
|
-
transform: scale(1) translateY(0);
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
@keyframes fadeOutScaleDown {
|
|
209
|
-
0% {
|
|
210
|
-
opacity: 1;
|
|
211
|
-
transform: scale(1) translateY(0);
|
|
212
|
-
}
|
|
213
|
-
100% {
|
|
214
|
-
opacity: 0;
|
|
215
|
-
transform: scale(0.9) translateY(-50px);
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
/*
|
|
221
|
-
The default border color has changed to `currentcolor` in Tailwind CSS v4,
|
|
222
|
-
so we've added these compatibility styles to make sure everything still
|
|
223
|
-
looks the same as it did with Tailwind CSS v3.
|
|
224
|
-
|
|
225
|
-
If we ever want to remove these styles, we need to add an explicit border
|
|
226
|
-
color utility to any element that depends on these defaults.
|
|
227
|
-
*/
|
|
228
|
-
@layer base {
|
|
229
|
-
*,
|
|
230
|
-
::after,
|
|
231
|
-
::before,
|
|
232
|
-
::backdrop,
|
|
233
|
-
::file-selector-button {
|
|
234
|
-
border-color: var(--color-gray-200, currentcolor);
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
* {
|
|
239
|
-
-webkit-font-smoothing: antialiased;
|
|
240
|
-
font-synthesis: none !important;
|
|
241
|
-
}
|
|
242
|
-
body {
|
|
243
|
-
font-family:
|
|
244
|
-
'Open Sans',
|
|
245
|
-
sans-serif,
|
|
246
|
-
system-ui,
|
|
247
|
-
-apple-system;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
@media (prefers-reduced-motion: reduce) {
|
|
251
|
-
.before\:animate-shimmer::before {
|
|
252
|
-
animation: none;
|
|
253
|
-
}
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
input[type='color'] {
|
|
257
|
-
-webkit-appearance: none;
|
|
258
|
-
border: none;
|
|
259
|
-
}
|
|
260
|
-
input[type='color']::-webkit-color-swatch-wrapper {
|
|
261
|
-
padding: 0;
|
|
262
|
-
}
|
|
263
|
-
input[type='color']::-webkit-color-swatch {
|
|
264
|
-
border: none;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
*::-webkit-scrollbar {
|
|
268
|
-
width: 8px;
|
|
269
|
-
height: 9px;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
*::-webkit-scrollbar-track {
|
|
273
|
-
background: #f7f7f7;
|
|
274
|
-
border-radius: 30px;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
*::-webkit-scrollbar-thumb {
|
|
278
|
-
background-color: #ababab;
|
|
279
|
-
border-radius: 14px;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
::-webkit-scrollbar-thumb:hover {
|
|
283
|
-
background-color: #919191;
|
|
284
|
-
}
|
|
1
|
+
@import 'tailwindcss';
|
|
2
|
+
|
|
3
|
+
@theme {
|
|
4
|
+
--text-*: initial;
|
|
5
|
+
--text-2xs: 10px;
|
|
6
|
+
--text-xs: 12px;
|
|
7
|
+
--text-sm: 14px;
|
|
8
|
+
--text-base: 16px;
|
|
9
|
+
--text-lg: 18px;
|
|
10
|
+
--text-xl: 20px;
|
|
11
|
+
--text-2xl: 24px;
|
|
12
|
+
--text-3xl: 28px;
|
|
13
|
+
--text-4xl: 32px;
|
|
14
|
+
--text-5xl: 36px;
|
|
15
|
+
--text-6xl: 40px;
|
|
16
|
+
--text-7xl: 44px;
|
|
17
|
+
--text-8xl: 48px;
|
|
18
|
+
--text-9xl: 52px;
|
|
19
|
+
|
|
20
|
+
--leading-*: initial;
|
|
21
|
+
--leading-xs: 16px;
|
|
22
|
+
--leading-sm: 18px;
|
|
23
|
+
--leading-md: 20px;
|
|
24
|
+
--leading-lg: 24px;
|
|
25
|
+
--leading-xl: 28px;
|
|
26
|
+
--leading-2xl: 32px;
|
|
27
|
+
--leading-3xl: 36px;
|
|
28
|
+
--leading-4xl: 40px;
|
|
29
|
+
--leading-5xl: 44px;
|
|
30
|
+
--leading-6xl: 48px;
|
|
31
|
+
--leading-7xl: 56px;
|
|
32
|
+
|
|
33
|
+
--tracking-*: initial;
|
|
34
|
+
--tracking-tighter: -4px;
|
|
35
|
+
--tracking-tight: -2px;
|
|
36
|
+
--tracking-normal: 0;
|
|
37
|
+
--tracking-wide: 2px;
|
|
38
|
+
--tracking-wider: 5px;
|
|
39
|
+
--tracking-widest: 10px;
|
|
40
|
+
|
|
41
|
+
--font-*: initial;
|
|
42
|
+
--font-display: Open Sans, sans-serif;
|
|
43
|
+
--font-title: Open Sans, sans-serif;
|
|
44
|
+
--font-text: Open Sans, sans-serif;
|
|
45
|
+
--font-label: Open Sans, sans-serif;
|
|
46
|
+
--font-overline: Open Sans, sans-serif;
|
|
47
|
+
|
|
48
|
+
--font-weight-*: initial;
|
|
49
|
+
--font-weight-light: 300;
|
|
50
|
+
--font-weight-regular: 400;
|
|
51
|
+
--font-weight-semibold: 600;
|
|
52
|
+
--font-weight-bold: 700;
|
|
53
|
+
|
|
54
|
+
--color-*: initial;
|
|
55
|
+
--color-black: oklch(0.2 0.0102 248.34);
|
|
56
|
+
--color-white: oklch(1 0 0);
|
|
57
|
+
|
|
58
|
+
--color-primary-050: oklch(0.97 0.0129 17.38);
|
|
59
|
+
--color-primary-100: oklch(0.94 0.0252 17.61);
|
|
60
|
+
--color-primary-200: oklch(0.9 0.0462 16.39);
|
|
61
|
+
--color-primary-300: oklch(0.81 0.0886 17.43);
|
|
62
|
+
--color-primary-400: oklch(0.72 0.1426 18.07);
|
|
63
|
+
--color-primary-500: oklch(0.63 0.1885 19.94);
|
|
64
|
+
--color-primary-600: oklch(0.57 0.1984 19.87);
|
|
65
|
+
--color-primary-700: oklch(0.5 0.1792 19.3);
|
|
66
|
+
--color-primary-800: oklch(0.44 0.1532 16.66);
|
|
67
|
+
--color-primary-900: oklch(0.4 0.1332 13.25);
|
|
68
|
+
--color-primary-950: oklch(0.26 0.0879 15.52);
|
|
69
|
+
|
|
70
|
+
--color-blue-050: oklch(0.97 0.0137 247.97);
|
|
71
|
+
--color-blue-100: oklch(0.95 0.0276 248.12);
|
|
72
|
+
--color-blue-200: oklch(0.89 0.0607 240.99);
|
|
73
|
+
--color-blue-300: oklch(0.8 0.1116 240.95);
|
|
74
|
+
--color-blue-400: oklch(0.71 0.1604 244.29);
|
|
75
|
+
--color-blue-500: oklch(0.64 0.1771 249.33);
|
|
76
|
+
--color-blue-600: oklch(0.55 0.1681 252.8);
|
|
77
|
+
--color-blue-700: oklch(0.47 0.1433 252.81);
|
|
78
|
+
--color-blue-800: oklch(0.4 0.1167 251.1);
|
|
79
|
+
--color-blue-900: oklch(0.37 0.1013 251.39);
|
|
80
|
+
--color-blue-950: oklch(0.28 0.0757 251.93);
|
|
81
|
+
|
|
82
|
+
--color-violet-050: oklch(0.95 0.007 268.55);
|
|
83
|
+
--color-violet-100: oklch(0.97 0.0096 273.36);
|
|
84
|
+
--color-violet-200: oklch(0.94 0.0191 276.34);
|
|
85
|
+
--color-violet-300: oklch(0.89 0.0361 277);
|
|
86
|
+
--color-violet-400: oklch(0.81 0.0581 278.49);
|
|
87
|
+
--color-violet-500: oklch(0.73 0.0884 281.04);
|
|
88
|
+
--color-violet-600: oklch(0.64 0.1155 283.25);
|
|
89
|
+
--color-violet-700: oklch(0.57 0.1311 285.66);
|
|
90
|
+
--color-violet-800: oklch(0.5 0.124 286.15);
|
|
91
|
+
--color-violet-900: oklch(0.45 0.1011 285.88);
|
|
92
|
+
--color-violet-950: oklch(0.4 0.0748 285.53);
|
|
93
|
+
|
|
94
|
+
--color-yellow-050: oklch(0.99 0.0158 102.82);
|
|
95
|
+
--color-yellow-100: oklch(0.99 0.0249 101.95);
|
|
96
|
+
--color-yellow-200: oklch(0.97 0.0658 101.01);
|
|
97
|
+
--color-yellow-300: oklch(0.95 0.1313 102.51);
|
|
98
|
+
--color-yellow-400: oklch(0.92 0.1692 99.19);
|
|
99
|
+
--color-yellow-500: oklch(0.88 0.176 93.13);
|
|
100
|
+
--color-yellow-600: oklch(0.82 0.1693 79.17);
|
|
101
|
+
--color-yellow-700: oklch(0.71 0.1583 65.12);
|
|
102
|
+
--color-yellow-800: oklch(0.58 0.145 54.45);
|
|
103
|
+
--color-yellow-900: oklch(0.5 0.1252 51.36);
|
|
104
|
+
--color-yellow-950: oklch(0.4 0.0955 51.15);
|
|
105
|
+
|
|
106
|
+
--color-neutral-000: oklch(0.97 0.0042 236.5);
|
|
107
|
+
--color-neutral-050: oklch(0.95 0.0046 258.32);
|
|
108
|
+
--color-neutral-100: oklch(0.93 0.0046 258.33);
|
|
109
|
+
--color-neutral-200: oklch(0.91 0.0035 247.86);
|
|
110
|
+
--color-neutral-300: oklch(0.9 0.0035 247.86);
|
|
111
|
+
--color-neutral-400: oklch(0.88 0.0035 247.86);
|
|
112
|
+
--color-neutral-500: oklch(0.87 0.0035 247.86);
|
|
113
|
+
--color-neutral-600: oklch(0.84 0.0036 247.87);
|
|
114
|
+
--color-neutral-700: oklch(0.79 0.0036 247.87);
|
|
115
|
+
--color-neutral-800: oklch(0.63 0.0032 264.54);
|
|
116
|
+
--color-neutral-900: oklch(0.45 0.0021 247.87);
|
|
117
|
+
--color-neutral-1000: oklch(0.2 0.0102 248.34);
|
|
118
|
+
|
|
119
|
+
--color-error-light: oklch(0.93 0.0394 52.37);
|
|
120
|
+
--color-error-main: oklch(0.64 0.2475 31.2);
|
|
121
|
+
|
|
122
|
+
--color-warning-light: oklch(0.98 0.0348 94.54);
|
|
123
|
+
--color-warning-main: oklch(0.82 0.17046 77.4296);
|
|
124
|
+
|
|
125
|
+
--color-info-light: oklch(0.97 0.0137 247.97);
|
|
126
|
+
--color-info-main: oklch(0.55 0.1681 252.8);
|
|
127
|
+
|
|
128
|
+
--color-success-light: oklch(0.97 0.0511 146.04);
|
|
129
|
+
--color-success-main: oklch(0.62 0.1446 144.41);
|
|
130
|
+
|
|
131
|
+
--color-ring-default: var(--color-blue-800);
|
|
132
|
+
|
|
133
|
+
--radius-*: initial;
|
|
134
|
+
--radius-none: 0;
|
|
135
|
+
--radius-xs: 2px;
|
|
136
|
+
--radius-sm: 4px;
|
|
137
|
+
--radius-md: 6px;
|
|
138
|
+
--radius-lg: 8px;
|
|
139
|
+
--radius-xl: 12px;
|
|
140
|
+
--radius-2xl: 16px;
|
|
141
|
+
--radius-3xl: 24px;
|
|
142
|
+
--radius-4xl: 32px;
|
|
143
|
+
--radius-full: 9999px;
|
|
144
|
+
|
|
145
|
+
--shadow-*: initial;
|
|
146
|
+
--shadow-none: none;
|
|
147
|
+
--shadow-xs: 0px 2px 4px 0px rgba(25, 25, 25, 0.08),
|
|
148
|
+
0px 0px 2px 0px rgba(25, 25, 25, 0.08);
|
|
149
|
+
--shadow-sm: 0px 4px 8px 0px rgba(25, 25, 25, 0.1),
|
|
150
|
+
0px 0px 4px 0px rgba(0, 0, 0, 0.08);
|
|
151
|
+
--shadow-md: 0px 8px 16px 0px rgba(25, 25, 25, 0.1),
|
|
152
|
+
0px 0px 6px 0px rgba(25, 25, 25, 0.08);
|
|
153
|
+
--shadow-lg: 0px 10px 20px 0px rgba(0, 0, 0, 0.19),
|
|
154
|
+
0px 0px 8px 0px rgba(25, 25, 25, 0.08);
|
|
155
|
+
--shadow-xl: 0px 12px 24px 0px rgba(25, 25, 25, 0.1),
|
|
156
|
+
0px 0px 10px 0px rgba(25, 25, 25, 0.08);
|
|
157
|
+
--shadow-2xl: 0px 16px 32px 0px rgba(25, 25, 25, 0.1),
|
|
158
|
+
0px 0px 12px 0px rgba(25, 25, 25, 0.08);
|
|
159
|
+
|
|
160
|
+
--animate-fade-in-scale-up: fadeInScaleUp 0.15s ease-out;
|
|
161
|
+
--animate-fade-out-scale-up: fadeOutScaleUp 0.15s ease-out;
|
|
162
|
+
--animate-fade-in-scale-down: fadeInScaleDown 0.15s ease-out;
|
|
163
|
+
--animate-fade-out-scale-down: fadeOutScaleDown 0.15s ease-out;
|
|
164
|
+
--animate-shimmer: shimmer-x 2s infinite;
|
|
165
|
+
|
|
166
|
+
--ease-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
|
167
|
+
--ease-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
168
|
+
--ease-circ-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
169
|
+
|
|
170
|
+
@keyframes shimmer-x {
|
|
171
|
+
0% {
|
|
172
|
+
transform: translateX(-100%);
|
|
173
|
+
}
|
|
174
|
+
100% {
|
|
175
|
+
transform: translateX(100%);
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
@keyframes fadeInScaleUp {
|
|
179
|
+
0% {
|
|
180
|
+
opacity: 0;
|
|
181
|
+
transform: scale(0.9) translateY(50px);
|
|
182
|
+
}
|
|
183
|
+
100% {
|
|
184
|
+
opacity: 1;
|
|
185
|
+
transform: scale(1) translateY(0);
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
@keyframes fadeOutScaleUp {
|
|
189
|
+
0% {
|
|
190
|
+
opacity: 1;
|
|
191
|
+
transform: scale(1) translateY(0);
|
|
192
|
+
}
|
|
193
|
+
100% {
|
|
194
|
+
opacity: 0;
|
|
195
|
+
transform: scale(0.9) translateY(50px);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
@keyframes fadeInScaleDown {
|
|
199
|
+
0% {
|
|
200
|
+
opacity: 0;
|
|
201
|
+
transform: scale(0.9) translateY(-50px);
|
|
202
|
+
}
|
|
203
|
+
100% {
|
|
204
|
+
opacity: 1;
|
|
205
|
+
transform: scale(1) translateY(0);
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
@keyframes fadeOutScaleDown {
|
|
209
|
+
0% {
|
|
210
|
+
opacity: 1;
|
|
211
|
+
transform: scale(1) translateY(0);
|
|
212
|
+
}
|
|
213
|
+
100% {
|
|
214
|
+
opacity: 0;
|
|
215
|
+
transform: scale(0.9) translateY(-50px);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/*
|
|
221
|
+
The default border color has changed to `currentcolor` in Tailwind CSS v4,
|
|
222
|
+
so we've added these compatibility styles to make sure everything still
|
|
223
|
+
looks the same as it did with Tailwind CSS v3.
|
|
224
|
+
|
|
225
|
+
If we ever want to remove these styles, we need to add an explicit border
|
|
226
|
+
color utility to any element that depends on these defaults.
|
|
227
|
+
*/
|
|
228
|
+
@layer base {
|
|
229
|
+
*,
|
|
230
|
+
::after,
|
|
231
|
+
::before,
|
|
232
|
+
::backdrop,
|
|
233
|
+
::file-selector-button {
|
|
234
|
+
border-color: var(--color-gray-200, currentcolor);
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
* {
|
|
239
|
+
-webkit-font-smoothing: antialiased;
|
|
240
|
+
font-synthesis: none !important;
|
|
241
|
+
}
|
|
242
|
+
body {
|
|
243
|
+
font-family:
|
|
244
|
+
'Open Sans',
|
|
245
|
+
sans-serif,
|
|
246
|
+
system-ui,
|
|
247
|
+
-apple-system;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
@media (prefers-reduced-motion: reduce) {
|
|
251
|
+
.before\:animate-shimmer::before {
|
|
252
|
+
animation: none;
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
input[type='color'] {
|
|
257
|
+
-webkit-appearance: none;
|
|
258
|
+
border: none;
|
|
259
|
+
}
|
|
260
|
+
input[type='color']::-webkit-color-swatch-wrapper {
|
|
261
|
+
padding: 0;
|
|
262
|
+
}
|
|
263
|
+
input[type='color']::-webkit-color-swatch {
|
|
264
|
+
border: none;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
*::-webkit-scrollbar {
|
|
268
|
+
width: 8px;
|
|
269
|
+
height: 9px;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
*::-webkit-scrollbar-track {
|
|
273
|
+
background: #f7f7f7;
|
|
274
|
+
border-radius: 30px;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
*::-webkit-scrollbar-thumb {
|
|
278
|
+
background-color: #ababab;
|
|
279
|
+
border-radius: 14px;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
::-webkit-scrollbar-thumb:hover {
|
|
283
|
+
background-color: #919191;
|
|
284
|
+
}
|