From 1884b9e0d58ad69823e69d8e4de737ae161a3c6c Mon Sep 17 00:00:00 2001
From: Davyd Melkon <131438868+davyd-akamai@users.noreply.github.com>
Date: Fri, 19 Jul 2024 14:50:18 +0200
Subject: [PATCH] New accent and data visualisation alias tokens (#49)

* New global black color and token update for a global header component

* New spacing tokens (0 and 90)

* Tokens descriptions

* Data Visualisation and Accent tokens for CDS

* New KPI bar and Badges component tokens
---
 tokens/$themes.json                  |  16 +-
 tokens/alias/dark.json               | 141 +++++
 tokens/alias/light.json              | 749 +++++++++++++++++++++++++++
 tokens/components/badge/badge.json   | 220 +++-----
 tokens/components/kpiBar/kpiBar.json | 323 +++++++++++-
 5 files changed, 1288 insertions(+), 161 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 247b330..4a85b45 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -1134,7 +1134,6 @@
       "component.badge.bold.violet.text": "2efb6dcdfb13949c3caf5588d455094f56220d99",
       "component.badge.bold.pink.background": "c21e2cfec5956eb00ae0ffe90f43cff0b8ac4541",
       "component.badge.bold.pink.text": "fe45eada9022ab227d30fe5b8534709dae0438ed",
-      "component.badge.subtle.ultramarine.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17",
       "component.badge.subtle.ultramarine.text": "9227a0a536aee81aca0d28199ce8050ea380d288",
       "component.badge.subtle.neutral.background": "7470c807eaa293546d2fae2cb7f18e82f4ec5cc8",
       "component.badge.subtle.neutral.text": "e496e13eec856bd0ddae5323f0a3503d1f8880ac",
@@ -1427,7 +1426,8 @@
       "global.spacing.50": "f6c9215142ffde6f9fd40c69af86baf84fa006e0",
       "global.spacing.60": "6666b8e43bf3acd2074fc625f082f833994c5ad7",
       "global.spacing.70": "fcfd1090d30c71d7c647a1048f49a9b240f08bb4",
-      "global.spacing.80": "d36813c2828b1cf7511a16bb09c9fbf3efd21d5d"
+      "global.spacing.80": "d36813c2828b1cf7511a16bb09c9fbf3efd21d5d",
+      "component.badge.subtle.info.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17"
     },
     "group": "CDS"
   },
@@ -2567,7 +2567,6 @@
       "component.badge.bold.violet.text": "2efb6dcdfb13949c3caf5588d455094f56220d99",
       "component.badge.bold.pink.background": "c21e2cfec5956eb00ae0ffe90f43cff0b8ac4541",
       "component.badge.bold.pink.text": "fe45eada9022ab227d30fe5b8534709dae0438ed",
-      "component.badge.subtle.ultramarine.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17",
       "component.badge.subtle.ultramarine.text": "9227a0a536aee81aca0d28199ce8050ea380d288",
       "component.badge.subtle.neutral.background": "7470c807eaa293546d2fae2cb7f18e82f4ec5cc8",
       "component.badge.subtle.neutral.text": "e496e13eec856bd0ddae5323f0a3503d1f8880ac",
@@ -2861,7 +2860,8 @@
       "global.spacing.60": "6666b8e43bf3acd2074fc625f082f833994c5ad7",
       "global.spacing.70": "fcfd1090d30c71d7c647a1048f49a9b240f08bb4",
       "global.spacing.80": "d36813c2828b1cf7511a16bb09c9fbf3efd21d5d",
-      "component.calendar.text.default": "db3b28b40f83fe091f9990f3e4037b852d039297"
+      "component.calendar.text.default": "db3b28b40f83fe091f9990f3e4037b852d039297",
+      "component.badge.subtle.info.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17"
     },
     "group": "CDS"
   },
@@ -4001,7 +4001,6 @@
       "component.badge.bold.violet.text": "2efb6dcdfb13949c3caf5588d455094f56220d99",
       "component.badge.bold.pink.background": "c21e2cfec5956eb00ae0ffe90f43cff0b8ac4541",
       "component.badge.bold.pink.text": "fe45eada9022ab227d30fe5b8534709dae0438ed",
-      "component.badge.subtle.ultramarine.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17",
       "component.badge.subtle.ultramarine.text": "9227a0a536aee81aca0d28199ce8050ea380d288",
       "component.badge.subtle.neutral.background": "7470c807eaa293546d2fae2cb7f18e82f4ec5cc8",
       "component.badge.subtle.neutral.text": "e496e13eec856bd0ddae5323f0a3503d1f8880ac",
