@axa-fr/design-system-apollo-react 1.0.3-ci.139 → 1.0.5-alpha.243

package/dist/BasePicture/BasePictureApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureApollo.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureApollo.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureCommon.d.ts

@@ -0,0 +1 @@
+export declare const BasePicture: ({ className, src, ...rest }: React.ImgHTMLAttributes<HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/BasePicture/BasePictureCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import logo from "@axa-fr/design-system-look-and-feel-css/logo-axa.svg";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const BasePicture = ({ className, src, ...rest }) => {
+    const componentClassName = useMemo(() => getComponentClassName("af-basepicture", className), [className]);
+    return (_jsx("img", { className: componentClassName, alt: "", src: src || logo, ...rest }));
+};

package/dist/BasePicture/BasePictureLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureLF.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureLF.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/CardMessage/CardMessageApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageApollo.scss";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessageCommon";

package/dist/CardMessage/CardMessageApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageApollo.scss";
+export { CardMessage, cardMessageVariants, } from "./CardMessageCommon";

package/dist/CardMessage/CardMessageCommon.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from "react";
+export declare const cardMessageVariants: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly error: "error";
+    readonly neutral: "neutral";
+};
+export type CardMessageVariants = keyof typeof cardMessageVariants;
+export type CardMessageProps = ComponentPropsWithoutRef<"div"> & {
+    variant?: CardMessageVariants;
+    title?: string;
+    text: string;
+};
+export declare const CardMessage: ({ variant, title, text, className, ...props }: CardMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CardMessage/CardMessageCommon.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const cardMessageVariants = {
+    info: "info",
+    warning: "warning",
+    error: "error",
+    neutral: "neutral",
+};
+export const CardMessage = ({ variant = "info", title, text, className, ...props }) => {
+    const componentClassName = useMemo(() => {
+        return getComponentClassName("af-card-message", className, variant);
+    }, [className, variant]);
+    return (_jsxs("div", { ...props, className: componentClassName, children: [title && _jsx("span", { className: "af-card-message--title", children: title }), _jsx("span", { className: "af-card-message--text", children: text })] }));
+};

package/dist/CardMessage/CardMessageLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageLF.scss";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessageCommon";

package/dist/CardMessage/CardMessageLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageLF.scss";
+export { CardMessage, cardMessageVariants, } from "./CardMessageCommon";

package/dist/ClickIcon/ClickIconApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconApollo.scss";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/ClickIcon/ClickIconApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconApollo.scss";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/ClickIcon/ClickIconCommon.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from "react";
+import { IconVariants } from "../Icon/IconCommon";
+export type ClickIconProps = ComponentPropsWithRef<"button"> & {
+    src: string;
+    className?: string;
+    iconVariant?: IconVariants;
+    iconClassName?: string;
+};
+export declare const ClickIcon: ({ src, className, iconVariant, iconClassName, ...props }: ClickIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ClickIcon/ClickIconCommon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../Icon/IconCommon";
+export const ClickIcon = ({ src, className, iconVariant = "primary", iconClassName, ...props }) => (_jsx("button", { type: "button", className: ["af-click-icon", className].filter(Boolean).join(" "), ...props, children: _jsx(Icon, { src: src, variant: iconVariant, className: iconClassName }) }));

package/dist/ClickIcon/ClickIconLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconLF.scss";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/ClickIcon/ClickIconLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ClickIcon/ClickIconLF.scss";
+export { ClickIcon } from "./ClickIconCommon";

package/dist/Divider/DividerApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Divider/DividerApollo.scss";
+export { Divider } from "./DividerCommon";

package/dist/Divider/DividerApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Divider/DividerApollo.scss";
+export { Divider } from "./DividerCommon";

package/dist/Divider/DividerCommon.d.ts

@@ -0,0 +1,6 @@
+type DividerProps = {
+    className?: string;
+    classModifier?: string;
+};
+export declare const Divider: ({ className, classModifier }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Divider/DividerCommon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const Divider = ({ className, classModifier }) => {
+    const componentClassName = useMemo(() => getComponentClassName("af-divider", className, classModifier), [className, classModifier]);
+    return _jsx("hr", { className: componentClassName });
+};

package/dist/Divider/DividerLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Divider/DividerLF.scss";
+export { Divider } from "./DividerCommon";

package/dist/Divider/DividerLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Divider/DividerLF.scss";
+export { Divider } from "./DividerCommon";

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

@@ -0,0 +1 @@
+export declare const formatDateInputValue: (type: "date" | "text", value?: Date | string | undefined) => string | undefined;

package/dist/Form/DateInput/DateInput.helper.js

@@ -0,0 +1,20 @@
+const MAXIMUM_SIZE_DATE = 10;
+export const formatDateInputValue = (type, value) => {
+    if (!value)
+        return undefined;
+    if (value instanceof Date) {
+        if (type === "date") {
+            return value.toISOString().slice(0, MAXIMUM_SIZE_DATE);
+        }
+        if (type === "text") {
+            const day = String(value.getDate()).padStart(2, "0");
+            const month = String(value.getMonth() + 1).padStart(2, "0");
+            const year = String(value.getFullYear()).padStart(4, "0");
+            return `${day}/${month}/${year}`;
+        }
+    }
+    if (typeof value === "string") {
+        return value;
+    }
+    return undefined;
+};

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/DateInput/DateInputApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputApollo.scss";
+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 }));

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

