@carto/meridian-ds 2.4.0 → 2.5.2

package/dist/theme/index.cjs

@@ -2,13 +2,197 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
+const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
 const jsxRuntime = require("react/jsx-runtime");
-const TablePaginationActions = require("../TablePaginationActions-D2K26kdR.cjs");
+const TablePaginationActions = require("../TablePaginationActions-DAMGtIub.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const xDatePickers = require("@mui/x-date-pickers");
-const MenuItem = require("../MenuItem-YpFpuljU.cjs");
-const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
+const MenuItem = require("../MenuItem-nokUtiks.cjs");
+const themeShadows = [
+  "none",
+  // 0
+  "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
+  // 1
+  "0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)",
+  // 2
+  "0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)",
+  "0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)",
+  // 4
+  "0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)",
+  "0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)",
+  // 6
+  "0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)",
+  "0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)",
+  // 8
+  "0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)",
+  "0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)",
+  "0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)",
+  "0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)",
+  "0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)",
+  "0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)",
+  // 16
+  "0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)",
+  "0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)",
+  "0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)",
+  "0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)",
+  "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
+  "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
+  // 24
+];
+function getPixelToRem(px) {
+  const fontBase = 16;
+  const rem = 1 / fontBase * px + "rem";
+  return rem;
+}
+const baseTypography = {
+  htmlFontSize: 16,
+  fontFamily: "Inter, sans-serif",
+  fontSize: 16,
+  lineHeight: 1.5,
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 600,
+  fontSmoothing: "antialiased",
+  h1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(96),
+    lineHeight: 1.167,
+    letterSpacing: "-1.5px"
+  },
+  h2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(60),
+    lineHeight: 1.2,
+    letterSpacing: "-0.5px"
+  },
+  h3: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(48),
+    lineHeight: 1.167,
+    letterSpacing: 0
+  },
+  h4: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(32),
+    lineHeight: 1.25,
+    letterSpacing: 0
+  },
+  h5: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(24),
+    lineHeight: 1.167,
+    letterSpacing: 0
+  },
+  h6: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(18),
+    lineHeight: 1.333,
+    letterSpacing: 0
+  },
+  subtitle1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0
+  },
+  subtitle2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0
+  },
+  body1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0
+  },
+  body2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0
+  },
+  button: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0,
+    textTransform: "inherit"
+  },
+  caption: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(11),
+    lineHeight: 1.454,
+    letterSpacing: 0
+  },
+  overline: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(10),
+    lineHeight: 1.2,
+    letterSpacing: "1.2px",
+    textTransform: "uppercase"
+  }
+};
+const customTypography = {
+  captionMedium: {
+    ...baseTypography.caption,
+    fontWeight: 500,
+    letterSpacing: 0
+  },
+  overlineDelicate: {
+    ...baseTypography.overline,
+    fontWeight: 400,
+    letterSpacing: "1.2px"
+  },
+  code1: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code2: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(14),
+    lineHeight: 1.428,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code3: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(12),
+    lineHeight: 1.333,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  }
+};
+const themeTypography = {
+  ...baseTypography,
+  ...customTypography
+};
 const tooltipArrowSize = 1;
 const tooltipSeparation = 0.5;
 const tooltipMargin = tooltipArrowSize + tooltipSeparation;
@@ -2592,273 +2776,38 @@ const datePickersOverrides = {
     }
   }
 };
-function getPixelToRem(px) {
-  const fontBase = 16;
-  const rem = 1 / fontBase * px + "rem";
-  return rem;
-}
-const baseTypography = {
-  htmlFontSize: 16,
-  fontFamily: "Inter, sans-serif",
-  fontSize: 16,
-  lineHeight: 1.5,
-  fontWeightLight: 300,
-  fontWeightRegular: 400,
-  fontWeightMedium: 500,
-  fontWeightBold: 600,
-  fontSmoothing: "antialiased",
-  h1: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(96),
-    lineHeight: 1.167,
-    letterSpacing: "-1.5px"
-  },
-  h2: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(60),
-    lineHeight: 1.2,
-    letterSpacing: "-0.5px"
+const feedbackOverrides = {
+  // SnackBar
+  MuiSnackbar: {
+    defaultProps: {
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      }
+    }
   },
