@monolith-forensics/monolith-ui 1.1.29 → 1.1.30

package/dist/theme/variants.js

@@ -0,0 +1,276 @@
+"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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.29",
+  "version": "1.1.30",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",