@deframe-sdk/components 0.1.30 → 0.1.32

package/dist/styles.css

@@ -625,12 +625,18 @@
   .h-\[32px\] {
     height: 32px;
   }
+  .h-\[36px\] {
+    height: 36px;
+  }
   .h-\[38px\] {
     height: 38px;
   }
   .h-\[42px\] {
     height: 42px;
   }
+  .h-\[48px\] {
+    height: 48px;
+  }
   .h-\[50vh\] {
     height: 50vh;
   }
@@ -844,6 +850,9 @@
   .w-\[40\%\] {
     width: 40%;
   }
+  .w-\[48px\] {
+    width: 48px;
+  }
   .w-\[50px\] {
     width: 50px;
   }
@@ -937,6 +946,9 @@
   .max-w-\[200px\] {
     max-width: 200px;
   }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
   .max-w-\[260px\] {
     max-width: 260px;
   }
@@ -949,6 +961,9 @@
   .max-w-\[620px\] {
     max-width: 620px;
   }
+  .max-w-\[900px\] {
+    max-width: 900px;
+  }
   .max-w-\[1400px\] {
     max-width: 1400px;
   }
@@ -1075,12 +1090,15 @@
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .grid-cols-\[1fr_100px_130px\] {
+    grid-template-columns: 1fr 100px 130px;
+  }
+  .grid-cols-\[1fr_160px_130px\] {
+    grid-template-columns: 1fr 160px 130px;
+  }
   .grid-cols-\[1fr_auto\] {
     grid-template-columns: 1fr auto;
   }
-  .grid-cols-\[1fr_auto_auto\] {
-    grid-template-columns: 1fr auto auto;
-  }
   .grid-cols-\[40px_1fr_auto\] {
     grid-template-columns: 40px 1fr auto;
   }
@@ -1370,6 +1388,10 @@
     border-style: var(--tw-border-style);
     border-width: var(--deframe-widget-size-border-xs);
   }
+  .border-x-0 {
+    border-inline-style: var(--tw-border-style);
+    border-inline-width: 0px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1386,6 +1408,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
   .border-none {
     --tw-border-style: none;
     border-style: none;
@@ -1685,6 +1711,9 @@
       background-color: color-mix(in srgb,var(--deframe-widget-color-text-secondary) 12%,transparent);
     }
   }
+  .bg-\[color\:var\(--deframe-widget-color-bg-secondary\)\] {
+    background-color: var(--deframe-widget-color-bg-secondary);
+  }
   .bg-\[var\(--deframe-widget-color-bg-muted\)\] {
     background-color: var(--deframe-widget-color-bg-muted);
   }
@@ -1920,9 +1949,15 @@
     --tw-gradient-to: transparent;
     --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));
   }
+  .object-contain {
+    object-fit: contain;
+  }
   .object-cover {
     object-fit: cover;
   }
+  .object-center {
+    object-position: center;
+  }
   .\!p-\[22px\] {
     padding: 22px !important;
   }
@@ -1998,9 +2033,6 @@
   .px-\[6px\] {
     padding-inline: 6px;
   }
-  .px-\[7px\] {
-    padding-inline: 7px;
-  }
   .px-\[10px\] {
     padding-inline: 10px;
   }
@@ -2079,6 +2111,9 @@
   .py-\[11px\] {
     padding-block: 11px;
   }
+  .py-\[13px\] {
+    padding-block: 13px;
+  }
   .py-\[14px\] {
     padding-block: 14px;
   }
@@ -2311,6 +2346,9 @@
   .text-\[38px\] {
     font-size: 38px;
   }
+  .text-\[length\:var\(--deframe-widget-font-size-lg\)\] {
+    font-size: var(--deframe-widget-font-size-lg);
+  }
   .text-\[length\:var\(--deframe-widget-font-size-md\)\] {
     font-size: var(--deframe-widget-font-size-md);
   }
@@ -2481,6 +2519,10 @@
   .\[font-weight\:var\(--deframe-widget-font-weight-semibold\)\] {
     font-weight: var(--deframe-widget-font-weight-semibold);
   }
+  .tracking-\[0\.1em\] {
+    --tw-tracking: 0.1em;
+    letter-spacing: 0.1em;
+  }
   .tracking-\[0\.04em\] {
     --tw-tracking: 0.04em;
     letter-spacing: 0.04em;
@@ -2904,6 +2946,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[transform\,opacity\] {
+    transition-property: transform,opacity;
+    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));
@@ -3071,6 +3118,16 @@
       }
     }
   }
+  .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-bg-tertiary\)_40\%\,transparent\)\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--deframe-widget-color-bg-tertiary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in srgb,var(--deframe-widget-color-bg-tertiary) 40%,transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-bg-tertiary\)_60\%\,transparent\)\] {
     &:hover {
       @media (hover: hover) {
@@ -3302,6 +3359,11 @@
       outline-style: none;
     }
   }
+  .active\:scale-\[0\.98\] {
+    &:active {
+      scale: 0.98;
+    }
+  }
   .active\:scale-\[0\.99\] {
     &:active {
       scale: 0.99;

package/package.json

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