@turtleclub/earn-widget 0.2.0-beta.4 → 0.2.0-beta.5

package/dist/styles.css

@@ -208,6 +208,9 @@
   .turtle-widget-root .absolute {
     position: absolute;
   }
+  .turtle-widget-root .fixed {
+    position: fixed;
+  }
   .turtle-widget-root .relative {
     position: relative;
   }
@@ -232,15 +235,9 @@
   .turtle-widget-root .bottom-3 {
     bottom: calc(var(--spacing) * 3);
   }
-  .turtle-widget-root .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
   .turtle-widget-root .left-4 {
     left: calc(var(--spacing) * 4);
   }
-  .turtle-widget-root .z-10 {
-    z-index: 10;
-  }
   .turtle-widget-root .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -316,9 +313,6 @@
   .turtle-widget-root .h-10 {
     height: calc(var(--spacing) * 10);
   }
-  .turtle-widget-root .h-11 {
-    height: calc(var(--spacing) * 11);
-  }
   .turtle-widget-root .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -349,24 +343,18 @@
   .turtle-widget-root .w-10 {
     width: calc(var(--spacing) * 10);
   }
-  .turtle-widget-root .w-11 {
-    width: calc(var(--spacing) * 11);
-  }
   .turtle-widget-root .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .turtle-widget-root .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
   .turtle-widget-root .w-24 {
     width: calc(var(--spacing) * 24);
   }
   .turtle-widget-root .w-32 {
     width: calc(var(--spacing) * 32);
   }
-  .turtle-widget-root .w-\[82\%\] {
-    width: 82%;
-  }
-  .turtle-widget-root .w-auto {
-    width: auto;
-  }
   .turtle-widget-root .w-full {
     width: 100%;
   }
@@ -388,6 +376,10 @@
   .turtle-widget-root .flex-shrink-0 {
     flex-shrink: 0;
   }
+  .turtle-widget-root .-translate-x-2\.5 {
+    --tw-translate-x: calc(var(--spacing) * -2.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .turtle-widget-root .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -422,9 +414,6 @@
   .turtle-widget-root .justify-center {
     justify-content: center;
   }
-  .turtle-widget-root .justify-end {
-    justify-content: flex-end;
-  }
   .turtle-widget-root .justify-start {
     justify-content: flex-start;
   }
@@ -486,6 +475,10 @@
   .turtle-widget-root .rounded-md {
     border-radius: var(--radius-md);
   }
+  .turtle-widget-root .rounded-l-none {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
   .turtle-widget-root .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -548,8 +541,8 @@
   .turtle-widget-root .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
-  .turtle-widget-root .pr-3 {
-    padding-right: calc(var(--spacing) * 3);
+  .turtle-widget-root .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
   }
   .turtle-widget-root .pr-12 {
     padding-right: calc(var(--spacing) * 12);
@@ -563,9 +556,6 @@
   .turtle-widget-root .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
-  .turtle-widget-root .pl-14 {
-    padding-left: calc(var(--spacing) * 14);
-  }
   .turtle-widget-root .text-center {
     text-align: center;
   }
@@ -620,12 +610,18 @@
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
   }
+  .turtle-widget-root .whitespace-nowrap {
+    white-space: nowrap;
+  }
   .turtle-widget-root .capitalize {
     text-transform: capitalize;
   }
   .turtle-widget-root .uppercase {
     text-transform: uppercase;
   }
+  .turtle-widget-root .underline {
+    text-decoration-line: underline;
+  }
   .turtle-widget-root .antialiased {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -649,10 +645,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .turtle-widget-root .ring-1 {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .turtle-widget-root .filter {
     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,);
   }
@@ -683,12 +675,6 @@
       border-color: transparent;
     }
   }
-  .turtle-widget-root .focus\:ring-0 {
-    .turtle-widget-root &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
   .turtle-widget-root .focus\:ring-2 {
     .turtle-widget-root &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.2.0-beta.4",
+  "version": "0.2.0-beta.5",
   "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.0-beta.0",
+    "@turtleclub/hooks": "0.2.0-beta.1",
     "@turtleclub/ui": "0.2.0-beta.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -80,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2f81fd2cc2d44b78067bd8bf719ed61a172e4884"
+  "gitHead": "d6287fdbc0b3bdcd63abf7be922820c594f00ad5"
 }