@axa-fr/design-system-apollo-react 1.0.5-alpha.253 → 1.0.5-alpha.255

package/dist/Form/DateInput/DateInputApollo.d.ts

@@ -1,4 +1,26 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputApollo.scss";
-import type { ComponentProps } from "react";
-import { DateInput as DateInputCommon } from "./DateInputCommon";
-export declare const DateInput: (props: Omit<ComponentProps<typeof DateInputCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
+    classModifier?: string;
+    defaultValue?: Date | string;
+    value?: Date | string;
+    helper?: string;
+    error?: string;
+    success?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    type?: "text" | "date";
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<{
+    label: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/DateInput/DateInputApollo.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputApollo.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
 import { DateInput as DateInputCommon } from "./DateInputCommon";
-export const DateInput = (props) => (_jsx(DateInputCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const DateInput = forwardRef((props, ref) => (_jsx(DateInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+DateInput.displayName = "DateInput";

package/dist/Form/DateInput/DateInputLF.d.ts

@@ -1,4 +1,26 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputLF.scss";
 import { ComponentProps } from "react";
-import { DateInput as DateInputCommon } from "./DateInputCommon";
-export declare const DateInput: (props: Omit<ComponentProps<typeof DateInputCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
+    classModifier?: string;
+    defaultValue?: Date | string;
+    value?: Date | string;
+    helper?: string;
+    error?: string;
+    success?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    type?: "text" | "date";
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<{
+    label: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/DateInput/DateInputLF.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputLF.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
 import { DateInput as DateInputCommon } from "./DateInputCommon";
-export const DateInput = (props) => (_jsx(DateInputCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const DateInput = forwardRef((props, ref) => (_jsx(DateInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+DateInput.displayName = "DateInput";

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

@@ -1,4 +1,28 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectApollo.scss";
-import type { ComponentProps } from "react";
-import { Select as SelectCommon } from "./SelectCommon";
-export declare const Select: (props: Omit<ComponentProps<typeof SelectCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
+    id?: string;
+    classModifier?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    errorLabel?: string;
+    error?: string;
+    success?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+    description?: string;
+    helper?: string;
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<{
+    label: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}>, "ref"> & import("react").RefAttributes<HTMLSelectElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/Form/Select/SelectApollo.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectApollo.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
 import { Select as SelectCommon } from "./SelectCommon";
-export const Select = (props) => (_jsx(SelectCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const Select = forwardRef((props, ref) => (_jsx(SelectCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+Select.displayName = "Select";

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

@@ -1,4 +1,28 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectLF.scss";
-import type { ComponentProps } from "react";
-import { Select as SelectCommon } from "./SelectCommon";
-export declare const Select: (props: Omit<ComponentProps<typeof SelectCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+export declare const Select: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & {
+    id?: string;
+    classModifier?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    errorLabel?: string;
+    error?: string;
+    success?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+    description?: string;
+    helper?: string;
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<{
+    label: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}>, "ref"> & import("react").RefAttributes<HTMLSelectElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/Form/Select/SelectLF.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectLF.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
 import { Select as SelectCommon } from "./SelectCommon";
-export const Select = (props) => (_jsx(SelectCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const Select = forwardRef((props, ref) => (_jsx(SelectCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+Select.displayName = "Select";

package/dist/Form/TextArea/TextAreaApollo.d.ts

@@ -1,4 +1,20 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
-import type { ComponentProps } from "react";
-import { TextArea as TextAreaCommon } from "./TextAreaCommon";
-export declare const TextArea: (props: Omit<ComponentProps<typeof TextAreaCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    classModifier?: string;
+    sideButtonLabel: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    helper?: string;
+    error?: string;
+    description?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+} & Partial<{
+    message?: string;
+    id?: string;
+    messageType?: "error" | "success";
+}>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/Form/TextArea/TextAreaApollo.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
 import { TextArea as TextAreaCommon } from "./TextAreaCommon";
-export const TextArea = (props) => (_jsx(TextAreaCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const TextArea = forwardRef((props, ref) => (_jsx(TextAreaCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+TextArea.displayName = "TextArea";

package/dist/Form/TextArea/TextAreaLF.d.ts

@@ -1,4 +1,20 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
-import type { ComponentProps } from "react";
-import { TextArea as TextAreaCommon } from "./TextAreaCommon";
-export declare const TextArea: (props: Omit<ComponentProps<typeof TextAreaCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    classModifier?: string;
+    sideButtonLabel: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    helper?: string;
+    error?: string;
+    description?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+} & Partial<{
+    message?: string;
+    id?: string;
+    messageType?: "error" | "success";
+}>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/Form/TextArea/TextAreaLF.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
 import { TextArea as TextAreaCommon } from "./TextAreaCommon";
-export const TextArea = (props) => (_jsx(TextAreaCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const TextArea = forwardRef((props, ref) => (_jsx(TextAreaCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+TextArea.displayName = "TextArea";

package/dist/Form/TextInput/TextInputApollo.d.ts

@@ -1,4 +1,24 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputApollo.scss";
-import type { ComponentProps } from "react";
-import { TextInput as TextInputCommon } from "./TextInputCommon";
-export declare const TextInput: (props: Omit<ComponentProps<typeof TextInputCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    unit?: React.ReactNode;
+    classModifier?: string;
+    helper?: string;
+    error?: string;
+    success?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<{
+    label: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/TextInput/TextInputApollo.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputApollo.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
 import { TextInput as TextInputCommon } from "./TextInputCommon";
-export const TextInput = (props) => (_jsx(TextInputCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const TextInput = forwardRef((props, ref) => (_jsx(TextInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+TextInput.displayName = "TextInput";

package/dist/Form/TextInput/TextInputLF.d.ts

@@ -1,4 +1,24 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputLF.scss";
-import type { ComponentProps } from "react";
-import { TextInput as TextInputCommon } from "./TextInputCommon";
-export declare const TextInput: (props: Omit<ComponentProps<typeof TextInputCommon>, "ItemLabelComponent" | "ItemMessageComponent">) => import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    unit?: React.ReactNode;
+    classModifier?: string;
+    helper?: string;
+    error?: string;
+    success?: string;
+    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
+    ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<{
+    label: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
+    onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemLabelComponent" | "ItemMessageComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/TextInput/TextInputLF.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputLF.scss";
+import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
 import { TextInput as TextInputCommon } from "./TextInputCommon";
-export const TextInput = (props) => (_jsx(TextInputCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+export const TextInput = forwardRef((props, ref) => (_jsx(TextInputCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+TextInput.displayName = "TextInput";

package/dist/List/ContentItemDuo/ContentItemDuoApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.scss";
+import type { ComponentProps } from "react";
+import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
+export declare const ContentItemDuo: (props: Omit<ComponentProps<typeof ContentItemDuoCommon>, "ButtonComponent">) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ContentItemDuo/ContentItemDuoApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.scss";
+import { Button } from "../../Button/ButtonApollo";
+import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
+export const ContentItemDuo = (props) => _jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button });

package/dist/List/ContentItemDuo/ContentItemDuoCommon.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentProps, type ComponentType, type ReactNode } from "react";
+import { Button } from "../../Button/ButtonCommon";
+type ContentItemDuoProps = {
+    label: string;
+    value: ReactNode;
+    isVertical?: boolean;
+    className?: string;
+    classModifier?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+    ButtonComponent: ComponentType<ComponentProps<typeof Button>>;
+};
+export declare const ContentItemDuo: ({ label, value, isVertical, className, classModifier, buttonText, onButtonClick, ButtonComponent, }: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/List/ContentItemDuo/ContentItemDuoCommon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+export const ContentItemDuo = ({ label, value, isVertical = false, className, classModifier, buttonText, onButtonClick, ButtonComponent, }) => {
+    const componentClassName = useMemo(() => {
+        const classModifiers = [classModifier];
+        if (isVertical) {
+            classModifiers.push("vertical");
+        }
+        return getComponentClassName("af-content-item-duo", className, classModifiers.filter(Boolean).join(" "));
+    }, [classModifier, className, isVertical]);
+    return (_jsxs("div", { className: componentClassName, children: [_jsx("p", { className: "af-content-item-duo__label", children: label }), typeof value === "string" ? (_jsx("p", { className: "af-content-item-duo__value", children: value })) : (_jsx("div", { className: "af-content-item-duo__value", children: value })), buttonText && (_jsx("div", { className: "af-content-item-duo__button", children: _jsx(ButtonComponent, { variant: "ghost", onClick: onButtonClick, children: buttonText }) }))] }));
+};

package/dist/List/ContentItemDuo/ContentItemDuoLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoLF.scss";
+import type { ComponentProps } from "react";
+import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
+export declare const ContentItemDuo: (props: Omit<ComponentProps<typeof ContentItemDuoCommon>, "ButtonComponent">) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ContentItemDuo/ContentItemDuoLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoLF.scss";
+import { Button } from "../../Button/ButtonLF";
+import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
+export const ContentItemDuo = (props) => _jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button });

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { Toggle } from "./Toggle/ToggleApollo";
 export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
+export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";

package/dist/index.js

@@ -20,6 +20,7 @@ export { Toggle } from "./Toggle/ToggleApollo";
 export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Message, messageVariants, } from "./Message/MessageApollo";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
+export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";

package/dist/indexLF.d.ts

@@ -19,6 +19,7 @@ export { Toggle } from "./Toggle/ToggleLF";
 export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageLF";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageLF";
+export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";

package/dist/indexLF.js

@@ -19,6 +19,7 @@ export { Toggle } from "./Toggle/ToggleLF";
 export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Message, messageVariants, } from "./Message/MessageLF";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageLF";
+export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";

package/package.json

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