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

package/dist/index.js

@@ -3709,15 +3709,15 @@ class LineHeightTheme extends BaseTheme {
     constructor(customMapping) {
         super();
         /** Extra-small line height - matches text-xs default line height */
-        this.xs = "[--lh:1.333]"; // calc(1 / 0.75) ≈ 1.333
+        this.xs = "[--lh:1.4]"; // calc(1 / 0.75) ≈ 1.333
         /** Small line height - matches text-sm default line height */
-        this.sm = "[--lh:1.429]"; // calc(1.25 / 0.875) ≈ 1.429
+        this.sm = "[--lh:1.6]"; // calc(1.25 / 0.875) ≈ 1.429
         /** Medium line height - matches text-base default line height */
-        this.md = "[--lh:1.5]"; // calc(1.5 / 1) = 1.5
+        this.md = "[--lh:1.6]"; // calc(1.5 / 1) = 1.5
         /** Large line height - matches text-lg default line height */
-        this.lg = "[--lh:1.556]"; // calc(1.75 / 1.125) ≈ 1.556
+        this.lg = "[--lh:1.6]"; // calc(1.75 / 1.125) ≈ 1.556
         /** Extra-large line height - matches text-xl default line height */
-        this.xl = "[--lh:1.4]"; // calc(1.75 / 1.25) = 1.4
+        this.xl = "[--lh:1.6]"; // calc(1.75 / 1.25) = 1.4
         if (customMapping) {
             this.xs = customMapping.xs || this.xs;
             this.sm = customMapping.sm || this.sm;
@@ -3814,15 +3814,6 @@ class RadiusTheme extends BaseTheme {
         this.rounded = roundedClasses;
         this.isUIComponent = isUIComponent;
     }
-    static createCheckboxTheme() {
-        return new RadiusTheme({
-            xs: '[--br-unit:1]',
-            sm: '[--br-unit:1.5]',
-            md: '[--br-unit:2]',
-            lg: '[--br-unit:2.5]',
-            xl: '[--br-unit:3]'
-        }, true);
-    }
     static createUITheme() {
         return new RadiusTheme({
             xs: '[--br-unit:2]',
@@ -5004,20 +4995,26 @@ const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all
 const defaultCodeTheme = new ComponentTheme("code", "", {
     size: {
         px: new PxTheme({
-            xs: "[--aspect-ratio:1.5]",
-            sm: "[--aspect-ratio:1.5]",
-            md: "[--aspect-ratio:1.5]",
-            lg: "[--aspect-ratio:1.5]",
-            xl: "[--aspect-ratio:1.5]",
+            xs: "[--aspect-ratio:1.8]",
+            sm: "[--aspect-ratio:1.8]",
+            md: "[--aspect-ratio:1.8]",
+            lg: "[--aspect-ratio:1.8]",
+            xl: "[--aspect-ratio:1.8]",
         }, true),
         py: new PyTheme({
-            xs: "[--py-unit:0.6]",
-            sm: "[--py-unit:0.8]",
-            md: "[--py-unit:1]",
-            lg: "[--py-unit:1.2]",
-            xl: "[--py-unit:1.4]",
+            xs: "[--py-unit:0.4]",
+            sm: "[--py-unit:0.6]",
+            md: "[--py-unit:0.8]",
+            lg: "[--py-unit:1]",
+            xl: "[--py-unit:1.2]",
         }, true),
-        text: new FontSizeTheme(),
+        text: new FontSizeTheme({
+            xs: "[--fs-unit:5]",
+            sm: "[--fs-unit:6]",
+            md: "[--fs-unit:7]",
+            lg: "[--fs-unit:8]",
+            xl: "[--fs-unit:9]",
+        }),
         lineHeight: new LineHeightTheme({
             xs: "[--lh:1]",
             sm: "[--lh:1]",
@@ -5037,7 +5034,13 @@ const defaultCodeTheme = new ComponentTheme("code", "", {
     },
     layout: {
         ...defaultLayoutsThemes,
-        radius: RadiusTheme.createUITheme(),
+        radius: new RadiusTheme({
+            xs: '[--br-unit:1]',
+            sm: '[--br-unit:2]',
+            md: '[--br-unit:3]',
+            lg: '[--br-unit:4]',
+            xl: '[--br-unit:5]'
+        }, true),
         border: new BorderTheme(),
         ring: new RingTheme(),
         focusVisible: new FocusVisibleTheme(),
@@ -5489,7 +5492,13 @@ const defaultCheckboxTheme = new ComponentTheme("input", "peer col-start-1 row-s
         border: new BorderTheme(),
         ring: new RingTheme(),
         focusVisible: new FocusVisibleTheme(),
-        radius: RadiusTheme.createCheckboxTheme(),
+        radius: new RadiusTheme({
+            xs: '[--br-unit:1]',
+            sm: '[--br-unit:1.5]',
+            md: '[--br-unit:2]',
+            lg: '[--br-unit:2.5]',
+            xl: '[--br-unit:3]'
+        }, true),
     },
     appearance: {
         accent: GenericVariantTheme.createAccentColorAppearanceTheme(),