@mvf/external-components 1.11.0 → 1.11.4

package/Themes/themeCreator.d.ts

@@ -0,0 +1,348 @@
+export declare const basePalette: {
+    primary: {
+        main: string;
+    };
+    accent: {
+        a: {
+            main: string;
+            dark: string;
+        };
+        b: {
+            main: string;
+        };
+        c: {
+            main: string;
+            dark: string;
+        };
+    };
+    background: {
+        main: string;
+        dark: string;
+    };
+    disabled: string;
+    error: string;
+    text: {
+        light: string;
+        dark: string;
+        grey: string;
+    };
+    border: string;
+};
+declare const themeCreator: (palette?: {
+    primary: {
+        main: string;
+    };
+    accent: {
+        a: {
+            main: string;
+            dark: string;
+        };
+        b: {
+            main: string;
+        };
+        c: {
+            main: string;
+            dark: string;
+        };
+    };
+    background: {
+        main: string;
+        dark: string;
+    };
+    disabled: string;
+    error: string;
+    text: {
+        light: string;
+        dark: string;
+        grey: string;
+    };
+    border: string;
+}) => import("@material-ui/core").Theme & {
+    mvf: {
+        border: {
+            width: {
+                thin: number;
+                medium: number;
+            };
+            radius: number;
+        };
+        boxShadow: {
+            light: string;
+            medium: string;
+            heavy: string;
+            error: string;
+            primary: string;
+        };
+        fontSize: {
+            tiny: string;
+            little: string;
+            small: string;
+            medium: string;
+            large: string;
+            huge: string;
+        };
+        filters: {
+            darken: {
+                gentle: number;
+                medium: number;
+                harsh: number;
+            };
+            lighten: {
+                gentle: number;
+                medium: number;
+                strong: number;
+                harsh: number;
+            };
+            opacity: {
+                gentle: number;
+                harsh: number;
+            };
+        };
+        frameSize: {
+            maxHeight: number;
+            minHeight: number;
+            maxWidth: number;
+            minWidth: number;
+        };
+        lineHeight: {
+            small: string;
+            medium: string;
+        };
+        palette: {
+            primary: {
+                main: string;
+            };
+            accent: {
+                a: {
+                    main: string;
+                    dark: string;
+                };
+                b: {
+                    main: string;
+                };
+                c: {
+                    main: string;
+                    dark: string;
+                };
+            };
+            background: {
+                main: string;
+                dark: string;
+            };
+            disabled: string;
+            error: string;
+            text: {
+                light: string;
+                dark: string;
+                grey: string;
+            };
+            border: string;
+        };
+        spacing: {
+            tiny: string;
+            little: string;
+            small: string;
+            medium: string;
+            large: string;
+            huge: string;
+            massive: string;
+        };
+        brandLogoName: string;
+        table: {
+            row: {
+                height: string;
+            };
+            column: {
+                width: string;
+            };
+        };
+        typography: {
+            p: {
+                size: string;
+            };
+            h1: {
+                size: string;
+                icon: string;
+            };
+            h2: {
+                size: string;
+                icon: string;
+            };
+            h3: {
+                size: string;
+                icon: string;
+            };
+            h4: {
+                size: string;
+                icon: string;
+            };
+            h5: {
+                size: string;
+                icon: string;
+            };
+            h6: {
+                size: string;
+                icon: string;
+            };
+            subheader: {
+                fontFamily: string;
+                size: string;
+                icon: string;
+            };
+            button: {
+                large: string;
+            };
+            weight: {
+                thin: number;
+                medium: number;
+                thick: number;
+            };
+            fontFamily: string;
+        };
+    };
+};
+export declare const baseTheme: import("@material-ui/core").Theme & {
+    mvf: {
+        border: {
+            width: {
+                thin: number;
+                medium: number;
+            };
+            radius: number;
+        };
+        boxShadow: {
+            light: string;
+            medium: string;
+            heavy: string;
+            error: string;
+            primary: string;
+        };
+        fontSize: {
+            tiny: string;
+            little: string;
+            small: string;
+            medium: string;
+            large: string;
+            huge: string;
+        };
+        filters: {
+            darken: {
+                gentle: number;
+                medium: number;
+                harsh: number;
+            };
+            lighten: {
+                gentle: number;
+                medium: number;
+                strong: number;
+                harsh: number;
+            };
+            opacity: {
+                gentle: number;
+                harsh: number;
+            };
+        };
+        frameSize: {
+            maxHeight: number;
+            minHeight: number;
+            maxWidth: number;
+            minWidth: number;
+        };
+        lineHeight: {
+            small: string;
+            medium: string;
+        };
+        palette: {
+            primary: {
+                main: string;
+            };
+            accent: {
+                a: {
+                    main: string;
+                    dark: string;
+                };
+                b: {
+                    main: string;
+                };
+                c: {
+                    main: string;
+                    dark: string;
+                };
+            };
+            background: {
+                main: string;
+                dark: string;
+            };
+            disabled: string;
+            error: string;
+            text: {
+                light: string;
+                dark: string;
+                grey: string;
+            };
+            border: string;
+        };
+        spacing: {
+            tiny: string;
+            little: string;
+            small: string;
+            medium: string;
+            large: string;
+            huge: string;
+            massive: string;
+        };
+        brandLogoName: string;
+        table: {
+            row: {
+                height: string;
+            };
+            column: {
+                width: string;
+            };
+        };
+        typography: {
+            p: {
+                size: string;
+            };
+            h1: {
+                size: string;
+                icon: string;
+            };
+            h2: {
+                size: string;
+                icon: string;
+            };
+            h3: {
+                size: string;
+                icon: string;
+            };
+            h4: {
+                size: string;
+                icon: string;
+            };
+            h5: {
+                size: string;
+                icon: string;
+            };
+            h6: {
+                size: string;
+                icon: string;
+            };
+            subheader: {
+                fontFamily: string;
+                size: string;
+                icon: string;
+            };
+            button: {
+                large: string;
+            };
+            weight: {
+                thin: number;
+                medium: number;
+                thick: number;
+            };
+            fontFamily: string;
+        };
+    };
+};
+export default themeCreator;

