@turtleclub/earn-widget 0.3.1-beta.0 → 0.3.1-beta.1

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 +132 -47
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -2104,6 +2104,9 @@
2104
2104
  .turtle-widget-root .text-red-600 {
2105
2105
  color: var(--color-red-600);
2106
2106
  }
2107
+ .turtle-widget-root .text-secondary {
2108
+ color: var(--color-secondary);
2109
+ }
2107
2110
  .turtle-widget-root .text-secondary-foreground {
2108
2111
  color: var(--color-secondary-foreground);
2109
2112
  }
@@ -2366,6 +2369,9 @@
2366
2369
  opacity: 1;
2367
2370
  }
2368
2371
  @media (hover:hover) {
2372
+ .turtle-widget-root .group-hover\:text-muted-foreground:is(:where(.group):hover *) {
2373
+ color: var(--color-muted-foreground);
2374
+ }
2369
2375
  .turtle-widget-root .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
2370
2376
  opacity: 1;
2371
2377
  }
@@ -3786,8 +3792,11 @@
3786
3792
  .turtle-widget-root .md\:w-auto {
3787
3793
  width: auto;
3788
3794
  }
3789
- .turtle-widget-root .md\:max-w-md {
3790
- max-width: var(--container-md);
3795
+ .turtle-widget-root .md\:w-full {
3796
+ width: 100%;
3797
+ }
3798
+ .turtle-widget-root .md\:max-w-lg {
3799
+ max-width: var(--container-lg);
3791
3800
  }
3792
3801
  .turtle-widget-root .md\:-translate-x-full {
3793
3802
  --tw-translate-x: -100%;
@@ -4388,6 +4397,7 @@
4388
4397
  --color-neutral-base-850: oklch(21.63% .0025 145.49);
4389
4398
  --color-neutral-base-900: oklch(19.42% .0025 145.48);
4390
4399
  --color-brand-green-alpha-10: oklch(64.77% .1717 141.5/.102);
4400
+ --color-brand-green-alpha-20: oklch(86.23% .2096 142.59/.2);
4391
4401
  --color-brand-green-alpha-30: oklch(86.23% .2096 142.59/.302);
4392
4402
  --color-brand-green-alpha-40: oklch(86.23% .2096 142.59/.4);
4393
4403
  --color-brand-green-alpha-50: oklch(86.23% .2096 142.59/.502);
@@ -4401,7 +4411,6 @@
4401
4411
  --color-neutral-alpha-20: oklch(98.21% 0 89.88/.2);
4402
4412
  --color-neutral-alpha-30: oklch(98.21% 0 89.88/.302);
4403
4413
  --color-neutral-alpha-50: oklch(100% 0 89.88/.502);
4404
- --color-brand-green-alpha-20: oklch(86.23% .2096 142.59/.2);
4405
4414
  --color-brand-aqua: oklch(90.35% .0807 168.05);
4406
4415
  --color-neutral-alpha-dark-2: oklch(19.42% .0025 145.48/.02);
4407
4416
  --color-neutral-alpha-dark-5: oklch(19.42% .0025 145.48/.051);
@@ -5809,10 +5818,18 @@
5809
5818
  }
5810
5819
  @layer utilities;
5811
5820
  .turtle-widget-root {
5812
- --color-brand-green: oklch(0.8623 0.2096 142.59);
5813
- --color-brand-black: oklch(0.1942 0.0025 145.48);
5814
- --color-brand-white: oklch(0.9821 0 89.88);
5815
- --color-neutral-base-50: oklch(0.9821 0 89.88);
5821
+ --color-brand-green: oklch(
5822
+ 0.8623 0.2096 142.59
5823
+ );
5824
+ --color-brand-black: oklch(
5825
+ 0.1942 0.0025 145.48
5826
+ );
5827
+ --color-brand-white: oklch(
5828
+ 0.9821 0 89.88
5829
+ );
5830
+ --color-neutral-base-50: oklch(
5831
+ 0.9821 0 89.88
5832
+ );
5816
5833
  --color-neutral-base-100: oklch(0.9581 0 89.88);
5817
5834
  --color-neutral-base-200: oklch(0.9219 0 89.88);
5818
5835
  --color-neutral-base-300: oklch(0.8607 0 89.88);
@@ -5821,9 +5838,14 @@
5821
5838
  --color-neutral-base-600: oklch(0.4386 0 89.88);
5822
5839
  --color-neutral-base-700: oklch(0.3715 0 89.88);
5823
5840
  --color-neutral-base-800: oklch(0.2686 0 89.88);
5824
- --color-neutral-base-850: oklch(0.2163 0.0025 145.49);
5825
- --color-neutral-base-900: oklch(0.1942 0.0025 145.48);
5841
+ --color-neutral-base-850: oklch(
5842
+ 0.2163 0.0025 145.49
5843
+ );
5844
+ --color-neutral-base-900: oklch(
5845
+ 0.1942 0.0025 145.48
5846
+ );
5826
5847
  --color-brand-green-alpha-10: oklch(0.8623 0.2096 142.59 / 0.102);
5848
+ --color-brand-green-alpha-20: oklch(0.8623 0.2096 142.59 / 0.2);
5827
5849
  --color-brand-green-alpha-30: oklch(0.8623 0.2096 142.59 / 0.302);
5828
5850
  --color-brand-green-alpha-40: oklch(0.8623 0.2096 142.59 / 0.4);
5829
5851
  --color-brand-green-alpha-50: oklch(0.8623 0.2096 142.59 / 0.502);
@@ -5833,21 +5855,45 @@
5833
5855
  --color-brand-green-alpha-90: oklch(0.8623 0.2096 142.59 / 0.902);
5834
5856
  --color-neutral-alpha-2: oklch(0.9821 0 89.88 / 0.02);
5835
5857
  --color-neutral-alpha-5: oklch(0.9821 0 89.88 / 0.051);
5836
- --color-neutral-alpha-10: oklch(0.9821 0 89.88 / 0.102);
5858
+ --color-neutral-alpha-10: oklch(
5859
+ 0.9821 0 89.88 / 0.102
5860
+ );
5837
5861
  --color-neutral-alpha-20: oklch(0.9821 0 89.88 / 0.2);
5838
- --color-neutral-alpha-30: oklch(0.9821 0 89.88 / 0.302);
5862
+ --color-neutral-alpha-30: oklch(
5863
+ 0.9821 0 89.88 / 0.302
5864
+ );
5839
5865
  --color-neutral-alpha-50: oklch(1 0 89.88 / 0.502);
5840
- --color-brand-green-alpha-10: oklch(0.6477 0.1717 141.5 / 0.102);
5841
- --color-brand-green-alpha-20: oklch(0.8623 0.2096 142.59 / 0.2);
5842
- --color-brand-aqua: oklch(0.9035 0.0807 168.05);
5843
- --color-neutral-alpha-dark-2: oklch(0.1942 0.0025 145.48 / 0.02);
5844
- --color-neutral-alpha-dark-5: oklch(0.1942 0.0025 145.48 / 0.051);
5845
- --color-neutral-alpha-dark-10: oklch(0.1942 0.0025 145.48 / 0.102);
5846
- --color-neutral-alpha-dark-20: oklch(0.1942 0.0025 145.48 / 0.2);
5847
- --color-neutral-alpha-dark-30: oklch(0.1942 0.0025 145.48 / 0.302);
5848
- --color-neutral-alpha-dark-50: oklch(0.1942 0.0025 145.48 / 0.502);
5866
+ --color-brand-green-alpha-10: oklch(
5867
+ 0.6477 0.1717 141.5 / 0.102
5868
+ );
5869
+ --color-brand-green-alpha-20: oklch(
5870
+ 0.8623 0.2096 142.59 / 0.2
5871
+ );
5872
+ --color-brand-aqua: oklch(
5873
+ 0.9035 0.0807 168.05
5874
+ );
5875
+ --color-neutral-alpha-dark-2: oklch(
5876
+ 0.1942 0.0025 145.48 / 0.02
5877
+ );
5878
+ --color-neutral-alpha-dark-5: oklch(
5879
+ 0.1942 0.0025 145.48 / 0.051
5880
+ );
5881
+ --color-neutral-alpha-dark-10: oklch(
5882
+ 0.1942 0.0025 145.48 / 0.102
5883
+ );
5884
+ --color-neutral-alpha-dark-20: oklch(
5885
+ 0.1942 0.0025 145.48 / 0.2
5886
+ );
5887
+ --color-neutral-alpha-dark-30: oklch(
5888
+ 0.1942 0.0025 145.48 / 0.302
5889
+ );
5890
+ --color-neutral-alpha-dark-50: oklch(
5891
+ 0.1942 0.0025 145.48 / 0.502
5892
+ );
5849
5893
  --color-success: oklch(0.7227 0.192 149.58);
5850
- --color-success-light: oklch(0.9624 0.0434 156.74);
5894
+ --color-success-light: oklch(
5895
+ 0.9624 0.0434 156.74
5896
+ );
5851
5897
  --color-success-dark: oklch(0.4479 0.1083 151.33);
5852
5898
  --color-error: oklch(0.6368 0.2078 25.33);
5853
5899
  --color-error-light: oklch(0.9356 0.0309 17.72);
@@ -5883,25 +5929,30 @@
5883
5929
  --spacing-xl: var(--spacing-8);
5884
5930
  --spacing-2xl: var(--spacing-12);
5885
5931
  --spacing-3xl: var(--spacing-16);
5886
- --spacing-button-padding-x: var(--spacing-4);
5887
- --spacing-button-padding-y: var(--spacing-2);
5932
+ --spacing-button-padding-x: var(
5933
+ --spacing-4
5934
+ );
5935
+ --spacing-button-padding-y: var(
5936
+ --spacing-2
5937
+ );
5888
5938
  --spacing-card-padding: var(--spacing-6);
5889
5939
  --spacing-container-padding: var(--spacing-4);
5890
5940
  --spacing-section-gap: var(--spacing-8);
5891
5941
  --spacing-component-gap: var(--spacing-4);
5892
- --spacing-element-gap: var(--spacing-2);
5942
+ --spacing-element-gap: var(
5943
+ --spacing-2
5944
+ );
5893
5945
  }
5894
5946
  .turtle-widget-root {
5895
5947
  --radius-turtle: 1.25rem;
5896
5948
  --radius-3xl: 1.5rem;
5897
5949
  }
5898
5950
  .turtle-widget-root {
5899
- --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
5900
- "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
5901
- sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
5902
- "Segoe UI Symbol", "Noto Color Emoji";
5903
- --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas,
5904
- "Liberation Mono", Menlo, monospace;
5951
+ --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
5952
+ Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
5953
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5954
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo,
5955
+ monospace;
5905
5956
  --font-display: var(--font-sans);
5906
5957
  --text-xs: 0.75rem;
5907
5958
  --text-sm: 0.875rem;
@@ -5951,24 +6002,42 @@
5951
6002
  --tracking-widest: 0.1em;
5952
6003
  }
5953
6004
  .turtle-widget-root {
5954
- --background: var(--color-brand-black);
6005
+ --background: var(
6006
+ --color-brand-black
6007
+ );
5955
6008
  --foreground: var(--color-brand-white);
5956
6009
  --card: var(--color-brand-black);
5957
6010
  --card-foreground: var(--color-brand-white);
5958
6011
  --popover: var(--color-brand-black);
5959
- --popover-foreground: var(--color-brand-white);
6012
+ --popover-foreground: var(
6013
+ --color-brand-white
6014
+ );
5960
6015
  --primary: var(--color-brand-green);
5961
- --primary-foreground: var(--color-brand-black);
5962
- --secondary: var(--color-neutral-base-800);
6016
+ --primary-foreground: var(
6017
+ --color-brand-black
6018
+ );
6019
+ --secondary: var(
6020
+ --color-neutral-base-800
6021
+ );
5963
6022
  --secondary-foreground: var(--color-brand-white);
5964
6023
  --muted: var(--color-neutral-base-850);
5965
- --muted-foreground: var(--color-neutral-alpha-50);
6024
+ --muted-foreground: var(
6025
+ --color-neutral-alpha-50
6026
+ );
5966
6027
  --accent: var(--color-brand-green);
5967
- --accent-foreground: var(--color-brand-black);
6028
+ --accent-foreground: var(
6029
+ --color-brand-black
6030
+ );
5968
6031
  --destructive: var(--color-error);
5969
- --destructive-foreground: var(--color-brand-white);
5970
- --border: var(--color-neutral-alpha-10);
5971
- --input: var(--color-neutral-alpha-2);
6032
+ --destructive-foreground: var(
6033
+ --color-brand-white
6034
+ );
6035
+ --border: var(
6036
+ --color-neutral-alpha-10
6037
+ );
6038
+ --input: var(
6039
+ --color-neutral-alpha-2
6040
+ );
5972
6041
  --ring: var(--color-brand-green);
5973
6042
  --sidebar: var(--color-neutral-base-850);
5974
6043
  --sidebar-foreground: var(--color-brand-white);
@@ -5985,19 +6054,35 @@
5985
6054
  --card: var(--color-brand-white);
5986
6055
  --card-foreground: var(--color-brand-black);
5987
6056
  --popover: var(--color-brand-white);
5988
- --popover-foreground: var(--color-brand-black);
5989
- --primary: var(--color-brand-green);
5990
- --primary-foreground: var(--color-brand-black);
6057
+ --popover-foreground: var(
6058
+ --color-brand-black
6059
+ );
6060
+ --primary: var(
6061
+ --color-brand-green
6062
+ );
6063
+ --primary-foreground: var(
6064
+ --color-brand-black
6065
+ );
5991
6066
  --secondary: var(--color-neutral-alpha-10);
5992
6067
  --secondary-foreground: var(--color-brand-black);
5993
6068
  --muted: var(--color-neutral-alpha-2);
5994
- --muted-foreground: var(--color-neutral-alpha-50);
6069
+ --muted-foreground: var(
6070
+ --color-neutral-alpha-50
6071
+ );
5995
6072
  --accent: var(--color-brand-green);
5996
- --accent-foreground: var(--color-brand-black);
6073
+ --accent-foreground: var(
6074
+ --color-brand-black
6075
+ );
5997
6076
  --destructive: var(--color-error);
5998
- --destructive-foreground: var(--color-brand-white);
5999
- --border: var(--color-neutral-alpha-dark-10);
6000
- --input: var(--color-neutral-alpha-2);
6077
+ --destructive-foreground: var(
6078
+ --color-brand-white
6079
+ );
6080
+ --border: var(
6081
+ --color-neutral-alpha-dark-10
6082
+ );
6083
+ --input: var(
6084
+ --color-neutral-alpha-2
6085
+ );
6001
6086
  --ring: var(--color-brand-green);
6002
6087
  --sidebar: var(--color-neutral-base-850);
6003
6088
  --sidebar-foreground: var(--color-brand-white);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turtleclub/earn-widget",
3
- "version": "0.3.1-beta.0",
3
+ "version": "0.3.1-beta.1",
4
4
  "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -43,7 +43,7 @@
43
43
  "@turtleclub/api": "0.3.0",
44
44
  "@turtleclub/chains": "0.2.0",
45
45
  "@turtleclub/hooks": "0.3.0",
46
- "@turtleclub/ui": "0.3.1-beta.0",
46
+ "@turtleclub/ui": "0.4.0-beta.0",
47
47
  "@turtleclub/utils": "0.2.0",
48
48
  "class-variance-authority": "^0.7.1",
49
49
  "clsx": "^2.1.1",
@@ -84,5 +84,5 @@
84
84
  "publishConfig": {
85
85
  "access": "public"
86
86
  },
87
- "gitHead": "634729c7f417233b43b476c1ecc46c31b2c23113"
87
+ "gitHead": "f22b695039b48325481c75220aaf06a339eee2ba"
88
88
  }