@vaneui/ui 0.3.1-alpha.20251115130358.c59f986 → 0.3.1-alpha.20251125131654.1cfafe5

package/dist/ui.css

@@ -83,7 +83,6 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-sm: 24rem;
-    --container-md: 28rem;
     --container-lg: 32rem;
     --container-xl: 36rem;
     --container-3xl: 48rem;
@@ -256,6 +255,10 @@
     --br-base: var(--spacing);
     --ui-br-base: calc(var(--spacing) * 0.5);
     --fs-base: calc(var(--spacing) * 0.5);
+    --breakpoint-mobile: 40rem;
+    --breakpoint-tablet: 48rem;
+    --breakpoint-laptop: 64rem;
+    --breakpoint-desktop: 80rem;
     --lh: 1;
     --fs-unit: 8;
     --gap-unit: 1;
@@ -547,12 +550,12 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
+  .max-w-\[216px\] {
+    max-width: 216px;
+  }
   .max-w-lg {
     max-width: var(--container-lg);
   }
-  .max-w-md {
-    max-width: var(--container-md);
-  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -658,6 +661,9 @@
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
+  .gap-unit {
+    gap: var(--gap-unit);
+  }
   .space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -828,6 +834,9 @@
   .border-\(--color-border-warning\) {
     border-color: var(--color-border-warning);
   }
+  .border-gray-600 {
+    border-color: var(--color-gray-600);
+  }
   .border-green-500 {
     border-color: var(--color-green-500);
   }
@@ -1002,6 +1011,9 @@
   .bg-emerald-500 {
     background-color: var(--color-emerald-500);
   }
+  .bg-gray-800 {
+    background-color: var(--color-gray-800);
+  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -1035,6 +1047,9 @@
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
   .px-\(--px\) {
     padding-inline: var(--px);
   }
@@ -1314,6 +1329,9 @@
   .text-violet-600 {
     color: var(--color-violet-600);
   }
+  .text-white {
+    color: var(--color-white);
+  }
   .text-yellow-100 {
     color: var(--color-yellow-100);
   }
@@ -1413,10 +1431,17 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-80 {
+    opacity: 80%;
+  }
   .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-2xs {
     --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1535,6 +1560,16 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -1545,6 +1580,9 @@
   .\[--aspect-ratio\:1\.6\] {
     --aspect-ratio: 1.6;
   }
+  .\[--aspect-ratio\:1\.8\] {
+    --aspect-ratio: 1.8;
+  }
   .\[--aspect-ratio\:1\.75\] {
     --aspect-ratio: 1.75;
   }
@@ -1584,6 +1622,9 @@
   .\[--br-unit\:7\] {
     --br-unit: 7;
   }
+  .\[--fs-unit\:5\] {
+    --fs-unit: 5;
+  }
   .\[--fs-unit\:6\] {
     --fs-unit: 6;
   }
@@ -1659,8 +1700,8 @@
   .\[--lh\:1\.4\] {
     --lh: 1.4;
   }
-  .\[--lh\:1\.5\] {
-    --lh: 1.5;
+  .\[--lh\:1\.6\] {
+    --lh: 1.6;
   }
   .\[--lh\:1\.111\] {
     --lh: 1.111;
@@ -1668,15 +1709,15 @@
   .\[--lh\:1\.333\] {
     --lh: 1.333;
   }
-  .\[--lh\:1\.429\] {
-    --lh: 1.429;
-  }
   .\[--lh\:1\.556\] {
     --lh: 1.556;
   }
   .\[--lh\:1\] {
     --lh: 1;
   }
+  .\[--py-unit\:0\.4\] {
+    --py-unit: 0.4;
+  }
   .\[--py-unit\:0\.5\] {
     --py-unit: 0.5;
   }
@@ -1689,9 +1730,6 @@
   .\[--py-unit\:1\.2\] {
     --py-unit: 1.2;
   }
-  .\[--py-unit\:1\.4\] {
-    --py-unit: 1.4;
-  }
   .\[--py-unit\:1\.5\] {
     --py-unit: 1.5;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.3.1-alpha.20251115130358.c59f986",
+  "version": "0.3.1-alpha.20251125131654.1cfafe5",
   "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",