@axa-fr/design-system-look-and-feel-react 3.0.0 → 3.0.1-alpha.12

package/dist/Accordion/Accordion.d.ts

@@ -8,5 +8,8 @@ type AccordionProps = {
     value?: string;
     isTitleFirst?: boolean;
 } & ComponentProps<typeof AccordionTagDateContainer> & Partial<ComponentProps<typeof AccordionCore>>;
+/**
+ * @deprecated Use `Accordion` from `@axa-fr/design-system-apollo-react/lf` package instead.
+ */
 export declare const Accordion: ({ title, children, icon, subtitle, tagLabel, tagProps, dateLabel, dateProps, value, isTitleFirst, ...accordionCoreProps }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Accordion/Accordion.js

@@ -3,6 +3,9 @@ import { useMemo } from "react";
 import { AccordionCore } from "../AccordionCore/AccordionCore";
 import { BREAKPOINT, getComponentClassName, useIsSmallScreen, } from "../utilities";
 import { AccordionTagDateContainer } from "./AccordionTagDateContainer";
+/**
+ * @deprecated Use `Accordion` from `@axa-fr/design-system-apollo-react/lf` package instead.
+ */
 export const Accordion = ({ title, children, icon, subtitle, tagLabel, tagProps, dateLabel, dateProps, value, isTitleFirst = true, ...accordionCoreProps }) => {
     const isMobile = useIsSmallScreen(BREAKPOINT.SM);
     const isShowingIcon = Boolean(icon && isTitleFirst);

package/dist/AccordionCore/AccordionCore.d.ts

@@ -8,5 +8,8 @@ type AccordionProps = {
     summaryProps?: ComponentProps<"summary">;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Partial<ComponentProps<"details">>;
+/**
+ * @deprecated Use `AccordionCore` from `@axa-fr/design-system-apollo-react/lf` package instead.
+ */
 export declare const AccordionCore: ({ summary, children, className, classModifier, summaryProps, isOpen, onClick, ...detailsProps }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AccordionCore/AccordionCore.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, } from "react";
 import { getComponentClassName } from "../utilities";
+/**
+ * @deprecated Use `AccordionCore` from `@axa-fr/design-system-apollo-react/lf` package instead.
+ */
 export const AccordionCore = ({ summary, children, className, classModifier, summaryProps, isOpen, onClick, ...detailsProps }) => {
     const componentClassName = useMemo(() => getComponentClassName("af-accordion", className, classModifier), [classModifier, className]);
     const handleToggle = useCallback((event) => {

package/dist/Alert/Alert.d.ts

@@ -18,5 +18,8 @@ type AlertProps = {
     iconSize?: number;
     heading?: Headings;
 } & ComponentPropsWithoutRef<"div">;
+/**
+ * @deprecated Use `Message` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const Alert: ({ type, title, children, action, iconSize, heading: Heading, }: PropsWithChildren<AlertProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Alert/Alert.js

@@ -21,6 +21,9 @@ const getIconFromType = (type) => ({
     [alertTypes.warning]: errorOutline,
     [alertTypes.information]: wbIncandescentOutlined,
 })[type] || wbIncandescentOutlined;
+/**
+ * @deprecated Use `Message` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const Alert = ({ type = alertTypes.information, title, children, action, iconSize = 24, heading: Heading = "h4", }) => {
     const icon = useMemo(() => getIconFromType(type), [type]);
     return (_jsxs("div", { className: `af-alert af-alert--${type}`, role: "alert", children: [_jsx(Svg, { src: icon, width: iconSize, height: iconSize, className: "af-alert__icon", "aria-hidden": true }), _jsxs("div", { className: "af-alert-client__content", children: [title ? _jsx(Heading, { className: "af-alert__title", children: title }) : null, children, action ? _jsx("div", { className: "af-alert__action", children: action }) : null] })] }));

package/dist/BasePicture/BasePicture.d.ts

@@ -1 +1,4 @@
-export { BasePicture } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `BasePicture` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const BasePicture: ({ className, src, ...props }: import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/BasePicture/BasePicture.js

@@ -1 +1,5 @@
-export { BasePicture } from "@axa-fr/design-system-apollo-react/lf";
+import { BasePicture as ApolloBasePicture } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `BasePicture` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const BasePicture = ApolloBasePicture;

package/dist/Button/Button.d.ts

@@ -1,2 +1,21 @@
-export { Button, buttonVariants } from "@axa-fr/design-system-apollo-react/lf";
-export type { ButtonVariants } from "@axa-fr/design-system-apollo-react/lf";
+import { Button as ApolloButton, type ButtonVariants as ApolloButtonVariantsType } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Button` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Button: typeof ApolloButton;
+/**
+ * @deprecated Use `buttonVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const buttonVariants: {
+    readonly primary: "primary";
+    readonly "primary-business": "primary-business";
+    readonly "primary-inverse": "primary-inverse";
+    readonly secondary: "secondary";
+    readonly "secondary-inverse": "secondary-inverse";
+    readonly tertiary: "tertiary";
+    readonly ghost: "ghost";
+};
+/**
+ * @deprecated Use `ButtonVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type ButtonVariants = ApolloButtonVariantsType;

package/dist/Button/Button.js

@@ -1 +1,9 @@
-export { Button, buttonVariants } from "@axa-fr/design-system-apollo-react/lf";
+import { Button as ApolloButton, buttonVariants as ApolloButtonVariants, } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Button` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Button = ApolloButton;
+/**
+ * @deprecated Use `buttonVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const buttonVariants = ApolloButtonVariants;

package/dist/CardMessage/CardMessage.d.ts

@@ -1 +1,18 @@
-export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "@axa-fr/design-system-apollo-react/lf";
+import { CardMessage as ApolloCardMessage, type CardMessageVariants as ApolloCardMessageVariantsType } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `CardMessage` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const CardMessage: typeof ApolloCardMessage;
+/**
+ * @deprecated Use `cardMessageVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const cardMessageVariants: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly error: "error";
+    readonly neutral: "neutral";
+};
+/**
+ * @deprecated Use `CardMessageVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type CardMessageVariants = ApolloCardMessageVariantsType;

package/dist/CardMessage/CardMessage.js

@@ -1 +1,9 @@
-export { CardMessage, cardMessageVariants, } from "@axa-fr/design-system-apollo-react/lf";
+import { CardMessage as ApolloCardMessage, cardMessageVariants as ApolloCardMessageVariants, } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `CardMessage` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const CardMessage = ApolloCardMessage;
+/**
+ * @deprecated Use `cardMessageVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const cardMessageVariants = ApolloCardMessageVariants;

package/dist/ClickIcon/ClickIcon.d.ts

@@ -1 +1,5 @@
-export { ClickIcon } from "@axa-fr/design-system-apollo-react/lf";
+import { ClickIcon as ApolloClickIcon } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ClickIcon` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const ClickIcon: typeof ApolloClickIcon;

package/dist/ClickIcon/ClickIcon.js

@@ -1 +1,5 @@
-export { ClickIcon } from "@axa-fr/design-system-apollo-react/lf";
+import { ClickIcon as ApolloClickIcon } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ClickIcon` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const ClickIcon = ApolloClickIcon;

package/dist/ContentItemMono/ContentItemMono.d.ts

@@ -1 +1,5 @@
-export { ContentItemMono } from "@axa-fr/design-system-apollo-react/lf";
+import { ContentItemMono as ApolloContentItemMono } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ContentItemMono` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const ContentItemMono: typeof ApolloContentItemMono;

package/dist/ContentItemMono/ContentItemMono.js

@@ -1 +1,5 @@
-export { ContentItemMono } from "@axa-fr/design-system-apollo-react/lf";
+import { ContentItemMono as ApolloContentItemMono } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ContentItemMono` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const ContentItemMono = ApolloContentItemMono;

package/dist/Divider/Divider.d.ts

@@ -1 +1,7 @@
-export { Divider } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Divider` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Divider: ({ className, classModifier }: {
+    className?: string;
+    classModifier?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Divider/Divider.js

@@ -1 +1,5 @@
-export { Divider } from "@axa-fr/design-system-apollo-react/lf";
+import { Divider as ApolloDivider } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Divider` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Divider = ApolloDivider;

package/dist/Form/Checkbox/CardCheckbox.d.ts

@@ -10,7 +10,17 @@ export type CardCheckboxProps = Partial<TCardCheckboxItem> & {
     onChange?: ChangeEventHandler;
     error?: string;
 };
+/**
+ * @deprecated Use `CardCheckbox` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const CardCheckbox: {
     ({ className, labelGroup, descriptionGroup, isRequired, options, onChange, type, error, ...inputProps }: CardCheckboxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * @deprecated Use `CardCheckbox` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const CheckboxCard: {
+    ({ className, labelGroup, descriptionGroup, isRequired, options, onChange, type, error, ...inputProps }: CardCheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Form/Checkbox/CardCheckbox.js

@@ -4,6 +4,9 @@ import { ItemMessage } from "@axa-fr/design-system-apollo-react/lf";
 import { BREAKPOINT, getComponentClassName, useIsSmallScreen, } from "../../utilities";
 import { CardCheckboxItem } from "./CardCheckboxItem";
 import "@axa-fr/design-system-look-and-feel-css/dist/Form/CardCheckbox/CardCheckbox.scss";
+/**
+ * @deprecated Use `CardCheckbox` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const CardCheckbox = ({ className, labelGroup, descriptionGroup, isRequired, options, onChange, type = "vertical", error, ...inputProps }) => {
     const componentClassName = getComponentClassName("af-card-checkbox__container", className);
     const checkboxGroupClassName = getComponentClassName("af-card-checkbox-group", className, type);
@@ -13,3 +16,7 @@ export const CardCheckbox = ({ className, labelGroup, descriptionGroup, isRequir
     return (_jsxs("fieldset", { className: componentClassName, children: [labelGroup ? (_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { children: [labelGroup, isRequired ? _jsx("span", { "aria-hidden": true, children: "\u00A0*" }) : null] }), descriptionGroup ? (_jsx("p", { className: "af-card-checkbox__description", children: descriptionGroup })) : null] })) : null, _jsxs("div", { className: "af-card-checkbox__choices", children: [_jsx("ul", { className: checkboxGroupClassName, children: options.map(({ hasError, ...optionProps }) => (_jsx("li", { children: _jsx(CardCheckboxItem, { ...inputProps, size: size, errorId: errorId, onChange: onChange, hasError: Boolean(error) || hasError, ...optionProps }) }, crypto.randomUUID()))) }), _jsx(ItemMessage, { id: errorId, message: error, messageType: "error" })] })] }));
 };
 CardCheckbox.displayName = "CardCheckbox";
+/**
+ * @deprecated Use `CardCheckbox` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const CheckboxCard = CardCheckbox;

package/dist/Form/Checkbox/Checkbox.d.ts

@@ -1 +1,5 @@
-export { Checkbox } from "@axa-fr/design-system-apollo-react/lf";
+import { Checkbox as ApolloCheckbox } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Checkbox` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Checkbox: typeof ApolloCheckbox;

package/dist/Form/Checkbox/Checkbox.js

@@ -1 +1,5 @@
-export { Checkbox } from "@axa-fr/design-system-apollo-react/lf";
+import { Checkbox as ApolloCheckbox } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Checkbox` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Checkbox = ApolloCheckbox;

package/dist/Form/Checkbox/CheckboxText.d.ts

@@ -1 +1,5 @@
-export { CheckboxText } from "@axa-fr/design-system-apollo-react/lf";
+import { CheckboxText as ApolloCheckboxText } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `CheckboxText` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const CheckboxText: typeof ApolloCheckboxText;

package/dist/Form/Checkbox/CheckboxText.js

@@ -1 +1,5 @@
-export { CheckboxText } from "@axa-fr/design-system-apollo-react/lf";
+import { CheckboxText as ApolloCheckboxText } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `CheckboxText` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const CheckboxText = ApolloCheckboxText;

package/dist/Form/Dropdown/Dropdown.d.ts

@@ -1 +1,9 @@
-export { Dropdown } from "@axa-fr/design-system-apollo-react/lf";
+import { Dropdown as ApolloDropdown } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Dropdown` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Dropdown: typeof ApolloDropdown;
+/**
+ * @deprecated Use `Dropdown` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Select: typeof ApolloDropdown;

package/dist/Form/Dropdown/Dropdown.js

@@ -1 +1,9 @@
-export { Dropdown } from "@axa-fr/design-system-apollo-react/lf";
+import { Dropdown as ApolloDropdown } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Dropdown` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Dropdown = ApolloDropdown;
+/**
+ * @deprecated Use `Dropdown` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Select = ApolloDropdown;

package/dist/Form/FileUpload/FileUpload.d.ts

@@ -27,6 +27,9 @@ type Props = Omit<ComponentPropsWithRef<"input">, "required"> & {
     onView?: (id: string) => void;
     onDelete?: (id: string) => void;
 };
+/**
+ * @deprecated Use `FileUpload` from apollo/lf package instead.
+ */
 declare const FileUpload: {
     ({ id, label, buttonLabel, instructions, dropzoneDescription, filesListLabel, required, files, errors, globalError, isMobile, withPadding, onView, onDelete, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/Form/FileUpload/FileUpload.js

@@ -18,6 +18,9 @@ function getReadableFileSizeString(fileSizeInBytes) {
     } while (fileSizeInBytesCopy > 1000);
     return Math.max(fileSizeInBytesCopy, 0.1).toFixed(1) + byteUnits[i];
 }
+/**
+ * @deprecated Use `FileUpload` from apollo/lf package instead.
+ */
 const FileUpload = ({ id, label, buttonLabel, instructions, dropzoneDescription, filesListLabel, required, files, errors, globalError, isMobile, withPadding = false, onView, onDelete, ...otherProps }) => {
     const idError = useId();
     const getIcon = (isInError, isLoading) => {

package/dist/Form/InputDate/InputDate.d.ts

@@ -1 +1,9 @@
-export { InputDate } from "@axa-fr/design-system-apollo-react/lf";
+import { InputDate as ApolloInputDate } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `InputDate` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const InputDate: typeof ApolloInputDate;
+/**
+ * @deprecated Use `InputDate` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const DateInput: typeof ApolloInputDate;

package/dist/Form/InputDate/InputDate.js

@@ -1 +1,9 @@
-export { InputDate } from "@axa-fr/design-system-apollo-react/lf";
+import { InputDate as ApolloInputDate } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `InputDate` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const InputDate = ApolloInputDate;
+/**
+ * @deprecated Use `InputDate` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const DateInput = ApolloInputDate;

package/dist/Form/InputError/InputError.d.ts

@@ -3,5 +3,8 @@ type InputErrorProps = {
     message: string;
     id?: string;
 };
+/**
+ * @deprecated Use `ItemMessage` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const InputError: ({ message, id }: InputErrorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Form/InputError/InputError.js

@@ -2,4 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import errorIcon from "@material-symbols/svg-400/outlined/error.svg";
 import "@axa-fr/design-system-look-and-feel-css/dist/Form/InputError/InputError.scss";
 import { Svg } from "../../Svg";
+/**
+ * @deprecated Use `ItemMessage` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const InputError = ({ message, id }) => (_jsxs("div", { className: "af-input-error", children: [_jsx(Svg, { src: errorIcon, className: "af-input-error__icon" }), _jsx("span", { id: id, "aria-live": "assertive", className: "af-input-error__message", children: message })] }));

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

@@ -1 +1,9 @@
-export { TextInput } from "@axa-fr/design-system-apollo-react/lf";
+import { InputText as ApolloInputText } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `TextInput` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const TextInput: typeof ApolloInputText;
+/**
+ * @deprecated Use `TextInput` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const InputText: typeof ApolloInputText;

package/dist/Form/InputText/InputText.js

@@ -1 +1,9 @@
-export { TextInput } from "@axa-fr/design-system-apollo-react/lf";
+import { InputText as ApolloInputText } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `TextInput` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const TextInput = ApolloInputText;
+/**
+ * @deprecated Use `TextInput` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const InputText = ApolloInputText;

package/dist/Form/ItemFile/ItemFile.d.ts

@@ -1 +1,5 @@
-export { ItemFile } from "@axa-fr/design-system-apollo-react/lf";
+import { ItemFile as ApolloItemFile } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ItemFile` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const ItemFile: typeof ApolloItemFile;

package/dist/Form/ItemFile/ItemFile.js

@@ -1 +1,5 @@
-export { ItemFile } from "@axa-fr/design-system-apollo-react/lf";
+import { ItemFile as ApolloItemFile } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ItemFile` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const ItemFile = ApolloItemFile;

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

@@ -1 +1,5 @@
-export { ItemLabel } from "@axa-fr/design-system-apollo-react/lf";
+import { ItemLabel as ApolloItemLabel } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ItemLabel` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const ItemLabel: typeof ApolloItemLabel;

package/dist/Form/ItemLabel/ItemLabel.js

@@ -1 +1,5 @@
-export { ItemLabel } from "@axa-fr/design-system-apollo-react/lf";
+import { ItemLabel as ApolloItemLabel } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ItemLabel` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const ItemLabel = ApolloItemLabel;

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

@@ -1 +1,5 @@
-export { ItemMessage } from "@axa-fr/design-system-apollo-react/lf";
+import { ItemMessage as ApolloItemMessage } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ItemMessage` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const ItemMessage: typeof ApolloItemMessage;

package/dist/Form/ItemMessage/ItemMessage.js

@@ -1 +1,5 @@
-export { ItemMessage } from "@axa-fr/design-system-apollo-react/lf";
+import { ItemMessage as ApolloItemMessage } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `ItemMessage` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const ItemMessage = ApolloItemMessage;

package/dist/Form/Radio/Radio.d.ts

@@ -1 +1,5 @@
-export { Radio } from "@axa-fr/design-system-apollo-react/lf";
+import { Radio as ApolloRadio } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Radio` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Radio: typeof ApolloRadio;

package/dist/Form/Radio/Radio.js

@@ -1 +1,5 @@
-export { Radio } from "@axa-fr/design-system-apollo-react/lf";
+import { Radio as ApolloRadio } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Radio` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Radio = ApolloRadio;

package/dist/Form/Radio/RadioCard.d.ts

@@ -11,7 +11,17 @@ export type CardRadioProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     options: TCardRadioItemOption[];
     error?: string;
 };
+/**
+ * @deprecated Use `CardRadio` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const RadioCard: {
     ({ className, labelGroup, descriptionGroup, isRequired, options, type, error, name, value, onChange, ...inputProps }: CardRadioProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * @deprecated Use `CardRadio` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const CardRadio: {
+    ({ className, labelGroup, descriptionGroup, isRequired, options, type, error, name, value, onChange, ...inputProps }: CardRadioProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Form/Radio/RadioCard.js

@@ -4,6 +4,9 @@ import { ItemMessage } from "@axa-fr/design-system-apollo-react/lf";
 import { BREAKPOINT, getComponentClassName, useIsSmallScreen, } from "../../utilities";
 import { CardRadioItem } from "./CardRadioItem";
 import "@axa-fr/design-system-look-and-feel-css/dist/Form/RadioCard/RadioCard.scss";
+/**
+ * @deprecated Use `CardRadio` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const RadioCard = ({ className, labelGroup, descriptionGroup, isRequired, options, type = "vertical", error, name, value, onChange, ...inputProps }) => {
     const componentClassName = getComponentClassName("af-card-radio__container", className);
     const RadioGroupClassName = getComponentClassName("af-card-radio-group", className, type);
@@ -18,3 +21,7 @@ export const RadioCard = ({ className, labelGroup, descriptionGroup, isRequired,
                         : undefined, ...inputProps, ...cardRadioItemProps }, `${name ?? cardRadioId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessage, { id: errorId, message: error, messageType: "error" })] }));
 };
 RadioCard.displayName = "RadioCard";
+/**
+ * @deprecated Use `CardRadio` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const CardRadio = RadioCard;

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

@@ -1 +1,5 @@
-export { TextArea } from "@axa-fr/design-system-apollo-react/lf";
+import { TextArea as ApolloTextArea } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `TextArea` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const TextArea: typeof ApolloTextArea;

package/dist/Form/TextArea/TextArea.js

@@ -1 +1,5 @@
-export { TextArea } from "@axa-fr/design-system-apollo-react/lf";
+import { TextArea as ApolloTextArea } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `TextArea` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const TextArea = ApolloTextArea;

package/dist/Form/core/FieldForm.js

@@ -139,6 +139,7 @@ export const FieldForm = ({ children, message = null, messageType = MessageTypes
         setState,
         setStateMemoryFn,
     ]);
+    // for particular case on particular browers which does not throw onFocus or onBlur event
     const onChange = () => onChangeByStateFn(setState, state?.hasChange);
     const onBlur = () => setState(setStateOnBlurFn());
     const onFocus = () => setState(setStateOnFocusFn({ message, messageType }));

package/dist/Form/core/getComponentClassName.js

@@ -13,6 +13,7 @@ const listClassModifier = (classModifier) => {
 };
 export const getComponentClassName = (className, classModifier, defaultClassName) => {
     const classNameToUse = className || defaultClassName;
+    // Fail fast, when no className or defaultClassName we don't want to loop on modifier
     if (!classNameToUse) {
         return "";
     }

package/dist/Grid/DebugGrid.d.ts

@@ -1 +1,5 @@
-export { DebugGrid } from "@axa-fr/design-system-apollo-react/lf";
+import { DebugGrid as ApolloDebugGrid } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `DebugGrid` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const DebugGrid: typeof ApolloDebugGrid;

package/dist/Grid/DebugGrid.js

@@ -1 +1,5 @@
-export { DebugGrid } from "@axa-fr/design-system-apollo-react/lf";
+import { DebugGrid as ApolloDebugGrid } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `DebugGrid` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const DebugGrid = ApolloDebugGrid;

package/dist/Heading/Heading.d.ts

@@ -1 +1,9 @@
-export { Heading, type HeadingLevel, } from "@axa-fr/design-system-apollo-react/lf";
+import { Heading as ApolloHeading, type HeadingLevel as ApolloHeadingLevel } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Heading` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Heading: typeof ApolloHeading;
+/**
+ * @deprecated Use `HeadingLevel` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type HeadingLevel = ApolloHeadingLevel;

package/dist/Heading/Heading.js

@@ -1 +1,5 @@
-export { Heading, } from "@axa-fr/design-system-apollo-react/lf";
+import { Heading as ApolloHeading, } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Heading` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Heading = ApolloHeading;

package/dist/Icon/Icon.d.ts

@@ -1 +1,30 @@
-export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "@axa-fr/design-system-apollo-react/lf";
+import { Icon as ApolloIcon, type IconVariants as ApolloIconVariants, type IconSizeVariants as apolloIconSizeVariants } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Icon` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Icon: typeof ApolloIcon;
+/**
+ * @deprecated Use `iconVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const iconVariants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly disabled: "disabled";
+};
+/**
+ * @deprecated Use `IconVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type IconVariants = ApolloIconVariants;
+/**
+ * @deprecated Use `iconSizeVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const iconSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+    readonly XS: "extra-small";
+};
+/**
+ * @deprecated Use `IconSizeVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type IconSizeVariants = apolloIconSizeVariants;

package/dist/Icon/Icon.js

@@ -1 +1,13 @@
-export { Icon, iconVariants, iconSizeVariants, } from "@axa-fr/design-system-apollo-react/lf";
+import { Icon as ApolloIcon, iconVariants as apolloIconVariants, iconSizeVariants as ApolloIconSizeVariants, } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Icon` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const Icon = ApolloIcon;
+/**
+ * @deprecated Use `iconVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const iconVariants = apolloIconVariants;
+/**
+ * @deprecated Use `iconSizeVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export const iconSizeVariants = ApolloIconSizeVariants;

package/dist/IconBg/IconBg.d.ts

@@ -5,5 +5,8 @@ type IconBgProps = {
     classModifier?: string;
     children: ReactNode;
 };
+/**
+ * @deprecated Use `Icon` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const IconBg: ({ children, className, classModifier, isDisabled, }: IconBgProps) => import("react/jsx-runtime").JSX.Element;
 export {};