@axa-fr/design-system-apollo-react 1.0.5-tags-slash-2-0-0-RC-4.480 → 2.0.0-RC.0

package/dist/BasePicture/BasePicture.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from "react";
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePicture.scss";
+type BasePictureProps = ComponentProps<"img">;
+export declare const BasePicture: ({ className, src, ...props }: BasePictureProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/BasePicture/BasePicture.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import logo from "@axa-fr/design-system-apollo-css/logo-axa.svg";
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePicture.scss";
+export const BasePicture = ({ className, src, ...props }) => {
+    return (_jsx("img", { className: ["af-basepicture", className].filter(Boolean).join(" "), alt: "", src: src || logo, ...props }));
+};

package/dist/ContentItemMono/ContentItemMonoApollo.d.ts

@@ -1,3 +1,3 @@
 import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
-import { ContentItemProps } from "./ContentItemMonoCommon";
+import { type ContentItemProps } from "./ContentItemMonoCommon";
 export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoApollo.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
-import { BasePicture } from "../BasePicture/BasePictureApollo";
 import { Icon } from "../Icon/IconApollo";
 import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
-export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, BasePictureComponent: BasePicture, IconComponent: Icon }));
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, IconComponent: Icon }));

package/dist/ContentItemMono/ContentItemMonoCommon.d.ts

@@ -1,7 +1,6 @@
-import { ComponentProps, ComponentType } from "react";
+import type { ComponentProps, ComponentType } from "react";
 import { Icon } from "../Icon/IconCommon";
