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