@monolith-forensics/monolith-ui 1.1.9 → 1.1.14

package/dist/MuiProvider/MuiProvider.d.ts

@@ -0,0 +1,9 @@
+import { DefaultTheme } from "styled-components";
+export declare const MuiContext: import("react").Context<DefaultTheme | undefined>;
+interface MuiProviderProps {
+    children: React.ReactNode;
+    theme: DefaultTheme;
+    defaultColorScheme?: "light" | "dark";
+}
+declare const MuiProvider: ({ children, theme, defaultColorScheme, }: MuiProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default MuiProvider;

package/dist/MuiProvider/MuiProvider.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const deepmerge_1 = __importDefault(require("deepmerge"));
+const styled_components_1 = require("styled-components");
+const theme_1 = __importDefault(require("../theme"));
+const react_1 = require("react");
+exports.MuiContext = (0, react_1.createContext)(undefined);
+const MuiProvider = ({ children, theme = {}, defaultColorScheme = "dark", }) => {
+    const [colorScheme, setColorScheme] = (0, react_1.useState)(defaultColorScheme);
+    const toggleColorScheme = () => {
+        setColorScheme(colorScheme === "light" ? "dark" : "light");
+    };
+    const defaultTheme = (0, theme_1.default)(colorScheme);
+    // override default theme with the provided theme
+    const _theme = (0, deepmerge_1.default)(defaultTheme, theme);
+    return ((0, jsx_runtime_1.jsx)(exports.MuiContext.Provider, { value: {
+            theme: _theme,
+            colorScheme,
+            toggleColorScheme,
+            setColorScheme,
+        }, children: (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: _theme, children: children }) }));
+};
+exports.default = MuiProvider;

package/dist/MuiProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./MuiProvider";
+export { default as useMuiTheme } from "./useMuiTheme";

package/dist/MuiProvider/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMuiTheme = exports.default = void 0;
+var MuiProvider_1 = require("./MuiProvider");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MuiProvider_1).default; } });
+var useMuiTheme_1 = require("./useMuiTheme");
+Object.defineProperty(exports, "useMuiTheme", { enumerable: true, get: function () { return __importDefault(useMuiTheme_1).default; } });

package/dist/MuiProvider/useMuiTheme.d.ts

@@ -0,0 +1,2 @@
+declare const useMuiTheme: () => import("styled-components").DefaultTheme;
+export default useMuiTheme;

package/dist/MuiProvider/useMuiTheme.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const MuiProvider_1 = require("./MuiProvider");
+const useMuiTheme = () => {
+    const context = (0, react_1.useContext)(MuiProvider_1.MuiContext);
+    if (context === undefined) {
+        throw new Error("hook must be used within a MuiProvider");
+    }
+    return context;
+};
+exports.default = useMuiTheme;

package/dist/index.d.ts

@@ -20,3 +20,5 @@ export { default as Input } from "./Input";
 export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
+export { default as MuiProvider } from "./MuiProvider";
+export { useMuiTheme } from "./MuiProvider";

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = exports.Pill = exports.Tooltip = exports.Input = exports.CheckBox = exports.Switch = exports.FileInputField = exports.FlyoutTitle = exports.FlyoutHeader = exports.Flyout = exports.Modal = exports.FieldLabel = exports.TagBox = exports.TextAreaInput = exports.TextArea = exports.DateInput = exports.DropDownMenu = exports.IconButton = exports.Button = exports.SelectBox = exports.TextInput = exports.Grid = exports.FormSection = void 0;
+exports.useMuiTheme = exports.MuiProvider = exports.Calendar = exports.Pill = exports.Tooltip = exports.Input = exports.CheckBox = exports.Switch = exports.FileInputField = exports.FlyoutTitle = exports.FlyoutHeader = exports.Flyout = exports.Modal = exports.FieldLabel = exports.TagBox = exports.TextAreaInput = exports.TextArea = exports.DateInput = exports.DropDownMenu = exports.IconButton = exports.Button = exports.SelectBox = exports.TextInput = exports.Grid = exports.FormSection = void 0;
 var FormSection_1 = require("./FormSection");
 Object.defineProperty(exports, "FormSection", { enumerable: true, get: function () { return __importDefault(FormSection_1).default; } });
 var Grid_1 = require("./Grid");
