@axa-fr/canopee-react 1.3.1-alpha.16 → 1.3.1-alpha.18

package/dist/client.d.ts

@@ -67,3 +67,5 @@ export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from
 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";

package/dist/client.js

@@ -66,3 +66,5 @@ export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarLF";
 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";

package/dist/distributeur/Form/Select/Select.d.ts

@@ -6,6 +6,9 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     name?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
     role?: import("react").AriaRole | undefined;
     tabIndex?: number | undefined | undefined;
@@ -82,18 +85,18 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     onFocusCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLSelectElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement, HTMLSelectElement> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLSelectElement, Element> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
@@ -236,7 +239,6 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
     ref?: import("react").Ref<HTMLSelectElement> | undefined;
     form?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
     title?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     disabled?: boolean | undefined | undefined;
@@ -253,7 +255,6 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
@@ -285,7 +286,6 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
     autoComplete?: string | undefined | undefined;
     multiple?: boolean | undefined | undefined;

package/dist/distributeur/Form/Select/SelectInput.d.ts

@@ -34,6 +34,9 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     name?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
     role?: import("react").AriaRole | undefined;
     tabIndex?: number | undefined | undefined;
@@ -110,18 +113,18 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     onFocusCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLSelectElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement, HTMLSelectElement> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLSelectElement, Element> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
@@ -264,7 +267,6 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
     ref?: import("react").Ref<HTMLSelectElement> | undefined;
     form?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
     title?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     disabled?: boolean | undefined | undefined;
@@ -281,7 +283,6 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
@@ -313,7 +314,6 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
     autoComplete?: string | undefined | undefined;
     multiple?: boolean | undefined | undefined;

package/dist/prospect-client/Link/LinkCommon.d.ts

@@ -1,7 +1,5 @@
 import { ComponentPropsWithoutRef, PropsWithChildren, type ReactNode } from "react";
 export declare const linkVariants: {
-    readonly default: "default";
-    readonly underline: "underline";
     readonly inverse: "inverse";
 };
 export type LinkVariants = keyof typeof linkVariants;
