@turtleclub/earn-widget 0.2.0-beta.5 → 0.2.0-beta.6
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 +140 -1
- package/package.json +4 -4
package/dist/styles.css
CHANGED
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
--text-7xl--line-height: 1;
|
|
41
41
|
--text-8xl: 6rem;
|
|
42
42
|
--text-8xl--line-height: 1;
|
|
43
|
+
--font-weight-normal: 400;
|
|
43
44
|
--font-weight-medium: 500;
|
|
44
45
|
--font-weight-semibold: 600;
|
|
45
46
|
--font-weight-bold: 700;
|
|
@@ -268,12 +269,24 @@
|
|
|
268
269
|
.turtle-widget-root .mx-auto {
|
|
269
270
|
margin-inline: auto;
|
|
270
271
|
}
|
|
272
|
+
.turtle-widget-root .my-5 {
|
|
273
|
+
margin-block: calc(var(--spacing) * 5);
|
|
274
|
+
}
|
|
275
|
+
.turtle-widget-root .mt-1 {
|
|
276
|
+
margin-top: calc(var(--spacing) * 1);
|
|
277
|
+
}
|
|
271
278
|
.turtle-widget-root .mt-2 {
|
|
272
279
|
margin-top: calc(var(--spacing) * 2);
|
|
273
280
|
}
|
|
281
|
+
.turtle-widget-root .mt-\[120\%\] {
|
|
282
|
+
margin-top: 120%;
|
|
283
|
+
}
|
|
274
284
|
.turtle-widget-root .mr-2 {
|
|
275
285
|
margin-right: calc(var(--spacing) * 2);
|
|
276
286
|
}
|
|
287
|
+
.turtle-widget-root .mb-2 {
|
|
288
|
+
margin-bottom: calc(var(--spacing) * 2);
|
|
289
|
+
}
|
|
277
290
|
.turtle-widget-root .mb-3 {
|
|
278
291
|
margin-bottom: calc(var(--spacing) * 3);
|
|
279
292
|
}
|
|
@@ -292,6 +305,10 @@
|
|
|
292
305
|
.turtle-widget-root .inline-flex {
|
|
293
306
|
display: inline-flex;
|
|
294
307
|
}
|
|
308
|
+
.turtle-widget-root .size-5 {
|
|
309
|
+
width: calc(var(--spacing) * 5);
|
|
310
|
+
height: calc(var(--spacing) * 5);
|
|
311
|
+
}
|
|
295
312
|
.turtle-widget-root .h-4 {
|
|
296
313
|
height: calc(var(--spacing) * 4);
|
|
297
314
|
}
|
|
@@ -319,9 +336,15 @@
|
|
|
319
336
|
.turtle-widget-root .h-16 {
|
|
320
337
|
height: calc(var(--spacing) * 16);
|
|
321
338
|
}
|
|
339
|
+
.turtle-widget-root .h-\[30px\] {
|
|
340
|
+
height: 30px;
|
|
341
|
+
}
|
|
322
342
|
.turtle-widget-root .h-full {
|
|
323
343
|
height: 100%;
|
|
324
344
|
}
|
|
345
|
+
.turtle-widget-root .h-px {
|
|
346
|
+
height: 1px;
|
|
347
|
+
}
|
|
325
348
|
.turtle-widget-root .min-h-0 {
|
|
326
349
|
min-height: calc(var(--spacing) * 0);
|
|
327
350
|
}
|
|
@@ -358,6 +381,9 @@
|
|
|
358
381
|
.turtle-widget-root .w-full {
|
|
359
382
|
width: 100%;
|
|
360
383
|
}
|
|
384
|
+
.turtle-widget-root .max-w-\[120px\] {
|
|
385
|
+
max-width: 120px;
|
|
386
|
+
}
|
|
361
387
|
.turtle-widget-root .max-w-lg {
|
|
362
388
|
max-width: var(--container-lg);
|
|
363
389
|
}
|
|
@@ -376,6 +402,9 @@
|
|
|
376
402
|
.turtle-widget-root .flex-shrink-0 {
|
|
377
403
|
flex-shrink: 0;
|
|
378
404
|
}
|
|
405
|
+
.turtle-widget-root .shrink-0 {
|
|
406
|
+
flex-shrink: 0;
|
|
407
|
+
}
|
|
379
408
|
.turtle-widget-root .-translate-x-2\.5 {
|
|
380
409
|
--tw-translate-x: calc(var(--spacing) * -2.5);
|
|
381
410
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -414,9 +443,15 @@
|
|
|
414
443
|
.turtle-widget-root .justify-center {
|
|
415
444
|
justify-content: center;
|
|
416
445
|
}
|
|
446
|
+
.turtle-widget-root .justify-end {
|
|
447
|
+
justify-content: flex-end;
|
|
448
|
+
}
|
|
417
449
|
.turtle-widget-root .justify-start {
|
|
418
450
|
justify-content: flex-start;
|
|
419
451
|
}
|
|
452
|
+
.turtle-widget-root .gap-0\.5 {
|
|
453
|
+
gap: calc(var(--spacing) * 0.5);
|
|
454
|
+
}
|
|
420
455
|
.turtle-widget-root .gap-1\.5 {
|
|
421
456
|
gap: calc(var(--spacing) * 1.5);
|
|
422
457
|
}
|
|
@@ -429,6 +464,9 @@
|
|
|
429
464
|
.turtle-widget-root .gap-4 {
|
|
430
465
|
gap: calc(var(--spacing) * 4);
|
|
431
466
|
}
|
|
467
|
+
.turtle-widget-root .gap-\[5px\] {
|
|
468
|
+
gap: 5px;
|
|
469
|
+
}
|
|
432
470
|
.turtle-widget-root .space-y-2 {
|
|
433
471
|
.turtle-widget-root :where(& > :not(:last-child)) {
|
|
434
472
|
--tw-space-y-reverse: 0;
|
|
@@ -457,6 +495,11 @@
|
|
|
457
495
|
margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
|
|
458
496
|
}
|
|
459
497
|
}
|
|
498
|
+
.turtle-widget-root .truncate {
|
|
499
|
+
overflow: hidden;
|
|
500
|
+
text-overflow: ellipsis;
|
|
501
|
+
white-space: nowrap;
|
|
502
|
+
}
|
|
460
503
|
.turtle-widget-root .overflow-hidden {
|
|
461
504
|
overflow: hidden;
|
|
462
505
|
}
|
|
@@ -538,6 +581,9 @@
|
|
|
538
581
|
.turtle-widget-root .py-8 {
|
|
539
582
|
padding-block: calc(var(--spacing) * 8);
|
|
540
583
|
}
|
|
584
|
+
.turtle-widget-root .pt-0 {
|
|
585
|
+
padding-top: calc(var(--spacing) * 0);
|
|
586
|
+
}
|
|
541
587
|
.turtle-widget-root .pt-6 {
|
|
542
588
|
padding-top: calc(var(--spacing) * 6);
|
|
543
589
|
}
|
|
@@ -559,6 +605,9 @@
|
|
|
559
605
|
.turtle-widget-root .text-center {
|
|
560
606
|
text-align: center;
|
|
561
607
|
}
|
|
608
|
+
.turtle-widget-root .text-right {
|
|
609
|
+
text-align: right;
|
|
610
|
+
}
|
|
562
611
|
.turtle-widget-root .text-2xl {
|
|
563
612
|
font-size: var(--text-2xl);
|
|
564
613
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
@@ -687,6 +736,16 @@
|
|
|
687
736
|
outline-style: none;
|
|
688
737
|
}
|
|
689
738
|
}
|
|
739
|
+
.turtle-widget-root .sm\:min-h-\[690px\] {
|
|
740
|
+
@media (width >= 40rem) {
|
|
741
|
+
min-height: 690px;
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
.turtle-widget-root .lg\:justify-start {
|
|
745
|
+
@media (width >= 64rem) {
|
|
746
|
+
justify-content: flex-start;
|
|
747
|
+
}
|
|
748
|
+
}
|
|
690
749
|
.turtle-widget-root .\[\&_button\]\:w-32 {
|
|
691
750
|
.turtle-widget-root & button {
|
|
692
751
|
width: calc(var(--spacing) * 32);
|
|
@@ -788,6 +847,7 @@
|
|
|
788
847
|
--text-7xl--line-height: 1;
|
|
789
848
|
--text-8xl: 6rem;
|
|
790
849
|
--text-8xl--line-height: 1;
|
|
850
|
+
--font-weight-normal: 400;
|
|
791
851
|
--font-weight-medium: 500;
|
|
792
852
|
--font-weight-semibold: 600;
|
|
793
853
|
--font-weight-bold: 700;
|
|
@@ -1027,7 +1087,73 @@
|
|
|
1027
1087
|
color: var(--foreground);
|
|
1028
1088
|
}
|
|
1029
1089
|
}
|
|
1030
|
-
@layer components
|
|
1090
|
+
@layer components {
|
|
1091
|
+
.turtle-widget-root .managed-table {
|
|
1092
|
+
border-collapse: separate;
|
|
1093
|
+
border-spacing: 0 10px;
|
|
1094
|
+
}
|
|
1095
|
+
.turtle-widget-root .managed-table tr {
|
|
1096
|
+
font-size: var(--text-sm);
|
|
1097
|
+
line-height: var(--tw-leading,var(--text-sm--line-height));
|
|
1098
|
+
}
|
|
1099
|
+
@media (hover:hover) {
|
|
1100
|
+
.turtle-widget-root .managed-table tr:hover {
|
|
1101
|
+
background-color: #0000;
|
|
1102
|
+
}
|
|
1103
|
+
}
|
|
1104
|
+
.turtle-widget-root .managed-table thead tr th {
|
|
1105
|
+
height: calc(var(--spacing)*6);
|
|
1106
|
+
padding-inline: calc(var(--spacing)*3);
|
|
1107
|
+
padding-block: calc(var(--spacing)*1);
|
|
1108
|
+
font-size: var(--text-xs);
|
|
1109
|
+
line-height: var(--tw-leading,var(--text-xs--line-height));
|
|
1110
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
1111
|
+
font-weight: var(--font-weight-normal);
|
|
1112
|
+
color: var(--muted-foreground);
|
|
1113
|
+
}
|
|
1114
|
+
.turtle-widget-root .managed-table tbody tr>td {
|
|
1115
|
+
background-color: var(--muted);
|
|
1116
|
+
height: 38px;
|
|
1117
|
+
}
|
|
1118
|
+
@supports (color:color-mix(in lab,red,red)) {
|
|
1119
|
+
.turtle-widget-root .managed-table tbody tr>td {
|
|
1120
|
+
background-color: var(--muted);
|
|
1121
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1122
|
+
background-color: color-mix(in oklab,var(--muted)5%,transparent);
|
|
1123
|
+
}
|
|
1124
|
+
}
|
|
1125
|
+
}
|
|
1126
|
+
.turtle-widget-root .managed-table tbody tr>td {
|
|
1127
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
1128
|
+
font-weight: var(--font-weight-normal);
|
|
1129
|
+
}
|
|
1130
|
+
@media (min-width:64rem) {
|
|
1131
|
+
.turtle-widget-root .managed-table tbody tr>td {
|
|
1132
|
+
padding-block: calc(var(--spacing)*1);
|
|
1133
|
+
}
|
|
1134
|
+
}
|
|
1135
|
+
.turtle-widget-root .managed-table tbody tr>td:first-child {
|
|
1136
|
+
padding-left: calc(var(--spacing)*4);
|
|
1137
|
+
border-top-left-radius: 3.40282e38px;
|
|
1138
|
+
border-bottom-left-radius: 3.40282e38px;
|
|
1139
|
+
}
|
|
1140
|
+
.turtle-widget-root .managed-table tbody tr>td:last-child {
|
|
1141
|
+
padding-right: calc(var(--spacing)*4);
|
|
1142
|
+
border-top-right-radius: 3.40282e38px;
|
|
1143
|
+
border-bottom-right-radius: 3.40282e38px;
|
|
1144
|
+
}
|
|
1145
|
+
.turtle-widget-root .managed-table tbody tr:hover>td {
|
|
1146
|
+
background-color: var(--muted);
|
|
1147
|
+
}
|
|
1148
|
+
@supports (color:color-mix(in lab,red,red)) {
|
|
1149
|
+
.turtle-widget-root .managed-table tbody tr:hover>td {
|
|
1150
|
+
background-color: var(--muted);
|
|
1151
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1152
|
+
background-color: color-mix(in oklab,var(--muted)40%,transparent);
|
|
1153
|
+
}
|
|
1154
|
+
}
|
|
1155
|
+
}
|
|
1156
|
+
}
|
|
1031
1157
|
@layer utilities {
|
|
1032
1158
|
.turtle-widget-root .pointer-events-none {
|
|
1033
1159
|
pointer-events: none;
|
|
@@ -1187,6 +1313,9 @@
|
|
|
1187
1313
|
.turtle-widget-root .max-h-\(--radix-select-content-available-height\) {
|
|
1188
1314
|
max-height: var(--radix-select-content-available-height);
|
|
1189
1315
|
}
|
|
1316
|
+
.turtle-widget-root .max-h-\[600px\] {
|
|
1317
|
+
max-height: 600px;
|
|
1318
|
+
}
|
|
1190
1319
|
.turtle-widget-root .w-2 {
|
|
1191
1320
|
width: calc(var(--spacing)*2);
|
|
1192
1321
|
}
|
|
@@ -1383,6 +1512,9 @@
|
|
|
1383
1512
|
white-space: nowrap;
|
|
1384
1513
|
overflow: hidden;
|
|
1385
1514
|
}
|
|
1515
|
+
.turtle-widget-root .overflow-auto {
|
|
1516
|
+
overflow: auto;
|
|
1517
|
+
}
|
|
1386
1518
|
.turtle-widget-root .overflow-hidden {
|
|
1387
1519
|
overflow: hidden;
|
|
1388
1520
|
}
|
|
@@ -1657,6 +1789,9 @@
|
|
|
1657
1789
|
.turtle-widget-root .text-right {
|
|
1658
1790
|
text-align: right;
|
|
1659
1791
|
}
|
|
1792
|
+
.turtle-widget-root .align-middle {
|
|
1793
|
+
vertical-align: middle;
|
|
1794
|
+
}
|
|
1660
1795
|
.turtle-widget-root .font-mono {
|
|
1661
1796
|
font-family: var(--font-mono);
|
|
1662
1797
|
}
|
|
@@ -1720,6 +1855,10 @@
|
|
|
1720
1855
|
--tw-font-weight: var(--font-weight-medium);
|
|
1721
1856
|
font-weight: var(--font-weight-medium);
|
|
1722
1857
|
}
|
|
1858
|
+
.turtle-widget-root .font-normal {
|
|
1859
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
1860
|
+
font-weight: var(--font-weight-normal);
|
|
1861
|
+
}
|
|
1723
1862
|
.turtle-widget-root .font-semibold {
|
|
1724
1863
|
--tw-font-weight: var(--font-weight-semibold);
|
|
1725
1864
|
font-weight: var(--font-weight-semibold);
|
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.6",
|
|
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.2",
|
|
45
|
+
"@turtleclub/ui": "0.2.0-beta.2",
|
|
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": "0b3265d911bdac6d1caafb500a8525c87ff521cf"
|
|
84
84
|
}
|