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

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

@@ -11,5 +11,5 @@ export type Props = Omit<PagingComponentProps, "onChange"> & {
     onChange?: OnChangePager;
     selectPageSizeLabel?: string;
 };
-declare const Paging: ({ className, classModifier, currentPage, displayLabel, elementsLabel, selectPageSizeLabel, id, mode, nextLabel, numberItems, numberPages, ofLabel, previousLabel, items, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Paging: ({ className, currentPage, displayLabel, elementsLabel, selectPageSizeLabel, id, mode, nextLabel, numberItems, numberPages, ofLabel, previousLabel, items, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Paging };

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

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Table/Paging.css";
 import { useCallback } from "react";
-import { getComponentClassName } from "../../utilities";
+import { getClassName } from "../../utilities";
 import { Items } from "./Items";
 import { Pager } from "./Pager";
-const Paging = ({ className, classModifier, currentPage = 1, displayLabel, elementsLabel, selectPageSizeLabel, id, mode, nextLabel, numberItems = 10, numberPages, ofLabel, previousLabel, items, onChange, }) => {
-    const componentClassName = getComponentClassName(className, classModifier, "af-paging");
+const Paging = ({ className, currentPage = 1, displayLabel, elementsLabel, selectPageSizeLabel, id, mode, nextLabel, numberItems = 10, numberPages, ofLabel, previousLabel, items, onChange, }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-paging",
+        className,
+    });
     const handleChangeItems = useCallback((e) => onChange &&
         onChange({
             numberItems: e.value,

package/dist/distributeur/Table/TBody.d.ts

@@ -1,7 +1,3 @@
 import type { ComponentPropsWithoutRef } from "react";
-type Props = ComponentPropsWithoutRef<"tbody"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-declare const TBody: ({ children, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const TBody: ({ children, className, ...otherProps }: ComponentPropsWithoutRef<"tbody">) => import("react/jsx-runtime").JSX.Element;
 export { TBody };

package/dist/distributeur/Table/TBody.js

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

package/dist/distributeur/Table/THead.d.ts

@@ -1,7 +1,4 @@
 import type { ComponentPropsWithoutRef } from "react";
-type Props = ComponentPropsWithoutRef<"thead"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-declare const THead: ({ children, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+type Props = ComponentPropsWithoutRef<"thead"> & {};
+declare const THead: ({ children, className, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
 export { THead };

package/dist/distributeur/Table/THead.js

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

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

@@ -1,38 +1,11 @@
 import type { ComponentPropsWithoutRef } from "react";
 import "@axa-fr/canopee-css/distributeur/Table/Table.css";
-type TableProps = ComponentPropsWithoutRef<"table"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
 declare const Table: {
-    ({ className, classModifier, children, ...othersProps }: TableProps): import("react/jsx-runtime").JSX.Element;
-    /**
-     * @deprecated Use Table.THead instead
-     */
-    Header: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
-        classModifier?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    /**
-     * @deprecated Use Table.TBody instead
-     */
-    Body: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
-        classModifier?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    THead: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
-        classModifier?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    TBody: ({ children, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
-        classModifier?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Th: ({ children, id, className, classModifier, sortable, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
-        classModifier?: string;
-        sortable?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Tr: ({ children, id, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
-        classModifier?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Td: ({ children, id, className, classModifier, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
-        classModifier?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    ({ className, children, ...othersProps }: ComponentPropsWithoutRef<"table">): import("react/jsx-runtime").JSX.Element;
+    THead: ({ children, className, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">) => import("react/jsx-runtime").JSX.Element;
+    TBody: ({ children, className, ...otherProps }: ComponentPropsWithoutRef<"tbody">) => import("react/jsx-runtime").JSX.Element;
+    Th: ({ children, id, className, sortable, ...otherProps }: import("./Th").ThProps) => import("react/jsx-runtime").JSX.Element;
+    Tr: ({ children, id, className, ...otherProps }: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">) => import("react/jsx-runtime").JSX.Element;
+    Td: ({ children, id, className, ...otherProps }: ComponentPropsWithoutRef<"td">) => import("react/jsx-runtime").JSX.Element;
 };
 export { Table };

package/dist/distributeur/Table/Table.js

@@ -6,22 +6,13 @@ import { Td } from "./Td";
 import { Th } from "./Th";
 import { Tr } from "./Tr";
 import "@axa-fr/canopee-css/distributeur/Table/Table.css";
-const Table = ({ className, classModifier, children, ...othersProps }) => {
+const Table = ({ className, children, ...othersProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-table",
-        modifiers: classModifier?.split(" "),
         className,
     });
     return (_jsx("table", { className: componentClassName, ...othersProps, children: children }));
 };
-/**
- * @deprecated Use Table.THead instead
- */
-Table.Header = THead;
-/**
- * @deprecated Use Table.TBody instead
- */
-Table.Body = TBody;
 Table.THead = THead;
 Table.TBody = TBody;
 Table.Th = Th;

package/dist/distributeur/Table/Td.d.ts

@@ -1,7 +1,3 @@
 import type { ComponentPropsWithoutRef } from "react";
-type Props = ComponentPropsWithoutRef<"td"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-declare const Td: ({ children, id, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Td: ({ children, id, className, ...otherProps }: ComponentPropsWithoutRef<"td">) => import("react/jsx-runtime").JSX.Element;
 export { Td };

package/dist/distributeur/Table/Td.js

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

package/dist/distributeur/Table/Th.d.ts

@@ -1,8 +1,6 @@
 import type { ComponentPropsWithoutRef } from "react";
-type Props = ComponentPropsWithoutRef<"th"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
+export type ThProps = ComponentPropsWithoutRef<"th"> & {
     sortable?: boolean;
 };
-declare const Th: ({ children, id, className, classModifier, sortable, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Th: ({ children, id, className, sortable, ...otherProps }: ThProps) => import("react/jsx-runtime").JSX.Element;
 export { Th };

package/dist/distributeur/Table/Th.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "../utilities/helpers/getClassName";
-const Th = ({ children, id, className, classModifier, sortable, ...otherProps }) => {
+const Th = ({ children, id, className, sortable, ...otherProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-table__th",
-        modifiers: [sortable && "sortable", ...(classModifier?.split(" ") ?? [])],
+        modifiers: [sortable && "sortable"],
         className,
     });
     return (_jsx("th", { className: componentClassName, id: id, ...otherProps, children: children }, id));

package/dist/distributeur/Table/Tr.d.ts

@@ -1,7 +1,4 @@
 import { type ComponentPropsWithoutRef } from "react";
-type Props = ComponentPropsWithoutRef<"tr"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-};
-declare const Tr: ({ children, id, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+type Props = ComponentPropsWithoutRef<"tr"> & {};
+declare const Tr: ({ children, id, className, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Tr };

package/dist/distributeur/Table/Tr.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from "react";
 import { getClassName } from "../utilities/helpers/getClassName";
-const Tr = ({ children, id, className, classModifier, ...otherProps }) => {
+const Tr = ({ children, id, className, ...otherProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-table__tr",
-        modifiers: classModifier?.split(" "),
         className,
     });
     return (_jsx("tr", { className: componentClassName, ...otherProps, children: children }, id));

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

@@ -5,5 +5,5 @@ export { TBody } from "./TBody";
 export { THead } from "./THead";
 export { Table } from "./Table";
 export { Td } from "./Td";
-export { Th } from "./Th";
+export { Th, type ThProps } from "./Th";
 export { Tr } from "./Tr";

package/dist/distributeur/Tabs/components/Tab.d.ts

@@ -4,10 +4,6 @@ export type TabProps = {
     title: ReactNode;
     children?: ReactNode;
     className?: string;
-    /**
-     * @deprecated Use className instead
-     */
-    classModifier?: string;
 };
 declare const Tab: () => null;
 export { Tab };

package/dist/distributeur/Tabs/components/TabsStateless.d.ts

@@ -1,17 +1,13 @@
-import { type FormEvent, type ReactElement } from "react";
+import { type ReactElement, type SyntheticEvent } from "react";
 import type { TabProps } from "./Tab";
 export type TabsStatelessProps = {
     children: ReactElement<TabProps> | ReactElement<TabProps>[];
     activeIndex: number;
     className?: string;
-    /**
-     * @deprecated Use `className` instead
-     */
-    classModifier?: string;
 };
 export type TabsStatelessHandlers = {
-    onChange: (event: FormEvent<HTMLButtonElement>, index: number) => void;
+    onChange: (event: SyntheticEvent<HTMLButtonElement>, index: number) => void;
 };
 type Props = TabsStatelessProps & TabsStatelessHandlers;
-declare const TabsStateless: ({ activeIndex, className, classModifier, children, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const TabsStateless: ({ activeIndex, className, children, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { TabsStateless };

package/dist/distributeur/Tabs/components/TabsStateless.js

@@ -22,11 +22,11 @@ function handleKeyDown(event, moveToTab, index, totalNumberOfTabs) {
         event.stopPropagation();
     }
 }
-const TabsStateless = ({ activeIndex, className = "af-tabs", classModifier, children, onChange, }) => {
+const TabsStateless = ({ activeIndex, className = "af-tabs", children, onChange, }) => {
     const componentClassName = getClassName({
         baseClassName: "af-tabs",
         className,
-        modifiers: classModifier?.split(" "),
+        modifiers: [],
     });
     const tabRefs = useRef([]);
     const moveToTab = (event, index) => {

package/dist/distributeur/Tag/Tag.d.ts

@@ -2,11 +2,6 @@ import "@axa-fr/canopee-css/distributeur/Tag/Tag.css";
 import { type ComponentPropsWithRef, type PropsWithChildren } from "react";
 export type TagVariants = "success" | "information" | "warning" | "error" | "default" | "dark" | "purple" | "gray" | "white";
 type TagProps = ComponentPropsWithRef<"span"> & {
-    /**
-     * Modifier class to apply specific styles. Note: "danger" is deprecated, use "warning" instead. "info" is deprecated, use "information" instead
-     * @deprecated Use `variant` instead
-     */
-    classModifier?: string;
     /**
      * Variant of the tag to apply specific styles.
      * "warning" replaces the deprecated "danger
@@ -29,7 +24,7 @@ type TagProps = ComponentPropsWithRef<"span"> & {
  * @returns {JSX.Element} The rendered Tag component.
  */
 export declare const Tag: {
-    ({ children, className, classModifier, variant, ...otherProps }: PropsWithChildren<TagProps>): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, variant, ...otherProps }: PropsWithChildren<TagProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/distributeur/Tag/Tag.js

@@ -14,8 +14,8 @@ import { getClassName } from "../utilities/helpers/getClassName";
  * @param {React.Ref<HTMLSpanElement>} ref - The ref to the span element.
  * @returns {JSX.Element} The rendered Tag component.
  */
-export const Tag = ({ children, className, classModifier, variant, ...otherProps }) => {
-    const actualModifier = variant || classModifier || "default";
+export const Tag = ({ children, className, variant, ...otherProps }) => {
+    const actualModifier = variant || "default";
     const componentClassName = getClassName({
         baseClassName: "af-tag",
         modifiers: [actualModifier],

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

@@ -2,15 +2,13 @@ import "@axa-fr/canopee-css/distributeur/Title/Title.css";
 import { type ComponentPropsWithRef, type PropsWithChildren, type ReactElement, type ReactNode } from "react";
 type Headings = "h2" | "h3" | "h4";
 type TitleProps = ComponentPropsWithRef<"h2"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     heading?: Headings;
     contentLeft?: ReactElement;
     contentRight?: ReactNode;
     withDivider?: boolean;
 };
 export declare const Title: {
-    ({ className, classModifier, children, heading: Heading, contentLeft, contentRight, withDivider, ...otherProps }: PropsWithChildren<TitleProps>): import("react/jsx-runtime").JSX.Element;
+    ({ className, children, heading: Heading, contentLeft, contentRight, withDivider, ...otherProps }: PropsWithChildren<TitleProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/distributeur/Title/Title.js

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

package/dist/distributeur/utilities.d.ts

@@ -1,3 +1,3 @@
 export { BREAKPOINT } from "./utilities/constants";
-export { getComponentClassName } from "./utilities/helpers/getComponentClassName";
+export { getClassName } from "./utilities/helpers/getClassName";
 export { useIsSmallScreen } from "./utilities/hooks/useIsSmallScreen";

package/dist/distributeur/utilities.js

@@ -1,3 +1,3 @@
 export { BREAKPOINT } from "./utilities/constants";
-export { getComponentClassName } from "./utilities/helpers/getComponentClassName";
+export { getClassName } from "./utilities/helpers/getClassName";
 export { useIsSmallScreen } from "./utilities/hooks/useIsSmallScreen";

package/dist/distributeur-experimental.d.ts

@@ -1,2 +1,4 @@
+import "@axa-fr/canopee-css/distributeur/common/reboot.css";
+import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur-experimental.js

@@ -1,2 +1,4 @@
+import "@axa-fr/canopee-css/distributeur/common/reboot.css";
+import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur.d.ts

@@ -7,8 +7,6 @@ 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";
 export { Action } from "./distributeur/Action/Action";
 export { Button } from "./distributeur/Button/Button";
 export type { ButtonVariant } from "./distributeur/Button/Button";
@@ -16,22 +14,21 @@ export { Card } from "./distributeur/Card/Card";
 export { Divider } from "./distributeur/Divider/Divider";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./distributeur/Form/Checkbox";
 export { Choice, ChoiceInput } from "./distributeur/Form/Choice";
-export { LegacyField as Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
+export { Field, FieldError, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
 export { Date, DateInput } from "./distributeur/Form/Date";
 export { File, FileInput, FileTable, type FilePreview, } from "./distributeur/Form/File";
 export { MultiSelect, MultiSelectInput } from "./distributeur/Form/MultiSelect";
 export { NestedQuestion } from "./distributeur/Form/NestedQuestion/NestedQuestion";
 export { Number, NumberInput } from "./distributeur/Form/Number";
-export { Pass, PassInput } from "./distributeur/Form/Pass";
 export { Radio, RadioInput, RadioItem, RadioModes, } from "./distributeur/Form/Radio";
-export { Select, SelectBase, SelectInput } from "./distributeur/Form/Select";
-export { Slider, SliderInput } from "./distributeur/Form/Slider";
+export { Select, SelectInput } from "./distributeur/Form/Select";
 export { Text, TextInput } from "./distributeur/Form/Text";
 export { Textarea, TextareaInput } from "./distributeur/Form/Textarea";
 export { Footer } from "./distributeur/Layout/Footer";
 export { Header, HeaderTitle, Infos, MenuTitleWrapper, Name, NavBar, NavBarBase, NavBarItem, NavBarItemBase, NavBarItemLink, ToggleButton, User, type AnchorNavBarItem, } from "./distributeur/Layout/Header";
 export { MainContainer } from "./distributeur/Layout/MainContainer/MainContainer";
 export { Link, type LinkProps } from "./distributeur/Link/Link";
+export { ButtonMultiActions, type ButtonMultiActionsProps, } from "./distributeur/ButtonMultiActions";
 export { MandatoryMention } from "./distributeur/MandatoryMention/MandatoryMention";
 export { BooleanModal, Modal, ModalBody, ModalFooter, ModalHeader, ModalHeaderBase, } from "./distributeur/ModalAgent";
 export { ArticleRestitution, HeaderRestitution, Restitution, RestitutionList, SectionRestitution, SectionRestitutionColumn, SectionRestitutionRow, SectionRestitutionTitle, } from "./distributeur/Restitution";
@@ -41,33 +38,22 @@ export { Summary } from "./distributeur/Summary";
 export { Svg } from "./distributeur/Svg";
 export { Tabs } from "./distributeur/Tabs/Tabs";
 export { Title } from "./distributeur/Title/Title";
-export { getComponentClassName } from "./distributeur/utilities";
-/** @deprecated Use `Tag` instead. */
-declare const Badge: {
-    ({ children, className, classModifier, variant, ...otherProps }: import("react").PropsWithChildren<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-        classModifier?: string;
-        variant?: import("./distributeur").TagVariants;
-        disabled?: boolean;
-    }>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export { getClassName } from "./distributeur/utilities";
 export type { TagVariants } from "./distributeur/Tag/Tag";
-export { Badge, Tag };
-/**
- * @deprecated `Alert` has been renamed `Message` in order to comply with UX naming of components. Use `Message` instead.
- * @see {@link Message}
- */
-declare const Alert: ({ className, onClose, icon, title, children, classModifier, variant, closeButtonAriaLabel, }: import("react").PropsWithChildren<import("./distributeur").MessageProps>) => import("react/jsx-runtime").JSX.Element;
+export { Tag } from "./distributeur/Tag/Tag";
 export * from "./distributeur/Accordion";
 export { type MessageProps, type MessageVariants, } from "./distributeur/Messages/Message";
 export * from "./distributeur/Popover";
 export * from "./distributeur/Table";
-export { Alert, Message };
+export { Message } from "./distributeur/Messages/Message";
 export { HelpButton } from "./distributeur/HelpButton";
 export { Loader } from "./distributeur/Loader/Loader";
 export { ItemLoader, type ItemLoaderVariant, } from "./distributeur/Loader/ItemLoader";
-export { SquareLoader } from "./distributeur/Loader/SquareLoader";
 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";
+export { CardButton, type CardButtonProps, } from "./distributeur/CardButton/CardButton";
+export type { ClickableComponentProps } from "./distributeur/ClickableGhost";
+export { BaseCard, type BaseCardProps } from "./distributeur/Card/BaseCard";
+export { ItemFormHelper, type ItemFormHelperProps, type ItemFormHelperVariant, } from "./distributeur/ItemFormHelper/ItemFormHelper";

package/dist/distributeur.js

@@ -7,30 +7,27 @@ 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";
 export { Action } from "./distributeur/Action/Action";
 export { Button } from "./distributeur/Button/Button";
 export { Card } from "./distributeur/Card/Card";
 export { Divider } from "./distributeur/Divider/Divider";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./distributeur/Form/Checkbox";
 export { Choice, ChoiceInput } from "./distributeur/Form/Choice";
-export { LegacyField as Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
+export { Field, FieldError, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
 export { Date, DateInput } from "./distributeur/Form/Date";
 export { File, FileInput, FileTable, } from "./distributeur/Form/File";
 export { MultiSelect, MultiSelectInput } from "./distributeur/Form/MultiSelect";
 export { NestedQuestion } from "./distributeur/Form/NestedQuestion/NestedQuestion";
 export { Number, NumberInput } from "./distributeur/Form/Number";
-export { Pass, PassInput } from "./distributeur/Form/Pass";
 export { Radio, RadioInput, RadioItem, RadioModes, } from "./distributeur/Form/Radio";
-export { Select, SelectBase, SelectInput } from "./distributeur/Form/Select";
-export { Slider, SliderInput } from "./distributeur/Form/Slider";
+export { Select, SelectInput } from "./distributeur/Form/Select";
 export { Text, TextInput } from "./distributeur/Form/Text";
 export { Textarea, TextareaInput } from "./distributeur/Form/Textarea";
 export { Footer } from "./distributeur/Layout/Footer";
 export { Header, HeaderTitle, Infos, MenuTitleWrapper, Name, NavBar, NavBarBase, NavBarItem, NavBarItemBase, NavBarItemLink, ToggleButton, User, } from "./distributeur/Layout/Header";
 export { MainContainer } from "./distributeur/Layout/MainContainer/MainContainer";
 export { Link } from "./distributeur/Link/Link";
+export { ButtonMultiActions, } from "./distributeur/ButtonMultiActions";
 export { MandatoryMention } from "./distributeur/MandatoryMention/MandatoryMention";
 export { BooleanModal, Modal, ModalBody, ModalFooter, ModalHeader, ModalHeaderBase, } from "./distributeur/ModalAgent";
 export { ArticleRestitution, HeaderRestitution, Restitution, RestitutionList, SectionRestitution, SectionRestitutionColumn, SectionRestitutionRow, SectionRestitutionTitle, } from "./distributeur/Restitution";
@@ -39,24 +36,19 @@ export { Summary } from "./distributeur/Summary";
 export { Svg } from "./distributeur/Svg";
 export { Tabs } from "./distributeur/Tabs/Tabs";
 export { Title } from "./distributeur/Title/Title";
-export { getComponentClassName } from "./distributeur/utilities";
-/** @deprecated Use `Tag` instead. */
-const Badge = Tag;
-export { Badge, Tag };
-/**
- * @deprecated `Alert` has been renamed `Message` in order to comply with UX naming of components. Use `Message` instead.
- * @see {@link Message}
- */
-const Alert = Message;
+export { getClassName } from "./distributeur/utilities";
+export { Tag } from "./distributeur/Tag/Tag";
 export * from "./distributeur/Accordion";
 export {} from "./distributeur/Messages/Message";
 export * from "./distributeur/Popover";
 export * from "./distributeur/Table";
-export { Alert, Message };
+export { Message } from "./distributeur/Messages/Message";
 export { HelpButton } from "./distributeur/HelpButton";
 export { Loader } from "./distributeur/Loader/Loader";
 export { ItemLoader, } from "./distributeur/Loader/ItemLoader";
-export { SquareLoader } from "./distributeur/Loader/SquareLoader";
 export { CardData } from "./distributeur/CardData/CardData";
 export { EditorialMessage, } from "./distributeur/EditorialMessage/EditorialMessage";
 export { Timeline, } from "./distributeur/Timeline/Timeline";
+export { CardButton, } from "./distributeur/CardButton/CardButton";
+export { BaseCard } from "./distributeur/Card/BaseCard";
+export { ItemFormHelper, } from "./distributeur/ItemFormHelper/ItemFormHelper";

package/dist/prospect-client/AccordionCore/AccordionCoreCommon.d.ts

@@ -1,19 +1,17 @@
 import { type ComponentProps, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
+import type { ClickIconVariant } from "../ClickIcon/ClickIconCommon";
 import type { IconProps } from "../Icon/IconCommon";
 type SummaryOnClick = MouseEventHandler<HTMLElement>;
 export type AccordionCoreProps = {
     summary: ReactNode;
-    /**
-     * @deprecated use `open` instead
-     */
-    isOpen?: boolean;
     summaryProps?: Omit<ComponentProps<"summary">, "onClick">;
     onClick?: SummaryOnClick;
     showArrowAsClickIcon?: boolean;
+    arrowClickIconVariant?: ClickIconVariant;
     arrowIconVariant?: IconProps["variant"];
 } & ComponentProps<"details">;
 export type AccordionPropsCommonProps = AccordionCoreProps & {
     IconComponent: ComponentType<IconProps>;
 };
-export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, isOpen, IconComponent, onClick, showArrowAsClickIcon, arrowIconVariant, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, IconComponent, onClick, showArrowAsClickIcon, arrowClickIconVariant, arrowIconVariant, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/AccordionCore/AccordionCoreCommon.js

@@ -1,22 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, } from "react";
 import keyboardDown from "@material-symbols/svg-400/rounded/keyboard_arrow_down-fill.svg";
+import { useCallback, } from "react";
 import { getClassName } from "../utilities/getClassName";
-export const AccordionCoreCommon = ({ summary, children, className, summaryProps, isOpen = false, IconComponent, onClick, showArrowAsClickIcon = true, arrowIconVariant, ...detailsProps }) => {
+export const AccordionCoreCommon = ({ summary, children, className, summaryProps, IconComponent, onClick, showArrowAsClickIcon = true, arrowClickIconVariant = "default", arrowIconVariant, ...detailsProps }) => {
     const handleSummaryClick = useCallback((event) => {
         if (onClick) {
             event.preventDefault();
             onClick(event);
         }
     }, [onClick]);
+    const arrowClassName = showArrowAsClickIcon
+        ? getClassName({
+            baseClassName: "af-click-icon",
+            modifiers: [arrowClickIconVariant === "ghost" && arrowClickIconVariant],
+        })
+        : undefined;
     return (_jsxs("details", { className: getClassName({
             baseClassName: "af-apollo-accordion",
             className,
-        }), open: isOpen, ...detailsProps, children: [_jsxs("summary", { onClick: handleSummaryClick, tabIndex: 0, ...summaryProps, className: getClassName({
+        }), ...detailsProps, children: [_jsxs("summary", { onClick: handleSummaryClick, tabIndex: 0, ...summaryProps, className: getClassName({
                     baseClassName: "af-apollo-accordion__summary",
                     className: summaryProps?.className,
                 }), children: [summary, _jsx("div", { className: getClassName({
                             baseClassName: "af-accordion__arrow",
-                            className: showArrowAsClickIcon ? "af-click-icon" : "",
+                            className: arrowClassName,
                         }), children: _jsx(IconComponent, { src: keyboardDown, role: "presentation", variant: arrowIconVariant }) })] }), children] }));
 };

package/dist/prospect-client/AppName/AppName.d.ts

@@ -0,0 +1,44 @@
+import type { ComponentPropsWithoutRef, ElementType } from "react";
+import "@axa-fr/canopee-css/prospect/AppName/AppNameAll.css";
+/**
+ * Props for the AppName component.
+ */
+export type AppNameProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Application name displayed next to the AXA logo.
+     */
+    label: string;
+    /**
+     * Alt text for the AXA logo image.
+     * @default "Logo AXA"
+     */
+    logoAlt?: string;
+    /**
+     * Props forwarded to the `LogoLinkComponent` (defaults to `<a>`).
+     * @example { href: "/" }
+     * @example { to: "/" } // for React Router Link
+     */
+    logoLinkProps?: Record<string, unknown>;
+    /**
+     * Element or component used to wrap the logo.
+     * Accepts native HTML elements (`"a"`) or custom components (e.g. `Link` from React Router or the DS).
+     * `logoLinkProps` are forwarded to it.
+     * @default "a"
+     * @example "a"
+     * @example Link // from react-router-dom or the DS
+     */
+    LogoLinkComponent?: ElementType;
+};
+/**
+ * Displays the application name alongside the AXA logo.
+ * The logo can optionally be wrapped in a native anchor or a custom link component.
+ *
+ * @component
+ * @param {AppNameProps} props - AppName props.
+ * @param {string} props.label - Application name displayed next to the logo.
+ * @param {string} [props.logoAlt="Logo AXA"] - Alt text for the AXA logo image.
+ * @param {Record<string, unknown>} [props.logoLinkProps] - Props forwarded to the wrapping anchor or `LogoLinkComponent`.
+ * @param {ElementType} [props.LogoLinkComponent="a"] - Element or component used to wrap the logo. Accepts `"a"` or any custom link component (e.g. React Router `Link`).
+ * @returns {JSX.Element} The rendered AppName component.
+ */
+export declare const AppName: ({ label, className, logoAlt, logoLinkProps, LogoLinkComponent, ...props }: AppNameProps) => import("react/jsx-runtime").JSX.Element;