@m4l/graphics 0.1.37 → 0.1.38

package/components/{ProgressBarStyle/index.fb6fd9ed.js → GlobalStyle/index.30beab6e.js}

@@ -1,9 +1,10 @@
 import { useTheme as e } from "@mui/material/styles";
-import { GlobalStyles as r } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-function n() {
+import { GlobalStyles as a } from "@mui/material";
+import { globalRemSize as o } from "@m4l/styles";
+import { jsx as i } from "react/jsx-runtime";
+function s() {
   const t = e();
-  return /* @__PURE__ */ o(r, {
+  return console.log("test spacing formula ", t.spacing(1)), /* @__PURE__ */ i(a, {
     styles: {
       "#nprogress": {
         pointerEvents: "none",
@@ -27,10 +28,16 @@ function n() {
           transform: "rotate(3deg) translate(0px, -4px)",
           boxShadow: `0 0 10px ${t.palette.primary.main}, 0 0 5px ${t.palette.primary.main}`
         }
+      },
+      "& html": {
+        fontSize: o.desktop,
+        [t.breakpoints.down("sm")]: {
+          fontSize: o.mobile
+        }
       }
     }
   });
 }
 export {
-  n as P
+  s as G
 };

package/components/GlobalStyles/index.d.ts

@@ -0,0 +1 @@
+export declare function GlobalStyles(): JSX.Element;

package/components/{index.80514d59.js → index.8083534b.js}

@@ -1,3 +1,4 @@
 import "@mui/material/styles";
 import "@mui/material";
+import "@m4l/styles";
 import "react/jsx-runtime";

package/components/index.d.ts

@@ -1 +1 @@
-export { ProgressBarStyle } from './ProgressBarStyle';
+export { GlobalStyles } from './GlobalStyles';

package/index.js

@@ -1,15 +1,16 @@
-import { P as x } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import { F as l, a as d } from "./contexts/FormatterContext/index.92336f4c.js";
-import { L as P, a as c, g } from "./contexts/LocalesContext/index.3fcfbe02.js";
-import { H as C, a as L } from "./contexts/HostThemeContext/index.a6a62c70.js";
-import { u as H } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as T } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as w, u as S, a as b } from "./hooks/index.a4ef9776.js";
+import { G as n } from "./components/GlobalStyle/index.30beab6e.js";
+import { F as d, a as F } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as v, a as C, g as L } from "./contexts/LocalesContext/index.3fcfbe02.js";
+import { H as h, a as H } from "./contexts/HostThemeContext/index.a6a62c70.js";
+import { u as R } from "./hooks/useFirstRender/index.1e9b02fb.js";
+import { u as b } from "./hooks/useFormatter/index.57ac8cca.js";
+import { b as w, u as G, a as S } from "./hooks/index.a4ef9776.js";
 import { u as z } from "./hooks/useLocales/index.8154a401.js";
-import { u as B, a as D } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { C as I, g as M } from "./utils/index.6909c662.js";
+import { u as D, a as E } from "./hooks/useResponsive/index.fc5e1b4f.js";
+import { C as M, g as N } from "./utils/index.6909c662.js";
 import "@mui/material/styles";
 import "@mui/material";
+import "@m4l/styles";
 import "react/jsx-runtime";
 import "react";
 import "@m4l/core";
@@ -18,22 +19,22 @@ import "@mui/x-date-pickers";
 import "date-fns/locale/en-US";
 import "@mui/material/useMediaQuery";
 export {
-  I as Capitalize,
-  l as FormatterContext,
-  d as FormatterProvider,
-  C as HostThemeContext,
-  L as HostThemeProvider,
-  P as LocalesContext,
-  c as LocalesProvider,
-  x as ProgressBarStyle,
-  M as getAnchorElPositionWindow,
-  g as getLocaleFromNetwork,
-  H as useFirstRender,
-  T as useFormatter,
+  M as Capitalize,
+  d as FormatterContext,
+  F as FormatterProvider,
+  n as GlobalStyles,
+  h as HostThemeContext,
+  H as HostThemeProvider,
+  v as LocalesContext,
+  C as LocalesProvider,
+  N as getAnchorElPositionWindow,
+  L as getLocaleFromNetwork,
+  R as useFirstRender,
+  b as useFormatter,
   w as useHostTheme,
-  S as useIsMountedRef,
+  G as useIsMountedRef,
   z as useLocales,
-  b as useOffSetTop,
-  B as useResponsive,
-  D as useResponsiveDesktop
+  S as useOffSetTop,
+  D as useResponsive,
+  E as useResponsiveDesktop
 };

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@m4l/graphics",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "license": "UNLICENSED",
-  "author": "M4L Team*",
+  "author": "M4L Team",
   "dependencies": {
     "@m4l/core": "*",
-    "@m4l/styles": "*",
     "@mui/x-date-pickers": "6.2.0",
     "date-fns": "^2.29.2"
   },

package/components/ProgressBarStyle/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function ProgressBarStyle(): JSX.Element;