feat(theme): add initial files to support Excursion theme #153

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "jetstream"
+    ]
+}

README.md

@@ -37,6 +37,9 @@ Pre-processed resources are available in the `./dist/tokens` directory of the [n
     ├── SCSSVariables.scss
     ├── SCSSVariablesMapFlat.scss
     └── SassCustomProperties.scss
+  └── excursion
+    ├── JSONVariablesFlat.json
+    └── JSONVariablesNested.json
 ```
 
 ### Resource Descriptions

package.json

@@ -82,12 +82,8 @@
       "email": "[email protected]"
     },
     {
-      "name": "Camron Lockeby",
-      "email": "[email protected]"
-    },
-    {
-      "name": "Kevin Sonnichsen",
-      "email": "[email protected]"
+      "name": "Jason Baker",
+      "email": "[email protected]"
     }
   ]
 }

scripts/config-darkmode.json

@@ -1,6 +1,6 @@
 {
-  "include": ["./src/color/base.json", "./src/color/brand.json", "./src/color/alert.json", "./src/comments.json"],
   "source": ["./src/color-darkmode/*.json"],
+  "include": ["./src/color/base.json", "./src/color/brand.json", "./src/color/alert.json", "./src/comments.json"],
   "platforms": {
     "SCSSVariables": {
       "transformGroup": "scss",

scripts/config-excursion.json

@@ -0,0 +1,27 @@
+{
+  "source": ["./src/themes/excursion/color/*.json"],
+  "platforms": {
+    "JSONVariables": {
+      "transformGroup": "css",
+      "prefix": "ds",
+      "comment": "File type: JSON; variable type: CSS; filter: public",
+      "buildPath": "./dist/tokens/excursion/",
+      "files": [
+        {
+          "destination": "JSONVariablesFlat.json",
+          "format": "json/flat",
+          "filter": {
+            "public": true
+          }
+        },
+        {
+          "destination": "JSONVariablesNested.json",
+          "format": "json/nested",
+          "filter": {
+            "public": true
+          }
+        }
+      ]
+    }
+  }
+}

scripts/config-jetstream.json

@@ -0,0 +1,20 @@
+{
+  "source": ["./src/themes/jetstream/color/*.json"],
+  "platforms": {
+    "CSSCustomProperties": {
+      "transformGroup": "css",
+      "prefix": "ds",
+      "comment": "File type: CSS; variable type: CSS; filter: public",
+      "buildPath": "./dist/tokens/jetstream/",
+      "files": [
+        {
+          "destination": "CSSCustomProperties.css",
+          "format": "css/variables",
+          "filter": {
+            "public": true
+          }
+        }
+      ]
+    }
+  }
+}

scripts/config.json

@@ -1,6 +1,6 @@
 {
-  "include": ["./src/asset/*.json", "./src/size/*.json", "./src/*.json"],
   "source": ["./src/color/*.json"],
+  "include": ["./src/asset/*.json", "./src/size/*.json", "./src/*.json"],
   "platforms": {
     "SCSSVariables": {
       "transformGroup": "scss",

scripts/styleDictionary.js

@@ -33,3 +33,13 @@ tokensConfig.buildAllPlatforms();
 const darkTokensConfig = StyleDictionary.extend('./scripts/config-darkmode.json');
 
 darkTokensConfig.buildAllPlatforms();
+
+// Themes
+
+const excursionConfig = StyleDictionary.extend('./scripts/config-excursion.json');
+
+excursionConfig.buildAllPlatforms();
+
+// const jetstreamConfig = StyleDictionary.extend('./scripts/config-jetstream.json');
+
+// jetstreamConfig.buildAllPlatforms();

src/color-darkmode/base.json

@@ -5,14 +5,14 @@
         "value": "000000",
         "comment": "{comments.color.base.value.comment}",
         "public": true,
-        "deprecated": false,
+        "deprecated": true,
         "darkmode": true
       },
       "black": {
         "value": "ffffff",
         "comment": "{comments.color.base.value.comment}",
         "public": true,
-        "deprecated": false,
+        "deprecated": true,
         "darkmode": true
       }
     }

src/color-darkmode/border.json

@@ -9,7 +9,7 @@
           "default": true,
           "usage": "Primary border color on dark background",
           "wcag": "n/a",
-          "deprecated": false
+          "deprecated": true
         }
       },
       "divider": {
@@ -20,7 +20,7 @@
           "default": true,
           "usage": "Strict use as divider between elements on dark backgrounds",
           "wcag": "n/a",
-          "deprecated": false
+          "deprecated": true
         }
       }
     }

src/color-darkmode/icon.json

@@ -9,7 +9,7 @@
           "default": true,
           "usage": "Primary color for icons on dark backgrounds",
           "wcag": "AAA",
-          "deprecated": false
+          "deprecated": true
         }
       },
       "emphasis": {
@@ -20,7 +20,7 @@
           "default": true,
           "usage": "Emphasis or lightest icon color on dark backgrounds",
           "wcag": "AAA",
-          "deprecated": false
+          "deprecated": true
         }
       }
     }

src/color-darkmode/text.json

@@ -9,7 +9,7 @@
           "default": true,
           "usage": "Primary color for body and header text on dark backgrounds",
           "wcag": "AAA",
-          "deprecated": false
+          "deprecated": true
         }
       },
       "secondary": {
@@ -20,7 +20,7 @@
           "default": true,
           "usage": "Secondary color for body text on dark backgrounds",
           "wcag": "AAA",
-          "deprecated": false
+          "deprecated": true
         }
       },
       "link": {
@@ -31,7 +31,7 @@
           "default": true,
           "usage": "Link text color on light backgrounds",
           "wcag": "AA",
-          "deprecated": false
+          "deprecated": true
         }
       },
       "error": {
@@ -42,7 +42,7 @@
           "default": true,
           "usage": "Error text color on dark backgrounds",
           "wcag": "AA",
-          "deprecated": false
+          "deprecated": true
         }
       },
       "emphasis": {
@@ -53,7 +53,7 @@
           "default": true,
           "usage": "Emphasized text color on dark backgrounds",
           "wcag": "n/a",
-          "deprecated": false
+          "deprecated": true
         }
       }
     }

src/color-darkmode/tier.json

@@ -10,7 +10,7 @@
             "default": true,
             "usage": "MVP tier color for Alaska Airlines",
             "wcag": "n/a",
-            "deprecated": false
+            "deprecated": true
           }
         },
         "mvpgold": {
@@ -21,7 +21,7 @@
             "default": true,
             "usage": "MVP Gold tier color for Alaska Airlines",
             "wcag": "n/a",
-            "deprecated": false
+            "deprecated": true
           }
         }
       }