@monolith-forensics/monolith-ui 1.2.101 → 1.2.105

package/dist/Button/Button.js

@@ -311,9 +311,13 @@ const StyledLoader = styled.span `
   svg {
     width: 16px;
     height: 16px;
-    color: ${({ theme, color }) => color
-    ? theme.palette[color] || colors[color]
-    : theme.palette.primary};
+    color: ${({ theme, color }) => {
+    var _a;
+    return color
+        ? ((_a = theme.palette[color]) === null || _a === void 0 ? void 0 : _a.main) ||
+            colors[color]
+        : theme.palette.primary;
+}};
 
     animation: spin 0.75s linear infinite;
 

package/dist/MonolithUIProvider/MonolithUIProvider.d.ts

@@ -1,8 +1,133 @@
-import { DefaultTheme } from "styled-components";
-export { styled, useTheme, createGlobalStyle, css } from "styled-components";
+export { styled, createGlobalStyle, css } from "styled-components";
 import { Themes } from "../theme";
 import React from "react";
-export type MonolithDefaultTheme = DefaultTheme;
+import typography from "../theme/typography";
+export interface MonolithDefaultTheme {
+    name: Themes;
+    typography: typeof typography;
+    palette: {
+        mode: Themes;
+        primary: {
+            main: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            contrastText: string;
+            light: string;
+        };
+        secondary: {
+            main: string;
+            contrastText: string;
+        };
+        third: {
+            main: string;
+            contrastText: string;
+        };
+        fourth: {
+            main: string;
+            contrastText: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+            alt: string;
+            secondary: string;
+            gradient: string;
+        };
+        menu: {
+            background: string;
+        };
+        signature: {
+            penColor: string;
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        input: {
+            background: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderError: string;
+            borderDisabled: string;
+            text: string;
+            textDisabled: string;
+            placeholder: string;
+        };
+        textArea: {
+            background: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderError: string;
+            borderDisabled: string;
+            text: string;
+            textDisabled: string;
+            placeholder: string;
+        };
+        dataGrid: {
+            hover: string;
+        };
+        action: {
+            hover: string;
+        };
+        divider: string;
+    };
+    header: {
+        color: string;
+        background: string;
+        search: {
+            color: string;
+        };
+        indicator: {
+            background: string;
+        };
+    };
+    footer: {
+        color: string;
+        background: string;
+    };
+    sidebar: {
+        color: string;
+        background: string;
+        active: string;
+        header: {
+            color: string;
+            background: string;
+            brand: {
+                color: string;
+            };
+        };
+        footer: {
+            color: string;
+            background: string;
+            online: {
+                background: string;
+            };
+        };
+        badge: {
+            color: string;
+            background: string;
+        };
+    };
+    scrollbar: {
+        track: string;
+        thumb: string;
+        thumbHover: string;
+    };
+    mfBorder: {
+        primary: string;
+        secondary: string;
+    };
+    zIndex: {
+        snackbar: number;
+    };
+}
 export interface MonolithUIContextType {
     theme: MonolithDefaultTheme;
     Themes: typeof Themes;
@@ -18,3 +143,4 @@ interface MonolithUIProviderProps {
     colorScheme?: Themes;
 }
 export declare const MonolithUIProvider: ({ children, theme, defaultColorScheme, colorScheme, }: MonolithUIProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => MonolithDefaultTheme;

package/dist/MonolithUIProvider/MonolithUIProvider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import merge from "deepmerge";
-import { ThemeProvider } from "styled-components";
-export { styled, useTheme, createGlobalStyle, css } from "styled-components";
+import { ThemeProvider, useTheme as useStyledTheme } from "styled-components";
+export { styled, createGlobalStyle, css } from "styled-components";
 import { Themes, getTheme } from "../theme";
 import { createContext, useEffect, useState } from "react";
 import GlobalStyle from "./GlobalStyle";
@@ -28,3 +28,7 @@ export const MonolithUIProvider = ({ children, theme, defaultColorScheme = local
             setColorScheme: setColorSchemeState,
         }, children: _jsxs(ThemeProvider, { theme: _theme, children: [_jsx(GlobalStyle, { theme: _theme }), children] }) }));
 };
+// Custom typed useTheme hook
+export const useTheme = () => {
+    return useStyledTheme();
+};

package/dist/theme/getTheme.d.ts

@@ -1,3 +1,3 @@
 import { Themes } from ".";
-declare const getTheme: (scheme: Themes) => import("styled-components").DefaultTheme;
+declare const getTheme: (scheme: Themes) => import("..").MonolithDefaultTheme;
 export default getTheme;

package/dist/theme/variants.d.ts

@@ -1,8 +1,8 @@
-import { DefaultTheme } from "styled-components";
+import { MonolithDefaultTheme } from "../MonolithUIProvider/MonolithUIProvider";
 export declare enum THEMES {
     DARK = "DARK",
     LIGHT = "LIGHT",
     DEFAULT = "DEFAULT"
 }
-declare const variants: DefaultTheme[];
+declare const variants: MonolithDefaultTheme[];
 export default variants;

package/dist/theme/variants.js

@@ -55,7 +55,7 @@ const lightVariant = {
         error: {
             main: "#f44336",
             contrastText: "#FFF",
-            light: "#ffcdd2",
+            light: "#f44336",
         },
         secondary: {
             main: "#FFF",
@@ -87,7 +87,7 @@ const lightVariant = {
         text: {
             primary: "rgba(0, 0, 0, 0.95)",
             secondary: "rgba(0, 0, 0, 0.75)",
-            disabled: "rgba(0, 0, 0, 0.38)",
+            disabled: "rgba(0, 0, 0, 0.5)",
         },
         input: {
             background: "#fff",
@@ -177,25 +177,10 @@ const darkVariant = merge(lightVariant, {
         action: {
             hover: "rgba(255, 255, 255, 0.05)",
         },
-        success: {
-            light: "#4caf50",
-            main: "#32CD32",
-        },
-        warning: {
-            main: "#ff9800",
-        },
-        info: {
-            main: "#2196f3",
-        },
         primary: {
             main: customBlue[500],
             contrastText: "#FFF",
         },
-        error: {
-            main: "#f44336",
-            contrastText: "#FFF",
-            light: "#ffcdd2",
-        },
         secondary: {
             main: "#3f3f3f",
             contrastText: "#FFF",
@@ -213,7 +198,6 @@ const darkVariant = merge(lightVariant, {
         text: {
             primary: "rgba(255, 255, 255, 0.95)",
             secondary: "rgba(255, 255, 255, 0.6)",
-            disabled: "rgba(255, 255, 255, 0.38)",
         },
         signature: {
             penColor: "#eeeeee",

package/package.json

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