@deix/rossini-core 0.4.2 → 0.5.1

package/lib/src/utils/hooks/usePersistedState.js

@@ -1,34 +1,40 @@
-import { useEffect, useState } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 /**
  * Use a variable stored persistently on local storage.
  *
  * @param {string} name the name of the variable in local storage.
- * @param {T} defaultValue the default value. The first time the hook is called the variable is created with this value.
+ * @param {T} defaultValue the default value
  */
 function usePersistedState(name, defaultValue) {
-    var _a = useState(function () {
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const firstRender = (0, react_1.useRef)(true);
+    (0, react_1.useLayoutEffect)(() => {
+        firstRender.current = false;
         try {
-            var value_1 = window.localStorage.getItem(name);
-            if (value_1) {
-                return JSON.parse(value_1);
-            }
-            else {
-                window.localStorage.setItem(name, JSON.stringify(defaultValue));
-                return defaultValue;
+            const localValueString = window.localStorage.getItem(name);
+            if (localValueString) {
+                const localValue = JSON.parse(localValueString);
+                setValue(localValue);
             }
         }
         catch (err) {
-            return defaultValue;
+            console.log(err);
+            window.localStorage.removeItem(name);
+        }
+    }, [name, setValue]);
+    (0, react_1.useEffect)(() => {
+        if (firstRender) {
+            return;
         }
-    }), value = _a[0], setValue = _a[1];
-    useEffect(function () {
         try {
             window.localStorage.setItem(name, JSON.stringify(value));
         }
         catch (err) {
             console.error(err);
         }
-    }, [value]);
+    }, [name, value]);
     return [value, setValue];
 }
-export default usePersistedState;
+exports.default = usePersistedState;

package/lib/src/utils/index.js

@@ -1,3 +1,25 @@
-export { camelToSnake, colorToRgb, commonStart, dateDiff, getTextColor, getTimeStr, hexToRgb, isValidDate, stringToColor, toLocalStandardDateString, toTitleCase, } from './helpers';
-export { useAPI, useLocale, usePersistedState, useUserInfo } from './hooks';
-export { default as PageProvider } from './provider/PageProvider';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageProvider = exports.useUserInfo = exports.usePersistedState = exports.useLocale = exports.useAPI = exports.toTitleCase = exports.toLocalStandardDateString = exports.stringToColor = exports.isValidDate = exports.hexToRgb = exports.getTimeStr = exports.getTextColor = exports.dateDiff = exports.commonStart = exports.colorToRgb = exports.camelToSnake = void 0;
+var helpers_1 = require("./helpers");
+Object.defineProperty(exports, "camelToSnake", { enumerable: true, get: function () { return helpers_1.camelToSnake; } });
+Object.defineProperty(exports, "colorToRgb", { enumerable: true, get: function () { return helpers_1.colorToRgb; } });
+Object.defineProperty(exports, "commonStart", { enumerable: true, get: function () { return helpers_1.commonStart; } });
+Object.defineProperty(exports, "dateDiff", { enumerable: true, get: function () { return helpers_1.dateDiff; } });
+Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
+Object.defineProperty(exports, "getTimeStr", { enumerable: true, get: function () { return helpers_1.getTimeStr; } });
+Object.defineProperty(exports, "hexToRgb", { enumerable: true, get: function () { return helpers_1.hexToRgb; } });
+Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return helpers_1.isValidDate; } });
+Object.defineProperty(exports, "stringToColor", { enumerable: true, get: function () { return helpers_1.stringToColor; } });
+Object.defineProperty(exports, "toLocalStandardDateString", { enumerable: true, get: function () { return helpers_1.toLocalStandardDateString; } });
+Object.defineProperty(exports, "toTitleCase", { enumerable: true, get: function () { return helpers_1.toTitleCase; } });
+var hooks_1 = require("./hooks");
+Object.defineProperty(exports, "useAPI", { enumerable: true, get: function () { return hooks_1.useAPI; } });
+Object.defineProperty(exports, "useLocale", { enumerable: true, get: function () { return hooks_1.useLocale; } });
+Object.defineProperty(exports, "usePersistedState", { enumerable: true, get: function () { return hooks_1.usePersistedState; } });
+Object.defineProperty(exports, "useUserInfo", { enumerable: true, get: function () { return hooks_1.useUserInfo; } });
+var PageProvider_1 = require("./provider/PageProvider");
+Object.defineProperty(exports, "PageProvider", { enumerable: true, get: function () { return __importDefault(PageProvider_1).default; } });

