@m4l/styles 3.1.0 → 3.1.2

package/index.js

@@ -1,8 +1,8 @@
 import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
-import { d as p } from "./theme/defaultThemeOptions-BlJvKCE6.js";
+import { d as p } from "./theme/defaultThemeOptions-BayzDRnS.js";
 import { c as f, s as O } from "./theme/shadows-GTYqExFA.js";
 import { t as n } from "./theme/typography-BsOO459U.js";
-import { f as E } from "./theme/overrides/index-DrDgOdnk.js";
+import { f as E } from "./theme/overrides/index-SeuIH5J7.js";
 import { B as g, a as i, C as l, G as T, g as u, p as P } from "./theme/palette-DM0gXxA2.js";
 import { u as d } from "./utils/useResponsive-DaeQVwlH.js";
 import { D as A, d as L, g as B } from "./utils/getColorPresets-CXZaM9oS.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/{defaultThemeOptions-BlJvKCE6.js → defaultThemeOptions-BayzDRnS.js}

@@ -2,19 +2,22 @@ import { createTheme as a, alpha as s } from "@mui/material/styles";
 import { t as o } from "./typography-BsOO459U.js";
 import { s as r, c as m } from "./shadows-GTYqExFA.js";
 import { g as p } from "./palette-DM0gXxA2.js";
