@axa-fr/canopee-react 2.0.0-alpha.28 → 2.0.0-alpha.29

package/dist/prospect-client/Form/InputText/InputTextCommon.d.ts

@@ -1,30 +1,22 @@
 import { type ComponentProps, type ComponentType, type ReactNode } from "react";
+import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
-import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 export type InputTextProps = ComponentProps<"input"> & {
     unit?: ReactNode;
     classModifier?: string;
     label?: ItemLabelProps["children"];
     helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
     containerProps?: GridContainerProps;
-} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
+} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type InputTextCommonProps = InputTextProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
     InputTextAtomComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
 };
 declare const InputTextCommon: {
-    ({ unit, className, classModifier, helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }: InputTextCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ unit, className, classModifier, helper, message, messageType, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }: InputTextCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { InputTextCommon };

package/dist/prospect-client/Form/InputText/InputTextCommon.js

@@ -3,15 +3,16 @@ import { useId, } from "react";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
-const InputTextCommon = ({ unit, className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }) => {
+const InputTextCommon = ({ unit, className, classModifier = "", helper, message, messageType = "error", label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }) => {
     let inputId = useId();
     inputId = otherProps.id || inputId;
     const idMessage = useId();
     const idHelp = useId();
-    const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
-    return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, unit: unit, className: className, classModifier: classModifier, error: (message && messageType === "error") || Boolean(error)
-                    ? messageType || error
-                    : undefined, warning: message && messageType === "warning" ? messageType : undefined, required: required, idMessage: message || error ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
+    const ariaDescribedby = [
+        helper && idHelp,
+        message && messageType === "success" && idMessage,
+    ].filter(Boolean);
+    return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, unit: unit, className: className, classModifier: classModifier, error: message && messageType === "error" ? messageType : undefined, warning: message && messageType === "warning" ? messageType : undefined, required: required, idMessage: message ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message, messageType: messageType })] }));
 };
 InputTextCommon.displayName = "InputText";
 export { InputTextCommon };

package/dist/prospect-client/Form/ItemLabel/ItemLabelCommon.d.ts

