@learningpool/ui 1.15.5 → 1.16.1

package/utils/theme.js

@@ -1,24 +1,31 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { amber, blue } from '@mui/material/colors';
-var DEFAULT_HEADER_TYPOGRAPHY = {
+const DEFAULT_HEADER_TYPOGRAPHY = {
     fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
 };
-var DEFAULT_BODY_TYPOGRAPHY = {
+const DEFAULT_BODY_TYPOGRAPHY = {
     fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
 };
 // @TODO: Discuss this with the experience design team, according to the UUI Figma
-export var defaultTheme = {
-    typography: __assign(__assign({}, DEFAULT_BODY_TYPOGRAPHY), { h1: DEFAULT_HEADER_TYPOGRAPHY, h2: DEFAULT_HEADER_TYPOGRAPHY, h3: DEFAULT_HEADER_TYPOGRAPHY, h4: DEFAULT_HEADER_TYPOGRAPHY, h5: DEFAULT_HEADER_TYPOGRAPHY, h6: DEFAULT_HEADER_TYPOGRAPHY, subtitle1: DEFAULT_BODY_TYPOGRAPHY, subtitle2: DEFAULT_BODY_TYPOGRAPHY, body1: DEFAULT_BODY_TYPOGRAPHY, body2: DEFAULT_BODY_TYPOGRAPHY, button: __assign(__assign({}, DEFAULT_BODY_TYPOGRAPHY), { fontWeight: 700 }), caption: DEFAULT_BODY_TYPOGRAPHY, overline: DEFAULT_BODY_TYPOGRAPHY })
+export const defaultTheme = {
+    typography: {
+        ...DEFAULT_BODY_TYPOGRAPHY,
+        h1: DEFAULT_HEADER_TYPOGRAPHY,
+        h2: DEFAULT_HEADER_TYPOGRAPHY,
+        h3: DEFAULT_HEADER_TYPOGRAPHY,
+        h4: DEFAULT_HEADER_TYPOGRAPHY,
+        h5: DEFAULT_HEADER_TYPOGRAPHY,
+        h6: DEFAULT_HEADER_TYPOGRAPHY,
+        subtitle1: DEFAULT_BODY_TYPOGRAPHY,
+        subtitle2: DEFAULT_BODY_TYPOGRAPHY,
+        body1: DEFAULT_BODY_TYPOGRAPHY,
+        body2: DEFAULT_BODY_TYPOGRAPHY,
+        button: {
+            ...DEFAULT_BODY_TYPOGRAPHY,
+            fontWeight: 700
+        },
+        caption: DEFAULT_BODY_TYPOGRAPHY,
+        overline: DEFAULT_BODY_TYPOGRAPHY
+    }
     // overrides: {
     //   MuiCssBaseline: {
     //     '@global': {
@@ -30,7 +37,7 @@ export var defaultTheme = {
     //   }
     // }
 };
-export var lightTheme = {
+export const lightTheme = {
     palette: {
         primary: {
             main: '#0077cc'
@@ -48,7 +55,7 @@ export var lightTheme = {
         contrastThreshold: 4.5
     }
 };
-export var darkTheme = {
+export const darkTheme = {
     palette: {
         primary: amber,
         divider: 'rgba(255, 255, 255, 0.075)',
@@ -61,13 +68,13 @@ export var darkTheme = {
         contrastThreshold: 4.5
     }
 };
-export var motion = {
+export const motion = {
     ease: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
     easeOut: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
     easeIn: 'cubic-bezier(0.4, 0.0, 1, 1)',
     easeInOut: 'cubic-bezier(0.4, 0.0, 0.6, 1)'
 };
-export var tooltipDelay = {
+export const tooltipDelay = {
     start: 500,
     end: 200
 };