@axa-fr/canopee-react 1.8.1-alpha.1 → 2.0.0-RC.1

package/dist/distributeur/Loader/ItemLoader.d.ts

@@ -0,0 +1,4 @@
+export type ItemLoaderVariant = "inline" | "fullscreen" | "content";
+export declare const ItemLoader: ({ variant }: {
+    variant: ItemLoaderVariant;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Loader/ItemLoader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Loader from "@axa-fr/canopee-css/Item_Loader.svg";
+import LoaderInverse from "@axa-fr/canopee-css/Item_Loader_Inverse.svg";
+const DEFAULT_CLASS_NAME = "af-loader";
+export const ItemLoader = ({ variant }) => {
+    const isInverse = variant === "fullscreen";
+    return (_jsx("img", { className: `${DEFAULT_CLASS_NAME}__icon`, src: isInverse ? LoaderInverse : Loader, "aria-hidden": "true", alt: "" }));
+};

package/dist/distributeur/Loader/Loader.d.ts

@@ -1,13 +1,10 @@
 import "@axa-fr/canopee-css/distributeur/Loader/Loader.css";
-import { type ReactNode } from "react";
-type LoaderMode = "none" | "get" | "post" | "delete" | "update" | "error";
-type LoaderProps = {
+import type { ReactNode } from "react";
+import { type ItemLoaderVariant } from "./ItemLoader";
+export type LoaderProps = {
     className?: string;
-    mode: LoaderMode;
-    text?: string;
-    children: ReactNode;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
+    text: string;
+    variant?: ItemLoaderVariant;
+    children?: ReactNode;
 };
-export declare const Loader: ({ className, text, children, classModifier, mode, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Loader: ({ className, text, variant, children, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Loader/Loader.js

@@ -1,31 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Loader/Loader.css";
-import {} from "react";
 import { getClassName } from "../utilities/helpers/getClassName";
-const getText = (index) => {
-    switch (index) {
-        case "get":
-            return "Chargement en cours";
-        case "post":
-            return "Sauvegarde en cours";
-        case "delete":
-            return "Suppression en cours";
-        case "update":
-            return "Mise à jour en cours";
-        case "error":
-            return "Une erreur est survenue lors du chargement du composant";
-        default:
-            return "";
+import { ItemLoader } from "./ItemLoader";
+const LOADER_CLASS_NAME = "af-loader";
+export const Loader = ({ className, text, variant = "fullscreen", children, }) => {
+    const loader = (_jsxs("section", { role: "alert", "aria-live": "assertive", "aria-busy": "true", className: getClassName({
+            baseClassName: LOADER_CLASS_NAME,
+            modifiers: [variant !== "inline" && variant],
+            className,
+        }), children: [_jsx(ItemLoader, { variant: variant }), _jsx("p", { className: `${LOADER_CLASS_NAME}__text`, children: text })] }));
+    if (variant === "fullscreen" && children) {
+        return (_jsxs(_Fragment, { children: [children, loader] }));
     }
-};
-export const Loader = ({ className, text, children, classModifier, mode = "none", }) => {
-    const componentClassName = getClassName({
-        baseClassName: "af-loader",
-        modifiers: classModifier?.split(" "),
-        className,
-    });
-    const message = text || getText(mode);
-    const isLoaderVisible = mode !== "none";
-    const isLoaderInError = mode === "error";
-    return (_jsxs("div", { className: componentClassName, children: [children, isLoaderVisible ? (_jsx("div", { className: `${componentClassName} af-loader-on`, children: _jsxs("div", { className: "af-spinner", role: "alert", "aria-live": "assertive", "aria-busy": !isLoaderInError, "aria-label": message, children: [!isLoaderInError && _jsx("div", { className: "af-spinner__animation" }), _jsx("div", { className: "af-spinner__caption", children: message })] }) })) : null] }));
+    return loader;
 };

package/dist/distributeur/Loader/SquareLoader.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import "@axa-fr/canopee-css/distributeur/Loader/SquareLoader.css";
+export type SquareLoaderProps = {
+    className?: string;
+    mode?: LoaderMode;
+    text?: string;
+    children?: ReactNode;
+    /** @deprecated Use `className` instead. */
+    classModifier?: string;
+};
+export type LoaderMode = "none" | "get" | "post" | "delete" | "update" | "error";
+/**
+ * @deprecated Use `Loader` with `variant="fullscreen"` instead.
+ */
+export declare const SquareLoader: ({ className, text, children, classModifier, mode, }: SquareLoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Loader/SquareLoader.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName } from "../utilities/helpers/getClassName";
+import "@axa-fr/canopee-css/distributeur/Loader/SquareLoader.css";
+const getText = (index) => {
+    switch (index) {
+        case "get":
+            return "Chargement en cours";
+        case "post":
+            return "Sauvegarde en cours";
+        case "delete":
+            return "Suppression en cours";
+        case "update":
+            return "Mise à jour en cours";
+        case "error":
+            return "Une erreur est survenue lors du chargement du composant";
+        default:
+            return "";
+    }
+};
+/**
+ * @deprecated Use `Loader` with `variant="fullscreen"` instead.
+ */
+export const SquareLoader = ({ className, text, children, classModifier, mode = "none", }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-square-loader",
+        modifiers: classModifier?.split(" "),
+        className,
+    });
+    const message = text || getText(mode);
+    const isLoaderVisible = mode !== "none";
+    const isLoaderInError = mode === "error";
+    return (_jsxs("div", { className: componentClassName, children: [children, isLoaderVisible ? (_jsx("div", { className: `${componentClassName} af-square-loader-on`, children: isLoaderInError ? (_jsx("div", { className: "af-spinner", role: "alert", "aria-live": "assertive", "aria-busy": "false", "aria-label": message, children: _jsx("div", { className: "af-spinner__caption", children: message }) })) : (_jsxs("div", { className: "af-spinner", role: "alert", "aria-live": "assertive", "aria-busy": "true", "aria-label": message, children: [_jsx("div", { className: "af-spinner__animation" }), _jsx("div", { className: "af-spinner__caption", children: message })] })) })) : null] }));
+};

package/dist/distributeur/Messages/Message.d.ts

@@ -8,7 +8,7 @@ export type MessageProps = {
     title: ReactNode;
     /**
      * URL of an svg icon to display in the sidebar of the message.
-     * If not provided, a default icon based on the classModifier will be used.
+     * If not provided, a default icon based on the variant will be used.
      * <strong>This not recommended to use</strong>. Only use as an escape hatch.
      */
     icon?: string;
@@ -28,10 +28,6 @@ export type MessageProps = {
      * <div class="my-custom-class af-alert">My message</div>
      */
     className?: string;
-    /**
-     * @deprecated Use `variant` instead.
-     */
-    classModifier?: MessageVariants | "danger";
     /**
      * Variant of the message.
      * This will determine the icon and the style of the message.
@@ -44,4 +40,4 @@ export type MessageProps = {
      */
     closeButtonAriaLabel?: string;
 };
-export declare const Message: ({ className, onClose, icon, title, children, classModifier, variant, closeButtonAriaLabel, }: PropsWithChildren<MessageProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Message: ({ className, onClose, icon, title, children, variant, closeButtonAriaLabel, }: PropsWithChildren<MessageProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Messages/Message.js

@@ -21,23 +21,12 @@ const getIconUrl = (type) => {
             return errorSvg;
     }
 };
-const getVariant = (classModifier, variant) => {
-    if (variant) {
-        return variant;
-    }
-    if (classModifier) {
-        return classModifier === "danger" ? "warning" : classModifier;
-    }
-    return "error"; // Default variant
-};
-export const Message = ({ className, onClose, icon, title, children, classModifier = "error", variant, // Backward compatibility
-closeButtonAriaLabel = "close", }) => {
-    const safeVariant = getVariant(classModifier, variant);
+export const Message = ({ className, onClose, icon, title, children, variant = "error", closeButtonAriaLabel = "close", }) => {
     const componentClassName = getClassName({
         baseClassName: "af-alert",
-        modifiers: [safeVariant],
+        modifiers: [variant],
         className,
     });
-    const iconSrc = icon ?? getIconUrl(safeVariant);
+    const iconSrc = icon ?? getIconUrl(variant);
     return (_jsxs("div", { className: componentClassName, role: "alert", children: [_jsx("div", { className: "af-alert__sidebar", children: _jsx("div", { className: "af-alert__indicator", children: _jsx(Svg, { src: iconSrc, className: "af-alert__icon", role: "presentation" }) }) }), _jsxs("div", { className: "af-alert__content", children: [_jsx("div", { className: "af-alert__title", children: title }), children] }), onClose ? (_jsx("button", { onClick: onClose, "aria-label": closeButtonAriaLabel, type: "button", className: "af-alert__close-button", children: _jsx(Svg, { src: closeSvg, className: "af-alert__close-icon", role: "presentation" }) })) : null] }));
 };

package/dist/distributeur/ModalAgent/BooleanModal.d.ts

@@ -30,11 +30,9 @@ export type BooleanModalProps = React.DetailedHTMLProps<React.DialogHTMLAttribut
      */
     cancelTitle?: string;
     className?: string;
-    /**
-     * @deprecated Use `size` prop instead.
-     * Class modifier for the modal. Can be used to apply custom styles.
-     */
-    classModifier?: string;
 };
-declare const BooleanModal: React.ForwardRefExoticComponent<Omit<BooleanModalProps, "ref"> & React.RefAttributes<HTMLDialogElement>>;
+declare const BooleanModal: {
+    ({ children, title, submitTitle, cancelTitle, className, onCancel, onSubmit, closeButtonAriaLabel, ...props }: BooleanModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { BooleanModal };

package/dist/distributeur/ModalAgent/BooleanModal.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef } from "react";
-import { Button, Modal, getComponentClassName } from "../../distributeur";
+import React, {} from "react";
+import { Button, getClassName, Modal } from "../../distributeur";
 import { Body } from "./components/Body";
 import { Footer } from "./components/Footer";
 import { Header } from "./components/Header";
 const defaultClassName = "af-modal";
-const BooleanModal = forwardRef(({ children, title, submitTitle = "Valider", cancelTitle = "Annuler", className = defaultClassName, classModifier, onCancel, onSubmit, closeButtonAriaLabel, ...props }, ref) => {
-    const componentClassName = getComponentClassName(className, classModifier, defaultClassName);
-    return (_jsxs(Modal, { className: componentClassName, onOutsideTap: onCancel, title: title, ref: ref, ...props, children: [_jsx(Header, { title: title, onCancel: onCancel, closeButtonAriaLabel: closeButtonAriaLabel }), _jsx(Body, { children: children }), _jsxs(Footer, { children: [_jsx(Button, { variant: "secondary", onClick: onCancel, children: cancelTitle }), _jsx(Button, { onClick: onSubmit, variant: "validated", children: submitTitle })] })] }));
-});
+const BooleanModal = ({ children, title, submitTitle = "Valider", cancelTitle = "Annuler", className, onCancel, onSubmit, closeButtonAriaLabel, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: defaultClassName,
+        className,
+    });
+    return (_jsxs(Modal, { className: componentClassName, onOutsideTap: onCancel, title: title, ...props, children: [_jsx(Header, { onCancel: onCancel, closeButtonAriaLabel: closeButtonAriaLabel, children: title }), _jsx(Body, { children: children }), _jsxs(Footer, { children: [_jsx(Button, { variant: "secondary", onClick: onCancel, children: cancelTitle }), _jsx(Button, { onClick: onSubmit, variant: "validated", children: submitTitle })] })] }));
+};
 BooleanModal.displayName = "BooleanModal";
 export { BooleanModal };

package/dist/distributeur/ModalAgent/Modal.d.ts

@@ -12,14 +12,12 @@ export type ModalProps = React.DetailedHTMLProps<React.DialogHTMLAttributes<HTML
     title?: string;
     className?: string;
     /**
-     * @deprecated Use `size` prop instead.
-     * Class modifier for the modal. Can be used to apply custom styles.
-     */
-    classModifier?: string;
-    /**
-     * Size of the modal. Overrides classModifier if set
+     * Size of the modal.
      */
     ref?: React.Ref<HTMLDialogElement>;
 };
-declare const Modal: import("react").ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import("react").RefAttributes<HTMLDialogElement>>;
+declare const Modal: {
+    ({ className, title, onOutsideTap, children, size, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { Modal };

package/dist/distributeur/ModalAgent/Modal.js

@@ -1,24 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { getComponentClassName } from "../utilities";
-const Modal = forwardRef(({ className, title = "", onOutsideTap, children, classModifier, size, ...props }, ref) => {
-    // If size is set to 'lg' or 'sm', use it as the classModifier, otherwise use the provided classModifier
-    let effectiveClassModifier;
-    if (size) {
-        if (classModifier && classModifier !== "lg" && classModifier !== "sm") {
-            effectiveClassModifier = `${size} ${classModifier}`;
-        }
-        else {
-            effectiveClassModifier = size;
-        }
-    }
-    else {
-        effectiveClassModifier = classModifier;
-    }
-    const componentClassName = getComponentClassName(className, effectiveClassModifier, "af-modal");
+import {} from "react";
+import { getClassName } from "../utilities";
+const Modal = ({ className, title = "", onOutsideTap, children, size, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-modal",
+        modifiers: [size],
+        className,
+    });
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
-    _jsx("dialog", { "aria-label": title, className: componentClassName, onClick: onOutsideTap, ref: ref, ...props, children: _jsx("div", { className: "af-modal__dialog", onClick: (event) => event.stopPropagation(), children: _jsx("div", { className: "af-modal__content", children: children }) }) }));
-});
+    _jsx("dialog", { "aria-label": title, className: componentClassName, onClick: onOutsideTap, ...props, children: _jsx("div", { className: "af-modal__dialog", onClick: (event) => event.stopPropagation(), children: _jsx("div", { className: "af-modal__content", children: children }) }) }));
+};
 Modal.displayName = "Modal";
 export { Modal };

package/dist/distributeur/ModalAgent/components/Body.d.ts

@@ -1,6 +1,3 @@
-export type BodyProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-declare const Body: ({ children, className, classModifier, ...otherProps }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+export type BodyProps = React.HTMLAttributes<HTMLDivElement> & {};
+declare const Body: ({ children, className, ...otherProps }: BodyProps) => import("react/jsx-runtime").JSX.Element;
 export { Body };

package/dist/distributeur/ModalAgent/components/Body.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "../../utilities/helpers/getClassName";
-const Body = ({ children, className, classModifier, ...otherProps }) => {
+const Body = ({ children, className, ...otherProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-modal__body",
-        modifiers: classModifier?.split(" "),
         className,
     });
     return (_jsx("section", { className: componentClassName, ...otherProps, children: children }));

package/dist/distributeur/ModalAgent/components/Footer.d.ts

@@ -1,6 +1,3 @@
-export type FooterProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-declare const Footer: ({ classModifier, className, ...rest }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export type FooterProps = React.HTMLAttributes<HTMLDivElement> & {};
+declare const Footer: ({ className, ...rest }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export { Footer };

package/dist/distributeur/ModalAgent/components/Footer.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "../../utilities/helpers/getClassName";
-const Footer = ({ classModifier, className, ...rest }) => {
+const Footer = ({ className, ...rest }) => {
     const componentClassName = getClassName({
         baseClassName: "af-modal__footer",
-        modifiers: classModifier?.split(" "),
         className,
     });
     return _jsx("footer", { ...rest, className: componentClassName });

package/dist/distributeur/ModalAgent/components/Header.d.ts

@@ -1,10 +1,5 @@
 import type { MouseEventHandler, ReactNode } from "react";
 export type HeaderProps = React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Text displayed in the header.
-     * @deprecated Use `children` instead to allow for more flexible content.
-     */
-    title?: string;
     /**
      * Text displayed in the header, overrides `title` if both are set.
      */
@@ -17,15 +12,10 @@ export type HeaderProps = React.HTMLAttributes<HTMLDivElement> & {
      * Aria label for the close button, used for accessibility.
      */
     closeButtonAriaLabel?: string;
-    /**
-     * Class modifier for the header. Can be used to apply custom styles.
-     * @deprecated Use `className` instead.
-     */
-    classModifier?: string;
     /**
      * Prop to override the style of the header. Will totally remove the default styles.
      */
     className?: string;
 };
-declare const Header: ({ className, classModifier, title, closeButtonAriaLabel, onCancel, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ className, closeButtonAriaLabel, onCancel, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export { Header };

package/dist/distributeur/ModalAgent/components/Header.js

@@ -2,12 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import closeIcon from "@material-symbols/svg-400/outlined/close.svg";
 import { Svg } from "../../../distributeur";
 import { getClassName } from "../../utilities/helpers/getClassName";
-const Header = ({ className, classModifier, title, closeButtonAriaLabel = "Fermer la boite de dialogue", onCancel, children, ...props }) => {
+const Header = ({ className, closeButtonAriaLabel = "Fermer la boite de dialogue", onCancel, children, ...props }) => {
     const componentClassName = getClassName({
         baseClassName: "af-modal__header",
-        modifiers: classModifier?.split(" "),
         className,
     });
-    return (_jsxs("header", { className: componentClassName, ...props, children: [_jsx("h4", { className: "af-modal__header-title", children: children ?? title }), _jsx("button", { className: "af-modal__header-close-btn", type: "button", "aria-label": closeButtonAriaLabel, onClick: onCancel, children: _jsx(Svg, { src: closeIcon }) })] }));
+    return (_jsxs("header", { className: componentClassName, ...props, children: [_jsx("h4", { className: "af-modal__header-title", children: children }), _jsx("button", { className: "af-modal__header-close-btn", type: "button", "aria-label": closeButtonAriaLabel, onClick: onCancel, children: _jsx(Svg, { src: closeIcon }) })] }));
 };
 export { Header };

package/dist/distributeur/ModalAgent/components/HeaderBase.d.ts

@@ -1,6 +1,3 @@
-export type HeaderBaseProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-declare const HeaderBase: ({ classModifier, className, ...rest }: HeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
+export type HeaderBaseProps = React.HTMLAttributes<HTMLDivElement> & {};
+declare const HeaderBase: ({ className, ...rest }: HeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
 export { HeaderBase };

package/dist/distributeur/ModalAgent/components/HeaderBase.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "../../utilities/helpers/getClassName";
-const HeaderBase = ({ classModifier, className, ...rest }) => {
+const HeaderBase = ({ className, ...rest }) => {
     const componentClassName = getClassName({
         baseClassName: "af-modal__header",
-        modifiers: classModifier?.split(" "),
         className,
     });
     return _jsx("header", { ...rest, className: componentClassName });

package/dist/distributeur/Popover/AnimatedPopover.d.ts

@@ -6,10 +6,8 @@ type PropsAnimatedPopover = {
     isOpen: boolean;
     target: React.ReactNode;
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     onMouseEnter?: (event: React.MouseEvent) => void;
     onMouseLeave?: (event: React.MouseEvent) => void;
 };
-export declare const AnimatedPopover: ({ placement, children, isOpen, target, className, classModifier, onMouseEnter, onMouseLeave, }: PropsAnimatedPopover) => import("react/jsx-runtime").JSX.Element;
+export declare const AnimatedPopover: ({ placement, children, isOpen, target, className, onMouseEnter, onMouseLeave, }: PropsAnimatedPopover) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/distributeur/Popover/AnimatedPopover.js

@@ -4,10 +4,9 @@ import { arrow, FloatingArrow, offset, useFloating, } from "@floating-ui/react";
 import React, { useRef } from "react";
 import { getClassName } from "../utilities/helpers/getClassName";
 const defaultClassName = "af-popover__container";
-export const AnimatedPopover = ({ placement, children, isOpen, target, className, classModifier, onMouseEnter, onMouseLeave, }) => {
+export const AnimatedPopover = ({ placement, children, isOpen, target, className, onMouseEnter, onMouseLeave, }) => {
     const componentClassName = getClassName({
         baseClassName: defaultClassName,
-        modifiers: classModifier?.split(" ") ?? [],
         className,
     });
     const [referenceElement, setReferenceElement] = React.useState(null);

package/dist/distributeur/Popover/Popover.d.ts

@@ -3,12 +3,10 @@ import React from "react";
 import type { PopoverModes } from "./Popover.types";
 type Props = {
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     placement?: Placement;
     mode: PopoverModes;
     popoverElement: React.ReactNode;
     children: React.ReactNode;
 };
-declare const Popover: ({ children, placement, className, classModifier, mode, popoverElement: content, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Popover: ({ children, placement, className, mode, popoverElement: content, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Popover };

package/dist/distributeur/Popover/Popover.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { PopoverClick } from "./PopoverClick";
 import { PopoverOver } from "./PopoverOver";
-const Popover = ({ children, placement = "top", className, classModifier, mode = "click", popoverElement: content, }) => {
+const Popover = ({ children, placement = "top", className, mode = "click", popoverElement: content, }) => {
     const Component = mode === "click" ? PopoverClick : PopoverOver;
-    return (_jsx(Component, { className: className, classModifier: classModifier, placement: placement, element: content, children: children }));
+    return (_jsx(Component, { className: className, placement: placement, element: content, children: children }));
 };
 export { Popover };

package/dist/distributeur/Popover/Popover.types.d.ts

@@ -2,8 +2,6 @@ import type { Placement } from "@floating-ui/react";
 export type PopoverModes = "hover" | "click";
 export type PopoverProps = {
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     size?: "small";
     placement?: Placement;
     children?: React.ReactNode;

package/dist/distributeur/Popover/PopoverBase.d.ts

@@ -4,13 +4,11 @@ import "@axa-fr/canopee-css/distributeur/Popover/Popover.css";
 type Props = {
     placement?: Placement;
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     element: React.ReactNode;
     children: React.ReactNode | React.ReactNode[];
     isOpen: boolean;
     onMouseEnter?: (event: React.MouseEvent) => void;
     onMouseLeave?: (event: React.MouseEvent) => void;
 };
-declare const PopoverBase: ({ children, isOpen, placement, className, classModifier, element, onMouseEnter, onMouseLeave, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const PopoverBase: ({ children, isOpen, placement, className, element, onMouseEnter, onMouseLeave, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { PopoverBase };

package/dist/distributeur/Popover/PopoverBase.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { AnimatedPopover } from "./AnimatedPopover";
 import "@axa-fr/canopee-css/distributeur/Popover/Popover.css";
-const PopoverBase = ({ children, isOpen, placement = "right", className, classModifier, element, onMouseEnter, onMouseLeave, }) => {
-    return (_jsx(AnimatedPopover, { target: children, placement: placement, isOpen: isOpen, className: className, classModifier: classModifier, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: element }));
+const PopoverBase = ({ children, isOpen, placement = "right", className, element, onMouseEnter, onMouseLeave, }) => {
+    return (_jsx(AnimatedPopover, { target: children, placement: placement, isOpen: isOpen, className: className, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: element }));
 };
 export { PopoverBase };

package/dist/distributeur/Popover/PopoverClick.d.ts

@@ -1,2 +1,2 @@
 import type { PopoverProps } from "./Popover.types";
-export declare const PopoverClick: ({ children, placement, className, classModifier, element, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverClick: ({ children, placement, className, element, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Popover/PopoverClick.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { PopoverBase } from "./PopoverBase";
-export const PopoverClick = ({ children, placement, className, classModifier, element, }) => {
+export const PopoverClick = ({ children, placement, className, element, }) => {
     const wrapperRef = React.useRef(null);
     const [isOpen, setOpen] = React.useState(false);
     const [isPopoverHover, setPopoverHover] = React.useState(false);
@@ -23,5 +23,5 @@ export const PopoverClick = ({ children, placement, className, classModifier, el
     const handleMouseLeavePopover = () => {
         setPopoverHover(false);
     };
-    return (_jsx("div", { role: "button", tabIndex: 0, ref: wrapperRef, className: "af-popover__wrapper af-popover__wrapper--click", onKeyDown: handleKeyDown, onClick: handleClick, onBlur: (event) => handleClick(event, false), children: _jsx(PopoverBase, { onMouseEnter: handleMouseEnterPopover, onMouseLeave: handleMouseLeavePopover, isOpen: isOpen, placement: placement, className: className, classModifier: classModifier, element: element, children: children }) }));
+    return (_jsx("div", { role: "button", tabIndex: 0, ref: wrapperRef, className: "af-popover__wrapper af-popover__wrapper--click", onKeyDown: handleKeyDown, onClick: handleClick, onBlur: (event) => handleClick(event, false), children: _jsx(PopoverBase, { onMouseEnter: handleMouseEnterPopover, onMouseLeave: handleMouseLeavePopover, isOpen: isOpen, placement: placement, className: className, element: element, children: children }) }));
 };

package/dist/distributeur/Popover/PopoverOver.d.ts

@@ -1,2 +1,2 @@
 import type { PopoverProps } from "./Popover.types";
-export declare const PopoverOver: ({ children, placement, className, classModifier, element: content, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverOver: ({ children, placement, className, element: content, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Popover/PopoverOver.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { PopoverBase } from "./PopoverBase";
-export const PopoverOver = ({ children, placement, className, classModifier, element: content, }) => {
+export const PopoverOver = ({ children, placement, className, element: content, }) => {
     const [isOpen, setOpen] = React.useState(false);
     const handleMouseEnter = () => {
         setOpen(true);
@@ -9,5 +9,5 @@ export const PopoverOver = ({ children, placement, className, classModifier, ele
     const handleMouseLeave = () => {
         setOpen(false);
     };
-    return (_jsx("div", { role: "button", tabIndex: 0, className: "af-popover__wrapper af-popover__wrapper--over", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleMouseEnter, onBlur: handleMouseLeave, children: _jsx(PopoverBase, { isOpen: isOpen, placement: placement, className: className, classModifier: classModifier, element: content, children: children }) }));
+    return (_jsx("div", { role: "button", tabIndex: 0, className: "af-popover__wrapper af-popover__wrapper--over", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleMouseEnter, onBlur: handleMouseLeave, children: _jsx(PopoverBase, { isOpen: isOpen, placement: placement, className: className, element: content, children: children }) }));
 };

package/dist/distributeur/Restitution/ArticleRestitution.d.ts

@@ -1,7 +1,4 @@
 import type { ComponentPropsWithoutRef, PropsWithChildren } from "react";
-type ArticleRestitutionProps = ComponentPropsWithoutRef<"article"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-export declare const ArticleRestitution: ({ children, className, classModifier, ...otherProps }: PropsWithChildren<ArticleRestitutionProps>) => import("react/jsx-runtime").JSX.Element;
+type ArticleRestitutionProps = ComponentPropsWithoutRef<"article"> & {};
+export declare const ArticleRestitution: ({ children, className, ...otherProps }: PropsWithChildren<ArticleRestitutionProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/distributeur/Restitution/ArticleRestitution.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "../utilities/helpers/getClassName";
-export const ArticleRestitution = ({ children, className, classModifier, ...otherProps }) => {
+export const ArticleRestitution = ({ children, className, ...otherProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-restitution",
-        modifiers: classModifier?.split(" "),
         className,
     });
     return (_jsx("article", { className: componentClassName, ...otherProps, children: children }));

package/dist/distributeur/Restitution/HeaderRestitution.d.ts

@@ -4,7 +4,5 @@ export type HeaderRestitutionProps = {
     title: React.ReactNode;
     subtitle?: React.ReactNode;
     rightTitle?: React.ReactNode;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
 };
-export declare const HeaderRestitution: ({ title, subtitle, rightTitle, className, classModifier, }: HeaderRestitutionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderRestitution: ({ title, subtitle, rightTitle, className, }: HeaderRestitutionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Restitution/HeaderRestitution.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { getClassName } from "../utilities/helpers/getClassName";
-export const HeaderRestitution = ({ title, subtitle, rightTitle, className, classModifier, }) => {
+export const HeaderRestitution = ({ title, subtitle, rightTitle, className, }) => {
     const componentClassName = getClassName({
         baseClassName: "af-restitution__header",
-        modifiers: classModifier?.split(" "),
         className,
     });
     return (_jsxs("header", { className: componentClassName, children: [_jsx("div", { className: "af-restitution__header-left", children: _jsxs("h3", { className: "af-restitution__title", children: [_jsx("span", { className: "af-restitution__title-main", children: title }), subtitle ? (_jsx("span", { className: "af-restitution__title-subtitle", children: subtitle })) : null] }) }), rightTitle ? (_jsx("div", { className: "af-restitution__header-right", children: _jsx("span", { className: "af-restitution__title", children: rightTitle }) })) : null] }));

package/dist/distributeur/Restitution/Restitution.d.ts

@@ -1,8 +1,6 @@
 import type { ComponentPropsWithoutRef, PropsWithChildren } from "react";
 export type RestitutionProps = ComponentPropsWithoutRef<"dl"> & {
     label: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     variant?: "marge";
 };
-export declare const Restitution: ({ label, children, className, classModifier, variant, }: PropsWithChildren<RestitutionProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Restitution: ({ label, children, className, variant, }: PropsWithChildren<RestitutionProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Restitution/Restitution.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getClassName } from "../utilities/helpers/getClassName";
-export const Restitution = ({ label, children = "-", className, classModifier, variant, }) => {
+export const Restitution = ({ label, children = "-", className, variant, }) => {
     const componentClassName = getClassName({
         baseClassName: "af-restitution__listdef",
-        modifiers: [variant, ...(classModifier?.split(" ") ?? [])],
+        modifiers: [variant],
         className,
     });
     return (_jsxs("dl", { className: componentClassName, children: [_jsx("dt", { className: "af-restitution__listdef-item", children: _jsx("span", { className: "af-restitution__text", children: label }) }), _jsx("dd", { className: "af-restitution__listdef-value", children: children })] }));