@@ -0,0 +1,17 @@
+import { ComponentProps, ComponentPropsWithRef, ComponentType } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+type DateInputProps = Omit<ComponentPropsWithRef<"input">, "value"> & {
+    classModifier?: string;
+    defaultValue?: Date | string;
+    value?: Date | string;
+    helper?: string;
+    error?: string;
+    success?: string;
+    label: ComponentProps<typeof ItemLabel>["label"];
+    type?: "text" | "date";
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
+declare const DateInput: import("react").ForwardRefExoticComponent<Omit<DateInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { DateInput };

package/dist/Form/DateInput/DateInputCommon.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+import { formatDateInputValue } from "./DateInput.helper";
+const DateInput = forwardRef(({ className, classModifier = "", defaultValue, value, placeholder = "JJ/MM/AAAA", helper, error, success, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, "aria-errormessage": ariaErrormessage, type = "text", ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-date", className ?? "", classModifier + (error || ariaErrormessage ? " error" : ""));
+    let inputId = useId();
+    inputId = otherProps.id ?? inputId;
+    const idMessage = useId();
+    const idHelp = useId();
+    const idLabel = useId();
+    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsx("input", { ...otherProps, id: inputId, className: componentClassName, type: type, placeholder: placeholder || "", ref: inputRef, defaultValue: formatDateInputValue(type, defaultValue), value: formatDateInputValue(type, value), "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error ?? ariaErrormessage), "aria-describedby": idHelp, required: required }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error ?? success, messageType: error ? "error" : "success" })] }));
+});
+DateInput.displayName = "DateInput";
+export { DateInput };

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/DateInput/DateInputLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/DateInput/DateInputLF.scss";
+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 }));

package/dist/Form/ItemLabel/ItemLabelApollo.d.ts

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

package/dist/Form/ItemLabel/ItemLabelApollo.js

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

package/dist/Form/ItemLabel/ItemLabelCommon.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentProps, type ComponentType, type MouseEventHandler } from "react";
+import { Button } from "../../Button/ButtonCommon";
+type ItemLabelProps = {
+    label: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
+    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: ComponentType<ComponentProps<typeof Button>>;
+};
+export declare const ItemLabel: ({ label, description, required, inputId, idLabel, sideButtonLabel, onSideButtonClick, buttonLabel, onButtonClick, ButtonComponent, }: ItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Form/ItemLabel/ItemLabelCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, } from "react";
+import infoIcon from "@material-symbols/svg-400/outlined/info.svg";
+import { Svg } from "../../Svg/Svg";
+export const ItemLabel = ({ label, description, required, inputId, idLabel, sideButtonLabel, onSideButtonClick, buttonLabel, onButtonClick, ButtonComponent, }) => {
+    const idDescription = useId();
+    return (_jsxs("div", { className: "af-item-label", children: [_jsxs("label", { htmlFor: inputId, id: idLabel, "aria-describedby": description ? idDescription : undefined, children: [label, " ", required && _jsx("span", { "aria-hidden": "true", children: " *" })] }), sideButtonLabel && (_jsx(ButtonComponent, { variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })), description && (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })), buttonLabel && (_jsx(ButtonComponent, { className: "af-item-label__more", variant: "ghost", iconLeft: _jsx(Svg, { src: infoIcon, "aria-hidden": "true" }), onClick: onButtonClick, children: buttonLabel }))] }));
+};

