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

package/dist/styles.css

@@ -882,6 +882,9 @@
   .turtle-widget-root .mb-5 {
     margin-bottom: calc(var(--spacing)*5);
   }
+  .turtle-widget-root .mb-8 {
+    margin-bottom: calc(var(--spacing)*8);
+  }
   .turtle-widget-root .ml-1 {
     margin-left: calc(var(--spacing)*1);
   }
@@ -1030,6 +1033,9 @@
   .turtle-widget-root .h-20 {
     height: calc(var(--spacing)*20);
   }
+  .turtle-widget-root .h-40 {
+    height: calc(var(--spacing)*40);
+  }
   .turtle-widget-root .h-48 {
     height: calc(var(--spacing)*48);
   }
@@ -1589,6 +1595,17 @@
       }
     }
   }
+  .turtle-widget-root .border-muted-foreground\/60 {
+    border-color: var(--color-muted-foreground);
+  }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .border-muted-foreground\/60 {
+      border-color: var(--color-muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab,var(--color-muted-foreground)60%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .border-primary {
     border-color: var(--color-primary);
   }
@@ -1872,6 +1889,9 @@
   .turtle-widget-root .pb-3 {
     padding-bottom: calc(var(--spacing)*3);
   }
+  .turtle-widget-root .pb-4 {
+    padding-bottom: calc(var(--spacing)*4);
+  }
   .turtle-widget-root .pb-8 {
     padding-bottom: calc(var(--spacing)*8);
   }
@@ -2067,9 +2087,17 @@
       }
     }
   }
-  .turtle-widget-root .text-foreground {
+  .turtle-widget-root .text-foreground, .turtle-widget-root .text-foreground\/90 {
     color: var(--color-foreground);
   }
+  @supports (color:color-mix(in lab,red,red)) {
+    .turtle-widget-root .text-foreground\/90 {
+      color: var(--color-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab,var(--color-foreground)90%,transparent);
+      }
+    }
+  }
   .turtle-widget-root .text-green-600 {
     color: var(--color-green-600);
   }
@@ -2721,13 +2749,35 @@
         }
       }
     }
-    .turtle-widget-root .hover\:bg-accent:hover {
+    .turtle-widget-root .hover\:bg-accent:hover, .turtle-widget-root .hover\:bg-accent\/70:hover {
       background-color: var(--color-accent);
     }
+    @supports (color:color-mix(in lab,red,red)) {
+      .turtle-widget-root .hover\:bg-accent\/70:hover {
+        background-color: var(--color-accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab,var(--color-accent)70%,transparent);
+        }
+      }
+    }
     .turtle-widget-root .hover\:bg-background:hover {
       background-color: var(--color-background);
     }
-    .turtle-widget-root .hover\:bg-muted:hover, .turtle-widget-root .hover\:bg-muted\/80:hover {
+    .turtle-widget-root .hover\:bg-muted:hover {
+      background-color: var(--color-muted);
+    }
+    .turtle-widget-root .hover\:bg-muted-foreground\/60:hover {
+      background-color: var(--color-muted-foreground);
+    }
+    @supports (color:color-mix(in lab,red,red)) {
+      .turtle-widget-root .hover\:bg-muted-foreground\/60:hover {
+        background-color: var(--color-muted-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab,var(--color-muted-foreground)60%,transparent);
+        }
+      }
+    }
+    .turtle-widget-root .hover\:bg-muted\/80:hover {
       background-color: var(--color-muted);
     }
     @supports (color:color-mix(in lab,red,red)) {
@@ -4997,18 +5047,12 @@
   .turtle-widget-root .-mt-8 {
     margin-top: calc(var(--spacing) * -8);
   }
-  .turtle-widget-root .mt-1 {
-    margin-top: calc(var(--spacing) * 1);
-  }
   .turtle-widget-root .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
   .turtle-widget-root .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
-  .turtle-widget-root .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
   .turtle-widget-root .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
@@ -5141,9 +5185,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;
   }
@@ -5220,9 +5261,21 @@
       border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
     }
   }
+  .turtle-widget-root .border-foreground\/60 {
+    border-color: var(--color-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
+    }
+  }
   .turtle-widget-root .border-muted {
     border-color: var(--color-muted);
   }
+  .turtle-widget-root .border-muted-foreground\/60 {
+    border-color: var(--color-muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);
+    }
+  }
   .turtle-widget-root .\!bg-background {
     background-color: var(--color-background) !important;
   }
@@ -5334,6 +5387,12 @@
   .turtle-widget-root .text-foreground {
     color: var(--color-foreground);
   }
+  .turtle-widget-root .text-foreground\/60 {
+    color: var(--color-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
+    }
+  }
   .turtle-widget-root .text-muted-foreground {
     color: var(--color-muted-foreground);
   }
@@ -5354,6 +5413,10 @@
     --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 .invert {
+    --tw-invert: invert(100%);
+    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,);
+  }
   .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,);
   }
@@ -5391,6 +5454,23 @@
       }
     }
   }
+  .turtle-widget-root .hover\:bg-accent\/70 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-accent) 70%, transparent);
+        }
+      }
+    }
+  }
+  .turtle-widget-root .hover\:text-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-foreground);
+      }
+    }
+  }
   .turtle-widget-root .hover\:text-primary {
     &:hover {
       @media (hover: hover) {
@@ -5413,11 +5493,6 @@
       min-height: 690px;
     }
   }
-  .turtle-widget-root .lg\:justify-start {
-    @media (width >= 64rem) {
-      justify-content: flex-start;
-    }
-  }
   .turtle-widget-root .\[\&_button\]\:w-32 {
     & button {
       width: calc(var(--spacing) * 32);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.1",
+  "version": "0.3.2-beta.1",
   "description": "Configurable and self-contained Turtle Earn widget for third-party integration",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
     "@turtleclub/api": "0.3.0",
     "@turtleclub/chains": "0.2.0",
     "@turtleclub/hooks": "0.3.1",
-    "@turtleclub/ui": "0.4.0",
+    "@turtleclub/ui": "0.5.0-beta.1",
     "@turtleclub/utils": "0.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c110a83b0d8f91defa77148127294b5a52674774"
+  "gitHead": "742790ecea7542ee7a868b559f9908ad600ddcb9"
 }