@vaneui/ui 0.3.1-alpha.20250927164620.fec55bc → 0.3.1-alpha.20250930203841.cec91ca

package/dist/ui.css

@@ -247,11 +247,11 @@
     --color-border-filled-warning: var(--color-yellow-600);
     --color-border-filled-info: var(--color-blue-600);
     --color-border-filled-link: var(--color-blue-600);
-    --ui-br-unit: 0.125rem;
-    --ui-br-md: calc(3 * var(--ui-br-unit));
-    --layout-br-spacing: 0.25rem;
     --layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.3rem);
     --ui-spacing: var(--spacing);
+    --br-base: 0.25rem;
+    --ui-br-base: 0.125rem;
+    --fs-base: 0.125rem;
   }
 }
 @layer base {
@@ -1278,6 +1278,9 @@
   .text-\(--color-text-warning\) {
     color: var(--color-text-warning);
   }
+  .text-\(--fs\) {
+    color: var(--fs);
+  }
   .text-blue-200 {
     color: var(--color-blue-200);
   }
@@ -1569,6 +1572,39 @@
   .\[--br-unit\:7\] {
     --br-unit: 7;
   }
+  .\[--fs-unit\:6\] {
+    --fs-unit: 6;
+  }
+  .\[--fs-unit\:7\] {
+    --fs-unit: 7;
+  }
+  .\[--fs-unit\:8\] {
+    --fs-unit: 8;
+  }
+  .\[--fs-unit\:9\] {
+    --fs-unit: 9;
+  }
+  .\[--fs-unit\:10\] {
+    --fs-unit: 10;
+  }
+  .\[--fs-unit\:12\] {
+    --fs-unit: 12;
+  }
+  .\[--fs-unit\:15\] {
+    --fs-unit: 15;
+  }
+  .\[--fs-unit\:18\] {
+    --fs-unit: 18;
+  }
+  .\[--fs-unit\:24\] {
+    --fs-unit: 24;
+  }
+  .\[--fs-unit\:30\] {
+    --fs-unit: 30;
+  }
+  .\[--fs-unit\:36\] {
+    --fs-unit: 36;
+  }
   .\[--gap-unit\:1\.5\] {
     --gap-unit: 1.5;
   }
@@ -2302,42 +2338,6 @@
       flex-direction: column;
     }
   }
-  .max-lg\:text-2xl {
-    @media (width < 64rem) {
-      font-size: var(--text-2xl);
-      line-height: var(--tw-leading, var(--text-2xl--line-height));
-    }
-  }
-  .max-lg\:text-3xl {
-    @media (width < 64rem) {
-      font-size: var(--text-3xl);
-      line-height: var(--tw-leading, var(--text-3xl--line-height));
-    }
-  }
-  .max-lg\:text-4xl {
-    @media (width < 64rem) {
-      font-size: var(--text-4xl);
-      line-height: var(--tw-leading, var(--text-4xl--line-height));
-    }
-  }
-  .max-lg\:text-5xl {
-    @media (width < 64rem) {
-      font-size: var(--text-5xl);
-      line-height: var(--tw-leading, var(--text-5xl--line-height));
-    }
-  }
-  .max-lg\:text-6xl {
-    @media (width < 64rem) {
-      font-size: var(--text-6xl);
-      line-height: var(--tw-leading, var(--text-6xl--line-height));
-    }
-  }
-  .max-lg\:text-xl {
-    @media (width < 64rem) {
-      font-size: var(--text-xl);
-      line-height: var(--tw-leading, var(--text-xl--line-height));
-    }
-  }
   .max-md\:hidden {
     @media (width < 48rem) {
       display: none;
@@ -2348,42 +2348,6 @@
       flex-direction: column;
     }
   }
-  .max-md\:text-2xl {
-    @media (width < 48rem) {
-      font-size: var(--text-2xl);
-      line-height: var(--tw-leading, var(--text-2xl--line-height));
-    }
-  }
-  .max-md\:text-3xl {
-    @media (width < 48rem) {
-      font-size: var(--text-3xl);
-      line-height: var(--tw-leading, var(--text-3xl--line-height));
-    }
-  }
-  .max-md\:text-4xl {
-    @media (width < 48rem) {
-      font-size: var(--text-4xl);
-      line-height: var(--tw-leading, var(--text-4xl--line-height));
-    }
-  }
-  .max-md\:text-5xl {
-    @media (width < 48rem) {
-      font-size: var(--text-5xl);
-      line-height: var(--tw-leading, var(--text-5xl--line-height));
-    }
-  }
-  .max-md\:text-lg {
-    @media (width < 48rem) {
-      font-size: var(--text-lg);
-      line-height: var(--tw-leading, var(--text-lg--line-height));
-    }
-  }
-  .max-md\:text-xl {
-    @media (width < 48rem) {
-      font-size: var(--text-xl);
-      line-height: var(--tw-leading, var(--text-xl--line-height));
-    }
-  }
   .max-sm\:hidden {
     @media (width < 40rem) {
       display: none;
@@ -2443,12 +2407,12 @@
       --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);
+      --fs-unit: 8;
+      --fs: calc(var(--fs-unit) * var(--fs-base));
     }
   }
 }

package/dist/vars.css

@@ -146,50 +146,35 @@
     --color-border-filled-info: var(--color-blue-600);
     --color-border-filled-link: var(--color-blue-600);
 
-    /* UI Component Border Radius Sizes */
-    --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 Component Border Radius Sizes */
-    --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.3rem);
     --ui-spacing: var(--spacing);
+    --br-base: 0.25rem;
+    --ui-br-base: 0.125rem;
+    --fs-base: 0.125rem;
 }
 
 @layer base {
     :where(*) {
-        /* Layout Gap: the --gap-unit variable is set depending on component and it's size */
         --gap-unit: 1;
         --gap: calc(var(--gap-unit) * var(--layout-spacing));
         --ui-gap: calc(var(--gap-unit) * var(--ui-spacing));
 
         --aspect-ratio: 1;
         --py-unit: 1;
-
         --px: calc(var(--aspect-ratio) * var(--py-unit) * var(--layout-spacing));
         --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);
+
+        --fs-unit: 8; /* Default to text-base (1rem = 8 * 0.125rem) */
+        --fs: calc(var(--fs-unit) * var(--fs-base));
     }
 }

package/package.json

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