package/dist/Form/ItemLabel/ItemLabelLF.d.ts

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

package/dist/Form/ItemLabel/ItemLabelLF.js

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

package/dist/Form/ItemMessage/ItemMessageCommon.d.ts

@@ -1,7 +1,7 @@
 type ItemMessageProps = {
-    message: string;
+    message?: string;
     id?: string;
-    type?: "error" | "success";
+    messageType?: "error" | "success";
 };
-export declare const ItemMessage: ({ message, id, type, }: ItemMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemMessage: ({ message, id, messageType, }: ItemMessageProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Form/ItemMessage/ItemMessageCommon.js

@@ -2,4 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
 import successIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
 import { Svg } from "../../Svg/Svg";
-export const ItemMessage = ({ message, id, type = "error", }) => (_jsxs("div", { className: `af-item-message af-item-message--${type}`, children: [_jsx(Svg, { src: type === "error" ? errorIcon : successIcon, className: "af-item-message__icon" }), _jsx("span", { id: id, "aria-live": "assertive", className: "af-item-message__message", children: message })] }));
+export const ItemMessage = ({ message, id, messageType = "error", }) => {
+    if (!message) {
+        return null;
+    }
+    return (_jsxs("small", { className: `af-item-message af-item-message--${messageType}`, role: messageType === "error" ? "alert" : undefined, "aria-live": "assertive", children: [_jsx(Svg, { src: messageType === "error" ? errorIcon : successIcon, className: "af-item-message__icon", "aria-hidden": "true" }), _jsx("span", { id: id, className: "af-item-message__message", children: message })] }));
+};

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/Select/SelectApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectApollo.scss";
+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 }));

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

@@ -0,0 +1,19 @@
+import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+type SelectProps = ComponentPropsWithRef<"select"> & {
+    id?: string;
+    classModifier?: string;
+    label: ComponentProps<typeof ItemLabel>["label"];
+    errorLabel?: string;
+    error?: string;
+    success?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+    description?: string;
+    helper?: string;
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
+declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+export { Select };

package/dist/Form/Select/SelectCommon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import classNames from "classnames";
+const Select = forwardRef(({ id, required, label, error, placeholder, children, helper, success, description, buttonLabel, onButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, ...otherProps }, inputRef) => {
+    const idLabel = useId();
+    const idMessage = useId();
+    let inputId = useId();
+    inputId = id || inputId;
+    const classname = classNames("af-form__select-input", error && "af-form__select-input--error");
+    return (_jsxs("div", { children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && (_jsx("option", { disabled: true, value: "", children: placeholder })), children] }), helper && _jsx("span", { className: "af-form__input-helper", children: helper }), _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
+});
+Select.displayName = "Select";
+export { Select };

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/Select/SelectLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/Select/SelectLF.scss";
+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 }));

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/TextArea/TextAreaApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
+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 }));

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

