@axa-fr/canopee-react 1.7.1-alpha.8 → 1.8.0-RC.1

package/dist/client.d.ts

@@ -41,19 +41,26 @@ export {
 CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
+export { RadioText, type RadioTextProps, } from "./prospect-client/Form/Radio/RadioText/RadioTextLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
 export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconLF";
 export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
+export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterLF";
+export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorLF";
-export { Link, linkVariants, type LinkVariants, type LinkProps, } from "./prospect-client/Link/LinkLF";
+export { Link, linkVariants, type LinkProps, type LinkVariants, } from "./prospect-client/Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
 export { List, type ListProps } from "./prospect-client/List/List/ListLF";
+export { Loader, type LoaderProps } from "./prospect-client/Loader/LoaderLF";
 export { Message, messageVariants, type MessageVariants, } from "./prospect-client/Message/MessageLF";
+export { MultiMessage, type MultiMessageItem, type MultiMessageProps, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
+export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
 export { Pagination } from "./prospect-client/Pagination/PaginationLF";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarLF";
@@ -64,14 +71,9 @@ export { Spinner, spinnerVariants, type SpinnerVariants, } from "./prospect-clie
 export { Stepper } from "./prospect-client/Stepper/StepperLF";
 export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./prospect-client/TabBar/TabBarLF";
+export { Table, type BodyColorVariants, type HeadColorVariants, type RowSizeVariants, type TableProps, } from "./prospect-client/Table/TableLF";
+export { TableMobileCard, type TableMobileCardProps, } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
-export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./prospect-client/Table/TableLF";
-export { TableMobileCard, type TableMobileCardProps, } from "./prospect-client/TableMobileCard/TableMobileCard";
-export { ExitLayout, type ExitLayoutWithSubComponents, type ExitLayoutProps, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
-export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
-export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageLF";
-export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";
-export { Loader, type LoaderProps } from "./prospect-client/Loader/LoaderLF";

package/dist/client.js

@@ -41,19 +41,26 @@ export {
 CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
+export { RadioText, } from "./prospect-client/Form/Radio/RadioText/RadioTextLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
 export { Heading, } from "./prospect-client/Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconLF";
 export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
+export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterLF";
+export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorLF";
 export { Link, linkVariants, } from "./prospect-client/Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
 export { List } from "./prospect-client/List/List/ListLF";
+export { Loader } from "./prospect-client/Loader/LoaderLF";
 export { Message, messageVariants, } from "./prospect-client/Message/MessageLF";
+export { MultiMessage, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
+export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
 export { Pagination } from "./prospect-client/Pagination/PaginationLF";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarLF";
@@ -64,13 +71,8 @@ export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerLF";
 export { Stepper } from "./prospect-client/Stepper/StepperLF";
 export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarLF";
+export { Table, } from "./prospect-client/Table/TableLF";
+export { TableMobileCard, } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
-export { Table, } from "./prospect-client/Table/TableLF";
-export { TableMobileCard, } from "./prospect-client/TableMobileCard/TableMobileCard";
-export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
-export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
-export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageLF";
-export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
-export { Loader } from "./prospect-client/Loader/LoaderLF";

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

@@ -0,0 +1,4 @@
+import { type ComponentProps, type PropsWithChildren } from "react";
+import { type ExperimentalRestitutionHeaderProps } from "./ExperimentalRestitutionHeader";
+export type ExperimentalRestitutionProps = PropsWithChildren & (ExperimentalRestitutionHeaderProps | Record<string, never>) & ComponentProps<"article">;
+export declare const ExperimentalRestitution: ({ title, children, rightElement, subtitle, className, ...otherProps }: ExperimentalRestitutionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitution.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { getClassName } from "../../utilities/helpers/getClassName";
+import { ExperimentalRestitutionHeader, } from "./ExperimentalRestitutionHeader";
+export const ExperimentalRestitution = ({ title, children, rightElement, subtitle, className, ...otherProps }) => {
+    const headerId = useId();
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution",
+        className,
+    });
+    return (_jsxs("article", { className: componentClassName, "aria-labelledby": headerId, ...otherProps, children: [title ? (_jsx(ExperimentalRestitutionHeader, { rightElement: rightElement, subtitle: subtitle, title: title, id: headerId })) : null, _jsx("div", { className: "experimental-af-restitution__content", children: children })] }));
+};

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

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionColumnProps = PropsWithChildren & ComponentProps<"div">;
+export declare const ExperimentalRestitutionColumn: ({ children, className, ...props }: ExperimentalRestitutionColumnProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionColumn.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionColumn = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__column",
+        className,
+    });
+    return (_jsx("div", { className: componentClassName, ...props, children: children }));
+};

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

@@ -0,0 +1,18 @@
+import type { ComponentProps, ReactNode } from "react";
+export type ExperimentalRestitutionHeaderProps = {
+    /**
+     * The title of the restitution, which will be displayed in the header. This prop is required and should be a ReactNode, allowing for flexibility in the content that can be displayed as the title (e.g., string, JSX elements, etc.).
+     * If this prop is not provided, the header will not be displayed, and the restitution will only consist of its content without a header section.
+     */
+    title: ReactNode;
+    /** An optional subtitle to provide additional context or information about the restitution. It is displayed below the title in a smaller font size. */
+    subtitle?: ReactNode;
+    /**
+     * An optional element to display on the right side of the header. It can be used for actions, links, or any other content that complements the title and subtitle.
+     */
+    rightElement?: ReactNode;
+};
+export type ExperimentalRestitutionHeaderPropsWithId = ExperimentalRestitutionHeaderProps & {
+    id?: string;
+} & ComponentProps<"div">;
+export declare const ExperimentalRestitutionHeader: ({ title, rightElement, subtitle, id, className, ...props }: ExperimentalRestitutionHeaderPropsWithId) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionHeader.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionHeader = ({ title, rightElement, subtitle, id, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__header",
+        className,
+    });
+    return (_jsxs("div", { className: componentClassName, ...props, children: [_jsxs("header", { className: "experimental-af-restitution__header-left", id: id, children: [_jsx("h3", { className: "experimental-af-restitution__title", children: title }), subtitle ? (_jsx("p", { className: "experimental-af-restitution__subtitle", children: subtitle })) : null] }), rightElement ? (_jsx("div", { className: "experimental-af-restitution__header-right", children: rightElement })) : null] }));
+};

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

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionLabelProps = PropsWithChildren<ComponentProps<"dt">>;
+export declare const ExperimentalRestitutionLabel: ({ children, className, ...props }: ExperimentalRestitutionLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionLabel.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionLabel = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef-item",
+        className,
+    });
+    return (_jsx("dt", { className: componentClassName, ...props, children: children }));
+};

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

