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

package/dist/styles.css

@@ -1210,9 +1210,6 @@
   .turtle-widget-root .max-w-md {
     max-width: var(--container-md);
   }
-  .turtle-widget-root .max-w-sm {
-    max-width: var(--container-sm);
-  }
   .turtle-widget-root .min-w-0 {
     min-width: calc(var(--spacing)*0);
   }
@@ -1975,6 +1972,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading,var(--text-xs--line-height));
   }
+  .turtle-widget-root .text-\[0\.65rem\] {
+    font-size: .65rem;
+  }
   .turtle-widget-root .text-\[8px\] {
     font-size: 8px;
   }
@@ -3792,12 +3792,6 @@
     .turtle-widget-root .md\:w-auto {
       width: auto;
     }
-    .turtle-widget-root .md\:w-full {
-      width: 100%;
-    }
-    .turtle-widget-root .md\:max-w-lg {
-      max-width: var(--container-lg);
-    }
     .turtle-widget-root .md\:-translate-x-full {
       --tw-translate-x: -100%;
       translate: var(--tw-translate-x)var(--tw-translate-y);
@@ -3860,171 +3854,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);
   }
@@ -4096,6 +3925,10 @@
   .turtle-widget-root .\[\&_svg\]\:p-2 svg {
     padding: calc(var(--spacing)*2);
   }
+  .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]) {
+    width: calc(var(--spacing)*3.5);
+    height: calc(var(--spacing)*3.5);
+  }
   .turtle-widget-root .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
     width: calc(var(--spacing)*4);
     height: calc(var(--spacing)*4);

package/package.json

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