@deix/rossini-core 0.1.0 → 0.2.1

package/lib/src/utils/theme/components/MuiFormControl.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    defaultProps: {
+        margin: "none";
+        width: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=MuiFormControl.d.ts.map

package/lib/src/utils/theme/components/MuiFormControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/MuiFormControl.ts"],"names":[],"mappings":";;;;;;AAAA,wBAKE"}

package/lib/src/utils/theme/components/MuiFormControl.js

@@ -0,0 +1,6 @@
+export default {
+    defaultProps: {
+        margin: 'none',
+        width: '100%',
+    },
+};

package/lib/src/utils/theme/components/MuiGrid.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    defaultProps: {
+        spacing: number;
+    };
+};
+export default _default;
+//# sourceMappingURL=MuiGrid.d.ts.map

package/lib/src/utils/theme/components/MuiGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiGrid.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/MuiGrid.ts"],"names":[],"mappings":";;;;;AAAA,wBAIE"}

package/lib/src/utils/theme/components/MuiGrid.js

@@ -0,0 +1,5 @@
+export default {
+    defaultProps: {
+        spacing: 2,
+    },
+};

package/lib/src/utils/theme/components/MuiPaper.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    styleOverrides: {
+        rounded: {
+            borderRadius: string;
+            padding: string;
+        };
+        elevation1: {
+            boxShadow: string;
+        };
+        elevation2: {
+            boxShadow: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=MuiPaper.d.ts.map

package/lib/src/utils/theme/components/MuiPaper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPaper.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/MuiPaper.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wBAeE"}

package/lib/src/utils/theme/components/MuiPaper.js

@@ -0,0 +1,14 @@
+export default {
+    styleOverrides: {
+        rounded: {
+            borderRadius: '16px',
+            padding: '16px',
+        },
+        elevation1: {
+            boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+        },
+        elevation2: {
+            boxShadow: '0px 3px 1px -2px rgba(0, 0, 0, 0), 0px 2px 2px 0px rgba(0, 0, 0, 0), 220px 1px 5px 0px rgba(0, 0, 0, 0.1)',
+        },
+    },
+};

package/lib/src/utils/theme/components/MuiTypography.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    defaultProps: {
+        color: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=MuiTypography.d.ts.map

package/lib/src/utils/theme/components/MuiTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTypography.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/MuiTypography.ts"],"names":[],"mappings":";;;;;AAAA,wBAIE"}

package/lib/src/utils/theme/components/MuiTypography.js

@@ -0,0 +1,5 @@
+export default {
+    defaultProps: {
+        color: 'textPrimary',
+    },
+};

package/lib/src/utils/theme/components/index.d.ts

@@ -0,0 +1,79 @@
+declare const _default: {
+    MuiAccordion: {
+        styleOverrides: {
+            rounded: {
+                borderRadius: string;
+                '&:first-of-type': {
+                    borderTopLeftRadius: string;
+                    borderTopRightRadius: string;
+                };
+                '&:last-of-type': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                };
+                '&:before': {
+                    opacity: number;
+                    left: string;
+                    right: string;
+                };
+            };
+        };
+    };
+    MuiCard: {
+        styleOverrides: {
+            root: {
+                padding: string;
+                '&:last-child': {
+                    paddingBottom: string;
+                };
+            };
+        };
+    };
+    MuiCardHeader: {
+        defaultProps: {
+            titleTypographyProps: {
+                variant: "h4";
+            };
+            subheaderTypographyProps: {
+                variant: "subtitle1";
+            };
+        };
+        styleOverrides: {
+            root: {
+                padding: string;
+            };
+        };
+    };
+    MuiFormControl: {
+        defaultProps: {
+            margin: "none";
+            width: string;
+        };
+    };
+    MuiGrid: {
+        defaultProps: {
+            spacing: number;
+        };
+    };
+    MuiPaper: {
+        styleOverrides: {
+            rounded: {
+                borderRadius: string;
+                padding: string;
+            };
+            elevation1: {
+                boxShadow: string;
+            };
+            elevation2: {
+                boxShadow: string;
+            };
+        };
+    };
+    MuiTypography: {
+        defaultProps: {
+            color: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/src/utils/theme/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAQE"}

package/lib/src/utils/theme/components/index.js

@@ -0,0 +1,16 @@
+import MuiAccordion from './MuiAccordion';
+import MuiCard from './MuiCard';
+import MuiCardHeader from './MuiCardHeader';
+import MuiFormControl from './MuiFormControl';
+import MuiGrid from './MuiGrid';
+import MuiPaper from './MuiPaper';
+import MuiTypography from './MuiTypography';
+export default {
+    MuiAccordion: MuiAccordion,
+    MuiCard: MuiCard,
+    MuiCardHeader: MuiCardHeader,
+    MuiFormControl: MuiFormControl,
+    MuiGrid: MuiGrid,
+    MuiPaper: MuiPaper,
+    MuiTypography: MuiTypography,
+};

package/lib/src/utils/theme/createEmotionCache.d.ts

@@ -0,0 +1,2 @@
+export default function createEmotionCache(): import("@emotion/utils").EmotionCache;
+//# sourceMappingURL=createEmotionCache.d.ts.map

package/lib/src/utils/theme/createEmotionCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEmotionCache.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme/createEmotionCache.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,kBAAkB,0CAEzC"}

package/lib/src/utils/theme/createEmotionCache.js

@@ -0,0 +1,5 @@
+import createCache from '@emotion/cache';
+// prepend: true moves MUI styles to the top of the <head> so they're loaded first.
+export default function createEmotionCache() {
+    return createCache({ key: 'css', prepend: true });
+}

package/lib/src/utils/theme/index.d.ts

@@ -0,0 +1,6 @@
+import { PaletteOptions, Theme } from '@mui/material/styles';
+import { Locale } from '../../types/languages';
+import { AllowedTheme } from './palette';
+export declare const adaptiveTheme: (mode: AllowedTheme, locale: Locale, lightPalette?: PaletteOptions, darkPalette?: PaletteOptions) => Theme;
+export declare const globalStyles: import("@emotion/utils").SerializedStyles;
+//# sourceMappingURL=index.d.ts.map

package/lib/src/utils/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme/index.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,cAAc,EACd,KAAK,EAEN,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAmB,YAAY,EAAE,MAAM,WAAW,CAAC;AAc1D,eAAO,MAAM,aAAa,SAClB,YAAY,UACV,MAAM,iBACC,cAAc,gBACf,cAAc,KAC3B,KAWF,CAAC;AAEF,eAAO,MAAM,YAAY,2CA8BxB,CAAC"}

package/lib/src/utils/theme/index.js

@@ -0,0 +1,29 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import * as locales from '@mui/material/locale';
+import { createTheme, css, } from '@mui/material/styles';
+import components from './components';
+import { adaptivePalette } from './palette';
+import typography from './typography';
+var localeMapping = {
+    en: 'enUS',
+    fr: 'frFR',
+    de: 'deDE',
+    it: 'itIT',
+};
+export var adaptiveTheme = function (mode, locale, lightPalette, darkPalette) {
+    var theme = {
+        palette: adaptivePalette(mode, lightPalette, darkPalette),
+        typography: typography,
+        components: components,
+        zIndex: {
+            appBar: 1200,
+            drawer: 1100,
+        },
+    };
+    return createTheme(theme, locales[localeMapping[locale]]);
+};
+export var globalStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  :root {\n    display: flex;\n  }\n  body {\n    width: 100%;\n  }\n  a {\n    text-decoration: none;\n  }\n  html {\n    height: 100%;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  #__next {\n    width: 100%;\n    height: 100%;\n    margin: 0px;\n    padding: 0px;\n    box-sizing: border-box;\n    display: flex;\n    overflow-y: auto;\n    // /* hide scrollbar for IE, Edge and Firefox */\n    // -ms-overflow-style: none;\n    // scrollbar-width: none;\n  }\n  // ::-webkit-scrollbar {\n  //   display: none;\n  // }\n"], ["\n  :root {\n    display: flex;\n  }\n  body {\n    width: 100%;\n  }\n  a {\n    text-decoration: none;\n  }\n  html {\n    height: 100%;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  #__next {\n    width: 100%;\n    height: 100%;\n    margin: 0px;\n    padding: 0px;\n    box-sizing: border-box;\n    display: flex;\n    overflow-y: auto;\n    // /* hide scrollbar for IE, Edge and Firefox */\n    // -ms-overflow-style: none;\n    // scrollbar-width: none;\n  }\n  // ::-webkit-scrollbar {\n  //   display: none;\n  // }\n"])));
+var templateObject_1;

package/lib/src/utils/theme/palette/defaultColors.json

@@ -0,0 +1,68 @@
+{
+    "primary": {
+        "100": "#C6F8E7",
+        "200": "#91F2D9",
+        "300": "#56D8C2",
+        "400": "#2CB2A7",
+        "500": "#008080",
+        "600": "#00646E",
+        "700": "#004C5C",
+        "800": "#00364A",
+        "900": "#00283D"
+    },
+    "secondary": {
+        "100": "#FDEBDC",
+        "200": "#FCD2BA",
+        "300": "#F6B295",
+        "400": "#ED9278",
+        "500": "#E2634E",
+        "600": "#C24139",
+        "700": "#A22729",
+        "800": "#831822",
+        "900": "#6C0E1E"
+    },
+    "success": {
+        "100": "#DBFBD3",
+        "200": "#B1F7A9",
+        "300": "#7BE87A",
+        "400": "#55D260",
+        "500": "#26B540",
+        "600": "#1B9B3F",
+        "700": "#13823C",
+        "800": "#0C6837",
+        "900": "#075633"
+    },
+    "info": {
+        "100": "#D3E6FE",
+        "200": "#A7CBFD",
+        "300": "#7AACFB",
+        "400": "#5991F8",
+        "500": "#2466F4",
+        "600": "#1A4ED1",
+        "700": "#1239AF",
+        "800": "#0B288D",
+        "900": "#061B75"
+    },
+    "warning": {
+        "100": "#FDF1CC",
+        "200": "#FCE099",
+        "300": "#F8C766",
+        "400": "#F2AF3F",
+        "500": "#EA8A04",
+        "600": "#C96E02",
+        "700": "#A85402",
+        "800": "#873E01",
+        "900": "#702E00"
+    },
+    "error": {
+        "100": "#FCE1D6",
+        "200": "#FABEAF",
+        "300": "#F19084",
+        "400": "#E46663",
+        "500": "#D3343F",
+        "600": "#B5263C",
+        "700": "#971A39",
+        "800": "#7A1034",
+        "900": "#650931"
+    }
+}

package/lib/src/utils/theme/palette/index.d.ts

@@ -0,0 +1,7 @@
+import { PaletteOptions } from '@mui/material/styles';
+export type AllowedTheme = NonNullable<PaletteOptions['mode']>;
+export declare const DEFAULT_THEME: AllowedTheme;
+export declare const defaultLightPalette: PaletteOptions;
+export declare const defaultDarkPalette: PaletteOptions;
+export declare const adaptivePalette: (mode: AllowedTheme, lightPalette?: PaletteOptions, darkPalette?: PaletteOptions) => PaletteOptions;
+//# sourceMappingURL=index.d.ts.map

package/lib/src/utils/theme/palette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAE/D,eAAO,MAAM,aAAa,EAAE,YAAsB,CAAC;AAInD,eAAO,MAAM,mBAAmB,EAAE,cAsCjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAoChC,CAAC;AAEF,eAAO,MAAM,eAAe,SACpB,YAAY,iBACH,cAAc,gBACf,cAAc,KAC3B,cAQF,CAAC"}

package/lib/src/utils/theme/palette/index.js

@@ -0,0 +1,88 @@
+import colors from './defaultColors.json';
+export var DEFAULT_THEME = 'light';
+var primary = colors.primary, secondary = colors.secondary, success = colors.success, info = colors.info, warning = colors.warning, error = colors.error;
+export var defaultLightPalette = {
+    mode: 'light',
+    gradient: {
+        main: "linear-gradient(90deg, ".concat(primary[500], ", ").concat(primary[900], ")"),
+    },
+    primary: {
+        main: primary[500],
+    },
+    secondary: {
+        main: secondary[500],
+    },
+    success: {
+        main: success[500],
+    },
+    info: {
+        main: info[500],
+    },
+    warning: {
+        main: warning[500],
+    },
+    error: {
+        main: error[500],
+    },
+    background: {
+        default: '#fafafa',
+        paper: '#ffffff',
+    },
+    text: {
+        secondary: 'rgba(0,0,0,0.54)',
+        primary: 'rgba(0,0,0,0.87)',
+        disabled: 'rgba(0,0,0,0.38)',
+    },
+    divider: 'rgba(0,0,0,0.12)',
+    linkNotActive: {
+        main: '#afafaf',
+    },
+    sidebar: { main: '#fafafa' },
+    topbar: { main: '#fafafa' },
+};
+export var defaultDarkPalette = {
+    mode: 'dark',
+    gradient: {
+        main: "linear-gradient(90deg, ".concat(primary[500], ", ").concat(primary[100], ")"),
+    },
+    primary: {
+        main: primary[400],
+    },
+    secondary: {
+        main: secondary[500],
+    },
+    success: {
+        main: success[500],
+    },
+    info: {
+        main: info[500],
+    },
+    warning: {
+        main: warning[500],
+    },
+    error: {
+        main: error[300],
+    },
+    background: {
+        default: '#303030',
+        paper: '#424242',
+    },
+    text: {
+        primary: '#ffffff',
+        secondary: 'rgba(255,255,255,0.7)',
+        disabled: 'rgba(255,255,255,0.5)',
+    },
+    divider: 'rgba(255,255,255,0.12)',
+    linkNotActive: { main: '#afafaf' },
+    sidebar: { main: '#303030' },
+    topbar: { main: '#303030' },
+};
+export var adaptivePalette = function (mode, lightPalette, darkPalette) {
+    var light = defaultLightPalette;
+    var dark = defaultDarkPalette;
+    if (lightPalette !== undefined && darkPalette !== undefined) {
+        light = lightPalette;
+        dark = darkPalette;
+    }
+    return mode === 'light' ? light : dark;
+};

package/lib/src/utils/theme/typography.d.ts

@@ -0,0 +1,67 @@
+declare const _default: {
+    fontFamily: string;
+    body1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    body2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    subtitle1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    subtitle2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    overline: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: number;
+        textTransform: "uppercase";
+    };
+    caption: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h3: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h4: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h5: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h6: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+};
+export default _default;
+//# sourceMappingURL=typography.d.ts.map

package/lib/src/utils/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme/typography.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAgEE"}

package/lib/src/utils/theme/typography.js

@@ -0,0 +1,65 @@
+export default {
+    fontFamily: 'Raleway, Arial',
+    body1: {
+        fontSize: '1rem',
+        fontWeight: 400,
+        lineHeight: 1.5,
+    },
+    body2: {
+        fontSize: '0.875rem',
+        fontWeight: 400,
+        lineHeight: 1.57,
+    },
+    subtitle1: {
+        fontSize: '1rem',
+        fontWeight: 500,
+        lineHeight: 1.75,
+    },
+    subtitle2: {
+        fontSize: '0.875rem',
+        fontWeight: 500,
+        lineHeight: 1.57,
+    },
+    overline: {
+        fontSize: '0.75rem',
+        fontWeight: 600,
+        letterSpacing: '0.5px',
+        lineHeight: 2.5,
+        textTransform: 'uppercase',
+    },
+    caption: {
+        fontSize: '0.875rem',
+        fontWeight: 400,
+        lineHeight: 1.66,
+    },
+    h1: {
+        fontWeight: 700,
+        fontSize: '3.5rem',
+        lineHeight: 1.375,
+    },
+    h2: {
+        fontWeight: 700,
+        fontSize: '3rem',
+        lineHeight: 1.375,
+    },
+    h3: {
+        fontWeight: 700,
+        fontSize: '2.25rem',
+        lineHeight: 1.375,
+    },
+    h4: {
+        fontWeight: 700,
+        fontSize: '2rem',
+        lineHeight: 1.375,
+    },
+    h5: {
+        fontWeight: 600,
+        fontSize: '1.5rem',
+        lineHeight: 1.375,
+    },
+    h6: {
+        fontWeight: 600,
+        fontSize: '1.125rem',
+        lineHeight: 1.375,
+    },
+};