@axa-fr/design-system-apollo-react 1.0.5-alpha.326 → 1.0.5-alpha.328

package/dist/Form/InputPhone/CountryCodeSelect.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps, ComponentType } from "react";
+import { SingleValue } from "react-select";
+import { OptionType } from "./InputPhone.types";
+import { Icon } from "../../Icon/IconCommon";
+declare const CountryCodeSelect: ({ options, defaultCountry, onChangeSelect, IconComponent, disabled, }: {
+    options: OptionType[];
+    defaultCountry?: string;
+    onChangeSelect?: (value: SingleValue<OptionType>) => void;
+    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { CountryCodeSelect };

package/dist/Form/InputPhone/CountryCodeSelect.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Select from "react-select";
+const CountryCodeSelect = ({ options, defaultCountry, onChangeSelect, IconComponent, disabled, }) => {
+    const defaultOption = options.find((option) => option.code === (defaultCountry ?? "+33"));
+    const [selectedOption, setSelectedOption] = useState(defaultOption);
+    const customStyles = {
+        control: (provided) => ({
+            ...provided,
+            margin: 0,
+        }),
+        dropdownIndicator: (provided) => ({
+            ...provided,
+            display: "none",
+        }),
+        indicatorSeparator: (provided) => ({
+            ...provided,
+            display: "none",
+        }),
+    };
+    const formatOptionLabel = ({ flag, code }) => (_jsxs("div", { className: "country-code-select-format-label", children: [_jsx(IconComponent, { src: flag }), code] }));
+    const handleChange = (newValue) => {
+        setSelectedOption(newValue ?? undefined);
+        if (newValue)
+            onChangeSelect?.(newValue);
+    };
+    return (_jsx(Select, { classNamePrefix: "country-code-select", styles: customStyles, options: options, value: selectedOption, onChange: handleChange, formatOptionLabel: formatOptionLabel, "aria-label": "Select country code", getOptionValue: (option) => option.code, isDisabled: disabled }));
+};
+export { CountryCodeSelect };

package/dist/Form/InputPhone/InputPhone.types.d.ts

@@ -0,0 +1,4 @@
+export type OptionType = {
+    flag: string;
+    code: string;
+};

package/dist/Form/InputPhone/InputPhone.types.js

@@ -0,0 +1 @@
+export {};

package/dist/Form/InputPhone/InputPhoneApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneApollo.scss";
+import { InputPhoneProps } from "./InputPhoneCommon";
+export declare const InputPhone: (props: InputPhoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/InputPhone/InputPhoneApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneApollo.scss";
+import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { InputPhoneCommon } from "./InputPhoneCommon";
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
+import { Icon } from "../../Icon/IconApollo";
+export const InputPhone = (props) => (_jsx(InputPhoneCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextComponent: InputTextAtom, IconComponent: Icon }));

package/dist/Form/InputPhone/InputPhoneCommon.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
+import { SingleValue } from "react-select";
+import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
+import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
+import { Icon } from "../../Icon/IconCommon";
+import { type OptionType } from "./InputPhone.types";
+export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
+    classModifier?: string;
+    helper?: string;
+    error?: string;
+    success?: string;
+    defaultCountry?: string;
+    showSelect?: boolean;
+    disabled?: boolean;
+    countryCodeOptions?: OptionType[];
+    onChangeSelect?: (value: SingleValue<OptionType>) => void;
+    onChangeInput?: (value: string) => void;
+    mask?: (value: string) => string;
+    label: ComponentProps<typeof ItemLabel>["label"];
+} & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
+type InputPhoneCommonProps = InputPhoneProps & {
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    InputTextComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
+    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
+};
+declare const InputPhoneCommon: import("react").ForwardRefExoticComponent<Omit<InputPhoneCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputPhoneCommon };

