@nuvoui/core 1.4.3 → 1.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuvoui/core",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "description": "NuvoUI is a human-friendly SCSS framework designed for simplicity, and modern responsive designs.",
   "author": {
     "name": "AALA IT Solutions",

package/src/styles/functions/_colors.scss

@@ -174,6 +174,11 @@ $color-cache: (); // to store the generated colors
         @return $default-color;
     }
 
+    // Convert string shade to number if needed
+    @if meta.type-of($shade) == "string" {
+        $shade: fn-math.to-number($shade);
+    }
+
     @if not is-valid-shade($shade) {
         @warn "Invalid shade value: #{$shade}. Valid range is 50 to 900.";
         @return $default-color;
@@ -273,6 +278,11 @@ $color-cache: (); // to store the generated colors
 }
 
 @function is-valid-shade($shade) {
+    // Convert string to number if needed
+    @if meta.type-of($shade) == "string" {
+        $shade: fn-math.to-number($shade);
+    }
+
     @if meta.type-of($shade) == "number" {
         @return $shade >= 50 and $shade <= 900;
     }

package/src/styles/functions/_math.scss

@@ -45,7 +45,7 @@
                 $result: $result * 10 + map.get($numbers, $character);
             } @else {
                 $digits: $digits * 10;
-                $result: $result + map.get($numbers, $character) / $digits;
+                $result: $result + math.div(map.get($numbers, $character), $digits);
             }
         } @else {
             // Non-numeric character found - check for unit

package/src/styles/utilities/_typography.scss

@@ -9,6 +9,7 @@
 @use "../config/breakpoints" as config-breakpoint;
 @use "../config/typography" as config-typo;
 @use "../functions/feature-flags" as fn-flags;
+@use "../functions/math" as fn-math;
 
 // config-typo Utilities
 // Classes:
@@ -54,9 +55,15 @@
     } @else if meta.type-of($weight) == "number" {
         font-weight: $weight;
     } @else {
-        @warn "Unknown font weight: #{$weight} setting it to default.";
-
-        font-weight: 400; // Default to normal weight
+        // Try converting string to number (handles "600" -> 600)
+        $converted: fn-math.to-number($weight);
+        @if meta.type-of($converted) == "number" {
+            font-weight: $converted;
+        } @else {
+            @warn "Unknown font weight: #{$weight} setting it to default.";
+
+            font-weight: 400; // Default to normal weight
+        }
     }
 }
 
@@ -268,7 +275,7 @@
 
     @each $size, $val in config-typo.$font-sizes {
         #{config-flags.$parent-selector} .text-#{$size}#{$suffix} {
-            @include text-size($size);
+            @include font-size($size);
         }
     }
 
@@ -446,7 +453,7 @@
         @media (min-width: #{$width}) {
             @each $size, $val in config-typo.$font-sizes {
                 #{config-flags.$parent-selector} .text-#{$size}\@#{$breakpoint} {
-                    @include text-size($size);
+                    @include font-size($size);
                 }
             }
             @include responsive-config-typo($breakpoint);