@vaneui/ui 0.9.0-alpha.20260106192523.680d7a3 → 0.9.0-alpha.20260107153112.7883b1f

package/dist/ui.css

@@ -116,6 +116,8 @@
     --text-sm--line-height: calc(1.25 / 0.875);
     --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
     --text-xl--line-height: calc(1.75 / 1.25);
     --text-2xl: 1.5rem;
@@ -685,9 +687,18 @@
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
+  .gap-10 {
+    gap: calc(var(--spacing) * 10);
+  }
   .gap-12 {
     gap: calc(var(--spacing) * 12);
   }
@@ -873,6 +884,9 @@
   .border-violet-400 {
     border-color: var(--color-violet-400);
   }
+  .bg-\(--bg-color\) {
+    background-color: var(--bg-color);
+  }
   .bg-\(--color-bg-filled-primary\) {
     background-color: var(--color-bg-filled-primary);
   }
@@ -965,6 +979,9 @@
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
+  .px-6 {
+    padding-inline: calc(var(--spacing) * 6);
+  }
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
@@ -980,6 +997,9 @@
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -1030,6 +1050,10 @@
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
   }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -1354,9 +1378,6 @@
   .\[--size-unit\:4\] {
     --size-unit: 4;
   }
-  .\[background\:var\(--bg-color\)\] {
-    background: var(--bg-color);
-  }
   .\[background\:var\(--border-color\)\] {
     background: var(--border-color);
   }
@@ -1390,6 +1411,13 @@
       }
     }
   }
+  .hover\:bg-\(--bg-hover-color\) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--bg-hover-color);
+      }
+    }
+  }
   .hover\:bg-indigo-700 {
     &:hover {
       @media (hover: hover) {
@@ -1486,13 +1514,6 @@
       }
     }
   }
-  .hover\:\[background\:var\(--bg-hover-color\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background: var(--bg-hover-color);
-      }
-    }
-  }
   .hover\:ring-inset {
     &:hover {
       @media (hover: hover) {
@@ -1521,6 +1542,11 @@
       border-color: var(--color-green-700);
     }
   }
+  .active\:bg-\(--bg-active-color\) {
+    &:active {
+      background-color: var(--bg-active-color);
+    }
+  }
   .active\:bg-red-300 {
     &:active {
       background-color: var(--color-red-300);
@@ -1554,11 +1580,6 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .active\:\[background\:var\(--bg-active-color\)\] {
-    &:active {
-      background: var(--bg-active-color);
-    }
-  }
   .active\:ring-inset {
     &:active {
       --tw-ring-inset: inset;
@@ -1604,6 +1625,12 @@
       padding-block: var(--py-tablet);
     }
   }
+  .max-tablet\:text-xl {
+    @media (width < 64rem) {
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
+    }
+  }
   .max-tablet\:text-\(length\:--fs-tablet\) {
     @media (width < 64rem) {
       font-size: var(--fs-tablet);
@@ -1639,6 +1666,12 @@
       padding-block: var(--py-mobile);
     }
   }
+  .max-mobile\:text-lg {
+    @media (width < 48rem) {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+  }
   .max-mobile\:text-\(length\:--fs-mobile\) {
     @media (width < 48rem) {
       font-size: var(--fs-mobile);
@@ -1712,6 +1745,10 @@
       --pl: calc(var(--py-unit) * var(--spacing));
       --size: calc(var(--size-unit) * var(--spacing));
       --br: calc(var(--br-unit) * var(--br-base));
+      --py: calc(var(--py-unit) * var(--spacing));
+      --px: calc(var(--aspect-ratio) * var(--py-unit) * var(--spacing));
+      --gap: calc(var(--gap-unit) * var(--spacing));
+      --fs: calc(var(--fs-unit) * var(--fs-base));
     }
   }
   @layer components {

package/dist/vars.css

@@ -196,6 +196,10 @@
         --pl: calc(var(--py-unit) * var(--spacing));
         --size: calc(var(--size-unit) * var(--spacing));
         --br: calc(var(--br-unit) * var(--br-base));
+        --py: calc(var(--py-unit) * var(--spacing));
+        --px: calc(var(--aspect-ratio) * var(--py-unit) * var(--spacing));
+        --gap: calc(var(--gap-unit) * var(--spacing));
+        --fs: calc(var(--fs-unit) * var(--fs-base));
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.9.0-alpha.20260106192523.680d7a3",
+  "version": "0.9.0-alpha.20260107153112.7883b1f",
   "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",