@m4l/graphics 7.1.2 → 7.1.3

package/contexts/ThemeSettingsContext/store.js

@@ -1,44 +1,45 @@
-import { createStore as c } from "zustand";
+import { createStore as S } 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 { getPaletteByPreset as u, createCustomShadows as x, shadows as p, typographyOld as y, 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) => {
+import { d as g } from "./constants.js";
+function l(r, o = "m4l") {
+  const n = document.querySelector('[data-mui-color-scheme="light"]');
+  n && Object.keys(r).forEach((t) => {
     const e = r[t];
     if (typeof e == "string" || typeof e == "number") {
-      const S = `--${o}-${t}`;
-      h.style.setProperty(S, e.toString());
-    } else typeof e == "object" && e !== null && p(e, `${o}-${t}`);
+      const c = `--${o}-${t}`;
+      n.style.setProperty(c, e.toString());
+    } else typeof e == "object" && e !== null && l(e, `${o}-${t}`);
   });
 }
-const n = (r) => {
-  const o = r.themeUserSettings || l, h = o.themeMode === "light", t = u(o.themeColor), e = h ? t.light : t.dark;
+const h = (r) => {
+  const o = r.themeUserSettings || g, n = o.themeMode === "light", t = u(o.themeColor), e = n ? t.light : t.dark;
   r.themeOptions = {
     ...r.themeOptions,
-    ...f,
+    ...y,
     palette: {
       ...r.themeOptions?.palette ?? {},
       ...e
     },
     shape: { borderRadius: 8 },
     direction: o.themeDirection,
-    shadows: h ? g.light : g.dark,
+    shadows: n ? p.light : p.dark,
     customShadows: {
-      primary: h ? `0 4px 8px -4px ${s(m(o.themeColor)?.enabledLight, 0.12)},
+      primary: n ? `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)
+      ...x(o.themeMode),
+      primary2: n ? `0px 2px 3px 0px ${s(m(o.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${s(m(o.themeColor)?.hoverOpacityDark, 0.2)}`
     },
     stretch: o.themeStretch
-  }, p(r.themeOptions);
+  }, l(r.themeOptions);
 }, i = (r) => {
   r.themeSettingsPersistFn && r.themeSettingsPersistFn(r.themeUserSettings);
-}, $ = (r) => c(
+}, T = (r) => S(
   a(
-    d((o, h) => ({
+    d((o, n) => ({
       ...r,
       settingsActions: {
         /**
@@ -50,7 +51,7 @@ const n = (r) => {
          */
         init: () => {
           o((t) => {
-            n(t);
+            h(t);
           });
         },
         /**
@@ -62,7 +63,7 @@ const n = (r) => {
          */
         setThemeSettings: (t) => {
           o((e) => {
-            e.themeUserSettings = { ...e.themeUserSettings, ...t }, i(e), n(e);
+            e.themeUserSettings = { ...e.themeUserSettings, ...t }, i(e), h(e);
           });
         },
         /**
@@ -77,7 +78,7 @@ const n = (r) => {
             e.themeUserSettings = {
               ...e.themeUserSettings,
               themeMode: t.target.value
-            }, i(e), n(e);
+            }, i(e), h(e);
           });
         },
         /**
@@ -104,7 +105,7 @@ const n = (r) => {
             e.themeUserSettings = {
               ...e.themeUserSettings,
               themeDirection: t.target.value
-            }, i(e), n(e);
+            }, i(e), h(e);
           });
         },
         /**
@@ -119,7 +120,7 @@ const n = (r) => {
             e.themeUserSettings = {
               ...e.themeUserSettings,
               themeColor: t.target.value
-            }, i(e), n(e);
+            }, i(e), h(e);
           });
         },
         /**
@@ -134,7 +135,7 @@ const n = (r) => {
             e.themeUserSettings = {
               ...e.themeUserSettings,
               themeLayout: t.target.value
-            }, i(e), n(e);
+            }, i(e), h(e);
           });
         },
         /**
@@ -149,7 +150,7 @@ const n = (r) => {
             t.themeUserSettings = {
               ...t.themeUserSettings,
               themeStretch: !t.themeUserSettings.themeStretch
-            }, i(t), n(t);
+            }, i(t), h(t);
           });
         },
         /**
@@ -162,8 +163,8 @@ const n = (r) => {
         onResetSetting: () => {
           o((t) => {
             t.themeUserSettings = {
-              ...l
-            }, i(t), n(t);
+              ...g
+            }, i(t), h(t);
           });
         }
       }
@@ -172,5 +173,5 @@ const n = (r) => {
   )
 );
 export {
-  $ as c
+  T as c
 };

package/package.json

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