@@ -4295,7 +4294,8 @@
       "global.spacing.60": "6666b8e43bf3acd2074fc625f082f833994c5ad7",
       "global.spacing.70": "fcfd1090d30c71d7c647a1048f49a9b240f08bb4",
       "global.spacing.80": "d36813c2828b1cf7511a16bb09c9fbf3efd21d5d",
-      "component.calendar.text.default": "db3b28b40f83fe091f9990f3e4037b852d039297"
+      "component.calendar.text.default": "db3b28b40f83fe091f9990f3e4037b852d039297",
+      "component.badge.subtle.info.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17"
     },
     "group": "CDS"
   },
@@ -5436,7 +5436,6 @@
       "component.badge.bold.violet.text": "2efb6dcdfb13949c3caf5588d455094f56220d99",
       "component.badge.bold.pink.background": "c21e2cfec5956eb00ae0ffe90f43cff0b8ac4541",
       "component.badge.bold.pink.text": "fe45eada9022ab227d30fe5b8534709dae0438ed",
-      "component.badge.subtle.ultramarine.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17",
       "component.badge.subtle.ultramarine.text": "9227a0a536aee81aca0d28199ce8050ea380d288",
       "component.badge.subtle.neutral.background": "7470c807eaa293546d2fae2cb7f18e82f4ec5cc8",
       "component.badge.subtle.neutral.text": "e496e13eec856bd0ddae5323f0a3503d1f8880ac",
@@ -5730,7 +5729,8 @@
       "global.spacing.60": "6666b8e43bf3acd2074fc625f082f833994c5ad7",
       "global.spacing.70": "fcfd1090d30c71d7c647a1048f49a9b240f08bb4",
       "global.spacing.80": "d36813c2828b1cf7511a16bb09c9fbf3efd21d5d",
-      "component.calendar.text.default": "db3b28b40f83fe091f9990f3e4037b852d039297"
+      "component.calendar.text.default": "db3b28b40f83fe091f9990f3e4037b852d039297",
+      "component.badge.subtle.info.background": "53dd68ea94bea64a5e0dc03b47f1ff14db210c17"
     },
     "group": "CDS"
   }
diff --git a/tokens/alias/dark.json b/tokens/alias/dark.json
index 8725572..d581280 100644
--- a/tokens/alias/dark.json
+++ b/tokens/alias/dark.json
@@ -287,6 +287,141 @@
         }
       }
     },
