@m4l/styles 3.1.0 → 3.1.1

package/index.js

@@ -1,5 +1,5 @@
 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "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/types/augmentations.d.ts

@@ -1,144 +1,147 @@
-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;
+  }
+
+  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" />