@klu_dev/ui-klu-green 1.1.3 → 1.1.4
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 +109 -1
- package/dist/index.css +472 -204
- package/dist/index.d.ts +2 -0
- package/dist/index.js +11 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
package/dist/index.css
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
--tw-contain-size: ;
|
|
51
51
|
--tw-contain-layout: ;
|
|
52
52
|
--tw-contain-paint: ;
|
|
53
|
-
--tw-contain-style: ;
|
|
53
|
+
--tw-contain-style: ;
|
|
54
54
|
}
|
|
55
55
|
::backdrop{
|
|
56
56
|
--tw-border-spacing-x: 0;
|
|
@@ -103,12 +103,14 @@
|
|
|
103
103
|
--tw-contain-size: ;
|
|
104
104
|
--tw-contain-layout: ;
|
|
105
105
|
--tw-contain-paint: ;
|
|
106
|
-
--tw-contain-style: ;
|
|
106
|
+
--tw-contain-style: ;
|
|
107
107
|
}
|
|
108
108
|
:root {
|
|
109
109
|
--uiklu-background: 0 0% 100%;
|
|
110
110
|
--uiklu-foreground: 222.2 84% 4.9%;
|
|
111
111
|
--uiklu-primary: 175 77% 20%;
|
|
112
|
+
--uiklu-primary-900: 173 69% 14%;
|
|
113
|
+
--uiklu-primary-300: 179 39% 47%;
|
|
112
114
|
--uiklu-primary-foreground: 0 0% 100%;
|
|
113
115
|
--uiklu-secondary: 160 60% 40%;
|
|
114
116
|
--uiklu-secondary-foreground: 0 0% 100%;
|
|
@@ -126,6 +128,15 @@
|
|
|
126
128
|
--uiklu-destructive-foreground: 0 0% 100%;
|
|
127
129
|
--uiklu-border: 214.3 31.8% 91.4%;
|
|
128
130
|
--uiklu-inputtext: 210 1% 42%;
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
--uiklu-balance-slate-900: 220 3% 12%;
|
|
134
|
+
--uiklu-balance-slate-800: 210 2% 23%;
|
|
135
|
+
--uiklu-balance-slate-600: 210 1% 42%;
|
|
136
|
+
--uiklu-balance-cyan-bg: 180 43% 97%;
|
|
137
|
+
--uiklu-balance-cyan-border: 177 39% 87%;
|
|
138
|
+
--uiklu-balance-divider: 0 0% 92%;
|
|
139
|
+
--uiklu-balance-brand: 177 87% 27%;
|
|
129
140
|
}
|
|
130
141
|
button,
|
|
131
142
|
[role="button"] {
|
|
@@ -140,677 +151,934 @@ button,
|
|
|
140
151
|
-webkit-font-smoothing: antialiased;
|
|
141
152
|
-moz-osx-font-smoothing: grayscale;
|
|
142
153
|
}
|
|
154
|
+
.uiklu-fixed{
|
|
155
|
+
position: fixed;
|
|
156
|
+
}
|
|
143
157
|
.uiklu-absolute{
|
|
144
|
-
position: absolute;
|
|
158
|
+
position: absolute;
|
|
145
159
|
}
|
|
146
160
|
.uiklu-relative{
|
|
147
|
-
position: relative;
|
|
161
|
+
position: relative;
|
|
162
|
+
}
|
|
163
|
+
.uiklu-inset-0{
|
|
164
|
+
inset: 0px;
|
|
148
165
|
}
|
|
149
166
|
.uiklu-left-3{
|
|
150
|
-
left: 0.75rem;
|
|
167
|
+
left: 0.75rem;
|
|
168
|
+
}
|
|
169
|
+
.uiklu-left-\[50\%\]{
|
|
170
|
+
left: 50%;
|
|
151
171
|
}
|
|
152
172
|
.uiklu-right-6{
|
|
153
|
-
right: 1.5rem;
|
|
173
|
+
right: 1.5rem;
|
|
154
174
|
}
|
|
155
175
|
.uiklu-top-0{
|
|
156
|
-
top: 0px;
|
|
176
|
+
top: 0px;
|
|
177
|
+
}
|
|
178
|
+
.uiklu-top-\[50\%\]{
|
|
179
|
+
top: 50%;
|
|
157
180
|
}
|
|
158
181
|
.uiklu-z-10{
|
|
159
|
-
z-index: 10;
|
|
182
|
+
z-index: 10;
|
|
160
183
|
}
|
|
161
184
|
.uiklu-z-50{
|
|
162
|
-
z-index: 50;
|
|
185
|
+
z-index: 50;
|
|
163
186
|
}
|
|
164
187
|
.uiklu-m-0{
|
|
165
|
-
margin: 0px;
|
|
188
|
+
margin: 0px;
|
|
166
189
|
}
|
|
167
190
|
.uiklu-mb-2{
|
|
168
|
-
margin-bottom: 0.5rem;
|
|
191
|
+
margin-bottom: 0.5rem;
|
|
169
192
|
}
|
|
170
193
|
.uiklu-mb-3{
|
|
171
|
-
margin-bottom: 0.75rem;
|
|
194
|
+
margin-bottom: 0.75rem;
|
|
195
|
+
}
|
|
196
|
+
.uiklu-mb-8{
|
|
197
|
+
margin-bottom: 2rem;
|
|
198
|
+
}
|
|
199
|
+
.uiklu-ml-1{
|
|
200
|
+
margin-left: 0.25rem;
|
|
172
201
|
}
|
|
173
202
|
.uiklu-ml-2{
|
|
174
|
-
margin-left: 0.5rem;
|
|
203
|
+
margin-left: 0.5rem;
|
|
175
204
|
}
|
|
176
205
|
.uiklu-mt-1{
|
|
177
|
-
margin-top: 0.25rem;
|
|
206
|
+
margin-top: 0.25rem;
|
|
207
|
+
}
|
|
208
|
+
.uiklu-mt-3{
|
|
209
|
+
margin-top: 0.75rem;
|
|
210
|
+
}
|
|
211
|
+
.uiklu-mt-8{
|
|
212
|
+
margin-top: 2rem;
|
|
178
213
|
}
|
|
179
214
|
.uiklu-box-border{
|
|
180
|
-
box-sizing: border-box;
|
|
215
|
+
box-sizing: border-box;
|
|
181
216
|
}
|
|
182
217
|
.uiklu-block{
|
|
183
|
-
display: block;
|
|
218
|
+
display: block;
|
|
184
219
|
}
|
|
185
220
|
.uiklu-flex{
|
|
186
|
-
display: flex;
|
|
221
|
+
display: flex;
|
|
187
222
|
}
|
|
188
223
|
.uiklu-inline-flex{
|
|
189
|
-
display: inline-flex;
|
|
224
|
+
display: inline-flex;
|
|
225
|
+
}
|
|
226
|
+
.uiklu-grid{
|
|
227
|
+
display: grid;
|
|
228
|
+
}
|
|
229
|
+
.uiklu-h-12{
|
|
230
|
+
height: 3rem;
|
|
231
|
+
}
|
|
232
|
+
.uiklu-h-2{
|
|
233
|
+
height: 0.5rem;
|
|
190
234
|
}
|
|
191
235
|
.uiklu-h-3\.5{
|
|
192
|
-
height: 0.875rem;
|
|
236
|
+
height: 0.875rem;
|
|
193
237
|
}
|
|
194
238
|
.uiklu-h-4{
|
|
195
|
-
height: 1rem;
|
|
239
|
+
height: 1rem;
|
|
196
240
|
}
|
|
197
241
|
.uiklu-h-5{
|
|
198
|
-
height: 1.25rem;
|
|
242
|
+
height: 1.25rem;
|
|
199
243
|
}
|
|
200
244
|
.uiklu-h-6{
|
|
201
|
-
height: 1.5rem;
|
|
245
|
+
height: 1.5rem;
|
|
246
|
+
}
|
|
247
|
+
.uiklu-h-7{
|
|
248
|
+
height: 1.75rem;
|
|
249
|
+
}
|
|
250
|
+
.uiklu-h-8{
|
|
251
|
+
height: 2rem;
|
|
202
252
|
}
|
|
203
253
|
.uiklu-h-\[100px\]{
|
|
204
|
-
height: 100px;
|
|
254
|
+
height: 100px;
|
|
255
|
+
}
|
|
256
|
+
.uiklu-h-\[10px\]{
|
|
257
|
+
height: 10px;
|
|
258
|
+
}
|
|
259
|
+
.uiklu-h-\[1px\]{
|
|
260
|
+
height: 1px;
|
|
205
261
|
}
|
|
206
262
|
.uiklu-h-\[40px\]{
|
|
207
|
-
height: 40px;
|
|
263
|
+
height: 40px;
|
|
208
264
|
}
|
|
209
265
|
.uiklu-h-\[50px\]{
|
|
210
|
-
height: 50px;
|
|
266
|
+
height: 50px;
|
|
211
267
|
}
|
|
212
268
|
.uiklu-h-\[60px\]{
|
|
213
|
-
height: 60px;
|
|
269
|
+
height: 60px;
|
|
214
270
|
}
|
|
215
271
|
.uiklu-h-full{
|
|
216
|
-
height: 100%;
|
|
272
|
+
height: 100%;
|
|
217
273
|
}
|
|
218
274
|
.uiklu-max-h-96{
|
|
219
|
-
max-height: 24rem;
|
|
275
|
+
max-height: 24rem;
|
|
220
276
|
}
|
|
221
277
|
.uiklu-max-h-\[60px\]{
|
|
222
|
-
max-height: 60px;
|
|
278
|
+
max-height: 60px;
|
|
279
|
+
}
|
|
280
|
+
.uiklu-min-h-\[400px\]{
|
|
281
|
+
min-height: 400px;
|
|
223
282
|
}
|
|
224
283
|
.uiklu-min-h-\[500px\]{
|
|
225
|
-
min-height: 500px;
|
|
284
|
+
min-height: 500px;
|
|
226
285
|
}
|
|
227
286
|
.uiklu-min-h-screen{
|
|
228
|
-
min-height: 100vh;
|
|
287
|
+
min-height: 100vh;
|
|
229
288
|
}
|
|
230
289
|
.uiklu-w-3\.5{
|
|
231
|
-
width: 0.875rem;
|
|
290
|
+
width: 0.875rem;
|
|
232
291
|
}
|
|
233
292
|
.uiklu-w-4{
|
|
234
|
-
width: 1rem;
|
|
293
|
+
width: 1rem;
|
|
235
294
|
}
|
|
236
295
|
.uiklu-w-5{
|
|
237
|
-
width: 1.25rem;
|
|
296
|
+
width: 1.25rem;
|
|
238
297
|
}
|
|
239
298
|
.uiklu-w-6{
|
|
240
|
-
width: 1.5rem;
|
|
299
|
+
width: 1.5rem;
|
|
300
|
+
}
|
|
301
|
+
.uiklu-w-7{
|
|
302
|
+
width: 1.75rem;
|
|
303
|
+
}
|
|
304
|
+
.uiklu-w-8{
|
|
305
|
+
width: 2rem;
|
|
241
306
|
}
|
|
242
307
|
.uiklu-w-\[150px\]{
|
|
243
|
-
width: 150px;
|
|
308
|
+
width: 150px;
|
|
244
309
|
}
|
|
245
310
|
.uiklu-w-\[250px\]{
|
|
246
|
-
width: 250px;
|
|
311
|
+
width: 250px;
|
|
247
312
|
}
|
|
248
313
|
.uiklu-w-\[350px\]{
|
|
249
|
-
width: 350px;
|
|
314
|
+
width: 350px;
|
|
250
315
|
}
|
|
251
316
|
.uiklu-w-\[450px\]{
|
|
252
|
-
width: 450px;
|
|
317
|
+
width: 450px;
|
|
253
318
|
}
|
|
254
319
|
.uiklu-w-\[550px\]{
|
|
255
|
-
width: 550px;
|
|
320
|
+
width: 550px;
|
|
256
321
|
}
|
|
257
322
|
.uiklu-w-\[600px\]{
|
|
258
|
-
width: 600px;
|
|
323
|
+
width: 600px;
|
|
259
324
|
}
|
|
260
325
|
.uiklu-w-\[var\(--radix-select-trigger-width\)\]{
|
|
261
|
-
width: var(--radix-select-trigger-width);
|
|
326
|
+
width: var(--radix-select-trigger-width);
|
|
262
327
|
}
|
|
263
328
|
.uiklu-w-fit{
|
|
264
329
|
width: -moz-fit-content;
|
|
265
|
-
width: fit-content;
|
|
330
|
+
width: fit-content;
|
|
266
331
|
}
|
|
267
332
|
.uiklu-w-full{
|
|
268
|
-
width: 100%;
|
|
333
|
+
width: 100%;
|
|
269
334
|
}
|
|
270
335
|
.uiklu-min-w-\[150px\]{
|
|
271
|
-
min-width: 150px;
|
|
336
|
+
min-width: 150px;
|
|
337
|
+
}
|
|
338
|
+
.uiklu-min-w-\[180px\]{
|
|
339
|
+
min-width: 180px;
|
|
272
340
|
}
|
|
273
341
|
.uiklu-min-w-\[250px\]{
|
|
274
|
-
min-width: 250px;
|
|
342
|
+
min-width: 250px;
|
|
275
343
|
}
|
|
276
344
|
.uiklu-min-w-\[350px\]{
|
|
277
|
-
min-width: 350px;
|
|
345
|
+
min-width: 350px;
|
|
278
346
|
}
|
|
279
347
|
.uiklu-min-w-\[var\(--radix-select-trigger-width\)\]{
|
|
280
|
-
min-width: var(--radix-select-trigger-width);
|
|
348
|
+
min-width: var(--radix-select-trigger-width);
|
|
349
|
+
}
|
|
350
|
+
.uiklu-max-w-\[1000px\]{
|
|
351
|
+
max-width: 1000px;
|
|
281
352
|
}
|
|
282
353
|
.uiklu-max-w-\[450px\]{
|
|
283
|
-
max-width: 450px;
|
|
354
|
+
max-width: 450px;
|
|
284
355
|
}
|
|
285
356
|
.uiklu-max-w-\[600px\]{
|
|
286
|
-
max-width: 600px;
|
|
357
|
+
max-width: 600px;
|
|
358
|
+
}
|
|
359
|
+
.uiklu-max-w-lg{
|
|
360
|
+
max-width: 32rem;
|
|
361
|
+
}
|
|
362
|
+
.uiklu-flex-1{
|
|
363
|
+
flex: 1 1 0%;
|
|
287
364
|
}
|
|
288
365
|
.uiklu-flex-shrink-0{
|
|
289
|
-
flex-shrink: 0;
|
|
366
|
+
flex-shrink: 0;
|
|
290
367
|
}
|
|
291
368
|
.uiklu-shrink-0{
|
|
292
|
-
flex-shrink: 0;
|
|
369
|
+
flex-shrink: 0;
|
|
370
|
+
}
|
|
371
|
+
.uiklu-translate-x-\[-50\%\]{
|
|
372
|
+
--tw-translate-x: -50%;
|
|
373
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
293
374
|
}
|
|
294
375
|
.uiklu-translate-y-1{
|
|
295
376
|
--tw-translate-y: 0.25rem;
|
|
296
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
377
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
378
|
+
}
|
|
379
|
+
.uiklu-translate-y-\[-50\%\]{
|
|
380
|
+
--tw-translate-y: -50%;
|
|
381
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
297
382
|
}
|
|
298
383
|
.uiklu-cursor-pointer{
|
|
299
|
-
cursor: pointer;
|
|
384
|
+
cursor: pointer;
|
|
300
385
|
}
|
|
301
386
|
.uiklu-select-none{
|
|
302
387
|
-webkit-user-select: none;
|
|
303
388
|
-moz-user-select: none;
|
|
304
|
-
user-select: none;
|
|
389
|
+
user-select: none;
|
|
305
390
|
}
|
|
306
391
|
.uiklu-appearance-none{
|
|
307
392
|
-webkit-appearance: none;
|
|
308
393
|
-moz-appearance: none;
|
|
309
|
-
appearance: none;
|
|
394
|
+
appearance: none;
|
|
395
|
+
}
|
|
396
|
+
.uiklu-grid-cols-2{
|
|
397
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
398
|
+
}
|
|
399
|
+
.uiklu-flex-row{
|
|
400
|
+
flex-direction: row;
|
|
310
401
|
}
|
|
311
402
|
.uiklu-flex-row-reverse{
|
|
312
|
-
flex-direction: row-reverse;
|
|
403
|
+
flex-direction: row-reverse;
|
|
313
404
|
}
|
|
314
405
|
.uiklu-flex-col{
|
|
315
|
-
flex-direction: column;
|
|
406
|
+
flex-direction: column;
|
|
407
|
+
}
|
|
408
|
+
.uiklu-flex-col-reverse{
|
|
409
|
+
flex-direction: column-reverse;
|
|
316
410
|
}
|
|
317
411
|
.uiklu-flex-wrap{
|
|
318
|
-
flex-wrap: wrap;
|
|
412
|
+
flex-wrap: wrap;
|
|
319
413
|
}
|
|
320
414
|
.uiklu-items-start{
|
|
321
|
-
align-items: flex-start;
|
|
415
|
+
align-items: flex-start;
|
|
322
416
|
}
|
|
323
417
|
.uiklu-items-center{
|
|
324
|
-
align-items: center;
|
|
418
|
+
align-items: center;
|
|
325
419
|
}
|
|
326
420
|
.uiklu-justify-center{
|
|
327
|
-
justify-content: center;
|
|
421
|
+
justify-content: center;
|
|
328
422
|
}
|
|
329
423
|
.uiklu-justify-between{
|
|
330
|
-
justify-content: space-between;
|
|
424
|
+
justify-content: space-between;
|
|
331
425
|
}
|
|
332
426
|
.uiklu-gap-1{
|
|
333
|
-
gap: 0.25rem;
|
|
427
|
+
gap: 0.25rem;
|
|
334
428
|
}
|
|
335
429
|
.uiklu-gap-1\.5{
|
|
336
|
-
gap: 0.375rem;
|
|
430
|
+
gap: 0.375rem;
|
|
337
431
|
}
|
|
338
432
|
.uiklu-gap-10{
|
|
339
|
-
gap: 2.5rem;
|
|
433
|
+
gap: 2.5rem;
|
|
340
434
|
}
|
|
341
435
|
.uiklu-gap-2{
|
|
342
|
-
gap: 0.5rem;
|
|
436
|
+
gap: 0.5rem;
|
|
343
437
|
}
|
|
344
438
|
.uiklu-gap-2\.5{
|
|
345
|
-
gap: 0.625rem;
|
|
439
|
+
gap: 0.625rem;
|
|
346
440
|
}
|
|
347
441
|
.uiklu-gap-3{
|
|
348
|
-
gap: 0.75rem;
|
|
442
|
+
gap: 0.75rem;
|
|
349
443
|
}
|
|
350
444
|
.uiklu-gap-4{
|
|
351
|
-
gap: 1rem;
|
|
445
|
+
gap: 1rem;
|
|
352
446
|
}
|
|
353
447
|
.uiklu-gap-6{
|
|
354
|
-
gap: 1.5rem;
|
|
448
|
+
gap: 1.5rem;
|
|
355
449
|
}
|
|
356
450
|
.uiklu-gap-8{
|
|
357
|
-
gap: 2rem;
|
|
451
|
+
gap: 2rem;
|
|
452
|
+
}
|
|
453
|
+
.uiklu-gap-x-2{
|
|
454
|
+
-moz-column-gap: 0.5rem;
|
|
455
|
+
column-gap: 0.5rem;
|
|
456
|
+
}
|
|
457
|
+
.uiklu-gap-y-1{
|
|
458
|
+
row-gap: 0.25rem;
|
|
459
|
+
}
|
|
460
|
+
.uiklu-gap-y-2{
|
|
461
|
+
row-gap: 0.5rem;
|
|
462
|
+
}
|
|
463
|
+
.uiklu-space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
|
|
464
|
+
--tw-space-y-reverse: 0;
|
|
465
|
+
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
|
|
466
|
+
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
|
|
467
|
+
}
|
|
468
|
+
.uiklu-space-y-2 > :not([hidden]) ~ :not([hidden]){
|
|
469
|
+
--tw-space-y-reverse: 0;
|
|
470
|
+
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
471
|
+
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
472
|
+
}
|
|
473
|
+
.uiklu-space-y-3 > :not([hidden]) ~ :not([hidden]){
|
|
474
|
+
--tw-space-y-reverse: 0;
|
|
475
|
+
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
476
|
+
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
477
|
+
}
|
|
478
|
+
.uiklu-space-y-4 > :not([hidden]) ~ :not([hidden]){
|
|
479
|
+
--tw-space-y-reverse: 0;
|
|
480
|
+
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
481
|
+
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
482
|
+
}
|
|
483
|
+
.uiklu-space-y-6 > :not([hidden]) ~ :not([hidden]){
|
|
484
|
+
--tw-space-y-reverse: 0;
|
|
485
|
+
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
486
|
+
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
|
358
487
|
}
|
|
359
488
|
.uiklu-overflow-hidden{
|
|
360
|
-
overflow: hidden;
|
|
489
|
+
overflow: hidden;
|
|
361
490
|
}
|
|
362
491
|
.uiklu-truncate{
|
|
363
492
|
overflow: hidden;
|
|
364
493
|
text-overflow: ellipsis;
|
|
365
|
-
white-space: nowrap;
|
|
494
|
+
white-space: nowrap;
|
|
366
495
|
}
|
|
367
496
|
.uiklu-text-ellipsis{
|
|
368
|
-
text-overflow: ellipsis;
|
|
497
|
+
text-overflow: ellipsis;
|
|
369
498
|
}
|
|
370
499
|
.uiklu-rounded{
|
|
371
|
-
border-radius: 0.25rem;
|
|
500
|
+
border-radius: 0.25rem;
|
|
372
501
|
}
|
|
373
502
|
.uiklu-rounded-2xl{
|
|
374
|
-
border-radius: 1rem;
|
|
503
|
+
border-radius: 1rem;
|
|
504
|
+
}
|
|
505
|
+
.uiklu-rounded-\[12px\]{
|
|
506
|
+
border-radius: 12px;
|
|
375
507
|
}
|
|
376
508
|
.uiklu-rounded-\[20px\]{
|
|
377
|
-
border-radius: 20px;
|
|
509
|
+
border-radius: 20px;
|
|
510
|
+
}
|
|
511
|
+
.uiklu-rounded-\[24px\]{
|
|
512
|
+
border-radius: 24px;
|
|
378
513
|
}
|
|
379
514
|
.uiklu-rounded-\[48px\]{
|
|
380
|
-
border-radius: 48px;
|
|
515
|
+
border-radius: 48px;
|
|
381
516
|
}
|
|
382
517
|
.uiklu-rounded-\[50px\]{
|
|
383
|
-
border-radius: 50px;
|
|
518
|
+
border-radius: 50px;
|
|
384
519
|
}
|
|
385
520
|
.uiklu-rounded-full{
|
|
386
|
-
border-radius: 9999px;
|
|
521
|
+
border-radius: 9999px;
|
|
387
522
|
}
|
|
388
523
|
.uiklu-rounded-lg{
|
|
389
|
-
border-radius: 0.5rem;
|
|
524
|
+
border-radius: 0.5rem;
|
|
525
|
+
}
|
|
526
|
+
.uiklu-rounded-md{
|
|
527
|
+
border-radius: 0.375rem;
|
|
390
528
|
}
|
|
391
529
|
.uiklu-rounded-none{
|
|
392
|
-
border-radius: 0px;
|
|
530
|
+
border-radius: 0px;
|
|
393
531
|
}
|
|
394
532
|
.uiklu-rounded-xl{
|
|
395
|
-
border-radius: 0.75rem;
|
|
533
|
+
border-radius: 0.75rem;
|
|
396
534
|
}
|
|
397
535
|
.uiklu-border{
|
|
398
|
-
border-width: 1px;
|
|
536
|
+
border-width: 1px;
|
|
399
537
|
}
|
|
400
538
|
.uiklu-border-2{
|
|
401
|
-
border-width: 2px;
|
|
539
|
+
border-width: 2px;
|
|
402
540
|
}
|
|
403
541
|
.uiklu-border-\[1px\]{
|
|
404
|
-
border-width: 1px;
|
|
542
|
+
border-width: 1px;
|
|
543
|
+
}
|
|
544
|
+
.uiklu-border-r{
|
|
545
|
+
border-right-width: 1px;
|
|
405
546
|
}
|
|
406
547
|
.uiklu-border-solid{
|
|
407
|
-
border-style: solid;
|
|
548
|
+
border-style: solid;
|
|
408
549
|
}
|
|
409
550
|
.uiklu-border-dashed{
|
|
410
|
-
border-style: dashed;
|
|
551
|
+
border-style: dashed;
|
|
411
552
|
}
|
|
412
553
|
.uiklu-border-none{
|
|
413
|
-
border-style: none;
|
|
554
|
+
border-style: none;
|
|
555
|
+
}
|
|
556
|
+
.uiklu-border-balance-cyan-border{
|
|
557
|
+
--tw-border-opacity: 1;
|
|
558
|
+
border-color: hsl(var(--uiklu-balance-cyan-border) / var(--tw-border-opacity, 1));
|
|
559
|
+
}
|
|
560
|
+
.uiklu-border-balance-divider{
|
|
561
|
+
--tw-border-opacity: 1;
|
|
562
|
+
border-color: hsl(var(--uiklu-balance-divider) / var(--tw-border-opacity, 1));
|
|
414
563
|
}
|
|
415
564
|
.uiklu-border-basewhite{
|
|
416
565
|
--tw-border-opacity: 1;
|
|
417
|
-
border-color: hsl(var(--uiklu-basewhite) / var(--tw-border-opacity, 1));
|
|
566
|
+
border-color: hsl(var(--uiklu-basewhite) / var(--tw-border-opacity, 1));
|
|
418
567
|
}
|
|
419
568
|
.uiklu-border-border{
|
|
420
569
|
--tw-border-opacity: 1;
|
|
421
|
-
border-color: hsl(var(--uiklu-border) / var(--tw-border-opacity, 1));
|
|
570
|
+
border-color: hsl(var(--uiklu-border) / var(--tw-border-opacity, 1));
|
|
422
571
|
}
|
|
423
572
|
.uiklu-border-destructive{
|
|
424
573
|
--tw-border-opacity: 1;
|
|
425
|
-
border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
|
|
574
|
+
border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
|
|
426
575
|
}
|
|
427
576
|
.uiklu-border-gray-200{
|
|
428
577
|
--tw-border-opacity: 1;
|
|
429
|
-
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
|
|
578
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
|
|
430
579
|
}
|
|
431
580
|
.uiklu-border-gray-300{
|
|
432
581
|
--tw-border-opacity: 1;
|
|
433
|
-
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
|
|
582
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
|
|
434
583
|
}
|
|
435
584
|
.uiklu-border-outlinesecondary{
|
|
436
585
|
--tw-border-opacity: 1;
|
|
437
|
-
border-color: hsl(var(--uiklu-outlinesecondary) / var(--tw-border-opacity, 1));
|
|
586
|
+
border-color: hsl(var(--uiklu-outlinesecondary) / var(--tw-border-opacity, 1));
|
|
438
587
|
}
|
|
439
588
|
.uiklu-border-primary{
|
|
440
589
|
--tw-border-opacity: 1;
|
|
441
|
-
border-color: hsl(var(--uiklu-primary) / var(--tw-border-opacity, 1));
|
|
590
|
+
border-color: hsl(var(--uiklu-primary) / var(--tw-border-opacity, 1));
|
|
442
591
|
}
|
|
443
592
|
.uiklu-border-transparent{
|
|
444
|
-
border-color: transparent;
|
|
593
|
+
border-color: transparent;
|
|
445
594
|
}
|
|
446
595
|
.uiklu-border-white{
|
|
447
596
|
--tw-border-opacity: 1;
|
|
448
|
-
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
|
|
597
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
|
|
449
598
|
}
|
|
450
599
|
.uiklu-bg-\[\#050a0a\]{
|
|
451
600
|
--tw-bg-opacity: 1;
|
|
452
|
-
background-color: rgb(5 10 10 / var(--tw-bg-opacity, 1));
|
|
601
|
+
background-color: rgb(5 10 10 / var(--tw-bg-opacity, 1));
|
|
602
|
+
}
|
|
603
|
+
.uiklu-bg-\[\#E5F3F3\]{
|
|
604
|
+
--tw-bg-opacity: 1;
|
|
605
|
+
background-color: rgb(229 243 243 / var(--tw-bg-opacity, 1));
|
|
453
606
|
}
|
|
454
607
|
.uiklu-bg-background{
|
|
455
608
|
--tw-bg-opacity: 1;
|
|
456
|
-
background-color: hsl(var(--uiklu-background) / var(--tw-bg-opacity, 1));
|
|
609
|
+
background-color: hsl(var(--uiklu-background) / var(--tw-bg-opacity, 1));
|
|
610
|
+
}
|
|
611
|
+
.uiklu-bg-balance-brand{
|
|
612
|
+
--tw-bg-opacity: 1;
|
|
613
|
+
background-color: hsl(var(--uiklu-balance-brand) / var(--tw-bg-opacity, 1));
|
|
614
|
+
}
|
|
615
|
+
.uiklu-bg-balance-cyan-bg{
|
|
616
|
+
--tw-bg-opacity: 1;
|
|
617
|
+
background-color: hsl(var(--uiklu-balance-cyan-bg) / var(--tw-bg-opacity, 1));
|
|
618
|
+
}
|
|
619
|
+
.uiklu-bg-balance-divider{
|
|
620
|
+
--tw-bg-opacity: 1;
|
|
621
|
+
background-color: hsl(var(--uiklu-balance-divider) / var(--tw-bg-opacity, 1));
|
|
622
|
+
}
|
|
623
|
+
.uiklu-bg-basewhite{
|
|
624
|
+
--tw-bg-opacity: 1;
|
|
625
|
+
background-color: hsl(var(--uiklu-basewhite) / var(--tw-bg-opacity, 1));
|
|
457
626
|
}
|
|
458
627
|
.uiklu-bg-black{
|
|
459
628
|
--tw-bg-opacity: 1;
|
|
460
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
629
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
630
|
+
}
|
|
631
|
+
.uiklu-bg-black\/40{
|
|
632
|
+
background-color: rgb(0 0 0 / 0.4);
|
|
461
633
|
}
|
|
462
634
|
.uiklu-bg-destructive{
|
|
463
635
|
--tw-bg-opacity: 1;
|
|
464
|
-
background-color: hsl(var(--uiklu-destructive) / var(--tw-bg-opacity, 1));
|
|
636
|
+
background-color: hsl(var(--uiklu-destructive) / var(--tw-bg-opacity, 1));
|
|
465
637
|
}
|
|
466
638
|
.uiklu-bg-gray-200{
|
|
467
639
|
--tw-bg-opacity: 1;
|
|
468
|
-
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
640
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
469
641
|
}
|
|
470
642
|
.uiklu-bg-green-100{
|
|
471
643
|
--tw-bg-opacity: 1;
|
|
472
|
-
background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
|
|
644
|
+
background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
|
|
473
645
|
}
|
|
474
646
|
.uiklu-bg-primary{
|
|
475
647
|
--tw-bg-opacity: 1;
|
|
476
|
-
background-color: hsl(var(--uiklu-primary) / var(--tw-bg-opacity, 1));
|
|
648
|
+
background-color: hsl(var(--uiklu-primary) / var(--tw-bg-opacity, 1));
|
|
649
|
+
}
|
|
650
|
+
.uiklu-bg-primary300{
|
|
651
|
+
--tw-bg-opacity: 1;
|
|
652
|
+
background-color: hsl(var(--uiklu-primary-300) / var(--tw-bg-opacity, 1));
|
|
477
653
|
}
|
|
478
654
|
.uiklu-bg-slate-50{
|
|
479
655
|
--tw-bg-opacity: 1;
|
|
480
|
-
background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
|
|
656
|
+
background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
|
|
481
657
|
}
|
|
482
658
|
.uiklu-bg-slate-900{
|
|
483
659
|
--tw-bg-opacity: 1;
|
|
484
|
-
background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
|
|
660
|
+
background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
|
|
485
661
|
}
|
|
486
662
|
.uiklu-bg-transparent{
|
|
487
|
-
background-color: transparent;
|
|
663
|
+
background-color: transparent;
|
|
488
664
|
}
|
|
489
665
|
.uiklu-bg-white{
|
|
490
666
|
--tw-bg-opacity: 1;
|
|
491
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
667
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
492
668
|
}
|
|
493
669
|
.uiklu-bg-gradient-to-r{
|
|
494
|
-
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
670
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
495
671
|
}
|
|
496
672
|
.uiklu-from-\[\#FBA022\]{
|
|
497
673
|
--tw-gradient-from: #FBA022 var(--tw-gradient-from-position);
|
|
498
674
|
--tw-gradient-to: rgb(251 160 34 / 0) var(--tw-gradient-to-position);
|
|
499
|
-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
675
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
500
676
|
}
|
|
501
677
|
.uiklu-to-\[\#157C70\]{
|
|
502
|
-
--tw-gradient-to: #157C70 var(--tw-gradient-to-position);
|
|
678
|
+
--tw-gradient-to: #157C70 var(--tw-gradient-to-position);
|
|
503
679
|
}
|
|
504
680
|
.uiklu-bg-origin-border{
|
|
505
|
-
background-origin: border-box;
|
|
681
|
+
background-origin: border-box;
|
|
506
682
|
}
|
|
507
683
|
.uiklu-fill-destructive{
|
|
508
|
-
fill: hsl(var(--uiklu-destructive) / 1);
|
|
684
|
+
fill: hsl(var(--uiklu-destructive) / 1);
|
|
509
685
|
}
|
|
510
686
|
.uiklu-fill-inputtext{
|
|
511
|
-
fill: hsl(var(--uiklu-inputtext));
|
|
687
|
+
fill: hsl(var(--uiklu-inputtext));
|
|
512
688
|
}
|
|
513
689
|
.uiklu-stroke-destructive{
|
|
514
|
-
stroke: hsl(var(--uiklu-destructive) / 1);
|
|
690
|
+
stroke: hsl(var(--uiklu-destructive) / 1);
|
|
515
691
|
}
|
|
516
692
|
.uiklu-stroke-inputtext{
|
|
517
|
-
stroke: hsl(var(--uiklu-inputtext));
|
|
693
|
+
stroke: hsl(var(--uiklu-inputtext));
|
|
518
694
|
}
|
|
519
695
|
.uiklu-p-0{
|
|
520
|
-
padding: 0px;
|
|
696
|
+
padding: 0px;
|
|
521
697
|
}
|
|
522
698
|
.uiklu-p-1{
|
|
523
|
-
padding: 0.25rem;
|
|
699
|
+
padding: 0.25rem;
|
|
524
700
|
}
|
|
525
701
|
.uiklu-p-10{
|
|
526
|
-
padding: 2.5rem;
|
|
702
|
+
padding: 2.5rem;
|
|
527
703
|
}
|
|
528
704
|
.uiklu-p-20{
|
|
529
|
-
padding: 5rem;
|
|
705
|
+
padding: 5rem;
|
|
530
706
|
}
|
|
531
707
|
.uiklu-p-4{
|
|
532
|
-
padding: 1rem;
|
|
708
|
+
padding: 1rem;
|
|
533
709
|
}
|
|
534
710
|
.uiklu-p-6{
|
|
535
|
-
padding: 1.5rem;
|
|
711
|
+
padding: 1.5rem;
|
|
536
712
|
}
|
|
537
713
|
.uiklu-p-8{
|
|
538
|
-
padding: 2rem;
|
|
714
|
+
padding: 2rem;
|
|
539
715
|
}
|
|
540
716
|
.uiklu-px-2{
|
|
541
717
|
padding-left: 0.5rem;
|
|
542
|
-
padding-right: 0.5rem;
|
|
718
|
+
padding-right: 0.5rem;
|
|
543
719
|
}
|
|
544
720
|
.uiklu-px-3{
|
|
545
721
|
padding-left: 0.75rem;
|
|
546
|
-
padding-right: 0.75rem;
|
|
722
|
+
padding-right: 0.75rem;
|
|
547
723
|
}
|
|
548
724
|
.uiklu-px-4{
|
|
549
725
|
padding-left: 1rem;
|
|
550
|
-
padding-right: 1rem;
|
|
726
|
+
padding-right: 1rem;
|
|
551
727
|
}
|
|
552
728
|
.uiklu-px-5{
|
|
553
729
|
padding-left: 1.25rem;
|
|
554
|
-
padding-right: 1.25rem;
|
|
730
|
+
padding-right: 1.25rem;
|
|
555
731
|
}
|
|
556
732
|
.uiklu-px-6{
|
|
557
733
|
padding-left: 1.5rem;
|
|
558
|
-
padding-right: 1.5rem;
|
|
734
|
+
padding-right: 1.5rem;
|
|
559
735
|
}
|
|
560
736
|
.uiklu-px-\[32px\]{
|
|
561
737
|
padding-left: 32px;
|
|
562
|
-
padding-right: 32px;
|
|
738
|
+
padding-right: 32px;
|
|
563
739
|
}
|
|
564
740
|
.uiklu-px-\[40px\]{
|
|
565
741
|
padding-left: 40px;
|
|
566
|
-
padding-right: 40px;
|
|
742
|
+
padding-right: 40px;
|
|
567
743
|
}
|
|
568
744
|
.uiklu-px-\[48px\]{
|
|
569
745
|
padding-left: 48px;
|
|
570
|
-
padding-right: 48px;
|
|
746
|
+
padding-right: 48px;
|
|
571
747
|
}
|
|
572
748
|
.uiklu-py-1{
|
|
573
749
|
padding-top: 0.25rem;
|
|
574
|
-
padding-bottom: 0.25rem;
|
|
750
|
+
padding-bottom: 0.25rem;
|
|
751
|
+
}
|
|
752
|
+
.uiklu-py-2{
|
|
753
|
+
padding-top: 0.5rem;
|
|
754
|
+
padding-bottom: 0.5rem;
|
|
575
755
|
}
|
|
576
756
|
.uiklu-py-2\.5{
|
|
577
757
|
padding-top: 0.625rem;
|
|
578
|
-
padding-bottom: 0.625rem;
|
|
758
|
+
padding-bottom: 0.625rem;
|
|
579
759
|
}
|
|
580
760
|
.uiklu-pl-10{
|
|
581
|
-
padding-left: 2.5rem;
|
|
761
|
+
padding-left: 2.5rem;
|
|
762
|
+
}
|
|
763
|
+
.uiklu-pl-4{
|
|
764
|
+
padding-left: 1rem;
|
|
582
765
|
}
|
|
583
766
|
.uiklu-pr-14{
|
|
584
|
-
padding-right: 3.5rem;
|
|
767
|
+
padding-right: 3.5rem;
|
|
585
768
|
}
|
|
586
769
|
.uiklu-pr-4{
|
|
587
|
-
padding-right: 1rem;
|
|
770
|
+
padding-right: 1rem;
|
|
588
771
|
}
|
|
589
772
|
.uiklu-text-left{
|
|
590
|
-
text-align: left;
|
|
773
|
+
text-align: left;
|
|
591
774
|
}
|
|
592
775
|
.uiklu-text-center{
|
|
593
|
-
text-align: center;
|
|
776
|
+
text-align: center;
|
|
594
777
|
}
|
|
595
778
|
.uiklu-text-right{
|
|
596
|
-
text-align: right;
|
|
779
|
+
text-align: right;
|
|
597
780
|
}
|
|
598
781
|
.uiklu-text-justify{
|
|
599
|
-
text-align: justify;
|
|
782
|
+
text-align: justify;
|
|
600
783
|
}
|
|
601
784
|
.uiklu-font-mono{
|
|
602
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
785
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
603
786
|
}
|
|
604
787
|
.uiklu-font-sans{
|
|
605
|
-
font-family: 'Google Sans Flex', sans-serif;
|
|
788
|
+
font-family: 'Google Sans Flex', sans-serif;
|
|
606
789
|
}
|
|
607
790
|
.uiklu-text-\[10px\]{
|
|
608
|
-
font-size: 10px;
|
|
791
|
+
font-size: 10px;
|
|
609
792
|
}
|
|
610
793
|
.uiklu-text-\[11px\]{
|
|
611
|
-
font-size: 11px;
|
|
794
|
+
font-size: 11px;
|
|
612
795
|
}
|
|
613
796
|
.uiklu-text-\[12px\]{
|
|
614
|
-
font-size: 12px;
|
|
797
|
+
font-size: 12px;
|
|
615
798
|
}
|
|
616
799
|
.uiklu-text-\[14px\]{
|
|
617
|
-
font-size: 14px;
|
|
800
|
+
font-size: 14px;
|
|
618
801
|
}
|
|
619
802
|
.uiklu-text-\[16px\]{
|
|
620
|
-
font-size: 16px;
|
|
803
|
+
font-size: 16px;
|
|
621
804
|
}
|
|
622
805
|
.uiklu-text-\[18px\]{
|
|
623
|
-
font-size: 18px;
|
|
806
|
+
font-size: 18px;
|
|
624
807
|
}
|
|
625
808
|
.uiklu-text-\[20px\]{
|
|
626
|
-
font-size: 20px;
|
|
809
|
+
font-size: 20px;
|
|
627
810
|
}
|
|
628
811
|
.uiklu-text-\[24px\]{
|
|
629
|
-
font-size: 24px;
|
|
812
|
+
font-size: 24px;
|
|
630
813
|
}
|
|
631
814
|
.uiklu-text-\[32px\]{
|
|
632
|
-
font-size: 32px;
|
|
815
|
+
font-size: 32px;
|
|
633
816
|
}
|
|
634
817
|
.uiklu-text-base{
|
|
635
818
|
font-size: 1rem;
|
|
636
|
-
line-height: 1.5rem;
|
|
819
|
+
line-height: 1.5rem;
|
|
637
820
|
}
|
|
638
821
|
.uiklu-text-lg{
|
|
639
822
|
font-size: 18px;
|
|
640
|
-
line-height: 16px;
|
|
823
|
+
line-height: 16px;
|
|
641
824
|
}
|
|
642
825
|
.uiklu-text-md{
|
|
643
826
|
font-size: 16px;
|
|
644
|
-
line-height: 12px;
|
|
827
|
+
line-height: 12px;
|
|
645
828
|
}
|
|
646
829
|
.uiklu-text-sm{
|
|
647
830
|
font-size: 14px;
|
|
648
|
-
line-height: 10px;
|
|
831
|
+
line-height: 10px;
|
|
649
832
|
}
|
|
650
833
|
.uiklu-text-xs{
|
|
651
834
|
font-size: 0.75rem;
|
|
652
|
-
line-height: 1rem;
|
|
835
|
+
line-height: 1rem;
|
|
653
836
|
}
|
|
654
837
|
.uiklu-font-bold{
|
|
655
|
-
font-weight: 700;
|
|
838
|
+
font-weight: 700;
|
|
656
839
|
}
|
|
657
840
|
.uiklu-font-medium{
|
|
658
|
-
font-weight: 500;
|
|
841
|
+
font-weight: 500;
|
|
842
|
+
}
|
|
843
|
+
.uiklu-font-normal{
|
|
844
|
+
font-weight: 400;
|
|
659
845
|
}
|
|
660
846
|
.uiklu-font-semibold{
|
|
661
|
-
font-weight: 600;
|
|
847
|
+
font-weight: 600;
|
|
662
848
|
}
|
|
663
849
|
.uiklu-uppercase{
|
|
664
|
-
text-transform: uppercase;
|
|
850
|
+
text-transform: uppercase;
|
|
851
|
+
}
|
|
852
|
+
.uiklu-leading-6{
|
|
853
|
+
line-height: 1.5rem;
|
|
854
|
+
}
|
|
855
|
+
.uiklu-leading-\[14px\]{
|
|
856
|
+
line-height: 14px;
|
|
857
|
+
}
|
|
858
|
+
.uiklu-leading-\[22px\]{
|
|
859
|
+
line-height: 22px;
|
|
665
860
|
}
|
|
666
861
|
.uiklu-leading-none{
|
|
667
|
-
line-height: 1;
|
|
862
|
+
line-height: 1;
|
|
668
863
|
}
|
|
669
864
|
.uiklu-leading-normal{
|
|
670
|
-
line-height: 1.5;
|
|
865
|
+
line-height: 1.5;
|
|
866
|
+
}
|
|
867
|
+
.uiklu-leading-relaxed{
|
|
868
|
+
line-height: 1.625;
|
|
671
869
|
}
|
|
672
870
|
.uiklu-leading-snug{
|
|
673
|
-
line-height: 1.375;
|
|
871
|
+
line-height: 1.375;
|
|
674
872
|
}
|
|
675
873
|
.uiklu-leading-tight{
|
|
676
|
-
line-height: 1.25;
|
|
874
|
+
line-height: 1.25;
|
|
875
|
+
}
|
|
876
|
+
.uiklu-tracking-tight{
|
|
877
|
+
letter-spacing: -0.025em;
|
|
677
878
|
}
|
|
678
879
|
.uiklu-tracking-wider{
|
|
679
|
-
letter-spacing: 0.05em;
|
|
880
|
+
letter-spacing: 0.05em;
|
|
881
|
+
}
|
|
882
|
+
.uiklu-text-balance-slate-600{
|
|
883
|
+
--tw-text-opacity: 1;
|
|
884
|
+
color: hsl(var(--uiklu-balance-slate-600) / var(--tw-text-opacity, 1));
|
|
885
|
+
}
|
|
886
|
+
.uiklu-text-balance-slate-800{
|
|
887
|
+
--tw-text-opacity: 1;
|
|
888
|
+
color: hsl(var(--uiklu-balance-slate-800) / var(--tw-text-opacity, 1));
|
|
889
|
+
}
|
|
890
|
+
.uiklu-text-balance-slate-900{
|
|
891
|
+
--tw-text-opacity: 1;
|
|
892
|
+
color: hsl(var(--uiklu-balance-slate-900) / var(--tw-text-opacity, 1));
|
|
680
893
|
}
|
|
681
894
|
.uiklu-text-basewhite{
|
|
682
895
|
--tw-text-opacity: 1;
|
|
683
|
-
color: hsl(var(--uiklu-basewhite) / var(--tw-text-opacity, 1));
|
|
896
|
+
color: hsl(var(--uiklu-basewhite) / var(--tw-text-opacity, 1));
|
|
684
897
|
}
|
|
685
898
|
.uiklu-text-black{
|
|
686
899
|
--tw-text-opacity: 1;
|
|
687
|
-
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
900
|
+
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
688
901
|
}
|
|
689
902
|
.uiklu-text-destructive{
|
|
690
903
|
--tw-text-opacity: 1;
|
|
691
|
-
color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1));
|
|
904
|
+
color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1));
|
|
692
905
|
}
|
|
693
906
|
.uiklu-text-gray-400{
|
|
694
907
|
--tw-text-opacity: 1;
|
|
695
|
-
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
908
|
+
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
696
909
|
}
|
|
697
910
|
.uiklu-text-gray-500{
|
|
698
911
|
--tw-text-opacity: 1;
|
|
699
|
-
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
912
|
+
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
700
913
|
}
|
|
701
914
|
.uiklu-text-gray-600{
|
|
702
915
|
--tw-text-opacity: 1;
|
|
703
|
-
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
|
|
916
|
+
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
|
|
704
917
|
}
|
|
705
918
|
.uiklu-text-green-700{
|
|
706
919
|
--tw-text-opacity: 1;
|
|
707
|
-
color: rgb(21 128 61 / var(--tw-text-opacity, 1));
|
|
920
|
+
color: rgb(21 128 61 / var(--tw-text-opacity, 1));
|
|
708
921
|
}
|
|
709
922
|
.uiklu-text-inputtext{
|
|
710
|
-
color: hsl(var(--uiklu-inputtext));
|
|
923
|
+
color: hsl(var(--uiklu-inputtext));
|
|
711
924
|
}
|
|
712
925
|
.uiklu-text-orange{
|
|
713
926
|
--tw-text-opacity: 1;
|
|
714
|
-
color: hsl(var(--uiklu-orange) / var(--tw-text-opacity, 1));
|
|
927
|
+
color: hsl(var(--uiklu-orange) / var(--tw-text-opacity, 1));
|
|
715
928
|
}
|
|
716
929
|
.uiklu-text-outlinesecondary{
|
|
717
930
|
--tw-text-opacity: 1;
|
|
718
|
-
color: hsl(var(--uiklu-outlinesecondary) / var(--tw-text-opacity, 1));
|
|
931
|
+
color: hsl(var(--uiklu-outlinesecondary) / var(--tw-text-opacity, 1));
|
|
719
932
|
}
|
|
720
933
|
.uiklu-text-primary{
|
|
721
934
|
--tw-text-opacity: 1;
|
|
722
|
-
color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
|
|
935
|
+
color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
|
|
723
936
|
}
|
|
724
937
|
.uiklu-text-primary-foreground{
|
|
725
938
|
--tw-text-opacity: 1;
|
|
726
|
-
color: hsl(var(--uiklu-primary-foreground) / var(--tw-text-opacity, 1));
|
|
939
|
+
color: hsl(var(--uiklu-primary-foreground) / var(--tw-text-opacity, 1));
|
|
940
|
+
}
|
|
941
|
+
.uiklu-text-primary900{
|
|
942
|
+
--tw-text-opacity: 1;
|
|
943
|
+
color: hsl(var(--uiklu-primary-900) / var(--tw-text-opacity, 1));
|
|
727
944
|
}
|
|
728
945
|
.uiklu-text-secondary{
|
|
729
946
|
--tw-text-opacity: 1;
|
|
730
|
-
color: hsl(var(--uiklu-secondary) / var(--tw-text-opacity, 1));
|
|
947
|
+
color: hsl(var(--uiklu-secondary) / var(--tw-text-opacity, 1));
|
|
731
948
|
}
|
|
732
949
|
.uiklu-text-white{
|
|
733
950
|
--tw-text-opacity: 1;
|
|
734
|
-
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
951
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
952
|
+
}
|
|
953
|
+
.uiklu-opacity-100{
|
|
954
|
+
opacity: 1;
|
|
735
955
|
}
|
|
736
956
|
.uiklu-opacity-70{
|
|
737
|
-
opacity: 0.7;
|
|
957
|
+
opacity: 0.7;
|
|
958
|
+
}
|
|
959
|
+
.uiklu-shadow-lg{
|
|
960
|
+
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
961
|
+
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
962
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
738
963
|
}
|
|
739
964
|
.uiklu-shadow-md{
|
|
740
965
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
741
966
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
742
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
967
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
968
|
+
}
|
|
969
|
+
.uiklu-shadow-none{
|
|
970
|
+
--tw-shadow: 0 0 #0000;
|
|
971
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
972
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
743
973
|
}
|
|
744
974
|
.uiklu-outline-none{
|
|
745
975
|
outline: 2px solid transparent;
|
|
746
|
-
outline-offset: 2px;
|
|
976
|
+
outline-offset: 2px;
|
|
977
|
+
}
|
|
978
|
+
.uiklu-ring-1{
|
|
979
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
980
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
981
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
982
|
+
}
|
|
983
|
+
.uiklu-ring-foreground\/10{
|
|
984
|
+
--tw-ring-color: hsl(var(--uiklu-foreground) / 0.1);
|
|
985
|
+
}
|
|
986
|
+
.uiklu-backdrop-blur-sm{
|
|
987
|
+
--tw-backdrop-blur: blur(4px);
|
|
988
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
747
989
|
}
|
|
748
990
|
.uiklu-transition-all{
|
|
749
991
|
transition-property: all;
|
|
750
992
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
751
|
-
transition-duration: 150ms;
|
|
993
|
+
transition-duration: 150ms;
|
|
752
994
|
}
|
|
753
995
|
.uiklu-transition-opacity{
|
|
754
996
|
transition-property: opacity;
|
|
755
997
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
756
|
-
transition-duration: 150ms;
|
|
998
|
+
transition-duration: 150ms;
|
|
999
|
+
}
|
|
1000
|
+
.uiklu-duration-200{
|
|
1001
|
+
transition-duration: 200ms;
|
|
757
1002
|
}
|
|
758
1003
|
.hover\:uiklu-bg-gray-300:hover{
|
|
759
1004
|
--tw-bg-opacity: 1;
|
|
760
|
-
background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
|
|
1005
|
+
background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
|
|
761
1006
|
}
|
|
762
1007
|
.hover\:uiklu-bg-outlinesecondary\/10:hover{
|
|
763
|
-
background-color: hsl(var(--uiklu-outlinesecondary) / 0.1);
|
|
1008
|
+
background-color: hsl(var(--uiklu-outlinesecondary) / 0.1);
|
|
764
1009
|
}
|
|
765
1010
|
.hover\:uiklu-bg-primary\/5:hover{
|
|
766
|
-
background-color: hsl(var(--uiklu-primary) / 0.05);
|
|
1011
|
+
background-color: hsl(var(--uiklu-primary) / 0.05);
|
|
767
1012
|
}
|
|
768
1013
|
.hover\:uiklu-bg-primary\/90:hover{
|
|
769
|
-
background-color: hsl(var(--uiklu-primary) / 0.9);
|
|
1014
|
+
background-color: hsl(var(--uiklu-primary) / 0.9);
|
|
770
1015
|
}
|
|
771
1016
|
.hover\:uiklu-bg-white\/10:hover{
|
|
772
|
-
background-color: rgb(255 255 255 / 0.1);
|
|
1017
|
+
background-color: rgb(255 255 255 / 0.1);
|
|
773
1018
|
}
|
|
774
1019
|
.hover\:uiklu-underline:hover{
|
|
775
|
-
text-decoration-line: underline;
|
|
1020
|
+
text-decoration-line: underline;
|
|
776
1021
|
}
|
|
777
1022
|
.hover\:uiklu-opacity-100:hover{
|
|
778
|
-
opacity: 1;
|
|
1023
|
+
opacity: 1;
|
|
1024
|
+
}
|
|
1025
|
+
.hover\:uiklu-opacity-70:hover{
|
|
1026
|
+
opacity: 0.7;
|
|
779
1027
|
}
|
|
780
1028
|
.hover\:uiklu-opacity-80:hover{
|
|
781
|
-
opacity: 0.8;
|
|
1029
|
+
opacity: 0.8;
|
|
782
1030
|
}
|
|
783
1031
|
.hover\:uiklu-opacity-90:hover{
|
|
784
|
-
opacity: 0.9;
|
|
1032
|
+
opacity: 0.9;
|
|
785
1033
|
}
|
|
786
1034
|
.focus\:uiklu-border-\[1px\]:focus{
|
|
787
|
-
border-width: 1px;
|
|
1035
|
+
border-width: 1px;
|
|
788
1036
|
}
|
|
789
1037
|
.focus\:uiklu-border-baseblack:focus{
|
|
790
1038
|
--tw-border-opacity: 1;
|
|
791
|
-
border-color: hsl(var(--uiklu-baseblack) / var(--tw-border-opacity, 1));
|
|
1039
|
+
border-color: hsl(var(--uiklu-baseblack) / var(--tw-border-opacity, 1));
|
|
792
1040
|
}
|
|
793
1041
|
.focus\:uiklu-border-destructive:focus{
|
|
794
1042
|
--tw-border-opacity: 1;
|
|
795
|
-
border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
|
|
1043
|
+
border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
|
|
796
1044
|
}
|
|
797
1045
|
.focus\:uiklu-bg-primary\/10:focus{
|
|
798
|
-
background-color: hsl(var(--uiklu-primary) / 0.1);
|
|
1046
|
+
background-color: hsl(var(--uiklu-primary) / 0.1);
|
|
799
1047
|
}
|
|
800
1048
|
.focus\:uiklu-text-primary:focus{
|
|
801
1049
|
--tw-text-opacity: 1;
|
|
802
|
-
color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
|
|
1050
|
+
color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
|
|
1051
|
+
}
|
|
1052
|
+
.focus\:uiklu-outline-none:focus{
|
|
1053
|
+
outline: 2px solid transparent;
|
|
1054
|
+
outline-offset: 2px;
|
|
803
1055
|
}
|
|
804
1056
|
.active\:uiklu-opacity-70:active{
|
|
805
|
-
opacity: 0.7;
|
|
1057
|
+
opacity: 0.7;
|
|
806
1058
|
}
|
|
807
1059
|
.disabled\:uiklu-cursor-not-allowed:disabled{
|
|
808
|
-
cursor: not-allowed;
|
|
1060
|
+
cursor: not-allowed;
|
|
809
1061
|
}
|
|
810
1062
|
.disabled\:uiklu-opacity-50:disabled{
|
|
811
|
-
opacity: 0.5;
|
|
1063
|
+
opacity: 0.5;
|
|
812
1064
|
}
|
|
813
1065
|
.data-\[placeholder\]\:uiklu-opacity-40[data-placeholder]{
|
|
814
|
-
opacity: 0.4;
|
|
1066
|
+
opacity: 0.4;
|
|
1067
|
+
}
|
|
1068
|
+
@media (min-width: 640px){
|
|
1069
|
+
.sm\:uiklu-flex-row{
|
|
1070
|
+
flex-direction: row;
|
|
1071
|
+
}
|
|
1072
|
+
.sm\:uiklu-justify-end{
|
|
1073
|
+
justify-content: flex-end;
|
|
1074
|
+
}
|
|
1075
|
+
.sm\:uiklu-space-x-2 > :not([hidden]) ~ :not([hidden]){
|
|
1076
|
+
--tw-space-x-reverse: 0;
|
|
1077
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1078
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1079
|
+
}
|
|
1080
|
+
.sm\:uiklu-text-left{
|
|
1081
|
+
text-align: left;
|
|
1082
|
+
}
|
|
815
1083
|
}
|
|
816
1084
|
|