package/lib/src/utils/provider/PageProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageProvider.d.ts","sourceRoot":"","sources":["../../../../src/utils/provider/PageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAiB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PageProvider.d.ts","sourceRoot":"","sources":["../../../../src/utils/provider/PageProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAiB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQ/C,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/src/utils/provider/PageProvider.js

@@ -1,17 +1,19 @@
-import React from 'react';
-import { ThemeProvider as NextThemeProvider } from 'next-themes';
-import Head from 'next/head';
-import { CacheProvider } from '@emotion/react';
-import createEmotionCache from '../theme/createEmotionCache';
-import ThemeProvider from './ThemeProvider';
-// Client-side cache, shared for the whole session of the user in the browser.
-var clientSideEmotionCache = createEmotionCache();
-var PageProvider = function (_a) {
-    var children = _a.children, _b = _a.emotionCache, emotionCache = _b === void 0 ? clientSideEmotionCache : _b, lightPalette = _a.lightPalette, darkPalette = _a.darkPalette;
-    return (React.createElement(NextThemeProvider, null,
-        React.createElement(CacheProvider, { value: emotionCache },
-            React.createElement(Head, null,
-                React.createElement("meta", { name: 'viewport', content: 'initial-scale=1, width=device-width' })),
-            React.createElement(ThemeProvider, { lightPalette: lightPalette, darkPalette: darkPalette }, children))));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-export default PageProvider;
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const next_themes_1 = require("next-themes");
+const head_1 = __importDefault(require("next/head"));
+const react_2 = require("@emotion/react");
+const createEmotionCache_1 = __importDefault(require("../theme/createEmotionCache"));
+const ThemeProvider_1 = __importDefault(require("./ThemeProvider"));
+// Client-side cache, shared for the whole session of the user in the browser.
+const clientSideEmotionCache = (0, createEmotionCache_1.default)();
+const PageProvider = ({ children, emotionCache = clientSideEmotionCache, lightPalette, darkPalette, }) => (react_1.default.createElement(next_themes_1.ThemeProvider, null,
+    react_1.default.createElement(react_2.CacheProvider, { value: emotionCache },
+        react_1.default.createElement(head_1.default, null,
+            react_1.default.createElement("meta", { name: 'viewport', content: 'initial-scale=1, width=device-width' })),
+        react_1.default.createElement(ThemeProvider_1.default, { lightPalette: lightPalette, darkPalette: darkPalette }, children))));
+exports.default = PageProvider;

package/lib/src/utils/provider/ThemeProvider.js

@@ -1,23 +1,47 @@
-import React, { useEffect, useState } from 'react';
-import { useTheme } from 'next-themes';
-import { CssBaseline, GlobalStyles, ThemeProvider as MUIThemeProvider, } from '@mui/material';
-import { useLocale } from '../hooks/useLocale';
-import { adaptiveTheme, globalStyles } from '../theme';
-var ThemeProvider = function (_a) {
-    var children = _a.children, lightPalette = _a.lightPalette, darkPalette = _a.darkPalette;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const next_themes_1 = require("next-themes");
+const material_1 = require("@mui/material");
+const useLocale_1 = require("../hooks/useLocale");
+const theme_1 = require("../theme");
+const ThemeProvider = ({ children, lightPalette, darkPalette }) => {
     // Dark/Light Mode
-    var resolvedTheme = useTheme().resolvedTheme;
-    var _b = useState(adaptiveTheme('light', 'en', lightPalette, darkPalette)), currentTheme = _b[0], setCurrentTheme = _b[1];
+    const { resolvedTheme } = (0, next_themes_1.useTheme)();
+    const [currentTheme, setCurrentTheme] = (0, react_1.useState)((0, theme_1.adaptiveTheme)('light', 'en', lightPalette, darkPalette));
     // Locale
-    var locale = useLocale();
-    useEffect(function () {
+    const locale = (0, useLocale_1.useLocale)();
+    (0, react_1.useEffect)(() => {
         if (resolvedTheme) {
-            setCurrentTheme(adaptiveTheme(resolvedTheme, locale, lightPalette, darkPalette));
+            setCurrentTheme((0, theme_1.adaptiveTheme)(resolvedTheme, locale, lightPalette, darkPalette));
         }
-    }, [resolvedTheme, locale]);
-    return (React.createElement(MUIThemeProvider, { theme: currentTheme },
-        React.createElement(CssBaseline, null),
-        React.createElement(GlobalStyles, { styles: globalStyles }),
+    }, [lightPalette, darkPalette, resolvedTheme, locale]);
+    return (react_1.default.createElement(material_1.ThemeProvider, { theme: currentTheme },
+        react_1.default.createElement(material_1.CssBaseline, null),
+        react_1.default.createElement(material_1.GlobalStyles, { styles: theme_1.globalStyles }),
         children));
 };
-export default ThemeProvider;
+exports.default = ThemeProvider;

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

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     styleOverrides: {
         rounded: {
             borderRadius: '16px',

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

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     styleOverrides: {
         root: {
             padding: '16px 16px',

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

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     defaultProps: {
         titleTypographyProps: {
             variant: 'h4',

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

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     defaultProps: {
         margin: 'none',
         width: '100%',

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

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     defaultProps: {
         spacing: 2,
     },

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

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     styleOverrides: {
         rounded: {
             borderRadius: '16px',

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

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     defaultProps: {
         color: 'textPrimary',
     },

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

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const components: {
     MuiAccordion: {
         styleOverrides: {
             rounded: {
@@ -75,5 +75,5 @@ declare const _default: {
         };
     };
 };
-export default _default;
+export default components;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAQE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/components/index.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQf,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,16 +1,22 @@
-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,
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+const MuiAccordion_1 = __importDefault(require("./MuiAccordion"));
+const MuiCard_1 = __importDefault(require("./MuiCard"));
+const MuiCardHeader_1 = __importDefault(require("./MuiCardHeader"));
+const MuiFormControl_1 = __importDefault(require("./MuiFormControl"));
+const MuiGrid_1 = __importDefault(require("./MuiGrid"));
+const MuiPaper_1 = __importDefault(require("./MuiPaper"));
+const MuiTypography_1 = __importDefault(require("./MuiTypography"));
+const components = {
+    MuiAccordion: MuiAccordion_1.default,
+    MuiCard: MuiCard_1.default,
+    MuiCardHeader: MuiCardHeader_1.default,
+    MuiFormControl: MuiFormControl_1.default,
+    MuiGrid: MuiGrid_1.default,
+    MuiPaper: MuiPaper_1.default,
+    MuiTypography: MuiTypography_1.default,
+};
+exports.default = components;

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

@@ -1,5 +1,11 @@
-import createCache from '@emotion/cache';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const cache_1 = __importDefault(require("@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 });
+function createEmotionCache() {
+    return (0, cache_1.default)({ key: 'css', prepend: true });
 }
+exports.default = createEmotionCache;

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

@@ -1,4 +1,5 @@
-import { PaletteOptions, Theme } from '@mui/material/styles';
+import { PaletteOptions } from '@mui/material/styles';
+import { 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;

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAe,KAAK,EAAgB,MAAM,sBAAsB,CAAC;AAIxE,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

@@ -1,29 +1,85 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
-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 = {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.globalStyles = exports.adaptiveTheme = void 0;
+const styles_1 = require("@mui/material/styles");
+const locales = __importStar(require("@mui/material/locale"));
+const system_1 = require("@mui/system");
+const components_1 = __importDefault(require("./components"));
+const palette_1 = require("./palette");
+const typography_1 = __importDefault(require("./typography"));
+const 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,
+const adaptiveTheme = (mode, locale, lightPalette, darkPalette) => {
+    const theme = {
+        palette: (0, palette_1.adaptivePalette)(mode, lightPalette, darkPalette),
+        typography: typography_1.default,
+        components: components_1.default,
         zIndex: {
             appBar: 1200,
             drawer: 1100,
         },
     };
-    return createTheme(theme, locales[localeMapping[locale]]);
+    return (0, styles_1.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;
+exports.adaptiveTheme = adaptiveTheme;
+exports.globalStyles = (0, system_1.css) `
+  :root {
+    display: flex;
+  }
+  body {
+    width: 100%;
+  }
+  a {
+    text-decoration: none;
+  }
+  html {
+    height: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  #__next {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    box-sizing: border-box;
+    display: flex;
+    overflow-y: auto;
+    // /* hide scrollbar for IE, Edge and Firefox */
+    // -ms-overflow-style: none;
+    // scrollbar-width: none;
+  }
+  // ::-webkit-scrollbar {
+  //   display: none;
+  // }
+`;

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/theme/palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAE/D,eAAO,MAAM,aAAa,EAAE,YAAsB,CAAC;AAEnD,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

@@ -1,28 +1,29 @@
-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 = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adaptivePalette = exports.defaultDarkPalette = exports.defaultLightPalette = exports.DEFAULT_THEME = void 0;
+exports.DEFAULT_THEME = 'light';
+exports.defaultLightPalette = {
     mode: 'light',
     gradient: {
-        main: "linear-gradient(90deg, ".concat(primary[500], ", ").concat(primary[900], ")"),
+        main: `linear-gradient(90deg, #008080, #00283D)`,
     },
     primary: {
-        main: primary[500],
+        main: '#008080',
     },
     secondary: {
-        main: secondary[500],
+        main: '#E2634E',
     },
     success: {
-        main: success[500],
+        main: '#26B540',
     },
     info: {
-        main: info[500],
+        main: '#2466F4',
     },
     warning: {
-        main: warning[500],
+        main: '#EA8A04',
     },
     error: {
-        main: error[500],
+        main: '#D3343F',
     },
     background: {
         default: '#fafafa',
@@ -40,28 +41,28 @@ export var defaultLightPalette = {
     sidebar: { main: '#fafafa' },
     topbar: { main: '#fafafa' },
 };
-export var defaultDarkPalette = {
+exports.defaultDarkPalette = {
     mode: 'dark',
     gradient: {
-        main: "linear-gradient(90deg, ".concat(primary[500], ", ").concat(primary[100], ")"),
+        main: `linear-gradient(90deg, #2CB2A7, #C6F8E7)`,
     },
     primary: {
-        main: primary[400],
+        main: '#2CB2A7',
     },
     secondary: {
-        main: secondary[500],
+        main: '#E2634E',
     },
     success: {
-        main: success[500],
+        main: '#26B540',
     },
     info: {
-        main: info[500],
+        main: '#2466F4',
     },
     warning: {
-        main: warning[500],
+        main: '#EA8A04',
     },
     error: {
-        main: error[300],
+        main: '#D3343F',
     },
     background: {
         default: '#303030',
@@ -77,12 +78,13 @@ export var defaultDarkPalette = {
     sidebar: { main: '#303030' },
     topbar: { main: '#303030' },
 };
-export var adaptivePalette = function (mode, lightPalette, darkPalette) {
-    var light = defaultLightPalette;
-    var dark = defaultDarkPalette;
+const adaptivePalette = (mode, lightPalette, darkPalette) => {
+    let light = exports.defaultLightPalette;
+    let dark = exports.defaultDarkPalette;
     if (lightPalette !== undefined && darkPalette !== undefined) {
         light = lightPalette;
         dark = darkPalette;
     }
     return mode === 'light' ? light : dark;
 };
+exports.adaptivePalette = adaptivePalette;

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

@@ -1,4 +1,6 @@
-var fonts = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fonts = {
     fontFamily: 'Raleway, Arial',
     body1: {
         fontSize: '1rem',
@@ -63,4 +65,4 @@ var fonts = {
         lineHeight: 1.375,
     },
 };
-export default fonts;
+exports.default = fonts;