@@ -0,0 +1,18 @@
+import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEventHandler } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+type Props = ComponentPropsWithRef<"textarea"> & {
+    classModifier?: string;
+    sideButtonLabel: string;
+    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    helper?: string;
+    error?: string;
+    description?: string;
+    label: ComponentProps<typeof ItemLabel>["label"];
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    buttonLabel?: string;
+    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+} & Partial<ComponentPropsWithRef<typeof ItemMessage>>;
+declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };

package/dist/Form/TextArea/TextAreaCommon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+const TextArea = forwardRef(({ className, classModifier = "", label, description, helper, error, buttonLabel, onButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-textarea", className, classModifier);
+    let inputId = useId();
+    inputId = otherProps.id || inputId;
+    const idError = useId();
+    const idLabel = useId();
+    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsx("textarea", { id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": idError, "aria-invalid": Boolean(error), ...otherProps }), helper && _jsx("span", { className: "af-form__input-helper", children: helper }), _jsx(ItemMessageComponent, { id: idError, message: error })] }));
+});
+TextArea.displayName = "TextArea";
+export { TextArea };

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/TextArea/TextAreaLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
+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 }));

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/TextInput/TextInputApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputApollo.scss";
+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 }));

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

@@ -0,0 +1,15 @@
+import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
+import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+type TextInputProps = ComponentPropsWithRef<"input"> & {
+    unit?: React.ReactNode;
+    classModifier?: string;
+    helper?: string;
+    error?: string;
+    success?: string;
+    label: ComponentProps<typeof ItemLabel>["label"];
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+} & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
+declare const TextInput: import("react").ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { TextInput };

package/dist/Form/TextInput/TextInputCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+const TextInput = forwardRef(({ unit, className, classModifier = "", helper, error, success, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-text", className, classModifier + (error || ariaErrormessage ? " error" : ""));
+    let inputId = useId();
+    inputId = otherProps.id || inputId;
+    const idMessage = useId();
+    const idHelp = useId();
+    const idLabel = useId();
+    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsxs("div", { className: "af-form__input-variant", children: [_jsx("input", { id: inputId, className: componentClassName, type: "text", required: required, ref: inputRef, "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error || ariaErrormessage), "aria-describedby": idHelp, ...otherProps }), unit] }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
+});
+TextInput.displayName = "TextInput";
+export { TextInput };

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

@@ -0,0 +1,4 @@
+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;

package/dist/Form/TextInput/TextInputLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextInput/TextInputLF.scss";
+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 }));

package/dist/Icon/IconApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.scss";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.scss";
+export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconCommon.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from "react";
+import { Svg } from "../Svg/Svg";
+export declare const iconVariants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly disabled: "disabled";
+};
+export type IconVariants = keyof typeof iconVariants;
+export declare const iconSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+    readonly XS: "extra-small";
+};
+export type IconSizeVariants = keyof typeof iconSizeVariants;
+export type IconProps = ComponentProps<typeof Svg> & {
+    variant?: IconVariants;
+    size?: IconSizeVariants;
+    hasBackground?: boolean;
+};
+export declare const Icon: ({ variant, size, hasBackground, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Icon/IconCommon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+import { Svg } from "../Svg/Svg";
+export const iconVariants = {
+    primary: "primary",
+    secondary: "secondary",
+    disabled: "disabled",
+};
+export const iconSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+    XS: "extra-small",
+};
+export const Icon = ({ variant = "primary", size = "S", hasBackground = false, ...props }) => {
+    const componentClassName = useMemo(() => {
+        const newClassModifier = [
+            variant,
+            iconSizeVariants[size],
+            hasBackground && "has-background",
+        ]
+            .filter(Boolean)
+            .join(" ");
+        return getComponentClassName("af-icon", "", newClassModifier);
+    }, [variant, hasBackground, size]);
+    return (_jsx("div", { className: componentClassName, children: _jsx(Svg, { ...props }) }));
+};

package/dist/Icon/IconLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.scss";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.scss";
+export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/Link/LinkApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.scss";
+export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/Link/LinkApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.scss";
+export { Link, linkVariants } from "./LinkCommon";