@@ -1,11 +1,6 @@
 import { type ComponentProps, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
 import type { ButtonProps } from "../../Button/ButtonCommon";
 export type ItemLabelProps = ComponentProps<"label"> & {
-    /**
-     * Label text content
-     * @deprecated use `children` instead.
-     */
-    label?: ReactNode;
     /**
      * Additional description text that enriches the label.
      * @example "Phone bill, EDF receipt, etc."
@@ -15,11 +10,6 @@ export type ItemLabelProps = ComponentProps<"label"> & {
      * Shows a visual asterisk (*) indicator next to the label.
      */
     required?: boolean;
-    /**
-     * ID of the associated input element
-     * @deprecated use `htmlFor` instead.
-     */
-    inputId?: string;
     /**
      * Label content for the side action button.
      * When provided, renders a secondary button next to the main label.
@@ -33,16 +23,6 @@ export type ItemLabelProps = ComponentProps<"label"> & {
      * Additional props to pass to the side button component.
      */
     sideButtonProps?: Omit<Partial<ButtonProps>, "children" | "onClick" | "variant" | "className">;
-    /**
-     * Label content for the more button
-     * @deprecated use `moreButtonLabel` instead.
-     */
-    buttonLabel?: ReactNode;
-    /**
-     * Click handler for the info button
-     * @deprecated use `onMoreButtonClick` instead.
-     */
-    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
     /**
      * Label content for the more button
      * When provided, renders an more button with an info icon.
@@ -92,7 +72,7 @@ export type ItemLabelCommonProps = ItemLabelProps & {
  *   description="Accepted: PDF, JPG, PNG (max 5MB)"
  *   sideButtonLabel="Browse"
  *   onSideButtonClick={handleBrowse}
- *   moreButton="Help"
+ *   moreButtonLabel="Help"
  *   onMoreButtonClick={handleShowHelp}
  *   ButtonComponent={Button}
  * >
@@ -100,4 +80,4 @@ export type ItemLabelCommonProps = ItemLabelProps & {
  * </ItemLabelCommon>
  * ```
  */
-export declare const ItemLabelCommon: ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }: ItemLabelCommonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ItemLabelCommon: ({ children, description, required, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }: ItemLabelCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/prospect-client/Form/ItemLabel/ItemLabelCommon.js

@@ -34,7 +34,7 @@ import { Svg } from "../../Svg/Svg";
  *   description="Accepted: PDF, JPG, PNG (max 5MB)"
  *   sideButtonLabel="Browse"
  *   onSideButtonClick={handleBrowse}
- *   moreButton="Help"
+ *   moreButtonLabel="Help"
  *   onMoreButtonClick={handleShowHelp}
  *   ButtonComponent={Button}
  * >
@@ -42,14 +42,13 @@ import { Svg } from "../../Svg/Svg";
  * </ItemLabelCommon>
  * ```
  */
-export const ItemLabelCommon = ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }) => {
+export const ItemLabelCommon = ({ children, description, required, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }) => {
     const idDescription = useId();
-    const contentLabel = children ?? label;
     const describedByIds = [description ? idDescription : null, ariaDescribedby]
         .filter(Boolean)
         .join(" ");
-    if (!contentLabel) {
+    if (!children) {
         return null;
     }
-    return (_jsxs("div", { className: ["af-item-label", className].filter(Boolean).join(" "), style: style, children: [_jsxs("label", { htmlFor: htmlFor || inputId, className: "af-item-label__label", "aria-describedby": describedByIds || undefined, ...props, children: [contentLabel, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), sideButtonLabel ? (_jsx(ButtonComponent, { ...sideButtonProps, variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })) : null, description ? (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })) : null, moreButtonLabel || buttonLabel ? (_jsx(ButtonComponent, { iconLeft: _jsx(Svg, { src: infoIcon, role: "presentation" }), ...moreButtonProps, variant: "ghost", className: "af-item-label__more", onClick: onMoreButtonClick || onButtonClick, children: moreButtonLabel || buttonLabel })) : null] }));
+    return (_jsxs("div", { className: ["af-item-label", className].filter(Boolean).join(" "), style: style, children: [_jsxs("label", { className: "af-item-label__label", "aria-describedby": describedByIds || undefined, ...props, children: [children, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), sideButtonLabel ? (_jsx(ButtonComponent, { ...sideButtonProps, variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })) : null, description ? (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })) : null, moreButtonLabel ? (_jsx(ButtonComponent, { iconLeft: _jsx(Svg, { src: infoIcon, role: "presentation" }), ...moreButtonProps, variant: "ghost", className: "af-item-label__more", onClick: onMoreButtonClick, children: moreButtonLabel })) : null] }));
 };

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioCommon.d.ts

@@ -8,10 +8,6 @@ type BaseCardRadioProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     subtitle?: ReactNode;
 };
 export type CardRadioProps = BaseCardRadioProps & {
-    /**
-     * @deprecated Use `position` instead.
-     */
-    type?: "vertical" | "horizontal";
     position?: "vertical" | "horizontal";
     icon?: ComponentProps<typeof IconCommon>["src"];
     src?: ComponentProps<typeof BasePicture>["src"];
@@ -22,7 +18,7 @@ export type CardRadioCommonProps = CardRadioProps & {
     IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
 };
 export declare const CardRadioCommon: {
-    ({ label, position, type, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, position, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioCommon.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
 import { BasePicture } from "../../../BasePicture/BasePicture";
 import { getClassName } from "../../../utilities/getClassName";
-export const CardRadioCommon = ({ label, position, type, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }) => {
-    const isCardRadioHorizontal = [position, type].includes("horizontal");
+export const CardRadioCommon = ({ label, position, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }) => {
+    const isCardRadioHorizontal = position === "horizontal";
     return (_jsxs("label", { className: getClassName({
             baseClassName: "af-card-radio",
             modifiers: [

package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.d.ts

@@ -4,35 +4,11 @@ import { ItemMessage, type ItemMessageProps } from "../../ItemMessage/ItemMessag
 import { type CardRadioProps } from "../CardRadio/CardRadioCommon";
 type RadioOption = Omit<CardRadioProps, "name" | "type" | "variant">;
 export type CardRadioGroupProps = Omit<CardRadioProps, "value" | "label" | "type" | "variant" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children" | "position"> & {
-    /**
-     * @deprecated Use `position` and `cardStyle` instead.
-     */
-    type?: "vertical" | "horizontal";
     cardStyle?: CardRadioProps["position"];
     position?: "line" | "column";
-    /**
-     * @deprecated Use `label` instead.
-     */
-    labelGroup?: string;
-    /**
-     * @deprecated Use `description` instead.
-     */
-    descriptionGroup?: string;
     label: ReactNode;
     description?: ReactNode;
-    /**
-     * @deprecated Use `required` instead.
-     */
-    isRequired?: boolean;
-    /**
-     * @deprecated This prop is deprecated. To check an option, use the `checked` property in each item of the `options` array.
-     */
-    value?: number | string;
     options: RadioOption[];
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: ReactNode;
     containerProps?: GridContainerProps<"fieldset">;
 } & PropsWithChildren & Partial<ItemMessageProps>;
 export type CardRadioCommonProps = CardRadioGroupProps & {
@@ -40,7 +16,7 @@ export type CardRadioCommonProps = CardRadioGroupProps & {
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
 declare const CardRadioGroupCommon: {
-    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type, position, error, message, messageType, name, value, id, CardRadioComponent, ItemMessageComponent, containerProps, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, label, description, required, options, cardStyle, position, message, messageType, name, id, CardRadioComponent, ItemMessageComponent, containerProps, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { CardRadioGroupCommon };

package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.js

@@ -2,17 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
 import { ItemMessage, } from "../../ItemMessage/ItemMessageCommon";
 import {} from "../CardRadio/CardRadioCommon";
-const CardRadioGroupCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type = "vertical", position = (cardStyle ?? type) === "vertical" ? "column" : "line", error, message, messageType = "error", name, value, id, CardRadioComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
+const CardRadioGroupCommon = ({ className, label, description, required, options, cardStyle, position = cardStyle === "vertical" ? "column" : "line", message, messageType = "error", name, id, CardRadioComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
     const generatedId = useId();
     const cardRadioGroupId = id ?? generatedId;
     const messageId = `${cardRadioGroupId}-error`;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    return (_jsxs("fieldset", { className: ["af-card-radio-group", className].filter(Boolean).join(" "), role: "radiogroup", "aria-required": Boolean(required) || undefined, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, id: cardRadioGroupId, ...containerProps, children: [_jsxs("legend", { className: "af-card-radio-group__legend", children: [_jsxs("p", { className: "af-card-radio-group__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-radio-group__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
+    const hasError = Boolean(message) && messageType === "error";
+    return (_jsxs("fieldset", { className: ["af-card-radio-group", className].filter(Boolean).join(" "), role: "radiogroup", "aria-required": Boolean(required) || undefined, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, id: cardRadioGroupId, ...containerProps, children: [_jsxs("legend", { className: "af-card-radio-group__legend", children: [_jsxs("p", { className: "af-card-radio-group__label", children: [label, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description ? (_jsx("p", { className: "af-card-radio-group__description", children: description })) : null] }), _jsx("div", { className: [
                     "af-card-radio-group__options",
                     `af-card-radio-group__options--${position}`,
-                ].join(" "), children: options.map((cardRadioItemProps) => (_jsx(CardRadioComponent, { id: `${cardRadioGroupId}-${cardRadioItemProps.value}`, checked: value !== undefined
-                        ? value === cardRadioItemProps.value
-                        : undefined, required: required, position: cardStyle ?? type, ...inputProps, ...cardRadioItemProps, variant: hasError ? "error" : undefined, name: name }, `${name ?? cardRadioGroupId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
+                ].join(" "), children: options.map((cardRadioItemProps) => (_jsx(CardRadioComponent, { id: `${cardRadioGroupId}-${cardRadioItemProps.value}`, required: required, position: cardStyle, ...inputProps, ...cardRadioItemProps, variant: hasError ? "error" : undefined, name: name }, `${name ?? cardRadioGroupId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message, messageType: messageType })] }));
 };
 CardRadioGroupCommon.displayName = "CardRadioGroupCommon";
 export { CardRadioGroupCommon };

package/dist/prospect-client/Form/TextArea/TextAreaCommon.d.ts

@@ -5,18 +5,14 @@ import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCo
 export type TextAreaProps = ComponentPropsWithRef<"textarea"> & {
     label?: ItemLabelProps["children"];
     helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
     containerProps?: GridContainerProps;
-} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
+} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type TextAreaCommonProps = TextAreaProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
 declare const TextAreaCommon: {
-    ({ id, className, label, description, helper, error, message, messageType, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder, containerProps, ...inputProps }: TextAreaCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, className, label, description, helper, message, messageType, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder, containerProps, ...inputProps }: TextAreaCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { TextAreaCommon };

package/dist/prospect-client/Form/TextArea/TextAreaCommon.js

@@ -3,12 +3,12 @@ import { useId, } from "react";
 import { getClassName } from "../../utilities/getClassName";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
-const TextAreaCommon = ({ id, className, label, description, helper, error, message, messageType, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder = " ", containerProps, ...inputProps }) => {
+const TextAreaCommon = ({ id, className, label, description, helper, message, messageType = "error", moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder = " ", containerProps, ...inputProps }) => {
     const generatedId = useId();
     const inputId = id ?? generatedId;
     const helperId = `${inputId}-helper`;
     const messageId = `${inputId}-error`;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    const hasError = Boolean(message) && messageType === "error";
     const hasWarning = Boolean(message) && messageType === "warning" && !hasError;
     const textareaClassName = getClassName({
         baseClassName: "af-form__textarea",
@@ -16,7 +16,7 @@ const TextAreaCommon = ({ id, className, label, description, helper, error, mess
     });
     return (_jsxs("div", { className: ["af-form__input-container", className]
             .filter(Boolean)
-            .join(" "), ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx("textarea", { id: inputId, className: textareaClassName, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": hasError || undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
+            .join(" "), ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx("textarea", { id: inputId, className: textareaClassName, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": hasError || undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: messageId, message: message, messageType: messageType })] }));
 };
 TextAreaCommon.displayName = "TextArea";
 export { TextAreaCommon };

package/dist/prospect-client/Icon/IconCommon.d.ts

@@ -21,4 +21,4 @@ export type IconProps = ComponentProps<typeof Svg> & {
     size?: IconSizeVariants;
     hasBackground?: boolean;
 };
-export declare const Icon: ({ variant, size, hasBackground, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ variant, size, hasBackground, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Icon/IconCommon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Svg } from "../Svg/Svg";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const iconVariants = {
     primary: "primary",
     secondary: "secondary",
@@ -16,16 +16,15 @@ export const iconSizeVariants = {
     S: "small",
     XS: "extra-small",
 };
-export const Icon = ({ variant = "primary", size = "S", hasBackground = false, ...props }) => {
-    const componentClassName = useMemo(() => {
-        const newClassModifier = [
+export const Icon = ({ variant = "primary", size = "S", hasBackground = false, className, ...props }) => {
+    const componentClassName = useMemo(() => getClassName({
+        baseClassName: "af-icon",
+        className,
+        modifiers: [
             variant,
             iconSizeVariants[size],
             hasBackground && "has-background",
-        ]
-            .filter(Boolean)
-            .join(" ");
-        return getComponentClassName("af-icon", "", newClassModifier);
-    }, [variant, hasBackground, size]);
+        ].filter(Boolean),
+    }), [className, variant, size, hasBackground]);
     return (_jsx("div", { className: componentClassName, children: _jsx(Svg, { ...props }) }));
 };

package/dist/prospect-client/ItemTabBar/ItemTabBarCommon.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const ItemTabBar = ({ isActive = false, title, className, ...props }) => {
-    const classNames = getComponentClassName("af-item-tab-bar", className);
+    const classNames = getClassName({
+        baseClassName: "af-item-tab-bar",
+        className,
+    });
     return (_jsx("button", { type: "button", role: "tab", "aria-selected": isActive, className: classNames, ...props, children: title }));
 };
 ItemTabBar.displayName = "ItemTabBar";

package/dist/prospect-client/Link/LinkCommon.d.ts

@@ -9,9 +9,5 @@ export type LinkProps = {
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     className?: string;
-    /**
-     * @deprecated Use variant instead
-     */
-    classModifier?: string;
 } & ComponentPropsWithoutRef<"a">;
-export declare const Link: ({ href, variant, openInNewTab, leftIcon, rightIcon, children, className, classModifier, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: ({ href, variant, openInNewTab, leftIcon, rightIcon, children, className, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Link/LinkCommon.js

@@ -5,14 +5,14 @@ import { getClassName } from "../utilities/getClassName";
 export const linkVariants = {
     inverse: "inverse",
 };
-export const Link = ({ href, variant, openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
+export const Link = ({ href, variant, openInNewTab = false, leftIcon, rightIcon, children, className, ...props }) => {
     const newTabProps = openInNewTab && {
         target: "_blank",
         rel: "noopener noreferrer",
     };
     return (_jsxs("a", { className: getClassName({
             baseClassName: "af-link",
-            modifiers: [classModifier, variant, openInNewTab && "openInNewTab"],
+            modifiers: [variant, openInNewTab && "openInNewTab"],
             className,
         }), href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
                 ? (rightIcon ?? _jsx(Svg, { src: openInNew }))

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.d.ts

@@ -13,14 +13,10 @@ export type ContentItemDuoProps = {
     value: ReactNode;
     buttonText?: string;
     onButtonClick?: () => void;
-    /** @deprecated Use `position` instead */
-    isVertical?: boolean;
-    /** @deprecated Use `size` or `className` instead */
-    classModifier?: string;
 } & Pick<ItemMessageProps, "message" | "messageType"> & ContentItemDuoPositions & ComponentProps<"div">;
 type ContentItemDuoCommonProps = ContentItemDuoProps & {
     ButtonComponent: ComponentType<ButtonProps>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
-export declare const ContentItemDuoCommon: ({ label, value, position, size, className, classModifier, isVertical, buttonText, onButtonClick, ButtonComponent, message, messageType, ItemMessageComponent, ...containerProps }: ContentItemDuoCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentItemDuoCommon: ({ label, value, position, size, className, buttonText, onButtonClick, ButtonComponent, message, messageType, ItemMessageComponent, ...containerProps }: ContentItemDuoCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.js

@@ -1,16 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
-import { getClassName } from "../../utilities/getClassName";
 import { ItemMessage, } from "../../Form/ItemMessage/ItemMessageCommon";
-export const ContentItemDuoCommon = ({ label, value, position = "horizontal", size = "large", className, classModifier, isVertical, buttonText, onButtonClick, ButtonComponent, message, messageType, ItemMessageComponent, ...containerProps }) => {
+import { getClassName } from "../../utilities/getClassName";
+export const ContentItemDuoCommon = ({ label, value, position = "horizontal", size = "large", className, buttonText, onButtonClick, ButtonComponent, message, messageType, ItemMessageComponent, ...containerProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-content-item-duo",
         className,
-        modifiers: [
-            isVertical ? "vertical" : position,
-            size === "small" && size,
-            classModifier,
-        ],
+        modifiers: [position, size === "small" && size],
     });
     return (_jsxs("div", { className: componentClassName, ...containerProps, children: [_jsx("dt", { className: "af-content-item-duo__label", children: label }), _jsxs("dd", { className: "af-content-item-duo__value", children: [value, message ? (_jsx(ItemMessageComponent, { message: message, messageType: messageType })) : null] }), buttonText && onButtonClick ? (_jsx(ButtonComponent, { className: "af-content-item-duo__button", variant: "ghost", onClick: onButtonClick, children: buttonText })) : null] }));
 };

package/dist/prospect-client/Modal/ModalApollo.d.ts

@@ -6,6 +6,6 @@ export { ModalCoreFooter } from "./components/ModalCoreFooterApollo";
 export { ModalCoreHeader } from "./components/ModalCoreHeaderApollo";
 export type { ModalCoreFooterProps, ModalCoreHeaderProps, ModalProps, } from "./types";
 export declare const Modal: {
-    ({ headingProps, icon, iconProps, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    ({ headingProps, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/prospect-client/Modal/ModalApollo.js

@@ -7,10 +7,8 @@ export { ModalCore } from "./components/ModalCore";
 export { ModalCoreBody, } from "./components/ModalCoreBody";
 export { ModalCoreFooter } from "./components/ModalCoreFooterApollo";
 export { ModalCoreHeader } from "./components/ModalCoreHeaderApollo";
-export const Modal = ({ headingProps = {}, icon, iconProps, ...props }) => (_jsx(ModalCommon, { ...props, headingComponent: Heading, headingProps: {
+export const Modal = ({ headingProps = {}, ...props }) => (_jsx(ModalCommon, { ...props, headingComponent: Heading, headingProps: {
         ...headingProps,
         children: props.title,
-        icon: headingProps.icon ?? icon,
-        iconProps: headingProps.iconProps ?? iconProps,
     }, buttonComponent: Button }));
 Modal.displayName = "Modal";

package/dist/prospect-client/Modal/ModalCommon.d.ts

@@ -8,6 +8,6 @@ export type ModalCommonProps = ModalCoreProps & Omit<ModalCoreHeaderCommonProps,
     modalCoreHeaderProps?: ModalCoreHeaderContainerProps;
 };
 export declare const ModalCommon: {
-    ({ children, headingComponent, headingProps, closeButtonAriaLabel, onClose, iconProps, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, buttonComponent, modalCoreBodyProps, modalCoreFooterProps, modalCoreHeaderProps, ...props }: ModalCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, headingComponent, headingProps, closeButtonAriaLabel, onClose, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, buttonComponent, modalCoreBodyProps, modalCoreFooterProps, modalCoreHeaderProps, ...props }: ModalCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/prospect-client/Modal/ModalCommon.js

@@ -3,5 +3,5 @@ import { ModalCore } from "./components/ModalCore";
 import { ModalCoreBody, } from "./components/ModalCoreBody";
 import { ModalCoreFooterCommon, } from "./components/ModalCoreFooterCommon";
 import { ModalCoreHeaderCommon } from "./components/ModalCoreHeaderCommon";
-export const ModalCommon = ({ children, headingComponent, headingProps, closeButtonAriaLabel, onClose, iconProps, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, buttonComponent, modalCoreBodyProps, modalCoreFooterProps, modalCoreHeaderProps, ...props }) => (_jsxs(ModalCore, { onClose: onClose, ...props, children: [_jsx(ModalCoreHeaderCommon, { headingComponent: headingComponent, headingProps: headingProps, iconProps: iconProps, onClose: onClose, closeButtonAriaLabel: closeButtonAriaLabel, ...modalCoreHeaderProps }), _jsx(ModalCoreBody, { ...modalCoreBodyProps, children: children }), _jsx(ModalCoreFooterCommon, { buttonComponent: buttonComponent, primaryButtonProps: primaryButtonProps, secondaryButtonProps: secondaryButtonProps, tertiaryButtonProps: tertiaryButtonProps, ...modalCoreFooterProps })] }));
+export const ModalCommon = ({ children, headingComponent, headingProps, closeButtonAriaLabel, onClose, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, buttonComponent, modalCoreBodyProps, modalCoreFooterProps, modalCoreHeaderProps, ...props }) => (_jsxs(ModalCore, { onClose: onClose, ...props, children: [_jsx(ModalCoreHeaderCommon, { headingComponent: headingComponent, headingProps: headingProps, onClose: onClose, closeButtonAriaLabel: closeButtonAriaLabel, ...modalCoreHeaderProps }), _jsx(ModalCoreBody, { ...modalCoreBodyProps, children: children }), _jsx(ModalCoreFooterCommon, { buttonComponent: buttonComponent, primaryButtonProps: primaryButtonProps, secondaryButtonProps: secondaryButtonProps, tertiaryButtonProps: tertiaryButtonProps, ...modalCoreFooterProps })] }));
 ModalCommon.displayName = "ModalCommon";

package/dist/prospect-client/Modal/ModalLF.d.ts

@@ -6,6 +6,6 @@ export { ModalCoreFooter } from "./components/ModalCoreFooterLF";
 export { ModalCoreHeader } from "./components/ModalCoreHeaderLF";
 export type { ModalCoreFooterProps, ModalCoreHeaderProps, ModalProps, } from "./types";
 export declare const Modal: {
-    ({ headingProps, icon, iconProps, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    ({ headingProps, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/prospect-client/Modal/ModalLF.js

@@ -7,10 +7,8 @@ export { ModalCore } from "./components/ModalCore";
 export { ModalCoreBody, } from "./components/ModalCoreBody";
 export { ModalCoreFooter } from "./components/ModalCoreFooterLF";
 export { ModalCoreHeader } from "./components/ModalCoreHeaderLF";
-export const Modal = ({ headingProps = {}, icon, iconProps, ...props }) => (_jsx(ModalCommon, { ...props, headingComponent: Heading, headingProps: {
+export const Modal = ({ headingProps = {}, ...props }) => (_jsx(ModalCommon, { ...props, headingComponent: Heading, headingProps: {
         ...headingProps,
         children: props.title,
-        icon: headingProps.icon ?? icon,
-        iconProps: headingProps.iconProps ?? iconProps,
     }, buttonComponent: Button }));
 Modal.displayName = "Modal";

package/dist/prospect-client/Modal/components/ModalCoreHeaderCommon.d.ts

@@ -1,16 +1,9 @@
 import type { ComponentPropsWithoutRef, ComponentType } from "react";
 import type { HeadingProps } from "../../Heading/types";
-import type { IconProps } from "../../Icon/IconCommon";
 export type ModalCoreHeaderContainerProps = ComponentPropsWithoutRef<"header">;
 export type ModalCoreHeaderCommonProps = ModalCoreHeaderContainerProps & {
     headingComponent: ComponentType<HeadingProps>;
     headingProps: HeadingProps;
-    /**
-     * @deprecated Pass `icon` and `iconProps` (without `src`) inside
-     * `headingProps` instead. The legacy `iconProps` is forwarded to the
-     * Heading molecule for backward compatibility and will be removed in 2.0.0.
-     */
-    iconProps?: IconProps;
     onClose?: VoidFunction;
     closeButtonAriaLabel?: string;
 };

package/dist/prospect-client/Modal/components/ModalCoreHeaderCommon.js

@@ -2,16 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import close from "@material-symbols/svg-400/rounded/close.svg";
 import { ClickIcon } from "../../ClickIcon/ClickIconCommon";
 export const ModalCoreHeaderCommon = (props) => {
-    const { className, headingComponent: HeadingComponent, headingProps, iconProps, onClose, closeButtonAriaLabel = "Fermer la boite de dialogue", ...rest } = props;
-    // Backward-compat: legacy `iconProps` (with `src`) is routed through the
-    // Heading molecule, which already renders the icon and title together.
-    const { src: legacyIconSrc, ...legacyIconRest } = iconProps ?? {};
-    const mergedHeadingProps = legacyIconSrc
-        ? {
-            ...headingProps,
-            icon: headingProps.icon ?? legacyIconSrc,
-            iconProps: { ...legacyIconRest, ...(headingProps.iconProps ?? {}) },
-        }
-        : headingProps;
-    return (_jsxs("header", { className: ["af-modal__header", className].filter(Boolean).join(" "), ...rest, children: [_jsx(ClickIcon, { className: "af-modal__header-close-btn", src: close, onClick: onClose, "aria-label": closeButtonAriaLabel }), _jsx("div", { className: "af-modal__header-title", children: _jsx(HeadingComponent, { level: 2, ...mergedHeadingProps }) })] }));
+    const { className, headingComponent: HeadingComponent, headingProps, onClose, closeButtonAriaLabel = "Fermer la boite de dialogue", ...rest } = props;
+    return (_jsxs("header", { className: ["af-modal__header", className].filter(Boolean).join(" "), ...rest, children: [_jsx(ClickIcon, { className: "af-modal__header-close-btn", src: close, onClick: onClose, "aria-label": closeButtonAriaLabel }), _jsx("div", { className: "af-modal__header-title", children: _jsx(HeadingComponent, { level: 2, ...headingProps }) })] }));
 };

package/dist/prospect-client/Modal/types.d.ts

@@ -1,5 +1,4 @@
 import type { HeadingProps } from "../Heading/types";
-import type { IconProps } from "../Icon/IconCommon";
 import type { ModalCoreFooterCommonProps } from "./components/ModalCoreFooterCommon";
 import type { ModalCoreHeaderCommonProps } from "./components/ModalCoreHeaderCommon";
 import type { ModalCommonProps } from "./ModalCommon";
@@ -7,18 +6,4 @@ export type ModalCoreHeaderProps = Omit<ModalCoreHeaderCommonProps, "headingComp
 export type ModalCoreFooterProps = Omit<ModalCoreFooterCommonProps, "buttonComponent">;
 export type ModalProps = Omit<ModalCommonProps, "headingComponent" | "headingProps" | "iconProps" | "buttonComponent"> & {
     headingProps?: Omit<HeadingProps, "children">;
-    /**
-     * @deprecated Pass `icon` inside `headingProps` instead
-     * (e.g. `headingProps={{ icon }}`). The top-level `icon` prop is
-     * forwarded to the Heading molecule for backward compatibility and will
-     * be removed in 2.0.0.
-     */
-    icon?: string;
-    /**
-     * @deprecated Pass `iconProps` inside `headingProps` instead
-     * (e.g. `headingProps={{ iconProps }}`). The top-level `iconProps`
-     * is forwarded to the Heading molecule for backward compatibility and
-     * will be removed in 2.0.0.
-     */
-    iconProps?: Omit<IconProps, "src">;
 };

package/dist/prospect-client/ProgressBarGroup/ProgressBarGroupCommon.d.ts

@@ -3,10 +3,6 @@ import { ProgressBar } from "../ProgressBar/ProgressBarCommon";
 export type ProgressBarGroupProps = {
     currentStepProgress?: number;
     currentStep: number;
-    /**
-     * @deprecated Use `stepsCount` instead.
-     */
-    nbSteps?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
     stepsCount?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
     max?: number;
     className?: string;
@@ -14,5 +10,5 @@ export type ProgressBarGroupProps = {
 type ProgressBarGroupCommonProps = ProgressBarGroupProps & {
     ProgressBarComponent: ComponentType<ComponentProps<typeof ProgressBar>>;
 };
-export declare const ProgressBarGroupCommon: ({ currentStepProgress, max, nbSteps, stepsCount, currentStep, className, ProgressBarComponent, ...props }: ProgressBarGroupCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBarGroupCommon: ({ currentStepProgress, max, stepsCount, currentStep, className, ProgressBarComponent, ...props }: ProgressBarGroupCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/ProgressBarGroup/ProgressBarGroupCommon.js

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { useId } from "react";
 import { ProgressBar } from "../ProgressBar/ProgressBarCommon";
 import { useSequentialProgress } from "./useSequentialProgress";
-export const ProgressBarGroupCommon = ({ currentStepProgress = 0, max = 100, nbSteps = 4, stepsCount = nbSteps, currentStep, className, ProgressBarComponent, ...props }) => {
+export const ProgressBarGroupCommon = ({ currentStepProgress = 0, max = 100, stepsCount = 4, currentStep, className, ProgressBarComponent, ...props }) => {
     const stepperId = useId();
     const progressValues = useSequentialProgress(currentStepProgress / max, currentStep, stepsCount);
     return (_jsx("ol", { className: classNames("af-progress-bar-group", className), ...props, children: progressValues.map((value, index) => (_jsx("li", { className: "af-progress-bar-group__item", children: _jsx(ProgressBarComponent, { value: value, "aria-hidden": true }) }, `af-progress-bar-group__item--${stepperId}-${index}`))) }));

package/dist/prospect-client/Tag/TagCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const tagVariants = {
     info: "info",
     success: "success",
@@ -9,6 +9,10 @@ export const tagVariants = {
     neutral: "neutral",
 };
 export const Tag = ({ children, className, variant = "info", ...divProps }) => {
-    const componentClassName = useMemo(() => getComponentClassName("af-tag", className, variant), [className, variant]);
+    const componentClassName = useMemo(() => getClassName({
+        baseClassName: "af-tag",
+        className,
+        modifiers: [variant],
+    }), [className, variant]);
     return (_jsx("div", { className: componentClassName, ...divProps, children: _jsx("span", { className: "af-tag__label", children: children }) }));
 };