grey color pallete

radiant-design · Dec 8, 2022 · 924449e · 924449e
1 parent 11d86c8
commit 924449e
Show file tree

Hide file tree

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