@carto/meridian-ds 2.5.5 → 2.6.0-alpha-searchfield.1

package/dist/theme/index.cjs

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const paletteUtils = require("../palette-utils-B9ybmwiI.cjs");
 const jsxRuntime = require("react/jsx-runtime");
-const TablePaginationActions = require("../TablePaginationActions-DAMGtIub.cjs");
+const cssUtils = require("../css-utils-CqIN_t7x.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const xDatePickers = require("@mui/x-date-pickers");
-const MenuItem = require("../MenuItem-nokUtiks.cjs");
+const MenuItem = require("../MenuItem-Bssr5qGq.cjs");
 const themeShadows = [
   "none",
   // 0
@@ -325,7 +325,7 @@ const dataDisplayOverrides = {
       labelDisplayedRows: ({ from, to, count }) => {
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            TablePaginationActions.Typography,
+            cssUtils.Typography,
             {
               component: "span",
               variant: "inherit",
@@ -337,7 +337,7 @@ const dataDisplayOverrides = {
           ` of ${count}`
         ] });
       },
-      ActionsComponent: TablePaginationActions.TablePaginationActions
+      ActionsComponent: cssUtils.TablePaginationActions
     },
     styleOverrides: {
       root: () => ({
@@ -423,9 +423,9 @@ const dataDisplayOverrides = {
         maxWidth: "192px",
         padding: theme2.spacing(0, 0.5),
         "& .MuiAvatar-root": {
-          width: TablePaginationActions.ICON_SIZE_LARGE,
-          minWidth: TablePaginationActions.ICON_SIZE_LARGE,
-          height: TablePaginationActions.ICON_SIZE_LARGE,
+          width: cssUtils.ICON_SIZE_LARGE,
+          minWidth: cssUtils.ICON_SIZE_LARGE,
+          height: cssUtils.ICON_SIZE_LARGE,
           margin: 0,
           color: theme2.palette.secondary.contrastText,
           backgroundColor: theme2.palette.background.paper,
@@ -436,9 +436,9 @@ const dataDisplayOverrides = {
           marginLeft: theme2.spacing(0.5)
         },
         "& img": {
-          width: TablePaginationActions.ICON_SIZE_LARGE,
-          minWidth: TablePaginationActions.ICON_SIZE_LARGE,
-          height: TablePaginationActions.ICON_SIZE_LARGE
+          width: cssUtils.ICON_SIZE_LARGE,
+          minWidth: cssUtils.ICON_SIZE_LARGE,
+          height: cssUtils.ICON_SIZE_LARGE
         },
         "&.MuiChip-root.Mui-disabled": {
           color: theme2.palette.text.disabled,
@@ -550,14 +550,14 @@ const dataDisplayOverrides = {
       // Sizes
       sizeSmall: ({ theme: theme2 }) => ({
         "& img": {
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         },
         "& .MuiAvatar-root": {
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         },
         "& .MuiChip-icon": {
           marginLeft: theme2.spacing(0.25)
@@ -574,8 +574,8 @@ const dataDisplayOverrides = {
         padding: theme2.spacing(0, 0.5)
       }),
       deleteIcon: () => ({
-        width: TablePaginationActions.ICON_SIZE_MEDIUM,
-        height: TablePaginationActions.ICON_SIZE_MEDIUM,
+        width: cssUtils.ICON_SIZE_MEDIUM,
+        height: cssUtils.ICON_SIZE_MEDIUM,
         margin: 0,
         marginLeft: "2px",
         // Forced to a non-standard value to meet with design
@@ -705,22 +705,22 @@ const dataDisplayOverrides = {
   MuiSvgIcon: {
     styleOverrides: {
       root: () => ({
-        fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
+        fontSize: cssUtils.ICON_SIZE_MEDIUM
       }),
       fontSizeSmall: () => ({
-        fontSize: TablePaginationActions.ICON_SIZE_SMALL
+        fontSize: cssUtils.ICON_SIZE_SMALL
       }),
       fontSizeLarge: () => ({
-        fontSize: TablePaginationActions.ICON_SIZE_LARGE
+        fontSize: cssUtils.ICON_SIZE_LARGE
       })
     }
   }
 };
-const sizeXsmall = TablePaginationActions.getSpacing(2);
-const sizeSmall = TablePaginationActions.getSpacing(3);
-const sizeMedium = TablePaginationActions.getSpacing(4);
-const sizeLarge = TablePaginationActions.getSpacing(6);
-const radius = TablePaginationActions.getSpacing(0.5);
+const sizeXsmall = cssUtils.getSpacing(2);
+const sizeSmall = cssUtils.getSpacing(3);
+const sizeMedium = cssUtils.getSpacing(4);
+const sizeLarge = cssUtils.getSpacing(6);
+const radius = cssUtils.getSpacing(0.5);
 const buttonsOverrides = {
   // Button Base
   MuiButtonBase: {
@@ -731,10 +731,10 @@ const buttonsOverrides = {
       root: () => ({
         "& .MuiSvgIcon-root, & svg": {
           display: "flex",
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          fontSize: cssUtils.ICON_SIZE_MEDIUM,
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         }
       })
     }
@@ -810,10 +810,10 @@ const buttonsOverrides = {
       startIcon: ({ theme: theme2 }) => ({
         marginRight: theme2.spacing(0.75),
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          fontSize: cssUtils.ICON_SIZE_MEDIUM,
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         },
         "&.MuiButton-iconSizeSmall": {
           marginRight: theme2.spacing(0.5),
@@ -823,10 +823,10 @@ const buttonsOverrides = {
       endIcon: ({ theme: theme2 }) => ({
         marginLeft: theme2.spacing(0.75),
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          fontSize: cssUtils.ICON_SIZE_MEDIUM,
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         },
         "&.MuiButton-iconSizeSmall": {
           marginLeft: theme2.spacing(0.5),
@@ -976,10 +976,10 @@ const buttonsOverrides = {
           color: theme2.palette.text.secondary
         },
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          fontSize: cssUtils.ICON_SIZE_MEDIUM,
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         },
         "& svg": {
           fill: "currentColor",
@@ -1032,10 +1032,10 @@ const buttonsOverrides = {
           width: sizeXsmall,
           height: sizeXsmall,
           "& .MuiSvgIcon-root, & svg": {
-            fontSize: TablePaginationActions.ICON_SIZE_SMALL,
-            width: TablePaginationActions.ICON_SIZE_SMALL,
-            minWidth: TablePaginationActions.ICON_SIZE_SMALL,
-            height: TablePaginationActions.ICON_SIZE_SMALL
+            fontSize: cssUtils.ICON_SIZE_SMALL,
+            width: cssUtils.ICON_SIZE_SMALL,
+            minWidth: cssUtils.ICON_SIZE_SMALL,
+            height: cssUtils.ICON_SIZE_SMALL
           }
         })
       },
@@ -1267,10 +1267,10 @@ const buttonsOverrides = {
           boxShadow: theme2.shadows[6]
         },
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: TablePaginationActions.ICON_SIZE_LARGE,
-          width: TablePaginationActions.ICON_SIZE_LARGE,
-          minWidth: TablePaginationActions.ICON_SIZE_LARGE,
-          height: TablePaginationActions.ICON_SIZE_LARGE
+          fontSize: cssUtils.ICON_SIZE_LARGE,
+          width: cssUtils.ICON_SIZE_LARGE,
+          minWidth: cssUtils.ICON_SIZE_LARGE,
+          height: cssUtils.ICON_SIZE_LARGE
         },
         "&.MuiFab-extended": {
           ...theme2.typography.body1,
@@ -1296,10 +1296,10 @@ const buttonsOverrides = {
         height: theme2.spacing(4),
         minHeight: theme2.spacing(4),
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          fontSize: cssUtils.ICON_SIZE_MEDIUM,
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         },
         "&.MuiFab-extended": {
           ...theme2.typography.caption,
@@ -1461,9 +1461,7 @@ const formsOverrides = {
                 background: "transparent"
               },
               "& .MuiTypography-root": {
-                whiteSpace: "nowrap",
-                overflow: "hidden",
-                textOverflow: "ellipsis"
+                ...cssUtils.ellipsisStyles
               }
             },
             "& .MuiSelect-icon": {
@@ -1505,9 +1503,7 @@ const formsOverrides = {
         ...theme2.typography.body1,
         "& input": {
           padding: 0,
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
+          ...cssUtils.ellipsisStyles,
           "&::placeholder": {
             opacity: 1,
             color: theme2.palette.text.hint
@@ -1711,10 +1707,10 @@ const formsOverrides = {
           marginTop: 0
         },
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM,
+          fontSize: cssUtils.ICON_SIZE_MEDIUM,
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          minWidth: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM,
           color: theme2.palette.text.secondary
         },
         ".Mui-disabled &": {
@@ -1836,9 +1832,7 @@ const formsOverrides = {
           boxShadow: "none !important"
         },
         "& .MuiTypography-root": {
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis"
+          ...cssUtils.ellipsisStyles
         },
         "&.MuiInputBase-inputSizeSmall": {
           padding: theme2.spacing(0.75)
@@ -1980,8 +1974,8 @@ const formsOverrides = {
         }
       }),
       popupIndicator: ({ theme: theme2 }) => ({
-        width: TablePaginationActions.ICON_SIZE_MEDIUM,
-        height: TablePaginationActions.ICON_SIZE_MEDIUM,
+        width: cssUtils.ICON_SIZE_MEDIUM,
+        height: cssUtils.ICON_SIZE_MEDIUM,
         cursor: "pointer",
         "&:hover": {
           backgroundColor: "transparent"
@@ -2018,7 +2012,7 @@ const formsOverrides = {
       }),
       option: ({ ownerState, theme: theme2 }) => ({
         "&.MuiAutocomplete-option": {
-          minHeight: TablePaginationActions.MENU_ITEM_SIZE_DEFAULT,
+          minHeight: cssUtils.MENU_ITEM_SIZE_DEFAULT,
           padding: theme2.spacing(0.5, 2),
           ...theme2.typography.body2,
           transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
@@ -2228,7 +2222,7 @@ const navigationOverrides = {
         "&.MuiMenu-paper": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: TablePaginationActions.MENU_LIST_MAX_SIZE,
+          maxHeight: cssUtils.MENU_LIST_MAX_SIZE,
           // 312px, defined by design
           "&:focus-visible": {
             outline: "none !important",
@@ -2244,14 +2238,14 @@ const navigationOverrides = {
       root: ({ theme: theme2 }) => ({
         ...theme2.typography.body2,
         columnGap: theme2.spacing(1),
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DEFAULT,
+        minHeight: cssUtils.MENU_ITEM_SIZE_DEFAULT,
         padding: theme2.spacing(0.75, 1, 0.75, 1.5),
         whiteSpace: "normal",
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: TablePaginationActions.MENU_ITEM_SIZE_DEFAULT
+            minHeight: cssUtils.MENU_ITEM_SIZE_DEFAULT
           }
         },
         "&:hover": {
@@ -2318,7 +2312,7 @@ const navigationOverrides = {
         }
       }),
       dense: ({ theme: theme2 }) => ({
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE,
+        minHeight: cssUtils.MENU_ITEM_SIZE_DENSE,
         paddingTop: 0,
         paddingBottom: 0,
         ".MuiTypography-root": {
@@ -2328,7 +2322,7 @@ const navigationOverrides = {
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE
+            minHeight: cssUtils.MENU_ITEM_SIZE_DENSE
           }
         }
       })
@@ -2342,7 +2336,7 @@ const navigationOverrides = {
         ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: TablePaginationActions.MENU_LIST_MAX_SIZE,
+          maxHeight: cssUtils.MENU_LIST_MAX_SIZE,
           // 312px, defined by design
           overflowY: "auto",
           "&:focus-visible": {
@@ -2410,10 +2404,10 @@ const navigationOverrides = {
         alignItems: "center",
         gap: theme2.spacing(2),
         "& .MuiSvgIcon-root": {
-          fontSize: TablePaginationActions.ICON_SIZE_LARGE
+          fontSize: cssUtils.ICON_SIZE_LARGE
         },
         ".MuiMenuItem-root.MuiButtonBase-root &": {
-          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM
+          minWidth: cssUtils.ICON_SIZE_MEDIUM
         }
       })
     }
@@ -2426,7 +2420,7 @@ const navigationOverrides = {
           width: theme2.spacing(4)
         },
         "& .MuiSvgIcon-root": {
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
+          fontSize: cssUtils.ICON_SIZE_MEDIUM
         }
       })
     }
@@ -2498,7 +2492,7 @@ const navigationOverrides = {
           alignItems: "center"
         },
         "& .MuiSvgIcon-root": {
-          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          fontSize: cssUtils.ICON_SIZE_MEDIUM,
           marginRight: theme2.spacing(1)
         }
       }),
@@ -2830,8 +2824,8 @@ const feedbackOverrides = {
         padding: 0,
         marginRight: theme2.spacing(1),
         svg: {
-          width: TablePaginationActions.ICON_SIZE_MEDIUM,
-          height: TablePaginationActions.ICON_SIZE_MEDIUM
+          width: cssUtils.ICON_SIZE_MEDIUM,
+          height: cssUtils.ICON_SIZE_MEDIUM
         }
       }),
       action: () => ({
@@ -2867,7 +2861,7 @@ const surfacesOverrides = {
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        height: TablePaginationActions.APPBAR_SIZE,
+        height: cssUtils.APPBAR_SIZE,
         backgroundColor: theme2.palette.brand.navyBlue,
         color: theme2.palette.common.white,
         boxShadow: theme2.shadows[0],
@@ -2875,7 +2869,7 @@ const surfacesOverrides = {
           justifyContent: "space-between",
           width: "100%",
           padding: theme2.spacing(0, 1),
-          minHeight: TablePaginationActions.APPBAR_SIZE
+          minHeight: cssUtils.APPBAR_SIZE
         },
         "& .MuiAvatar-root": {
           width: theme2.spacing(4),
@@ -2973,17 +2967,17 @@ const CssBaseline = {
   'input[type="search"]::-webkit-search-cancel-button': {
     WebkitAppearance: "none",
     appearance: "none",
-    height: TablePaginationActions.getSpacing(2),
-    width: TablePaginationActions.getSpacing(2),
+    height: cssUtils.getSpacing(2),
+    width: cssUtils.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)
+    backgroundSize: cssUtils.getSpacing(2)
   },
   // Mapbox controls
   ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
-    padding: TablePaginationActions.getSpacing(0, 1),
-    borderRadius: TablePaginationActions.getSpacing(0.5, 0, 0, 0),
+    padding: cssUtils.getSpacing(0, 1),
+    borderRadius: cssUtils.getSpacing(0.5, 0, 0, 0),
     "& .mapboxgl-ctrl-attrib-inner": {
       ...themeTypography.overline,
       textTransform: "none",
@@ -2994,11 +2988,11 @@ const CssBaseline = {
     },
     "&.mapboxgl-compact": {
       backgroundColor: "transparent",
-      right: TablePaginationActions.getSpacing(0.5),
-      bottom: TablePaginationActions.getSpacing(2.5),
+      right: cssUtils.getSpacing(0.5),
+      bottom: cssUtils.getSpacing(2.5),
       // Mobile
       "@media (max-width: 600px)": {
-        bottom: TablePaginationActions.getSpacing(0.5)
+        bottom: cssUtils.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")`,
@@ -3012,9 +3006,9 @@ const CssBaseline = {
       },
       "& .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),
+        padding: cssUtils.getSpacing(0.5, 1),
+        borderRadius: cssUtils.getSpacing(1.5),
+        marginRight: cssUtils.getSpacing(2.5),
         color: (_f = paletteUtils.commonPalette.text) == null ? void 0 : _f.secondary
       },
       "&.mapboxgl-compact-show": {
@@ -3034,15 +3028,15 @@ const cartoThemeOptions = {
   breakpoints: {
     keys: ["xs", "sm", "md", "lg", "xl"],
     values: {
-      xs: TablePaginationActions.BREAKPOINTS.XS,
+      xs: cssUtils.BREAKPOINTS.XS,
       // 320 - 599
-      sm: TablePaginationActions.BREAKPOINTS.SM,
+      sm: cssUtils.BREAKPOINTS.SM,
       // 600 - 959
-      md: TablePaginationActions.BREAKPOINTS.MD,
+      md: cssUtils.BREAKPOINTS.MD,
       // 960 - 1279
-      lg: TablePaginationActions.BREAKPOINTS.LG,
+      lg: cssUtils.BREAKPOINTS.LG,
       // 1280 - 1599
-      xl: TablePaginationActions.BREAKPOINTS.XL
+      xl: cssUtils.BREAKPOINTS.XL
       // 1600+
     },
     unit: "px",
@@ -3070,9 +3064,9 @@ const cartoThemeOptions = {
   palette: paletteUtils.commonPalette,
   shadows: themeShadows,
   typography: themeTypography,
-  spacingValue: TablePaginationActions.SPACING,
+  spacingValue: cssUtils.SPACING,
   // For situations where we can't use theme.spacing(), mainly math calculations.er
-  spacing: TablePaginationActions.SPACING,
+  spacing: cssUtils.SPACING,
   // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
   shape: {
     borderRadius: 4
@@ -3123,17 +3117,17 @@ 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;
-exports.ICON_SIZE_MEDIUM = TablePaginationActions.ICON_SIZE_MEDIUM;
-exports.ICON_SIZE_SMALL = TablePaginationActions.ICON_SIZE_SMALL;
-exports.MENU_ITEM_SIZE_DEFAULT = TablePaginationActions.MENU_ITEM_SIZE_DEFAULT;
-exports.MENU_ITEM_SIZE_DENSE = TablePaginationActions.MENU_ITEM_SIZE_DENSE;
-exports.MENU_ITEM_SIZE_EXTENDED = TablePaginationActions.MENU_ITEM_SIZE_EXTENDED;
-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.APPBAR_SIZE = cssUtils.APPBAR_SIZE;
+exports.BREAKPOINTS = cssUtils.BREAKPOINTS;
+exports.ICON_SIZE_LARGE = cssUtils.ICON_SIZE_LARGE;
+exports.ICON_SIZE_MEDIUM = cssUtils.ICON_SIZE_MEDIUM;
+exports.ICON_SIZE_SMALL = cssUtils.ICON_SIZE_SMALL;
+exports.MENU_ITEM_SIZE_DEFAULT = cssUtils.MENU_ITEM_SIZE_DEFAULT;
+exports.MENU_ITEM_SIZE_DENSE = cssUtils.MENU_ITEM_SIZE_DENSE;
+exports.MENU_ITEM_SIZE_EXTENDED = cssUtils.MENU_ITEM_SIZE_EXTENDED;
+exports.MENU_LIST_MAX_SIZE = cssUtils.MENU_LIST_MAX_SIZE;
+exports.NOTIFICATION_DURATION_IN_MS = cssUtils.NOTIFICATION_DURATION_IN_MS;
+exports.SPACING = cssUtils.SPACING;
+exports.getSpacing = cssUtils.getSpacing;
 exports.cartoThemeOptions = cartoThemeOptions;
 exports.theme = theme;

package/dist/theme/index.js

@@ -3,12 +3,12 @@ import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material"
 import { c as commonPalette } from "../palette-utils-BHqJlHm9.js";
 import { g } from "../palette-utils-BHqJlHm9.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, e as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-C6TVGJM-.js";
-import { f, N } from "../TablePaginationActions-C6TVGJM-.js";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-hxI-qUxK.js";
+import { h, N } from "../css-utils-hxI-qUxK.js";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined } from "@mui/icons-material";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
-import { M as MenuItem } from "../MenuItem-ZNdBUBvt.js";
+import { M as MenuItem } from "../MenuItem-COajCLkS.js";
 const themeShadows = [
   "none",
   // 0
@@ -1461,9 +1461,7 @@ const formsOverrides = {
                 background: "transparent"
               },
               "& .MuiTypography-root": {
-                whiteSpace: "nowrap",
-                overflow: "hidden",
-                textOverflow: "ellipsis"
+                ...ellipsisStyles
               }
             },
             "& .MuiSelect-icon": {
@@ -1505,9 +1503,7 @@ const formsOverrides = {
         ...theme2.typography.body1,
         "& input": {
           padding: 0,
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
+          ...ellipsisStyles,
           "&::placeholder": {
             opacity: 1,
             color: theme2.palette.text.hint
@@ -1836,9 +1832,7 @@ const formsOverrides = {
           boxShadow: "none !important"
         },
         "& .MuiTypography-root": {
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis"
+          ...ellipsisStyles
         },
         "&.MuiInputBase-inputSizeSmall": {
           padding: theme2.spacing(0.75)
@@ -3130,7 +3124,7 @@ export {
   ICON_SIZE_SMALL,
   MENU_ITEM_SIZE_DEFAULT,
   MENU_ITEM_SIZE_DENSE,
-  f as MENU_ITEM_SIZE_EXTENDED,
+  h as MENU_ITEM_SIZE_EXTENDED,
   MENU_LIST_MAX_SIZE,
   N as NOTIFICATION_DURATION_IN_MS,
   SPACING,

package/dist/types/components/AccordionGroup/AccordionGroup.d.ts

@@ -7,6 +7,9 @@ export type AccordionGroupProps = {
         defaultExpanded?: boolean;
         onChange?: (event: React.ChangeEvent<EventTarget>, expanded: boolean) => void;
     }[];
+    'aria-label'?: string;
+    'data-testid'?: string;
 };
-export default function AccordionGroup({ variant, items, ...otherProps }: AccordionGroupProps): import("react/jsx-runtime").JSX.Element;
+declare const AccordionGroup: import('react').ForwardRefExoticComponent<AccordionGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export default AccordionGroup;
 //# sourceMappingURL=AccordionGroup.d.ts.map

package/dist/types/components/AccordionGroup/AccordionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AccordionGroup/AccordionGroup.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IACjC,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EACrC,QAAQ,EAAE,OAAO,KACd,IAAI,CAAA;KACV,EAAE,CAAA;CACJ,CAAA;AAcD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAoB,EACpB,KAAK,EACL,GAAG,UAAU,EACd,EAAE,mBAAmB,2CAqBrB"}
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AccordionGroup/AccordionGroup.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IACjC,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EACrC,QAAQ,EAAE,OAAO,KACd,IAAI,CAAA;KACV,EAAE,CAAA;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAwDD,QAAA,MAAM,cAAc,gHAA8B,CAAA;AAClD,eAAe,cAAc,CAAA"}

package/dist/types/components/AccordionGroup/AccordionGroup.stories.d.ts

@@ -1,11 +1,7 @@
-import { AccordionProps } from '@mui/material';
-import { AccordionGroup } from '..';
+import { AccordionGroupProps } from '..';
 declare const options: {
     title: string;
-    component: typeof AccordionGroup;
-    args: {
-        variant: "standard";
-    };
+    component: import('react').ForwardRefExoticComponent<AccordionGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     argTypes: {
         variant: {
             defaultValue: string;
@@ -25,7 +21,13 @@ declare const options: {
 };
 export default options;
 export declare const Playground: {
-    render: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+    render: (props: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        items: {
+            summary: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
     parameters: {
         chromatic: {
             disableSnapshot: boolean;
@@ -40,8 +42,36 @@ export declare const Guide: {
         };
     };
 };
-export declare const Group: {
-    render: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: {
+    render: (props: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        disabled: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const WithDisabledItem: {
+    render: (props: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        items: {
+            disabled: boolean;
+            summary: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
+};
+export declare const WithExpandedItem: {
+    render: (props: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        items: {
+            defaultExpanded: boolean;
+            summary: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+        'aria-label': string;
+    };
     argTypes: {
         disabled: {
             table: {

package/dist/types/components/AccordionGroup/AccordionGroup.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AccordionGroup/AccordionGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAA;AAQlE,OAAO,EAAE,cAAc,EAAc,MAAM,cAAc,CAAA;AAEzD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsB0B,CAAA;AACvC,eAAe,OAAO,CAAA;AAsGtB,eAAO,MAAM,UAAU;oBA7CO,cAAc;;;;;;CAkD3C,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;oBA3DY,cAAc;;;;;;;;CA8D3C,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;CAGpB,CAAA"}
+{"version":3,"file":"AccordionGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AccordionGroup/AccordionGroup.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,mBAAmB,EAAc,MAAM,cAAc,CAAA;AAE9E,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAmB0B,CAAA;AACvC,eAAe,OAAO,CAAA;AAsGtB,eAAO,MAAM,UAAU;oBA9CY,mBAAmB;;;;;;;;;;;;CAsDrD,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;oBA3DS,mBAAmB;;;;;;;;CA8DhD,CAAA;AAED,eAAO,MAAM,gBAAgB;oBApEM,mBAAmB;;;;;;;;CA4ErD,CAAA;AAED,eAAO,MAAM,gBAAgB;oBA9EM,mBAAmB;;;;;;;;;;;;;;;;CAwFrD,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;CAGpB,CAAA"}

package/dist/types/components/AccordionGroup/AccordionGroup.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AccordionGroup.test.d.ts.map