@m4l/graphics 7.2.3-beta.1 → 7.2.3-beta.3

package/components/GlobalStyles/index.js

@@ -0,0 +1,99 @@
+import { jsxs as o, Fragment as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useTheme as a } from "@mui/material/styles";
+import { GlobalStyles as s } from "@mui/material";
+import { globalRemSize as r } from "@m4l/styles";
+import { Global as l, css as n } from "@emotion/react";
+import p from "./rsuiteStyles.min.css.js";
+import { getDateRangePickerPopupGlobalStyles as m } from "./getDateRangePickerPopupGlobalStyles.js";
+function w() {
+  const t = a();
+  return /* @__PURE__ */ o(i, { children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        styles: n`
+          ${p}
+        `
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        styles: {
+          ...m(t),
+          body: {
+            fontFamily: 'Inter, "Segoe UI", Roboto, "Helvetica Neue", sans-serif, Open Sans',
+            textRendering: "geometricPrecision",
+            width: "100%",
+            height: "100vh",
+            ".rs-drawer .rs-drawer-dialog": {
+              backgroundColor: "transparent!important"
+            },
+            "#rootIsolation": {
+              width: "100vw",
+              height: "100vh"
+            },
+            "*::-webkit-scrollbar": {
+              width: `${t.vars.size.baseSpacings.sp1}!important`,
+              height: `${t.vars.size.baseSpacings.sp1}!important`
+            },
+            "*::-webkit-scrollbar-track": {
+              backgroundColor: "transparent"
+            },
+            "*::-webkit-scrollbar-thumb": {
+              backgroundColor: `${t.vars.palette.default.focusOpacity}!important`,
+              borderRadius: `${t.vars.size.borderRadius["r0-5"]}!important`
+            },
+            "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
+              color: t.vars.palette.text.primary
+            },
+            "& #root": {
+              width: "100%",
+              height: "100%"
+            }
+          },
+          "#nprogress": {
+            pointerEvents: "none",
+            "& .bar": {
+              top: 0,
+              left: 0,
+              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}`
+            },
+            "& .peg": {
+              right: 0,
+              opacity: 1,
+              width: 100,
+              height: "100%",
+              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}`
+            }
+          },
+          "& html": {
+            fontSize: r.desktop,
+            [t.breakpoints.down("sm")]: {
+              fontSize: r.mobile
+            }
+          },
+          // Global styles for native tags html
+          img: {
+            width: "100%"
+          },
+          // Global styles for native tags h1, h2, h3, h4, h5, h6
+          "h1, h2, h3, h4, h5, h6, p": {
+            margin: "unset"
+          }
+        }
+      }
+    )
+  ] });
+}
+export {
+  w as GlobalStyles
+};