From a9e52fdfea9f9ff927289776658552f1c967ca65 Mon Sep 17 00:00:00 2001
From: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
Date: Wed, 18 Oct 2023 18:45:11 +0530
Subject: [PATCH] feat(colors): new dictionary of colors

Signed-off-by: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
---
 .../components/src/colors/ColorDictionary.tsx | 40 +++++++++++++++++++
 packages/components/src/colors/index.ts       |  1 +
 packages/components/src/index.tsx             |  1 +
 3 files changed, 42 insertions(+)
 create mode 100644 packages/components/src/colors/ColorDictionary.tsx
 create mode 100644 packages/components/src/colors/index.ts

diff --git a/packages/components/src/colors/ColorDictionary.tsx b/packages/components/src/colors/ColorDictionary.tsx
new file mode 100644
index 00000000..17d2477f
--- /dev/null
+++ b/packages/components/src/colors/ColorDictionary.tsx
@@ -0,0 +1,40 @@
+/**
+ * @file colors.ts
+ * @description This file defines the color palette for the design system.
+ * It provides a dictionary of commonly used colors for consistency across components.
+ * @remarks These colors can be imported and used in various components.
+ */
+
+/**
+ * Dictionary of commonly used colors.
+ */
+
+type ColorDictionary = Record<string, string>;
+
+export const colors: ColorDictionary = {
+  primary: '#0070f3',
+  secondary: '#6c757d',
+  success: '#28a745',
+  danger: '#dc3545',
+  warning: '#ffc107',
+  info: '#17a2b8',
+  light: '#f8f9fa',
+  dark: '#343a40',
+  caribbeanGreen: '#00D3A9',
+  yellowSea: '#F0A303',
+  keppelGreen: '#00B39F',
+  pineGreen: '#008071',
+  charcoal: '#3C494F',
+  cultured: '#F6F8F8',
+  white: '#ffffff',
+  btnHover: '#00D3A9',
+  tabmenuhover: '#607d8b',
+  btnDisabled: '#b0bec5'
+  //define other colors here
+};
+
+// usage example:
+// import colors from './ColorDictionary';
+
+//  const Button = styled.button`
+// background-color: ${colors.primary};
diff --git a/packages/components/src/colors/index.ts b/packages/components/src/colors/index.ts
new file mode 100644
index 00000000..c982ff94
--- /dev/null
+++ b/packages/components/src/colors/index.ts
@@ -0,0 +1 @@
+export { colors } from './ColorDictionary';
diff --git a/packages/components/src/index.tsx b/packages/components/src/index.tsx
index 47b15223..fef50ec8 100644
--- a/packages/components/src/index.tsx
+++ b/packages/components/src/index.tsx
@@ -26,4 +26,5 @@ export * from './base/ToggleButton';
 export * from './base/Toolbar';
 export * from './base/Tooltip';
 export * from './base/Typography';
+export * from './colors';
 export * from './custom';