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

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 +134 -51
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -1210,9 +1210,6 @@
1210
1210
  .turtle-widget-root .max-w-md {
1211
1211
  max-width: var(--container-md);
1212
1212
  }
1213
- .turtle-widget-root .max-w-sm {
1214
- max-width: var(--container-sm);
1215
- }
1216
1213
  .turtle-widget-root .min-w-0 {
1217
1214
  min-width: calc(var(--spacing)*0);
1218
1215
  }
@@ -1975,6 +1972,9 @@
1975
1972
  font-size: var(--text-xs);
1976
1973
  line-height: var(--tw-leading,var(--text-xs--line-height));
1977
1974
  }
1975
+ .turtle-widget-root .text-\[0\.65rem\] {
1976
+ font-size: .65rem;
1977
+ }
1978
1978
  .turtle-widget-root .text-\[8px\] {
1979
1979
  font-size: 8px;
1980
1980
  }
@@ -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,9 +3792,6 @@
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);
3791
- }
3792
3795
  .turtle-widget-root .md\:-translate-x-full {
3793
3796
  --tw-translate-x: -100%;
3794
3797
  translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -4087,6 +4090,10 @@
4087
4090
  .turtle-widget-root .\[\&_svg\]\:p-2 svg {
4088
4091
  padding: calc(var(--spacing)*2);
4089
4092
  }
4093
+ .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]) {
4094
+ width: calc(var(--spacing)*3.5);
4095
+ height: calc(var(--spacing)*3.5);
4096
+ }
4090
4097
  .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
4091
4098
  width: calc(var(--spacing)*4);
4092
4099
  height: calc(var(--spacing)*4);
@@ -4388,6 +4395,7 @@
4388
4395
  --color-neutral-base-850: oklch(21.63% .0025 145.49);
4389
4396
  --color-neutral-base-900: oklch(19.42% .0025 145.48);
4390
4397
  --color-brand-green-alpha-10: oklch(64.77% .1717 141.5/.102);
4398
+ --color-brand-green-alpha-20: oklch(86.23% .2096 142.59/.2);
4391
4399
  --color-brand-green-alpha-30: oklch(86.23% .2096 142.59/.302);
4392
4400
  --color-brand-green-alpha-40: oklch(86.23% .2096 142.59/.4);
4393
4401
  --color-brand-green-alpha-50: oklch(86.23% .2096 142.59/.502);
@@ -4401,7 +4409,6 @@
4401
4409
  --color-neutral-alpha-20: oklch(98.21% 0 89.88/.2);
4402
4410
  --color-neutral-alpha-30: oklch(98.21% 0 89.88/.302);
4403
4411
  --color-neutral-alpha-50: oklch(100% 0 89.88/.502);
4404
- --color-brand-green-alpha-20: oklch(86.23% .2096 142.59/.2);
4405
4412
  --color-brand-aqua: oklch(90.35% .0807 168.05);
4406
4413
  --color-neutral-alpha-dark-2: oklch(19.42% .0025 145.48/.02);
4407
4414
  --color-neutral-alpha-dark-5: oklch(19.42% .0025 145.48/.051);
@@ -5809,10 +5816,18 @@
5809
5816
  }
5810
5817
  @layer utilities;
5811
5818
  .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);
5819
+ --color-brand-green: oklch(
5820
+ 0.8623 0.2096 142.59
5821
+ );
5822
+ --color-brand-black: oklch(
5823
+ 0.1942 0.0025 145.48
5824
+ );
5825
+ --color-brand-white: oklch(
5826
+ 0.9821 0 89.88
5827
+ );
5828
+ --color-neutral-base-50: oklch(
5829
+ 0.9821 0 89.88
5830
+ );
5816
5831
  --color-neutral-base-100: oklch(0.9581 0 89.88);
5817
5832
  --color-neutral-base-200: oklch(0.9219 0 89.88);
5818
5833
  --color-neutral-base-300: oklch(0.8607 0 89.88);
@@ -5821,9 +5836,14 @@
5821
5836
  --color-neutral-base-600: oklch(0.4386 0 89.88);
5822
5837
  --color-neutral-base-700: oklch(0.3715 0 89.88);
