@axa-fr/canopee-react 2.0.0-alpha.74 → 2.0.0-alpha.76

package/dist/distributeur/Restitution/SectionRestitutionTitle.js

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

package/dist/distributeur/Steps/Step.d.ts

@@ -4,5 +4,5 @@ type Props = Omit<StepLinkProps, "href"> & {
     href?: string;
     mode?: StepMode;
 };
-declare const Step: ({ number, id, title, classModifier, href, onClick, mode, className, stateLabel, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Step: ({ number, id, title, href, onClick, mode, className, stateLabel, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Step };

package/dist/distributeur/Steps/Step.js

@@ -2,14 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { StepCurrent } from "./StepCurrent";
 import { StepDisabled } from "./StepDisabled";
 import { StepLink } from "./StepLink";
-const Step = ({ number, id, title, classModifier, href, onClick, mode = "link", className, stateLabel, }) => {
+const Step = ({ number, id, title, href, onClick, mode = "link", className, stateLabel, }) => {
     switch (mode) {
         case "link":
-            return (_jsx(StepLink, { id: id, href: href ?? "#", number: number, classModifier: classModifier, className: className, title: title, onClick: onClick, stateLabel: stateLabel || "complété" }));
+            return (_jsx(StepLink, { id: id, href: href ?? "#", number: number, className: className, title: title, onClick: onClick, stateLabel: stateLabel || "complété" }));
         case "active":
-            return (_jsx(StepCurrent, { id: id, title: title, classModifier: classModifier, className: className, number: number, stateLabel: stateLabel || "en cours" }));
+            return (_jsx(StepCurrent, { id: id, title: title, className: className, number: number, stateLabel: stateLabel || "en cours" }));
         default:
-            return (_jsx(StepDisabled, { id: id, title: title, classModifier: classModifier, className: className, number: number, stateLabel: stateLabel || "à venir" }));
+            return (_jsx(StepDisabled, { id: id, title: title, className: className, number: number, stateLabel: stateLabel || "à venir" }));
     }
 };
 export { Step };

package/dist/distributeur/Steps/StepBase.d.ts

@@ -4,8 +4,6 @@ export type StepBaseProps = {
     title: string;
     children?: ReactNode;
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
     /**
      * Label to add to the title as state indication (e.g. "in progress", "to come"...)
      * Will be wrapped in parentheses, next to the `title` in the `title` attribute of the <li> element.
@@ -16,5 +14,5 @@ export type StepBaseProps = {
      */
     stateLabel?: string;
 };
-declare const StepBase: ({ children, id, title, className, classModifier, stateLabel, }: StepBaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const StepBase: ({ children, id, title, className, stateLabel, }: StepBaseProps) => import("react/jsx-runtime").JSX.Element;
 export { StepBase };

package/dist/distributeur/Steps/StepBase.js

@@ -3,10 +3,9 @@ import checkSvg from "@material-symbols/svg-400/outlined/check.svg";
 import chevronSvg from "@material-symbols/svg-400/outlined/chevron_right.svg";
 import { Svg } from "../../distributeur";
 import { getClassName } from "../utilities/helpers/getClassName";
-const StepBase = ({ children, id, title, className, classModifier, stateLabel, }) => {
+const StepBase = ({ children, id, title, className, stateLabel, }) => {
     const componentClassName = getClassName({
         baseClassName: "af-steps-list-step",
-        modifiers: classModifier?.split(" "),
         className,
     });
     const outputTitle = stateLabel ? `${title} (${stateLabel})` : title;

package/dist/distributeur/Steps/Steps.d.ts

@@ -2,8 +2,6 @@ import type { ReactNode } from "react";
 type Props = {
     children: ReactNode;
     className?: string;
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
 };
-declare const Steps: ({ children, className, classModifier }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Steps: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Steps };

package/dist/distributeur/Steps/Steps.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getClassName } from "../utilities/helpers/getClassName";
 const defaultClassName = "af-steps-new";
-const Steps = ({ children, className, classModifier }) => {
+const Steps = ({ children, className }) => {
     const componentClassName = getClassName({
         baseClassName: defaultClassName,
-        modifiers: classModifier?.split(" "),
         className,
     });
     return (_jsx("div", { className: componentClassName, children: _jsx("ol", { className: "af-steps-list", children: children }) }));

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

@@ -5,5 +5,5 @@ type SummaryProps = Omit<MessageProps, "title"> & {
     messages?: ReactNode[];
     isVisible?: boolean;
 };
-export declare const Summary: ({ messages, isVisible, title, classModifier, ...args }: SummaryProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Summary: ({ messages, isVisible, title, variant, ...args }: SummaryProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/distributeur/Summary/index.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Message } from "../Messages/Message";
 import { generateId } from "../utilities/helpers/generateId";
-export const Summary = ({ messages = [], isVisible = true, title = "Invalid form", classModifier = "error", ...args }) => {
+export const Summary = ({ messages = [], isVisible = true, title = "Invalid form", variant = "error", ...args }) => {
     const messagesNotBlank = messages.filter((message) => Boolean(message));
     if (!messages || !isVisible || messagesNotBlank.length === 0) {
         return null;
     }
-    const variant = classModifier === "danger" ? "warning" : classModifier;
     return (_jsx(Message, { title: title, variant: variant, ...args, children: _jsx("ul", { className: "af-summary__message-list", children: messages.map((message) => (_jsx("li", { className: "af-summary__message-item", children: message }, `message_${generateId({ message })}`))) }) }));
 };

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

@@ -1,7 +1,6 @@
 export type Props = {
     id?: string;
     className?: string;
-    classModifier?: string;
     /**
      * Text displayed before the per-page select
      */
@@ -26,5 +25,5 @@ export type Props = {
         value: number;
     }) => void;
 };
-declare const Items: ({ className, classModifier, onChange, displayLabel, elementsLabel, selectAriaLabel, id, items, numberItems, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Items: ({ className, onChange, displayLabel, elementsLabel, selectAriaLabel, id, items, numberItems, }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Items };

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

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import { Select } from "../../Form/Select";
-import { getComponentClassName } from "../../utilities";
-const Items = ({ className, classModifier, onChange, displayLabel = "Afficher", elementsLabel = "éléments", selectAriaLabel = "Modifier le nombre d'éléments à afficher dans le tableau", id, items = [5, 10, 25, 50, 100], numberItems = 10, }) => {
+import { getClassName } from "../../utilities";
+const Items = ({ className, onChange, displayLabel = "Afficher", elementsLabel = "éléments", selectAriaLabel = "Modifier le nombre d'éléments à afficher dans le tableau", id, items = [5, 10, 25, 50, 100], numberItems = 10, }) => {
     const defaultIdName = useId();
     const newId = id ?? defaultIdName;
-    const componentClassName = getComponentClassName(className, classModifier, "af-paging__form");
-    return (_jsx("div", { className: "af-paging__limit", children: _jsx("form", { className: componentClassName, children: _jsxs("div", { className: "af-form__group", children: [_jsx("div", { className: "col col-sm-2 col-md-2 col-lg-2 col-xl-2", children: _jsx("label", { className: "af-form__group-label", htmlFor: newId, children: displayLabel }) }), _jsxs("div", { className: "col col-sm-10 col-md-10 col-lg-10 col-xl-10", children: [_jsx(Select, { id: newId, value: numberItems, mode: "base", options: items.map((item) => ({
-                                    label: item.toString(),
-                                    value: item.toString(),
-                                })), onChange: (e) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-paging__form",
+        className,
+    });
+    return (_jsx("div", { className: "af-paging__limit", children: _jsx("form", { className: componentClassName, children: _jsxs("div", { className: "af-form__group", children: [_jsx("div", { className: "col col-sm-2 col-md-2 col-lg-2 col-xl-2", children: _jsx("label", { className: "af-form__group-label", htmlFor: newId, children: displayLabel }) }), _jsxs("div", { className: "col col-sm-10 col-md-10 col-lg-10 col-xl-10", children: [_jsx(Select, { id: newId, value: numberItems, mode: "base", onChange: (e) => {
                                     e.preventDefault();
                                     onChange({ value: Number(e.target.value) });
-                                }, "aria-label": selectAriaLabel }), _jsx("span", { className: "af-form__input-cmplt", children: elementsLabel })] })] }) }) }));
+                                }, "aria-label": selectAriaLabel, children: items.map((item) => (_jsx("option", { value: item, children: item }, item))) }), _jsx("span", { className: "af-form__input-cmplt", children: elementsLabel })] })] }) }) }));
 };
 export { Items };

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

@@ -3,7 +3,6 @@ import type { ComponentPropsWithoutRef } from "react";
 import { PaginationButton } from "./PaginationButton";
 export type PagerComponentProps = Pick<ComponentPropsWithoutRef<typeof PaginationButton>, "onChange"> & {
     className?: string;
-    classModifier?: string;
     /**
      * Total number of pages in the table
      */
@@ -37,5 +36,5 @@ export type PagerComponentProps = Pick<ComponentPropsWithoutRef<typeof Paginatio
      */
     ofLabel?: string;
 };
-declare const Pager: ({ className, classModifier, numberPages, currentPage, onChange, mode, previousLabel, nextLabel, elementsLabel, ofLabel, }: PagerComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pager: ({ className, numberPages, currentPage, onChange, mode, previousLabel, nextLabel, elementsLabel, ofLabel, }: PagerComponentProps) => import("react/jsx-runtime").JSX.Element;
 export { Pager };

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

@@ -1,13 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Table/Pager.css";
-import { getComponentClassName } from "../../utilities";
+import { getClassName } from "../../utilities";
 import { Li } from "./Li";
 import { LiPoint } from "./LiPoint";
 import { PaginationButton } from "./PaginationButton";
-const Pager = ({ className, classModifier, numberPages = 1, currentPage = 1, onChange, mode = "default", previousLabel = "« Précédent", nextLabel = "Suivant »", elementsLabel = "éléments", ofLabel = "sur", }) => {
+const Pager = ({ className, numberPages = 1, currentPage = 1, onChange, mode = "default", previousLabel = "« Précédent", nextLabel = "Suivant »", elementsLabel = "éléments", ofLabel = "sur", }) => {
     const hasNext = currentPage < numberPages;
     const hasPrevious = currentPage > 1;
-    const componentClassName = getComponentClassName(className, classModifier, "af-pager");
+    const componentClassName = getClassName({
+        baseClassName: "af-pager",
+        className,
+    });
     if (mode === "light") {
         return (_jsx("nav", { className: componentClassName, children: _jsxs("ul", { className: "af-pager__pagination", children: [_jsx(PaginationButton, { onChange: onChange, value: currentPage - 1, active: hasPrevious, isVisible: true, ariaLabel: `Page précédente des ${elementsLabel}`, children: _jsx("i", { className: "glyphicon glyphicon-chevron-left", "aria-hidden": "true" }) }), _jsxs(LiPoint, { isVisible: true, children: [currentPage, " ", ofLabel, " ", numberPages] }), _jsx(PaginationButton, { onChange: onChange, value: currentPage + 1, active: hasNext, isVisible: true, ariaLabel: `Page suivante des ${elementsLabel}`, children: _jsx("i", { className: "glyphicon glyphicon-chevron-right", "aria-hidden": "true" }) })] }) }));
     }

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");
     }

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";