fix(format): adding configurable name to sass map name (#291)

Fix #290
amzn · Jun 18, 2019 · cfa2422 · cfa2422
1 parent 651ced2
commit cfa2422
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/lib/common/formats.js b/lib/common/formats.js
@@ -98,6 +98,8 @@ module.exports = {
   /**
    * Creates a SCSS file with a flat map based on the style dictionary
    *
+   * Name the map by adding a 'mapName' attribute on the file object in your config.
+   * 
    * @memberof Formats
    * @kind member
    * @example
@@ -123,7 +125,9 @@ module.exports = {
   },
 
   /**
-   * Creates a SCSS file with a deep map based on the style dictionary
+   * Creates a SCSS file with a deep map based on the style dictionary.
+   *
+   * Name the map by adding a 'mapName' attribute on the file object in your config.
    *
    * @memberof Formats
    * @kind member

diff --git a/lib/common/templates/scss/map-deep.template b/lib/common/templates/scss/map-deep.template
@@ -44,7 +44,7 @@
     // output the list of tokens as a Sass nested map
     // (the values are pointing to the variables)
     //
-    print(`$tokens: ${processJsonNode(properties, 0)};\n`);
+    print(`$${this.mapName||'tokens'}: ${processJsonNode(properties, 0)};\n`);
 
     // recursive function to process a properties JSON node
     //

diff --git a/lib/common/templates/scss/map-flat.template b/lib/common/templates/scss/map-flat.template
@@ -28,7 +28,7 @@
     print('\n');
 
     var output = '';
-    output += '$tokens: (\n';
+    output += `$${this.mapName||'tokens'}: (\n`;
     output += allProperties.map(function(prop){
         var line = '';
         if(prop.comment) {