5823
5838
  --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);
5839
+ --color-neutral-base-850: oklch(
5840
+ 0.2163 0.0025 145.49
5841
+ );
5842
+ --color-neutral-base-900: oklch(
5843
+ 0.1942 0.0025 145.48
5844
+ );
5826
5845
  --color-brand-green-alpha-10: oklch(0.8623 0.2096 142.59 / 0.102);
5846
+ --color-brand-green-alpha-20: oklch(0.8623 0.2096 142.59 / 0.2);
5827
5847
  --color-brand-green-alpha-30: oklch(0.8623 0.2096 142.59 / 0.302);
5828
5848
  --color-brand-green-alpha-40: oklch(0.8623 0.2096 142.59 / 0.4);
5829
5849
  --color-brand-green-alpha-50: oklch(0.8623 0.2096 142.59 / 0.502);
@@ -5833,21 +5853,45 @@
5833
5853
  --color-brand-green-alpha-90: oklch(0.8623 0.2096 142.59 / 0.902);
5834
5854
  --color-neutral-alpha-2: oklch(0.9821 0 89.88 / 0.02);
5835
5855
  --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);
5856
+ --color-neutral-alpha-10: oklch(
5857
+ 0.9821 0 89.88 / 0.102
5858
+ );
5837
5859
  --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);
5860
+ --color-neutral-alpha-30: oklch(
5861
+ 0.9821 0 89.88 / 0.302
5862
+ );
5839
5863
  --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);
5864
+ --color-brand-green-alpha-10: oklch(
5865
+ 0.6477 0.1717 141.5 / 0.102
5866
+ );
5867
+ --color-brand-green-alpha-20: oklch(
5868
+ 0.8623 0.2096 142.59 / 0.2
5869
+ );
5870
+ --color-brand-aqua: oklch(
5871
+ 0.9035 0.0807 168.05
5872
+ );
5873
+ --color-neutral-alpha-dark-2: oklch(
5874
+ 0.1942 0.0025 145.48 / 0.02
5875
+ );
5876
+ --color-neutral-alpha-dark-5: oklch(
5877
+ 0.1942 0.0025 145.48 / 0.051
5878
+ );
5879
+ --color-neutral-alpha-dark-10: oklch(
5880
+ 0.1942 0.0025 145.48 / 0.102
5881
+ );
5882
+ --color-neutral-alpha-dark-20: oklch(
5883
+ 0.1942 0.0025 145.48 / 0.2
5884
+ );
5885
+ --color-neutral-alpha-dark-30: oklch(
5886
+ 0.1942 0.0025 145.48 / 0.302
5887
+ );
5888
+ --color-neutral-alpha-dark-50: oklch(
5889
+ 0.1942 0.0025 145.48 / 0.502
5890
+ );
5849
5891
  --color-success: oklch(0.7227 0.192 149.58);
5850
- --color-success-light: oklch(0.9624 0.0434 156.74);
5892
+ --color-success-light: oklch(
5893
+ 0.9624 0.0434 156.74
5894
+ );
5851
5895
  --color-success-dark: oklch(0.4479 0.1083 151.33);
5852
5896
  --color-error: oklch(0.6368 0.2078 25.33);
5853
5897
  --color-error-light: oklch(0.9356 0.0309 17.72);
@@ -5883,25 +5927,30 @@
5883
5927
  --spacing-xl: var(--spacing-8);
5884
5928
  --spacing-2xl: var(--spacing-12);
5885
5929
  --spacing-3xl: var(--spacing-16);
5886
- --spacing-button-padding-x: var(--spacing-4);
5887
- --spacing-button-padding-y: var(--spacing-2);
5930
+ --spacing-button-padding-x: var(
5931
+ --spacing-4
5932
+ );
5933
+ --spacing-button-padding-y: var(
5934
+ --spacing-2
5935
+ );
5888
5936
  --spacing-card-padding: var(--spacing-6);
5889
5937
  --spacing-container-padding: var(--spacing-4);
5890
5938
  --spacing-section-gap: var(--spacing-8);
5891
5939
  --spacing-component-gap: var(--spacing-4);
