cozy-ui 138.9.0 → 138.11.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [138.11.0](https://github.com/cozy/cozy-ui/compare/v138.10.0...v138.11.0) (2026-05-07)
+
+
+### Features
+
+* **makeAction:** Add props `Component` and `componentProps` ([cebb6de](https://github.com/cozy/cozy-ui/commit/cebb6de))
+
+# [138.10.0](https://github.com/cozy/cozy-ui/compare/v138.9.0...v138.10.0) (2026-05-06)
+
+
+### Features
+
+* Change NavDesktopDropdown label to caption variant ([3567ebf](https://github.com/cozy/cozy-ui/commit/3567ebf))
+
 # [138.9.0](https://github.com/cozy/cozy-ui/compare/v138.8.0...v138.9.0) (2026-05-04)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "138.9.0",
+  "version": "138.11.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/ActionsMenu/Actions/makeAction.jsx

@@ -5,14 +5,14 @@ import ListItemIcon from '../../ListItemIcon'
 import ListItemText from '../../ListItemText'
 import ActionsMenuItem from '../ActionsMenuItem'
 
-const makeComponent = ({ label, icon, name }) => {
+const makeComponent = ({ label, icon, name, componentProps }) => {
   const Component = forwardRef((props, ref) => {
     return (
       <ActionsMenuItem {...props} ref={ref}>
         <ListItemIcon>
-          <Icon icon={icon} />
+          <Icon icon={icon} {...componentProps?.Icon} />
         </ListItemIcon>
-        <ListItemText primary={label} />
+        <ListItemText primary={label} {...componentProps?.ListItemText} />
       </ActionsMenuItem>
     )
   })
@@ -28,6 +28,8 @@ export const makeAction = ({
   icon,
   disabled,
   displayCondition,
+  Component,
+  componentProps,
   action
 }) => {
   return {
@@ -37,6 +39,7 @@ export const makeAction = ({
     disabled,
     displayCondition,
     action,
-    Component: makeComponent({ label, icon, name })
+    componentProps,
+    Component: Component || makeComponent({ label, icon, name, componentProps })
   }
 }

package/react/Nav/index.jsx

@@ -140,7 +140,7 @@ export const NavDesktopDropdown = ({
     <>
       <ListItem size="small" className={isActivated ? 'u-c-pointer' : ''}>
         <DropdownText
-          variant="overline"
+          variant="caption"
           color="textSecondary"
           spaceBetween
           innerIconProps={innerIconProps}

package/transpiled/react/ActionsMenu/Actions/makeAction.d.ts

@@ -1,9 +1,11 @@
-export function makeAction({ name, label, icon, disabled, displayCondition, action }: {
+export function makeAction({ name, label, icon, disabled, displayCondition, Component, componentProps, action }: {
     name: any;
     label: any;
     icon: any;
     disabled: any;
     displayCondition: any;
+    Component: any;
+    componentProps: any;
     action: any;
 }): {
     name: any;
@@ -12,6 +14,6 @@ export function makeAction({ name, label, icon, disabled, displayCondition, acti
     disabled: any;
     displayCondition: any;
     action: any;
-    Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    componentProps: any;
+    Component: any;
 };
-import React from "react";

package/transpiled/react/ActionsMenu/Actions/makeAction.js

@@ -8,15 +8,16 @@ import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuIte
 var makeComponent = function makeComponent(_ref) {
   var label = _ref.label,
       icon = _ref.icon,
-      name = _ref.name;
+      name = _ref.name,
+      componentProps = _ref.componentProps;
   var Component = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
       ref: ref
-    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, _extends({
       icon: icon
-    })), /*#__PURE__*/React.createElement(ListItemText, {
+    }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.Icon))), /*#__PURE__*/React.createElement(ListItemText, _extends({
       primary: label
-    }));
+    }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.ListItemText)));
   });
   Component.displayName = name;
   return Component;
@@ -28,6 +29,8 @@ export var makeAction = function makeAction(_ref2) {
       icon = _ref2.icon,
       disabled = _ref2.disabled,
       displayCondition = _ref2.displayCondition,
+      Component = _ref2.Component,
+      componentProps = _ref2.componentProps,
       action = _ref2.action;
   return {
     name: name,
@@ -36,10 +39,12 @@ export var makeAction = function makeAction(_ref2) {
     disabled: disabled,
     displayCondition: displayCondition,
     action: action,
-    Component: makeComponent({
+    componentProps: componentProps,
+    Component: Component || makeComponent({
       label: label,
       icon: icon,
-      name: name
+      name: name,
+      componentProps: componentProps
     })
   };
 };

package/transpiled/react/Nav/index.js

@@ -173,7 +173,7 @@ export var NavDesktopDropdown = function NavDesktopDropdown(_ref8) {
     size: "small",
     className: isActivated ? 'u-c-pointer' : ''
   }, /*#__PURE__*/React.createElement(DropdownText, {
-    variant: "overline",
+    variant: "caption",
     color: "textSecondary",
     spaceBetween: true,
     innerIconProps: innerIconProps,