@turtleclub/earn-widget 0.3.0-beta.61 → 0.3.0-beta.63

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.
Files changed (2) hide show
  1. package/dist/styles.css +57 -8
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -137,6 +137,7 @@
137
137
  --font-weight-bold: 700;
138
138
  --tracking-tight: -.025em;
139
139
  --tracking-widest: .1em;
140
+ --leading-tight: 1.25;
140
141
  --leading-snug: 1.375;
141
142
  --leading-normal: 1.5;
142
143
  --radius-xs: calc(var(--radius) - 16px);
@@ -144,6 +145,7 @@
144
145
  --radius-md: calc(var(--radius) - 4px);
145
146
  --radius-lg: var(--radius);
146
147
  --radius-xl: calc(var(--radius) + 4px);
148
+ --radius-2xl: calc(var(--radius) + 8px);
147
149
  --drop-shadow-lg: 0 4px 4px #00000026;
148
150
  --ease-in-out: cubic-bezier(.4,0,.2,1);
149
151
  --animate-spin: spin 1s linear infinite;
@@ -159,6 +161,7 @@
159
161
  --color-background: var(--background);
160
162
  --color-foreground: var(--foreground);
161
163
  --color-card: var(--card);
164
+ --color-card-foreground: var(--card-foreground);
162
165
  --color-popover: var(--popover);
163
166
  --color-popover-foreground: var(--popover-foreground);
164
167
  --color-primary: var(--primary);
@@ -170,11 +173,14 @@
170
173
  --color-accent: var(--accent);
171
174
  --color-accent-foreground: var(--accent-foreground);
172
175
  --color-destructive: var(--destructive);
176
+ --color-destructive-foreground: var(--destructive-foreground);
173
177
  --color-border: var(--border);
174
178
  --color-input: var(--input);
175
179
  --color-ring: var(--ring);
176
180
  --color-sidebar: var(--sidebar);
177
181
  --color-sidebar-foreground: var(--sidebar-foreground);
182
+ --color-sidebar-primary: var(--primary);
183
+ --color-sidebar-primary-foreground: var(--primary-foreground);
178
184
  --color-sidebar-accent: var(--accent);
179
185
  --color-sidebar-accent-foreground: var(--accent-foreground);
180
186
  --color-sidebar-border: var(--border);
@@ -189,6 +195,11 @@
189
195
  --color-primary-alpha-20: var(--color-brand-green-alpha-20);
190
196
  --color-primary-alpha-30: var(--color-brand-green-alpha-30);
191
197
  --color-primary-alpha-50: var(--color-brand-green-alpha-50);
198
+ --color-chart-1: var(--chart-1);
199
+ --color-chart-2: var(--chart-2);
200
+ --color-chart-3: var(--chart-3);
201
+ --color-chart-4: var(--chart-4);
202
+ --color-chart-5: var(--chart-5);
192
203
  --border-gradient-white: linear-gradient(175deg,var(--color-neutral-alpha-50)0%,var(--color-neutral-alpha-5)40%,var(--color-neutral-alpha-2)62%,var(--color-neutral-alpha-20)100%)border-box;
193
204
  --border-gradient-primary: linear-gradient(175deg,var(--color-primary-alpha-50)0%,var(--color-primary-alpha-20)40%,var(--color-primary-alpha-10)62%,var(--color-primary-alpha-30)100%)border-box;
194
205
  --border-gradient-accent: linear-gradient(to bottom,var(--color-primary)0%,var(--color-primary-alpha-50)30%,var(--color-primary-alpha-20)70%,var(--color-primary-alpha-10)100%)border-box;
@@ -613,6 +624,9 @@
613
624
  .turtle-widget-root .inset-y-0 {
614
625
  inset-block: calc(var(--spacing)*0);
615
626
  }
627
+ .turtle-widget-root .-top-2 {
628
+ top: calc(var(--spacing)*-2);
629
+ }
616
630
  .turtle-widget-root .top-0 {
617
631
  top: calc(var(--spacing)*0);
618
632
  }
@@ -691,6 +705,9 @@
691
705
  .turtle-widget-root .bottom-\[-300px\] {
692
706
  bottom: -300px;
693
707
  }
708
+ .turtle-widget-root .-left-2 {
709
+ left: calc(var(--spacing)*-2);
710
+ }
694
711
  .turtle-widget-root .left-0 {
695
712
  left: calc(var(--spacing)*0);
696
713
  }