@@ -0,0 +1,8 @@
+import type { ComponentProps, ReactNode } from "react";
+export type ExperimentalRestitutionLabelValueProps = {
+    label: ReactNode;
+    value: ReactNode;
+    labelProps?: ComponentProps<"dt">;
+    valueProps?: ComponentProps<"dd">;
+};
+export declare const ExperimentalRestitutionLabelValue: ({ label, value, labelProps, valueProps, }: ExperimentalRestitutionLabelValueProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionLabelValue.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExperimentalRestitutionLabel } from "./ExperimentalRestitutionLabel";
+import { ExperimentalRestitutionValue } from "./ExperimentalRestitutionValue";
+export const ExperimentalRestitutionLabelValue = ({ label, value, labelProps, valueProps, }) => (_jsxs(_Fragment, { children: [_jsx(ExperimentalRestitutionLabel, { ...labelProps, children: label }), _jsx(ExperimentalRestitutionValue, { ...valueProps, children: value })] }));

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

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionListDefProps = PropsWithChildren<ComponentProps<"dl">>;
+export declare const ExperimentalRestitutionListDef: ({ children, className, ...props }: ExperimentalRestitutionListDefProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionListDef.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionListDef = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef",
+        className,
+    });
+    return (_jsx("dl", { className: componentClassName, ...props, children: children }));
+};

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

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from "react";
+export type ExperimentalRestitutionRowProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement>;
+export declare const ExperimentalRestitutionRow: ({ children, className, ...props }: ExperimentalRestitutionRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionRow.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionRow = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__row",
+        className,
+    });
+    return (_jsx("div", { className: componentClassName, ...props, children: children }));
+};

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

@@ -0,0 +1,6 @@
+import { type ComponentProps, type PropsWithChildren, type ReactNode } from "react";
+export type ExperimentalRestitutionSectionProps = PropsWithChildren<{
+    title: ReactNode;
+    children: ReactNode;
+}> & ComponentProps<"section">;
+export declare const ExperimentalRestitutionSection: ({ title, children, className, ...props }: ExperimentalRestitutionSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionSection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, } from "react";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionSection = ({ title, children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__section",
+        className,
+    });
+    const id = useId();
+    return (_jsxs("section", { className: componentClassName, "aria-labelledby": id, ...props, children: [_jsx("h2", { id: id, className: "experimental-af-restitution__section-title", children: title }), _jsx("div", { className: "experimental-af-restitution__row-content", children: children })] }));
+};

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

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionValueProps = PropsWithChildren & ComponentProps<"dd">;
+export declare const ExperimentalRestitutionValue: ({ children, className, ...props }: ExperimentalRestitutionValueProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionValue.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionValue = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef-value",
+        className,
+    });
+    return (_jsx("dd", { className: componentClassName, ...props, children: children }));
+};

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

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export type ExperimentalRestitutionValueListProps = {
+    items: ReactNode[];
+} & React.ComponentProps<"ul">;
+export declare const ExperimentalRestitutionValueList: ({ items, className, ...props }: ExperimentalRestitutionValueListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionValueList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionValueList = ({ items, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef-value-list",
+        className,
+    });
+    return (_jsx("ul", { className: componentClassName, ...props, children: items.map((item) => (_jsx("li", { children: item }, null))) }));
+};

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

@@ -0,0 +1,20 @@
+import "@axa-fr/canopee-css/distributeur/Restitution/ExperimentalRestitution.css";
+export { ExperimentalRestitution } from "./Restitution/ExperimentalRestitution";
+export type { ExperimentalRestitutionProps } from "./Restitution/ExperimentalRestitution";
+export { ExperimentalRestitutionColumn } from "./Restitution/ExperimentalRestitutionColumn";
+export type { ExperimentalRestitutionColumnProps } from "./Restitution/ExperimentalRestitutionColumn";
+export type { ExperimentalRestitutionHeaderProps, ExperimentalRestitutionHeaderPropsWithId, } from "./Restitution/ExperimentalRestitutionHeader";
+export { ExperimentalRestitutionLabel } from "./Restitution/ExperimentalRestitutionLabel";
+export type { ExperimentalRestitutionLabelProps } from "./Restitution/ExperimentalRestitutionLabel";
+export { ExperimentalRestitutionLabelValue } from "./Restitution/ExperimentalRestitutionLabelValue";
+export type { ExperimentalRestitutionLabelValueProps } from "./Restitution/ExperimentalRestitutionLabelValue";
+export { ExperimentalRestitutionListDef } from "./Restitution/ExperimentalRestitutionListDef";
+export type { ExperimentalRestitutionListDefProps } from "./Restitution/ExperimentalRestitutionListDef";
+export { ExperimentalRestitutionRow } from "./Restitution/ExperimentalRestitutionRow";
+export { ExperimentalRestitutionSection } from "./Restitution/ExperimentalRestitutionSection";
+export type { ExperimentalRestitutionRowProps } from "./Restitution/ExperimentalRestitutionRow";
+export type { ExperimentalRestitutionSectionProps } from "./Restitution/ExperimentalRestitutionSection";
+export { ExperimentalRestitutionValue } from "./Restitution/ExperimentalRestitutionValue";
+export type { ExperimentalRestitutionValueProps } from "./Restitution/ExperimentalRestitutionValue";
+export { ExperimentalRestitutionValueList } from "./Restitution/ExperimentalRestitutionValueList";
+export type { ExperimentalRestitutionValueListProps } from "./Restitution/ExperimentalRestitutionValueList";

package/dist/distributeur/Experimental/Restitution.js