+    "accent": {
+      "info": {
+        "primary": {
+          "value": "{global.color.ultramarine.50}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.ultramarine.50}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "neutral": {
+        "primary": {
+          "value": "{global.color.neutrals.40}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.neutrals.40}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "warning": {
+        "primary": {
+          "value": "{global.color.orange.50}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.amber.50}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "negative": {
+        "primary": {
+          "value": "{global.color.red.50}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.red.50}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "positive": {
+        "primary": {
+          "value": "{global.color.green.50}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.green.50}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "important": {
+        "primary": {
+          "value": "{global.color.purple.50}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.purple.50}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "pink": {
+        "primary": {
+          "value": "{global.color.pink.50}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.pink.50}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      }
+    },
     "elevation": {
       "s": {
         "value": {
@@ -318,6 +453,12 @@
         ],
         "type": "boxShadow"
       }
+    },
+    "chart": {
+      "neutral": {
+        "value": "{global.color.neutrals.80}",
+        "type": "color"
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/tokens/alias/light.json b/tokens/alias/light.json
index 5b0a4f6..197768f 100644
--- a/tokens/alias/light.json
+++ b/tokens/alias/light.json
@@ -630,6 +630,755 @@
         "type": "typography",
         "description": "Code samples"
       }
+    },
+    "accent": {
+      "info": {
+        "primary": {
+          "value": "{global.color.ultramarine.90}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.ultramarine.90}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "neutral": {
+        "primary": {
+          "value": "{global.color.neutrals.80}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.neutrals.80}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "warning": {
+        "primary": {
+          "value": "{global.color.orange.90}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.amber.90}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "negative": {
+        "primary": {
+          "value": "{global.color.red.90}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.red.90}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "positive": {
+        "primary": {
+          "value": "{global.color.green.90}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.green.90}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "important": {
+        "primary": {
+          "value": "{global.color.purple.90}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.purple.90}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "pink": {
+        "primary": {
+          "value": "{global.color.pink.90}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{global.color.pink.90}",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.12",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      }
+    },
+    "chart": {
+      "neutral": {
+        "value": "{global.color.neutrals.30}",
+        "type": "color"
+      },
+      "categorical": {
+        "1": {
+          "primary": {
+            "value": "{global.color.ultramarine.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.ultramarine.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.ultramarine.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "2": {
+          "primary": {
+            "value": "{global.color.orange.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.orange.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.orange.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "3": {
+          "primary": {
+            "value": "{global.color.teal.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.teal.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.teal.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "4": {
+          "primary": {
+            "value": "{global.color.magenta.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.magenta.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.magenta.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "5": {
+          "primary": {
+            "value": "{global.color.red.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.red.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.red.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "6": {
+          "primary": {
+            "value": "{global.color.cyan.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.cyan.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.cyan.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "7": {
+          "primary": {
+            "value": "{global.color.pink.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.pink.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.pink.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "8": {
+          "primary": {
+            "value": "{global.color.green.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.green.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.green.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "9": {
+          "primary": {
+            "value": "{global.color.violet.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.violet.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.violet.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "10": {
+          "primary": {
+            "value": "{global.color.lime.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.lime.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.lime.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "11": {
+          "primary": {
+            "value": "{global.color.neutrals.70}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.neutrals.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.neutrals.70}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "12": {
+          "primary": {
+            "value": "{global.color.ultramarine.60}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.ultramarine.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.ultramarine.60}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "13": {
+          "primary": {
+            "value": "{global.color.orange.90}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.orange.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.orange.90}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "14": {
+          "primary": {
+            "value": "{global.color.teal.90}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.teal.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.teal.90}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "15": {
+          "primary": {
+            "value": "{global.color.magenta.60}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.magenta.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.magenta.60}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "16": {
+          "primary": {
+            "value": "{global.color.red.60}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.red.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.red.60}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "17": {
+          "primary": {
+            "value": "{global.color.cyan.90}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.cyan.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.cyan.90}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "18": {
+          "primary": {
+            "value": "{global.color.pink.60}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.pink.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.pink.60}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "19": {
+          "primary": {
+            "value": "{global.color.green.50}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.green.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.green.50}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "20": {
+          "primary": {
+            "value": "{global.color.violet.60}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.violet.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.violet.60}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "21": {
+          "primary": {
+            "value": "{global.color.lime.60}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.lime.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.lime.60}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        },
+        "22": {
+          "primary": {
+            "value": "{global.color.neutrals.90}",
+            "type": "color"
+          },
+          "inactive": {
+            "value": "{global.color.neutrals.30}",
+            "type": "color"
+          },
+          "transparent": {
+            "value": "{global.color.neutrals.90}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.2",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        }
+      },
+      "monochromatic": {
+        "default": {
+          "10": {
+            "value": "{global.color.ultramarine.10}",
+            "type": "color"
+          },
+          "20": {
+            "value": "{global.color.ultramarine.20}",
+            "type": "color"
+          },
+          "30": {
+            "value": "{global.color.ultramarine.30}",
+            "type": "color"
+          },
+          "40": {
+            "value": "{global.color.ultramarine.40}",
+            "type": "color"
+          },
+          "50": {
+            "value": "{global.color.ultramarine.50}",
+            "type": "color"
+          },
+          "60": {
+            "value": "{global.color.ultramarine.60}",
+            "type": "color"
+          },
+          "70": {
+            "value": "{global.color.ultramarine.70}",
+            "type": "color"
+          },
+          "90": {
+            "value": "{global.color.ultramarine.90}",
+            "type": "color"
+          },
+          "100": {
+            "value": "{global.color.ultramarine.100}",
+            "type": "color"
+          },
+          "05": {
+            "value": "{global.color.ultramarine.5}",
+            "type": "color"
+          }
+        },
+        "danger": {
+          "10": {
+            "value": "{global.color.red.10}",
+            "type": "color"
+          },
+          "20": {
+            "value": "{global.color.red.20}",
+            "type": "color"
+          },
+          "30": {
+            "value": "{global.color.red.30}",
+            "type": "color"
+          },
+          "40": {
+            "value": "{global.color.red.40}",
+            "type": "color"
+          },
+          "50": {
+            "value": "{global.color.red.50}",
+            "type": "color"
+          },
+          "60": {
+            "value": "{global.color.red.60}",
+            "type": "color"
+          },
+          "70": {
+            "value": "{global.color.red.70}",
+            "type": "color"
+          },
+          "90": {
+            "value": "{global.color.red.90}",
+            "type": "color"
+          },
+          "100": {
+            "value": "{global.color.red.100}",
+            "type": "color"
+          },
+          "05": {
+            "value": "{global.color.red.5}",
+            "type": "color"
+          }
+        }
+      },
+      "status": {
+        "negative": {
+          "value": "{global.color.red.70}",
+          "type": "color"
+        },
+        "warning": {
+          "value": "{global.color.amber.70}",
+          "type": "color"
+        },
+        "positive": {
+          "value": "{global.color.green.70}",
+          "type": "color"
+        }
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/tokens/components/badge/badge.json b/tokens/components/badge/badge.json
index d46f49e..e1c078d 100644
--- a/tokens/components/badge/badge.json
+++ b/tokens/components/badge/badge.json
@@ -1,168 +1,84 @@
 {
   "component": {
     "badge": {
-      "bold": {
-        "ultramarine": {
-          "background": {
-            "value": "{global.color.ultramarine.80}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.white}",
-            "type": "color"
-          }
+      "informative": {
+        "background": {
+          "value": "{alias.accent.info.secondary}",
+          "type": "color"
         },
-        "neutral": {
-          "background": {
-            "value": "{global.color.neutrals.90}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.white}",
-            "type": "color"
-          }
-        },
-        "amber": {
-          "background": {
-            "value": "{global.color.orange.70}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.orange.100}",
-            "type": "color"
-          }
-        },
-        "red": {
-          "background": {
-            "value": "{global.color.red.80}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.white}",
-            "type": "color"
-          }
-        },
-        "green": {
-          "background": {
-            "value": "{global.color.green.80}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.white}",
-            "type": "color"
-          }
-        },
-        "purple": {
-          "background": {
-            "value": "{global.color.purple.80}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.white}",
-            "type": "color"
-          }
-        },
-        "violet": {
-          "background": {
-            "value": "{global.color.violet.70}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.white}",
-            "type": "color"
-          }
-        },
-        "pink": {
-          "background": {
-            "value": "{global.color.pink.80}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.white}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{alias.accent.info.primary}",
+          "type": "color"
         }
       },
-      "subtle": {
-        "ultramarine": {
-          "background": {
-            "value": "{global.color.ultramarine.30}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.ultramarine.90}",
-            "type": "color"
-          }
+      "neutral": {
+        "background": {
+          "value": "{alias.accent.neutral.secondary}",
+          "type": "color"
         },
-        "neutral": {
-          "background": {
-            "value": "{global.color.neutrals.30}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.neutrals.100}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{alias.accent.neutral.primary}",
+          "type": "color"
+        }
+      },
+      "warning": {
+        "background": {
+          "value": "{alias.accent.warning.secondary}",
+          "type": "color"
         },
-        "amber": {
-          "background": {
-            "value": "{global.color.amber.20}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.orange.90}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{alias.accent.warning.primary}",
+          "type": "color"
+        }
+      },
+      "negative": {
+        "background": {
+          "value": "{alias.accent.negative.secondary}",
+          "type": "color"
         },
-        "red": {
-          "background": {
-            "value": "{global.color.red.20}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.red.90}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{alias.accent.negative.primary}",
+          "type": "color"
+        }
+      },
+      "positive": {
+        "background": {
+          "value": "{alias.accent.positive.secondary}",
+          "type": "color"
         },
-        "green": {
-          "background": {
-            "value": "{global.color.green.20}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.green.90}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{alias.accent.positive.primary}",
+          "type": "color"
+        }
+      },
+      "important": {
+        "background": {
+          "value": "{alias.accent.important.secondary}",
+          "type": "color"
         },
-        "purple": {
-          "background": {
-            "value": "{global.color.purple.30}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.purple.90}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{alias.accent.important.primary}",
+          "type": "color"
+        }
+      },
+      "violet": {
+        "background": {
+          "value": "{global.color.violet.30}",
+          "type": "color"
         },
-        "violet": {
-          "background": {
-            "value": "{global.color.violet.30}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.violet.90}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{global.color.violet.90}",
+          "type": "color"
+        }
+      },
+      "pink": {
+        "background": {
+          "value": "{alias.accent.pink.secondary}",
+          "type": "color"
         },
-        "pink": {
-          "background": {
-            "value": "{global.color.pink.20}",
-            "type": "color"
-          },
-          "text": {
-            "value": "{global.color.pink.90}",
-            "type": "color"
-          }
+        "text": {
+          "value": "{alias.accent.pink.primary}",
+          "type": "color"
         }
       }
     }
diff --git a/tokens/components/kpiBar/kpiBar.json b/tokens/components/kpiBar/kpiBar.json
index 9e26dfe..aaf04e8 100644
--- a/tokens/components/kpiBar/kpiBar.json
+++ b/tokens/components/kpiBar/kpiBar.json
@@ -1 +1,322 @@
-{}
\ No newline at end of file
+{
+  "component": {
+    "kpiBar": {
+      "text": {
+        "value": "{alias.content.icon.primary.default}",
+        "type": "color"
+      },
+      "border": {
+        "value": "{alias.border.normal}",
+        "type": "color"
+      },
+      "icon": {
+        "default": {
+          "value": "{alias.content.icon.primary.default}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{alias.content.icon.primary.hover}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{alias.content.icon.primary.active}",
+          "type": "color"
+        }
+      },
+      "item": {
+        "neutral": {
+          "default": {
+            "label": {
+              "value": "{alias.accent.neutral.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "icon": {
+              "value": "{alias.accent.neutral.primary}",
+              "type": "color"
+            }
+          },
+          "hover": {
+            "label": {
+              "value": "{alias.accent.neutral.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{alias.accent.neutral.secondary}",
+              "type": "color"
+            },
+            "icon": {
+              "value": "{alias.accent.neutral.primary}",
+              "type": "color"
+            }
+          },
+          "active": {
+            "label": {
+              "value": "{alias.accent.neutral.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.primary.default}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{alias.accent.neutral.primary}",
+              "type": "color"
+            },
+            "icon": {
+              "value": "{alias.accent.neutral.primary}",
+              "type": "color"
+            }
+          }
+        },
+        "green": {
+          "default": {
+            "label": {
+              "value": "{alias.accent.positive.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            }
+          },
+          "hover": {
+            "label": {
+              "value": "{alias.accent.positive.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{alias.accent.positive.secondary}",
+              "type": "color"
+            }
+          },
+          "active": {
+            "label": {
+              "value": "{alias.accent.positive.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.primary.default}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{alias.accent.positive.primary}",
+              "type": "color"
+            }
+          }
+        },
+        "orange": {
+          "default": {
+            "label": {
+              "value": "{alias.accent.warning.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            }
+          },
+          "hover": {
+            "label": {
+              "value": "{alias.accent.warning.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{alias.accent.warning.secondary}",
+              "type": "color"
+            }
+          },
+          "active": {
+            "label": {
+              "value": "{alias.accent.warning.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.primary.default}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{alias.accent.warning.primary}",
+              "type": "color"
+            }
+          }
+        },
+        "purple": {
+          "default": {
+            "label": {
+              "value": "{alias.accent.important.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            }
+          },
+          "hover": {
+            "label": {
+              "value": "{alias.accent.important.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{alias.accent.important.secondary}",
+              "type": "color"
+            }
+          },
+          "active": {
+            "label": {
+              "value": "{alias.accent.important.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.primary.default}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{alias.accent.important.primary}",
+              "type": "color"
+            }
+          }
+        },
+        "red": {
+          "default": {
+            "label": {
+              "value": "{alias.accent.negative.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            }
+          },
+          "hover": {
+            "label": {
+              "value": "{alias.accent.negative.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{alias.accent.negative.secondary}",
+              "type": "color"
+            }
+          },
+          "active": {
+            "label": {
+              "value": "{alias.accent.negative.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.primary.default}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{alias.accent.negative.primary}",
+              "type": "color"
+            }
+          }
+        },
+        "ultramarine": {
+          "default": {
+            "label": {
+              "value": "{alias.accent.info.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            }
+          },
+          "hover": {
+            "label": {
+              "value": "{alias.accent.info.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{alias.accent.info.secondary}",
+              "type": "color"
+            }
+          },
+          "active": {
+            "label": {
+              "value": "{alias.accent.info.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.primary.default}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{alias.accent.info.primary}",
+              "type": "color"
+            }
+          }
+        },
+        "pink": {
+          "default": {
+            "label": {
+              "value": "{alias.accent.pink.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            }
+          },
+          "hover": {
+            "label": {
+              "value": "{alias.accent.pink.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.secondary.default}",
+              "type": "color"
+            },
+            "background": {
+              "value": "{alias.accent.pink.secondary}",
+              "type": "color"
+            }
+          },
+          "active": {
+            "label": {
+              "value": "{alias.accent.pink.primary}",
+              "type": "color"
+            },
+            "text": {
+              "value": "{alias.content.text.primary.default}",
+              "type": "color"
+            },
+            "border": {
+              "value": "{alias.accent.pink.primary}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    }
+  }
+}
\ No newline at end of file