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