feat: include JS data object in npm dist

AlaskaAirlines · Aug 2, 2019 · 00471d1 · 00471d1
1 parent 3d6252f
commit 00471d1
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -33,7 +33,6 @@ The `config.json` file, contained within the `./example/` directory will output
 1. Sass
 1. Android
 1. iOS
-1. Sketch (specifically color palette generation)
 
 ### Example ./gulpfile.js
 
@@ -225,14 +224,16 @@ Located in the [npm](https://www.npmjs.com/package/@alaskaairux/orion-design-tok
 └── tokens
    ├── TokenProperties.css
    ├── _TokenProperties.scss
-   └── _TokenVariables.scss
+   ├── _TokenVariables.scss
+   └── TokenColorVariables.js
 ```
 
 | file | type | syntax |
 |---|---|---|
 | TokenProperties.css | CSS Custom Properties | CSS |
 | _TokenProperties.scss | CSS Custom Properties | SCSS |
 | _TokenVariables.scss | Sass variables | SCSS |
+| TokenVariables.js | data | JS |
 
 **To install in Sass file:**
 

diff --git a/example/config.json b/example/config.json
@@ -31,16 +31,6 @@
         }
       ]
     },
-    "sketch": {
-      "transformGroup": "assets",
-      "buildPath": "./example/tokensBuild/",
-      "files": [
-        {
-          "destination": "TokenVariables.sketchpalette",
-          "format": "sketch/palette"
-        }
-      ]
-    },
     "android": {
       "transformGroup": "android",
       "buildPath": "./example/tokensBuild/droid/",

diff --git a/scripts/config.json b/scripts/config.json
@@ -31,6 +31,21 @@
         }
       ]
     },
+    "JavaScript": {
+      "transformGroup": "js",
+      "buildPath": "./dist/tokens/",
+      "files": [
+        {
+          "destination": "TokenColorVariables.js",
+          "format": "javascript/object",
+          "filter": {
+            "attributes": {
+              "category": "color"
+            }
+          }
+        }
+      ]
+    },
     "JSONtest": {
       "transformGroup": "css",
       "buildPath": "./test/",

diff --git a/scripts/styleDictionary.js b/scripts/styleDictionary.js
@@ -35,6 +35,7 @@ console.log('')
 const StyleDictionary = require('style-dictionary').extend('./scripts/config.json');
 
 // Style Dictionary build function
+StyleDictionary.buildPlatform('JavaScript');
 StyleDictionary.buildPlatform('SassVariables');
 StyleDictionary.buildPlatform('CSSCustomElements');
 StyleDictionary.buildPlatform('CSSCustomElements_SassFiletype');