@monolith-forensics/monolith-ui 1.1.28 → 1.1.29

package/dist/theme/variants.js

@@ -1,276 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.THEMES = void 0;
-const deepmerge_1 = __importDefault(require("deepmerge"));
-const typography_1 = __importDefault(require("./typography"));
-// Themes
-exports.THEMES = {
-    DARK: "dark",
-    LIGHT: "light",
-};
-const customBlue = {
-    50: "#e9f0fb",
-    100: "#c8daf4",
-    200: "#a3c1ed",
-    300: "#7ea8e5",
-    400: "#6395e0",
-    500: "#4782da",
-    600: "#407ad6",
-    700: "#376fd0",
-    800: "#2f65cb",
-    900: "#2052c2 ",
-};
-const grey = {
-    50: "#FAFAFA",
-    100: "#F5F5F5",
-    200: "#EEEEEE",
-    300: "#E0E0E0",
-    400: "#BDBDBD",
-    500: "#9E9E9E",
-    600: "#757575",
-    700: "#616161",
-    800: "#424242",
-    900: "#212121",
-};
-const green = {
-    50: "#e8f5e9",
-    100: "#c8e6c9",
-    200: "#a5d6a7",
-    300: "#81c784",
-    400: "#66bb6a",
-    500: "#4caf50",
-    600: "#43a047",
-    700: "#388e3c",
-    800: "#2e7d32",
-    900: "#1b5e20",
-};
-const lightVariant = {
-    name: exports.THEMES.LIGHT,
-    typography: typography_1.default,
-    palette: {
-        mode: "light",
-        primary: {
-            main: customBlue[700],
-            contrastText: "#FFF",
-        },
-        error: {
-            main: "#f44336",
-            contrastText: "#FFF",
-        },
-        secondary: {
-            main: "#FFF",
-            contrastText: "#000",
-        },
-        third: {
-            main: "#000",
-            contrastText: "#FFF",
-        },
-        fourth: {
-            main: "#ff4500",
-            contrastText: "#FFF",
-        },
-        background: {
-            default: "#FFF",
-            paper: "#FFF",
-            alt: "#ededed",
-            secondary: "#f0f0f0",
-            gradient: "linear-gradient(#FFFFFF 0%, #ccdcf9 50%)",
-        },
-        menu: {
-            background: "#FFF",
-        },
-        signature: {
-            penColor: "#000000",
-            borderColor: "#444444",
-            backgroundColor: "",
-        },
-        text: {
-            primary: "rgba(0, 0, 0, 0.95)",
-            secondary: "rgba(0, 0, 0, 0.75)",
-        },
-        input: {
-            background: "#fff",
-            border: "rgba(0, 0, 0, 0.3)",
-            borderHover: "#BDBDBD",
-            borderFocus: "#BDBDBD",
-            borderError: "#F44336",
-            borderDisabled: "#E0E0E0",
-            text: "#000",
-            textDisabled: "#6d6d6d",
-            placeholder: "#6d6d6d",
-        },
-        textArea: {
-            background: "#f1f1f4",
-            border: "rgba(0, 0, 0, 0.2)",
-            borderHover: "#BDBDBD",
-            borderFocus: "#BDBDBD",
-            borderError: "#F44336",
-            borderDisabled: "#E0E0E0",
-            text: "#000",
-            textDisabled: "#9E9E9E",
-            placeholder: "#9E9E9E",
-        },
-        dataGrid: {
-            hover: "#efefef",
-        },
-        action: {
-            hover: "rgba(0, 0, 0, 0.1)",
-        },
-        divider: "rgba(0, 0, 0, 0.3)",
-    },
-    header: {
-        color: grey[500],
-        background: "#FFF",
-        search: {
-            color: grey[800],
-        },
-        indicator: {
-            background: customBlue[600],
-        },
-    },
-    footer: {
-        color: grey[500],
-        background: "#FFF",
-    },
-    sidebar: {
-        color: grey[200],
-        background: "#212121",
-        active: "#353535",
-        header: {
-            color: grey[200],
-            background: "#212121",
-            brand: {
-                color: customBlue[500],
-            },
-        },
-        footer: {
-            color: grey[200],
-            background: "#333",
-            online: {
-                background: green[500],
-            },
-        },
-        badge: {
-            color: "#FFF",
-            background: customBlue[500],
-        },
-    },
-    scrollbar: {
-        track: "#f1f1f1",
-        thumb: "#DDD",
-        thumbHover: "#BBB",
-    },
-    mfBorder: {
-        primary: "#f1f1f1",
-        secondary: "#DDD",
-    },
-    zIndex: {
-        snackbar: 999999,
-    },
-};
-const darkVariant = (0, deepmerge_1.default)(lightVariant, {
-    name: exports.THEMES.DARK,
-    palette: {
-        mode: "dark",
-        divider: "rgba(255, 255, 255, 0.15)",
-        action: {
-            hover: "rgba(255, 255, 255, 0.05)",
-        },
-        primary: {
-            main: customBlue[500],
-            contrastText: "#FFF",
-        },
-        secondary: {
-            main: "#3f3f3f",
-            contrastText: "#FFF",
-        },
-        background: {
-            default: "#222222",
-            paper: "#333333",
-            alt: "#1e1e1e",
-            secondary: "#303030",
-            gradient: "linear-gradient(#333333 0%, #1e1e1e 50%)",
-        },
-        menu: {
-            background: "#222222",
-        },
-        text: {
-            primary: "rgba(255, 255, 255, 0.95)",
-            secondary: "rgba(255, 255, 255, 0.6)",
-        },
-        signature: {
-            penColor: "#eeeeee",
-            borderColor: "#999999",
-            backgroundColor: "rgba(60,60,60,1)",
-        },
-        input: {
-            background: "#282828",
-            border: "#ffffff1a",
-            borderHover: "#BDBDBD",
-            borderFocus: "#BDBDBD",
-            borderError: "#F44336",
-            borderDisabled: "#E0E0E0",
-            text: "#000",
-            textDisabled: "#6d6d6d",
-            placeholder: "#6d6d6d",
-        },
-        textArea: {
-            background: "#292929",
-            border: "rgba(255, 255, 255, 0.2)",
-            borderHover: "#BDBDBD",
-            borderFocus: "#BDBDBD",
-            borderError: "#F44336",
-            borderDisabled: "#E0E0E0",
-            text: "#000",
-            textDisabled: "#9E9E9E",
-            placeholder: "#9E9E9E",
-        },
-        dataGrid: {
-            hover: "#2f2f2f",
-        },
-    },
-    header: {
-        color: grey[300],
-        background: "#1B2635",
-        search: {
-            color: grey[200],
-        },
-    },
-    footer: {
-        color: grey[300],
-        background: "#222222",
-    },
-    sidebar: {
-        color: "rgba(255, 255, 255, 0.95)",
-        background: "#181818",
-        active: "#313131",
-        header: {
-            color: "#FFF",
-            background: "#181818",
-            brand: {
-                color: "#FFFFFF",
-            },
-        },
-        footer: {
-            color: "rgba(255, 255, 255, 0.95)",
-            background: "#333333",
-            online: {
-                background: green[500],
-            },
-        },
-    },
-    scrollbar: {
-        thumb: "#3f3f3f",
-        track: "#252525",
-        thumbHover: "#151515",
-    },
-    mfBorder: {
-        primary: "#3f3f3f",
-        secondary: "#252525",
-    },
-});
-const variants = [lightVariant, darkVariant];
-exports.default = variants;