-import { g as h, D as t } from "../utils/getColorPresets-CXZaM9oS.js";
-const e = a(), f = {
-  ...e,
+import { g as i, D as e } from "../utils/getColorPresets-CXZaM9oS.js";
+const t = a(), f = {
+  ...t,
   typography: o,
+  generalSettings: {
+    isMobile: !1
+  },
   palette: {
-    ...e.palette,
-    ...p(t).light,
+    ...t.palette,
+    ...p(e).light,
     mode: "light"
   },
   shape: { borderRadius: 8 },
   shadows: r.dark,
   customShadows: {
-    primary: `0 8px 16px 0 ${s(h(t).main, 0.2)}`,
+    primary: `0 8px 16px 0 ${s(i(e).main, 0.2)}`,
     ...m("dark")
   },
   stretch: !0

package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts

@@ -60,6 +60,7 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, 'palette' | 'applyStyle
                             borderColor: string;
                         };
                         '& .M4LAreasViewer-windowRootContainer': {
+                            backgroundColor: string;
                             display: string;
                             flexDirection: string;
                             width: string;

package/theme/overrides/M4LExtendedComponents/{index-Cf72RC_D.js → index-DTDh4xcv.js}

@@ -2987,7 +2987,12 @@ const i = (o) => ({
               flexDirection: "column",
               width: "100%",
               height: "100%",
-              overflow: "hidden"
+              overflow: "hidden",
+              ...o.colorSchemes.finalTheme.generalSettings.isMobile ? {
+                backgroundColor: "red!important"
+              } : {
+                backgroundColor: "blue!important"
+              }
             },
             "& .M4LAreasViewer-windowHeader": {
               display: "flex",

package/theme/overrides/{index-DrDgOdnk.js → index-SeuIH5J7.js}

@@ -1,6 +1,6 @@
 import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index-XoLdmZP6.js";
 import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index-BRZVeOM5.js";
-import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-Cf72RC_D.js";
+import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-DTDh4xcv.js";
 function ta(a) {
   return Object.assign(
     s(a),

package/types/augmentations.d.ts

@@ -1,144 +1,150 @@
-import { Breakpoints } from '@mui/material';
-import { CssVarsTheme } from '@mui/material/styles';
-
-import type { CustomShadowOptions } from '../theme';
-
-declare module '@mui/material' {
-  interface Color {
-    0: string;
-    500_8: string;
-    500_12: string;
-    500_16: string;
-    500_24: string;
-    500_32: string;
-    500_48: string;
-    500_56: string;
-    500_80: string;
-  }
-}
-
-declare module '@mui/material/styles' {
-  interface PaletteColor {
-    lighter?: string;
-    darker?: string;
-    active: string;
-    activeOpacity: string;
-    hover: string;
-    focus: string;
-    selected: string;
-    toneOpacity: string;
-  }
-
-  interface SimplePaletteColorOptions {
-    lighter?: string;
-    darker?: string;
-    active: string;
-    activeOpacity: string;
-    hover: string;
-    focus: string;
-    selected: string;
-    toneOpacity: string;
-  }
-
-  interface Palette {
-    mode: 'light' | 'dark';
-    secondary: never;
-    skeleton: { default: string; transition: string };
-    border: {
-      active: string;
-      selected: string;
-      default: string;
-      primary: string;
-      secondary: string;
-      disabled: string;
-      dense: string;
-      line: string;
-    };
-    general: {
-      scrollBar: string;
-      gridHover: string;
-    };
-  }
-
-  interface PaletteOptions {
-    mode: 'light' | 'dark';
-    secondary: never;
-    skeleton: { default: string; transition: string };
-    border: {
-      active: string;
-      selected: string;
-      default: string;
-      primary: string;
-      secondary: string;
-      disabled: string;
-      dense: string;
-      line: string;
-    };
-    general: {
-      scrollBar: string;
-      gridHover: string;
-    };
-  }
-
-  interface ColorSchemeOverrides {
-    finalTheme?: true;
-  }
-
-  interface Theme extends CssVarsTheme {
-    stretch: boolean;
-    customShadows: CustomShadowOptions;
-    breakpoints: Breakpoints;
-  }
-
-  interface ThemeVars {
-    customShadows: CustomShadowOptions;
-  }
-
-  interface ColorSystem {
-    typography: TypographyVariants;
-  }
-
-  interface TypeBackground {
-    default: string;
-    hover: string;
-    surface: string;
-    subtle: string;
-    main: string;
-    bold: string;
-    backdrop: string;
-    reverse: string;
-    header: string;
-  }
-
-  interface TypographyVariants {
-    subtitle: Record<string, any>;
-    subtitleDens: Record<string, any>;
-    paragraph: Record<string, any>;
-    paragraphDens: Record<string, any>;
-    body: Record<string, any>;
-    bodyDens: Record<string, any>;
-    action: Record<string, any>;
-  }
-
-  interface TypographyVariantsOptions {
-    subtitle: React.CSSProperties;
-    subtitleDens: React.CSSProperties;
-    paragraph: React.CSSProperties;
-    paragraphDens: React.CSSProperties;
-    body: React.CSSProperties;
-    bodyDens: React.CSSProperties;
-    action: React.CSSProperties;
-  }
-}
-
-declare module '@mui/material/Typography' {
-  interface TypographyPropsVariantOverrides {
-    subtitle: true;
-    subtitleDens: true;
-    paragraph: true;
-    paragraphDens: true;
-    body: true;
-    bodyDens: true;
-    action: true;
-  }
-}
+import { Breakpoints } from '@mui/material';
+import { CssVarsTheme } from '@mui/material/styles';
+
+import type { CustomShadowOptions } from '../theme';
+
+declare module '@mui/material' {
+  interface Color {
+    0: string;
+    500_8: string;
+    500_12: string;
+    500_16: string;
+    500_24: string;
+    500_32: string;
+    500_48: string;
+    500_56: string;
+    500_80: string;
+  }
+}
+
+declare module '@mui/material/styles' {
+  interface PaletteColor {
+    lighter?: string;
+    darker?: string;
+    active: string;
+    activeOpacity: string;
+    hover: string;
+    focus: string;
+    selected: string;
+    toneOpacity: string;
+  }
+
+  interface SimplePaletteColorOptions {
+    lighter?: string;
+    darker?: string;
+    active: string;
+    activeOpacity: string;
+    hover: string;
+    focus: string;
+    selected: string;
+    toneOpacity: string;
+  }
+
+  interface Palette {
+    mode: 'light' | 'dark';
+    secondary: never;
+    skeleton: { default: string; transition: string };
+    border: {
+      active: string;
+      selected: string;
+      default: string;
+      primary: string;
+      secondary: string;
+      disabled: string;
+      dense: string;
+      line: string;
+    };
+    general: {
+      scrollBar: string;
+      gridHover: string;
+    };
+  }
+
+  interface PaletteOptions {
+    mode: 'light' | 'dark';
+    secondary: never;
+    skeleton: { default: string; transition: string };
+    border: {
+      active: string;
+      selected: string;
+      default: string;
+      primary: string;
+      secondary: string;
+      disabled: string;
+      dense: string;
+      line: string;
+    };
+    general: {
+      scrollBar: string;
+      gridHover: string;
+    };
+  }
+
+  interface ColorSchemeOverrides {
+    finalTheme?: true;
+  }
+
+  interface Theme extends CssVarsTheme {
+    stretch: boolean;
+    customShadows: CustomShadowOptions;
+    breakpoints: Breakpoints;
+    generalSettings: {
+      isMobile: boolean;
+    };
+  }
+
+  interface ThemeVars {
+    customShadows: CustomShadowOptions;
+  }
+
+  interface ColorSystem {
+    typography: TypographyVariants;
+    generalSettings: {
+      isMobile: boolean;
+    };
+  }
+
+  interface TypeBackground {
+    default: string;
+    hover: string;
+    surface: string;
+    subtle: string;
+    main: string;
+    bold: string;
+    backdrop: string;
+    reverse: string;
+    header: string;
+  }
+
+  interface TypographyVariants {
+    subtitle: Record<string, any>;
+    subtitleDens: Record<string, any>;
+    paragraph: Record<string, any>;
+    paragraphDens: Record<string, any>;
+    body: Record<string, any>;
+    bodyDens: Record<string, any>;
+    action: Record<string, any>;
+  }
+
+  interface TypographyVariantsOptions {
+    subtitle: React.CSSProperties;
+    subtitleDens: React.CSSProperties;
+    paragraph: React.CSSProperties;
+    paragraphDens: React.CSSProperties;
+    body: React.CSSProperties;
+    bodyDens: React.CSSProperties;
+    action: React.CSSProperties;
+  }
+}
+
+declare module '@mui/material/Typography' {
+  interface TypographyPropsVariantOverrides {
+    subtitle: true;
+    subtitleDens: true;
+    paragraph: true;
+    paragraphDens: true;
+    body: true;
+    bodyDens: true;
+    action: true;
+  }
+}

package/vite-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/importMeta" />