@m4l/graphics 7.2.2-BE20260202-2 → 7.2.2-BE20260205-4

package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts

@@ -1,11 +1,30 @@
 import { Theme } from '@mui/material/styles';
+/**
+ * Tipo extendido del Theme de MUI que incluye las propiedades personalizadas del tema de M4L
+ */
+export type ExtendedTheme = Theme & {
+    vars: {
+        size: {
+            [key: string]: {
+                [key: string]: {
+                    [key: string]: string | number;
+                };
+            };
+        };
+        palette: Record<string, any>;
+        customShadows: Record<string, any>;
+    };
+    generalSettings: {
+        isMobile: boolean;
+    };
+};
 /**
  * Genera los estilos globales para el popup del DateRangePicker de rsuite.
  * Estos estilos se aplican globalmente a todos los popups de DateRangePicker.
  * @param theme - Tema de MUI
  * @returns Objeto con los estilos del popup
  */
-export declare function getDateRangePickerPopupGlobalStyles(theme: Theme): {
+export declare function getDateRangePickerPopupGlobalStyles(theme: ExtendedTheme): {
     '.rs-picker-popup': {
         backgroundColor: string;
         borderRadius: string;

package/components/GlobalStyles/index.js

@@ -1,99 +1,87 @@
-import { jsxs as o, Fragment as a, jsx as e } from "react/jsx-runtime";
-import { useTheme as i } from "@mui/material/styles";
-import { GlobalStyles as s } from "@mui/material";
+import { jsx as e, Fragment as o } from "react/jsx-runtime";
+import { useTheme as a } from "@mui/material/styles";
+import { GlobalStyles as i } from "@mui/material";
 import { globalRemSize as r } from "@m4l/styles";
-import { Global as l, css as n } from "@emotion/react";
-import { r as p } from "./rsuiteStyles.min.js";
-import { g as m } from "./getDateRangePickerPopupGlobalStyles.js";
-function w() {
-  const t = i();
-  return /* @__PURE__ */ o(a, { 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%"
-            }
+import { g as s } from "./getDateRangePickerPopupGlobalStyles.js";
+function b() {
+  const t = a();
+  return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
+    i,
+    {
+      styles: {
+        ...s(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"
           },
-          "#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}`
-            }
+          "*::-webkit-scrollbar": {
+            width: `${t.vars.size.baseSpacings.sp1}!important`,
+            height: `${t.vars.size.baseSpacings.sp1}!important`
           },
-          "& html": {
-            fontSize: r.desktop,
-            [t.breakpoints.down("sm")]: {
-              fontSize: r.mobile
-            }
+          "*::-webkit-scrollbar-track": {
+            backgroundColor: "transparent"
           },
-          // Global styles for native tags html
-          img: {
-            width: "100%"
+          "*::-webkit-scrollbar-thumb": {
+            backgroundColor: `${t.vars.palette.default.focusOpacity}!important`,
+            borderRadius: `${t.vars.size.borderRadius["r0-5"]}!important`
           },
-          // Global styles for native tags h1, h2, h3, h4, h5, h6
-          "h1, h2, h3, h4, h5, h6, p": {
-            margin: "unset"
+          "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 G
+  b as G
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.2.2-BE20260202-2+PR665-dateRangePicker",
+  "version": "7.2.2-BE20260205-4+PR665-dateRangePicker",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",