@@ -49,3 +49,7 @@ var Pill_1 = require("./Pill");
 Object.defineProperty(exports, "Pill", { enumerable: true, get: function () { return __importDefault(Pill_1).default; } });
 var Calendar_1 = require("./Calendar");
 Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
+var MuiProvider_1 = require("./MuiProvider");
+Object.defineProperty(exports, "MuiProvider", { enumerable: true, get: function () { return __importDefault(MuiProvider_1).default; } });
+var MuiProvider_2 = require("./MuiProvider");
+Object.defineProperty(exports, "useMuiTheme", { enumerable: true, get: function () { return MuiProvider_2.useMuiTheme; } });

package/dist/theme/index.d.ts

@@ -1,2 +1,168 @@
-export default createTheme;
-declare function createTheme(name: any): import("@mui/material/styles").Theme;
+declare const getTheme: (scheme: "light" | "dark") => {
+    name: string;
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightBold: number;
+        h1: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h2: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h3: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h4: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h5: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h6: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        body1: {
+            fontSize: number;
+        };
+        button: {
+            textTransform: string;
+        };
+    };
+    palette: {
+        mode: string;
+        primary: {
+            main: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            contrastText: 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;
+        };
+        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;
+    };
+} | undefined;
+export default getTheme;

package/dist/theme/index.js

@@ -3,64 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@mui/lab/themeAugmentation");
-const styles_1 = require("@mui/material/styles");
 const variants_1 = __importDefault(require("./variants"));