@@ -11,6 +9,9 @@ type LinkProps = {
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     className?: string;
+    /**
+     * @deprecated Use variant instead
+     */
     classModifier?: string;
 } & ComponentPropsWithoutRef<"a">;
 export declare const Link: ({ href, variant, openInNewTab, leftIcon, rightIcon, children, className, classModifier, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Link/LinkCommon.js

@@ -1,20 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import openInNew from "@material-symbols/svg-400/outlined/open_in_new.svg";
-import { useMemo, } from "react";
 import { Svg } from "../Svg/Svg";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const linkVariants = {
-    default: "default",
-    underline: "underline",
     inverse: "inverse",
 };
-export const Link = ({ href, variant = "underline", openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
+export const Link = ({ href, variant, openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
     const newTabProps = openInNewTab && {
         target: "_blank",
         rel: "noopener noreferrer",
     };
-    const componentClassName = useMemo(() => getComponentClassName("af-link", className, `${classModifier}${!className && openInNewTab ? " openInNewTab" : ""} ${variant}`), [classModifier, className, openInNewTab, variant]);
-    return (_jsxs("a", { className: componentClassName, href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
+    return (_jsxs("a", { className: getClassName({
+            baseClassName: "af-link",
+            modifiers: [classModifier, variant, openInNewTab && "openInNewTab"],
+            className,
+        }), href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
                 ? (rightIcon ?? _jsx(Svg, { src: openInNew }))
                 : null] }));
 };

package/dist/prospect-client/Table/TBody.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from "react";
+export type BodyColorVariants = "white" | "blue" | "alternate";
+export type TBodyProps = ComponentPropsWithRef<"tbody"> & {
+    variant?: BodyColorVariants;
+};
+export declare const TBody: ({ variant, className, children, ...tableBodyProps }: TBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/TBody.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const TBody = ({ variant = "white", className, children, ...tableBodyProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__tbody",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("tbody", { className: componentClassName, ...tableBodyProps, children: children }));
+};

package/dist/prospect-client/Table/THead.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithRef } from "react";
+export type HeadColorVariants = "gray" | "blue";
+export type THeadProps = ComponentPropsWithRef<"thead"> & {
+    variant?: HeadColorVariants;
+};
+export declare const THead: ({ variant, className, children, ...tableHeadProps }: THeadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/THead.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const THead = ({ variant = "blue", className, children, ...tableHeadProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__thead",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("thead", { className: componentClassName, ...tableHeadProps, children: children }));
+};

package/dist/prospect-client/Table/TableApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Table/TableApollo.css";
+export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./TableCommon";

package/dist/prospect-client/Table/TableApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Table/TableApollo.css";
+export { Table, } from "./TableCommon";

package/dist/prospect-client/Table/TableCommon.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentPropsWithRef } from "react";
+import { type RowSizeVariants } from "./Tr";
+import { type BodyColorVariants } from "./TBody";
+import { type HeadColorVariants } from "./THead";
+export type { HeadColorVariants, BodyColorVariants, RowSizeVariants };
+export type TableProps = ComponentPropsWithRef<"table">;
+export declare const Table: {
+    ({ className, children, ...tableProps }: TableProps): import("react/jsx-runtime").JSX.Element;
+    THead: ({ variant, className, children, ...tableHeadProps }: import("./THead").THeadProps) => import("react/jsx-runtime").JSX.Element;
+    TBody: ({ variant, className, children, ...tableBodyProps }: import("./TBody").TBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Th: ({ position, onCheck, checkboxPosition, onSort, className, children, ...tableHeaderProps }: import("./Th").ThProps) => import("react/jsx-runtime").JSX.Element;
+    Tr: ({ size, className, children, ...tableRowProps }: import("./Tr").TrProps) => import("react/jsx-runtime").JSX.Element;
+    Td: ({ position, verticalAlign, size, variant, className, children, ...tableCellProps }: import("./Td").TdProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/prospect-client/Table/TableCommon.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+import { Td } from "./Td";
+import { Tr } from "./Tr";
+import { Th } from "./Th";
+import { TBody } from "./TBody";
+import { THead } from "./THead";
+export const Table = ({ className, children, ...tableProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table",
+        className,
+    });
+    return (_jsx("table", { className: componentClassName, ...tableProps, children: children }));
+};
+Table.THead = THead;
+Table.TBody = TBody;
+Table.Th = Th;
+Table.Tr = Tr;
+Table.Td = Td;

package/dist/prospect-client/Table/TableLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Table/TableLF.css";
+export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./TableCommon";

package/dist/prospect-client/Table/TableLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Table/TableLF.css";
+export { Table, } from "./TableCommon";

package/dist/prospect-client/Table/Td.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef } from "react";
+export type CellContentPositionVariants = "left" | "center" | "right";
+export type CellContentVerticalAlignVariants = "top" | "middle";
+export declare const tdSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+};
+export type TdSizeVariants = keyof typeof tdSizeVariants;
+export type CellColorVariant = "white" | "blue";
+export type TdProps = ComponentPropsWithRef<"td"> & {
+    position?: CellContentPositionVariants;
+    verticalAlign?: CellContentVerticalAlignVariants;
+    size?: TdSizeVariants;
+    variant?: CellColorVariant;
+};
+export declare const Td: ({ position, verticalAlign, size, variant, className, children, ...tableCellProps }: TdProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Td.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const tdSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+};
+export const Td = ({ position = "left", verticalAlign = "middle", size, variant, className, children, ...tableCellProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__td",
+        className,
+        modifiers: [position, verticalAlign, size && tdSizeVariants[size], variant],
+    });
+    return (_jsx("td", { className: componentClassName, ...tableCellProps, children: children }));
+};

package/dist/prospect-client/Table/Th.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithRef } from "react";
+export type HeaderCellPositionVariants = "left" | "center" | "right";
+export type ThProps = ComponentPropsWithRef<"th"> & {
+    position?: HeaderCellPositionVariants;
+    checkboxPosition?: HeaderCellPositionVariants;
+    onCheck?: () => void;
+    onSort?: () => void;
+};
+export declare const Th: ({ position, onCheck, checkboxPosition, onSort, className, children, ...tableHeaderProps }: ThProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Th.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import unfoldMore from "@material-symbols/svg-400/rounded/unfold_more-fill.svg";
+import { getClassName } from "../utilities/getClassName";
+import { Checkbox } from "../Form/Checkbox/Checkbox/CheckboxCommon";
+import { ClickIcon } from "../ClickIcon/ClickIconCommon";
+export const Th = ({ position = "left", onCheck, checkboxPosition = "left", onSort, className, children, ...tableHeaderProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__th",
+        className,
+        modifiers: [position, checkboxPosition && `checkbox-${checkboxPosition}`],
+    });
+    return (_jsx("th", { className: componentClassName, ...tableHeaderProps, children: _jsxs("div", { className: "af-table__th-wrapper", children: [onCheck ? _jsx(Checkbox, { onChange: onCheck }) : null, _jsx("span", { className: "af-table__th-content", children: children }), onSort ? (_jsx(ClickIcon, { onClick: onSort, src: unfoldMore, variant: "ghost", className: "af-table__th-sort-icon" })) : null] }) }));
+};

package/dist/prospect-client/Table/Tr.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithRef } from "react";
+export declare const rowSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+};
+export type RowSizeVariants = keyof typeof rowSizeVariants;
+export type TrProps = ComponentPropsWithRef<"tr"> & {
+    size?: RowSizeVariants;
+};
+export declare const Tr: ({ size, className, children, ...tableRowProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Tr.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const rowSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+};
+export const Tr = ({ size = "S", className, children, ...tableRowProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__tr",
+        className,
+        modifiers: [rowSizeVariants[size]],
+    });
+    return (_jsx("tr", { className: componentClassName, ...tableRowProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/DRow.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithRef } from "react";
+export type DRowDirectionVariants = "row" | "column";
+export type TrProps = ComponentPropsWithRef<"div"> & {
+    direction?: DRowDirectionVariants;
+};
+export declare const DRow: ({ className, children, direction, ...dRowProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TableMobileCard/DRow.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const DRow = ({ className, children, direction = "row", ...dRowProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card__drow",
+        className,
+        modifiers: [direction],
+    });
+    return (_jsx("div", { className: componentClassName, ...dRowProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/Dd.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentPropsWithRef } from "react";
+export type TrProps = ComponentPropsWithRef<"dd">;
+export declare const Dd: ({ className, children, ...ddProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TableMobileCard/Dd.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const Dd = ({ className, children, ...ddProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card__dd",
+        className,
+    });
+    return (_jsx("dd", { className: componentClassName, ...ddProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/Dt.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentPropsWithRef } from "react";
+export type TrProps = ComponentPropsWithRef<"dt">;
+export declare const Dt: ({ className, children, ...dtProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TableMobileCard/Dt.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const Dt = ({ className, children, ...dtProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card__dt",
+        className,
+    });
+    return (_jsx("dt", { className: componentClassName, ...dtProps, children: children }));
+};

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

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithRef } from "react";
+import "@axa-fr/canopee-css/prospect/TableMobileCard/TableMobileCardAll.css";
+export type TableMobileCardVariants = "white" | "blue" | "alternate";
+export type TableMobileCardProps = ComponentPropsWithRef<"dl"> & {
+    variant?: TableMobileCardVariants;
+};
+export declare const TableMobileCard: {
+    ({ className, children, variant, ...tableCardProps }: TableMobileCardProps): import("react/jsx-runtime").JSX.Element;
+    DRow: ({ className, children, direction, ...dRowProps }: import("./DRow").TrProps) => import("react/jsx-runtime").JSX.Element;
+    Dt: ({ className, children, ...dtProps }: import("./Dt").TrProps) => import("react/jsx-runtime").JSX.Element;
+    Dd: ({ className, children, ...ddProps }: import("./Dd").TrProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/prospect-client/TableMobileCard/TableMobileCard.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+import { DRow } from "./DRow";
+import { Dt } from "./Dt";
+import { Dd } from "./Dd";
+import "@axa-fr/canopee-css/prospect/TableMobileCard/TableMobileCardAll.css";
+export const TableMobileCard = ({ className, children, variant = "alternate", ...tableCardProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("dl", { className: componentClassName, ...tableCardProps, children: children }));
+};
+TableMobileCard.DRow = DRow;
+TableMobileCard.Dt = Dt;
+TableMobileCard.Dd = Dd;

package/dist/prospect.d.ts

@@ -63,3 +63,5 @@ export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from
 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";

package/dist/prospect.js

@@ -62,3 +62,5 @@ export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarApollo"
 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";

package/package.json

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