@@ -975,6 +992,12 @@
975
992
  .turtle-widget-root .h-\[70px\] {
976
993
  height: 70px;
977
994
  }
995
+ .turtle-widget-root .h-\[72px\] {
996
+ height: 72px;
997
+ }
998
+ .turtle-widget-root .h-\[86px\] {
999
+ height: 86px;
1000
+ }
978
1001
  .turtle-widget-root .h-\[200px\] {
979
1002
  height: 200px;
980
1003
  }
@@ -1041,9 +1064,6 @@
1041
1064
  .turtle-widget-root .min-h-svh {
1042
1065
  min-height: 100svh;
1043
1066
  }
1044
- .turtle-widget-root .w-\(--sidebar-width\) {
1045
- width: var(--sidebar-width);
1046
- }
1047
1067
  .turtle-widget-root .w-2 {
1048
1068
  width: calc(var(--spacing)*2);
1049
1069
  }
@@ -1362,6 +1382,11 @@
1362
1382
  .turtle-widget-root .gap-7 {
1363
1383
  gap: calc(var(--spacing)*7);
1364
1384
  }
1385
+ .turtle-widget-root :where(.-space-y-1\.5>:not(:last-child)) {
1386
+ --tw-space-y-reverse: 0;
1387
+ margin-block-start: calc(calc(var(--spacing)*-1.5)*var(--tw-space-y-reverse));
1388
+ margin-block-end: calc(calc(var(--spacing)*-1.5)*calc(1 - var(--tw-space-y-reverse)));
1389
+ }
1365
1390
  .turtle-widget-root :where(.space-y-1>:not(:last-child)) {
1366
1391
  --tw-space-y-reverse: 0;
1367
1392
  margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
@@ -1747,6 +1772,9 @@
1747
1772
  .turtle-widget-root .pt-4 {
1748
1773
  padding-top: calc(var(--spacing)*4);
1749
1774
  }
1775
+ .turtle-widget-root .pt-8 {
1776
+ padding-top: calc(var(--spacing)*8);
1777
+ }
1750
1778
  .turtle-widget-root .\!pr-1\.5 {
1751
1779
  padding-right: calc(var(--spacing)*1.5) !important;
1752
1780
  }
@@ -1765,9 +1793,15 @@
1765
1793
  .turtle-widget-root .pb-3 {
1766
1794
  padding-bottom: calc(var(--spacing)*3);
1767
1795
  }
1796
+ .turtle-widget-root .pb-8 {
1797
+ padding-bottom: calc(var(--spacing)*8);
1798
+ }
1768
1799
  .turtle-widget-root .pl-0 {
1769
1800
  padding-left: calc(var(--spacing)*0);
1770
1801
  }
1802
+ .turtle-widget-root .pl-1 {
1803
+ padding-left: calc(var(--spacing)*1);
1804
+ }
1771
1805
  .turtle-widget-root .pl-2 {
1772
1806
  padding-left: calc(var(--spacing)*2);
1773
1807
  }
@@ -1786,6 +1820,9 @@
1786
1820
  .turtle-widget-root .pl-8 {
1787
1821
  padding-left: calc(var(--spacing)*8);
1788
1822
  }
1823
+ .turtle-widget-root .pl-20 {
1824
+ padding-left: calc(var(--spacing)*20);
1825
+ }
1789
1826
  .turtle-widget-root .text-center {
1790
1827
  text-align: center;
1791
1828
  }
@@ -1867,6 +1904,10 @@
1867
1904
  --tw-leading: var(--leading-snug);
1868
1905
  line-height: var(--leading-snug);
1869
1906
  }
1907
+ .turtle-widget-root .leading-tight {
1908
+ --tw-leading: var(--leading-tight);
1909
+ line-height: var(--leading-tight);
1910
+ }
1870
1911
  .turtle-widget-root .\!font-normal {
1871
1912
  --tw-font-weight: var(--font-weight-normal) !important;
1872
1913
  font-weight: var(--font-weight-normal) !important;
@@ -2238,8 +2279,8 @@
2238
2279
  width: calc(var(--spacing)*8) !important;
2239
2280
  height: calc(var(--spacing)*8) !important;
2240
2281
  }
2241
- .turtle-widget-root .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *) {
2242
- width: var(--sidebar-width-icon);
2282
+ .turtle-widget-root .group-data-\[collapsible\=icon\]\:w-12:is(:where(.group)[data-collapsible=icon] *) {
2283
+ width: calc(var(--spacing)*12);
2243
2284
  }
2244
2285
  .turtle-widget-root .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *) {
2245
2286
  width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)));