-const typography_1 = __importDefault(require("./typography"));
-const breakpoints_1 = __importDefault(require("./breakpoints"));
-const components_1 = __importDefault(require("./components"));
-const shadows_1 = __importDefault(require("./shadows"));
-const createTheme = (name) => {
-    let themeConfig = variants_1.default.find((variant) => variant.name === name);
+const getTheme = (scheme) => {
+    let themeConfig = variants_1.default.find((variant) => variant.name === scheme);
     if (!themeConfig) {
-        console.warn(new Error(`The theme ${name} is not valid`));
         themeConfig = variants_1.default[0];
     }
-    const componentsStyled = Object.assign(Object.assign({}, components_1.default), { MuiButton: {
-            variants: [
-                {
-                    props: { variant: "outlined-filled" },
-                    style: {
-                        border: "1px solid #CCC",
-                        color: themeConfig.palette.secondary.main,
-                        backgroundColor: themeConfig.palette.background.paper,
-                    },
-                },
-            ],
-        }, MuiMenu: {
-            styleOverrides: {
-                paper: {
-                    minWidth: 150,
-                    backgroundColor: themeConfig.palette.menu.background,
-                    border: `1px solid ${themeConfig.name === "DARK"
-                        ? "rgba(255, 255, 255, 0.12)"
-                        : "rgba(0, 0, 0, 0.12)"}`,
-                },
-            },
-        } });
-    return (0, styles_1.createTheme)({
-        spacing: 4,
-        breakpoints: breakpoints_1.default,
-        // @ts-ignore
-        components: componentsStyled,
-        typography: typography_1.default,
-        palette: themeConfig.palette,
-        zIndex: {
-            mobileStepper: 1800,
-            fab: 1801,
-            speedDial: 1802,
-            appBar: 1803,
-            modal: 1501,
-            snackbar: 1806,
-            tooltip: 1807,
-        },
-    }, {
-        name: themeConfig.name,
-        header: themeConfig.header,
-        footer: themeConfig.footer,
-        sidebar: themeConfig.sidebar,
-        scrollbar: themeConfig.scrollbar,
-        mfBorder: themeConfig.mfBorder,
-    });
+    return themeConfig;
 };
-exports.default = createTheme;
+exports.default = getTheme;

package/dist/theme/typography.d.ts

@@ -1,62 +1,45 @@
+declare const typography: {
+    fontFamily: string;
+    fontSize: number;
+    fontWeightLight: number;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightBold: number;
+    h1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h3: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h4: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h5: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h6: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    body1: {
+        fontSize: number;
+    };
+    button: {
+        textTransform: string;
+    };
+};
 export default typography;
-declare namespace typography {
-    let fontFamily: string;
-    let fontSize: number;
-    let fontWeightLight: number;
-    let fontWeightRegular: number;
-    let fontWeightMedium: number;
-    let fontWeightBold: number;
-    namespace h1 {
-        let fontSize_1: string;
-        export { fontSize_1 as fontSize };
-        export let fontWeight: number;
-        export let lineHeight: number;
-    }
-    namespace h2 {
-        let fontSize_2: string;
-        export { fontSize_2 as fontSize };
-        let fontWeight_1: number;
-        export { fontWeight_1 as fontWeight };
-        let lineHeight_1: number;
-        export { lineHeight_1 as lineHeight };
-    }
-    namespace h3 {
-        let fontSize_3: string;
-        export { fontSize_3 as fontSize };
-        let fontWeight_2: number;
-        export { fontWeight_2 as fontWeight };
-        let lineHeight_2: number;
-        export { lineHeight_2 as lineHeight };
-    }
-    namespace h4 {
-        let fontSize_4: string;
-        export { fontSize_4 as fontSize };
-        let fontWeight_3: number;
-        export { fontWeight_3 as fontWeight };
-        let lineHeight_3: number;
-        export { lineHeight_3 as lineHeight };
-    }
-    namespace h5 {
-        let fontSize_5: string;
-        export { fontSize_5 as fontSize };
-        let fontWeight_4: number;
-        export { fontWeight_4 as fontWeight };
-        let lineHeight_4: number;
-        export { lineHeight_4 as lineHeight };
-    }
-    namespace h6 {
-        let fontSize_6: string;
-        export { fontSize_6 as fontSize };
-        let fontWeight_5: number;
-        export { fontWeight_5 as fontWeight };
-        let lineHeight_5: number;
-        export { lineHeight_5 as lineHeight };
-    }
-    namespace body1 {
-        let fontSize_7: number;
-        export { fontSize_7 as fontSize };
-    }
-    namespace button {
-        let textTransform: string;
-    }
-}

package/dist/theme/variants.d.ts

@@ -1,17 +1,63 @@
-export namespace THEMES {
-    let DEFAULT: string;
-    let DARK: string;
-    let LIGHT: string;
-}
-export default variants;
+export declare const THEMES: {
+    DARK: string;
+    LIGHT: string;
+};
 declare const variants: {
     name: string;
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightBold: number;
+        h1: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h2: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h3: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h4: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h5: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h6: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        body1: {
+            fontSize: number;
+        };
+        button: {
+            textTransform: string;
+        };
+    };
     palette: {
         mode: string;
         primary: {
             main: string;
             contrastText: string;
         };
+        error: {
+            main: string;
+            contrastText: string;
+        };
         secondary: {
             main: string;
             contrastText: string;
@@ -98,6 +144,13 @@ declare const variants: {
                 color: string;
             };
         };
+        footer: {
+            color: string;
+            background: string;
+            online: {
+                background: string;
+            };
+        };
         badge: {
             color: string;
             background: string;
@@ -116,3 +169,4 @@ declare const variants: {
         snackbar: number;
     };
 }[];
+export default variants;

package/dist/theme/variants.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.THEMES = void 0;
 const deepmerge_1 = __importDefault(require("deepmerge"));
+const typography_js_1 = __importDefault(require("./typography.js"));
 // Themes
 exports.THEMES = {
-    DEFAULT: "DEFAULT",
     DARK: "DARK",
     LIGHT: "LIGHT",
 };
@@ -23,14 +23,43 @@ const customBlue = {
     800: "#2f65cb",
     900: "#2052c2 ",
 };
-const defaultVariant = {
-    name: exports.THEMES.DEFAULT,
+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_js_1.default,
     palette: {
         mode: "light",
         primary: {
             main: customBlue[700],
             contrastText: "#FFF",
         },
+        error: {
+            main: "#f44336",
+            contrastText: "#FFF",
+        },
         secondary: {
             main: "#FFF",
             contrastText: "#000",
@@ -63,8 +92,8 @@ const defaultVariant = {
             secondary: "rgba(0, 0, 0, 0.75)",
         },
         input: {
-            background: "#fbfbfb",
-            border: "rgba(0, 0, 0, 0.2)",
+            background: "#fff",
+            border: "rgba(0, 0, 0, 0.3)",
             borderHover: "#BDBDBD",
             borderFocus: "#BDBDBD",
             borderError: "#F44336",
@@ -93,30 +122,37 @@ const defaultVariant = {
         divider: "rgba(0, 0, 0, 0.3)",
     },
     header: {
-        color: "rgba(0, 0, 0, 0.95)",
+        color: grey[500],
         background: "#FFF",
         search: {
-            color: "rgba(0, 0, 0, 0.6)",
+            color: grey[800],
         },
         indicator: {
             background: customBlue[600],
         },
     },
     footer: {
-        color: "rgba(0, 0, 0, 0.6)",
+        color: grey[500],
         background: "#FFF",
     },
     sidebar: {
-        color: "rgba(0, 0, 0, 0.95)",
-        background: "#233044",
-        active: "#455466",
+        color: grey[200],
+        background: "#212121",
+        active: "#353535",
         header: {
-            color: "#FFF",
-            background: "#233044",
+            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],
@@ -135,7 +171,7 @@ const defaultVariant = {
         snackbar: 999999,
     },
 };
-const darkVariant = (0, deepmerge_1.default)(defaultVariant, {
+const darkVariant = (0, deepmerge_1.default)(lightVariant, {
     name: exports.THEMES.DARK,
     palette: {
         mode: "dark",
@@ -165,14 +201,13 @@ const darkVariant = (0, deepmerge_1.default)(defaultVariant, {
             primary: "rgba(255, 255, 255, 0.95)",
             secondary: "rgba(255, 255, 255, 0.6)",
         },
-        divider: "rgba(255, 255, 255, 0.15)",
         signature: {
             penColor: "#eeeeee",
             borderColor: "#999999",
             backgroundColor: "rgba(60,60,60,1)",
         },
         input: {
-            background: "#272727",
+            background: "#282828",
             border: "#ffffff1a",
             borderHover: "#BDBDBD",
             borderFocus: "#BDBDBD",
@@ -198,14 +233,14 @@ const darkVariant = (0, deepmerge_1.default)(defaultVariant, {
         },
     },
     header: {
-        color: "rgba(255, 255, 255, 0.95)",
+        color: grey[300],
         background: "#1B2635",
         search: {
-            color: "rgba(255, 255, 255, 0.6)",
+            color: grey[200],
         },
     },
     footer: {
-        color: "rgba(255, 255, 255, 0.6)",
+        color: grey[300],
         background: "#222222",
     },
     sidebar: {
@@ -219,6 +254,13 @@ const darkVariant = (0, deepmerge_1.default)(defaultVariant, {
                 color: "#FFFFFF",
             },
         },
+        footer: {
+            color: "rgba(255, 255, 255, 0.95)",
+            background: "#333333",
+            online: {
+                background: green[500],
+            },
+        },
     },
     scrollbar: {
         thumb: "#3f3f3f",
@@ -230,5 +272,5 @@ const darkVariant = (0, deepmerge_1.default)(defaultVariant, {
         secondary: "#252525",
     },
 });
-const variants = [defaultVariant, darkVariant];
+const variants = [lightVariant, darkVariant];
 exports.default = variants;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.9",
+  "version": "1.1.14",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -13,7 +13,8 @@
     "dist/"
   ],
   "scripts": {
-    "prepublish": "rm -r ./dist && tsc"
+    "prepublish": "rm -r ./dist && tsc",
+    "release": "yarn prepublish && yarn version --patch"
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.16",

package/dist/theme/breakpoints.d.ts

@@ -1,10 +0,0 @@
-export default breakpoints;
-declare namespace breakpoints {
-    namespace values {
-        let xs: number;
-        let sm: number;
-        let md: number;
-        let lg: number;
-        let xl: number;
-    }
-}

package/dist/theme/breakpoints.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const breakpoints = {
-    values: {
-        xs: 0,
-        sm: 600,
-        md: 900,
-        lg: 1200,
-        xl: 1536,
-    },
-};
-exports.default = breakpoints;

package/dist/theme/components.d.ts

@@ -1,158 +0,0 @@
-export default components;
-declare namespace components {
-    namespace MuiButtonBase {
-        namespace defaultProps {
-            let disableRipple: boolean;
-        }
-    }
-    namespace MuiLink {
-        export namespace defaultProps_1 {
-            let underline: string;
-        }
-        export { defaultProps_1 as defaultProps };
-    }
-    namespace MuiCardHeader {
-        export namespace defaultProps_2 {
-            namespace titleTypographyProps {
-                let variant: string;
-            }
-        }
-        export { defaultProps_2 as defaultProps };
-        export namespace styleOverrides {
-            namespace action {
-                let marginTop: string;
-                let marginRight: string;
-            }
-        }
-    }
-    namespace MuiCard {
-        export namespace styleOverrides_1 {
-            namespace root {
-                let borderRadius: string;
-                let boxShadow: string;
-                let backgroundImage: string;
-            }
-        }
-        export { styleOverrides_1 as styleOverrides };
-    }
-    namespace MuiPaper {
-        export namespace styleOverrides_2 {
-            export namespace root_1 {
-                let backgroundImage_1: string;
-                export { backgroundImage_1 as backgroundImage };
-            }
-            export { root_1 as root };
-        }
-        export { styleOverrides_2 as styleOverrides };
-    }
-    namespace MuiPickersDay {
-        export namespace styleOverrides_3 {
-            namespace day {
-                let fontWeight: string;
-            }
-        }
-        export { styleOverrides_3 as styleOverrides };
-    }
-    namespace MuiPickersYear {
-        export namespace styleOverrides_4 {
-            export namespace root_2 {
-                let height: string;
-            }
-            export { root_2 as root };
-        }
-        export { styleOverrides_4 as styleOverrides };
-    }
-    namespace MuiPickersCalendar {
-        export namespace styleOverrides_5 {
-            namespace transitionContainer {
-                let marginTop_1: string;
-                export { marginTop_1 as marginTop };
-            }
-        }
-        export { styleOverrides_5 as styleOverrides };
-    }
-    namespace MuiPickersCalendarHeader {
-        export namespace styleOverrides_6 {
-            let iconButton: {
-                backgroundColor: string;
-                "& > *": {
-                    backgroundColor: string;
-                };
-            };
-            namespace switchHeader {
-                let marginTop_2: string;
-                export { marginTop_2 as marginTop };
-                export let marginBottom: string;
-            }
-        }
-        export { styleOverrides_6 as styleOverrides };
-    }
-    namespace MuiPickersClock {
-        export namespace styleOverrides_7 {
-            namespace container {
-                let margin: string;
-            }
-        }
-        export { styleOverrides_7 as styleOverrides };
-    }
-    namespace MuiPickersClockNumber {
-        export namespace styleOverrides_8 {
-            namespace clockNumber {
-                export let left: string;
-                export let width: string;
-                let height_1: string;
-                export { height_1 as height };
-            }
-        }
-        export { styleOverrides_8 as styleOverrides };
-    }
-    namespace MuiPickerDTHeader {
-        export namespace styleOverrides_9 {
-            let dateHeader: {
-                "& h4": {
-                    fontSize: string;
-                    fontWeight: number;
-                };
-            };
-            let timeHeader: {
-                "& h3": {
-                    fontSize: string;
-                    fontWeight: number;
-                };
-            };
-        }
-        export { styleOverrides_9 as styleOverrides };
-    }
-    namespace MuiPickersTimePicker {
-        export namespace styleOverrides_10 {
-            let hourMinuteLabel: {
-                "& h2": {
-                    fontSize: string;
-                    fontWeight: number;
-                };
-            };
-        }
-        export { styleOverrides_10 as styleOverrides };
-    }
-    namespace MuiPickersToolbar {
-        export namespace styleOverrides_11 {
-            let toolbar: {
-                "& h4": {
-                    fontSize: string;
-                    fontWeight: number;
-                };
-            };
-        }
-        export { styleOverrides_11 as styleOverrides };
-    }
-    namespace MuiChip {
-        export namespace styleOverrides_12 {
-            export namespace root_3 {
-                let borderRadius_1: string;
-                export { borderRadius_1 as borderRadius };
-            }
-            export { root_3 as root };
-        }
-        export { styleOverrides_12 as styleOverrides };
-    }
-}

package/dist/theme/components.js

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const components = {
-    MuiButtonBase: {
-        defaultProps: {
-            disableRipple: true,
-        },
-    },
-    MuiLink: {
-        defaultProps: {
-            underline: "hover",
-        },
-    },
-    MuiCardHeader: {
-        defaultProps: {
-            titleTypographyProps: {
-                variant: "h6",
-            },
-        },
-        styleOverrides: {
-            action: {
-                marginTop: "-4px",
-                marginRight: "-4px",
-            },
-        },
-    },
-    MuiCard: {
-        styleOverrides: {
-            root: {
-                borderRadius: "0px",
-                boxShadow: "0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important",
-                backgroundImage: "none",
-            },
-        },
-    },
-    MuiPaper: {
-        styleOverrides: {
-            root: {
-                backgroundImage: "none",
-            },
-        },
-    },
-    MuiPickersDay: {
-        styleOverrides: {
-            day: {
-                fontWeight: "300",
-            },
-        },
-    },
-    MuiPickersYear: {
-        styleOverrides: {
-            root: {
-                height: "64px",
-            },
-        },
-    },
-    MuiPickersCalendar: {
-        styleOverrides: {
-            transitionContainer: {
-                marginTop: "6px",
-            },
-        },
-    },
-    MuiPickersCalendarHeader: {
-        styleOverrides: {
-            iconButton: {
-                backgroundColor: "transparent",
-                "& > *": {
-                    backgroundColor: "transparent",
-                },
-            },
-            switchHeader: {
-                marginTop: "2px",
-                marginBottom: "4px",
-            },
-        },
-    },
-    MuiPickersClock: {
-        styleOverrides: {
-            container: {
-                margin: `32px 0 4px`,
-            },
-        },
-    },
-    MuiPickersClockNumber: {
-        styleOverrides: {
-            clockNumber: {
-                left: `calc(50% - 16px)`,
-                width: "32px",
-                height: "32px",
-            },
-        },
-    },
-    MuiPickerDTHeader: {
-        styleOverrides: {
-            dateHeader: {
-                "& h4": {
-                    fontSize: "2.125rem",
-                    fontWeight: 400,
-                },
-            },
-            timeHeader: {
-                "& h3": {
-                    fontSize: "3rem",
-                    fontWeight: 400,
-                },
-            },
-        },
-    },
-    MuiPickersTimePicker: {
-        styleOverrides: {
-            hourMinuteLabel: {
-                "& h2": {
-                    fontSize: "3.75rem",
-                    fontWeight: 300,
-                },
-            },
-        },
-    },
-    MuiPickersToolbar: {
-        styleOverrides: {
-            toolbar: {
-                "& h4": {
-                    fontSize: "2.125rem",
-                    fontWeight: 400,
-                },
-            },
-        },
-    },
-    MuiChip: {
-        styleOverrides: {
-            root: {
-                borderRadius: "16px",
-            },
-        },
-    },
-};
-exports.default = components;

package/dist/theme/shadows.d.ts

@@ -1,2 +0,0 @@
-export default shadows;
-declare const shadows: string[];

package/dist/theme/shadows.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function createShadow() {
-    return `box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);`;
-}
-const shadows = [
-    "none",
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-    createShadow(),
-];
-exports.default = shadows;