@m4l/graphics 0.1.36 → 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/contexts/HostThemeContext/{index.1876eb9a.js → index.a6a62c70.js}

@@ -1,6 +1,6 @@
 import { createContext as H, useState as E, useMemo as v, useCallback as M, useEffect as c } from "react";
 import { CssBaseline as C } from "@mui/material";
-import { createTheme as O, StyledEngineProvider as N, ThemeProvider as S } from "@m4l/styles";
+import { createTheme as O, StyledEngineProvider as N, ThemeProvider as S } from "@mui/material/styles";
 import { useHostTools as x, EmitEvents as o } from "@m4l/core";
 import { jsx as n, jsxs as F } from "react/jsx-runtime";
 const I = H(null);

package/contexts/HostThemeContext/types.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeOptions, Theme } from '@m4l/styles';
+import type { ThemeOptions, Theme } from '@mui/material/styles';
 import type { ReactNode } from 'react';
 export declare type EventFunListener = (...args: any[]) => void;
 export interface HostThemeType {

package/contexts/{index.4570a1cb.js → index.84089632.js}

@@ -1,4 +1,4 @@
 import "./FormatterContext/index.92336f4c.js";
 import "./LocalesContext/index.3fcfbe02.js";
 import "date-fns/locale/en-US";
-import "./HostThemeContext/index.1876eb9a.js";
+import "./HostThemeContext/index.a6a62c70.js";

package/hooks/{index.2fe4bbf1.js → index.a4ef9776.js}

@@ -1,5 +1,5 @@
 import { useRef as n, useEffect as s, useState as u, useContext as f } from "react";
-import { H as i } from "../contexts/HostThemeContext/index.1876eb9a.js";
+import { H as i } from "../contexts/HostThemeContext/index.a6a62c70.js";
 import "../contexts/FormatterContext/index.92336f4c.js";
 import "../contexts/LocalesContext/index.3fcfbe02.js";
 import "@mui/material/styles";

package/index.js

@@ -1,40 +1,40 @@
-import { P as n } from "./components/ProgressBarStyle/index.fb6fd9ed.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 c, a as g, g as v } from "./contexts/LocalesContext/index.3fcfbe02.js";
-import { H as L, a as h } from "./contexts/HostThemeContext/index.1876eb9a.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 k } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as S, u as b, a as y } from "./hooks/index.2fe4bbf1.js";
-import { u as A } from "./hooks/useLocales/index.8154a401.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 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";
 import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
 import "date-fns/locale/en-US";
-import "@m4l/styles";
 import "@mui/material/useMediaQuery";
 export {
   M as Capitalize,
   d as FormatterContext,
   F as FormatterProvider,
-  L as HostThemeContext,
-  h as HostThemeProvider,
-  c as LocalesContext,
-  g as LocalesProvider,
-  n as ProgressBarStyle,
+  n as GlobalStyles,
+  h as HostThemeContext,
+  H as HostThemeProvider,
+  v as LocalesContext,
+  C as LocalesProvider,
   N as getAnchorElPositionWindow,
-  v as getLocaleFromNetwork,
+  L as getLocaleFromNetwork,
   R as useFirstRender,
-  k as useFormatter,
-  S as useHostTheme,
-  b as useIsMountedRef,
-  A as useLocales,
-  y as useOffSetTop,
+  b as useFormatter,
+  w as useHostTheme,
+  G as useIsMountedRef,
+  z as useLocales,
+  S as useOffSetTop,
   D as useResponsive,
   E as useResponsiveDesktop
 };

package/package.json

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

package/components/ProgressBarStyle/index.d.ts

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