package/Themes/themeCreator.js

@@ -0,0 +1,265 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseTheme = exports.basePalette = void 0;
+var core_1 = require("@material-ui/core");
+var lodash_1 = require("lodash");
+exports.basePalette = {
+    primary: {
+        main: 'rgb(134, 134, 134)',
+    },
+    accent: {
+        a: {
+            main: 'rgb(134, 134, 134)',
+            dark: 'rgb(107, 107, 107)',
+        },
+        b: {
+            main: 'rgb(134, 134, 134)',
+        },
+        c: {
+            main: 'rgb(237,237,237)',
+            dark: 'rgb(223,223,223)',
+        },
+    },
+    background: {
+        main: 'rgb(253,253,253)',
+        dark: 'rgb(247, 247, 247)',
+    },
+    disabled: 'rgb(134, 134, 134)',
+    error: 'rgb(249, 98, 78)',
+    text: {
+        light: 'rgb(255, 255, 255)',
+        dark: 'rgb(0, 0, 0)',
+        grey: 'rgb(79, 79, 79)',
+    },
+    border: 'rgb(148, 148, 148)',
+};
+var filters = {
+    darken: {
+        gentle: 0.1,
+        medium: 0.3,
+        harsh: 0.5,
+    },
+    lighten: {
+        gentle: 0.1,
+        medium: 0.3,
+        strong: 0.7,
+        harsh: 0.9,
+    },
+    opacity: {
+        gentle: 0.8,
+        harsh: 0.05,
+    },
+};
+var spacing = {
+    tiny: '0.3rem',
+    little: '0.45rem',
+    small: '0.6rem',
+    medium: '1.2rem',
+    large: '2.5rem',
+    huge: '3rem',
+    massive: '4rem',
+};
+var border = {
+    width: {
+        thin: 1,
+        medium: 2,
+    },
+    radius: 4,
+};
+var fontSize = {
+    tiny: '0.65rem',
+    little: '0.75rem',
+    small: '0.875rem',
+    medium: '1rem',
+    large: '1.2rem',
+    huge: '1.5rem',
+};
+var frameSize = {
+    maxHeight: 575,
+    minHeight: 550,
+    maxWidth: 600,
+    minWidth: 300,
+};
+var lineHeight = {
+    small: '1.2',
+    medium: '1.5',
+};
+var themeCreator = function (palette) {
+    if (palette === void 0) { palette = exports.basePalette; }
+    var boxShadow = {
+        light: 'rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px',
+        medium: 'rgb(0 0 0 / 20%) 0px 3px 1px -2px, rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px',
+        heavy: "rgb(0 0 0 / 20%) 0px 3px 3px -2px, rgb(0 0 0 / 14%) 0px 3px 4px 0px, rgb(0 0 0 / 12%) 0px 1px 8px 0px",
+        error: "0 0 0 1px " + palette.error,
+        primary: "0 0 0 1px " + palette.primary.main,
+    };
+    var baseTheme = (0, core_1.createTheme)({
+        palette: {
+            primary: {
+                main: palette.primary.main,
+            },
+            secondary: {
+                main: palette.accent.a.main,
+            },
+        },
+        typography: {
+            fontFamily: "'Arial', sans-serif",
+        },
+        breakpoints: {
+            values: {
+                xs: 0,
+                sm: 350,
+                md: 508,
+                lg: 1280,
+                xl: 1920,
+            },
+        },
+        overrides: {
+            MuiButtonBase: {
+                root: {
+                    backgroundColor: 'initial',
+                },
+            },
+            MuiButton: {
+                root: {
+                    backgroundColor: 'initial',
+                    minWidth: 50,
+                },
+                outlined: {
+                    border: 'initial',
+                    backgroundColor: 'initial',
+                    '&$disabled': {
+                        border: 'initial',
+                        backgroundColor: 'initial',
+                    },
+                },
+                contained: {
+                    border: 'initial',
+                    backgroundColor: 'initial',
+                    '&$disabled': {
+                        border: 'initial',
+                        backgroundColor: 'initial',
+                    },
+                },
+            },
+            MuiCardContent: {
+                root: {
+                    '&:last-child': {
+                        paddingBottom: spacing.medium,
+                    },
+                },
+            },
+            MuiInput: {
+                underline: {
+                    '&:hover:not($disabled):before': {
+                        borderBottomColor: palette.border,
+                        borderBottomWidth: border.width.thin,
+                    },
+                },
+            },
+            MuiInputLabel: {
+                root: {
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    maxWidth: '80%',
+                    height: '100%',
+                },
+                shrink: {
+                    maxWidth: '120%',
+                    fontSize: '15px',
+                },
+            },
+            MuiSelect: {
+                select: {
+                    '&:focus': {
+                        backgroundColor: palette.background.main,
+                    },
+                },
+            },
+            MuiTableCell: {
+                root: {
+                    padding: 'initial',
+                },
+            },
+            MuiTouchRipple: {
+                child: {
+                    backgroundColor: palette.primary.main,
+                },
+            },
+        },
+        props: {
+            MuiCard: {
+                square: true,
+            },
+        },
+    });
+    var theme = {
+        mvf: {
+            border: border,
+            boxShadow: boxShadow,
+            fontSize: fontSize,
+            filters: filters,
+            frameSize: frameSize,
+            lineHeight: lineHeight,
+            palette: palette,
+            spacing: spacing,
+            brandLogoName: 'expertMarket',
+            table: {
+                row: {
+                    height: '1.5rem',
+                },
+                column: {
+                    width: '5.0rem',
+                },
+            },
+            typography: {
+                p: {
+                    size: '1rem',
+                },
+                h1: {
+                    size: '2rem',
+                    icon: '3rem',
+                },
+                h2: {
+                    size: '1.5rem',
+                    icon: '2.5rem',
+                },
+                h3: {
+                    size: '1.2rem',
+                    icon: '2rem',
+                },
+                h4: {
+                    size: '0.96rem',
+                    icon: '1.6rem',
+                },
+                h5: {
+                    size: '0.78rem',
+                    icon: '1.3rem',
+                },
+                h6: {
+                    size: '0.6rem',
+                    icon: '1rem',
+                },
+                subheader: {
+                    fontFamily: "'Arial', sans-serif",
+                    size: '1.5rem',
+                    icon: '2.5rem',
+                },
+                button: {
+                    large: '1.1rem',
+                },
+                weight: {
+                    thin: 300,
+                    medium: 400,
+                    thick: 700,
+                },
+                fontFamily: "'Arial', sans-serif",
+            },
+        },
+    };
+    return (0, lodash_1.merge)(baseTheme, theme);
+};
+exports.baseTheme = themeCreator();
+exports.default = themeCreator;
+//# sourceMappingURL=themeCreator.js.map

package/Themes/themeCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeCreator.js","sourceRoot":"","sources":["../../src/Themes/themeCreator.ts"],"names":[],"mappings":"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"}