-  h3: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(48),
-    lineHeight: 1.167,
-    letterSpacing: 0
-  },
-  h4: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(32),
-    lineHeight: 1.25,
-    letterSpacing: 0
-  },
-  h5: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(24),
-    lineHeight: 1.167,
-    letterSpacing: 0
-  },
-  h6: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(18),
-    lineHeight: 1.333,
-    letterSpacing: 0
-  },
-  subtitle1: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(16),
-    lineHeight: 1.5,
-    letterSpacing: 0
-  },
-  subtitle2: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 600,
-    fontSize: getPixelToRem(13),
-    lineHeight: 1.538,
-    letterSpacing: 0
-  },
-  body1: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 400,
-    fontSize: getPixelToRem(16),
-    lineHeight: 1.5,
-    letterSpacing: 0
-  },
-  body2: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 400,
-    fontSize: getPixelToRem(13),
-    lineHeight: 1.538,
-    letterSpacing: 0
-  },
-  button: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(13),
-    lineHeight: 1.538,
-    letterSpacing: 0,
-    textTransform: "inherit"
-  },
-  caption: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 400,
-    fontSize: getPixelToRem(11),
-    lineHeight: 1.454,
-    letterSpacing: 0
-  },
-  overline: {
-    fontFamily: "Inter, sans-serif",
-    fontWeight: 500,
-    fontSize: getPixelToRem(10),
-    lineHeight: 1.2,
-    letterSpacing: "1.2px",
-    textTransform: "uppercase"
-  }
-};
-const customTypography = {
-  captionMedium: {
-    ...baseTypography.caption,
-    fontWeight: 500,
-    letterSpacing: 0
-  },
-  overlineDelicate: {
-    ...baseTypography.overline,
-    fontWeight: 400,
-    letterSpacing: "1.2px"
-  },
-  code1: {
-    fontFamily: '"Overpass Mono", monospace',
-    fontWeight: 400,
-    fontSize: getPixelToRem(16),
-    lineHeight: 1.5,
-    letterSpacing: 0,
-    fontVariantLigatures: "no-common-ligatures"
-  },
-  code2: {
-    fontFamily: '"Overpass Mono", monospace',
-    fontWeight: 400,
-    fontSize: getPixelToRem(14),
-    lineHeight: 1.428,
-    letterSpacing: 0,
-    fontVariantLigatures: "no-common-ligatures"
-  },
-  code3: {
-    fontFamily: '"Overpass Mono", monospace',
-    fontWeight: 400,
-    fontSize: getPixelToRem(12),
-    lineHeight: 1.333,
-    letterSpacing: 0,
-    fontVariantLigatures: "no-common-ligatures"
-  }
-};
-const themeTypography = {
-  ...baseTypography,
-  ...customTypography
-};
-const CssBaseline = {
-  // Accessibility focus (keyboard only)
-  "*:focus-visible": {
-    outline: `2px solid ${(_a = paletteUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
-    boxShadow: `0 0 0 4px ${(_b = paletteUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
-    borderRadius: "4px"
-  },
-  // Custom scrollbars
-  "*::-webkit-scrollbar": {
-    position: "fixed"
-  },
-  "*::-webkit-scrollbar:vertical": {
-    width: "5px"
-  },
-  "*::-webkit-scrollbar:horizontal": {
-    height: "5px"
-  },
-  "*::-webkit-scrollbar-track": {
-    boxShadow: "none",
-    background: "transparent"
-  },
-  "*::-webkit-scrollbar-thumb": {
-    borderRadius: "3px",
-    background: (_c = paletteUtils.commonPalette.action) == null ? void 0 : _c.focus,
-    outline: "none"
-  },
-  // iOS Search clear button
-  'input[type="search"]::-webkit-search-cancel-button': {
-    WebkitAppearance: "none",
-    appearance: "none",
-    height: TablePaginationActions.getSpacing(2),
-    width: TablePaginationActions.getSpacing(2),
-    display: "block",
-    backgroundImage: `url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)`,
-    backgroundRepeat: "no-repeat",
-    backgroundSize: TablePaginationActions.getSpacing(2)
-  },
-  // Mapbox controls
-  ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
-    padding: TablePaginationActions.getSpacing(0, 1),
-    borderRadius: TablePaginationActions.getSpacing(0.5, 0, 0, 0),
-    "& .mapboxgl-ctrl-attrib-inner": {
-      ...themeTypography.overline,
-      textTransform: "none",
-      letterSpacing: "0.75px",
-      "& a": {
-        color: (_d = paletteUtils.commonPalette.primary) == null ? void 0 : _d.main
-      }
-    },
-    "&.mapboxgl-compact": {
-      backgroundColor: "transparent",
-      right: TablePaginationActions.getSpacing(0.5),
-      bottom: TablePaginationActions.getSpacing(2.5),
-      // Mobile
-      "@media (max-width: 600px)": {
-        bottom: TablePaginationActions.getSpacing(0.5)
-      },
-      "& .mapboxgl-ctrl-attrib-button": {
-        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = paletteUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
-        backgroundColor: "rgba(255,255,255,.8)",
-        top: "auto",
-        bottom: 0,
-        right: 0,
-        "&:not(:disabled):hover": {
-          backgroundColor: "rgba(255,255,255,.8)"
-        }
-      },
-      "& .mapboxgl-ctrl-attrib-inner": {
-        backgroundColor: "rgba(255,255,255,.8)",
-        padding: TablePaginationActions.getSpacing(0.5, 1),
-        borderRadius: TablePaginationActions.getSpacing(1.5),
-        marginRight: TablePaginationActions.getSpacing(2.5),
-        color: (_f = paletteUtils.commonPalette.text) == null ? void 0 : _f.secondary
-      },
-      "&.mapboxgl-compact-show": {
-        "& .mapboxgl-ctrl-attrib-button": {
-          backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
-          backgroundColor: (_g = paletteUtils.commonPalette.common) == null ? void 0 : _g.black,
-          "&:not(:disabled):hover": {
-            backgroundColor: (_h = paletteUtils.commonPalette.common) == null ? void 0 : _h.black
-          }
-        }
-      }
-    }
-  }
-};
-const feedbackOverrides = {
-  // SnackBar
-  MuiSnackbar: {
-    defaultProps: {
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      }
-    }
-  },
-  // Skeleton
-  MuiSkeleton: {
-    defaultProps: {
-      animation: "wave",
-      variant: "rounded"
-    },
-    styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        backgroundColor: theme2.palette.black[8]
-      }),
-      rounded: ({ theme: theme2 }) => ({
-        borderRadius: theme2.spacing(0.5)
-      }),
-      text: ({ theme: theme2 }) => ({
-        borderRadius: theme2.spacing(0.5)
-      }),
-      wave: ({ theme: theme2 }) => ({
-        "&::after": {
-          background: `linear-gradient( 90deg, transparent, ${theme2.palette.black[4]}, transparent )`
-        }
-      })
-    }
+  // Skeleton
+  MuiSkeleton: {
+    defaultProps: {
+      animation: "wave",
+      variant: "rounded"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.black[8]
+      }),
+      rounded: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
+      }),
+      text: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
+      }),
+      wave: ({ theme: theme2 }) => ({
+        "&::after": {
+          background: `linear-gradient( 90deg, transparent, ${theme2.palette.black[4]}, transparent )`
+        }
+      })
+    }
   },
   // Alert
   MuiAlert: {
@@ -2994,41 +2943,92 @@ const surfacesOverrides = {
     }
   }
 };
