From 2ba027dd8554210fcc97214c6bad8d461cc838d2 Mon Sep 17 00:00:00 2001
From: Fynn Feldpausch <fynn.feldpausch@coyoapp.com>
Date: Tue, 12 Mar 2024 20:39:04 +0100
Subject: [PATCH] fix(tokens): fix wrong CSS property names for info theme

---
 tokens/dist/export/theme.json | 36 +++++++++++++++++++++++++++++++++++
 tokens/src/color/theme.json   | 18 +++++++++---------
 2 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/tokens/dist/export/theme.json b/tokens/dist/export/theme.json
index 75a46fab..6791ec43 100644
--- a/tokens/dist/export/theme.json
+++ b/tokens/dist/export/theme.json
@@ -71,6 +71,42 @@
     "$type": "color",
     "$value": "#000000"
   },
+  "info-bg": {
+    "$type": "color",
+    "$value": "#0073e6"
+  },
+  "info-bg-hover": {
+    "$type": "color",
+    "$value": "#006be3"
+  },
+  "info-bg-active": {
+    "$type": "color",
+    "$value": "#0060df"
+  },
+  "info-fill": {
+    "$type": "color",
+    "$value": "#ffffff"
+  },
+  "info-fill-hover": {
+    "$type": "color",
+    "$value": "#ffffff"
+  },
+  "info-fill-active": {
+    "$type": "color",
+    "$value": "#ffffff"
+  },
+  "info-text": {
+    "$type": "color",
+    "$value": "#0073e6"
+  },
+  "info-text-hover": {
+    "$type": "color",
+    "$value": "#006be3"
+  },
+  "info-text-active": {
+    "$type": "color",
+    "$value": "#0060df"
+  },
   "success-bg": {
     "$type": "color",
     "$value": "#008458"
diff --git a/tokens/src/color/theme.json b/tokens/src/color/theme.json
index 63784e5b..a5d41e9d 100644
--- a/tokens/src/color/theme.json
+++ b/tokens/src/color/theme.json
@@ -154,47 +154,47 @@
         "bg": {
           "$type": "color",
           "$value": "{color.base.blue.400.value}",
-          "cssProp": "success-bg"
+          "cssProp": "info-bg"
         },
         "bgHover": {
           "$type": "color",
           "$value": "{color.base.blue.500.value}",
-          "cssProp": "success-bg-hover"
+          "cssProp": "info-bg-hover"
         },
         "bgActive": {
           "$type": "color",
           "$value": "{color.base.blue.600.value}",
-          "cssProp": "success-bg-active"
+          "cssProp": "info-bg-active"
         },
         "fill": {
           "$type": "color",
           "$value": "{color.base.white.value}",
-          "cssProp": "success-fill"
+          "cssProp": "info-fill"
         },
         "fillHover": {
           "$type": "color",
           "$value": "{color.base.white.value}",
-          "cssProp": "success-fill-hover"
+          "cssProp": "info-fill-hover"
         },
         "fillActive": {
           "$type": "color",
           "$value": "{color.base.white.value}",
-          "cssProp": "success-fill-active"
+          "cssProp": "info-fill-active"
         },
         "text": {
           "$type": "color",
           "$value": "{color.base.blue.400.value}",
-          "cssProp": "success-text"
+          "cssProp": "info-text"
         },
         "textHover": {
           "$type": "color",
           "$value": "{color.base.blue.500.value}",
-          "cssProp": "success-text-hover"
+          "cssProp": "info-text-hover"
         },
         "textActive": {
           "$type": "color",
           "$value": "{color.base.blue.600.value}",
-          "cssProp": "success-text-active"
+          "cssProp": "info-text-active"
         }
       },
       "success": {