Token Theming variables (#44)

fix(pencil): Adding in first new Theme Tokens Co-authored-by: iryanclarke <[email protected]>
Fullscript · Aug 3, 2022 · a5026d5 · a5026d5
1 parent b233c71
commit a5026d5
Show file tree

Hide file tree

Showing 12 changed files with 112 additions and 12 deletions.
diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts
@@ -1,8 +1,15 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
+export const base : string;
+export const emphasis : string;
+export const subdued : string;
+export const level0 : string;
+export const level1 : string;
+export const level2 : string;
+export const level3 : string;
 export const green100 : string;
 export const green200 : string;
 export const green300 : string;

diff --git a/build/native/colors.js b/build/native/colors.js
@@ -1,9 +1,16 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
 module.exports = {
+  "base": "#2E3A47",
+  "emphasis": "#36485C",
+  "subdued": "#596D84",
+  "level0": "#F5F7FA",
+  "level1": "#FFF",
+  "level2": "#FCFEFF",
+  "level3": "#FFF",
   "green100": "#FAFFFC",
   "green200": "#EBF2EF",
   "green300": "#D1E0D9",

diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
 export const letterSpacingBase : number;

diff --git a/build/native/typography.js b/build/native/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
 module.exports = {

diff --git a/build/scss/colors.scss b/build/scss/colors.scss
@@ -1,7 +1,14 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Jul 2022 13:31:35 GMT
+// Generated on Wed, 03 Aug 2022 13:50:24 GMT
 
+$base: #2E3A47;
+$emphasis: #36485C;
+$subdued: #596D84;
+$level0: #F5F7FA;
+$level1: #FFF;
+$level2: #FCFEFF;
+$level3: #FFF;
 $green100: #FAFFFC;
 $green200: #EBF2EF;
 $green300: #D1E0D9;

diff --git a/build/scss/typography.scss b/build/scss/typography.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 13 Jul 2022 13:31:35 GMT
+// Generated on Wed, 03 Aug 2022 13:50:24 GMT
 
 $letterSpacingBase: 0;
 $paragraphSpacingBase: 0;

diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts
@@ -1,8 +1,15 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
+export const base : string;
+export const emphasis : string;
+export const subdued : string;
+export const level0 : string;
+export const level1 : string;
+export const level2 : string;
+export const level3 : string;
 export const green100 : string;
 export const green200 : string;
 export const green300 : string;

diff --git a/build/ts/colors.js b/build/ts/colors.js
@@ -1,9 +1,16 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
 module.exports = {
+  "base": "#2E3A47",
+  "emphasis": "#36485C",
+  "subdued": "#596D84",
+  "level0": "#F5F7FA",
+  "level1": "#FFF",
+  "level2": "#FCFEFF",
+  "level3": "#FFF",
   "green100": "#FAFFFC",
   "green200": "#EBF2EF",
   "green300": "#D1E0D9",

diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
 export const letterSpacingBase : number;

diff --git a/build/ts/typography.js b/build/ts/typography.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Jul 2022 13:31:35 GMT
+ * Generated on Wed, 03 Aug 2022 13:50:24 GMT
  */
 
 module.exports = {

diff --git a/data/tokens.json b/data/tokens.json
@@ -472,6 +472,39 @@
       }
     }
   },
-  "Light": {},
+  "color_tokens": {
+    "text": {
+      "base": {
+        "value": "{colors.grey.800}",
+        "type": "color"
+      },
+      "emphasis": {
+        "value": "{colors.grey.700}",
+        "type": "color"
+      },
+      "subdued": {
+        "value": "{colors.grey.500}",
+        "type": "color"
+      }
+    },
+    "layers": {
+      "level0": {
+        "value": "{colors.grey.200}",
+        "type": "color"
+      },
+      "level1": {
+        "value": "#FFF",
+        "type": "color"
+      },
+      "level2": {
+        "value": "{colors.grey.100}",
+        "type": "color"
+      },
+      "level3": {
+        "value": "#FFF",
+        "type": "color"
+      }
+    }
+  },
   "$themes": []
-}
+}
diff --git a/data/transformed-tokens.json b/data/transformed-tokens.json
@@ -1,4 +1,36 @@
 {
+  "text": {
+    "base": {
+      "value": "#2E3A47",
+      "type": "color"
+    },
+    "emphasis": {
+      "value": "#36485C",
+      "type": "color"
+    },
+    "subdued": {
+      "value": "#596D84",
+      "type": "color"
+    }
+  },
+  "layers": {
+    "level0": {
+      "value": "#F5F7FA",
+      "type": "color"
+    },
+    "level1": {
+      "value": "#FFF",
+      "type": "color"
+    },
+    "level2": {
+      "value": "#FCFEFF",
+      "type": "color"
+    },
+    "level3": {
+      "value": "#FFF",
+      "type": "color"
+    }
+  },
   "colors": {
     "green": {
       "100": {