@m4l/graphics 1.0.3 → 1.0.4

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

@@ -1,15 +1,21 @@
-import { useTheme as o } from "@mui/material/styles";
+import { useTheme as r } from "@mui/material/styles";
 import { GlobalStyles as e } from "@mui/material";
-import { globalRemSize as t } from "@m4l/styles";
+import { globalRemSize as o } from "@m4l/styles";
 import { jsx as a } from "react/jsx-runtime";
 function p() {
-  const r = o();
+  const t = r();
   return /* @__PURE__ */ a(e, {
     styles: {
       body: {
         textRendering: "geometricPrecision",
         width: "100%",
         height: "100vh",
+        "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
+          backgroundClip: "text",
+          textFillColor: "#ffffff",
+          transition: "background-color 5000s ease-in-out 0s",
+          boxShadow: "inset 0 0 20px 20px #23232329"
+        },
         "*::-webkit-scrollbar": {
           width: "7px",
           height: "7px",
@@ -24,7 +30,7 @@ function p() {
           backgroundColor: "transparent"
         },
         "*::-webkit-scrollbar-thumb": {
-          background: r.vars.palette.state.scrollBar,
+          background: t.vars.palette.state.scrollBar,
           borderRadius: "2px!important"
         },
         "& #root": {
@@ -40,9 +46,9 @@ function p() {
           height: 2,
           width: "100%",
           position: "fixed",
-          zIndex: r.zIndex.snackbar,
-          backgroundColor: r.vars.palette.primary.main,
-          boxShadow: `0 0 2px ${r.vars.palette.primary.main}`
+          zIndex: t.zIndex.snackbar,
+          backgroundColor: t.vars.palette.primary.main,
+          boxShadow: `0 0 2px ${t.vars.palette.primary.main}`
         },
         "& .peg": {
           right: 0,
@@ -52,13 +58,13 @@ function p() {
           display: "block",
           position: "absolute",
           transform: "rotate(3deg) translate(0px, -4px)",
-          boxShadow: `0 0 10px ${r.vars.palette.primary.main}, 0 0 5px ${r.vars.palette.primary.main}`
+          boxShadow: `0 0 10px ${t.vars.palette.primary.main}, 0 0 5px ${t.vars.palette.primary.main}`
         }
       },
       "& html": {
-        fontSize: t.desktop,
-        [r.breakpoints.down("sm")]: {
-          fontSize: t.mobile
+        fontSize: o.desktop,
+        [t.breakpoints.down("sm")]: {
+          fontSize: o.mobile
         }
       }
     }

package/contexts/HostThemeContext/{index.97bd7c68.js → index.04ca22db.js}

@@ -1,6 +1,6 @@
 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 { G as d } from "../../components/GlobalStyle/index.b4909afd.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);

package/contexts/{index.14a9154d.js → index.9c442496.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.97bd7c68.js";
+import "./HostThemeContext/index.04ca22db.js";
 const m = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, S = (c) => {
   const a = {
     ...c

package/hooks/{index.a60674c8.js → index.8dcbe868.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.97bd7c68.js";
+import { H as m } from "../contexts/HostThemeContext/index.04ca22db.js";
 import "../contexts/FormatterContext/index.92336f4c.js";
 import "../contexts/LocalesContext/index.53f0b702.js";
-import "../contexts/index.14a9154d.js";
+import "../contexts/index.9c442496.js";
 import "../node_modules.9eeccca4.js";
 import "@m4l/styles";
 function h() {

package/hooks/useResponsive/{index.75bde930.js → index.45c21fff.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.14a9154d.js";
+import { R as n } from "../../contexts/index.9c442496.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.5c2f4861.js";
+import { G as l } from "./components/GlobalStyle/index.b4909afd.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.14a9154d.js";
-import { H, a as T } from "./contexts/HostThemeContext/index.97bd7c68.js";
+import { R as b, a as g } from "./contexts/index.9c442496.js";
+import { H, a as T } from "./contexts/HostThemeContext/index.04ca22db.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.a60674c8.js";
+import { b as I, u as M, a as O, c as y } from "./hooks/index.8dcbe868.js";
 import { u as D } from "./hooks/useLocales/index.d5a80aff.js";
-import { u as N, a as W } from "./hooks/useResponsive/index.75bde930.js";
+import { u as N, a as W } from "./hooks/useResponsive/index.45c21fff.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.3",
+  "version": "1.0.4",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "dependencies": {