-const themeShadows = [
-  "none",
-  // 0
-  "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
-  // 1
-  "0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)",
-  // 2
-  "0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)",
-  "0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)",
-  // 4
-  "0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)",
-  "0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)",
-  // 6
-  "0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)",
-  "0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)",
-  // 8
-  "0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)",
-  "0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)",
-  "0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)",
-  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)",
-  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)",
-  "0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)",
-  "0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)",
-  "0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)",
-  // 16
-  "0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)",
-  "0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)",
-  "0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)",
-  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)",
-  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)",
-  "0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)",
-  "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
-  "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
-  // 24
-];
+const CssBaseline = {
+  // Accessibility focus (keyboard only)
+  "*:focus-visible": {
+    outline: `2px solid ${(_a = paletteUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
+    boxShadow: `0 0 0 4px ${(_b = paletteUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
+    borderRadius: "4px"
+  },
+  // Custom scrollbars
+  "*::-webkit-scrollbar": {
+    position: "fixed"
+  },
+  "*::-webkit-scrollbar:vertical": {
+    width: "5px"
+  },
+  "*::-webkit-scrollbar:horizontal": {
+    height: "5px"
+  },
+  "*::-webkit-scrollbar-track": {
+    boxShadow: "none",
+    background: "transparent"
+  },
+  "*::-webkit-scrollbar-thumb": {
+    borderRadius: "3px",
+    background: (_c = paletteUtils.commonPalette.action) == null ? void 0 : _c.focus,
+    outline: "none"
+  },
+  // iOS Search clear button
+  'input[type="search"]::-webkit-search-cancel-button': {
+    WebkitAppearance: "none",
+    appearance: "none",
+    height: TablePaginationActions.getSpacing(2),
+    width: TablePaginationActions.getSpacing(2),
+    display: "block",
+    backgroundImage: `url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)`,
+    backgroundRepeat: "no-repeat",
+    backgroundSize: TablePaginationActions.getSpacing(2)
+  },
+  // Mapbox controls
+  ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
+    padding: TablePaginationActions.getSpacing(0, 1),
+    borderRadius: TablePaginationActions.getSpacing(0.5, 0, 0, 0),
+    "& .mapboxgl-ctrl-attrib-inner": {
+      ...themeTypography.overline,
+      textTransform: "none",
+      letterSpacing: "0.75px",
+      "& a": {
+        color: (_d = paletteUtils.commonPalette.primary) == null ? void 0 : _d.main
+      }
+    },
+    "&.mapboxgl-compact": {
+      backgroundColor: "transparent",
+      right: TablePaginationActions.getSpacing(0.5),
+      bottom: TablePaginationActions.getSpacing(2.5),
+      // Mobile
+      "@media (max-width: 600px)": {
+        bottom: TablePaginationActions.getSpacing(0.5)
+      },
+      "& .mapboxgl-ctrl-attrib-button": {
+        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = paletteUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
+        backgroundColor: "rgba(255,255,255,.8)",
+        top: "auto",
+        bottom: 0,
+        right: 0,
+        "&:not(:disabled):hover": {
+          backgroundColor: "rgba(255,255,255,.8)"
+        }
+      },
+      "& .mapboxgl-ctrl-attrib-inner": {
+        backgroundColor: "rgba(255,255,255,.8)",
+        padding: TablePaginationActions.getSpacing(0.5, 1),
+        borderRadius: TablePaginationActions.getSpacing(1.5),
+        marginRight: TablePaginationActions.getSpacing(2.5),
+        color: (_f = paletteUtils.commonPalette.text) == null ? void 0 : _f.secondary
+      },
+      "&.mapboxgl-compact-show": {
+        "& .mapboxgl-ctrl-attrib-button": {
+          backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
+          backgroundColor: (_g = paletteUtils.commonPalette.common) == null ? void 0 : _g.black,
+          "&:not(:disabled):hover": {
+            backgroundColor: (_h = paletteUtils.commonPalette.common) == null ? void 0 : _h.black
+          }
+        }
+      }
+    }
+  }
+};
 const cartoThemeOptions = {
   themeName: "CARTO",
   breakpoints: {
@@ -3122,6 +3122,7 @@ const cartoThemeOptions = {
   }
 };
 const theme = material.responsiveFontSizes(material.createTheme(cartoThemeOptions));
+exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
 exports.APPBAR_SIZE = TablePaginationActions.APPBAR_SIZE;
 exports.BREAKPOINTS = TablePaginationActions.BREAKPOINTS;
 exports.ICON_SIZE_LARGE = TablePaginationActions.ICON_SIZE_LARGE;
@@ -3134,6 +3135,5 @@ exports.MENU_LIST_MAX_SIZE = TablePaginationActions.MENU_LIST_MAX_SIZE;
 exports.NOTIFICATION_DURATION_IN_MS = TablePaginationActions.NOTIFICATION_DURATION_IN_MS;
 exports.SPACING = TablePaginationActions.SPACING;
 exports.getSpacing = TablePaginationActions.getSpacing;
-exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
 exports.cartoThemeOptions = cartoThemeOptions;
 exports.theme = theme;