@axa-fr/canopee-react 2.0.0-alpha.8 → 2.0.0-alpha.80

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 })] }));

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

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

package/dist/distributeur/Restitution/SectionRestitution.js

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

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

@@ -2,7 +2,5 @@ import type { PropsWithChildren } from "react";
 export type SectionRestitutionColumnProps = {
     className?: string;
     title?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
 };
-export declare const SectionRestitutionColumn: ({ children, className, title, classModifier, }: PropsWithChildren<SectionRestitutionColumnProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionRestitutionColumn: ({ children, className, title, }: PropsWithChildren<SectionRestitutionColumnProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Restitution/SectionRestitutionColumn.js

@@ -2,11 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { getClassName } from "../utilities/helpers/getClassName";
 import { SectionRestitutionTitle } from "./SectionRestitutionTitle";
-export const SectionRestitutionColumn = ({ children, className, title, classModifier, }) => {
+export const SectionRestitutionColumn = ({ children, className, title, }) => {
     const baseClassName = className
         ? getClassName({
             baseClassName: className,
-            modifiers: classModifier?.split(" "),
         })
         : null;
     const componentClassName = classNames("col-sm-12 col-md-12 col-lg-6 col-xl-6", baseClassName);

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

@@ -3,7 +3,5 @@ export type SectionRestitutionRowProps = {
     title?: React.ReactNode;
     classNameContainer?: string;
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
 };
-export declare const SectionRestitutionRow: ({ title, className, classNameContainer, children, classModifier, }: PropsWithChildren<SectionRestitutionRowProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionRestitutionRow: ({ title, className, classNameContainer, children, }: PropsWithChildren<SectionRestitutionRowProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Restitution/SectionRestitutionRow.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
 import { getClassName } from "../utilities/helpers/getClassName";
 import { SectionRestitutionTitle } from "./SectionRestitutionTitle";
 const DEFAULT_CLASSNAME = "af-restitution__content-row";
-export const SectionRestitutionRow = ({ title, className, classNameContainer = "row af-restitution__content-left", children, classModifier, }) => {
-    const baseClassName = className
-        ? getClassName({
-            baseClassName: className,
-            modifiers: classModifier?.split(" "),
-        })
-        : null;
-    const componentClassName = classNames(DEFAULT_CLASSNAME, baseClassName);
+export const SectionRestitutionRow = ({ title, className, classNameContainer = "row af-restitution__content-left", children, }) => {
+    const componentClassName = getClassName({
+        baseClassName: DEFAULT_CLASSNAME,
+        className,
+    });
     return (_jsxs("div", { className: componentClassName, children: [title ? _jsx(SectionRestitutionTitle, { title: title }) : null, _jsx("div", { className: classNameContainer, children: children })] }));
 };

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

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

package/dist/distributeur/Restitution/SectionRestitutionTitle.js

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

package/dist/distributeur/Steps/Step.d.ts

@@ -4,5 +4,5 @@ type Props = Omit<StepLinkProps, "href"> & {
     href?: string;
     mode?: StepMode;
 };
-declare const Step: ({ number, id, title, classModifier, href, onClick, mode, className, stateLabel, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Step: ({ number, id, title, href, onClick, mode, className, stateLabel, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Step };

package/dist/distributeur/Steps/Step.js

@@ -2,14 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { StepCurrent } from "./StepCurrent";
 import { StepDisabled } from "./StepDisabled";
 import { StepLink } from "./StepLink";
-const Step = ({ number, id, title, classModifier, href, onClick, mode = "link", className, stateLabel, }) => {
+const Step = ({ number, id, title, href, onClick, mode = "link", className, stateLabel, }) => {
     switch (mode) {
         case "link":
-            return (_jsx(StepLink, { id: id, href: href ?? "#", number: number, classModifier: classModifier, className: className, title: title, onClick: onClick, stateLabel: stateLabel || "complété" }));
+            return (_jsx(StepLink, { id: id, href: href ?? "#", number: number, className: className, title: title, onClick: onClick, stateLabel: stateLabel || "complété" }));
         case "active":
-            return (_jsx(StepCurrent, { id: id, title: title, classModifier: classModifier, className: className, number: number, stateLabel: stateLabel || "en cours" }));
+            return (_jsx(StepCurrent, { id: id, title: title, className: className, number: number, stateLabel: stateLabel || "en cours" }));
         default:
-            return (_jsx(StepDisabled, { id: id, title: title, classModifier: classModifier, className: className, number: number, stateLabel: stateLabel || "à venir" }));
+            return (_jsx(StepDisabled, { id: id, title: title, className: className, number: number, stateLabel: stateLabel || "à venir" }));
     }
 };
 export { Step };

package/dist/distributeur/Steps/StepBase.d.ts

@@ -4,8 +4,6 @@ export type StepBaseProps = {
     title: string;
     children?: ReactNode;
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     /**
      * Label to add to the title as state indication (e.g. "in progress", "to come"...)
      * Will be wrapped in parentheses, next to the `title` in the `title` attribute of the <li> element.
@@ -16,5 +14,5 @@ export type StepBaseProps = {
      */
     stateLabel?: string;
 };
-declare const StepBase: ({ children, id, title, className, classModifier, stateLabel, }: StepBaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const StepBase: ({ children, id, title, className, stateLabel, }: StepBaseProps) => import("react/jsx-runtime").JSX.Element;
 export { StepBase };

package/dist/distributeur/Steps/StepBase.js

@@ -3,10 +3,9 @@ import checkSvg from "@material-symbols/svg-400/outlined/check.svg";
 import chevronSvg from "@material-symbols/svg-400/outlined/chevron_right.svg";
 import { Svg } from "../../distributeur";
 import { getClassName } from "../utilities/helpers/getClassName";
-const StepBase = ({ children, id, title, className, classModifier, stateLabel, }) => {
+const StepBase = ({ children, id, title, className, stateLabel, }) => {
     const componentClassName = getClassName({
         baseClassName: "af-steps-list-step",
-        modifiers: classModifier?.split(" "),
         className,
     });
     const outputTitle = stateLabel ? `${title} (${stateLabel})` : title;

package/dist/distributeur/Steps/Steps.d.ts

@@ -2,8 +2,6 @@ import type { ReactNode } from "react";
 type Props = {
     children: ReactNode;
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
 };
-declare const Steps: ({ children, className, classModifier }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Steps: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Steps };

package/dist/distributeur/Steps/Steps.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "../utilities/helpers/getClassName";
 const defaultClassName = "af-steps-new";
-const Steps = ({ children, className, classModifier }) => {
+const Steps = ({ children, className }) => {
     const componentClassName = getClassName({
         baseClassName: defaultClassName,
-        modifiers: classModifier?.split(" "),
         className,
     });
     return (_jsx("div", { className: componentClassName, children: _jsx("ol", { className: "af-steps-list", children: children }) }));

package/dist/distributeur/Summary/index.d.ts

@@ -5,5 +5,5 @@ type SummaryProps = Omit<MessageProps, "title"> & {
     messages?: ReactNode[];
     isVisible?: boolean;
 };
-export declare const Summary: ({ messages, isVisible, title, classModifier, ...args }: SummaryProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Summary: ({ messages, isVisible, title, variant, ...args }: SummaryProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/distributeur/Summary/index.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Message } from "../Messages/Message";
 import { generateId } from "../utilities/helpers/generateId";
-export const Summary = ({ messages = [], isVisible = true, title = "Invalid form", classModifier = "error", ...args }) => {
+export const Summary = ({ messages = [], isVisible = true, title = "Invalid form", variant = "error", ...args }) => {
     const messagesNotBlank = messages.filter((message) => Boolean(message));
     if (!messages || !isVisible || messagesNotBlank.length === 0) {
         return null;
     }
-    const variant = classModifier === "danger" ? "warning" : classModifier;
     return (_jsx(Message, { title: title, variant: variant, ...args, children: _jsx("ul", { className: "af-summary__message-list", children: messages.map((message) => (_jsx("li", { className: "af-summary__message-item", children: message }, `message_${generateId({ message })}`))) }) }));
 };

package/dist/distributeur/Table/Pagination/Items.d.ts

@@ -1,7 +1,6 @@
 export type Props = {
     id?: string;
     className?: string;
-    classModifier?: string;
     /**
      * Text displayed before the per-page select
      */
@@ -26,5 +25,5 @@ export type Props = {
         value: number;
     }) => void;
 };
-declare const Items: ({ className, classModifier, onChange, displayLabel, elementsLabel, selectAriaLabel, id, items, numberItems, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Items: ({ className, onChange, displayLabel, elementsLabel, selectAriaLabel, id, items, numberItems, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Items };

package/dist/distributeur/Table/Pagination/Items.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import { Select } from "../../Form/Select";
-import { getComponentClassName } from "../../utilities";
-const Items = ({ className, classModifier, onChange, displayLabel = "Afficher", elementsLabel = "éléments", selectAriaLabel = "Modifier le nombre d'éléments à afficher dans le tableau", id, items = [5, 10, 25, 50, 100], numberItems = 10, }) => {
+import { getClassName } from "../../utilities";
+const Items = ({ className, onChange, displayLabel = "Afficher", elementsLabel = "éléments", selectAriaLabel = "Modifier le nombre d'éléments à afficher dans le tableau", id, items = [5, 10, 25, 50, 100], numberItems = 10, }) => {
     const defaultIdName = useId();
     const newId = id ?? defaultIdName;
-    const componentClassName = getComponentClassName(className, classModifier, "af-paging__form");
-    return (_jsx("div", { className: "af-paging__limit", children: _jsx("form", { className: componentClassName, children: _jsxs("div", { className: "af-form__group", children: [_jsx("div", { className: "col col-sm-2 col-md-2 col-lg-2 col-xl-2", children: _jsx("label", { className: "af-form__group-label", htmlFor: newId, children: displayLabel }) }), _jsxs("div", { className: "col col-sm-10 col-md-10 col-lg-10 col-xl-10", children: [_jsx(Select, { id: newId, value: numberItems, mode: "base", options: items.map((item) => ({
-                                    label: item.toString(),
-                                    value: item.toString(),
-                                })), onChange: (e) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-paging__form",
+        className,
+    });
+    return (_jsx("div", { className: "af-paging__limit", children: _jsx("form", { className: componentClassName, children: _jsxs("div", { className: "af-form__group", children: [_jsx("div", { className: "col col-sm-2 col-md-2 col-lg-2 col-xl-2", children: _jsx("label", { className: "af-form__group-label", htmlFor: newId, children: displayLabel }) }), _jsxs("div", { className: "col col-sm-10 col-md-10 col-lg-10 col-xl-10", children: [_jsx(Select, { id: newId, value: numberItems, mode: "base", onChange: (e) => {
                                     e.preventDefault();
                                     onChange({ value: Number(e.target.value) });
-                                }, "aria-label": selectAriaLabel }), _jsx("span", { className: "af-form__input-cmplt", children: elementsLabel })] })] }) }) }));
+                                }, "aria-label": selectAriaLabel, children: items.map((item) => (_jsx("option", { value: item, children: item }, item))) }), _jsx("span", { className: "af-form__input-cmplt", children: elementsLabel })] })] }) }) }));
 };
 export { Items };

package/dist/distributeur/Table/Pagination/Pager.d.ts

@@ -3,7 +3,6 @@ import type { ComponentPropsWithoutRef } from "react";
 import { PaginationButton } from "./PaginationButton";
 export type PagerComponentProps = Pick<ComponentPropsWithoutRef<typeof PaginationButton>, "onChange"> & {
     className?: string;
-    classModifier?: string;
     /**
      * Total number of pages in the table
      */
@@ -37,5 +36,5 @@ export type PagerComponentProps = Pick<ComponentPropsWithoutRef<typeof Paginatio
      */
     ofLabel?: string;
 };
-declare const Pager: ({ className, classModifier, numberPages, currentPage, onChange, mode, previousLabel, nextLabel, elementsLabel, ofLabel, }: PagerComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pager: ({ className, numberPages, currentPage, onChange, mode, previousLabel, nextLabel, elementsLabel, ofLabel, }: PagerComponentProps) => import("react/jsx-runtime").JSX.Element;
 export { Pager };

package/dist/distributeur/Table/Pagination/Pager.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Table/Pager.css";
-import { getComponentClassName } from "../../utilities";
+import { getClassName } from "../../utilities";
 import { Li } from "./Li";
 import { LiPoint } from "./LiPoint";
 import { PaginationButton } from "./PaginationButton";
-const Pager = ({ className, classModifier, numberPages = 1, currentPage = 1, onChange, mode = "default", previousLabel = "« Précédent", nextLabel = "Suivant »", elementsLabel = "éléments", ofLabel = "sur", }) => {
+const Pager = ({ className, numberPages = 1, currentPage = 1, onChange, mode = "default", previousLabel = "« Précédent", nextLabel = "Suivant »", elementsLabel = "éléments", ofLabel = "sur", }) => {
     const hasNext = currentPage < numberPages;
     const hasPrevious = currentPage > 1;
-    const componentClassName = getComponentClassName(className, classModifier, "af-pager");
+    const componentClassName = getClassName({
+        baseClassName: "af-pager",
+        className,
+    });
     if (mode === "light") {
         return (_jsx("nav", { className: componentClassName, children: _jsxs("ul", { className: "af-pager__pagination", children: [_jsx(PaginationButton, { onChange: onChange, value: currentPage - 1, active: hasPrevious, isVisible: true, ariaLabel: `Page précédente des ${elementsLabel}`, children: _jsx("i", { className: "glyphicon glyphicon-chevron-left", "aria-hidden": "true" }) }), _jsxs(LiPoint, { isVisible: true, children: [currentPage, " ", ofLabel, " ", numberPages] }), _jsx(PaginationButton, { onChange: onChange, value: currentPage + 1, active: hasNext, isVisible: true, ariaLabel: `Page suivante des ${elementsLabel}`, children: _jsx("i", { className: "glyphicon glyphicon-chevron-right", "aria-hidden": "true" }) })] }) }));
     }