From 65160504f749579c21e539222cbaab867f8aea13 Mon Sep 17 00:00:00 2001
From: mariannuar <mariannuar@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:23:42 +0000
Subject: [PATCH] feat: create tokens

---
 src/components/tokens/_tokens.scss |  7 ++++---
 src/tokens/transformed.tokens.json | 18 +++++++++++++++---
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/components/tokens/_tokens.scss b/src/components/tokens/_tokens.scss
index defd7e6..4bdb0e1 100644
--- 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
index cfdb9f3..3e08af5 100644
--- a/src/tokens/transformed.tokens.json
+++ b/src/tokens/transformed.tokens.json
@@ -513,14 +513,22 @@
         "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"
       },
@@ -528,13 +536,17 @@
         "value": "#545f64",
         "type": "color"
       },
-      "eyebrow-with-bkg": {
+      "eyebrow-darker": {
         "value": "#29373d",
         "type": "color"
       },
       "body": {
         "value": "#000000",
         "type": "color"
+      },
+      "button": {
+        "value": "#ffffff",
+        "type": "color"
       }
     },
     "background": {