@@ -0,0 +1,10 @@
+import "@axa-fr/canopee-css/distributeur/Restitution/ExperimentalRestitution.css";
+export { ExperimentalRestitution } from "./Restitution/ExperimentalRestitution";
+export { ExperimentalRestitutionColumn } from "./Restitution/ExperimentalRestitutionColumn";
+export { ExperimentalRestitutionLabel } from "./Restitution/ExperimentalRestitutionLabel";
+export { ExperimentalRestitutionLabelValue } from "./Restitution/ExperimentalRestitutionLabelValue";
+export { ExperimentalRestitutionListDef } from "./Restitution/ExperimentalRestitutionListDef";
+export { ExperimentalRestitutionRow } from "./Restitution/ExperimentalRestitutionRow";
+export { ExperimentalRestitutionSection } from "./Restitution/ExperimentalRestitutionSection";
+export { ExperimentalRestitutionValue } from "./Restitution/ExperimentalRestitutionValue";
+export { ExperimentalRestitutionValueList } from "./Restitution/ExperimentalRestitutionValueList";

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

@@ -1,8 +1,9 @@
-import "@axa-fr/canopee-css/distributeur/Action/Action.css";
+import "@axa-fr/canopee-css/distributeur/HelpButton/HelpButton.css";
 import type { ComponentPropsWithoutRef, ReactNode } from "react";
 import { Popover } from "../Popover";
 type HelpProps = Omit<ComponentPropsWithoutRef<typeof Popover>, "popoverElement"> & {
     helpButtonContent?: ReactNode;
+    variant?: "default" | "inverse";
 };
