@turtleclub/earn-widget 0.2.0-beta.3 → 0.2.0-beta.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/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +196 -99
- package/package.json +4 -4
package/dist/styles.css
CHANGED
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
--font-weight-semibold: 600;
|
|
45
45
|
--font-weight-bold: 700;
|
|
46
46
|
--tracking-tight: -0.025em;
|
|
47
|
+
--tracking-wider: 0.05em;
|
|
47
48
|
--radius-md: 0.375rem;
|
|
48
49
|
--radius-lg: 0.5rem;
|
|
49
50
|
--radius-xl: 0.75rem;
|
|
@@ -201,20 +202,32 @@
|
|
|
201
202
|
}
|
|
202
203
|
}
|
|
203
204
|
@layer utilities {
|
|
205
|
+
.turtle-widget-root .pointer-events-none {
|
|
206
|
+
pointer-events: none;
|
|
207
|
+
}
|
|
204
208
|
.turtle-widget-root .absolute {
|
|
205
209
|
position: absolute;
|
|
206
210
|
}
|
|
211
|
+
.turtle-widget-root .fixed {
|
|
212
|
+
position: fixed;
|
|
213
|
+
}
|
|
207
214
|
.turtle-widget-root .relative {
|
|
208
215
|
position: relative;
|
|
209
216
|
}
|
|
217
|
+
.turtle-widget-root .sticky {
|
|
218
|
+
position: sticky;
|
|
219
|
+
}
|
|
210
220
|
.turtle-widget-root .top-1\/2 {
|
|
211
221
|
top: calc(1/2 * 100%);
|
|
212
222
|
}
|
|
223
|
+
.turtle-widget-root .right-1 {
|
|
224
|
+
right: calc(var(--spacing) * 1);
|
|
225
|
+
}
|
|
213
226
|
.turtle-widget-root .right-2 {
|
|
214
227
|
right: calc(var(--spacing) * 2);
|
|
215
228
|
}
|
|
216
|
-
.turtle-widget-root .
|
|
217
|
-
|
|
229
|
+
.turtle-widget-root .bottom-0 {
|
|
230
|
+
bottom: calc(var(--spacing) * 0);
|
|
218
231
|
}
|
|
219
232
|
.turtle-widget-root .bottom-2 {
|
|
220
233
|
bottom: calc(var(--spacing) * 2);
|
|
@@ -222,15 +235,9 @@
|
|
|
222
235
|
.turtle-widget-root .bottom-3 {
|
|
223
236
|
bottom: calc(var(--spacing) * 3);
|
|
224
237
|
}
|
|
225
|
-
.turtle-widget-root .left-0 {
|
|
226
|
-
left: calc(var(--spacing) * 0);
|
|
227
|
-
}
|
|
228
238
|
.turtle-widget-root .left-4 {
|
|
229
239
|
left: calc(var(--spacing) * 4);
|
|
230
240
|
}
|
|
231
|
-
.turtle-widget-root .z-10 {
|
|
232
|
-
z-index: 10;
|
|
233
|
-
}
|
|
234
241
|
.turtle-widget-root .container {
|
|
235
242
|
width: 100%;
|
|
236
243
|
@media (width >= 40rem) {
|
|
@@ -264,9 +271,6 @@
|
|
|
264
271
|
.turtle-widget-root .mt-2 {
|
|
265
272
|
margin-top: calc(var(--spacing) * 2);
|
|
266
273
|
}
|
|
267
|
-
.turtle-widget-root .mt-5 {
|
|
268
|
-
margin-top: calc(var(--spacing) * 5);
|
|
269
|
-
}
|
|
270
274
|
.turtle-widget-root .mr-2 {
|
|
271
275
|
margin-right: calc(var(--spacing) * 2);
|
|
272
276
|
}
|
|
@@ -303,12 +307,12 @@
|
|
|
303
307
|
.turtle-widget-root .h-8 {
|
|
304
308
|
height: calc(var(--spacing) * 8);
|
|
305
309
|
}
|
|
310
|
+
.turtle-widget-root .h-9 {
|
|
311
|
+
height: calc(var(--spacing) * 9);
|
|
312
|
+
}
|
|
306
313
|
.turtle-widget-root .h-10 {
|
|
307
314
|
height: calc(var(--spacing) * 10);
|
|
308
315
|
}
|
|
309
|
-
.turtle-widget-root .h-11 {
|
|
310
|
-
height: calc(var(--spacing) * 11);
|
|
311
|
-
}
|
|
312
316
|
.turtle-widget-root .h-12 {
|
|
313
317
|
height: calc(var(--spacing) * 12);
|
|
314
318
|
}
|
|
@@ -339,30 +343,21 @@
|
|
|
339
343
|
.turtle-widget-root .w-10 {
|
|
340
344
|
width: calc(var(--spacing) * 10);
|
|
341
345
|
}
|
|
342
|
-
.turtle-widget-root .w-11 {
|
|
343
|
-
width: calc(var(--spacing) * 11);
|
|
344
|
-
}
|
|
345
346
|
.turtle-widget-root .w-16 {
|
|
346
347
|
width: calc(var(--spacing) * 16);
|
|
347
348
|
}
|
|
349
|
+
.turtle-widget-root .w-20 {
|
|
350
|
+
width: calc(var(--spacing) * 20);
|
|
351
|
+
}
|
|
348
352
|
.turtle-widget-root .w-24 {
|
|
349
353
|
width: calc(var(--spacing) * 24);
|
|
350
354
|
}
|
|
351
355
|
.turtle-widget-root .w-32 {
|
|
352
356
|
width: calc(var(--spacing) * 32);
|
|
353
357
|
}
|
|
354
|
-
.turtle-widget-root .w-\[82\%\] {
|
|
355
|
-
width: 82%;
|
|
356
|
-
}
|
|
357
|
-
.turtle-widget-root .w-auto {
|
|
358
|
-
width: auto;
|
|
359
|
-
}
|
|
360
358
|
.turtle-widget-root .w-full {
|
|
361
359
|
width: 100%;
|
|
362
360
|
}
|
|
363
|
-
.turtle-widget-root .max-w-\[600px\] {
|
|
364
|
-
max-width: 600px;
|
|
365
|
-
}
|
|
366
361
|
.turtle-widget-root .max-w-lg {
|
|
367
362
|
max-width: var(--container-lg);
|
|
368
363
|
}
|
|
@@ -381,6 +376,10 @@
|
|
|
381
376
|
.turtle-widget-root .flex-shrink-0 {
|
|
382
377
|
flex-shrink: 0;
|
|
383
378
|
}
|
|
379
|
+
.turtle-widget-root .-translate-x-2\.5 {
|
|
380
|
+
--tw-translate-x: calc(var(--spacing) * -2.5);
|
|
381
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
382
|
+
}
|
|
384
383
|
.turtle-widget-root .-translate-y-1\/2 {
|
|
385
384
|
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
386
385
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -415,12 +414,12 @@
|
|
|
415
414
|
.turtle-widget-root .justify-center {
|
|
416
415
|
justify-content: center;
|
|
417
416
|
}
|
|
418
|
-
.turtle-widget-root .justify-end {
|
|
419
|
-
justify-content: flex-end;
|
|
420
|
-
}
|
|
421
417
|
.turtle-widget-root .justify-start {
|
|
422
418
|
justify-content: flex-start;
|
|
423
419
|
}
|
|
420
|
+
.turtle-widget-root .gap-1\.5 {
|
|
421
|
+
gap: calc(var(--spacing) * 1.5);
|
|
422
|
+
}
|
|
424
423
|
.turtle-widget-root .gap-2 {
|
|
425
424
|
gap: calc(var(--spacing) * 2);
|
|
426
425
|
}
|
|
@@ -451,19 +450,16 @@
|
|
|
451
450
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
452
451
|
}
|
|
453
452
|
}
|
|
454
|
-
.turtle-widget-root .-space-x-1 {
|
|
453
|
+
.turtle-widget-root .-space-x-1\.5 {
|
|
455
454
|
.turtle-widget-root :where(& > :not(:last-child)) {
|
|
456
455
|
--tw-space-x-reverse: 0;
|
|
457
|
-
margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
|
|
458
|
-
margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
|
|
456
|
+
margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
|
|
457
|
+
margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
|
|
459
458
|
}
|
|
460
459
|
}
|
|
461
460
|
.turtle-widget-root .overflow-hidden {
|
|
462
461
|
overflow: hidden;
|
|
463
462
|
}
|
|
464
|
-
.turtle-widget-root .overflow-x-auto {
|
|
465
|
-
overflow-x: auto;
|
|
466
|
-
}
|
|
467
463
|
.turtle-widget-root .overflow-y-auto {
|
|
468
464
|
overflow-y: auto;
|
|
469
465
|
}
|
|
@@ -479,9 +475,9 @@
|
|
|
479
475
|
.turtle-widget-root .rounded-md {
|
|
480
476
|
border-radius: var(--radius-md);
|
|
481
477
|
}
|
|
482
|
-
.turtle-widget-root
|
|
483
|
-
border-
|
|
484
|
-
border-
|
|
478
|
+
.turtle-widget-root .rounded-l-none {
|
|
479
|
+
border-top-left-radius: 0;
|
|
480
|
+
border-bottom-left-radius: 0;
|
|
485
481
|
}
|
|
486
482
|
.turtle-widget-root .border {
|
|
487
483
|
border-style: var(--tw-border-style);
|
|
@@ -491,9 +487,8 @@
|
|
|
491
487
|
border-style: var(--tw-border-style);
|
|
492
488
|
border-width: 2px;
|
|
493
489
|
}
|
|
494
|
-
.turtle-widget-root .
|
|
495
|
-
|
|
496
|
-
border-bottom-width: 1px;
|
|
490
|
+
.turtle-widget-root .bg-transparent {
|
|
491
|
+
background-color: transparent;
|
|
497
492
|
}
|
|
498
493
|
.turtle-widget-root .object-contain {
|
|
499
494
|
object-fit: contain;
|
|
@@ -510,6 +505,9 @@
|
|
|
510
505
|
.turtle-widget-root .p-2 {
|
|
511
506
|
padding: calc(var(--spacing) * 2);
|
|
512
507
|
}
|
|
508
|
+
.turtle-widget-root .p-3 {
|
|
509
|
+
padding: calc(var(--spacing) * 3);
|
|
510
|
+
}
|
|
513
511
|
.turtle-widget-root .p-4 {
|
|
514
512
|
padding: calc(var(--spacing) * 4);
|
|
515
513
|
}
|
|
@@ -519,11 +517,14 @@
|
|
|
519
517
|
.turtle-widget-root .px-2 {
|
|
520
518
|
padding-inline: calc(var(--spacing) * 2);
|
|
521
519
|
}
|
|
520
|
+
.turtle-widget-root .px-3 {
|
|
521
|
+
padding-inline: calc(var(--spacing) * 3);
|
|
522
|
+
}
|
|
522
523
|
.turtle-widget-root .px-4 {
|
|
523
524
|
padding-inline: calc(var(--spacing) * 4);
|
|
524
525
|
}
|
|
525
|
-
.turtle-widget-root .
|
|
526
|
-
padding-
|
|
526
|
+
.turtle-widget-root .py-1\.5 {
|
|
527
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
527
528
|
}
|
|
528
529
|
.turtle-widget-root .py-2 {
|
|
529
530
|
padding-block: calc(var(--spacing) * 2);
|
|
@@ -537,17 +538,23 @@
|
|
|
537
538
|
.turtle-widget-root .py-8 {
|
|
538
539
|
padding-block: calc(var(--spacing) * 8);
|
|
539
540
|
}
|
|
540
|
-
.turtle-widget-root .
|
|
541
|
-
padding-
|
|
541
|
+
.turtle-widget-root .pt-6 {
|
|
542
|
+
padding-top: calc(var(--spacing) * 6);
|
|
543
|
+
}
|
|
544
|
+
.turtle-widget-root .pr-4 {
|
|
545
|
+
padding-right: calc(var(--spacing) * 4);
|
|
542
546
|
}
|
|
543
547
|
.turtle-widget-root .pr-12 {
|
|
544
548
|
padding-right: calc(var(--spacing) * 12);
|
|
545
549
|
}
|
|
546
|
-
.turtle-widget-root .
|
|
547
|
-
padding-
|
|
550
|
+
.turtle-widget-root .pb-0 {
|
|
551
|
+
padding-bottom: calc(var(--spacing) * 0);
|
|
548
552
|
}
|
|
549
|
-
.turtle-widget-root .
|
|
550
|
-
padding-
|
|
553
|
+
.turtle-widget-root .pb-2 {
|
|
554
|
+
padding-bottom: calc(var(--spacing) * 2);
|
|
555
|
+
}
|
|
556
|
+
.turtle-widget-root .pl-3 {
|
|
557
|
+
padding-left: calc(var(--spacing) * 3);
|
|
551
558
|
}
|
|
552
559
|
.turtle-widget-root .text-center {
|
|
553
560
|
text-align: center;
|
|
@@ -584,6 +591,9 @@
|
|
|
584
591
|
font-size: var(--text-xs);
|
|
585
592
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
586
593
|
}
|
|
594
|
+
.turtle-widget-root .text-\[10px\] {
|
|
595
|
+
font-size: 10px;
|
|
596
|
+
}
|
|
587
597
|
.turtle-widget-root .font-bold {
|
|
588
598
|
--tw-font-weight: var(--font-weight-bold);
|
|
589
599
|
font-weight: var(--font-weight-bold);
|
|
@@ -596,12 +606,22 @@
|
|
|
596
606
|
--tw-font-weight: var(--font-weight-semibold);
|
|
597
607
|
font-weight: var(--font-weight-semibold);
|
|
598
608
|
}
|
|
609
|
+
.turtle-widget-root .tracking-wider {
|
|
610
|
+
--tw-tracking: var(--tracking-wider);
|
|
611
|
+
letter-spacing: var(--tracking-wider);
|
|
612
|
+
}
|
|
599
613
|
.turtle-widget-root .whitespace-nowrap {
|
|
600
614
|
white-space: nowrap;
|
|
601
615
|
}
|
|
602
616
|
.turtle-widget-root .capitalize {
|
|
603
617
|
text-transform: capitalize;
|
|
604
618
|
}
|
|
619
|
+
.turtle-widget-root .uppercase {
|
|
620
|
+
text-transform: uppercase;
|
|
621
|
+
}
|
|
622
|
+
.turtle-widget-root .underline {
|
|
623
|
+
text-decoration-line: underline;
|
|
624
|
+
}
|
|
605
625
|
.turtle-widget-root .antialiased {
|
|
606
626
|
-webkit-font-smoothing: antialiased;
|
|
607
627
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -625,10 +645,6 @@
|
|
|
625
645
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
626
646
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
627
647
|
}
|
|
628
|
-
.turtle-widget-root .ring-1 {
|
|
629
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
630
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
631
|
-
}
|
|
632
648
|
.turtle-widget-root .filter {
|
|
633
649
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
634
650
|
}
|
|
@@ -654,18 +670,9 @@
|
|
|
654
670
|
--tw-ease: linear;
|
|
655
671
|
transition-timing-function: linear;
|
|
656
672
|
}
|
|
657
|
-
.turtle-widget-root .
|
|
658
|
-
.turtle-widget-root &:hover {
|
|
659
|
-
@media (hover: hover) {
|
|
660
|
-
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
661
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
662
|
-
}
|
|
663
|
-
}
|
|
664
|
-
}
|
|
665
|
-
.turtle-widget-root .focus\:ring-0 {
|
|
673
|
+
.turtle-widget-root .focus\:border-transparent {
|
|
666
674
|
.turtle-widget-root &:focus {
|
|
667
|
-
|
|
668
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
675
|
+
border-color: transparent;
|
|
669
676
|
}
|
|
670
677
|
}
|
|
671
678
|
.turtle-widget-root .focus\:ring-2 {
|
|
@@ -1120,10 +1127,6 @@
|
|
|
1120
1127
|
width: calc(var(--spacing)*9);
|
|
1121
1128
|
height: calc(var(--spacing)*9);
|
|
1122
1129
|
}
|
|
1123
|
-
.turtle-widget-root .size-full {
|
|
1124
|
-
width: 100%;
|
|
1125
|
-
height: 100%;
|
|
1126
|
-
}
|
|
1127
1130
|
.turtle-widget-root .h-2 {
|
|
1128
1131
|
height: calc(var(--spacing)*2);
|
|
1129
1132
|
}
|
|
@@ -1133,6 +1136,9 @@
|
|
|
1133
1136
|
.turtle-widget-root .h-3 {
|
|
1134
1137
|
height: calc(var(--spacing)*3);
|
|
1135
1138
|
}
|
|
1139
|
+
.turtle-widget-root .h-3\.5 {
|
|
1140
|
+
height: calc(var(--spacing)*3.5);
|
|
1141
|
+
}
|
|
1136
1142
|
.turtle-widget-root .h-4 {
|
|
1137
1143
|
height: calc(var(--spacing)*4);
|
|
1138
1144
|
}
|
|
@@ -1190,6 +1196,9 @@
|
|
|
1190
1196
|
.turtle-widget-root .w-3 {
|
|
1191
1197
|
width: calc(var(--spacing)*3);
|
|
1192
1198
|
}
|
|
1199
|
+
.turtle-widget-root .w-3\.5 {
|
|
1200
|
+
width: calc(var(--spacing)*3.5);
|
|
1201
|
+
}
|
|
1193
1202
|
.turtle-widget-root .w-4 {
|
|
1194
1203
|
width: calc(var(--spacing)*4);
|
|
1195
1204
|
}
|
|
@@ -1238,6 +1247,9 @@
|
|
|
1238
1247
|
.turtle-widget-root .min-w-\[8rem\] {
|
|
1239
1248
|
min-width: 8rem;
|
|
1240
1249
|
}
|
|
1250
|
+
.turtle-widget-root .min-w-\[75px\] {
|
|
1251
|
+
min-width: 75px;
|
|
1252
|
+
}
|
|
1241
1253
|
.turtle-widget-root .min-w-\[80px\] {
|
|
1242
1254
|
min-width: 80px;
|
|
1243
1255
|
}
|
|
@@ -1338,8 +1350,8 @@
|
|
|
1338
1350
|
.turtle-widget-root .gap-3 {
|
|
1339
1351
|
gap: calc(var(--spacing)*3);
|
|
1340
1352
|
}
|
|
1341
|
-
.turtle-widget-root .gap-
|
|
1342
|
-
gap: calc(var(--spacing)*
|
|
1353
|
+
.turtle-widget-root .gap-4 {
|
|
1354
|
+
gap: calc(var(--spacing)*4);
|
|
1343
1355
|
}
|
|
1344
1356
|
.turtle-widget-root :where(.space-y-1>:not(:last-child)) {
|
|
1345
1357
|
--tw-space-y-reverse: 0;
|
|
@@ -1410,7 +1422,7 @@
|
|
|
1410
1422
|
.turtle-widget-root .rounded-xl {
|
|
1411
1423
|
border-radius: calc(var(--radius) + 4px);
|
|
1412
1424
|
}
|
|
1413
|
-
.turtle-widget-root .border {
|
|
1425
|
+
.turtle-widget-root .border, .turtle-widget-root .border-1 {
|
|
1414
1426
|
border-style: var(--tw-border-style);
|
|
1415
1427
|
border-width: 1px;
|
|
1416
1428
|
}
|
|
@@ -1433,9 +1445,23 @@
|
|
|
1433
1445
|
.turtle-widget-root .border-border {
|
|
1434
1446
|
border-color: var(--border);
|
|
1435
1447
|
}
|
|
1448
|
+
.turtle-widget-root .border-foreground\/30 {
|
|
1449
|
+
border-color: var(--foreground);
|
|
1450
|
+
}
|
|
1451
|
+
@supports (color:color-mix(in lab,red,red)) {
|
|
1452
|
+
.turtle-widget-root .border-foreground\/30 {
|
|
1453
|
+
border-color: var(--foreground);
|
|
1454
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1455
|
+
border-color: color-mix(in oklab,var(--foreground)30%,transparent);
|
|
1456
|
+
}
|
|
1457
|
+
}
|
|
1458
|
+
}
|
|
1436
1459
|
.turtle-widget-root .border-input {
|
|
1437
1460
|
border-color: var(--input);
|
|
1438
1461
|
}
|
|
1462
|
+
.turtle-widget-root .border-muted {
|
|
1463
|
+
border-color: var(--muted);
|
|
1464
|
+
}
|
|
1439
1465
|
.turtle-widget-root .border-muted-foreground\/30 {
|
|
1440
1466
|
border-color: var(--muted-foreground);
|
|
1441
1467
|
}
|
|
@@ -1468,9 +1494,6 @@
|
|
|
1468
1494
|
.turtle-widget-root .bg-border {
|
|
1469
1495
|
background-color: var(--border);
|
|
1470
1496
|
}
|
|
1471
|
-
.turtle-widget-root .bg-card {
|
|
1472
|
-
background-color: var(--card);
|
|
1473
|
-
}
|
|
1474
1497
|
.turtle-widget-root .bg-muted {
|
|
1475
1498
|
background-color: var(--muted);
|
|
1476
1499
|
}
|
|
@@ -1568,7 +1591,7 @@
|
|
|
1568
1591
|
.turtle-widget-root .p-8 {
|
|
1569
1592
|
padding: calc(var(--spacing)*8);
|
|
1570
1593
|
}
|
|
1571
|
-
.turtle-widget-root .p-px {
|
|
1594
|
+
.turtle-widget-root .p-\[1px\], .turtle-widget-root .p-px {
|
|
1572
1595
|
padding: 1px;
|
|
1573
1596
|
}
|
|
1574
1597
|
.turtle-widget-root .px-1\.5 {
|
|
@@ -1589,6 +1612,9 @@
|
|
|
1589
1612
|
.turtle-widget-root .px-6 {
|
|
1590
1613
|
padding-inline: calc(var(--spacing)*6);
|
|
1591
1614
|
}
|
|
1615
|
+
.turtle-widget-root .py-0\.5 {
|
|
1616
|
+
padding-block: calc(var(--spacing)*.5);
|
|
1617
|
+
}
|
|
1592
1618
|
.turtle-widget-root .py-1 {
|
|
1593
1619
|
padding-block: calc(var(--spacing)*1);
|
|
1594
1620
|
}
|
|
@@ -1604,6 +1630,9 @@
|
|
|
1604
1630
|
.turtle-widget-root .py-4 {
|
|
1605
1631
|
padding-block: calc(var(--spacing)*4);
|
|
1606
1632
|
}
|
|
1633
|
+
.turtle-widget-root .py-8 {
|
|
1634
|
+
padding-block: calc(var(--spacing)*8);
|
|
1635
|
+
}
|
|
1607
1636
|
.turtle-widget-root .pt-0 {
|
|
1608
1637
|
padding-top: calc(var(--spacing)*0);
|
|
1609
1638
|
}
|
|
@@ -1613,8 +1642,8 @@
|
|
|
1613
1642
|
.turtle-widget-root .pr-8 {
|
|
1614
1643
|
padding-right: calc(var(--spacing)*8);
|
|
1615
1644
|
}
|
|
1616
|
-
.turtle-widget-root .pb-
|
|
1617
|
-
padding-bottom: calc(var(--spacing)*
|
|
1645
|
+
.turtle-widget-root .pb-3 {
|
|
1646
|
+
padding-bottom: calc(var(--spacing)*3);
|
|
1618
1647
|
}
|
|
1619
1648
|
.turtle-widget-root .pl-2 {
|
|
1620
1649
|
padding-left: calc(var(--spacing)*2);
|
|
@@ -1901,42 +1930,65 @@
|
|
|
1901
1930
|
content: var(--tw-content);
|
|
1902
1931
|
inset: calc(var(--spacing)*0);
|
|
1903
1932
|
}
|
|
1904
|
-
.turtle-widget-root .before\:-z-10:before {
|
|
1905
|
-
content: var(--tw-content);
|
|
1906
|
-
z-index: -10;
|
|
1907
|
-
}
|
|
1908
1933
|
.turtle-widget-root .before\:rounded-\[inherit\]:before {
|
|
1909
1934
|
content: var(--tw-content);
|
|
1910
1935
|
border-radius: inherit;
|
|
1911
1936
|
}
|
|
1912
|
-
.turtle-widget-root .before\:bg-gradient-to-
|
|
1937
|
+
.turtle-widget-root .before\:bg-gradient-to-br:before {
|
|
1913
1938
|
content: var(--tw-content);
|
|
1914
|
-
--tw-gradient-position: to bottom in oklab;
|
|
1939
|
+
--tw-gradient-position: to bottom right in oklab;
|
|
1915
1940
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1916
1941
|
}
|
|
1917
|
-
.turtle-widget-root .before\:from-\[\#
|
|
1942
|
+
.turtle-widget-root .before\:from-\[\#73F36C\]\/60:before {
|
|
1918
1943
|
content: var(--tw-content);
|
|
1919
|
-
--tw-gradient-from:
|
|
1944
|
+
--tw-gradient-from: oklab(86.2322% -.16651 .127341/.6);
|
|
1920
1945
|
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
1921
1946
|
}
|
|
1922
|
-
.turtle-widget-root .before\:from-40
|
|
1947
|
+
.turtle-widget-root .before\:from-white\/40:before {
|
|
1923
1948
|
content: var(--tw-content);
|
|
1924
|
-
--tw-gradient-from
|
|
1949
|
+
--tw-gradient-from: #fff6;
|
|
1950
|
+
}
|
|
1951
|
+
@supports (color:color-mix(in lab,red,red)) {
|
|
1952
|
+
.turtle-widget-root .before\:from-white\/40:before {
|
|
1953
|
+
--tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
|
|
1954
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1955
|
+
--tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
|
|
1956
|
+
}
|
|
1957
|
+
}
|
|
1925
1958
|
}
|
|
1926
|
-
.turtle-widget-root .before\:
|
|
1959
|
+
.turtle-widget-root .before\:from-white\/40:before {
|
|
1960
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
1961
|
+
}
|
|
1962
|
+
.turtle-widget-root .before\:via-transparent:before {
|
|
1927
1963
|
content: var(--tw-content);
|
|
1928
|
-
--tw-gradient-via:
|
|
1964
|
+
--tw-gradient-via: transparent;
|
|
1929
1965
|
--tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
|
|
1930
1966
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
1931
1967
|
}
|
|
1932
|
-
.turtle-widget-root .before\:to
|
|
1968
|
+
.turtle-widget-root .before\:to-\[\#73F36C\]\/20:before {
|
|
1969
|
+
content: var(--tw-content);
|
|
1970
|
+
--tw-gradient-to: oklab(86.2322% -.16651 .127341/.2);
|
|
1971
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
1972
|
+
}
|
|
1973
|
+
.turtle-widget-root .before\:to-white\/10:before {
|
|
1933
1974
|
content: var(--tw-content);
|
|
1934
|
-
--tw-gradient-to:
|
|
1975
|
+
--tw-gradient-to: #ffffff1a;
|
|
1976
|
+
}
|
|
1977
|
+
@supports (color:color-mix(in lab,red,red)) {
|
|
1978
|
+
.turtle-widget-root .before\:to-white\/10:before {
|
|
1979
|
+
--tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
|
|
1980
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1981
|
+
--tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
|
|
1982
|
+
}
|
|
1983
|
+
}
|
|
1984
|
+
}
|
|
1985
|
+
.turtle-widget-root .before\:to-white\/10:before {
|
|
1935
1986
|
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
1936
1987
|
}
|
|
1937
|
-
.turtle-widget-root .before\:
|
|
1988
|
+
.turtle-widget-root .before\:\[mask-composite\:exclude\]:before {
|
|
1938
1989
|
content: var(--tw-content);
|
|
1939
|
-
|
|
1990
|
+
-webkit-mask-composite: xor;
|
|
1991
|
+
mask-composite: exclude;
|
|
1940
1992
|
}
|
|
1941
1993
|
.turtle-widget-root .before\:p-px:before {
|
|
1942
1994
|
content: var(--tw-content);
|
|
@@ -1946,6 +1998,11 @@
|
|
|
1946
1998
|
--tw-content: "";
|
|
1947
1999
|
content: var(--tw-content);
|
|
1948
2000
|
}
|
|
2001
|
+
.turtle-widget-root .before\:\[mask\:linear-gradient\(\#fff_0_0\)_content-box\,linear-gradient\(\#fff_0_0\)\]:before {
|
|
2002
|
+
content: var(--tw-content);
|
|
2003
|
+
-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
2004
|
+
mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
2005
|
+
}
|
|
1949
2006
|
.turtle-widget-root .first\:rounded-l-md:first-child {
|
|
1950
2007
|
border-top-left-radius: calc(var(--radius) - 2px);
|
|
1951
2008
|
border-bottom-left-radius: calc(var(--radius) - 2px);
|
|
@@ -2201,9 +2258,19 @@
|
|
|
2201
2258
|
.turtle-widget-root .data-\[size\=default\]\:h-9[data-size=default] {
|
|
2202
2259
|
height: calc(var(--spacing)*9);
|
|
2203
2260
|
}
|
|
2204
|
-
.turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm] {
|
|
2261
|
+
.turtle-widget-root .data-\[size\=sm\]\:h-8[data-size=sm], .turtle-widget-root .data-\[size\=xs\]\:h-8[data-size=xs] {
|
|
2205
2262
|
height: calc(var(--spacing)*8);
|
|
2206
2263
|
}
|
|
2264
|
+
.turtle-widget-root .data-\[size\=xs\]\:px-4[data-size=xs] {
|
|
2265
|
+
padding-inline: calc(var(--spacing)*4);
|
|
2266
|
+
}
|
|
2267
|
+
.turtle-widget-root .data-\[size\=xs\]\:py-2[data-size=xs] {
|
|
2268
|
+
padding-block: calc(var(--spacing)*2);
|
|
2269
|
+
}
|
|
2270
|
+
.turtle-widget-root .data-\[size\=xs\]\:text-xs[data-size=xs] {
|
|
2271
|
+
font-size: var(--text-xs);
|
|
2272
|
+
line-height: var(--tw-leading,var(--text-xs--line-height));
|
|
2273
|
+
}
|
|
2207
2274
|
.turtle-widget-root :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
|
|
2208
2275
|
-webkit-line-clamp: 1;
|
|
2209
2276
|
-webkit-box-orient: vertical;
|
|
@@ -2269,6 +2336,36 @@
|
|
|
2269
2336
|
border-left-style: var(--tw-border-style);
|
|
2270
2337
|
border-left-width: 1px;
|
|
2271
2338
|
}
|
|
2339
|
+
.turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
|
|
2340
|
+
content: var(--tw-content);
|
|
2341
|
+
--tw-gradient-from: #fff6;
|
|
2342
|
+
}
|
|
2343
|
+
@supports (color:color-mix(in lab,red,red)) {
|
|
2344
|
+
.turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
|
|
2345
|
+
--tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
|
|
2346
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2347
|
+
--tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
|
|
2348
|
+
}
|
|
2349
|
+
}
|
|
2350
|
+
}
|
|
2351
|
+
.turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
|
|
2352
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2353
|
+
}
|
|
2354
|
+
.turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
|
|
2355
|
+
content: var(--tw-content);
|
|
2356
|
+
--tw-gradient-to: #ffffff1a;
|
|
2357
|
+
}
|
|
2358
|
+
@supports (color:color-mix(in lab,red,red)) {
|
|
2359
|
+
.turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
|
|
2360
|
+
--tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
|
|
2361
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2362
|
+
--tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
|
|
2363
|
+
}
|
|
2364
|
+
}
|
|
2365
|
+
}
|
|
2366
|
+
.turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
|
|
2367
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
|
|
2368
|
+
}
|
|
2272
2369
|
.turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
|
|
2273
2370
|
--tw-ring-color: var(--destructive);
|
|
2274
2371
|
}
|
|
@@ -2631,10 +2728,6 @@
|
|
|
2631
2728
|
syntax: "*";
|
|
2632
2729
|
inherits: false;
|
|
2633
2730
|
}
|
|
2634
|
-
@property --tw-tracking {
|
|
2635
|
-
syntax: "*";
|
|
2636
|
-
inherits: false;
|
|
2637
|
-
}
|
|
2638
2731
|
@property --tw-outline-style {
|
|
2639
2732
|
syntax: "*";
|
|
2640
2733
|
inherits: false;
|
|
@@ -2745,6 +2838,10 @@
|
|
|
2745
2838
|
syntax: "*";
|
|
2746
2839
|
inherits: false;
|
|
2747
2840
|
}
|
|
2841
|
+
@property --tw-tracking {
|
|
2842
|
+
syntax: "*";
|
|
2843
|
+
inherits: false;
|
|
2844
|
+
}
|
|
2748
2845
|
@property --tw-shadow {
|
|
2749
2846
|
syntax: "*";
|
|
2750
2847
|
inherits: false;
|
|
@@ -2896,6 +2993,7 @@
|
|
|
2896
2993
|
--tw-space-x-reverse: 0;
|
|
2897
2994
|
--tw-border-style: solid;
|
|
2898
2995
|
--tw-font-weight: initial;
|
|
2996
|
+
--tw-tracking: initial;
|
|
2899
2997
|
--tw-shadow: 0 0 #0000;
|
|
2900
2998
|
--tw-shadow-color: initial;
|
|
2901
2999
|
--tw-shadow-alpha: 100%;
|
|
@@ -2950,7 +3048,6 @@
|
|
|
2950
3048
|
--tw-gradient-via-position: 50%;
|
|
2951
3049
|
--tw-gradient-to-position: 100%;
|
|
2952
3050
|
--tw-leading: initial;
|
|
2953
|
-
--tw-tracking: initial;
|
|
2954
3051
|
--tw-outline-style: solid;
|
|
2955
3052
|
--tw-content: "";
|
|
2956
3053
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@turtleclub/earn-widget",
|
|
3
|
-
"version": "0.2.0-beta.
|
|
3
|
+
"version": "0.2.0-beta.5",
|
|
4
4
|
"description": "Configurable and self-contained Turtle Earn widget for third-party integration",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@tailwindcss/postcss": "^4.1.11",
|
|
44
|
-
"@turtleclub/hooks": "0.2.0-beta.
|
|
45
|
-
"@turtleclub/ui": "0.2.0-beta.
|
|
44
|
+
"@turtleclub/hooks": "0.2.0-beta.1",
|
|
45
|
+
"@turtleclub/ui": "0.2.0-beta.1",
|
|
46
46
|
"class-variance-authority": "^0.7.1",
|
|
47
47
|
"clsx": "^2.1.1",
|
|
48
48
|
"jotai": "^2.10.5",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"publishConfig": {
|
|
81
81
|
"access": "public"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "d6287fdbc0b3bdcd63abf7be922820c594f00ad5"
|
|
84
84
|
}
|