@deframe-sdk/components 0.1.9 → 0.1.10

package/dist/styles.css

@@ -115,6 +115,7 @@
     --spacing-sm: clamp(6px, 1vw, 8px);
     --spacing-md: clamp(12px, 2vw, 16px);
     --spacing-lg: clamp(20px, 3vw, 32px);
+    --spacing-xl: clamp(40px, 5vw, 64px);
     --radius-full: 9999px;
     --animate-fade-in: fade-in 0.3s ease-out;
   }
@@ -370,6 +371,9 @@
   .mx-auto {
     margin-inline: auto;
   }
+  .-my-2 {
+    margin-block: calc(var(--spacing) * -2);
+  }
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
@@ -394,6 +398,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .mt-md {
+    margin-top: var(--spacing-md);
+  }
   .mt-sm {
     margin-top: var(--spacing-sm);
   }
@@ -556,6 +563,9 @@
   .min-h-\[16px\] {
     min-height: 16px;
   }
+  .min-h-\[600px\] {
+    min-height: 600px;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -631,6 +641,9 @@
   .w-\[420px\] {
     width: 420px;
   }
+  .w-\[440px\] {
+    width: 440px;
+  }
   .w-\[clamp\(18rem\,40vw\,30rem\)\] {
     width: clamp(18rem, 40vw, 30rem);
   }
@@ -733,6 +746,9 @@
   .items-start {
     align-items: flex-start;
   }
+  .items-stretch {
+    align-items: stretch;
+  }
   .justify-between {
     justify-content: space-between;
   }
@@ -1430,6 +1446,9 @@
   .pr-md {
     padding-right: var(--spacing-md);
   }
+  .pr-sm {
+    padding-right: var(--spacing-sm);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -1448,6 +1467,9 @@
   .pb-sm {
     padding-bottom: var(--spacing-sm);
   }
+  .pb-xl {
+    padding-bottom: var(--spacing-xl);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -1508,6 +1530,12 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .\!text-\[14px\] {
+    font-size: 14px !important;
+  }
+  .\!text-\[21px\] {
+    font-size: 21px !important;
+  }
   .\[font-size\:var\(--deframe-widget-font-size-h-large\)\] {
     font-size: var(--deframe-widget-font-size-h-large);
   }
@@ -2007,6 +2035,13 @@
       }
     }
   }
+  .hover\:bg-bg-raised {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-bg-raised);
+      }
+    }
+  }
   .hover\:bg-blue-700 {
     &:hover {
       @media (hover: hover) {
@@ -2052,6 +2087,13 @@
       }
     }
   }
+  .hover\:text-text-secondary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-secondary);
+      }
+    }
+  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -2273,6 +2315,15 @@
       }
     }
   }
+  .dark\:hover\:bg-bg-raised-dark {
+    @media (prefers-color-scheme: dark) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-bg-raised-dark);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-text-primary-dark {
     @media (prefers-color-scheme: dark) {
       &:hover {
@@ -2282,6 +2333,15 @@
       }
     }
   }
+  .dark\:hover\:text-text-secondary-dark {
+    @media (prefers-color-scheme: dark) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-text-secondary-dark);
+        }
+      }
+    }
+  }
   .dark\:lg\:\!bg-bg-raised-dark {
     @media (prefers-color-scheme: dark) {
       @media (width >= 64rem) {

package/package.json

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