cozy-ui 122.4.0 → 122.6.0

package/transpiled/react/Nav/index.d.ts

@@ -1,9 +1,11 @@
-export function NavItem({ children, secondary, ...restProps }: {
+export function NavItem({ className, children, secondary, ...restProps }: {
     [x: string]: any;
+    className: any;
     children: any;
     secondary: any;
 }): JSX.Element;
-export function NavText({ children }: {
+export function NavText({ className, children }: {
+    className: any;
     children: any;
 }): JSX.Element;
 export namespace NavLink {
@@ -16,13 +18,15 @@ export function genNavLink(RRNavLink: any): ({ to, children, ...rest }: {
     children: any;
 }) => JSX.Element;
 export function genNavLinkForV6(RRNavLink: any): React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-export function NavIcon({ icon }: {
+export function NavIcon({ className, icon }: {
+    className: any;
     icon: any;
 }): JSX.Element;
 export const NavDesktopLimiter: any;
 export default Nav;
 import React from "react";
-declare function Nav({ children }: {
+declare function Nav({ className, children }: {
+    className: any;
     children: any;
 }): JSX.Element;
 declare namespace Nav {

package/transpiled/react/Nav/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "secondary"],
+var _excluded = ["className", "children", "secondary"],
     _excluded2 = ["to", "children"];
 import cx from 'classnames';
 import React, { Children, isValidElement, useState, forwardRef } from 'react';
@@ -22,18 +22,20 @@ import TopIcon from "cozy-ui/transpiled/react/Icons/Top";
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 export var NavItem = function NavItem(_ref) {
-  var children = _ref.children,
+  var className = _ref.className,
+      children = _ref.children,
       secondary = _ref.secondary,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("li", _extends({
-    className: cx(styles['c-nav-item'], secondary ? styles['c-nav-item-secondary'] : null)
+    className: cx(styles['c-nav-item'], className, secondary ? styles['c-nav-item-secondary'] : null)
   }, restProps), children);
 };
 export var NavText = function NavText(_ref2) {
-  var children = _ref2.children;
+  var className = _ref2.className,
+      children = _ref2.children;
   return /*#__PURE__*/React.createElement("span", {
-    className: styles['c-nav-text']
+    className: cx(styles['c-nav-text'], className)
   }, children);
 };
 export var NavLink = {
@@ -67,9 +69,10 @@ export var genNavLinkForV6 = function genNavLinkForV6(RRNavLink) {
   });
 };
 export var NavIcon = function NavIcon(_ref5) {
-  var icon = _ref5.icon;
+  var className = _ref5.className,
+      icon = _ref5.icon;
   return /*#__PURE__*/React.createElement("span", {
-    className: cx(styles['c-nav-icon'])
+    className: cx(styles['c-nav-icon'], className)
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     "aria-hidden": "true",
@@ -78,11 +81,12 @@ export var NavIcon = function NavIcon(_ref5) {
 };
 
 var Nav = function Nav(_ref6) {
-  var children = _ref6.children;
+  var className = _ref6.className,
+      children = _ref6.children;
   return /*#__PURE__*/React.createElement("nav", {
     role: "navigation"
   }, /*#__PURE__*/React.createElement("ul", {
-    className: styles['c-nav']
+    className: cx(styles['c-nav'], className)
   }, children));
 };
 /**