package/dist/Form/InputPhone/InputPhoneCommon.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+import { CountryCodeSelect } from "./CountryCodeSelect";
+import { maskFrenchPhoneNumber } from "./maskFrenchPhoneNumber";
+const InputPhoneCommon = forwardRef(({ className, classModifier = "", helper, error, success, defaultCountry, showSelect, disabled, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-phone", className, classModifier + (error || ariaErrormessage ? " error" : ""));
+    let inputId = useId();
+    inputId = otherProps.id || inputId;
+    const idMessage = useId();
+    const idLabel = useId();
+    const idHelp = useId();
+    /**
+     * Gère le changement de valeur du champ numéro de téléphone.
+     * - Récupère une fonction de masquage (mask) depuis les props ou utilise une version par défaut.
+     * - La fonction de masquage par défaut :
+     *   - Ne garde que les chiffres (supprime tout le reste).
+     *   - Limite à 10 chiffres.
+     *   - Formate par groupes de 2 chiffres séparés par un espace (ex: 06 12 34 56 78).
+     * - Applique le masquage à la valeur saisie et transmet le résultat via onChangeInput.
+     */
+    const handleChangeNumber = (e) => {
+        const input = e.target;
+        const rawValue = input.value;
+        const maskedValue = mask(rawValue);
+        onChangeInput?.(maskedValue);
+    };
+    return (_jsxs("div", { className: "af-form__input-phone-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-phone-fields", children: [showSelect && (_jsx("div", { className: "af-form__country-code-wrapper", children: _jsx(CountryCodeSelect, { options: countryCodeOptions, defaultCountry: defaultCountry, onChangeSelect: onChangeSelect, IconComponent: IconComponent, disabled: disabled }) })), _jsx(InputTextComponent, { ...otherProps, className: componentClassName, ref: inputRef, error: error, type: "tel", required: required, placeholder: otherProps.placeholder, "aria-errormessage": ariaErrormessage, value: otherProps.value, onChange: handleChangeNumber, disabled: disabled, idLabel: idLabel, idMessage: idMessage, idHelp: idHelp, id: inputId })] }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-phone-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
+});
+InputPhoneCommon.displayName = "InputPhone";
+export { InputPhoneCommon };

package/dist/Form/InputPhone/InputPhoneLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneLF.scss";
+import { InputPhoneProps } from "./InputPhoneCommon";
+export declare const InputPhone: (props: InputPhoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/InputPhone/InputPhoneLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneLF.scss";
+import { ItemLabel } from "../ItemLabel/ItemLabelLF";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { InputPhoneCommon } from "./InputPhoneCommon";
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
+import { Icon } from "../../Icon/IconLF";
+export const InputPhone = (props) => (_jsx(InputPhoneCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextComponent: InputTextAtom, IconComponent: Icon }));

package/dist/Form/InputPhone/maskFrenchPhoneNumber.d.ts

@@ -0,0 +1 @@
+export declare function maskFrenchPhoneNumber(value: string): string;

package/dist/Form/InputPhone/maskFrenchPhoneNumber.js

@@ -0,0 +1,12 @@
+export function maskFrenchPhoneNumber(value) {
+    let numericValue = value.replace(/[^0-9]/g, "");
+    numericValue = numericValue.slice(0, 10);
+    let formattedValue = "";
+    for (let i = 0; i < numericValue.length; i += 2) {
+        formattedValue += numericValue.slice(i, i + 2);
+        if (i + 2 < numericValue.length) {
+            formattedValue += " ";
+        }
+    }
+    return formattedValue;
+}

package/dist/Form/InputText/InputTextApollo.d.ts

@@ -1,6 +1,7 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.scss";
 import { type ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
 export declare const InputText: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     unit?: React.ReactNode;
     classModifier?: string;
@@ -10,6 +11,7 @@ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<O
     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>>;
+    InputTextAtomComponent: import("react").ComponentType<ComponentProps<typeof InputTextAtom>>;
 } & Partial<{
     label?: string;
     description?: string;
@@ -21,4 +23,4 @@ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<O
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
-}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent" | "InputTextAtomComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextApollo.js

@@ -4,5 +4,6 @@ import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
 import { InputText as InputTextCommon } from "./InputTextCommon";
-export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
+export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom })));
 InputText.displayName = "InputText";

package/dist/Form/InputText/InputTextCommon.d.ts

@@ -1,6 +1,7 @@
 import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 type InputTextProps = ComponentPropsWithRef<"input"> & {
     unit?: React.ReactNode;
     classModifier?: string;
@@ -10,6 +11,7 @@ type InputTextProps = ComponentPropsWithRef<"input"> & {
     label: ComponentProps<typeof ItemLabel>["label"];
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    InputTextAtomComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
 } & Partial<ComponentPropsWithRef<typeof ItemLabel>>;
 declare const InputText: import("react").ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export { InputText };

package/dist/Form/InputText/InputTextCommon.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
 import { getComponentClassName } from "../../utilities/getComponentClassName";
-const InputText = forwardRef(({ unit, className, classModifier = "", helper, error, success, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
+const InputText = forwardRef(({ unit, className, classModifier = "", helper, error, success, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, "aria-errormessage": ariaErrormessage, ...otherProps }) => {
     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" })] }));
+    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(InputTextAtomComponent, { unit: unit, className: componentClassName, error: error, required: required, idMessage: idMessage, idHelp: idHelp, idLabel: idLabel, ...otherProps }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error || success, messageType: error ? "error" : "success" })] }));
 });
 InputText.displayName = "InputText";
 export { InputText };

package/dist/Form/InputText/InputTextLF.d.ts

