From 3877026112c105eead317a6544b1d397a640e8c7 Mon Sep 17 00:00:00 2001
From: Jannik Hell <jannik.hell@free-now.com>
Date: Wed, 22 May 2024 19:03:53 +0200
Subject: [PATCH] feat: add semantic colors for chart (#448)

* feat: add semantic colors for chart (#448)

* fix: remove unused import (#448)
---
 src/essentials/Colors/Colors.ts       | 16 ++++++++++++++
 src/essentials/Colors/ModernColors.ts | 31 ++++++++++++++++++++++-----
 src/essentials/Colors/types.ts        |  8 +++++++
 3 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/src/essentials/Colors/Colors.ts b/src/essentials/Colors/Colors.ts
index 3d6c5e086..fdb486de9 100644
--- a/src/essentials/Colors/Colors.ts
+++ b/src/essentials/Colors/Colors.ts
@@ -211,6 +211,14 @@ export const SemanticColors = {
     },
     shadow: {
         default: Colors.blue.primary[200]
+    },
+    chart: {
+        '1': Colors.blue.secondary[50],
+        '2': Colors.blue.secondary[100],
+        '3': Colors.blue.secondary[150],
+        '4': Colors.blue.secondary[350],
+        '5': Colors.blue.secondary[900],
+        '6': Colors.blue.secondary[1000]
     }
 } satisfies SemanticColorsSchema;
 
@@ -368,6 +376,14 @@ export const SemanticColorsDarkSchema = {
     },
     shadow: {
         default: Colors.blue.primary[550]
+    },
+    chart: {
+        '1': Colors.blue.secondary[50],
+        '2': Colors.blue.secondary[100],
+        '3': Colors.blue.secondary[150],
+        '4': Colors.blue.secondary[350],
+        '5': Colors.blue.secondary[900],
+        '6': Colors.blue.secondary[1000]
     }
 } satisfies SemanticColorsSchema;
 
diff --git a/src/essentials/Colors/ModernColors.ts b/src/essentials/Colors/ModernColors.ts
index 7cd44d862..86fde11d3 100644
--- a/src/essentials/Colors/ModernColors.ts
+++ b/src/essentials/Colors/ModernColors.ts
@@ -15,12 +15,17 @@ export const Colors = {
         50: 'hsl(0, 2%, 91%)'
     },
     primary: {
-        1000: 'hsl(346, 51%, 33%)',
+        1100: 'hsl(341, 100%, 13%)',
+        1000: 'hsl(343, 70%, 22%)',
+        950: 'hsl(346, 51%, 33%)',
         900: 'hsl(347, 42%, 43%)',
-        350: 'hsl(349, 89%, 76%)',
-        150: 'hsl(351, 100%, 85%)',
-        100: 'hsl(352, 100%, 93%)',
-        50: 'hsl(9, 100%, 96%)'
+        500: 'hsl(347, 41%, 50%)',
+        350: 'hsl(349, 50%, 65%)',
+        150: 'hsl(348, 50%, 76%)',
+        120: 'hsl(351, 51%, 85%)',
+        100: 'hsl(352, 48%, 91%)',
+        50: 'hsl(350, 46%, 95%)',
+        10: 'hsl(0, 47%, 97%)'
     },
     brand: {
         rushhour: 'hsl(350, 91%, 41%)'
@@ -205,6 +210,14 @@ export const SemanticColors = {
     },
     shadow: {
         default: Colors.neutral[200]
+    },
+    chart: {
+        '1': Colors.primary[50],
+        '2': Colors.primary[120],
+        '3': Colors.primary[350],
+        '4': Colors.primary[500],
+        '5': Colors.primary[950],
+        '6': Colors.primary[1100],
     }
 } satisfies SemanticColorsSchema;
 
@@ -362,6 +375,14 @@ export const SemanticColorsDarkSchema = {
     },
     shadow: {
         default: Colors.neutral[650]
+    },
+    chart: {
+        '1': Colors.primary[50],
+        '2': Colors.primary[120],
+        '3': Colors.primary[150],
+        '4': Colors.primary[350],
+        '5': Colors.primary[500],
+        '6': Colors.primary[950],
     }
 } satisfies SemanticColorsSchema;
 
diff --git a/src/essentials/Colors/types.ts b/src/essentials/Colors/types.ts
index 248002e08..7baa8029d 100644
--- a/src/essentials/Colors/types.ts
+++ b/src/essentials/Colors/types.ts
@@ -161,6 +161,14 @@ export type SemanticColorsSchema = {
     shadow: {
         default: Color;
     };
+    chart: {
+        '1': Color;
+        '2': Color;
+        '3': Color;
+        '4': Color;
+        '5': Color;
+        '6': Color;
+    };
 };
 
 type SemanticColorToken = Join<Leaves<SemanticColorsSchema>, '-'>;