@monolith-forensics/monolith-ui 1.1.29 → 1.1.30

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+export { default as StyledContent } from "./StyledContent";
+export { default as StyledFloatContainer } from "./StyledFloatContainer";
+export { default as ArrowButton } from "./ArrowButton";
+export { default as ClearButton } from "./ClearButton";
+export type { default as Size } from "./Types/Size";
+export type { default as Variant } from "./Types/Variant";

package/dist/core/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearButton = exports.ArrowButton = exports.StyledFloatContainer = exports.StyledContent = void 0;
+var StyledContent_1 = require("./StyledContent");
+Object.defineProperty(exports, "StyledContent", { enumerable: true, get: function () { return __importDefault(StyledContent_1).default; } });
+var StyledFloatContainer_1 = require("./StyledFloatContainer");
+Object.defineProperty(exports, "StyledFloatContainer", { enumerable: true, get: function () { return __importDefault(StyledFloatContainer_1).default; } });
+var ArrowButton_1 = require("./ArrowButton");
+Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return __importDefault(ArrowButton_1).default; } });
+var ClearButton_1 = require("./ClearButton");
+Object.defineProperty(exports, "ClearButton", { enumerable: true, get: function () { return __importDefault(ClearButton_1).default; } });

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { default as FormSection } from "./FormSection";
+export { default as Grid } from "./Grid";
+export { default as TextInput } from "./TextInput";
+export { default as SelectBox } from "./SelectBox";
+export { default as Button } from "./Button";
+export { default as IconButton } from "./IconButton";
+export { default as DropDownMenu } from "./DropDownMenu";
+export { default as DateInput } from "./DateInput";
+export { default as TextArea } from "./TextArea";
+export { default as TextAreaInput } from "./TextAreaInput";
+export { default as TagBox } from "./TagBox";
+export { default as FieldLabel } from "./FieldLabel";
+export { default as Modal } from "./Modal";
+export { default as Flyout } from "./Flyout";
+export { FlyoutHeader, FlyoutTitle } from "./Flyout";
+export { default as FileInputField } from "./FileInputField";
+export { default as Switch } from "./Switch";
+export { default as CheckBox } from "./CheckBox";
+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 Table } from "./Table";
+export { Column } from "./Table";
+export { default as MonolithUIProvider } from "./MonolithUIProvider";
+export { useMonolithUITheme } from "./MonolithUIProvider";

package/dist/index.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMonolithUITheme = exports.MonolithUIProvider = exports.Column = exports.Table = 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");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
+var TextInput_1 = require("./TextInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
+var SelectBox_1 = require("./SelectBox");
+Object.defineProperty(exports, "SelectBox", { enumerable: true, get: function () { return __importDefault(SelectBox_1).default; } });
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+var DropDownMenu_1 = require("./DropDownMenu");
+Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return __importDefault(DropDownMenu_1).default; } });
+var DateInput_1 = require("./DateInput");
+Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
+var TextArea_1 = require("./TextArea");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return __importDefault(TextArea_1).default; } });
+var TextAreaInput_1 = require("./TextAreaInput");
+Object.defineProperty(exports, "TextAreaInput", { enumerable: true, get: function () { return __importDefault(TextAreaInput_1).default; } });
+var TagBox_1 = require("./TagBox");
+Object.defineProperty(exports, "TagBox", { enumerable: true, get: function () { return __importDefault(TagBox_1).default; } });
+var FieldLabel_1 = require("./FieldLabel");
+Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return __importDefault(FieldLabel_1).default; } });
+var Modal_1 = require("./Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
+var Flyout_1 = require("./Flyout");
+Object.defineProperty(exports, "Flyout", { enumerable: true, get: function () { return __importDefault(Flyout_1).default; } });
+var Flyout_2 = require("./Flyout");
+Object.defineProperty(exports, "FlyoutHeader", { enumerable: true, get: function () { return Flyout_2.FlyoutHeader; } });
+Object.defineProperty(exports, "FlyoutTitle", { enumerable: true, get: function () { return Flyout_2.FlyoutTitle; } });
+var FileInputField_1 = require("./FileInputField");
+Object.defineProperty(exports, "FileInputField", { enumerable: true, get: function () { return __importDefault(FileInputField_1).default; } });
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return __importDefault(Switch_1).default; } });
+var CheckBox_1 = require("./CheckBox");
+Object.defineProperty(exports, "CheckBox", { enumerable: true, get: function () { return __importDefault(CheckBox_1).default; } });
+var Input_1 = require("./Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
+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 Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+var Table_2 = require("./Table");
+Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return Table_2.Column; } });
+var MonolithUIProvider_1 = require("./MonolithUIProvider");
+Object.defineProperty(exports, "MonolithUIProvider", { enumerable: true, get: function () { return __importDefault(MonolithUIProvider_1).default; } });
+var MonolithUIProvider_2 = require("./MonolithUIProvider");
+Object.defineProperty(exports, "useMonolithUITheme", { enumerable: true, get: function () { return MonolithUIProvider_2.useMonolithUITheme; } });

package/dist/theme/index.d.ts

@@ -0,0 +1,168 @@
+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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const variants_1 = __importDefault(require("./variants"));
+const getTheme = (scheme) => {
+    let themeConfig = variants_1.default.find((variant) => variant.name === scheme);
+    if (!themeConfig) {
+        themeConfig = variants_1.default[0];
+    }
+    return themeConfig;
+};
+exports.default = getTheme;

package/dist/theme/typography.d.ts

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

package/dist/theme/typography.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const typography = {
+    fontFamily: [
+        "Inter",
+        "-apple-system",
+        "BlinkMacSystemFont",
+        '"Segoe UI"',
+        "Roboto",
+        '"Helvetica Neue"',
+        "Arial",
+        "sans-serif",
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+    ].join(","),
+    fontSize: 13,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 600,
+    h1: {
+        fontSize: "2rem",
+        fontWeight: 600,
+        lineHeight: 1.25,
+    },
+    h2: {
+        fontSize: "1.75rem",
+        fontWeight: 600,
+        lineHeight: 1.25,
+    },
+    h3: {
+        fontSize: "1.5rem",
+        fontWeight: 600,
+        lineHeight: 1.25,
+    },
+    h4: {
+        fontSize: "1.125rem",
+        fontWeight: 500,
+        lineHeight: 1.25,
+    },
+    h5: {
+        fontSize: "1.0625rem",
+        fontWeight: 500,
+        lineHeight: 1.25,
+    },
+    h6: {
+        fontSize: "1rem",
+        fontWeight: 500,
+        lineHeight: 1.25,
+    },
+    body1: {
+        fontSize: 13,
+    },
+    button: {
+        textTransform: "none",
+    },
+};
+exports.default = typography;

package/dist/theme/variants.d.ts

@@ -0,0 +1,172 @@
+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;
+        };
+        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;
+    };
+}[];
+export default variants;