From 924449e6dc3039ea3a35f1e3810128321412425c Mon Sep 17 00:00:00 2001
From: Navneet Lal Gupta <navneetlalg@gmail.com>
Date: Thu, 8 Dec 2022 16:00:16 +0530
Subject: [PATCH] grey color pallete

---
 scripts/genDoc.mjs   | 14 ++++++-
 src/colors/colors.ts | 98 ++++++++++++++++++++++----------------------
 2 files changed, 62 insertions(+), 50 deletions(-)

diff --git a/scripts/genDoc.mjs b/scripts/genDoc.mjs
index fbc5a32..ccd890d 100644
--- a/scripts/genDoc.mjs
+++ b/scripts/genDoc.mjs
@@ -18,6 +18,16 @@ const __dirname = dirname(__filename);
             }
         }
     `
+    const sampleComponent2 = `
+        import React, { Component } from 'react';
+        import { ButtonTypeMap } from '../../src/Button/ButtonProps';
+    
+        export class Button extends Component<ButtonTypeMap<{}>['props'], {}> {
+            render() {
+                return <div>Test</div>;
+            }
+        }
+    `
     const __rootdir = resolvePath(__dirname, '../')
     const directories = readdirSync(resolvePath(__rootdir, 'src'))
     DIRECTORIES.forEach(dir => {
@@ -31,7 +41,9 @@ const __dirname = dirname(__filename);
             const files = readdirSync(resolvePath(__rootdir, 'src', dir))
             if (files.includes(`${dir}Props.ts`)) {
                 const filepath = resolvePath(__dirname, 'tmpf', `${dir}.tsx`)
-                writeFileSync(filepath, sampleComponent.replaceAll('Button', dir))
+                if(dir === "Select") writeFileSync(filepath, sampleComponent2.replaceAll('Button', dir))
+                else writeFileSync(filepath, sampleComponent.replaceAll('Button', dir))
+                // writeFileSync(filepath, sampleComponent.replaceAll('Button', dir))
                 const doc = docgen.parse(filepath)
                 writeFileSync(resolvePath(__dirname, `assets/${dir}.json`), JSON.stringify(doc[0], null, 1))
             }
diff --git a/src/colors/colors.ts b/src/colors/colors.ts
index e1fc0ff..ba28362 100644
--- a/src/colors/colors.ts
+++ b/src/colors/colors.ts
@@ -5,14 +5,14 @@ const colors = {
    */
   blue: {
     50: "#F5F8FF",
-    100: "#b3c9ff",
-    200: "#80a6ff",
-    300: "#4d82ff",
-    400: "#1a5eff",
-    500: "#0045e6",
-    600: "#0036b3",
-    700: "#002680",
-    800: "#00174d",
+    100: "#F5F8FF",
+    200: "#D7E3FE",
+    300: "#BFD2FD",
+    400: "#91B0FA",
+    500: "#2C63E5",
+    600: "#264CA4",
+    700: "#24428A",
+    800: "#151E33",
     900: "#00081a",
   },
   teal: {
@@ -40,17 +40,17 @@ const colors = {
   //   900: "#181818",
   // },
   grey: {
-    //colors from intugine's librabry
+    //colors from intugine's library
     10: "#F8F8F8",
     50: "#F2F2F2", // #F9F9F9',
-    100: "#E3E3E3", // '#E8E8E8',
-    200: "#C7C7C7", // '#C6C6C6',
-    300: "#A1A1A1", // '#B0B0B0',
-    400: "#9B9B9B",
-    500: "#666666", //'#868686',
-    600: "#727272",
-    700: "#5E5E5E",
-    800: "#393939",
+    100: "#FFFFFF", // '#E8E8E8',
+    200: "#F8F8F8", // '#C6C6C6',
+    300: "#F2F2F2", // '#B0B0B0',
+    400: "#E3E3E3",
+    500: "#C7C7C7", //'#868686',
+    600: "#A1A1A1",
+    700: "#666666",
+    800: "#1A1A1A",
     900: "#181818",
   },
   /**
@@ -59,14 +59,14 @@ const colors = {
    */
   red: {
     50: "#fce9e9",
-    100: "#f5bcbc",
-    200: "#ee9090",
-    300: "#e86464",
-    400: "#e13737",
-    500: "#c81e1e",
-    600: "#9b1717",
-    700: "#6f1111",
-    800: "#430a0a",
+    100: "#FFF6F6",
+    200: "#FFF1F1",
+    300: "#FFE9E9",
+    400: "#F9D7D7",
+    500: "#FF5757",
+    600: "#CC3333",
+    700: "#AE2C2C",
+    800: "#8C1919",
     900: "#160303",
   },
   /**
@@ -75,14 +75,14 @@ const colors = {
    */
   orange: {
     50: "#fff2e5",
-    100: "#ffd7b3",
-    200: "#ffbc80",
-    300: "#ffa14d",
-    400: "#ff861a",
-    500: "#e66c00",
-    600: "#b35400",
-    700: "#803c00",
-    800: "#4d2400",
+    100: "#FFF9F4",
+    200: "#FFF5ED",
+    300: "#FFF2E7",
+    400: "#FFECDB",
+    500: "#F2984A",
+    600: "#D97F30",
+    700: "#C1712B",
+    800: "#9C581D",
     900: "#1a0c00",
   },
   /**
@@ -91,14 +91,14 @@ const colors = {
    */
   green: {
     50: "#e5fff8",
-    100: "#b3ffe9",
-    200: "#80ffdb",
-    300: "#4dffcc",
-    400: "#1affbe",
-    500: "#00e6a4",
-    600: "#00b380",
-    700: "#00805b",
-    800: "#004d37",
+    100: "#F1FFFB",
+    200: "#E9FFF9",
+    300: "#D2FFF2",
+    400: "#C2FAEA",
+    500: "#00C28B",
+    600: "#008F66",
+    700: "#007251",
+    800: "#004632",
     900: "#001a12",
   },
   /**
@@ -107,14 +107,14 @@ const colors = {
    */
   yellow: {
     50: "#fff7e5",
-    100: "#ffe7b3",
-    200: "#ffd680",
-    300: "#ffc64d",
-    400: "#ffc64d",
-    500: "#e69c00",
-    600: "#b37900",
-    700: "#805700",
-    800: "#4d3400",
+    100: "#FFF9EA",
+    200: "#FFF3D7",
+    300: "#FFE8B4",
+    400: "#FFDC89",
+    500: "#FFCD59",
+    600: "#CC981F",
+    700: "#B5820E",
+    800: "#825B00",
     900: "#1a1100",
   },
   purple: {