@m4l/graphics 7.1.1 → 7.1.2

package/contexts/ThemeSettingsContext/store.js

@@ -1,45 +1,44 @@
-import { createStore as S } from "zustand";
-import { devtools as c } from "zustand/middleware";
-import { immer as p } from "zustand/middleware/immer";
-import { getPaletteByPreset as a, createCustomShadows as d, shadows as h, typographyOld as u, getColorPresets as f } from "@m4l/styles";
-import { alpha as U } from "@mui/system";
-import { d as s } from "./constants.js";
-function g(r, o = "m4l") {
-  const m = document.querySelector('[data-mui-color-scheme="light"]');
-  m && Object.keys(r).forEach((t) => {
+import { createStore as c } from "zustand";
+import { devtools as a } from "zustand/middleware";
+import { immer as d } from "zustand/middleware/immer";
+import { getPaletteByPreset as u, createCustomShadows as U, shadows as g, typographyOld as f, getColorPresets as m } from "@m4l/styles";
+import { alpha as s } from "@mui/system";
+import { d as l } from "./constants.js";
+function p(r, o = "m4l") {
+  const h = document.querySelector('[data-mui-color-scheme="light"]');
+  h && Object.keys(r).forEach((t) => {
     const e = r[t];
     if (typeof e == "string" || typeof e == "number") {
-      const l = `--${o}-${t}`;
-      m.style.setProperty(l, e.toString());
-    } else typeof e == "object" && e !== null && g(e, `${o}-${t}`);
+      const S = `--${o}-${t}`;
+      h.style.setProperty(S, e.toString());
+    } else typeof e == "object" && e !== null && p(e, `${o}-${t}`);
   });
 }
 const n = (r) => {
-  const o = r.themeUserSettings || s, m = o.themeMode === "light", t = a(o.themeColor), e = m ? t.light : t.dark;
+  const o = r.themeUserSettings || l, h = o.themeMode === "light", t = u(o.themeColor), e = h ? t.light : t.dark;
   r.themeOptions = {
     ...r.themeOptions,
-    ...u,
+    ...f,
     palette: {
       ...r.themeOptions?.palette ?? {},
       ...e
     },
     shape: { borderRadius: 8 },
     direction: o.themeDirection,
-    shadows: m ? h.light : h.dark,
+    shadows: h ? g.light : g.dark,
     customShadows: {
-      primary: `0 8px 16px 0 ${U(
-        f(o.themeColor)?.main || "#fff",
-        0.2
-      )}`,
-      ...d(o.themeMode)
+      primary: h ? `0 4px 8px -4px ${s(m(o.themeColor)?.enabledLight, 0.12)},
+       0 2px 27px 2px ${s(m(o.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${s(m(o.themeColor)?.enabledDark, 0.12)},
+       0 2px 27px 2px ${s(m(o.themeColor)?.enabledDark, 0.02)}`,
+      ...U(o.themeMode)
     },
     stretch: o.themeStretch
-  }, g(r.themeOptions);
+  }, p(r.themeOptions);
 }, i = (r) => {
   r.themeSettingsPersistFn && r.themeSettingsPersistFn(r.themeUserSettings);
-}, P = (r) => S(
-  c(
-    p((o, m) => ({
+}, $ = (r) => c(
+  a(
+    d((o, h) => ({
       ...r,
       settingsActions: {
         /**
@@ -163,7 +162,7 @@ const n = (r) => {
         onResetSetting: () => {
           o((t) => {
             t.themeUserSettings = {
-              ...s
+              ...l
             }, i(t), n(t);
           });
         }
@@ -173,5 +172,5 @@ const n = (r) => {
   )
 );
 export {
-  P as c
+  $ as c
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",