@deframe-sdk/components 0.1.66 → 0.1.67

package/dist/styles.css

@@ -253,6 +253,9 @@
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
+  .inset-y-0 {
+    inset-block: calc(var(--spacing) * 0);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -322,6 +325,9 @@
   .left-6 {
     left: calc(var(--spacing) * 6);
   }
+  .left-full {
+    left: 100%;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -331,6 +337,9 @@
   .z-\[1\] {
     z-index: 1;
   }
+  .z-\[2\] {
+    z-index: 2;
+  }
   .z-\[9999\] {
     z-index: 9999;
   }
@@ -910,6 +919,9 @@
   .w-\[32px\] {
     width: 32px;
   }
+  .w-\[33\%\] {
+    width: 33%;
+  }
   .w-\[36px\] {
     width: 36px;
   }
@@ -1105,6 +1117,9 @@
   .origin-left {
     transform-origin: 0;
   }
+  .origin-right {
+    transform-origin: 100%;
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1186,8 +1201,8 @@
   .grid-cols-\[1fr_100px\] {
     grid-template-columns: 1fr 100px;
   }
-  .grid-cols-\[1fr_100px_100px_100px\] {
-    grid-template-columns: 1fr 100px 100px 100px;
+  .grid-cols-\[1fr_100px_100px_100px_100px\] {
+    grid-template-columns: 1fr 100px 100px 100px 100px;
   }
   .grid-cols-\[1fr_100px_130px\] {
     grid-template-columns: 1fr 100px 130px;
@@ -3296,6 +3311,16 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[width\,transform\] {
+    transition-property: width,transform;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[width\] {
+    transition-property: width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3337,6 +3362,10 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .duration-500 {
+    --tw-duration: 500ms;
+    transition-duration: 500ms;
+  }
   .ease-out {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
@@ -3365,6 +3394,21 @@
       rotate: 180deg;
     }
   }
+  .group-hover\:w-\[80\%\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        width: 80%;
+      }
+    }
+  }
+  .group-hover\:-translate-x-3 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-translate-x: calc(var(--spacing) * -3);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .group-hover\:translate-x-0 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3373,6 +3417,23 @@
       }
     }
   }
+  .group-hover\:scale-110 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-scale-x: 110%;
+        --tw-scale-y: 110%;
+        --tw-scale-z: 110%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .group-hover\:scale-\[1\.04\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        scale: 1.04;
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deframe-sdk/components",
-  "version": "0.1.66",
+  "version": "0.1.67",
   "packageManager": "pnpm@9.0.0",
   "description": "Deframe SDK React component library",
   "engines": {