@turtleclub/earn-widget 0.3.0-beta.32 → 0.3.0-beta.34

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 +64 -3
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -56,6 +56,7 @@
56
56
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
57
57
  --animate-spin: spin 1s linear infinite;
58
58
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
59
+ --blur-lg: 16px;
59
60
  --aspect-video: 16 / 9;
60
61
  --default-transition-duration: 150ms;
61
62
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -688,6 +689,15 @@
688
689
  --tw-drop-shadow-color: initial;
689
690
  --tw-drop-shadow-alpha: 100%;
690
691
  --tw-drop-shadow-size: initial;
692
+ --tw-backdrop-blur: initial;
693
+ --tw-backdrop-brightness: initial;
694
+ --tw-backdrop-contrast: initial;
695
+ --tw-backdrop-grayscale: initial;
696
+ --tw-backdrop-hue-rotate: initial;
697
+ --tw-backdrop-invert: initial;
698
+ --tw-backdrop-opacity: initial;
699
+ --tw-backdrop-saturate: initial;
700
+ --tw-backdrop-sepia: initial;
691
701
  --tw-duration: initial;
692
702
  --tw-content: "";
693
703
  --tw-scale-x: 1;
@@ -766,6 +776,7 @@
766
776
  --drop-shadow-lg: 0 4px 4px #00000026;
767
777
  --animate-spin: spin 1s linear infinite;
768
778
  --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
779
+ --blur-lg: 16px;
769
780
  --aspect-video: 16/9;
770
781
  --default-transition-duration: .15s;
771
782
  --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
@@ -801,9 +812,9 @@
801
812
  --color-primary-alpha-20: var(--color-brand-green-alpha-20);
802
813
  --color-primary-alpha-30: var(--color-brand-green-alpha-30);
803
814
  --color-primary-alpha-50: var(--color-brand-green-alpha-50);
804
- --border-gradient-white: linear-gradient(175deg,var(--color-neutral-alpha-50)0%,var(--color-neutral-alpha-5)40%,var(--color-neutral-alpha-2)60%,var(--color-neutral-alpha-20)100%)border-box;
805
- --border-gradient-primary: linear-gradient(165deg,var(--color-primary-alpha-50)0%,var(--color-primary-alpha-20)20%,var(--color-primary-alpha-10)75%,var(--color-primary-alpha-30)100%)border-box;
806
- --border-gradient-accent: linear-gradient(to bottom,var(--color-primary)0%,rgba(var(--color-primary-alpha-10)/0)100%)border-box;
815
+ --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;
816
+ --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;
817
+ --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;
807
818
  }
808
819
  }
809
820
  @layer base {
@@ -2543,6 +2554,11 @@
2543
2554
  .turtle-widget-root .filter {
2544
2555
  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,);
2545
2556
  }
2557
+ .turtle-widget-root .backdrop-blur-lg {
2558
+ --tw-backdrop-blur: blur(var(--blur-lg));
2559
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
2560
+ backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
2561
+ }
2546
2562
  .turtle-widget-root .transition {
2547
2563
  transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
2548
2564
  transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
@@ -4250,6 +4266,42 @@
4250
4266
  inherits: false;
4251
4267
  initial-value: solid;
4252
4268
  }
4269
+ @property --tw-backdrop-blur {
4270
+ syntax: "*";
4271
+ inherits: false;
4272
+ }
4273
+ @property --tw-backdrop-brightness {
4274
+ syntax: "*";
4275
+ inherits: false;
4276
+ }
4277
+ @property --tw-backdrop-contrast {
4278
+ syntax: "*";
4279
+ inherits: false;
4280
+ }
4281
+ @property --tw-backdrop-grayscale {
4282
+ syntax: "*";
4283
+ inherits: false;
4284
+ }
4285
+ @property --tw-backdrop-hue-rotate {
4286
+ syntax: "*";
4287
+ inherits: false;
4288
+ }
4289
+ @property --tw-backdrop-invert {
4290
+ syntax: "*";
4291
+ inherits: false;
4292
+ }
4293
+ @property --tw-backdrop-opacity {
4294
+ syntax: "*";
4295
+ inherits: false;
4296
+ }
4297
+ @property --tw-backdrop-saturate {
4298
+ syntax: "*";
4299
+ inherits: false;
4300
+ }
4301
+ @property --tw-backdrop-sepia {
4302
+ syntax: "*";
4303
+ inherits: false;
4304
+ }
4253
4305
  @property --tw-content {
4254
4306
  syntax: "*";
4255
4307
  inherits: false;
@@ -4563,6 +4615,15 @@
4563
4615
  --tw-numeric-spacing: initial;
4564
4616
  --tw-numeric-fraction: initial;
4565
4617
  --tw-outline-style: solid;
4618
+ --tw-backdrop-blur: initial;
4619
+ --tw-backdrop-brightness: initial;
4620
+ --tw-backdrop-contrast: initial;
4621
+ --tw-backdrop-grayscale: initial;
4622
+ --tw-backdrop-hue-rotate: initial;
4623
+ --tw-backdrop-invert: initial;
4624
+ --tw-backdrop-opacity: initial;
4625
+ --tw-backdrop-saturate: initial;
4626
+ --tw-backdrop-sepia: initial;
4566
4627
  --tw-content: "";
4567
4628
  --tw-scale-x: 1;
4568
4629
  --tw-scale-y: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turtleclub/earn-widget",
3
- "version": "0.3.0-beta.32",
3
+ "version": "0.3.0-beta.34",
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.2.1-beta.4",
44
- "@turtleclub/ui": "0.3.0-beta.26",
44
+ "@turtleclub/ui": "0.3.0-beta.28",
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": "0f1699fbb09a9c05fe87d1362aed4534df2a3c07"
82
+ "gitHead": "5537539617b1f2a5a3e5ade85204074a275de44b"
83
83
  }