@turtleclub/earn-widget 0.3.0-beta.10 → 0.3.0-beta.12

package/dist/styles.css

@@ -206,6 +206,9 @@
   .turtle-widget-root .pointer-events-none {
     pointer-events: none;
   }
+  .turtle-widget-root .visible {
+    visibility: visible;
+  }
   .turtle-widget-root .absolute {
     position: absolute;
   }
@@ -218,6 +221,9 @@
   .turtle-widget-root .sticky {
     position: sticky;
   }
+  .turtle-widget-root .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
   .turtle-widget-root .top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -281,6 +287,9 @@
   .turtle-widget-root .flex {
     display: flex;
   }
+  .turtle-widget-root .grid {
+    display: grid;
+  }
   .turtle-widget-root .hidden {
     display: none;
   }
@@ -363,6 +372,9 @@
   .turtle-widget-root .max-w-\[120px\] {
     max-width: 120px;
   }
+  .turtle-widget-root .min-w-\[140px\] {
+    min-width: 140px;
+  }
   .turtle-widget-root .flex-1 {
     flex: 1;
   }
@@ -389,6 +401,9 @@
   .turtle-widget-root .cursor-pointer {
     cursor: pointer;
   }
+  .turtle-widget-root .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .turtle-widget-root .flex-col {
     flex-direction: column;
   }
@@ -605,6 +620,9 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
+  .turtle-widget-root .opacity-0 {
+    opacity: 0%;
+  }
   .turtle-widget-root .opacity-30 {
     opacity: 30%;
   }
@@ -625,6 +643,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .turtle-widget-root .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .turtle-widget-root .duration-700 {
     --tw-duration: 700ms;
     transition-duration: 700ms;
@@ -633,6 +656,20 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
+  .turtle-widget-root .group-hover\:invisible {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        visibility: hidden;
+      }
+    }
+  }
+  .turtle-widget-root .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .turtle-widget-root .focus\:border-transparent {
     &:focus {
       border-color: transparent;
@@ -1542,6 +1579,9 @@
   .turtle-widget-root .bg-border {
     background-color: var(--border);
   }
+  .turtle-widget-root .bg-card {
+    background-color: var(--card);
+  }
   .turtle-widget-root .bg-muted {
     background-color: var(--muted);
   }
@@ -1660,6 +1700,9 @@
   .turtle-widget-root .px-6 {
     padding-inline: calc(var(--spacing)*6);
   }
+  .turtle-widget-root .py-0 {
+    padding-block: calc(var(--spacing)*0);
+  }
   .turtle-widget-root .py-0\.5 {
     padding-block: calc(var(--spacing)*.5);
   }
@@ -1687,12 +1730,18 @@
   .turtle-widget-root .pt-2 {
     padding-top: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .pr-3 {
+    padding-right: calc(var(--spacing)*3);
+  }
   .turtle-widget-root .pr-8 {
     padding-right: calc(var(--spacing)*8);
   }
   .turtle-widget-root .pb-3 {
     padding-bottom: calc(var(--spacing)*3);
   }
+  .turtle-widget-root .pl-0 {
+    padding-left: calc(var(--spacing)*0);
+  }
   .turtle-widget-root .pl-2 {
     padding-left: calc(var(--spacing)*2);
   }
@@ -2125,7 +2174,7 @@
         }
       }
     }
-    .turtle-widget-root .hover\:bg-secondary\/80:hover {
+    .turtle-widget-root .hover\:bg-secondary:hover, .turtle-widget-root .hover\:bg-secondary\/80:hover {
       background-color: var(--secondary);
     }
     @supports (color:color-mix(in lab,red,red)) {
@@ -2482,6 +2531,9 @@
   .turtle-widget-root :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
     gap: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .\[\&\>div\]\:\!block>div {
+    display: block !important;
+  }
 }
 @property --tw-animation-delay {
   syntax: "*";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.0-beta.10",
+  "version": "0.3.0-beta.12",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -41,7 +41,7 @@
   "dependencies": {
     "@tailwindcss/postcss": "^4.1.11",
     "@turtleclub/hooks": "0.2.1-beta.1",
-    "@turtleclub/ui": "0.3.0-beta.5",
+    "@turtleclub/ui": "0.3.0-beta.7",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jotai": "^2.10.5",
@@ -79,5 +79,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "768721186ae2eba4588884f6d090ccdb18623932"
+  "gitHead": "b59bfd4343e7855ed645579414b98940172aa14c"
 }