@deframe-sdk/components 0.1.78 → 0.1.79

package/dist/styles.css

@@ -454,6 +454,9 @@
   .mt-\[10px\] {
     margin-top: 10px;
   }
+  .mt-\[40px\] {
+    margin-top: 40px;
+  }
   .mt-\[75px\] {
     margin-top: 75px;
   }
@@ -727,6 +730,9 @@
   .h-\[90vh\] {
     height: 90vh;
   }
+  .h-\[132px\] {
+    height: 132px;
+  }
   .h-\[136px\] {
     height: 136px;
   }
@@ -748,6 +754,9 @@
   .h-\[700px\] {
     height: 700px;
   }
+  .h-\[720px\] {
+    height: 720px;
+  }
   .h-\[844px\] {
     height: 844px;
   }
@@ -802,6 +811,9 @@
   .min-h-\[16px\] {
     min-height: 16px;
   }
+  .min-h-\[34px\] {
+    min-height: 34px;
+  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -817,6 +829,9 @@
   .min-h-\[136px\] {
     min-height: 136px;
   }
+  .min-h-\[180px\] {
+    min-height: 180px;
+  }
   .min-h-\[320px\] {
     min-height: 320px;
   }
@@ -985,6 +1000,9 @@
   .w-\[120px\] {
     width: 120px;
   }
+  .w-\[132px\] {
+    width: 132px;
+  }
   .w-\[174px\] {
     width: 174px;
   }
@@ -1027,6 +1045,9 @@
   .w-\[600px\] {
     width: 600px;
   }
+  .w-\[620px\] {
+    width: 620px;
+  }
   .w-\[clamp\(18rem\,40vw\,30rem\)\] {
     width: clamp(18rem, 40vw, 30rem);
   }
@@ -1072,6 +1093,9 @@
   .max-w-\[260px\] {
     max-width: 260px;
   }
+  .max-w-\[280px\] {
+    max-width: 280px;
+  }
   .max-w-\[300px\] {
     max-width: 300px;
   }
@@ -1096,6 +1120,9 @@
   .max-w-\[calc\(100\%-32px\)\] {
     max-width: calc(100% - 32px);
   }
+  .max-w-\[calc\(100vw-32px\)\] {
+    max-width: calc(100vw - 32px);
+  }
   .max-w-fit {
     max-width: fit-content;
   }
@@ -1252,6 +1279,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .place-items-center {
+    place-items: center;
+  }
   .items-baseline {
     align-items: baseline;
   }
@@ -1529,6 +1559,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
   .border-2 {
     border-style: var(--tw-border-style);
     border-width: 2px;
@@ -2446,6 +2480,9 @@
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-\[var\(--deframe-widget-size-gap-sm\)\] {
+    padding-top: var(--deframe-widget-size-gap-sm);
+  }
   .pt-\[var\(--deframe-widget-size-padding-y-lg\)\] {
     padding-top: var(--deframe-widget-size-padding-y-lg);
   }
@@ -3346,6 +3383,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[color\] {
+    transition-property: color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[opacity\,transform\] {
     transition-property: opacity,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3506,6 +3548,11 @@
       color: var(--deframe-widget-color-text-primary-disabled);
     }
   }
+  .placeholder\:text-\[color\:var\(--deframe-widget-color-text-secondary\)\] {
+    &::placeholder {
+      color: var(--deframe-widget-color-text-secondary);
+    }
+  }
   .placeholder\:text-\[color\:var\(--deframe-widget-color-text-tertiary\)\] {
     &::placeholder {
       color: var(--deframe-widget-color-text-tertiary);
@@ -3516,6 +3563,11 @@
       background-color: var(--deframe-widget-color-bg-tertiary);
     }
   }
+  .focus-within\:text-\[color\:var\(--deframe-widget-color-text-primary\)\] {
+    &:focus-within {
+      color: var(--deframe-widget-color-text-primary);
+    }
+  }
   .hover\:border-\[color\:var\(--deframe-widget-color-border-primary\)\] {
     &:hover {
       @media (hover: hover) {
@@ -3565,6 +3617,16 @@
       }
     }
   }
+  .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-bg-raised\)_92\%\,transparent\)\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--deframe-widget-color-bg-raised);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in srgb,var(--deframe-widget-color-bg-raised) 92%,transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-bg-secondary\)_72\%\,transparent\)\] {
     &:hover {
       @media (hover: hover) {
@@ -3753,6 +3815,13 @@
       }
     }
   }
+  .hover\:opacity-80 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 80%;
+      }
+    }
+  }
   .hover\:opacity-90 {
     &:hover {
       @media (hover: hover) {

package/package.json

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