@m4l/styles 7.1.35 → 7.1.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.35",
+  "version": "7.1.36",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {

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/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/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
-};