fix(tokens): fix wrong CSS property names for info theme

haiilo · Mar 12, 2024 · 2ba027d · 2ba027d
1 parent 2611975
commit 2ba027d
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 9 deletions.
diff --git 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
@@ -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": {