@m4l/styles 7.1.34 → 7.1.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.34",
+  "version": "7.1.36",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {
@@ -15,20 +15,20 @@
     "react-dom": "^18.0.0"
   },
   "resolutions": {
-    "eslint": "^9.0.0",
+    "eslint": "9.28.0",
     "react": "^18.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "react-dom": "^18.0.0",
-    "vite": "^5.4.7"
+    "vite": "6.3.5"
   },
   "overrides": {
-    "eslint": "^9.0.0",
+    "eslint": "9.28.0",
     "react": "^18.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "react-dom": "^18.0.0",
-    "vite": "^5.4.7"
+    "vite": "6.3.5"
   },
   "files": [
     "*"

package/theme/overrides/index.js

@@ -1,7 +1,7 @@
 import { A as r } from "./MUIComponents/Avatar.js";
 import { B as a } from "./MUIComponents/Button.js";
-import { I as m } from "./MUIComponents/IconButton.js";
-import { F as i } from "./MUIComponents/Fab.js";
+import { I as i } from "./MUIComponents/IconButton.js";
+import { F as m } from "./MUIComponents/Fab.js";
 import { C as p } from "./MUIComponents/Card.js";
 import { M } from "./MUIComponents/Menu.js";
 import { L as s } from "./MUIComponents/Link.js";
@@ -9,8 +9,8 @@ import { L as f } from "./MUIComponents/List.js";
 import { T as t } from "./MUIComponents/Table.js";
 import { B as L } from "./MUIComponents/Badge.js";
 import { P as n } from "./MUIComponents/Paper.js";
-import { c as l } from "./MUIComponents/Input.js";
-import { I as c } from "./MUIComponents/InputLabel.js";
+import { c } from "./MUIComponents/Input.js";
+import { I as l } from "./MUIComponents/InputLabel.js";
 import { R as d } from "./MUIComponents/Radio.js";
 import { D as u } from "./MUIComponents/Drawer.js";
 import { S as B } from "./MUIComponents/Slider.js";
@@ -54,8 +54,8 @@ import { M as h } from "./M4LExtendedComponents/M4LNavLink.js";
 import { M as oo } from "./M4LExtendedComponents/M4LAreasAdmin.js";
 import { M as ro } from "./M4LExtendedComponents/M4LAreasViewer.js";
 import { M as ao } from "./M4LExtendedComponents/M4LAppBar.js";
-import { M as mo } from "./M4LExtendedComponents/M4LAvatar.js";
-import { M as io } from "./M4LExtendedComponents/M4LAccountPopover.js";
+import { M as io } from "./M4LExtendedComponents/M4LAvatar.js";
+import { M as mo } from "./M4LExtendedComponents/M4LAccountPopover.js";
 import { M as po } from "./M4LExtendedComponents/M4LModuleLayout.js";
 import { M as Mo } from "./M4LExtendedComponents/M4LMasterDetailLayout.js";
 import { M as so } from "./M4LExtendedComponents/M4LSplitLayout.js";
@@ -63,8 +63,8 @@ import { M as fo } from "./M4LExtendedComponents/M4LCommonActions.js";
 import { M as to } from "./M4LRHFComponents/M4LRHFDateTime.js";
 import { M as Lo } from "./M4LExtendedComponents/M4LinearProgressIndeterminate.js";
 import { M as no } from "./M4LExtendedComponents/M4LPropertyValue.js";
-import { M as lo } from "./M4LExtendedComponents/M4LTab.js";
-import { M as co } from "./M4LExtendedComponents/M4LAccordion.js";
+import { M as co } from "./M4LExtendedComponents/M4LTab.js";
+import { M as lo } from "./M4LExtendedComponents/M4LAccordion.js";
 import { M as uo } from "./M4LExtendedComponents/M4LRHFormProvider.js";
 import { M as Bo } from "./M4LRHFComponents/M4LRHFUploadImage.js";
 import { M as go } from "./M4LExtendedComponents/M4LPeriod.js";
@@ -94,17 +94,15 @@ import { M as Uo } from "./M4LExtendedComponents/M4LAppBarCommercial.js";
 import { M as qo } from "./M4LExtendedComponents/M4LSectionCommercial.js";
 import { M as zo } from "./M4LExtendedComponents/M4LHamburgerMenuCommercial.js";
 import { M as Jo } from "./M4LExtendedComponents/M4LFieldLabel.js";
-import { M as Ko } from "./M4LExtendedComponents/M4LMap.js";
-import { M as Qo } from "./M4LExtendedComponents/M4LMapGpsTools.js";
-function Ea(o) {
+function xa(o) {
   return Object.assign(
-    i(o),
+    m(o),
     // Chip(theme),
     p(o),
     M(o),
     s(o),
-    l(o),
-    c(),
+    c(o),
+    l(),
     d(o),
     L(),
     f(o),
@@ -114,7 +112,7 @@ function Ea(o) {
     g(o),
     // Select(theme),
     a(o),
-    m(o),
+    i(o),
     // Rating(theme),
     r(o),
     B(o),
@@ -166,16 +164,16 @@ function Ea(o) {
     ao(o),
     oo(o),
     ro(o),
-    mo(o),
     io(o),
+    mo(o),
     po(),
     Mo(o),
     so(o),
     fo(),
     Lo(o),
     no(o),
-    lo(o),
     co(o),
+    lo(o),
     go(o),
     To(o),
     Ao(o),
@@ -199,11 +197,9 @@ function Ea(o) {
     Uo(o),
     qo(o),
     zo(),
-    Jo(o),
-    Qo(),
-    Ko(o)
+    Jo(o)
   );
 }
 export {
-  Ea as f
+  xa as f
 };

package/theme/palette/defaultColors.js

@@ -6,7 +6,7 @@ const t = {
   // Comprobado
   enabledDark: i.onyx[30],
   // Comprobado
-  hoverLight: i.oxford[30],
+  hoverLight: i.oxford[20],
   // Comprobado
   hoverDark: i.onyx[20],
   // Comprobado

package/theme/sizes/baseSizes.js

@@ -2,6 +2,7 @@ const p = {
   sp0: "0px",
   "sp0-5": "2px",
   sp1: "4px",
+  "sp1-5": "6px",
   sp2: "8px",
   "sp2-5": "10px",
   sp3: "12px",

package/theme/sizes/types.d.ts

@@ -24,6 +24,7 @@ export interface BaseSpacings {
     sp0: string;
     'sp0-5': string;
     sp1: string;
+    'sp1-5': string;
     sp2: string;
     'sp2-5': string;
     sp3: string;

package/types/augmentations.d.ts

@@ -75,6 +75,13 @@ declare module '@mui/material/styles' {
       gridHover: string;
     };
   }
+
+  interface TypeText {
+    primary: string;
+    secondary: string;
+    disabled: string;
+    contrastText: string;
+  }
   interface ColorSchemeOverrides {
     finalTheme?: true;
   }
@@ -111,6 +118,7 @@ declare module '@mui/material/styles' {
     backdrop: string;
     base: string;
     blur: string;
+    contrastDefault: string;
   }
   interface TypographyVariants {
     subtitle: Record<string, any>;

package/utils/getPaletteByPreset.d.ts

@@ -55,6 +55,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly primary: string;
             readonly secondary: string;
             readonly disabled: string;
+            readonly contrastText: string;
         };
         readonly background: {
             readonly default: string;
@@ -64,6 +65,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly backdrop: string;
             readonly base: string;
             readonly blur: string;
+            readonly contrastDefault: string;
             readonly paper: "#fff";
         };
         readonly chips: {
@@ -260,6 +262,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly primary: string;
             readonly secondary: string;
             readonly disabled: string;
+            readonly contrastText: string;
         };
         readonly divider: string;
         readonly background: {
@@ -270,6 +273,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly backdrop: string;
             readonly base: string;
             readonly blur: string;
+            readonly contrastDefault: string;
             readonly paper: "#000";
         };
         readonly chips: {

package/utils/getPaletteByPreset.js

@@ -1,22 +1,22 @@
-import { a as g, b as f, P as s } from "../theme/palette/presetColors.js";
+import { a as g, b as f, P as l } from "../theme/palette/presetColors.js";
 import { B as o } from "../theme/palette/baseColors.js";
-import { C as t } from "../theme/palette/commonColors.js";
+import { C as s } from "../theme/palette/commonColors.js";
 import { G as d } from "../theme/palette/greyPalette.js";
 import { S as i, a as c } from "../theme/palette/semanticColors.js";
 import { B as a } from "../theme/palette/baseOpacityColors.js";
 import { B as b, a as u } from "../theme/palette/defaultColors.js";
 import { a as y, B as m } from "../theme/palette/baseChipsPalette.js";
-const l = {
+const t = {
   light: {
     scrollBar: "#5663763D",
     gridHover: "#FCFCFC"
   }
-}, x = (n) => {
+}, h = (n) => {
   const r = g?.[n], e = f?.[n];
   return {
     light: {
       mode: "light",
-      common: t,
+      common: s,
       primary: {
         ...r
       },
@@ -29,7 +29,8 @@ const l = {
       text: {
         primary: o.onyx[20],
         secondary: o.coolGrey[50],
-        disabled: o.coolGrey[30]
+        disabled: o.coolGrey[30],
+        contrastText: o.marbleLight[10]
       },
       background: {
         default: o.marbleLight[10],
@@ -39,6 +40,7 @@ const l = {
         backdrop: a.oxford[30],
         base: o.marbleLight[20],
         blur: a.marble[60],
+        contrastDefault: o.onyx[20],
         //por compatibilidad de mui
         paper: "#fff"
       },
@@ -87,7 +89,7 @@ const l = {
         ...m
       },
       border: {
-        main: s[n]?.borderMainLight,
+        main: l[n]?.borderMainLight,
         dens: a.oxford[40],
         default: o.oxford[30],
         secondary: a.oxford[20],
@@ -95,8 +97,8 @@ const l = {
         error: c.error.main
       },
       general: {
-        scrollBar: l.light.scrollBar,
-        gridHover: l.light.gridHover
+        scrollBar: t.light.scrollBar,
+        gridHover: t.light.gridHover
       },
       grey: d,
       skeleton: {
@@ -122,7 +124,7 @@ const l = {
     },
     dark: {
       mode: "dark",
-      common: t,
+      common: s,
       // no definido en figma
       primary: {
         ...e
@@ -135,7 +137,8 @@ const l = {
       text: {
         primary: o.coolGrey[20],
         secondary: o.coolGrey[40],
-        disabled: o.coolGrey[60]
+        disabled: o.coolGrey[60],
+        contrastText: o.onyx[60]
       },
       divider: o.coolGrey[80],
       background: {
@@ -146,6 +149,7 @@ const l = {
         backdrop: a.onyx[30],
         base: o.onyx[70],
         blur: a.onyx[60],
+        contrastDefault: o.marbleLight[70],
         //por compatibilidad de mui
         paper: "#000"
       },
@@ -194,7 +198,7 @@ const l = {
         ...y
       },
       border: {
-        main: s[n]?.borderMainDark,
+        main: l[n]?.borderMainDark,
         dens: o.coolGrey[70],
         default: o.onyx[30],
         secondary: o.onyx[50],
@@ -203,8 +207,8 @@ const l = {
       },
       general: {
         // no definido en figma
-        scrollBar: l.light.scrollBar,
-        gridHover: l.light.gridHover
+        scrollBar: t.light.scrollBar,
+        gridHover: t.light.gridHover
       },
       grey: d,
       // no definido en figma
@@ -232,5 +236,5 @@ const l = {
   };
 };
 export {
-  x as g
+  h as g
 };

package/theme/overrides/M4LExtendedComponents/M4LMap.d.ts

@@ -1,263 +0,0 @@
-import { Theme } from '@mui/material/styles';
-/**
- * M4LMap overrides
- */
-export declare const M4LMap: (theme: Theme) => {
-    M4LMap: {
-        styleOverrides: {
-            '&.M4LMap-root': {
-                width: string;
-                height: string;
-                flexGrow: string;
-                overflow: string;
-                position: string;
-                '& .M4LMap-topLeftToolsRoot': {
-                    display: string;
-                    backgroundColor: string;
-                };
-                /**
-                 * Control superior derecho
-                 */
-                '& .M4LMap-topRigthToolsRoot': {
-                    backgroundColor: string;
-                    display: string;
-                    right: number;
-                    position: string;
-                    /**
-                     * Zoom buttons
-                     */
-                    '& .M4LMap-zoomButtons': {
-                        display: string;
-                    };
-                };
-                /**
-                 * Marcas
-                 */
-                '& .M4LMap-markerLayerRoot': {};
-                '& .M4LMap-markerLayerIcon': {
-                    transformOrigin: string;
-                    justifyContent: string;
-                    top: number;
-                    left: number;
-                    filter: string;
-                    display: string;
-                    alignItems: string;
-                    ' > img ': {
-                        height: string;
-                    };
-                };
-                '& .M4LMap-featureLabel': {
-                    position: string;
-                    display: string;
-                    transformOrigin: string;
-                    fontSize: string;
-                    borderRadius: string;
-                    maxWidth: string;
-                    fontWeight: string;
-                    padding: string;
-                    opacity: string;
-                    filter: string;
-                    whiteSpace: string;
-                    overflow: string;
-                    textOverflow: string;
-                };
-                '& .M4LMap-meaureToolRoot': {
-                    backgroundColor: string;
-                    height: string;
-                    width: string;
-                };
-                '& .M4LMap-measureToolFormValue': {
-                    justifyContent: string;
-                };
-                '& .M4LMap-measureToolFormValueDistance': {
-                    border: string;
-                    margin: string;
-                    fontWeight: number;
-                    fontSize: string;
-                };
-                '& .M4LMap-measureMarkerRoot': {
-                    '--color': string;
-                };
-                '& .M4LMap-measureMarkerContainer': {
-                    position: string;
-                    cursor: string;
-                };
-                '& .M4LMap-measureMarkerContainerRhomb': {
-                    position: string;
-                    filter: string;
-                    width: string;
-                    height: string;
-                    borderRadius: string;
-                    border: string;
-                    backgroundColor: string;
-                    transform: string;
-                };
-                '& .M4LMap-measureMarkerContainerSlot': {
-                    position: string;
-                    background: string;
-                    borderRadius: string;
-                    overflow: string;
-                    top: string;
-                    left: string;
-                    width: string;
-                    height: string;
-                };
-                '& .M4LMap-measureMarkerContainerSlotNumber': {
-                    fontSize: string;
-                    fontWeight: string;
-                    textAlign: string;
-                    marginTop: string;
-                    color: string;
-                };
-                '& .M4LMap-measureLabelMarkerRoot': {
-                    '--color': string;
-                };
-                '& .M4LMap-measureLabelMarkerContainer': {
-                    backgroundColor: string;
-                    border: string;
-                    color: string;
-                    width: string;
-                    marginLeft: string;
-                    marginTop: string;
-                };
-                '& .M4LMap-measureLabelMarkerDistance': {
-                    color: string;
-                };
-                '& .M4LMap-measureLabelMarkerRemove': {
-                    color: string;
-                };
-                '& .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow': {
-                    '-webkit-transition': string;
-                    '-moz-transition': string;
-                    '-o-transition': string;
-                    transition: string;
-                };
-                '& .leaflet-cluster-spider-leg': {
-                    '-webkit-transition': string;
-                    '-moz-transition': string;
-                    '-o-transition': string;
-                    transition: string;
-                };
-                '& .marker-cluster-small': {
-                    backgroundColor: string;
-                };
-                '& .marker-cluster-small div': {
-                    backgroundColor: string;
-                };
-                '& .marker-cluster-medium': {
-                    backgroundColor: string;
-                };
-                '& .marker-cluster-medium div': {
-                    backgroundColor: string;
-                };
-                '& .marker-cluster-large': {
-                    backgroundColor: string;
-                };
-                '& .marker-cluster-large div': {
-                    backgroundColor: string;
-                };
-                '& .leaflet-oldie .marker-cluster-small': {
-                    backgroundColor: string;
-                };
-                '& .leaflet-oldie .marker-cluster-small div': {
-                    backgroundColor: string;
-                };
-                '& .leaflet-oldie .marker-cluster-medium': {
-                    backgroundColor: string;
-                };
-                '& .leaflet-oldie .marker-cluster-medium div': {
-                    backgroundColor: string;
-                };
-                '& .leaflet-oldie .marker-cluster-large': {
-                    backgroundColor: string;
-                };
-                '& .leaflet-oldie .marker-cluster-large div': {
-                    backgroundColor: string;
-                };
-                '& .marker-cluster': {
-                    backgroundClip: string;
-                    borderRadius: string;
-                };
-                '& .marker-cluster div': {
-                    width: string;
-                    height: string;
-                    marginLeft: string;
-                    marginTop: string;
-                    textAlign: string;
-                    borderRadius: string;
-                    font: string;
-                };
-                '& .marker-cluster span': {
-                    lineHeight: string;
-                };
-                '& .xxxxx': {
-                    color: string;
-                    '& .M4LIcon-root .M4LIcon-icon': {
-                        backgroundColor: string;
-                    };
-                };
-                '& .leaflet-control-scale-line': {
-                    color: string;
-                };
-            };
-        };
-    };
-    M4LMapMapSources: {
-        styleOverrides: {
-            '&.M4LMap-mapSourcesPopoverRoot': {
-                mt: number;
-                ml: number;
-                '& .MuiPaper-root': {
-                    backgroundColor: string;
-                    width: string;
-                    height: number;
-                };
-                '& .M4LMap-mapSourcesRoot': {
-                    postion: string;
-                    height: string;
-                    '& .M4LMap-mapSourcesOption': {
-                        display: string;
-                        '& .M4LMap-mapSourcesOptionIconLabel': {
-                            display: string;
-                        };
-                        '& .M4LMap-mapSourcesOptionRoadOptions': {
-                            display: string;
-                            '& .M4LMap-mapSourcesOptionRoadOptionsCheck': {
-                                display: string;
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    };
-    M4LMapLayers: {
-        styleOverrides: {
-            '&.M4LMap-layersPopoverRoot': {
-                mt: number;
-                ml: number;
-                '& .MuiPaper-root': {
-                    backgroundColor: string;
-                    width: string;
-                    height: number;
-                };
-                '& .M4LMap-mapSourcesRoot': {
-                    postion: string;
-                    height: string;
-                    '& .M4LMap-mapSourcesOption': {
-                        display: string;
-                        '& .M4LMap-mapSourcesOptionIconLabel': {
-                            display: string;
-                        };
-                        '& .M4LMap-mapSourcesOptionRoadOptions': {
-                            display: string;
-                            '& .M4LMap-mapSourcesOptionRoadOptionsCheck': {
-                                display: string;
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LMap.js

@@ -1,283 +0,0 @@
-const o = (e) => ({
-  M4LMap: {
-    styleOverrides: {
-      "&.M4LMap-root": {
-        width: "100%",
-        height: "100%",
-        flexGrow: "1",
-        overflow: "hidden",
-        position: "relative",
-        /*
-         * Control superior izquierdo
-         */
-        "& .M4LMap-topLeftToolsRoot": {
-          display: "flex",
-          backgroundColor: "blue"
-          //Por cambiar
-        },
-        /**
-         * Control superior derecho
-         */
-        "& .M4LMap-topRigthToolsRoot": {
-          backgroundColor: "blue",
-          //Por cambiar
-          display: "flex",
-          right: 0,
-          position: "absolute",
-          /**
-           * Zoom buttons
-           */
-          "& .M4LMap-zoomButtons": {
-            display: "flex"
-          }
-        },
-        /**
-         * Marcas
-         */
-        "& .M4LMap-markerLayerRoot": {},
-        "& .M4LMap-markerLayerIcon": {
-          transformOrigin: "center center",
-          justifyContent: "center",
-          top: 0,
-          left: 0,
-          filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.4))",
-          display: "flex",
-          alignItems: "center",
-          " > img ": {
-            height: "24px"
-          }
-        },
-        "& .M4LMap-featureLabel": {
-          position: "absolute",
-          display: "flex",
-          transformOrigin: "left center",
-          fontSize: "11px",
-          borderRadius: "4px",
-          maxWidth: "300px",
-          fontWeight: "bolder",
-          padding: "2px 8px",
-          opacity: ".85",
-          filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.3))",
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis"
-        },
-        //Herramienta de medición Formulario
-        "& .M4LMap-meaureToolRoot": {
-          backgroundColor: "green",
-          //Por cambiar
-          height: "100%",
-          width: "100%"
-        },
-        "& .M4LMap-measureToolFormValue": {
-          justifyContent: "center"
-        },
-        "& .M4LMap-measureToolFormValueDistance": {
-          border: "1px solid white",
-          margin: "0 5px",
-          fontWeight: 800,
-          //Por cambiar
-          fontSize: "large"
-          //Por cambiar
-        },
-        //Marker measure Point Icon
-        "& .M4LMap-measureMarkerRoot": {
-          "--color": "green"
-        },
-        "& .M4LMap-measureMarkerContainer": {
-          position: "relative",
-          cursor: "pointer"
-        },
-        "& .M4LMap-measureMarkerContainerRhomb": {
-          position: "absolute",
-          filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.4))",
-          width: "31px",
-          height: "31px",
-          borderRadius: "50% 50% 50% 0",
-          border: "4px solid var(--color)",
-          backgroundColor: "var(--color)",
-          transform: "rotate(-45deg)"
-        },
-        "& .M4LMap-measureMarkerContainerSlot": {
-          position: "absolute",
-          background: "#fff",
-          borderRadius: "50%",
-          overflow: "hidden",
-          top: "3px",
-          left: "3px",
-          width: "25px",
-          height: "24px"
-        },
-        "& .M4LMap-measureMarkerContainerSlotNumber": {
-          fontSize: "14px",
-          fontWeight: "600",
-          textAlign: "center",
-          marginTop: "1px",
-          color: "black"
-        },
-        //Marker Point Label
-        "& .M4LMap-measureLabelMarkerRoot": {
-          "--color": "yellow"
-        },
-        "& .M4LMap-measureLabelMarkerContainer": {
-          backgroundColor: "var(--color)",
-          border: "1px solid gray",
-          color: "#fff",
-          width: "80px",
-          marginLeft: "15px",
-          marginTop: "15px"
-        },
-        "& .M4LMap-measureLabelMarkerDistance": {
-          color: "gray"
-        },
-        "& .M4LMap-measureLabelMarkerRemove": {
-          color: "blue"
-        },
-        //Cluster Markers
-        //Animacion
-        "& .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow": {
-          "-webkit-transition": "-webkit-transform 0.3s ease-out, opacity 0.3s ease-in",
-          "-moz-transition": "-moz-transform 0.3s ease-out, opacity 0.3s ease-in",
-          "-o-transition": "-o-transform 0.3s ease-out, opacity 0.3s ease-in",
-          transition: "transform 0.3s ease-out, opacity 0.3s ease-in"
-        },
-        //Spider
-        "& .leaflet-cluster-spider-leg": {
-          "-webkit-transition": "-webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in",
-          "-moz-transition": "-moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in",
-          "-o-transition": "-o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in",
-          transition: "stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in"
-        },
-        //Colores de los clusters dependiendo de la cantidad de las marcas
-        "& .marker-cluster-small": {
-          backgroundColor: "rgba(181, 226, 140, 0.6)"
-        },
-        "& .marker-cluster-small div": {
-          backgroundColor: "rgba(110, 204, 57, 0.6)"
-        },
-        "& .marker-cluster-medium": {
-          backgroundColor: "rgba(241, 211, 87, 0.6)"
-        },
-        "& .marker-cluster-medium div": {
-          backgroundColor: "rgba(240, 194, 12, 0.6)"
-        },
-        "& .marker-cluster-large": {
-          backgroundColor: "rgba(253, 156, 115, 0.6)"
-        },
-        "& .marker-cluster-large div": {
-          backgroundColor: "rgba(241, 128, 23, 0.6)"
-        },
-        /* IE 6-8 fallback colors */
-        "& .leaflet-oldie .marker-cluster-small": {
-          backgroundColor: "rgb(181, 226, 140)"
-        },
-        "& .leaflet-oldie .marker-cluster-small div": {
-          backgroundColor: "rgb(110, 204, 57)"
-        },
-        "& .leaflet-oldie .marker-cluster-medium": {
-          backgroundColor: "rgb(241, 211, 87)"
-        },
-        "& .leaflet-oldie .marker-cluster-medium div": {
-          backgroundColor: "rgb(240, 194, 12)"
-        },
-        "& .leaflet-oldie .marker-cluster-large": {
-          backgroundColor: "rgb(253, 156, 115)"
-        },
-        "& .leaflet-oldie .marker-cluster-large div": {
-          backgroundColor: "rgb(241, 128, 23)"
-        },
-        //Cluster Markers
-        "& .marker-cluster": {
-          backgroundClip: "padding-box",
-          borderRadius: "20px"
-        },
-        "& .marker-cluster div": {
-          width: "30px",
-          height: "30px",
-          marginLeft: "5px",
-          marginTop: "5px",
-          textAlign: "center",
-          borderRadius: "15px",
-          font: '12px "Helvetica Neue", Arial, Helvetica, sans-serif'
-        },
-        //Cluster Markers
-        "& .marker-cluster span": {
-          lineHeight: "30px"
-        },
-        "& .xxxxx": {
-          color: e.vars.palette.error.main,
-          "& .M4LIcon-root .M4LIcon-icon": {
-            backgroundColor: e.vars.palette.error.main
-          }
-        },
-        "& .leaflet-control-scale-line": {
-          color: "red"
-          //Ejemplo de como estilar el control de scala
-        }
-      }
-    }
-  },
-  M4LMapMapSources: {
-    styleOverrides: {
-      "&.M4LMap-mapSourcesPopoverRoot": {
-        mt: 1.5,
-        ml: 0.75,
-        "& .MuiPaper-root": {
-          backgroundColor: "gray",
-          //Por cambiar
-          width: "400px!important",
-          height: 400
-        },
-        "& .M4LMap-mapSourcesRoot": {
-          postion: "relative",
-          height: "100%",
-          "& .M4LMap-mapSourcesOption": {
-            display: "flex",
-            "& .M4LMap-mapSourcesOptionIconLabel": {
-              display: "flex"
-            },
-            "& .M4LMap-mapSourcesOptionRoadOptions": {
-              display: "flex",
-              "& .M4LMap-mapSourcesOptionRoadOptionsCheck": {
-                display: "flex"
-              }
-            }
-          }
-        }
-      }
-    }
-  },
-  M4LMapLayers: {
-    styleOverrides: {
-      "&.M4LMap-layersPopoverRoot": {
-        mt: 1.5,
-        ml: 0.75,
-        "& .MuiPaper-root": {
-          backgroundColor: "gray",
-          //Por cambiar
-          width: "400px!important",
-          height: 400
-        },
-        "& .M4LMap-mapSourcesRoot": {
-          postion: "relative",
-          height: "100%",
-          "& .M4LMap-mapSourcesOption": {
-            display: "flex",
-            "& .M4LMap-mapSourcesOptionIconLabel": {
-              display: "flex"
-            },
-            "& .M4LMap-mapSourcesOptionRoadOptions": {
-              display: "flex",
-              "& .M4LMap-mapSourcesOptionRoadOptionsCheck": {
-                display: "flex"
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  o as M
-};

package/theme/overrides/M4LExtendedComponents/M4LMapGpsTools.js

@@ -1,62 +0,0 @@
-const s = (o) => ({
-  M4LMapGpsTools: {
-    styleOverrides: {
-      "&.M4LMapGpsTools-gpsToolsRoot": {
-        position: "relative",
-        display: "flex",
-        flexDirection: "column",
-        flexGrow: 1,
-        width: "100%",
-        height: "100%",
-        "& .M4LMapGpsTools-gpsToolsTabContent.M4LMapGpsTools-hidden": {
-          display: "none"
-        }
-      }
-    }
-  },
-  M4LMapGpsToolsGeofencesList: {
-    styleOverrides: {
-      "&.M4LMapGpsTools-gpsToolsGeofencesList": {
-        padding: "12px",
-        position: "relative !important",
-        flexGrow: 1,
-        width: "100%",
-        "& .M4LDataGrid-root": {
-          height: "unset !important",
-          flexGrow: 1
-        }
-      }
-    }
-  },
-  M4LMapGpsToolsGeofencesAddEdit: {
-    styleOverrides: {
-      "&.M4LMapGpsTools-gpsToolsGeofencesAddEdit": {
-        height: "100% !important",
-        "& .M4LMapGpsTools-gpsToolsGeofencesAddEditContent": {
-          overflow: "hidden",
-          display: "flex",
-          flexDirection: "column",
-          flexGrow: 1,
-          // height: '100%',
-          "& .M4LMapGpsTools-gpsToolsTabContent": {
-            padding: "12px",
-            overflow: "auto"
-          },
-          "& .M4LMapGpsTools-gpsToolsGeofencesAddEditDrawFinishContainer": {
-            display: "flex",
-            minWidth: "60px",
-            marginTop: "14px"
-            // justifyContent: 'flex-end',
-            // padding: '12px',
-          }
-        },
-        "& .M4LMapGpsTools-gpsToolsTabContent.M4LMapGpsTools-hidden": {
-          display: "none"
-        }
-      }
-    }
-  }
-});
-export {
-  s as M
-};