@vaneui/ui 0.3.1-alpha.20250925201320.8b6a424 → 0.3.1-alpha.20250927164620.fec55bc

package/dist/ui.css

@@ -49,7 +49,6 @@
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
-    --color-blue-300: oklch(80.9% 0.105 251.813);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
     --color-blue-700: oklch(48.8% 0.243 264.376);
@@ -83,7 +82,6 @@
     --color-gray-950: oklch(13% 0.028 261.692);
     --color-white: #fff;
     --spacing: 0.25rem;
-    --container-md: 28rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
     --container-5xl: 64rem;
@@ -250,18 +248,9 @@
     --color-border-filled-info: var(--color-blue-600);
     --color-border-filled-link: var(--color-blue-600);
     --ui-br-unit: 0.125rem;
-    --ui-br-xs: calc(1 * var(--ui-br-unit));
-    --ui-br-sm: calc(2 * var(--ui-br-unit));
     --ui-br-md: calc(3 * var(--ui-br-unit));
-    --ui-br-lg: calc(4 * var(--ui-br-unit));
-    --ui-br-xl: calc(5 * var(--ui-br-unit));
     --layout-br-spacing: 0.25rem;
-    --layout-br-xs: calc(3 * var(--layout-br-spacing));
-    --layout-br-sm: calc(4 * var(--layout-br-spacing));
-    --layout-br-md: calc(5 * var(--layout-br-spacing));
-    --layout-br-lg: calc(6 * var(--layout-br-spacing));
-    --layout-br-xl: calc(7 * var(--layout-br-spacing));
-    --layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.25rem);
+    --layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.3rem);
     --ui-spacing: var(--spacing);
   }
 }
@@ -432,9 +421,6 @@
   .sticky {
     position: sticky;
   }
-  .left-3 {
-    left: calc(var(--spacing) * 3);
-  }
   .isolate {
     isolation: isolate;
   }
@@ -522,9 +508,6 @@
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
-  .h-10 {
-    height: calc(var(--spacing) * 10);
-  }
   .h-fit {
     height: fit-content;
   }
@@ -567,9 +550,6 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
-  .max-w-md {
-    max-width: var(--container-md);
-  }
   .transform {
     transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
   }
@@ -669,18 +649,6 @@
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
-  .gap-1\.5 {
-    gap: calc(var(--spacing) * 1.5);
-  }
-  .gap-2 {
-    gap: calc(var(--spacing) * 2);
-  }
-  .gap-2\.5 {
-    gap: calc(var(--spacing) * 2.5);
-  }
-  .gap-3 {
-    gap: calc(var(--spacing) * 3);
-  }
   .space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -743,35 +711,11 @@
   .rounded {
     border-radius: 0.25rem;
   }
