@axa-fr/canopee-react 2.0.0-alpha.70 → 2.0.0-alpha.72

package/dist/prospect-client/Form/FileUpload/ItemFile/ItemFileApollo.js

@@ -4,7 +4,7 @@ import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.s
 import { ClickIcon } from "../../../ClickIcon/ClickIconApollo";
 import { Icon } from "../../../Icon/IconApollo";
 import { Spinner } from "../../../Spinner/SpinnerApollo";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { ItemFileCommon } from "./ItemFileCommon";
 import "@axa-fr/canopee-css/prospect/ContentItemMono/ContentItemMonoApollo.css";
 import "@axa-fr/canopee-css/prospect/Form/FileUpload/ItemFile/ItemFileApollo.css";

package/dist/prospect-client/Form/FileUpload/ItemFile/ItemFileCommon.d.ts

@@ -2,7 +2,7 @@ import { type ComponentPropsWithoutRef, type ComponentType, type MouseEvent } fr
 import type { ClickIconProps } from "../../../ClickIcon/ClickIconCommon";
 import type { IconProps } from "../../../Icon/IconCommon";
 import type { SpinnerProps } from "../../../Spinner/SpinnerCommon";
-import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessage";
 export type ItemFileProps = {
     /**
      * The JavaScript File object representing the uploaded file.

package/dist/prospect-client/Form/FileUpload/ItemFile/ItemFileLF.js

@@ -4,7 +4,7 @@ import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.s
 import { ClickIcon } from "../../../ClickIcon/ClickIconLF";
 import { Icon } from "../../../Icon/IconLF";
 import { Spinner } from "../../../Spinner/SpinnerLF";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { ItemFileCommon } from "./ItemFileCommon";
 import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
 import "@axa-fr/canopee-css/client/Form/FileUpload/ItemFile/ItemFileLF.css";

package/dist/prospect-client/Form/InputDate/InputDateApollo.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/InputDate/InputDateApollo.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputDateCommon } from "./InputDateCommon";
 export const InputDate = ({ ...props }) => (_jsx(InputDateCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
 InputDate.displayName = "InputDate";

package/dist/prospect-client/Form/InputDate/InputDateCommon.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../ItemMessage/ItemMessage";
 import { type InputDateAtomProps } from "./InputDateAtom";
 export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "max"> & {
     classModifier?: string;
@@ -16,7 +16,7 @@ export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min
 } & Partial<Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick"> & ItemMessageProps>;
 type InputDateCommonProps = InputDateProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 declare const InputDateCommon: {
     ({ className, classModifier, helper, message, messageType, label, description, moreButtonLabel, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }: InputDateCommonProps): import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/InputDate/InputDateCommon.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
 import { getClassName } from "../../utilities/getClassName";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
+import {} from "../ItemMessage/ItemMessage";
 import { InputDateAtom } from "./InputDateAtom";
 import { InputDateTextAtom } from "./InputDateTextAtom";
 const InputDateCommon = ({ className, classModifier = "", helper, message, messageType = "error", label, description, moreButtonLabel, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }) => {

package/dist/prospect-client/Form/InputDate/InputDateLF.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/InputDate/InputDateLF.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputDateCommon } from "./InputDateCommon";
 export const InputDate = ({ ...props }) => (_jsx(InputDateCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
 InputDate.displayName = "InputDate";

package/dist/prospect-client/Form/InputPhone/InputPhoneApollo.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/InputPhone/InputPhoneApollo.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputPhoneCommon } from "./InputPhoneCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
 import { Icon } from "../../Icon/IconApollo";

package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.d.ts

@@ -4,7 +4,7 @@ import { Icon } from "../../Icon/IconCommon";
 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 ItemMessageProps } from "../ItemMessage/ItemMessage";
 import { type OptionType } from "./InputPhone.types";
 export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
     classModifier?: string;
@@ -21,7 +21,7 @@ export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
 } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type InputPhoneCommonProps = InputPhoneProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
     InputTextComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
     IconComponent: ComponentType<ComponentProps<typeof Icon>>;
 };

package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.js

@@ -3,7 +3,7 @@ import { useId, } from "react";
 import { Icon } from "../../Icon/IconCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
+import {} from "../ItemMessage/ItemMessage";
 import { CountryCodeSelect } from "./CountryCodeSelect";
 import {} from "./InputPhone.types";
 import { maskFrenchPhoneNumber } from "./maskFrenchPhoneNumber";

package/dist/prospect-client/Form/InputPhone/InputPhoneLF.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/InputPhone/InputPhoneLF.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputPhoneCommon } from "./InputPhoneCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
 import { Icon } from "../../Icon/IconLF";

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/InputText/InputTextApollo.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputTextCommon } from "./InputTextCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
 export const InputText = ({ ...props }) => (_jsx(InputTextCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom }));

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

@@ -1,8 +1,8 @@
 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 ItemMessageProps } from "../ItemMessage/ItemMessage";
+import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 export type InputTextProps = ComponentProps<"input"> & {
     unit?: ReactNode;
     classModifier?: string;
@@ -12,7 +12,7 @@ export type InputTextProps = ComponentProps<"input"> & {
 } & 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>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
     InputTextAtomComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
 };
 declare const InputTextCommon: {

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
+import {} from "../ItemMessage/ItemMessage";
 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;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/InputText/InputTextLF.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputTextCommon } from "./InputTextCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
 export const InputText = ({ ...props }) => (_jsx(InputTextCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom }));

package/dist/prospect-client/Form/ItemMessage/{ItemMessageCommon.d.ts → ItemMessage.d.ts}

@@ -1,3 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageAll.css";
 import type { ReactNode } from "react";
 export declare const itemMessageVariants: {
     readonly error: "error";

package/dist/prospect-client/Form/ItemMessage/{ItemMessageCommon.js → ItemMessage.js}

@@ -1,23 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageAll.css";
 import successIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
 import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
 import warningIcon from "@material-symbols/svg-400/outlined/warning-fill.svg";
-import { Svg } from "../../Svg/Svg";
+import { Icon } from "../../Icon/IconCommon";
 export const itemMessageVariants = {
     error: "error",
     success: "success",
     warning: "warning",
 };
+const getIcon = (messageType) => {
+    if (messageType === "success")
+        return successIcon;
+    if (messageType === "warning")
+        return warningIcon;
+    return errorIcon;
+};
 export const ItemMessage = ({ message, id, messageType = "error", }) => {
     if (!message) {
         return null;
     }
-    const getIcon = () => {
-        if (messageType === "success")
-            return successIcon;
-        if (messageType === "warning")
-            return warningIcon;
-        return errorIcon;
-    };
-    return (_jsxs("small", { id: id, className: `af-item-message af-item-message--${messageType}`, role: messageType === "success" ? undefined : "alert", "aria-live": "assertive", children: [_jsx(Svg, { src: getIcon(), className: "af-item-message__icon", "aria-hidden": "true" }), _jsx("span", { className: "af-item-message__message", children: message })] }));
+    return (_jsxs("small", { id: id, className: `af-item-message af-item-message--${messageType}`, role: messageType === "success" ? undefined : "alert", "aria-live": "assertive", children: [_jsx(Icon, { src: getIcon(messageType), size: "XS", variant: messageType, "aria-hidden": "true" }), _jsx("span", { className: "af-item-message__message", children: message })] }));
 };

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { CardRadio } from "../CardRadio/CardRadioApollo";
 import { CardRadioGroupCommon, } from "./CardRadioGroupCommon";
 import "@axa-fr/canopee-css/prospect/Form/Radio/CardRadioGroup/CardRadioGroupApollo.css";

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

@@ -1,6 +1,6 @@
-import { type ComponentProps, type ComponentType, type PropsWithChildren, type ReactNode } from "react";
+import { type ComponentType, type PropsWithChildren, type ReactNode } from "react";
 import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
-import { ItemMessage, type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../../ItemMessage/ItemMessage";
 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"> & {
@@ -13,7 +13,7 @@ export type CardRadioGroupProps = Omit<CardRadioProps, "value" | "label" | "type
 } & PropsWithChildren & Partial<ItemMessageProps>;
 export type CardRadioCommonProps = CardRadioGroupProps & {
     CardRadioComponent: ComponentType<CardRadioProps>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 declare const CardRadioGroupCommon: {
     ({ className, label, description, required, options, cardStyle, position, message, messageType, name, id, CardRadioComponent, ItemMessageComponent, containerProps, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
-import { ItemMessage, } from "../../ItemMessage/ItemMessageCommon";
+import {} from "../../ItemMessage/ItemMessage";
 import {} from "../CardRadio/CardRadioCommon";
 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();

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { CardRadio } from "../CardRadio/CardRadioLF";
 import { CardRadioGroupCommon, } from "./CardRadioGroupCommon";
 import "@axa-fr/canopee-css/client/Form/Radio/CardRadioGroup/CardRadioGroupLF.css";

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/TextArea/TextAreaApollo.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { TextAreaCommon } from "./TextAreaCommon";
 export const TextArea = ({ ...props }) => (_jsx(TextAreaCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
 TextArea.displayName = "TextArea";

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

@@ -1,7 +1,7 @@
 import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../ItemMessage/ItemMessage";
 export type TextAreaProps = ComponentPropsWithRef<"textarea"> & {
     label?: ItemLabelProps["children"];
     helper?: string;
@@ -9,7 +9,7 @@ export type TextAreaProps = ComponentPropsWithRef<"textarea"> & {
 } & 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>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 declare const TextAreaCommon: {
     ({ id, className, label, description, helper, message, messageType, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder, containerProps, ...inputProps }: TextAreaCommonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
 import { getClassName } from "../../utilities/getClassName";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
+import {} from "../ItemMessage/ItemMessage";
 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;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/TextArea/TextAreaLF.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { TextAreaCommon } from "./TextAreaCommon";
 export const TextArea = ({ ...props }) => (_jsx(TextAreaCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
 TextArea.displayName = "TextArea";

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

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/List/ContentItemDuo/ContentItemDuoApollo.css";
 import { Button } from "../../Button/ButtonApollo";
 import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
-import { ItemMessage } from "../../Form/ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../Form/ItemMessage/ItemMessage";
 export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button, ItemMessageComponent: ItemMessage }));

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

@@ -1,6 +1,6 @@
 import { type ComponentProps, type ComponentType, type ReactNode } from "react";
 import type { ButtonProps } from "../../Button/ButtonCommon";
-import { ItemMessage, type ItemMessageProps } from "../../Form/ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../../Form/ItemMessage/ItemMessage";
 type ContentItemDuoPositions = {
     position?: "horizontal";
     size?: "small" | "large";
@@ -16,7 +16,7 @@ export type ContentItemDuoProps = {
 } & Pick<ItemMessageProps, "message" | "messageType"> & ContentItemDuoPositions & ComponentProps<"div">;
 type ContentItemDuoCommonProps = ContentItemDuoProps & {
     ButtonComponent: ComponentType<ButtonProps>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 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,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
-import { ItemMessage, } from "../../Form/ItemMessage/ItemMessageCommon";
 import { getClassName } from "../../utilities/getClassName";
+import {} from "../../Form/ItemMessage/ItemMessage";
 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",

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

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/List/ContentItemDuo/ContentItemDuoLF.css";
 import { Button } from "../../Button/ButtonLF";
 import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
-import { ItemMessage } from "../../Form/ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../Form/ItemMessage/ItemMessage";
 export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Stepper/StepperApollo.js

@@ -2,5 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Stepper/StepperApollo.css";
 import { Heading } from "../Heading/HeadingApollo";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupApollo";
+import { ItemMessage } from "../Form/ItemMessage/ItemMessage";
 import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading }));
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Stepper/StepperCommon.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
-import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessage";
 import { type ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
 import type { HeadingCommonProps } from "../Heading/HeadingCommon";
 import type { HeadingLevel } from "../Heading/types";
@@ -19,5 +19,6 @@ export type StepperProps = {
 export type StepperCommonProps = StepperProps & {
     ProgressBarGroupComponent: ComponentType<ProgressBarGroupProps>;
     HeadingComponent: ComponentType<HeadingCommonProps>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
-export declare const StepperCommon: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, helper, icon, iconProps, message, messageType, titleLevel, ...props }: StepperCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperCommon: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, ItemMessageComponent, helper, icon, iconProps, message, messageType, titleLevel, ...props }: StepperCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Stepper/StepperCommon.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
-import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
+import {} from "../Form/ItemMessage/ItemMessage";
 import {} from "../ProgressBarGroup/ProgressBarGroupCommon";
-export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, helper, icon, iconProps, message, messageType = "success", titleLevel = 2, ...props }) => {
+export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, ItemMessageComponent, helper, icon, iconProps, message, messageType = "success", titleLevel = 2, ...props }) => {
     const titleId = useId();
-    return (_jsxs("div", { className: "af-stepper", ...props, tabIndex: undefined, children: [_jsx("div", { className: "af-stepper__header", id: titleId, children: _jsx(HeadingComponent, { level: titleLevel, icon: icon, iconProps: iconProps, firstSubtitle: currentSubtitle, children: currentTitle }) }), _jsx(ProgressBarGroupComponent, { className: className, currentStep: currentStep, stepsCount: nbSteps, currentStepProgress: currentStepProgress, "aria-labelledby": titleId }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType: messageType })] }));
+    return (_jsxs("div", { className: "af-stepper", ...props, tabIndex: undefined, children: [_jsx("div", { className: "af-stepper__header", id: titleId, children: _jsx(HeadingComponent, { level: titleLevel, icon: icon, iconProps: iconProps, firstSubtitle: currentSubtitle, children: currentTitle }) }), _jsx(ProgressBarGroupComponent, { className: className, currentStep: currentStep, stepsCount: nbSteps, currentStepProgress: currentStepProgress, "aria-labelledby": titleId }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessageComponent, { message: message, messageType: messageType })] }));
 };

package/dist/prospect-client/Stepper/StepperLF.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Stepper/StepperLF.css";
-import { Heading } from "../Heading/HeadingLF";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupLF";
 import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading }));
+import { Heading } from "../Heading/HeadingLF";
+import { ItemMessage } from "../Form/ItemMessage/ItemMessage";
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading, ItemMessageComponent: ItemMessage }));

package/dist/prospect.d.ts

@@ -30,7 +30,7 @@ export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneApollo";
 export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessage";
 export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
 export { MultiSelectList, type MultiSelectListProps, } from "./prospect-client/Form/MultiSelectList/MultiSelectListApollo";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";

package/dist/prospect.js

@@ -30,7 +30,7 @@ export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneApollo";
 export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
-export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessage";
 export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
 export { MultiSelectList, } from "./prospect-client/Form/MultiSelectList/MultiSelectListApollo";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.70",
+  "version": "2.0.0-alpha.72",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -53,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "2.0.0-alpha.70",
+    "@axa-fr/canopee-css": "2.0.0-alpha.72",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"

package/dist/prospect-client/Form/ItemMessage/ItemMessageApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageApollo.css";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/prospect-client/Form/ItemMessage/ItemMessageApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageApollo.css";
-export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";

package/dist/prospect-client/Form/ItemMessage/ItemMessageLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Form/ItemMessage/ItemMessageLF.css";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/prospect-client/Form/ItemMessage/ItemMessageLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Form/ItemMessage/ItemMessageLF.css";
-export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";