feat(validation): add list support

magnesiumlabs · Apr 22, 2024 · 0cd69d9 · 0cd69d9
1 parent 1172e9e
commit 0cd69d9
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/__tests__/functions.spec.scss b/__tests__/functions.spec.scss
@@ -2,7 +2,7 @@
 //                                             TEST                                              //
 // ============================================================================================= //
 
-@use 'pkg:sass-true' as *;
+@use "pkg:sass-true" as *;
 @use "./tokens";
 @use "../src/functions";
 

diff --git a/__tests__/mixins.spec.scss b/__tests__/mixins.spec.scss
@@ -2,7 +2,7 @@
 //                                             TEST                                              //
 // ============================================================================================= //
 
-@use 'pkg:sass-true' as *;
+@use "pkg:sass-true" as *;
 @use "./tokens";
 @use "../src/mixins";
 @use "../src/functions";

diff --git a/src/_functions.scss b/src/_functions.scss
@@ -23,14 +23,14 @@
 ///
 /// Validates a user-provided theme's token and throws an error if tokens are invalid.
 ///
-/// @param {Map} $reference - A map of reference tokens.
+/// @param {List|Map} $reference - A list of map of reference tokens.
 /// @param {Map} $tokens - A map of theme's tokens.
 /// @param {String} $component - The component name.
 ///
 /// @return {Map} The validated theme map.
 ///
 @function validation($reference, $tokens, $component: null) {
-    $keys: map.keys($reference);
+    $keys: if(type.is-map($reference), map.keys($reference), $reference);
     $unsupported-tokens: ();
 
     @each $key, $value in $tokens {

diff --git a/src/color/__tests__/mixins.spec.scss b/src/color/__tests__/mixins.spec.scss
@@ -2,11 +2,12 @@
 //                                             TEST                                              //
 // ============================================================================================= //
 
-@use 'pkg:sass-true' as *;
+@use "pkg:sass-true" as *;
 @use "../../../index" with (
     $color: (
         "tokens": (
-            "primary": #006ea9
+            "primary",
+            "secondary"
         )
     )
 );
@@ -19,14 +20,16 @@
                 @include output(false) {
                     .test {
                         @include mixins.theme((
-                            "primary": darkcyan
+                            "primary": darkcyan,
+                            "secondary": darkorange
                         ));
                     }
                 }
 
                 @include expect(false) {
                     .test {
                         --mg-color-primary: darkcyan;
+                        --mg-color-secondary: darkorange;
                     }
                 }
             }