-  .rounded-\(--layout-br-lg\) {
-    border-radius: var(--layout-br-lg);
-  }
-  .rounded-\(--layout-br-md\) {
-    border-radius: var(--layout-br-md);
-  }
-  .rounded-\(--layout-br-sm\) {
-    border-radius: var(--layout-br-sm);
-  }
-  .rounded-\(--layout-br-xl\) {
-    border-radius: var(--layout-br-xl);
-  }
-  .rounded-\(--layout-br-xs\) {
-    border-radius: var(--layout-br-xs);
+  .rounded-\(--br\) {
+    border-radius: var(--br);
   }
-  .rounded-\(--ui-br-lg\) {
-    border-radius: var(--ui-br-lg);
-  }
-  .rounded-\(--ui-br-md\) {
-    border-radius: var(--ui-br-md);
-  }
-  .rounded-\(--ui-br-sm\) {
-    border-radius: var(--ui-br-sm);
-  }
-  .rounded-\(--ui-br-xl\) {
-    border-radius: var(--ui-br-xl);
-  }
-  .rounded-\(--ui-br-xs\) {
-    border-radius: var(--ui-br-xs);
+  .rounded-\(--ui-br\) {
+    border-radius: var(--ui-br);
   }
   .rounded-full {
     border-radius: calc(infinity * 1px);
@@ -875,21 +819,12 @@
   .border-\(--color-border-warning\) {
     border-color: var(--color-border-warning);
   }
-  .border-blue-300 {
-    border-color: var(--color-blue-300);
-  }
-  .border-green-200 {
-    border-color: var(--color-green-200);
-  }
   .border-green-500 {
     border-color: var(--color-green-500);
   }
   .border-indigo-400 {
     border-color: var(--color-indigo-400);
   }
-  .border-red-200 {
-    border-color: var(--color-red-200);
-  }
   .border-red-600 {
     border-color: var(--color-red-600);
   }
@@ -1058,18 +993,12 @@
   .bg-emerald-500 {
     background-color: var(--color-emerald-500);
   }
-  .bg-green-50 {
-    background-color: var(--color-green-50);
-  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
   .bg-purple-600 {
     background-color: var(--color-purple-600);
   }
-  .bg-red-50 {
-    background-color: var(--color-red-50);
-  }
   .bg-red-100 {
     background-color: var(--color-red-100);
   }
@@ -1103,24 +1032,12 @@
   .px-\(--ui-px\) {
     padding-inline: var(--ui-px);
   }
-  .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
-  }
-  .px-1\.5 {
-    padding-inline: calc(var(--spacing) * 1.5);
-  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
-  .px-2\.5 {
-    padding-inline: calc(var(--spacing) * 2.5);
-  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
-  .px-3\.5 {
-    padding-inline: calc(var(--spacing) * 3.5);
-  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -1136,12 +1053,6 @@
   .py-\(--ui-py\) {
     padding-block: var(--ui-py);
   }
-  .py-0 {
-    padding-block: calc(var(--spacing) * 0);
-  }
-  .py-0\.5 {
-    padding-block: calc(var(--spacing) * 0.5);
-  }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
@@ -1249,6 +1160,10 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .leading-\(--lh\) {
+    --tw-leading: var(--lh);
+    line-height: var(--lh);
+  }
   .leading-relaxed {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
@@ -1369,9 +1284,6 @@
   .text-blue-500 {
     color: var(--color-blue-500);
   }
-  .text-gray-500 {
-    color: var(--color-gray-500);
-  }
   .text-green-500 {
     color: var(--color-green-500);
   }
@@ -1624,23 +1536,38 @@
   .\[--aspect-ratio\:1\.75\] {
     --aspect-ratio: 1.75;
   }
-  .\[--aspect-ratio\:1\] {
-    --aspect-ratio: 1;
-  }
   .\[--aspect-ratio\:2\.5\] {
     --aspect-ratio: 2.5;
   }
   .\[--aspect-ratio\:2\] {
     --aspect-ratio: 2;
   }
-  .\[--aspect-ratio\:3\] {
-    --aspect-ratio: 3;
+  .\[--br-unit\:1\.5\] {
+    --br-unit: 1.5;
+  }
+  .\[--br-unit\:1\] {
+    --br-unit: 1;
+  }
+  .\[--br-unit\:2\.5\] {
+    --br-unit: 2.5;
+  }
+  .\[--br-unit\:2\] {
+    --br-unit: 2;
+  }
+  .\[--br-unit\:3\] {
+    --br-unit: 3;
   }
-  .\[--aspect-ratio\:4\] {
-    --aspect-ratio: 4;
+  .\[--br-unit\:4\] {
+    --br-unit: 4;
   }
-  .\[--gap-unit\:0\.5\] {
-    --gap-unit: 0.5;
+  .\[--br-unit\:5\] {
+    --br-unit: 5;
+  }
+  .\[--br-unit\:6\] {
+    --br-unit: 6;
+  }
+  .\[--br-unit\:7\] {
+    --br-unit: 7;
   }
   .\[--gap-unit\:1\.5\] {
     --gap-unit: 1.5;
@@ -1666,12 +1593,33 @@
   .\[--gap-unit\:6\] {
     --gap-unit: 6;
   }
+  .\[--lh-unit\:1\.2\] {
+    --lh-unit: 1.2;
+  }
+  .\[--lh-unit\:1\.4\] {
+    --lh-unit: 1.4;
+  }
+  .\[--lh-unit\:1\.5\] {
+    --lh-unit: 1.5;
+  }
+  .\[--lh-unit\:1\.111\] {
+    --lh-unit: 1.111;
+  }
+  .\[--lh-unit\:1\.333\] {
+    --lh-unit: 1.333;
+  }
+  .\[--lh-unit\:1\.429\] {
+    --lh-unit: 1.429;
+  }
+  .\[--lh-unit\:1\.556\] {
+    --lh-unit: 1.556;
+  }
+  .\[--lh-unit\:1\] {
+    --lh-unit: 1;
+  }
   .\[--py-unit\:0\.5\] {
     --py-unit: 0.5;
   }
-  .\[--py-unit\:0\] {
-    --py-unit: 0;
-  }
   .\[--py-unit\:1\.5\] {
     --py-unit: 1.5;
   }
@@ -2494,6 +2442,13 @@
       --py: calc(var(--py-unit) * var(--layout-spacing));
       --ui-px: calc(var(--aspect-ratio) * var(--py-unit) * var(--ui-spacing));
       --ui-py: calc(var(--py-unit) * var(--ui-spacing));
+      --br-unit: 1;
+      --br-base: 0.25rem;
+      --br: calc(var(--br-unit) * var(--br-base));
+      --ui-br-base: 0.125rem;
+      --ui-br: calc(var(--br-unit) * var(--ui-br-base));
+      --lh-unit: 1.5;
+      --lh: var(--lh-unit);
     }
   }
 }

package/dist/vars.css

@@ -162,7 +162,7 @@
     --layout-br-lg: calc(6 * var(--layout-br-spacing));
     --layout-br-xl: calc(7 * var(--layout-br-spacing));
 
-    --layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.25rem);
+    --layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.3rem);
     --ui-spacing: var(--spacing);
 }
 
@@ -181,5 +181,15 @@
 
         --ui-px: calc(var(--aspect-ratio) * var(--py-unit) * var(--ui-spacing));
         --ui-py: calc(var(--py-unit) * var(--ui-spacing));
+
+        --br-unit: 1;
+        --br-base: 0.25rem;
+        --br: calc(var(--br-unit) * var(--br-base));
+
+        --ui-br-base: 0.125rem;
+        --ui-br: calc(var(--br-unit) * var(--ui-br-base));
+
+        --lh-unit: 1.5;
+        --lh: var(--lh-unit);
     }
 }

package/package.json

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

package/dist/components/ui/classes/radiusClasses.d.ts

@@ -1,4 +0,0 @@
-import { SizeKey } from "../props";
-export declare const uiBorderRadiusClasses: Record<SizeKey, string>;
-export declare const layoutBorderRadiusClasses: Record<SizeKey, string>;
-//# sourceMappingURL=radiusClasses.d.ts.map

package/dist/components/ui/classes/radiusClasses.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radiusClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/radiusClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMzD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM7D,CAAC"}