5892
- --spacing-element-gap: var(--spacing-2);
5940
+ --spacing-element-gap: var(
5941
+ --spacing-2
5942
+ );
5893
5943
  }
5894
5944
  .turtle-widget-root {
5895
5945
  --radius-turtle: 1.25rem;
5896
5946
  --radius-3xl: 1.5rem;
5897
5947
  }
5898
5948
  .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;
5949
+ --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
5950
+ Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
5951
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5952
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo,
5953
+ monospace;
5905
5954
  --font-display: var(--font-sans);
5906
5955
  --text-xs: 0.75rem;
5907
5956
  --text-sm: 0.875rem;
@@ -5951,24 +6000,42 @@
5951
6000
  --tracking-widest: 0.1em;
5952
6001
  }
5953
6002
  .turtle-widget-root {
5954
- --background: var(--color-brand-black);
6003
+ --background: var(
6004
+ --color-brand-black
6005
+ );
5955
6006
  --foreground: var(--color-brand-white);
5956
6007
  --card: var(--color-brand-black);
5957
6008
  --card-foreground: var(--color-brand-white);
5958
6009
  --popover: var(--color-brand-black);
5959
- --popover-foreground: var(--color-brand-white);
6010
+ --popover-foreground: var(
6011
+ --color-brand-white
6012
+ );
5960
6013
  --primary: var(--color-brand-green);
5961
- --primary-foreground: var(--color-brand-black);
5962
- --secondary: var(--color-neutral-base-800);
6014
+ --primary-foreground: var(
6015
+ --color-brand-black
6016
+ );
6017
+ --secondary: var(
6018
+ --color-neutral-base-800
6019
+ );
5963
6020
  --secondary-foreground: var(--color-brand-white);
5964
6021
  --muted: var(--color-neutral-base-850);
5965
- --muted-foreground: var(--color-neutral-alpha-50);
6022
+ --muted-foreground: var(
6023
+ --color-neutral-alpha-50
6024
+ );
5966
6025
  --accent: var(--color-brand-green);
5967
- --accent-foreground: var(--color-brand-black);
6026
+ --accent-foreground: var(
6027
+ --color-brand-black
6028
+ );
5968
6029
  --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);
6030
+ --destructive-foreground: var(
6031
+ --color-brand-white
6032
+ );
6033
+ --border: var(
6034
+ --color-neutral-alpha-10
6035
+ );
6036
+ --input: var(
6037
+ --color-neutral-alpha-2
6038
+ );
5972
6039
  --ring: var(--color-brand-green);
5973
6040
  --sidebar: var(--color-neutral-base-850);
5974
6041
  --sidebar-foreground: var(--color-brand-white);
@@ -5985,19 +6052,35 @@
5985
6052
  --card: var(--color-brand-white);
5986
6053
  --card-foreground: var(--color-brand-black);
5987
6054
  --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);
6055
+ --popover-foreground: var(
6056
+ --color-brand-black
6057
+ );
6058
+ --primary: var(
6059
+ --color-brand-green
6060
+ );
6061
+ --primary-foreground: var(
6062
+ --color-brand-black
6063
+ );
5991
6064
  --secondary: var(--color-neutral-alpha-10);
5992
6065
  --secondary-foreground: var(--color-brand-black);
5993
6066
  --muted: var(--color-neutral-alpha-2);
5994
- --muted-foreground: var(--color-neutral-alpha-50);
6067
+ --muted-foreground: var(
6068
+ --color-neutral-alpha-50
6069
+ );
5995
6070
  --accent: var(--color-brand-green);
5996
- --accent-foreground: var(--color-brand-black);
6071
+ --accent-foreground: var(
6072
+ --color-brand-black
6073
+ );
5997
6074
  --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);
6075
+ --destructive-foreground: var(
6076
+ --color-brand-white
6077
+ );
6078
+ --border: var(
6079
+ --color-neutral-alpha-dark-10
6080
+ );
6081
+ --input: var(
6082
+ --color-neutral-alpha-2
6083
+ );
6001
6084
  --ring: var(--color-brand-green);
6002
6085
  --sidebar: var(--color-neutral-base-850);
6003
6086
  --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.2",
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.1",
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": "26920daf82c96167519528883d576482fb1572a8"
88
88
  }