@carto/meridian-ds 2.9.3 → 2.9.4-alpha-lists.9

package/CHANGELOG.md

@@ -2,8 +2,15 @@
 
 ## Unreleased
 
+- New List components (List, ListItem, ListSubheader, ListItemRightContent) [#336](https://github.com/CartoDB/meridian-ds/pull/336)
+- Minor changes in: Avatar, Menu, Chip and Tag components [#350](https://github.com/CartoDB/meridian-ds/pull/350)
+
 ## 2.0
 
+### 2.9.4
+
+- fix(widgets): Support null values in PieWidgetUI [#349](https://github.com/CartoDB/meridian-ds/pull/349)
+
 ### 2.9.3
 
 - Custom Icons: SwitchAccessShortcut [#347](https://github.com/CartoDB/meridian-ds/pull/347)

package/dist/{Alert-BZPM5zpX.js → Alert-C7vSI6Pm.js}

@@ -3,7 +3,7 @@ import { forwardRef, useState } from "react";
 import { styled, Link as Link$1, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
 import { OpenInNewOutlined } from "@mui/icons-material";
 import "cartocolor";
-import { c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, u as useTranslationWithFallback, T as Typography } from "./css-utils-CjUBRJVK.js";
+import { c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, u as useTranslationWithFallback, T as Typography } from "./palette-utils-DBM8n43g.js";
 const ScreenReaderOnly = styled("span")(() => ({
   position: "absolute",
   width: 1,

package/dist/{Alert-C4W0H_uN.cjs → Alert-mhu6mbgG.cjs}

@@ -4,7 +4,7 @@ const React = require("react");
 const material = require("@mui/material");
 const iconsMaterial = require("@mui/icons-material");
 require("cartocolor");
-const cssUtils = require("./css-utils-CH7es90t.cjs");
+const paletteUtils = require("./palette-utils-CbuIJ8kb.cjs");
 const ScreenReaderOnly = material.styled("span")(() => ({
   position: "absolute",
   width: 1,
@@ -35,7 +35,7 @@ const Icon = material.styled("span", {
     },
     svg: {
       // Size adapts to the text size, but make sure the icon size is at least 12px
-      fontSize: `max(1em, ${cssUtils.ICON_SIZE_SMALL})`,
+      fontSize: `max(1em, ${paletteUtils.ICON_SIZE_SMALL})`,
       color: "inherit !important",
       "> path": {
         color: "inherit !important"
@@ -46,7 +46,7 @@ const Icon = material.styled("span", {
       top: "calc(1em * 1/5)",
       // 20% offset ratio
       svg: {
-        fontSize: cssUtils.ICON_SIZE_SMALL
+        fontSize: paletteUtils.ICON_SIZE_SMALL
       }
     },
     // Button, body2 and body1 variants use medium-sized icons
@@ -54,7 +54,7 @@ const Icon = material.styled("span", {
       top: "calc(1em * 1/4)",
       // 25% offset ratio
       svg: {
-        fontSize: cssUtils.ICON_SIZE_MEDIUM
+        fontSize: paletteUtils.ICON_SIZE_MEDIUM
       }
     }
   })
@@ -74,7 +74,7 @@ function _Link({
   "aria-describedby": ariaDescribedby,
   ...otherProps
 }, ref) {
-  const screenReaderTextValue = cssUtils.useTranslationWithFallback(
+  const screenReaderTextValue = paletteUtils.useTranslationWithFallback(
     "c4r.button.opensInNewTab",
     screenReaderText
   );
@@ -121,7 +121,7 @@ const StyledAlert = material.styled(material.Alert, {
     "icon message"
     "icon actions"
     `,
-      gridTemplateColumns: hasCloseButton ? `${cssUtils.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${cssUtils.ICON_SIZE_MEDIUM}`
+      gridTemplateColumns: hasCloseButton ? `${paletteUtils.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${paletteUtils.ICON_SIZE_MEDIUM}`
     },
     ...isSticky && {
       borderRadius: 0
@@ -198,7 +198,7 @@ function _Alert({
       ...otherProps,
       children: [
         title && /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx(cssUtils.Typography, { variant: "caption", color: "inherit", component: "div", children })
+        /* @__PURE__ */ jsxRuntime.jsx(paletteUtils.Typography, { variant: "caption", color: "inherit", component: "div", children })
       ]
     }
   ) });

package/dist/{MenuItem-Cx5lTXXm.js → MenuItem-BXwl6OyF.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { styled, MenuItem as MenuItem$1 } from "@mui/material";
-import { f as MENU_ITEM_SIZE_DENSE, h as MENU_ITEM_SIZE_EXTENDED } from "./css-utils-CjUBRJVK.js";
+import { f as MENU_ITEM_SIZE_DENSE, k as MENU_ITEM_SIZE_EXTENDED } from "./palette-utils-DBM8n43g.js";
 function getPixelToRem(px) {
   const fontBase = 16;
   const rem = 1 / fontBase * px + "rem";

package/dist/{MenuItem-DoBJsRR_.cjs → MenuItem-CtqW_LpQ.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const cssUtils = require("./css-utils-CH7es90t.cjs");
+const paletteUtils = require("./palette-utils-CbuIJ8kb.cjs");
 function getPixelToRem(px) {
   const fontBase = 16;
   const rem = 1 / fontBase * px + "rem";
@@ -41,7 +41,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         color: theme.palette.text.secondary
       },
       "&.MuiMenuItem-root": {
-        minHeight: cssUtils.MENU_ITEM_SIZE_DENSE,
+        minHeight: paletteUtils.MENU_ITEM_SIZE_DENSE,
         paddingTop: 0,
         paddingBottom: 0,
         marginTop: theme.spacing(1),
@@ -108,7 +108,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
     },
     ...extended && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: cssUtils.MENU_ITEM_SIZE_EXTENDED
+        minHeight: paletteUtils.MENU_ITEM_SIZE_EXTENDED
       }
     },
     ...fixed && {
@@ -119,7 +119,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         bottom: 0,
         right: 0,
         zIndex: 2,
-        minHeight: cssUtils.MENU_ITEM_SIZE_EXTENDED,
+        minHeight: paletteUtils.MENU_ITEM_SIZE_EXTENDED,
         marginBottom: theme.spacing(1),
         padding: theme.spacing(0.5, 0),
         backgroundColor: `${theme.palette.background.paper} !important`,
@@ -129,7 +129,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         padding: theme.spacing(0.5, 1.5)
       },
       ".MuiAutocomplete-listbox &.MuiAutocomplete-option:first-of-type": {
-        minHeight: cssUtils.MENU_ITEM_SIZE_EXTENDED,
+        minHeight: paletteUtils.MENU_ITEM_SIZE_EXTENDED,
         marginTop: 0,
         "&:hover": {
           backgroundColor: theme.palette.background.paper
@@ -143,7 +143,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
     },
     ...dense && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: cssUtils.MENU_ITEM_SIZE_DENSE,
+        minHeight: paletteUtils.MENU_ITEM_SIZE_DENSE,
         padding: theme.spacing(0.25, 0)
       },
       "&.MuiButtonBase-root.MuiMenuItem-gutters": {