feat: create tokens

emulsify-ds · Mar 26, 2024 · 6516050 · 6516050
1 parent 6b6b8bd
commit 6516050
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/components/tokens/_tokens.scss b/src/components/tokens/_tokens.scss
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 26 Mar 2024 16:17:42 GMT
+ * Generated on Tue, 26 Mar 2024 16:23:41 GMT
  */
 
 :root {
@@ -100,10 +100,11 @@
   --cta-eyebrow: [object Object];
   --cta-button: [object Object];
   --cta-color-heading: #007fb6;
-  --cta-color-heading-with-bkg: #00405b;
+  --cta-color-heading-darker: #00405b;
   --cta-color-eyebrow: #545f64;
-  --cta-color-eyebrow-with-bkg: #29373d;
+  --cta-color-eyebrow-darker: #29373d;
   --cta-color-body: #000000;
+  --cta-color-button: #ffffff;
   --cta-background: #99d9f4;
   --checkbox-color-label: #00202e;
   --checkbox-color-label-disabled: #a9afb1;

diff --git a/src/tokens/transformed.tokens.json b/src/tokens/transformed.tokens.json
@@ -513,28 +513,40 @@
         "fontSize": 18,
         "lineHeight": "150%"
       },
-      "type": "typography"
+      "type": "typography",
+      "background": {
+        "value": "{color.EmulsifyBlue.600}",
+        "type": "color"
+      },
+      "darker-background": {
+        "value": "{color.EmulsifyBlue.900}",
+        "type": "color"
+      }
     },
     "color": {
       "heading": {
         "value": "#007fb6",
         "type": "color"
       },
-      "heading-with-bkg": {
+      "heading-darker": {
         "value": "#00405b",
         "type": "color"
       },
       "eyebrow": {
         "value": "#545f64",
         "type": "color"
       },
-      "eyebrow-with-bkg": {
+      "eyebrow-darker": {
         "value": "#29373d",
         "type": "color"
       },
       "body": {
         "value": "#000000",
         "type": "color"
+      },
+      "button": {
+        "value": "#ffffff",
+        "type": "color"
       }
     },
     "background": {