@m4l/graphics 1.0.1 → 1.0.3

package/components/GlobalStyle/{index.c11ef3f3.js → index.5c2f4861.js}

@@ -1,10 +1,10 @@
 import { useTheme as o } from "@mui/material/styles";
 import { GlobalStyles as e } from "@mui/material";
-import { globalRemSize as r } from "@m4l/styles";
+import { globalRemSize as t } from "@m4l/styles";
 import { jsx as a } from "react/jsx-runtime";
 function p() {
-  const t = o();
-  return console.log("theme test", t), /* @__PURE__ */ a(e, {
+  const r = o();
+  return /* @__PURE__ */ a(e, {
     styles: {
       body: {
         textRendering: "geometricPrecision",
@@ -24,7 +24,7 @@ function p() {
           backgroundColor: "transparent"
         },
         "*::-webkit-scrollbar-thumb": {
-          background: t.vars.palette,
+          background: r.vars.palette.state.scrollBar,
           borderRadius: "2px!important"
         },
         "& #root": {
@@ -40,9 +40,9 @@ function p() {
           height: 2,
           width: "100%",
           position: "fixed",
-          zIndex: t.zIndex.snackbar,
-          backgroundColor: t.vars.palette.primary.main,
-          boxShadow: `0 0 2px ${t.vars.palette.primary.main}`
+          zIndex: r.zIndex.snackbar,
+          backgroundColor: r.vars.palette.primary.main,
+          boxShadow: `0 0 2px ${r.vars.palette.primary.main}`
         },
         "& .peg": {
           right: 0,
@@ -52,13 +52,13 @@ function p() {
           display: "block",
           position: "absolute",
           transform: "rotate(3deg) translate(0px, -4px)",
-          boxShadow: `0 0 10px ${t.vars.palette.primary.main}, 0 0 5px ${t.vars.palette.primary.main}`
+          boxShadow: `0 0 10px ${r.vars.palette.primary.main}, 0 0 5px ${r.vars.palette.primary.main}`
         }
       },
       "& html": {
-        fontSize: r.desktop,
-        [t.breakpoints.down("sm")]: {
-          fontSize: r.mobile
+        fontSize: t.desktop,
+        [r.breakpoints.down("sm")]: {
+          fontSize: t.mobile
         }
       }
     }

package/contexts/HostThemeContext/index.97bd7c68.js

@@ -0,0 +1,44 @@
+import { createContext as c, useMemo as a } from "react";
+import { CssBaseline as h } from "@mui/material";
+import { G as d } from "../../components/GlobalStyle/index.5c2f4861.js";
+import { createTheme as p, experimental_extendTheme as f, Experimental_CssVarsProvider as x, StyledEngineProvider as T } from "@mui/material/styles";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+const u = c(null);
+function j(i) {
+  const {
+    children: l,
+    hostThemeOptions: t,
+    fnComponentsOverrides: n
+  } = i, e = p({
+    ...t
+  }), s = a(() => {
+    const r = f({
+      cssVarPrefix: "m4l",
+      colorSchemes: {
+        light: e,
+        finalTheme: e,
+        dark: e
+      }
+    });
+    return r.components = n(r), r;
+  }, []);
+  return console.log("finalTheme", s), /* @__PURE__ */ m(x, {
+    theme: s,
+    children: [/* @__PURE__ */ o(d, {}), /* @__PURE__ */ o(u.Provider, {
+      value: {
+        hostThemeOptions: t,
+        fnComponentsOverrides: n
+      },
+      children: /* @__PURE__ */ m(T, {
+        injectFirst: !0,
+        children: [/* @__PURE__ */ o(h, {
+          enableColorScheme: !0
+        }), l]
+      })
+    })]
+  });
+}
+export {
+  u as H,
+  j as a
+};

package/contexts/{index.d28ab716.js → index.14a9154d.js}

@@ -4,7 +4,7 @@ import { createContext as d, useRef as p, useMemo as v, useLayoutEffect as f } f
 import { c as u, d as R, i as g, l as h } from "../node_modules.9eeccca4.js";
 import { jsx as x } from "react/jsx-runtime";
 import "date-fns/locale/en-US";
-import "./HostThemeContext/index.86691e12.js";
+import "./HostThemeContext/index.97bd7c68.js";
 const m = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, S = (c) => {
   const a = {
     ...c

package/hooks/{index.73785922.js → index.a60674c8.js}

@@ -1,8 +1,8 @@
 import { useRef as r, useEffect as n, useState as f, useContext as i, useLayoutEffect as c } from "react";
-import { H as m } from "../contexts/HostThemeContext/index.86691e12.js";
+import { H as m } from "../contexts/HostThemeContext/index.97bd7c68.js";
 import "../contexts/FormatterContext/index.92336f4c.js";
 import "../contexts/LocalesContext/index.53f0b702.js";
-import "../contexts/index.d28ab716.js";
+import "../contexts/index.14a9154d.js";
 import "../node_modules.9eeccca4.js";
 import "@m4l/styles";
 function h() {

package/hooks/useResponsive/{index.2b01d764.js → index.75bde930.js}

@@ -1,6 +1,6 @@
 import { useContext as t } from "react";
 import { u as r } from "../../node_modules.9eeccca4.js";
-import { R as n } from "../../contexts/index.d28ab716.js";
+import { R as n } from "../../contexts/index.14a9154d.js";
 import { useResponsive as i } from "@m4l/styles";
 function f(e, s) {
   const o = t(n);

package/index.js

@@ -1,13 +1,13 @@
-import { G as l } from "./components/GlobalStyle/index.c11ef3f3.js";
+import { G as l } from "./components/GlobalStyle/index.5c2f4861.js";
 import { F as C, a as R } from "./contexts/FormatterContext/index.92336f4c.js";
 import { L as c, a as F, g as L } from "./contexts/LocalesContext/index.53f0b702.js";
-import { R as b, a as g } from "./contexts/index.d28ab716.js";
-import { H, a as T } from "./contexts/HostThemeContext/index.86691e12.js";
+import { R as b, a as g } from "./contexts/index.14a9154d.js";
+import { H, a as T } from "./contexts/HostThemeContext/index.97bd7c68.js";
 import { u as k } from "./hooks/useFirstRender/index.1e9b02fb.js";
 import { u as z } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as I, u as M, a as O, c as y } from "./hooks/index.73785922.js";
+import { b as I, u as M, a as O, c as y } from "./hooks/index.a60674c8.js";
 import { u as D } from "./hooks/useLocales/index.d5a80aff.js";
-import { u as N, a as W } from "./hooks/useResponsive/index.2b01d764.js";
+import { u as N, a as W } from "./hooks/useResponsive/index.75bde930.js";
 import { u as q } from "./hooks/useIsMobile/index.3de7c47a.js";
 import { C as J, g as K } from "./utils/index.6909c662.js";
 import "@mui/material/styles";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "dependencies": {

package/contexts/HostThemeContext/index.86691e12.js

@@ -1,43 +0,0 @@
-import { createContext as l, useMemo as c } from "react";
-import { CssBaseline as h } from "@mui/material";
-import { createTheme as a, experimental_extendTheme as d, Experimental_CssVarsProvider as p, StyledEngineProvider as x } from "@mui/material/styles";
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-const T = l(null);
-function g(i) {
-  const {
-    children: m,
-    hostThemeOptions: t,
-    fnComponentsOverrides: n
-  } = i, e = a({
-    ...t
-  }), s = c(() => {
-    const r = d({
-      cssVarPrefix: "m4l",
-      colorSchemes: {
-        light: e,
-        finalTheme: e,
-        dark: e
-      }
-    });
-    return r.components = n(r), r;
-  }, []);
-  return console.log("finalTheme", s), /* @__PURE__ */ o(p, {
-    theme: s,
-    children: /* @__PURE__ */ o(T.Provider, {
-      value: {
-        hostThemeOptions: t,
-        fnComponentsOverrides: n
-      },
-      children: /* @__PURE__ */ f(x, {
-        injectFirst: !0,
-        children: [/* @__PURE__ */ o(h, {
-          enableColorScheme: !0
-        }), m]
-      })
-    })
-  });
-}
-export {
-  T as H,
-  g as a
-};