@@ -1,6 +1,7 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.scss";
 import { type ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
 export declare const InputText: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     unit?: React.ReactNode;
     classModifier?: string;
@@ -10,6 +11,7 @@ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<O
     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>>;
+    InputTextAtomComponent: import("react").ComponentType<ComponentProps<typeof InputTextAtom>>;
 } & Partial<{
     label?: string;
     description?: string;
@@ -21,4 +23,4 @@ export declare const InputText: import("react").ForwardRefExoticComponent<Omit<O
     buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
     ButtonComponent: import("react").ComponentType<import("../../Button/ButtonCommon").ButtonProps>;
-}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+}>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ItemMessageComponent" | "ItemLabelComponent" | "InputTextAtomComponent">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextLF.js

@@ -4,5 +4,6 @@ import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
 import { InputText as InputTextCommon } from "./InputTextCommon";
-export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
+export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom })));
 InputText.displayName = "InputText";

package/dist/Form/InputTextAtom/InputTextAtomApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.scss";
+export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.scss";
+export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomCommon.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithRef } from "react";
+type InputTextAtomProps = ComponentPropsWithRef<"input"> & {
+    unit?: React.ReactNode;
+    classModifier?: string;
+    error?: string;
+    idMessage?: string;
+    idHelp?: string;
+    idLabel?: string;
+};
+declare const InputTextAtom: import("react").ForwardRefExoticComponent<Omit<InputTextAtomProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputTextAtom };

package/dist/Form/InputTextAtom/InputTextAtomCommon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { getComponentClassName } from "../../utilities/getComponentClassName";
+const InputTextAtom = forwardRef(({ unit, className, classModifier = "", error, required, "aria-errormessage": ariaErrormessage, idMessage, idHelp, idLabel, ...otherProps }, inputRef) => {
+    const componentClassName = getComponentClassName("af-form__input-text", className, classModifier + (error || ariaErrormessage ? " error" : ""));
+    let inputId = useId();
+    inputId = otherProps.id || inputId;
+    return (_jsxs("div", { className: "af-form__input-variant", children: [_jsx("input", { id: inputId, className: componentClassName, type: otherProps.type || "text", required: required, ref: inputRef, "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error || ariaErrormessage), "aria-describedby": idHelp, ...otherProps }), unit] }));
+});
+InputTextAtom.displayName = "InputTextAtom";
+export { InputTextAtom };

package/dist/Form/InputTextAtom/InputTextAtomLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.scss";
+export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.scss";
+export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
 export { InputText } from "./Form/InputText/InputTextApollo";
 export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconApollo";
 export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBar/ItemTabBarApollo";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
@@ -35,4 +36,6 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
+export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
+export { type OptionType } from "./Form/InputPhone/InputPhone.types";
 export { Dropdown } from "./Form/Dropdown/DropdownApollo";

package/dist/index.js

@@ -22,6 +22,7 @@ export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
 export { InputText } from "./Form/InputText/InputTextApollo";
 export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading } from "./Heading/HeadingApollo";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
 export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconApollo";
 export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBar/ItemTabBarApollo";
 export { Link, linkVariants } from "./Link/LinkApollo";
@@ -35,4 +36,5 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
+export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
 export { Dropdown } from "./Form/Dropdown/DropdownApollo";

package/dist/indexLF.d.ts

@@ -16,6 +16,7 @@ export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { InputDate, 
 /** @deprecated Use `InputDate` instead. */
 InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
+export { InputPhone } from "./Form/InputPhone/InputPhoneLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
@@ -26,6 +27,7 @@ export { InputText,
 InputText as TextInput, } from "./Form/InputText/InputTextLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomLF";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconLF";
 export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBar/ItemTabBarLF";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
@@ -39,4 +41,5 @@ export { Svg } from "./Svg/Svg";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./Toggle/ToggleLF";
+export { type OptionType } from "./Form/InputPhone/InputPhone.types";
 export { Dropdown } from "./Form/Dropdown/DropdownLF";

package/dist/indexLF.js

@@ -16,6 +16,7 @@ export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { InputDate, 
 /** @deprecated Use `InputDate` instead. */
 InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
+export { InputPhone } from "./Form/InputPhone/InputPhoneLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
@@ -26,6 +27,7 @@ export { InputText,
 InputText as TextInput, } from "./Form/InputText/InputTextLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading } from "./Heading/HeadingLF";
+export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconLF";
 export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBar/ItemTabBarLF";
 export { Link, linkVariants } from "./Link/LinkLF";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.326",
+  "version": "1.0.5-alpha.328",
   "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.326",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.326",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.328",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.328",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },
@@ -60,7 +60,8 @@
     "@fontsource/source-sans-pro": "^5.2.5",
     "@tanem/svg-injector": "^10.1.68",
     "classnames": "^2.5.1",
-    "dompurify": "^3.1.5"
+    "dompurify": "^3.1.5",
+    "react-select": "^5.10.1"
   },
   "devDependencies": {
     "@axa-fr/design-system-apollo-css": "*",