@nuvoui/core 1.4.3 → 1.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuvoui/core",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "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/utilities/_typography.scss

@@ -268,7 +268,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 +446,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);