@carto/meridian-ds 2.2.0-alpha-filter-dropdown.8 → 2.2.0-alpha-filter-dropdown.10

package/dist/components/index.cjs

@@ -1551,7 +1551,8 @@ const FilterDropdownMenuItem = ({
     subtitle,
     divider,
     fixed,
-    selected
+    selected,
+    iconColor
   } = item;
   const [menuItemId] = React.useState(() => `filter-dropdown-item-${uniqueId()}`);
   const isSelected = selected || (selectedValue == null ? void 0 : selectedValue.id) === id;
@@ -1568,6 +1569,7 @@ const FilterDropdownMenuItem = ({
       subtitle,
       divider,
       fixed,
+      iconColor,
       "aria-label": ariaLabel,
       "aria-labelledby": menuItemId,
       "aria-selected": isSelected,
@@ -1657,7 +1659,8 @@ function _FilterDropdown({
     id: buttonId,
     "aria-controls": isOpen ? menuId : void 0,
     "aria-haspopup": !disabled,
-    "aria-expanded": isOpen
+    "aria-expanded": isOpen,
+    "data-color": buttonColor
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsx(ButtonWrapper, { isOpen, buttonColor, ref, children: isIcon ? /* @__PURE__ */ jsxRuntime.jsx(Link.IconButton, { ...commonButtonProps, icon }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -1682,12 +1685,14 @@ function _FilterDropdown({
           ...slotProps,
           paper: {
             "data-name": "filter-dropdown",
-            "data-dense": dense,
             ...slotProps == null ? void 0 : slotProps.paper
           }
         },
         MenuListProps: {
           "aria-labelledby": buttonId,
+          ...dense && {
+            "data-dense": dense
+          },
           autoFocus: true,
           // To allow keyboard navigation
           ...MenuListProps

package/dist/components/index.js

@@ -1551,7 +1551,8 @@ const FilterDropdownMenuItem = ({
     subtitle,
     divider,
     fixed,
-    selected
+    selected,
+    iconColor
   } = item;
   const [menuItemId] = useState(() => `filter-dropdown-item-${uniqueId()}`);
   const isSelected = selected || (selectedValue == null ? void 0 : selectedValue.id) === id;
@@ -1568,6 +1569,7 @@ const FilterDropdownMenuItem = ({
       subtitle,
       divider,
       fixed,
+      iconColor,
       "aria-label": ariaLabel,
       "aria-labelledby": menuItemId,
       "aria-selected": isSelected,
@@ -1657,7 +1659,8 @@ function _FilterDropdown({
     id: buttonId,
     "aria-controls": isOpen ? menuId : void 0,
     "aria-haspopup": !disabled,
-    "aria-expanded": isOpen
+    "aria-expanded": isOpen,
+    "data-color": buttonColor
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsx(ButtonWrapper, { isOpen, buttonColor, ref, children: isIcon ? /* @__PURE__ */ jsx(IconButton$1, { ...commonButtonProps, icon }) : /* @__PURE__ */ jsx(
@@ -1682,12 +1685,14 @@ function _FilterDropdown({
           ...slotProps,
           paper: {
             "data-name": "filter-dropdown",
-            "data-dense": dense,
             ...slotProps == null ? void 0 : slotProps.paper
           }
         },
         MenuListProps: {
           "aria-labelledby": buttonId,
+          ...dense && {
+            "data-dense": dense
+          },
           autoFocus: true,
           // To allow keyboard navigation
           ...MenuListProps

package/dist/types/components/molecules/FilterDropdown/FilterDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,YAAY,EAAE,MAAM,OAAO,CAAA;AAQ7E,OAAO,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA0BtE,wBAAgB,eAAe,CAC7B,EACE,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAA2B,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAuB,EACvB,KAAa,EACb,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,EACtB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CAoGlC;AAID,QAAA,MAAM,cAAc,yGAEnB,CAAA;AACD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,YAAY,EAAE,MAAM,OAAO,CAAA;AAQ7E,OAAO,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA0BtE,wBAAgB,eAAe,CAC7B,EACE,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAA2B,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAuB,EACvB,KAAa,EACb,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,EACtB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CAuGlC;AAID,QAAA,MAAM,cAAc,yGAEnB,CAAA;AACD,eAAe,cAAc,CAAA"}

package/dist/types/components/molecules/FilterDropdown/FilterDropdownMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdownMenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,sBAAsB,4DAMhC,2BAA2B,mDAoD7B,CAAA"}
+{"version":3,"file":"FilterDropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdownMenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,sBAAsB,4DAMhC,2BAA2B,mDAsD7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.2.0-alpha-filter-dropdown.8",
+  "version": "2.2.0-alpha-filter-dropdown.10",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {