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

package/dist/styles.css

@@ -822,6 +822,9 @@
       max-width: 96rem;
     }
   }
+  .turtle-widget-root .m-12 {
+    margin: calc(var(--spacing)*12);
+  }
   .turtle-widget-root .-mx-1 {
     margin-inline: calc(var(--spacing)*-1);
   }
@@ -897,6 +900,12 @@
   .turtle-widget-root .ml-auto {
     margin-left: auto;
   }
+  .turtle-widget-root .line-clamp-1 {
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
   .turtle-widget-root .block {
     display: block;
   }
@@ -1027,8 +1036,8 @@
   .turtle-widget-root .h-20 {
     height: calc(var(--spacing)*20);
   }
-  .turtle-widget-root .h-24 {
-    height: calc(var(--spacing)*24);
+  .turtle-widget-root .h-48 {
+    height: calc(var(--spacing)*48);
   }
   .turtle-widget-root .h-\[1\.15rem\] {
     height: 1.15rem;
@@ -1363,6 +1372,9 @@
   .turtle-widget-root .grid-flow-col {
     grid-auto-flow: column;
   }
+  .turtle-widget-root .grid-cols-1 {
+    grid-template-columns: repeat(1,minmax(0,1fr));
+  }
   .turtle-widget-root .grid-cols-3 {
     grid-template-columns: repeat(3,minmax(0,1fr));
   }
@@ -3803,6 +3815,9 @@
     .turtle-widget-root .md\:rotate-0 {
       rotate: none;
     }
+    .turtle-widget-root .md\:grid-cols-2 {
+      grid-template-columns: repeat(2,minmax(0,1fr));
+    }
     .turtle-widget-root .md\:text-sm {
       font-size: var(--text-sm);
       line-height: var(--tw-leading,var(--text-sm--line-height));
@@ -3843,6 +3858,11 @@
       left: -150px;
     }
   }
+  @media (min-width:80rem) {
+    .turtle-widget-root .xl\:grid-cols-3 {
+      grid-template-columns: repeat(3,minmax(0,1fr));
+    }
+  }
   @container field-group (min-width:28rem) {
     .turtle-widget-root .\@md\/field-group\:flex-row {
       flex-direction: row;
@@ -3854,171 +3874,6 @@
       align-items: flex-start;
     }
   }
-  .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
-    background-color: var(--color-destructive);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:bg-destructive\/60:is(.dark *) {
-      background-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-destructive)60%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:bg-input\/30:is(.dark *) {
-    background-color: var(--color-input);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:bg-input\/30:is(.dark *) {
-      background-color: var(--color-input);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-input)30%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:bg-transparent:is(.dark *) {
-    background-color: #0000;
-  }
-  .turtle-widget-root .dark\:group-data-\[state\=checked\]\:bg-primary:is(.dark *):is(:where(.group)[data-state=checked] *) {
-    background-color: var(--color-primary);
-  }
-  .turtle-widget-root .dark\:group-data-\[state\=unchecked\]\:bg-foreground:is(.dark *):is(:where(.group)[data-state=unchecked] *) {
-    background-color: var(--color-foreground);
-  }
-  .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
-    content: var(--tw-content);
-    --tw-gradient-from: #fff6;
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
-      --tw-gradient-from: color-mix(in srgb,#fff40%,transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-gradient-from: color-mix(in oklab,var(--color-white)40%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:before\:from-white\/40:is(.dark *):before {
-    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
-  }
-  .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
-    content: var(--tw-content);
-    --tw-gradient-to: #ffffff1a;
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
-      --tw-gradient-to: color-mix(in srgb,#fff10%,transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-gradient-to: color-mix(in oklab,var(--color-white)10%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:before\:to-white\/10:is(.dark *):before {
-    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
-  }
-  @media (hover:hover) {
-    .turtle-widget-root .dark\:hover\:bg-input\/50:is(.dark *):hover {
-      background-color: var(--color-input);
-    }
-    @supports (color:color-mix(in lab,red,red)) {
-      .turtle-widget-root .dark\:hover\:bg-input\/50:is(.dark *):hover {
-        background-color: var(--color-input);
-        @supports (color: color-mix(in lab, red, red)) {
-          .turtle-widget-root & {
-            background-color: color-mix(in oklab,var(--color-input)50%,transparent);
-          }
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
-    --tw-ring-color: var(--color-destructive);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
-      --tw-ring-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]) {
-    background-color: var(--color-primary);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]) {
-      background-color: var(--color-primary);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-primary)10%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]) {
-    --tw-ring-color: var(--color-destructive);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]) {
-      --tw-ring-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
-    --tw-ring-color: var(--color-destructive);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
-      --tw-ring-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          --tw-ring-color: color-mix(in oklab,var(--color-destructive)40%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked] {
-    background-color: var(--color-primary);
-  }
-  .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
-    background-color: var(--color-input);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked] {
-      background-color: var(--color-input);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-input)80%,transparent);
-        }
-      }
-    }
-  }
-  .turtle-widget-root .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
-    background-color: var(--color-destructive);
-  }
-  @supports (color:color-mix(in lab,red,red)) {
-    .turtle-widget-root .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
-      background-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        .turtle-widget-root & {
-          background-color: color-mix(in oklab,var(--color-destructive)20%,transparent);
-        }
-      }
-    }
-  }
   .turtle-widget-root .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
     padding-inline: calc(var(--spacing)*2);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/earn-widget",
-  "version": "0.3.1-beta.2",
+  "version": "0.3.1-beta.4",
   "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.0",
-    "@turtleclub/ui": "0.4.0-beta.1",
+    "@turtleclub/ui": "0.4.0-beta.3",
     "@turtleclub/utils": "0.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "26920daf82c96167519528883d576482fb1572a8"
+  "gitHead": "6db52665fd795523ca7d64d0e480db722df5b6d2"
 }