-export declare const HelpButton: ({ className, classModifier, children, mode, placement, helpButtonContent, }: HelpProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HelpButton: ({ className, classModifier, children, mode, placement, variant, helpButtonContent, }: HelpProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/distributeur/HelpButton/index.js

@@ -1,12 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/canopee-css/distributeur/Action/Action.css";
+import "@axa-fr/canopee-css/distributeur/HelpButton/HelpButton.css";
 import classNames from "classnames";
+import info from "@material-symbols/svg-400/rounded/info_i-fill.svg";
 import { Popover } from "../Popover";
 import { getClassName } from "../utilities/helpers/getClassName";
-export const HelpButton = ({ className, classModifier, children, mode = "click", placement = "right", helpButtonContent = _jsx("span", { className: "af-more-help", children: "i" }), }) => {
+import { Svg } from "../Svg";
+export const HelpButton = ({ className, classModifier, children, mode = "click", placement = "right", variant = "default", helpButtonContent = _jsx(Svg, { src: info, alt: "Help" }), }) => {
     const buttonClassName = classNames("btn", getClassName({
         baseClassName: "af-btn--circle",
-        modifiers: classModifier?.split(" "),
+        modifiers: [
+            ...(classModifier?.split(" ") ?? []),
+            ...(variant === "inverse" ? ["inverse"] : []),
+        ],
     }));
-    return (_jsx(Popover, { className: className, classModifier: classModifier, placement: placement, mode: mode, popoverElement: children, children: _jsx("div", { className: buttonClassName, children: helpButtonContent }) }));
+    return (_jsx(Popover, { className: classNames("af-help-button", className), classModifier: classModifier, placement: placement, mode: mode, popoverElement: children, children: _jsx("div", { className: buttonClassName, children: helpButtonContent }) }));
 };

package/dist/distributeur/Popover/AnimatedPopover.js

@@ -18,5 +18,5 @@ export const AnimatedPopover = ({ placement, children, isOpen, target, className
         elements: { reference: referenceElement, floating: popperElement },
         middleware: [offset(12), arrow({ element: arrowRef })],
     });
-    return (_jsxs("div", { className: componentClassName, children: [_jsx("div", { ref: setReferenceElement, className: "af-popover__container-over", role: "presentation", children: target }), isOpen ? (_jsxs("div", { ref: setPopperElement, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, style: floatingStyles, "data-popper-placement": placement, className: "af-popover__container-pop", children: [_jsx("div", { children: children }), _jsx(FloatingArrow, { ref: arrowRef, context: context, fill: "white" })] })) : null] }));
+    return (_jsxs("div", { className: componentClassName, children: [_jsx("div", { ref: setReferenceElement, className: "af-popover__container-over", role: "presentation", children: target }), isOpen ? (_jsxs("div", { ref: setPopperElement, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, style: floatingStyles, "data-popper-placement": placement, className: "af-popover__container-pop", children: [_jsx("div", { children: children }), _jsx(FloatingArrow, { ref: arrowRef, context: context, fill: "white", width: 16, height: 10 })] })) : null] }));
 };

package/dist/distributeur/Restitution/SectionRestitutionRow.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { getClassName } from "../utilities/helpers/getClassName";
 import { SectionRestitutionTitle } from "./SectionRestitutionTitle";
-const DEFAULT_CLASSNAME = "col col-sm-12 col-md-12 col-lg-12 col-xl-12";
+const DEFAULT_CLASSNAME = "af-restitution__content-row";
 export const SectionRestitutionRow = ({ title, className, classNameContainer = "row af-restitution__content-left", children, classModifier, }) => {
     const baseClassName = className
         ? getClassName({

package/dist/distributeur/Timeline/Timeline.d.ts

@@ -0,0 +1,26 @@
+import "@axa-fr/canopee-css/distributeur/Timeline/Timeline.css";
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+type TimelineBaseItem = {
+    header: ReactNode;
+    date?: Date;
+};
+export type TimelineItem = TimelineBaseItem & {
+    details: ReactNode;
+};
+export type TimelineItemWithoutDetails = TimelineBaseItem & {
+    details?: ReactNode;
+};
+export type TimelineListItem = TimelineItem | TimelineItemWithoutDetails;
+export type TimelineVariants = "default" | "withoutDetails";
+type TimelineBaseProps = Omit<ComponentPropsWithoutRef<"ol">, "children">;
+type TimelineDefaultProps = TimelineBaseProps & {
+    items: TimelineItem[];
+    variant?: "default";
+};
+type TimelineWithoutDetailsProps = TimelineBaseProps & {
+    items: TimelineItemWithoutDetails[];
+    variant: "withoutDetails";
+};
+export type TimelineProps = TimelineDefaultProps | TimelineWithoutDetailsProps;
+export declare const Timeline: ({ items, variant, className, ...otherProps }: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/Timeline/Timeline.helpers.d.ts

@@ -0,0 +1,4 @@
+import type { TimelineListItem } from "./Timeline";
+export declare const formatDate: (date?: Date) => string;
+export declare const isDateInFuture: (date?: Date) => boolean;
+export declare const getTimelineItemKey: (item: TimelineListItem) => string;

package/dist/distributeur/Timeline/Timeline.helpers.js

@@ -0,0 +1,21 @@
+export const formatDate = (date) => {
+    if (!date) {
+        return "";
+    }
+    const day = String(date.getUTCDate()).padStart(2, "0");
+    const month = String(date.getUTCMonth() + 1).padStart(2, "0");
+    const year = date.getUTCFullYear();
+    return `${day}/${month}/${year}`;
+};
+export const isDateInFuture = (date) => {
+    if (!date) {
+        return true;
+    }
+    return date > new Date();
+};
+export const getTimelineItemKey = (item) => {
+    const dateKey = item.date ? item.date.toISOString() : "without-date";
+    const headerKey = typeof item.header === "string" ? item.header : "header";
+    const detailsKey = typeof item.details === "string" ? item.details : "details";
+    return `timeline-item-${dateKey}-${headerKey}-${detailsKey}`;
+};

package/dist/distributeur/Timeline/Timeline.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import "@axa-fr/canopee-css/distributeur/Timeline/Timeline.css";
+import { getTimelineItemKey } from "./Timeline.helpers";
+import { TimelineDetails } from "./TimelineDetails";
+import { TimelineCircle } from "./TimelineCircle";
+export const Timeline = ({ items, variant = "default", className, ...otherProps }) => {
+    const isWithoutDetails = variant === "withoutDetails";
+    return (_jsx("ol", { className: classNames("af-timeline", {
+            "af-timeline--single-item": items.length === 1,
+            "af-timeline--without-details": isWithoutDetails,
+        }, className), ...otherProps, children: items.map((item) => (_jsx("li", { className: "af-timeline__item", children: isWithoutDetails ? (_jsxs("div", { className: "af-timeline__without-details", children: [_jsx(TimelineCircle, { date: item.date }), _jsx("div", { className: "af-timeline__without-details-content", children: item.header })] })) : (_jsx(TimelineDetails, { date: item.date, details: item.details, header: item.header })) }, getTimelineItemKey(item)))) }));
+};

package/dist/distributeur/Timeline/TimelineCircle.d.ts

@@ -0,0 +1,5 @@
+type TimelineCircleProps = {
+    date?: Date;
+};
+export declare const TimelineCircle: ({ date }: TimelineCircleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/Timeline/TimelineCircle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { isDateInFuture } from "./Timeline.helpers";
+export const TimelineCircle = ({ date }) => {
+    return (_jsx("span", { className: classNames("af-timeline__circle", {
+            "af-timeline__circle--half": isDateInFuture(date),
+        }), role: "presentation" }));
+};

package/dist/distributeur/Timeline/TimelineDetails.d.ts

@@ -0,0 +1,2 @@
+import type { TimelineItem } from "./Timeline";
+export declare const TimelineDetails: ({ header, details, date }: TimelineItem) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Timeline/TimelineDetails.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import keyboardArrowDownIcon from "@material-symbols/svg-400/outlined/keyboard_arrow_down.svg";
+import { useState } from "react";
+import { Svg } from "../Svg";
+import { formatDate } from "./Timeline.helpers";
+import { TimelineCircle } from "./TimelineCircle";
+export const TimelineDetails = ({ header, details, date }) => {
+    const [detailOpen, setDetailOpen] = useState(false);
+    return (_jsxs("details", { className: "af-timeline__details", onToggle: (event) => setDetailOpen(event.currentTarget.open), children: [_jsxs("summary", { className: "af-timeline__summary", children: [_jsx(TimelineCircle, { date: date }), header, _jsx(Svg, { src: keyboardArrowDownIcon, width: 20, height: 20, className: "af-timeline__show-and-hide-icon", "aria-label": `${detailOpen ? "Masquer" : "Devoiler"} le detail de la date ${formatDate(date)}`, role: "img" })] }), _jsxs("div", { className: "af-timeline__results", children: [_jsx("span", { className: "af-timeline__vertical-line" }), _jsx("div", { className: "af-timeline__content", children: details })] })] }));
+};

package/dist/distributeur/Title/Title.d.ts

@@ -7,6 +7,7 @@ type TitleProps = ComponentPropsWithRef<"h2"> & {
     heading?: Headings;
     contentLeft?: ReactElement;
     contentRight?: ReactNode;
+    withDivider?: boolean;
 };
 export declare const Title: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<TitleProps>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 export {};

package/dist/distributeur/Title/Title.js

@@ -3,12 +3,16 @@ import "@axa-fr/canopee-css/distributeur/Title/Title.css";
 import { forwardRef, } from "react";
 import { getClassName } from "../utilities/helpers/getClassName";
 const baseClass = "af-title";
-export const Title = forwardRef(({ className, classModifier, children, heading: Heading = "h2", contentLeft, contentRight, ...otherProps }, ref) => {
+export const Title = forwardRef(({ className, classModifier, children, heading: Heading = "h2", contentLeft, contentRight, withDivider = true, ...otherProps }, ref) => {
+    const modifiers = classModifier?.split(" ") ?? [];
+    if (!withDivider) {
+        modifiers.push("without-divider");
+    }
     const componentClassName = getClassName({
         baseClassName: baseClass,
-        modifiers: classModifier?.split(" "),
+        modifiers,
         className,
     });
-    return (_jsxs("div", { className: `${baseClass}--container`, children: [_jsxs(Heading, { ref: ref, className: componentClassName, ...otherProps, children: [children, contentLeft] }), contentRight ? (_jsx("div", { className: "content-right", children: contentRight })) : null] }));
+    return (_jsxs("div", { className: `${baseClass}--container`, children: [_jsxs(Heading, { ref: ref, className: componentClassName, ...otherProps, children: [children, contentLeft] }), contentRight ? (_jsx("div", { className: `${baseClass}__content-right`, children: contentRight })) : null] }));
 });
 Title.displayName = "Title";

package/dist/distributeur-experimental.d.ts

@@ -1 +1,2 @@
+export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur-experimental.js

@@ -1 +1,2 @@
+export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur.d.ts

@@ -4,6 +4,7 @@ import "@axa-fr/canopee-css/distributeur/common/reboot.css";
 import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 import "@axa-fr/canopee-css/distributeur/Form/core/FormCore.css";
 import "@fontsource/source-sans-pro/400.css";
+import "@fontsource/source-sans-pro/600.css";
 import "@fontsource/source-sans-pro/700.css";
 import { Message } from "./distributeur/Messages/Message";
 import { Tag } from "./distributeur/Tag/Tag";
@@ -63,3 +64,4 @@ export { Loader } from "./distributeur/Loader/Loader";
 export { CardData } from "./distributeur/CardData/CardData";
 export type { CardDataVariant } from "./distributeur/CardData/CardData";
 export { EditorialMessage, type EditorialMessageProps, type EditorialMessageType, } from "./distributeur/EditorialMessage/EditorialMessage";
+export { Timeline, type TimelineProps, type TimelineVariants, } from "./distributeur/Timeline/Timeline";

package/dist/distributeur.js

@@ -4,6 +4,7 @@ import "@axa-fr/canopee-css/distributeur/common/reboot.css";
 import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 import "@axa-fr/canopee-css/distributeur/Form/core/FormCore.css";
 import "@fontsource/source-sans-pro/400.css";
+import "@fontsource/source-sans-pro/600.css";
 import "@fontsource/source-sans-pro/700.css";
 import { Message } from "./distributeur/Messages/Message";
 import { Tag } from "./distributeur/Tag/Tag";
@@ -55,3 +56,4 @@ export { HelpButton } from "./distributeur/HelpButton";
 export { Loader } from "./distributeur/Loader/Loader";
 export { CardData } from "./distributeur/CardData/CardData";
 export { EditorialMessage, } from "./distributeur/EditorialMessage/EditorialMessage";
+export { Timeline, } from "./distributeur/Timeline/Timeline";

package/dist/prospect-client/Form/Dropdown/DropdownCommon.js

@@ -8,7 +8,8 @@ const DropdownCommon = forwardRef(({ id, required, label, error, placeholder, ch
     let inputId = useId();
     inputId = id || inputId;
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error");
+    const hasWarning = !hasError && Boolean(message) && messageType === "warning";
+    const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error", hasWarning && "af-form__dropdown-input--warning");
     return (_jsxs("div", { className: "af-form__dropdown-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _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: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
 });
 DropdownCommon.displayName = "Dropdown";

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

@@ -1,3 +1,4 @@
 import { type ItemFileProps } from "./ItemFileCommon";
+import "@axa-fr/canopee-css/prospect/ContentItemMono/ContentItemMonoApollo.css";
 import "@axa-fr/canopee-css/prospect/Form/FileUpload/ItemFile/ItemFileApollo.css";
 export declare const ItemFile: (props: ItemFileProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,5 +6,6 @@ import { Icon } from "../../../Icon/IconApollo";
 import { Spinner } from "../../../Spinner/SpinnerApollo";
 import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
 import { ItemFileCommon } from "./ItemFileCommon";
+import "@axa-fr/canopee-css/prospect/ContentItemMono/ContentItemMonoApollo.css";
 import "@axa-fr/canopee-css/prospect/Form/FileUpload/ItemFile/ItemFileApollo.css";
 export const ItemFile = (props) => (_jsx(ItemFileCommon, { ItemMessageComponent: ItemMessage, ItemIconComponent: Icon, ItemSpinnerComponent: Spinner, ClickIconComponent: ClickIcon, removeIcon: deleteIcon, previewIcon: visibilityIcon, ...props }));

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import validationIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
 import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
-import {} from "react";
+import { useMemo, } from "react";
+import { ContentItemMonoCore } from "../../../ContentItemMono/ContentItemMonoCore";
 import { getClassName } from "../../../utilities/getClassName";
 const BASE_UNIT = 1000;
 const BYTE_UNITS = ["Ko", "Mo", "Go"];
@@ -19,9 +20,10 @@ export const ItemFileCommon = ({ file, isLoading, errorMessage, className, onRem
     const handleClick = (callback) => (e) => {
         callback(file, e);
     };
+    const statusIndicator = useMemo(() => isLoading && !hasError ? (_jsx(ItemSpinnerComponent, { size: 24 })) : (_jsx(ItemIconComponent, { size: "S", src: hasError ? errorIcon : validationIcon })), [ItemIconComponent, ItemSpinnerComponent, hasError, isLoading]);
     return (_jsxs("section", { className: getClassName({
             baseClassName: "af-item-file",
             modifiers: [hasError && "error"],
             className,
-        }), "aria-busy": isLoading ? true : undefined, "aria-live": "polite", ...props, children: [_jsxs("div", { className: "af-item-file__body", children: [isLoading && !hasError ? (_jsx(ItemSpinnerComponent, { size: 24 })) : (_jsx(ItemIconComponent, { size: "S", src: hasError ? errorIcon : validationIcon })), _jsx("p", { className: "af-item-file__file-name", children: file.name }), _jsx("p", { className: "af-item-file__file-size", children: getReadableFileSizeString(file.size) }), _jsxs("div", { className: "af-item-file__actions", children: [!isLoading && !hasError && (_jsx(ClickIconComponent, { src: previewIcon, onClick: handleClick(onPreview), "aria-label": `Previsualiser le fichier ${file.name}`, ...previewProps })), _jsx(ClickIconComponent, { src: removeIcon, onClick: handleClick(onRemove), "aria-label": `Suppression du fichier ${file.name}`, ...removeProps })] })] }), _jsx(ItemMessageComponent, { message: errorMessage })] }));
+        }), "aria-busy": isLoading ? true : undefined, "aria-live": "polite", ...props, children: [_jsxs("div", { className: "af-item-file__body", children: [_jsx(ContentItemMonoCore, { leftComponent: statusIndicator, primarySubtitle: file.name, subtitle: getReadableFileSizeString(file.size) }), _jsxs("div", { className: "af-item-file__actions", children: [!isLoading && !hasError && (_jsx(ClickIconComponent, { src: previewIcon, onClick: handleClick(onPreview), "aria-label": `Previsualiser le fichier ${file.name}`, ...previewProps })), _jsx(ClickIconComponent, { src: removeIcon, onClick: handleClick(onRemove), "aria-label": `Suppression du fichier ${file.name}`, ...removeProps })] })] }), _jsx(ItemMessageComponent, { message: errorMessage })] }));
 };

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

@@ -1,3 +1,4 @@
 import { type ItemFileProps } from "./ItemFileCommon";
+import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
 import "@axa-fr/canopee-css/client/Form/FileUpload/ItemFile/ItemFileLF.css";
 export declare const ItemFile: (props: ItemFileProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,5 +6,6 @@ import { Icon } from "../../../Icon/IconLF";
 import { Spinner } from "../../../Spinner/SpinnerLF";
 import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
 import { ItemFileCommon } from "./ItemFileCommon";
+import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
 import "@axa-fr/canopee-css/client/Form/FileUpload/ItemFile/ItemFileLF.css";
 export const ItemFile = (props) => (_jsx(ItemFileCommon, { ItemMessageComponent: ItemMessage, ItemIconComponent: Icon, ItemSpinnerComponent: Spinner, ClickIconComponent: ClickIcon, removeIcon: deleteIconFilled, previewIcon: visibilityIcon, ...props }));

package/dist/prospect-client/Form/Radio/RadioText/RadioTextApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Form/Radio/RadioText/RadioTextAll.css";
+import { type RadioTextProps } from "./RadioTextCommon";
+export { type RadioTextProps } from "./RadioTextCommon";
+export declare const RadioText: import("react").ForwardRefExoticComponent<Omit<RadioTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/Radio/RadioText/RadioTextApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/Radio/RadioText/RadioTextAll.css";
+import { forwardRef } from "react";
+import { Radio } from "../Radio/RadioApollo";
+import { RadioTextCommon } from "./RadioTextCommon";
+export {} from "./RadioTextCommon";
+export const RadioText = forwardRef((props, ref) => (_jsx(RadioTextCommon, { ...props, ref: ref, RadioComponent: Radio })));
+RadioText.displayName = "RadioText";

package/dist/prospect-client/Form/Radio/RadioText/RadioTextCommon.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentType, type ReactNode } from "react";
+import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
+import type { RadioProps } from "../Radio/RadioCommon";
+export type RadioTextProps = {
+    label: string | ReactNode;
+    labelProps?: GridContainerProps<"label">;
+} & RadioProps;
+export type RadioTextCommonProps = RadioTextProps & {
+    RadioComponent: ComponentType<RadioProps>;
+};
+declare const RadioTextCommon: import("react").ForwardRefExoticComponent<Omit<RadioTextCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { RadioTextCommon };

package/dist/prospect-client/Form/Radio/RadioText/RadioTextCommon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const RadioTextCommon = forwardRef(({ label, labelProps, RadioComponent, ...inputProps }, ref) => (_jsxs("label", { className: "af-radio-text", ...labelProps, children: [_jsx(RadioComponent, { ...inputProps, ref: ref }), _jsx("span", { className: "af-radio-text__label-content", children: label })] })));
+RadioTextCommon.displayName = "RadioTextCommon";
+export { RadioTextCommon };

package/dist/prospect-client/Form/Radio/RadioText/RadioTextLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/client/Form/Radio/RadioText/RadioTextAll.css";
+import { type RadioTextProps } from "./RadioTextCommon";
+export { type RadioTextProps } from "./RadioTextCommon";
+export declare const RadioText: import("react").ForwardRefExoticComponent<Omit<RadioTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/Radio/RadioText/RadioTextLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Form/Radio/RadioText/RadioTextAll.css";
+import { forwardRef } from "react";
+import { Radio } from "../Radio/RadioLF";
+import { RadioTextCommon } from "./RadioTextCommon";
+export {} from "./RadioTextCommon";
+export const RadioText = forwardRef((props, ref) => (_jsx(RadioTextCommon, { ...props, ref: ref, RadioComponent: Radio })));
+RadioText.displayName = "RadioText";

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
+import { getClassName } from "../../utilities/getClassName";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
 const TextAreaCommon = forwardRef(({ id, className, label, description, helper, error, message, messageType, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder = " ", containerProps, ...inputProps }, inputRef) => {
@@ -8,9 +9,14 @@ const TextAreaCommon = forwardRef(({ id, className, label, description, helper,
     const helperId = `${inputId}-helper`;
     const messageId = `${inputId}-error`;
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    const hasWarning = Boolean(message) && messageType === "warning" && !hasError;
+    const textareaClassName = getClassName({
+        baseClassName: "af-form__textarea",
+        modifiers: [hasWarning && "warning"],
+    });
     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: "af-form__textarea", ref: inputRef, "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 ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx("textarea", { id: inputId, className: textareaClassName, ref: inputRef, "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 })] }));
 });
 TextAreaCommon.displayName = "TextArea";
 export { TextAreaCommon };

package/dist/prospect-client/MultiMessage/MultiMessage.helpers.d.ts

@@ -0,0 +1 @@
+export declare const clampIndex: (index: number, total: number) => number;

package/dist/prospect-client/MultiMessage/MultiMessage.helpers.js

@@ -0,0 +1,7 @@
+export const clampIndex = (index, total) => {
+    if (total <= 0 || index < 0)
+        return 0;
+    if (index >= total)
+        return total - 1;
+    return index;
+};

package/dist/prospect-client/MultiMessage/MultiMessageApollo.d.ts

@@ -0,0 +1,6 @@
+import "@axa-fr/canopee-css/prospect/MultiMessage/MultiMessageApollo.css";
+import { type MultiMessageProps } from "./MultiMessageCommon";
+export { messageVariants, type MessageVariants, } from "../Message/MessageApollo";
+export type { MultiMessageProps } from "./MultiMessageCommon";
+export type { MultiMessageItem } from "./types";
+export declare const MultiMessage: (props: MultiMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/MultiMessage/MultiMessageApollo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/MultiMessage/MultiMessageApollo.css";
+import { Message } from "../Message/MessageApollo";
+import { Pagination } from "../Pagination/PaginationApollo";
+import { MultiMessageCommon, } from "./MultiMessageCommon";
+export { messageVariants, } from "../Message/MessageApollo";
+export const MultiMessage = (props) => (_jsx(MultiMessageCommon, { ...props, MessageComponent: Message, PaginationComponent: Pagination }));

package/dist/prospect-client/MultiMessage/MultiMessageCommon.d.ts

@@ -0,0 +1,33 @@
+import { type ComponentType } from "react";
+import type { MessageProps } from "../Message/MessageCommon";
+import type { PaginationProps } from "../Pagination/PaginationCommon";
+import type { MultiMessageItem } from "./types";
+type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
+export type MultiMessageProps = {
+    /** Messages displayed inside the carousel */
+    items: MultiMessageItem[];
+    /** Controlled active index (zero-based) */
+    activeIndex?: number;
+    /** Default active index (zero-based) when uncontrolled */
+    defaultActiveIndex?: number;
+    /** Called when the user navigates between messages */
+    onChangeActive?: (index: number) => void;
+    /** Icon size in pixels */
+    iconSize?: number;
+    /** HTML heading level used for each message title */
+    heading?: Headings;
+    /** ARIA label for the previous button */
+    prevLabel?: string;
+    /** ARIA label for the next button */
+    nextLabel?: string;
+    /** Optional override for the previous button props */
+    prevButtonProps?: PaginationProps["prevButtonProps"];
+    /** Optional override for the next button props */
+    nextButtonProps?: PaginationProps["nextButtonProps"];
+} & Omit<MessageProps, "action" | "children" | "heading" | "iconSize" | "title" | "variant">;
+type MultiMessageCommonProps = MultiMessageProps & {
+    MessageComponent: ComponentType<MessageProps>;
+    PaginationComponent: ComponentType<PaginationProps>;
+};
+export declare const MultiMessageCommon: ({ items, activeIndex, defaultActiveIndex, onChangeActive, iconSize, heading: Heading, prevLabel, nextLabel, prevButtonProps, nextButtonProps, className, MessageComponent, PaginationComponent, ...sectionProps }: MultiMessageCommonProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/prospect-client/MultiMessage/MultiMessageCommon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { getClassName } from "../utilities/getClassName";
+import { MultiMessageFooter } from "./MultiMessageFooter";
+import { clampIndex } from "./MultiMessage.helpers";
+const baseClassName = "af-multi-message";
+export const MultiMessageCommon = ({ items, activeIndex, defaultActiveIndex = 0, onChangeActive, iconSize = 24, heading: Heading = "h4", prevLabel = "Message précédent", nextLabel = "Message suivant", prevButtonProps, nextButtonProps, className, MessageComponent, PaginationComponent, ...sectionProps }) => {
+    const total = items.length;
+    const isControlled = activeIndex !== undefined;
+    const [internalIndex, setInternalIndex] = useState(clampIndex(defaultActiveIndex, total));
+    const currentIndex = clampIndex(isControlled ? activeIndex : internalIndex, total);
+    if (total === 0)
+        return null;
+    const item = items[currentIndex];
+    const hasMultiple = total > 1;
+    const goTo = (next) => {
+        const clamped = clampIndex(next, total);
+        if (clamped === currentIndex)
+            return;
+        if (!isControlled)
+            setInternalIndex(clamped);
+        onChangeActive?.(clamped);
+    };
+    return (_jsxs(MessageComponent, { className: getClassName({
+            baseClassName,
+            className,
+        }), variant: item.variant, title: item.title, iconSize: iconSize, heading: Heading, ...sectionProps, children: [item.children, _jsx(MultiMessageFooter, { action: item.action, currentIndex: currentIndex, hasMultiple: hasMultiple, nextButtonProps: nextButtonProps, nextLabel: nextLabel, onChangePage: goTo, PaginationComponent: PaginationComponent, prevButtonProps: prevButtonProps, prevLabel: prevLabel, total: total })] }));
+};

package/dist/prospect-client/MultiMessage/MultiMessageFooter.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentType } from "react";
+import type { PaginationProps } from "../Pagination/PaginationCommon";
+import type { MultiMessageItem } from "./types";
+type MultiMessageFooterProps = {
+    action: MultiMessageItem["action"];
+    currentIndex: number;
+    hasMultiple: boolean;
+    nextButtonProps: PaginationProps["nextButtonProps"];
+    nextLabel: string;
+    onChangePage: (page: number) => void;
+    PaginationComponent: ComponentType<PaginationProps>;
+    prevButtonProps: PaginationProps["prevButtonProps"];
+    prevLabel: string;
+    total: number;
+};
+export declare const MultiMessageFooter: ({ action, currentIndex, hasMultiple, nextButtonProps, nextLabel, onChangePage, PaginationComponent, prevButtonProps, prevLabel, total, }: MultiMessageFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/prospect-client/MultiMessage/MultiMessageFooter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const baseClassName = "af-multi-message";
+export const MultiMessageFooter = ({ action, currentIndex, hasMultiple, nextButtonProps, nextLabel, onChangePage, PaginationComponent, prevButtonProps, prevLabel, total, }) => {
+    if (!hasMultiple && !action)
+        return null;
+    return (_jsxs("div", { className: `${baseClassName}__footer`, children: [hasMultiple ? (_jsx(PaginationComponent, { className: `${baseClassName}__pagination`, numberPages: total, currentPage: currentIndex + 1, onChangePage: (page) => onChangePage(page - 1), asItem: "button", "aria-label": "Pagination des messages", prevButtonProps: {
+                    "aria-label": prevLabel,
+                    ...prevButtonProps,
+                }, nextButtonProps: {
+                    "aria-label": nextLabel,
+                    ...nextButtonProps,
+                } })) : null, action ? (_jsx("div", { className: `${baseClassName}__action`, children: action })) : null] }));
+};

package/dist/prospect-client/MultiMessage/MultiMessageLF.d.ts

@@ -0,0 +1,6 @@
+import "@axa-fr/canopee-css/client/MultiMessage/MultiMessageLF.css";
+import { type MultiMessageProps } from "./MultiMessageCommon";
+export { messageVariants, type MessageVariants } from "../Message/MessageLF";
+export type { MultiMessageProps } from "./MultiMessageCommon";
+export type { MultiMessageItem } from "./types";
+export declare const MultiMessage: (props: MultiMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/MultiMessage/MultiMessageLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/MultiMessage/MultiMessageLF.css";
+import { Message } from "../Message/MessageLF";
+import { Pagination } from "../Pagination/PaginationLF";
+import { MultiMessageCommon, } from "./MultiMessageCommon";
+export { messageVariants } from "../Message/MessageLF";
+export const MultiMessage = (props) => (_jsx(MultiMessageCommon, { ...props, MessageComponent: Message, PaginationComponent: Pagination }));

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

@@ -0,0 +1,14 @@
+import type { ReactElement, ReactNode, ComponentType } from "react";
+import type { ButtonProps } from "../Button/ButtonCommon";
+import type { Link } from "../Link/LinkCommon";
+import type { MessageVariants } from "../Message/types";
+export type MultiMessageItem = {
+    /** Variant of the individual message */
+    variant: MessageVariants;
+    /** Title of the message */
+    title?: string;
+    /** Body content of the message */
+    children?: ReactNode;
+    /** Action (link or button) shown alongside the message body */
+    action?: ReactElement<typeof Link | ComponentType<ButtonProps>>;
+};

package/dist/prospect-client/MultiMessage/types.js

@@ -0,0 +1 @@
+export {};

package/dist/prospect-client/Pagination/PaginationCommon.d.ts

@@ -4,8 +4,8 @@ import { ItemPaginationCommon } from "./ItemPagination/ItemPaginationCommon";
 import { type getItemsProps } from "./Pagination.helper";
 export type PaginationProps = getItemsProps & ComponentPropsWithoutRef<"nav"> & {
     hidePrevNext?: boolean;
-    prevButtonProps?: ComponentProps<typeof ClickIcon>;
-    nextButtonProps?: ComponentProps<typeof ClickIcon>;
+    prevButtonProps?: Partial<ComponentProps<typeof ClickIcon>>;
+    nextButtonProps?: Partial<ComponentProps<typeof ClickIcon>>;
 };
 type PaginationCommonProps = PaginationProps & {
     ItemPaginationComponent: ComponentType<ComponentProps<typeof ItemPaginationCommon>>;

package/dist/prospect.d.ts

@@ -37,19 +37,26 @@ export {
 CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";
+export { RadioText, type RadioTextProps, } from "./prospect-client/Form/Radio/RadioText/RadioTextApollo";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridApollo";
 export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingApollo";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
+export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterApollo";
+export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
-export { Link, linkVariants, type LinkVariants, type LinkProps, } from "./prospect-client/Link/LinkApollo";
+export { Link, linkVariants, type LinkProps, type LinkVariants, } from "./prospect-client/Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoApollo";
 export { List, type ListProps } from "./prospect-client/List/List/ListApollo";
+export { Loader, type LoaderProps, } from "./prospect-client/Loader/LoaderApollo";
 export { Message, messageVariants, type MessageVariants, } from "./prospect-client/Message/MessageApollo";
+export { MultiMessage, type MultiMessageItem, type MultiMessageProps, } from "./prospect-client/MultiMessage/MultiMessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalApollo";
+export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageApollo";
+export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageApollo";
 export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
@@ -60,14 +67,9 @@ export { Spinner, spinnerVariants, type SpinnerVariants, } from "./prospect-clie
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
 export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./prospect-client/TabBar/TabBarApollo";
+export { Table, type BodyColorVariants, type HeadColorVariants, type RowSizeVariants, type TableProps, } from "./prospect-client/Table/TableApollo";
+export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
-export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./prospect-client/Table/TableApollo";
-export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
-export { ExitLayout, type ExitLayoutWithSubComponents, type ExitLayoutProps, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
-export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
-export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageApollo";
-export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageApollo";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";
-export { Loader, type LoaderProps, } from "./prospect-client/Loader/LoaderApollo";

package/dist/prospect.js

@@ -37,19 +37,26 @@ export {
 CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";
+export { RadioText, } from "./prospect-client/Form/Radio/RadioText/RadioTextApollo";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridApollo";
 export { Heading, } from "./prospect-client/Heading/HeadingApollo";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
+export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterApollo";
+export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
 export { Link, linkVariants, } from "./prospect-client/Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoApollo";
 export { List } from "./prospect-client/List/List/ListApollo";
+export { Loader, } from "./prospect-client/Loader/LoaderApollo";
 export { Message, messageVariants, } from "./prospect-client/Message/MessageApollo";
+export { MultiMessage, } from "./prospect-client/MultiMessage/MultiMessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalApollo";
+export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageApollo";
+export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageApollo";
 export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
@@ -60,13 +67,8 @@ export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerApol
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
 export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarApollo";
+export { Table, } from "./prospect-client/Table/TableApollo";
+export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
-export { Table, } from "./prospect-client/Table/TableApollo";
-export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
-export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
-export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
-export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageApollo";
-export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageApollo";
-export { Loader, } from "./prospect-client/Loader/LoaderApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.7.1-alpha.8",
+  "version": "1.8.0-RC.1",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -18,6 +18,10 @@
     "./prospect": {
       "import": "./dist/prospect.js",
       "types": "./dist/prospect.d.ts"
+    },
+    "./distributeur-experimental": {
+      "import": "./dist/distributeur-experimental.js",
+      "types": "./dist/distributeur-experimental.d.ts"
     }
   },
   "files": [
@@ -49,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.7.1-alpha.8",
+    "@axa-fr/canopee-css": "1.8.0-RC.1",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"
@@ -68,7 +72,7 @@
     "@axa-fr/canopee-css": "*",
     "@axa-fr/eslint-config-design-system": "*",
     "@axa-fr/prettier-config-design-system": "*",
-    "@testing-library/dom": "^10.4.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
@@ -79,7 +83,7 @@
     "@vitest/ui": "^4.1.5",
     "copyfiles": "^2.4.1",
     "jest-axe": "^10.0.0",
-    "jsdom": "^25.0.1",
+    "jsdom": "^29.1.1",
     "react": "^19.0.0",
     "rimraf": "^6.0.1",
     "vitest": "^4.1.5"