-import { BasePicture } from "../BasePicture/BasePictureCommon";
-import { ContentItemCoreProps } from "./ContentItemMonoCore";
+import { type ContentItemCoreProps } from "./ContentItemMonoCore";
 export type ContentMonoItemSize = "medium" | "large";
 export type ContentMonoItemPictureProps = {
     type: "picture";
@@ -25,7 +24,6 @@ export type ContentMonoItemStickProps = {
 export type ContentItemProps = ContentMonoItemPictureProps | ContentMonoItemIconProps | ContentMonoItemStickProps;
 export type ContentItemCommonProps = ContentItemProps & {
     IconComponent: ComponentType<ComponentProps<typeof Icon>>;
-    BasePictureComponent: ComponentType<ComponentProps<typeof BasePicture>>;
 };
-export declare const getContentItemCoreProps: ({ IconComponent, BasePictureComponent, type, ...props }: ContentItemCommonProps) => ContentItemCoreProps;
+export declare const getContentItemCoreProps: ({ IconComponent, type, ...props }: ContentItemCommonProps) => ContentItemCoreProps;
 export declare const ContentItemMonoCommon: (props: ContentItemCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoCommon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { BasePicture } from "../BasePicture/BasePicture";
 import { ContentItemMonoCore, } from "./ContentItemMonoCore";
-export const getContentItemCoreProps = ({ IconComponent, BasePictureComponent, type, ...props }) => {
+export const getContentItemCoreProps = ({ IconComponent, type, ...props }) => {
     if (type === "icon") {
         const { icon, title, subtitle1, subtitle2 } = props;
         return {
@@ -13,7 +14,7 @@ export const getContentItemCoreProps = ({ IconComponent, BasePictureComponent, t
     if (type === "picture") {
         return {
             ...props,
-            leftComponent: (_jsx(BasePictureComponent, { src: props.picture, alt: props.title })),
+            leftComponent: (_jsx(BasePicture, { src: props.picture, alt: props.title })),
         };
     }
     return {

package/dist/ContentItemMono/ContentItemMonoLF.d.ts

@@ -1,3 +1,3 @@
 import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
-import { ContentItemProps } from "./ContentItemMonoCommon";
+import { type ContentItemProps } from "./ContentItemMonoCommon";
 export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoLF.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
-import { BasePicture } from "../BasePicture/BasePictureLF";
 import { Icon } from "../Icon/IconLF";
 import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
-export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, BasePictureComponent: BasePicture, IconComponent: Icon }));
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, IconComponent: Icon }));

package/dist/Form/Dropdown/DropdownCommon.js

@@ -6,7 +6,7 @@ const Dropdown = forwardRef(({ id, required, label, error, placeholder, children
     let inputId = useId();
     inputId = id || inputId;
     const classname = classNames("af-form__dropdown-input", error && "af-form__dropdown-input--error");
-    return (_jsxs("div", { className: "af-form__dropdown-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && (_jsx("option", { disabled: true, value: "", children: placeholder })), children] }), helper ? (_jsx("span", { className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
+    return (_jsxs("div", { className: "af-form__dropdown-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && _jsx("option", { value: "", children: placeholder }), children] }), helper ? (_jsx("span", { className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
 });
 Dropdown.displayName = "Dropdown";
 export { Dropdown };

package/dist/Form/InputDate/InputDateApollo.d.ts

@@ -10,6 +10,7 @@ export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<O
     helper?: string;
     error?: string;
     success?: string;
+    hidePicker?: boolean;
     label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;

package/dist/Form/InputDate/InputDateCommon.d.ts

@@ -10,6 +10,7 @@ type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "ma
     helper?: string;
     error?: string;
     success?: string;
+    hidePicker?: boolean;
     label: ComponentProps<typeof ItemLabel>["label"];
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;

package/dist/Form/InputDate/InputDateCommon.js

@@ -1,14 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
+import { forwardRef, useEffect, useId, } from "react";
 import { getComponentClassName } from "../../utilities/getComponentClassName";
 import { formatInputDateValue } from "./InputDate.helper";
-const InputDate = forwardRef(({ className, classModifier = "", defaultValue, value, helper, error, success, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, "aria-errormessage": ariaErrormessage, min, max, ...otherProps }, inputRef) => {
-    const componentClassName = getComponentClassName("af-form__input-date", className ?? "", classModifier + (error || ariaErrormessage ? " error" : ""));
+const InputDate = forwardRef(({ className, classModifier = "", defaultValue, value, helper, error, success, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, "aria-errormessage": ariaErrormessage, min, max, hidePicker, ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-date", className ?? "", `${classModifier}${hidePicker ? " no-picker" : ""}`);
     let inputId = useId();
     inputId = otherProps.id ?? inputId;
     const idMessage = useId();
     const idHelp = useId();
     const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
+    /* Stop keydown (space and enter) and click events for Firefox when picker is disabled */
+    useEffect(() => {
+        function handleKeydown(event) {
+            if (hidePicker && (event.keyCode === 13 || event.keyCode === 32)) {
+                event.preventDefault();
+            }
+        }
+        function handleClick(event) {
+            if (hidePicker) {
+                event.preventDefault();
+            }
+        }
+        window.addEventListener("keydown", handleKeydown);
+        window.addEventListener("click", handleClick);
+        return () => {
+            window.removeEventListener("keydown", handleKeydown);
+            window.removeEventListener("click", handleClick);
+        };
+    }, [hidePicker]);
     return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, required: required, inputId: inputId }), _jsx("input", { ...otherProps, id: inputId, className: componentClassName, type: "date", ref: inputRef, defaultValue: formatInputDateValue(defaultValue), value: formatInputDateValue(value), "aria-errormessage": ariaErrormessage ?? (error ? idMessage : undefined), "aria-invalid": Boolean(error ?? ariaErrormessage), "aria-describedby": ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, required: required, min: formatInputDateValue(min), max: formatInputDateValue(max) }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
 });
 InputDate.displayName = "InputDate";

package/dist/Form/InputDate/InputDateLF.d.ts

@@ -10,6 +10,7 @@ export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<O
     helper?: string;
     error?: string;
     success?: string;
+    hidePicker?: boolean;
     label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;

package/dist/Form/InputPhone/CountryCodeSelect.js

@@ -17,6 +17,10 @@ const CountryCodeSelect = ({ options, defaultCountry, onChangeSelect, IconCompon
             ...provided,
             display: "none",
         }),
+        singleValue: (provided) => ({
+            ...provided,
+            color: "inherit",
+        }),
     };
     const formatOptionLabel = ({ flag, code }) => (_jsxs("div", { className: "country-code-select-format-label", children: [_jsx(IconComponent, { src: flag }), code] }));
     const handleChange = (newValue) => {

package/dist/Form/ItemMessage/ItemMessageCommon.d.ts

@@ -2,6 +2,6 @@ import type { ReactNode } from "react";
 export type ItemMessageProps = {
     message?: ReactNode;
     id?: string;
-    messageType?: "error" | "success";
+    messageType?: "error" | "success" | "warning";
 };
 export declare const ItemMessage: ({ message, id, messageType, }: ItemMessageProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Form/ItemMessage/ItemMessageCommon.js

@@ -1,10 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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";
 export const ItemMessage = ({ message, id, messageType = "error", }) => {
     if (!message) {
         return null;
     }
-    return (_jsxs("small", { id: id, className: `af-item-message af-item-message--${messageType}`, role: messageType === "error" ? "alert" : undefined, "aria-live": "assertive", children: [_jsx(Svg, { src: messageType === "error" ? errorIcon : successIcon, className: "af-item-message__icon", "aria-hidden": "true" }), _jsx("span", { className: "af-item-message__message", children: message })] }));
+    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 })] }));
 };

package/dist/Form/Radio/CardRadio/CardRadioCommon.d.ts

@@ -2,7 +2,7 @@ import { type ComponentProps, type ComponentType, type PropsWithChildren, type R
 import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
 import { type CardRadioOptionProps } from "../CardRadioOption/CardRadioOptionCommon";
 type RadioOption = Omit<CardRadioOptionProps, "name" | "type" | "isInvalid">;
-export type CardRadioProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "description" | "subtitle" | "children"> & {
+export type CardRadioProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children"> & {
     type?: "vertical" | "horizontal";
     /**
      * @deprecated Use `label` instead.

package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.d.ts

@@ -1,15 +1,50 @@
 import { type ComponentProps, type ComponentType, type ReactNode } from "react";
 import type { Icon as IconCommon } from "../../../Icon/IconCommon";
+import { BasePicture } from "../../../BasePicture/BasePicture";
 import type { Radio } from "../Radio/RadioCommon";
-export type CardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
+type BaseCardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     label: ReactNode;
-    type?: "vertical" | "horizontal";
     description?: ReactNode;
     subtitle?: ReactNode;
-    icon?: ComponentProps<typeof IconCommon>["src"];
 };
+export type CardRadioOptionProps = (BaseCardRadioOptionProps & {
+    type?: "vertical" | "horizontal";
+    icon?: ComponentProps<typeof IconCommon>["src"];
+    src?: undefined;
+    basePictureProps?: undefined;
+}) | (BaseCardRadioOptionProps & {
+    type: "horizontal";
+    src?: ComponentProps<typeof BasePicture>["src"];
+    basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
+    icon?: undefined;
+});
 export type CardRadioOptionCommonProps = CardRadioOptionProps & {
     RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
     IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
 };
-export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<Omit<CardRadioOptionCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<(Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    subtitle?: ReactNode;
+} & {
+    type?: "vertical" | "horizontal";
+    icon?: ComponentProps<typeof IconCommon>["src"];
+    src?: undefined;
+    basePictureProps?: undefined;
+} & {
+    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
+    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
+}, "ref"> | Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    subtitle?: ReactNode;
+} & {
+    type: "horizontal";
+    src?: ComponentProps<typeof BasePicture>["src"];
+    basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
+    icon?: undefined;
+} & {
+    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
+    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
+}, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, } from "react";
-export const CardRadioOptionCommon = forwardRef(({ label, type = "vertical", description, subtitle, icon, isInvalid, className, RadioComponent, IconComponent, ...inputProps }, ref) => (_jsxs("label", { className: [
+import { BasePicture } from "../../../BasePicture/BasePicture";
+export const CardRadioOptionCommon = forwardRef(({ label, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }, ref) => (_jsxs("label", { className: [
         "af-card-radio-option",
         isInvalid && "af-card-radio-option--invalid",
         type === "horizontal" && "af-card-radio-option--horizontal",
         className,
     ]
         .filter(Boolean)
-        .join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, _jsxs("div", { className: "af-card-radio-option__content", children: [_jsx("p", { className: "af-card-radio-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio-option__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid, ref: ref })] })));
+        .join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, type === "horizontal" && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio-option__content", children: [_jsx("p", { className: "af-card-radio-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio-option__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid, ref: ref })] })));
 CardRadioOptionCommon.displayName = "CardRadioOptionCommon";

package/dist/Form/TextArea/TextAreaCommon.js

@@ -7,6 +7,6 @@ export const TextArea = forwardRef(({ id, className, classModifier = "", label,
     const errorId = `${inputId}-error`;
     return (_jsxs("div", { className: ["af-form__input-container", className]
             .filter(Boolean)
-            .join(" "), children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx("textarea", { id: inputId, className: "af-form__input-textarea", ref: inputRef, "aria-errormessage": error ? errorId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": Boolean(error) || classModifier.includes("error") ? true : undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: errorId, message: error })] }));
+            .join(" "), children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx("textarea", { id: inputId, className: "af-form__textarea", ref: inputRef, "aria-errormessage": error ? errorId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": Boolean(error) || classModifier.includes("error") ? true : undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: errorId, message: error })] }));
 });
 TextArea.displayName = "TextArea";

package/dist/List/ClickItem/components/ClickItemPrefixApollo.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from "../../../Icon/IconApollo";
-import { BasePicture } from "../../../BasePicture/BasePictureApollo";
 import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
-export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { BasePictureComponent: BasePicture, ...props, IconComponent: Icon }));
+export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));

package/dist/List/ClickItem/components/ClickItemPrefixCommon.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps, ComponentType } from "react";
-import { BasePicture } from "../../../BasePicture/BasePictureCommon";
+import type { ComponentProps, ComponentType } from "react";
+import { BasePicture } from "../../../BasePicture/BasePicture";
 import type { IconProps } from "../../../Icon/IconCommon";
-import { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
+import type { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
 export type ClickItemPrefixProps = {
     state: ClickItemStates;
     variant: ClickItemVariants;
@@ -10,6 +10,5 @@ export type ClickItemPrefixProps = {
 };
 export type ClickItemPrefixCommonProps = ClickItemPrefixProps & {
     IconComponent: ComponentType<IconProps>;
-    BasePictureComponent: ComponentType<ComponentProps<typeof BasePicture>>;
 };
-export declare const ClickItemPrefixCommon: ({ state, variant, icon, basePictureProps, IconComponent, BasePictureComponent, }: ClickItemPrefixCommonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ClickItemPrefixCommon: ({ state, variant, icon, basePictureProps, IconComponent, }: ClickItemPrefixCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/List/ClickItem/components/ClickItemPrefixCommon.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ClickItemPrefixCommon = ({ state, variant, icon, basePictureProps, IconComponent, BasePictureComponent, }) => {
+import { BasePicture } from "../../../BasePicture/BasePicture";
+export const ClickItemPrefixCommon = ({ state, variant, icon, basePictureProps, IconComponent, }) => {
     if (!(Boolean(basePictureProps) && variant === "agent") && !icon) {
         return null;
     }
     if (Boolean(basePictureProps) && variant === "agent") {
-        return _jsx(BasePictureComponent, { ...basePictureProps });
+        return _jsx(BasePicture, { ...basePictureProps });
     }
     return (_jsx(IconComponent, { role: "presentation", src: icon ?? "", variant: state === "disabled" && variant !== "small" ? "disabled" : "primary" }));
 };

package/dist/List/ClickItem/components/ClickItemPrefixLF.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from "../../../Icon/IconLF";
-import { BasePicture } from "../../../BasePicture/BasePictureLF";
 import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
-export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { BasePictureComponent: BasePicture, ...props, IconComponent: Icon }));
+export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));

package/dist/Modal/components/ModalCore.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const ModalCore = forwardRef(({ className, children, ...props }, ref) => (
 // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
-_jsx("dialog", { "aria-label": props["aria-label"] ?? props.title, className: ["af-apollo-modal", className].filter(Boolean).join(" "), onClick: props.onClose, ref: ref, ...props, children: _jsx("section", { className: "af-apollo-modal__content", onClick: (e) => e.stopPropagation(), children: children }) })));
+_jsx("dialog", { "aria-modal": true, "aria-label": props["aria-label"] ?? props.title, className: ["af-modal", className].filter(Boolean).join(" "), onClick: props.onClose, ref: ref, ...props, children: _jsx("section", { className: "af-modal__content", onClick: (e) => e.stopPropagation(), children: children }) })));
 ModalCore.displayName = "ModalCore";
 export { ModalCore };

package/dist/Modal/components/ModalCoreBody.js

@@ -5,8 +5,8 @@ export const ModalCoreBody = ({ children, className, ...otherProps }) => {
     const bodyRef = useRef(null);
     const { vertical: hasVerticalScroll } = useHasScroll(bodyRef);
     return (_jsx("main", { className: [
-            "af-apollo-modal__body",
-            hasVerticalScroll ? "af-apollo-modal__body-vertical-scroll" : undefined,
+            "af-modal__body",
+            hasVerticalScroll ? "af-modal__body-vertical-scroll" : undefined,
             className,
         ]
             .filter(Boolean)

package/dist/Modal/components/ModalCoreFooterCommon.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const renderFooterButtons = (ButtonComponent, buttons) => ButtonComponent &&
-    buttons.map(([variant, props]) => Boolean(props) && (_jsx(ButtonComponent, { variant: variant, ...props, className: [props?.className, "af-apollo-modal__footer-button"]
+    buttons.map(([variant, props]) => Boolean(props) && (_jsx(ButtonComponent, { variant: variant, ...props, className: [props?.className, "af-modal__footer-button"]
             .filter(Boolean)
             .join(" ") }, variant)));
-export const ModalCoreFooterCommon = ({ className, buttonComponent: ButtonComponent, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, ...rest }) => (primaryButtonProps || secondaryButtonProps || tertiaryButtonProps) && (_jsx("footer", { className: ["af-apollo-modal__footer", className]
-        .filter(Boolean)
-        .join(" "), ...rest, children: renderFooterButtons(ButtonComponent, [
+export const ModalCoreFooterCommon = ({ className, buttonComponent: ButtonComponent, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, ...rest }) => (primaryButtonProps || secondaryButtonProps || tertiaryButtonProps) && (_jsx("footer", { className: ["af-modal__footer", className].filter(Boolean).join(" "), ...rest, children: renderFooterButtons(ButtonComponent, [
         ["tertiary", tertiaryButtonProps],
         ["secondary", secondaryButtonProps],
         ["primary", primaryButtonProps],

package/dist/Modal/components/ModalCoreHeaderCommon.js

@@ -1,4 +1,4 @@
 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 = ({ className, headingComponent: HeadingComponent, headingProps, iconComponent: IconComponent, iconProps, onClose, closeButtonAriaLabel = "Fermer la boite de dialogue", ...props }) => (_jsxs("header", { className: ["af-apollo-modal__header", className].filter(Boolean).join(" "), ...props, children: [_jsx(ClickIcon, { className: "af-apollo-modal__header-close-btn", src: close, onClick: onClose, "aria-label": closeButtonAriaLabel }), _jsxs("div", { className: "af-apollo-modal__header-title", children: [IconComponent && iconProps ? (_jsx(IconComponent, { size: "M", ...iconProps })) : null, _jsx(HeadingComponent, { level: 2, ...headingProps })] })] }));
+export const ModalCoreHeaderCommon = ({ className, headingComponent: HeadingComponent, headingProps, iconComponent: IconComponent, iconProps, onClose, closeButtonAriaLabel = "Fermer la boite de dialogue", ...props }) => (_jsxs("header", { className: ["af-modal__header", className].filter(Boolean).join(" "), ...props, children: [_jsx(ClickIcon, { className: "af-modal__header-close-btn", src: close, onClick: onClose, "aria-label": closeButtonAriaLabel }), _jsxs("div", { className: "af-modal__header-title", children: [IconComponent && iconProps ? (_jsx(IconComponent, { size: "M", ...iconProps })) : null, _jsx(HeadingComponent, { level: 2, ...headingProps })] })] }));

package/dist/ProgressBar/ProgressBarApollo.d.ts

@@ -1,2 +1,2 @@
 import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarApollo.scss";
-export { ProgressBar, type ProgressBarProps } from "./ProgressBarCommon";
+export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBar/ProgressBarCommon.d.ts

@@ -1,5 +1,9 @@
-export type ProgressBarProps = {
-    value: number;
-    active?: boolean;
+import { type ComponentProps, type ReactNode } from "react";
+type ProgressBarProps = ComponentProps<"progress"> & {
+    label?: ReactNode;
 };
-export declare const ProgressBar: ({ value, active, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: {
+    ({ id, label, className, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/ProgressBar/ProgressBarCommon.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const MAX_STEPPER_PROGRESS = 100;
-export const ProgressBar = ({ value = MAX_STEPPER_PROGRESS, active = true, }) => {
-    const clampedValue = Math.max(0, Math.min(value, MAX_STEPPER_PROGRESS));
-    return (_jsx("div", { role: "progressbar", className: "af-progressbar", "aria-valuemin": 0, "aria-valuemax": MAX_STEPPER_PROGRESS, "aria-valuenow": clampedValue, "aria-current": active, "aria-hidden": !active, "aria-label": `Progression : ${clampedValue}%`, children: _jsx("div", { className: "af-progressbar__progress", style: { width: `${clampedValue}%` } }) }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+export const ProgressBar = ({ id, label, className, ...props }) => {
+    let inputId = useId();
+    inputId = id || inputId;
+    return (_jsxs(_Fragment, { children: [Boolean(label) && (_jsx("label", { className: "af-progress-bar__label", htmlFor: inputId, children: label })), _jsx("progress", { id: inputId, className: ["af-progress-bar", className].filter(Boolean).join(" "), ...props })] }));
 };
+ProgressBar.displayName = "ProgressBar";

package/dist/ProgressBar/ProgressBarLF.d.ts

@@ -1,2 +1,2 @@
 import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarLF.scss";
-export { ProgressBar, type ProgressBarProps } from "./ProgressBarCommon";
+export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBarGroup/ProgressBarGroupCommon.js

@@ -14,5 +14,5 @@ export const ProgressBarGroup = ({ currentStepProgress = INITIAL_STEPPER_PROGRES
         }
         return 0;
     };
-    return (_jsx("div", { id: stepperId, role: "group", "aria-label": label, className: classNames("af-progress-bar-group", className), children: [...Array(nbSteps).keys()].map((index) => (_jsx(ProgressBarComponent, { value: getCurrentProgress(index), active: index === currentStep }, `${stepperId}-${index}`))) }));
+    return (_jsx("div", { id: stepperId, role: "group", "aria-label": label, className: classNames("af-progress-bar-group", className), children: [...Array(nbSteps).keys()].map((index) => (_jsx(ProgressBarComponent, { value: getCurrentProgress(index), max: MAX_STEPPER_PROGRESS, "aria-current": index === currentStep ? true : undefined }, `${stepperId}-${index}`))) }));
 };

package/dist/Stepper/StepperCommon.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType, type HTMLAttributes } from "react";
+import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
 import { ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
 export type StepperProps = {
     currentStepProgress?: number;
@@ -8,7 +9,8 @@ export type StepperProps = {
     nbSteps?: 3 | 4 | 5 | 6 | 7 | 8;
     helper?: string;
     message?: string;
+    messageType?: ItemMessageProps["messageType"];
     titleLevel?: 1 | 2 | 3;
     ProgressBarGroupComponent: ComponentType<Omit<ProgressBarGroupProps, "ProgressBarComponent">>;
 } & Omit<HTMLAttributes<HTMLDivElement>, "role">;
-export declare const Stepper: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, titleLevel, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType, titleLevel, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/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";
-export const Stepper = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, titleLevel = 2, ...props }) => {
+import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
+export const Stepper = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType = "success", titleLevel = 2, ...props }) => {
     const stepperId = useId();
     const Title = `h${titleLevel}`;
-    return (_jsxs("div", { className: "af-stepper", ...props, children: [_jsxs("div", { className: "af-stepper__header", children: [_jsx(Title, { className: "af-stepper__title", "aria-describedby": stepperId, children: currentTitle }), Boolean(currentSubtitle) && (_jsx("p", { className: "af-stepper__subtitle", children: currentSubtitle }))] }), _jsx(ProgressBarGroupComponent, { label: currentTitle, className: className, currentStep: currentStep, nbSteps: nbSteps, currentStepProgress: currentStepProgress }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType: "success" })] }));
+    return (_jsxs("div", { className: "af-stepper", ...props, children: [_jsxs("div", { className: "af-stepper__header", children: [_jsx(Title, { className: "af-stepper__title", "aria-describedby": stepperId, children: currentTitle }), Boolean(currentSubtitle) && (_jsx("p", { className: "af-stepper__subtitle", children: currentSubtitle }))] }), _jsx(ProgressBarGroupComponent, { label: currentTitle, className: className, currentStep: currentStep, nbSteps: nbSteps, currentStepProgress: currentStepProgress }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType: messageType })] }));
 };

package/dist/index.d.ts

@@ -2,37 +2,41 @@ import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
-export { Accordion, type AccordionVariants, accordionVariants, } from "./Accordion/AccordionApollo";
+export { Accordion, accordionVariants, type AccordionVariants, } from "./Accordion/AccordionApollo";
 export { AccordionCore } from "./AccordionCore/AccordionCoreApollo";
-export { BasePicture } from "./BasePicture/BasePictureApollo";
+export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ClickIcon } from "./ClickIcon/ClickIconApollo";
-export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { DataAgent } from "./DataAgent/DataAgentApollo";
 export { Divider } from "./Divider/DividerApollo";
-export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
 export { CardCheckbox, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
-export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
+export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
+export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
+export { Dropdown } from "./Form/Dropdown/DropdownApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
+export { type OptionType } from "./Form/InputPhone/InputPhone.types";
+export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
+export { InputText } from "./Form/InputText/InputTextApollo";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
+export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
-export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileApollo";
-export { TextArea } from "./Form/TextArea/TextAreaApollo";
-export { Radio } from "./Form/Radio/Radio/RadioApollo";
-export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionApollo";
 export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
-export { InputText } from "./Form/InputText/InputTextApollo";
+export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionApollo";
+export { Radio } from "./Form/Radio/Radio/RadioApollo";
+export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
-export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconApollo";
 export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBar/ItemTabBarApollo";
+export { Footer, type FooterProps } from "./Layout/Footer/FooterApollo";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
+export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
@@ -44,7 +48,3 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
-export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
-export { type OptionType } from "./Form/InputPhone/InputPhone.types";
-export { Dropdown } from "./Form/Dropdown/DropdownApollo";
-export { Footer, type FooterProps } from "./Layout/Footer/FooterApollo";

package/dist/index.js

@@ -4,35 +4,38 @@ import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, } from "./Accordion/AccordionApollo";
 export { AccordionCore } from "./AccordionCore/AccordionCoreApollo";
-export { BasePicture } from "./BasePicture/BasePictureApollo";
+export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants, } from "./Button/ButtonApollo";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ClickIcon } from "./ClickIcon/ClickIconApollo";
-export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { DataAgent } from "./DataAgent/DataAgentApollo";
 export { Divider } from "./Divider/DividerApollo";
-export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
 export { CardCheckbox, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
-export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
+export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
+export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
+export { Dropdown } from "./Form/Dropdown/DropdownApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
+export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
+export { InputText } from "./Form/InputText/InputTextApollo";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
+export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
-export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileApollo";
-export { TextArea } from "./Form/TextArea/TextAreaApollo";
-export { Radio } from "./Form/Radio/Radio/RadioApollo";
-export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionApollo";
 export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
-export { InputText } from "./Form/InputText/InputTextApollo";
+export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionApollo";
+export { Radio } from "./Form/Radio/Radio/RadioApollo";
+export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading } from "./Heading/HeadingApollo";
-export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
 export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconApollo";
 export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBar/ItemTabBarApollo";
+export { Footer } from "./Layout/Footer/FooterApollo";
 export { Link, linkVariants } from "./Link/LinkApollo";
+export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
 export { Message, messageVariants, } from "./Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
@@ -44,6 +47,3 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
-export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
-export { Dropdown } from "./Form/Dropdown/DropdownApollo";
-export { Footer } from "./Layout/Footer/FooterApollo";

package/dist/indexLF.d.ts

@@ -1,43 +1,46 @@
+import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
-import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
-export { Accordion, type AccordionVariants, accordionVariants, } from "./Accordion/AccordionLF";
+export { Accordion, accordionVariants, type AccordionVariants, } from "./Accordion/AccordionLF";
 export { AccordionCore } from "./AccordionCore/AccordionCoreLF";
-export { BasePicture } from "./BasePicture/BasePictureLF";
+export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ClickIcon } from "./ClickIcon/ClickIconLF";
-export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { DataAgent } from "./DataAgent/DataAgentLF";
 export { Divider } from "./Divider/DividerLF";
-export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
 export { CardCheckbox, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxLF";
-export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
-export { InputDate, 
+export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
+export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
+export { Dropdown } from "./Form/Dropdown/DropdownLF";
+export { 
 /** @deprecated Use `InputDate` instead. */
-InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
+InputDate as DateInput, InputDate, } from "./Form/InputDate/InputDateLF";
+export { type OptionType } from "./Form/InputPhone/InputPhone.types";
 export { InputPhone } from "./Form/InputPhone/InputPhoneLF";
-export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
-export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileLF";
-export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
-export { TextArea } from "./Form/TextArea/TextAreaLF";
-export { Radio } from "./Form/Radio/Radio/RadioLF";
-export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionLF";
-export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
 export { InputText, 
 /** @deprecated Use `InputText` instead. */
 InputText as TextInput, } from "./Form/InputText/InputTextLF";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomLF";
+export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileLF";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
+export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
+export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
+export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionLF";
+export { Radio } from "./Form/Radio/Radio/RadioLF";
+export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
-export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomLF";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconLF";
 export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBar/ItemTabBarLF";
+export { Footer, type FooterProps } from "./Layout/Footer/FooterLF";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
+export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalLF";
@@ -49,6 +52,3 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./Toggle/ToggleLF";
-export { type OptionType } from "./Form/InputPhone/InputPhone.types";
-export { Dropdown } from "./Form/Dropdown/DropdownLF";
-export { Footer, type FooterProps } from "./Layout/Footer/FooterLF";

package/dist/indexLF.js

@@ -1,43 +1,45 @@
+import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
-import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, } from "./Accordion/AccordionLF";
 export { AccordionCore } from "./AccordionCore/AccordionCoreLF";
-export { BasePicture } from "./BasePicture/BasePictureLF";
+export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants } from "./Button/ButtonLF";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ClickIcon } from "./ClickIcon/ClickIconLF";
-export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { DataAgent } from "./DataAgent/DataAgentLF";
 export { Divider } from "./Divider/DividerLF";
-export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
 export { CardCheckbox, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxLF";
-export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
-export { InputDate, 
+export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
+export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
+export { Dropdown } from "./Form/Dropdown/DropdownLF";
+export { 
 /** @deprecated Use `InputDate` instead. */
-InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
+InputDate as DateInput, InputDate, } from "./Form/InputDate/InputDateLF";
 export { InputPhone } from "./Form/InputPhone/InputPhoneLF";
-export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
-export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileLF";
-export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
-export { TextArea } from "./Form/TextArea/TextAreaLF";
-export { Radio } from "./Form/Radio/Radio/RadioLF";
-export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionLF";
-export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
 export { InputText, 
 /** @deprecated Use `InputText` instead. */
 InputText as TextInput, } from "./Form/InputText/InputTextLF";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomLF";
+export { ItemFile, itemFileVariants } from "./Form/ItemFile/ItemFileLF";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
+export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
+export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
+export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionLF";
+export { Radio } from "./Form/Radio/Radio/RadioLF";
+export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading } from "./Heading/HeadingLF";
-export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconLF";
 export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBar/ItemTabBarLF";
+export { Footer } from "./Layout/Footer/FooterLF";
 export { Link, linkVariants } from "./Link/LinkLF";
+export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
 export { Message, messageVariants, } from "./Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalLF";
@@ -49,5 +51,3 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants } from "./Tag/TagLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./Toggle/ToggleLF";
-export { Dropdown } from "./Form/Dropdown/DropdownLF";
-export { Footer } from "./Layout/Footer/FooterLF";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-tags-slash-2-0-0-RC-4.480",
+  "version": "2.0.0-RC.0",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.5-tags-slash-2-0-0-RC-4.480",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-tags-slash-2-0-0-RC-4.480",
+    "@axa-fr/design-system-apollo-css": "2.0.0-RC.0",
+    "@axa-fr/design-system-look-and-feel-css": "2.0.0-RC.0",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },

package/dist/BasePicture/BasePictureApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureApollo.scss";
-export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureApollo.scss";
-export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureCommon.d.ts

@@ -1 +0,0 @@
-export declare const BasePicture: ({ className, src, ...rest }: React.ImgHTMLAttributes<HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/BasePicture/BasePictureCommon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import logo from "@axa-fr/design-system-apollo-css/logo-axa.svg";
-import { getComponentClassName } from "../utilities/getComponentClassName";
-export const BasePicture = ({ className, src, ...rest }) => {
-    const componentClassName = useMemo(() => getComponentClassName("af-basepicture", className), [className]);
-    return (_jsx("img", { className: componentClassName, alt: "", src: src || logo, ...rest }));
-};

package/dist/BasePicture/BasePictureLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureLF.scss";
-export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureLF.scss";
-export { BasePicture } from "./BasePictureCommon";