pixelize-design-library 2.1.20 → 2.1.21

package/src/Theme/Radiant/palette.ts

@@ -1,372 +0,0 @@
-import defaultPalette from "../Default/palette";
-
-const palette = {
-  ...defaultPalette,
-  primary: {
-    50: "#ffe0b2", // Lightest orange
-    100: "#ffcc80", // Lighter orange
-    200: "#ffb74d", // Light orange
-    300: "#ffa726", // Main orange (primary color)
-    400: "#ff9800", // Darker orange (hover)
-    500: "#fb8c00", // Custom primary orange (default)
-    600: "#f57c00", // Darker primary orange
-    700: "#ef6c00", // Even darker orange
-    800: "#e65100", // Very dark orange
-    900: "#bf360c", // Darkest orange
-    opacity: {
-      4: "#9A4FE50a",
-      8: "#9A4FE514",
-      16: "#9A4FE529",
-      24: "#9A4FE53d",
-      32: "#9A4FE552",
-      40: "#9A4FE566",
-      48: "#9A4FE57a",
-    }
-  },
-  secondary: {
-    50: "#ffe0b2", // Lightest orange
-    100: "#ffcc80", // Lighter orange
-    200: "#ffb74d", // Light orange
-    300: "#ffa726", // Main orange (primary color)
-    400: "#ff9800", // Darker orange (hover)
-    500: "#fb8c00", // Custom primary orange (default)
-    600: "#f57c00", // Darker primary orange
-    700: "#ef6c00", // Even darker orange
-    800: "#e65100", // Very dark orange
-    900: "#bf360c", // Darkest orange
-    opacity: {
-      4: "#9A4FE50a",
-      8: "#9A4FE514",
-      16: "#9A4FE529",
-      24: "#9A4FE53d",
-      32: "#9A4FE552",
-      40: "#9A4FE566",
-      48: "#9A4FE57a",
-    }
-  },
-  tertiary: {
-    50: "#ffe0b2", // Lightest orange
-    100: "#ffcc80", // Lighter orange
-    200: "#ffb74d", // Light orange
-    300: "#ffa726", // Main orange (primary color)
-    400: "#ff9800", // Darker orange (hover)
-    500: "#fb8c00", // Custom primary orange (default)
-    600: "#f57c00", // Darker primary orange
-    700: "#ef6c00", // Even darker orange
-    800: "#e65100", // Very dark orange
-    900: "#bf360c", // Darkest orange
-    opacity: {
-      4: "#9A4FE50a",
-      8: "#9A4FE514",
-      16: "#9A4FE529",
-      24: "#9A4FE53d",
-      32: "#9A4FE552",
-      40: "#9A4FE566",
-      48: "#9A4FE57a",
-    }
-  },
-  transparent: "transparent",
-  black: "#000",
-  white: "#fff",
-  semantic: {
-    success: {
-      50: "#e6f9f0",
-      100: "#c0f0d8",
-      200: "#8be6bb",
-      300: "#5bdb9e",
-      400: "#33d181",
-      500: "#00b768", // Main success color
-      600: "#00a05a",
-      700: "#00854b",
-      800: "#006b3c",
-      900: "#004c28",
-    },
-    error: {
-      50: "#ffe6e6",
-      100: "#fbbcbc",
-      200: "#f28f8f",
-      300: "#e66060",
-      400: "#db3a3a",
-      500: "#c21e1e", // Main error color
-      600: "#a01919",
-      700: "#7e1313",
-      800: "#5c0d0d",
-      900: "#3d0909",
-    },
-    warning: {
-      50: "#fff4e6",
-      100: "#ffe1b8",
-      200: "#ffcc85",
-      300: "#ffb653",
-      400: "#ffa31a",
-      500: "#ff8a00", // Main warning color
-      600: "#db7000",
-      700: "#b75800",
-      800: "#934300",
-      900: "#702f00",
-    },
-    info: {
-      50: "#e3f5ff",
-      100: "#b8e4ff",
-      200: "#85d1ff",
-      300: "#52bdff",
-      400: "#1fa9ff",
-      500: "#008df5", // Main info color
-      600: "#0077db",
-      700: "#005cb3",
-      800: "#004489",
-      900: "#002d5c",
-    },
-  },
-  gray: {
-    50: "#f7fafc",
-    100: "#edf2f7",
-    200: "#e2e8f0",
-    300: "#cbd5e0",
-    400: "#a0aec0",
-    500: "#718096",
-    600: "#4a5568",
-    700: "#2d3748",
-    800: "#1a202c",
-    900: "#171923",
-  },
-  red: {
-    50: "#fff5f5",
-    100: "#fed7d7",
-    200: "#feb2b2",
-    300: "#fc8181",
-    400: "#f56565",
-    500: "#e53e3e",
-    600: "#c53030",
-    700: "#9b2c2c",
-    800: "#822727",
-    900: "#63171b",
-  },
-  orange: {
-    50: "#fffaf0",
-    100: "#feebc8",
-    200: "#fbd38d",
-    300: "#f6ad55",
-    400: "#ed8936",
-    500: "#dd6b20",
-    600: "#c05621",
-    700: "#9c4221",
-    800: "#7b341e",
-    900: "#652b19",
-  },
-  yellow: {
-    50: "#fffff0",
-    100: "#fefcbf",
-    200: "#faf089",
-    300: "#f6e05e",
-    400: "#ecc94b",
-    500: "#d69e2e",
-    600: "#b7791f",
-    700: "#975a16",
-    800: "#744210",
-    900: "#5f370e",
-  },
-  green: {
-    50: "#f0fff4",
-    100: "#c6f6d5",
-    200: "#9ae6b4",
-    300: "#68d391",
-    400: "#48bb78",
-    500: "#38a169",
-    600: "#2f855a",
-    700: "#276749",
-    800: "#22543d",
-    900: "#1c4532",
-  },
-  teal: {
-    50: "#e6fffa",
-    100: "#b2f5ea",
-    200: "#81e6d9",
-    300: "#4fd1c5",
-    400: "#38b2ac",
-    500: "#319795",
-    600: "#2c7a7b",
-    700: "#285e61",
-    800: "#234e52",
-    900: "#1d4044",
-  },
-  blue: {
-    50: "#ebf8ff",
-    100: "#bee3f8",
-    200: "#90cdf4",
-    300: "#63b3ed",
-    400: "#4299e1",
-    500: "#3182ce",
-    600: "#2b6cb0",
-    700: "#2c5282",
-    800: "#2a4365",
-    900: "#1a365d",
-  },
-  cyan: {
-    50: "#edfdfd",
-    100: "#c4f1f9",
-    200: "#9decf9",
-    300: "#76e4f7",
-    400: "#0bc5ea",
-    500: "#00b5d8",
-    600: "#00a3c4",
-    700: "#0987a0",
-    800: "#086f83",
-    900: "#065666",
-  },
-  purple: {
-    50: "#faf5ff",
-    100: "#e9d8fd",
-    200: "#d6bcfa",
-    300: "#b794f4",
-    400: "#9f7aea",
-    500: "#805ad5",
-    600: "#6b46c1",
-    700: "#553c9a",
-    800: "#44337a",
-    900: "#322659",
-  },
-  pink: {
-    50: "#fff5f7",
-    100: "#fed7e2",
-    200: "#fbb6ce",
-    300: "#f687b3",
-    400: "#ed64a6",
-    500: "#d53f8c",
-    600: "#b83280",
-    700: "#97266d",
-    800: "#702459",
-    900: "#521b41",
-  },
-  background: {
-    50: "#ffffff",
-    100: "#fefefe",
-    200: "#fdfdfd",
-    300: "#fcfcfc",
-    400: "#fcfcfc",
-    500: "#fbfbfb",
-    600: "#e4e4e4",
-    700: "#b2b2b2",
-    800: "#8a8a8a",
-    900: "#696969",
-  },
-  backgroundColor: {
-    main: "#f8f9fa", // Light greyish white
-    secondary: "#f1f1f1", // Very light grey
-    tertiary: "#ececec", // Soft grey
-    quaternary: "#e2e6ea", // Pale blueish-grey
-    light: "#fafafa", // Almost pure white
-    medium: "#eaeaea", // Medium light grey
-    accent: "#e5e5e5", // A slightly deeper grey
-    subtle: "#f5f6f7", // Slightly off-white with a cooler tone
-    muted: "#dfe3e6", // Light muted blue-grey
-    neutral: "#ebedef", // Neutral grey with a balanced tone
-  },
-  text: {
-    50: "#eeeff0",
-    100: "#cacccf",
-    200: "#b1b3b8",
-    300: "#8d9097",
-    400: "#777b83",
-    500: "#555a64",
-    600: "#4d525b",
-    700: "#3c4047",
-    800: "#2f3237",
-    900: "#24262a",
-  },
-  header: {
-    50: "#ecedec",
-    100: "#c5c6ca",
-    200: "#a9abb0",
-    300: "#81848c",
-    400: "#696b75",
-    500: "#434853",
-    600: "#3d424c",
-    700: "#30333b",
-    800: "#25282e",
-    900: "#1c1e23",
-  },
-  placeholder: {
-    50: "#f1f1f2",
-    100: "#d3d5d8",
-    200: "#bec0c5",
-    300: "#a0a3aa",
-    400: "#8d9199",
-    500: "#717680",
-    600: "#676b74",
-    700: "#50545b",
-    800: "#3e4146",
-    900: "#2f3236",
-  },
-  boxShadow: {
-    primary: "#9A52E247",
-    error: "#F2463A47",
-    default: "",
-  },
-  sidebar: {
-    background: {
-      50: "#f1f1f2",
-      100: "#d3d5d8",
-      200: "#bec0c5",
-      300: "#a0a3aa",
-      400: "#8d9199",
-      500: "#161B32",
-      600: "#676b74",
-      700: "#50545b",
-      800: "#3e4146",
-      900: "#2f3236",
-    }
-  },
-  boxborder: {
-    50: "#fbfbfb",
-    100: "#f2f3f4",
-    200: "#ecedee",
-    300: "#e4e5e7",
-    400: "#dee0e2",
-    500: "#d6d8db",
-    600: "#c3c5c7",
-    700: "#98999b",
-    800: "#767778",
-    900: "#5a5b5c",
-  },
-  border: {
-    50: "#fdfdfd",
-    100: "#f8f8f8",
-    200: "#f4f4f4",
-    300: "#f0f0f0",
-    400: "#ededed",
-    500: "#e8e8e8",
-    600: "#d3d3d3",
-    700: "#a5a5a5",
-    800: "#808080",
-    900: "#616161",
-  },
-  table: {
-    hover: {
-      50: "#fefefe",
-      100: "#fcfcfc",
-      200: "#fbfbfb",
-      300: "#f9f9f9",
-      400: "#f8f8f8",
-      500: "#f6f6f6",
-      600: "#e0e0e0",
-      700: "#afafaf",
-      800: "#878787",
-      900: "#676767",
-    }
-  },
-  disabled: {
-    50: "#fcfcfc",
-    100: "#f7f7f7",
-    200: "#f3f3f3",
-    300: "#ededed",
-    400: "#e9e9e9",
-    500: "#e4e4e4",
-    600: "#cfcfcf",
-    700: "#a2a2a2",
-    800: "#7d7d7d",
-    900: "#606060",
-  }
-};
-
-export default palette;

package/src/Theme/Radiant/theme.ts

@@ -1,17 +0,0 @@
-import { extendTheme } from "@chakra-ui/react";
-import palette from "./palette";
-import fonts from "../fonts";
-import { CustomThemeProps } from "../themeProps";
-import common from "../common";
-import { componentStyles } from "../componentStyles";
-
-const radiant: CustomThemeProps = {
-  ...fonts,
-  colors: palette,
-  ...common,
-};
-
-export default extendTheme({
-  ...radiant,
-  components: componentStyles,
-});