@@ -3384,9 +3425,6 @@
3384
3425
  .turtle-widget-root .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
3385
3426
  color: var(--color-muted-foreground);
3386
3427
  }
3387
- .turtle-widget-root .data-\[state\=open\]\:text-primary[data-state=open] {
3388
- color: var(--color-primary);
3389
- }
3390
3428
  .turtle-widget-root .data-\[state\=open\]\:opacity-100[data-state=open] {
3391
3429
  opacity: 1;
3392
3430
  }
@@ -4672,6 +4710,7 @@
4672
4710
  --font-weight-bold: 700;
4673
4711
  --tracking-tight: -0.025em;
4674
4712
  --tracking-widest: 0.1em;
4713
+ --leading-tight: 1.25;
4675
4714
  --leading-snug: 1.375;
4676
4715
  --leading-normal: 1.5;
4677
4716
  --radius-xs: calc(var(--radius) - 16px);
@@ -4679,6 +4718,7 @@
4679
4718
  --radius-md: calc(var(--radius) - 4px);
4680
4719
  --radius-lg: var(--radius);
4681
4720
  --radius-xl: calc(var(--radius) + 4px);
4721
+ --radius-2xl: calc(var(--radius) + 8px);
4682
4722
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
4683
4723
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
4684
4724
  --animate-spin: spin 1s linear infinite;
@@ -4694,6 +4734,7 @@
4694
4734
  --color-background: var(--background);
4695
4735
  --color-foreground: var(--foreground);
4696
4736
  --color-card: var(--card);
4737
+ --color-card-foreground: var(--card-foreground);
4697
4738
  --color-popover: var(--popover);
4698
4739
  --color-popover-foreground: var(--popover-foreground);
4699
4740
  --color-primary: var(--primary);
@@ -4705,11 +4746,14 @@
4705
4746
  --color-accent: var(--accent);
4706
4747
  --color-accent-foreground: var(--accent-foreground);
4707
4748
  --color-destructive: var(--destructive);
4749
+ --color-destructive-foreground: var(--destructive-foreground);
4708
4750
  --color-border: var(--border);
4709
4751
  --color-input: var(--input);
4710
4752
  --color-ring: var(--ring);
4711
4753
  --color-sidebar: var(--sidebar);
4712
4754
  --color-sidebar-foreground: var(--sidebar-foreground);
4755
+ --color-sidebar-primary: var(--primary);
4756
+ --color-sidebar-primary-foreground: var(--primary-foreground);
4713
4757
  --color-sidebar-accent: var(--accent);
4714
4758
  --color-sidebar-accent-foreground: var(--accent-foreground);
4715
4759
  --color-sidebar-border: var(--border);
@@ -4724,6 +4768,11 @@
4724
4768
  --color-primary-alpha-20: var(--color-brand-green-alpha-20);
4725
4769
  --color-primary-alpha-30: var(--color-brand-green-alpha-30);
4726
4770
  --color-primary-alpha-50: var(--color-brand-green-alpha-50);
4771
+ --color-chart-1: var(--chart-1);
4772
+ --color-chart-2: var(--chart-2);
4773
+ --color-chart-3: var(--chart-3);
4774
+ --color-chart-4: var(--chart-4);
4775
+ --color-chart-5: var(--chart-5);
4727
4776
  --border-gradient-white: linear-gradient(
4728
4777
  175deg,
4729
4778
  var(--color-neutral-alpha-50) 0%,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turtleclub/earn-widget",
3
- "version": "0.3.0-beta.61",
3
+ "version": "0.3.0-beta.63",
4
4
  "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -41,7 +41,7 @@
41
41
  "dependencies": {
42
42
  "@tailwindcss/postcss": "^4.1.11",
43
43
  "@turtleclub/hooks": "0.3.0-beta.2",
44
- "@turtleclub/ui": "0.3.0-beta.52",
44
+ "@turtleclub/ui": "0.3.0-beta.54",
45
45
  "class-variance-authority": "^0.7.1",
46
46
  "clsx": "^2.1.1",
47
47
  "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
79
79
  "publishConfig": {
80
80
  "access": "public"
81
81
  },
82
- "gitHead": "a41c7736290caa4df8417a95ca02cbeac53ae50f"
82
+ "gitHead": "87a12f36ee704edd6cb6857b4a2521f8002f81df"
83
83
  }