feat: create tokens

emulsify-ds · Aug 12, 2024 · d4464c4 · d4464c4
1 parent 75cda0a
commit d4464c4
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 48 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 Mon, 12 Aug 2024 16:47:58 GMT
+ * Generated on Mon, 12 Aug 2024 17:38:58 GMT
  */
 
 :root {
@@ -148,15 +148,15 @@
   --breadcrumb-text-hover: #192125;
   --block-quote-padding-x: 2rem;
   --block-quote-padding-y: 0.5rem;
-  --background-default: #ffffff;
-  --background-light: #9ce1ff;
-  --background-dark: #006089;
-  --heading-default: #0080b7;
-  --heading-light: #9ce1ff;
-  --heading-dark: #006089;
-  --icon-default: #0080b7;
-  --icon-dark: #00405b;
-  --icon-light: #9ce1ff;
+  --announcement-background-default: #ffffff;
+  --announcement-background-light: #9ce1ff;
+  --announcement-background-dark: #006089;
+  --announcement-heading-default: #0080b7;
+  --announcement-heading-light: #9ce1ff;
+  --announcement-heading-dark: #006089;
+  --announcement-icon-default: #0080b7;
+  --announcement-icon-dark: #00405b;
+  --announcement-icon-light: #9ce1ff;
   --accordion-header: [object Object];
   --accordion-p: [object Object];
   --accordion-color-body: #00202e;

diff --git a/src/tokens/transformed.tokens.json b/src/tokens/transformed.tokens.json
@@ -764,46 +764,48 @@
       }
     }
   },
-  "background": {
-    "default": {
-      "value": "#ffffff",
-      "type": "color"
-    },
-    "light": {
-      "value": "#9ce1ff",
-      "type": "color"
-    },
-    "dark": {
-      "value": "#006089",
-      "type": "color"
-    }
-  },
-  "heading": {
-    "default": {
-      "value": "#0080b7",
-      "type": "color"
-    },
-    "light": {
-      "value": "#9ce1ff",
-      "type": "color"
-    },
-    "dark": {
-      "value": "#006089",
-      "type": "color"
-    }
-  },
-  "icon": {
-    "default": {
-      "value": "#0080b7",
-      "type": "color"
+  "announcement": {
+    "background": {
+      "default": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "light": {
+        "value": "#9ce1ff",
+        "type": "color"
+      },
+      "dark": {
+        "value": "#006089",
+        "type": "color"
+      }
     },
-    "dark": {
-      "value": "#00405b",
-      "type": "color"
+    "heading": {
+      "default": {
+        "value": "#0080b7",
+        "type": "color"
+      },
+      "light": {
+        "value": "#9ce1ff",
+        "type": "color"
+      },
+      "dark": {
+        "value": "#006089",
+        "type": "color"
+      }
     },
-    "light": {
-      "value": "#9ce1ff",
-      "type": "color"
+    "icon": {
+      "default": {
+        "value": "#0080b7",
+        "type": "color"
+      },
+      "dark": {
+        "value": "#00405b",
+        "type": "color"
+      },
+      "light": {
+        "value": "#9ce1ff",
+        "type": "color"
+      }
     }
   },
   "accordion": {