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

package/dist/IconBg/IconBg.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { getComponentClassName } from "../utilities";
+/**
+ * @deprecated Use `Icon` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const IconBg = ({ children, className, classModifier, isDisabled = false, }) => {
     const componentClassName = useMemo(() => {
         let newClassModifier = classModifier;

package/dist/ItemTabBar/ItemTabBar.d.ts

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

package/dist/ItemTabBar/ItemTabBar.js

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

package/dist/Layout/Footer/Footer.d.ts

@@ -1,2 +1,9 @@
-export { Footer } from "@axa-fr/design-system-apollo-react/lf";
-export type { FooterProps } from "@axa-fr/design-system-apollo-react/lf";
+import { Footer as ApolloFooter, type FooterProps as ApolloFooterProps } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Footer` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Footer: typeof ApolloFooter;
+/**
+ * @deprecated Use `FooterProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type FooterProps = ApolloFooterProps;

package/dist/Layout/Footer/Footer.js

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

package/dist/Link/Link.d.ts

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

package/dist/Link/Link.js

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

package/dist/List/ClickItem/ClickItem.d.ts

@@ -1,2 +1,5 @@
 import type { TClickItem } from "./types";
+/**
+ * @deprecated Use `ClickItem` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const ClickItem: ({ children, icon, parentClickComponent: ClickComponent, isDisabled, disabled, className, classModifier, actionIcon, ...otherProps }: TClickItem) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/ClickItem.helpers.d.ts

@@ -1,3 +1,6 @@
 import type { ComponentProps, ComponentType, ElementType } from "react";
 import type { TParentClickComponentProps } from "./types";
+/**
+ * @deprecated Use `ClickItem` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const createClickItemParent: <TComponent extends ElementType>(Wrapper: ComponentType<TComponent> | TComponent, wrapperProps: ComponentProps<TComponent>) => ({ children, ...clickItemProps }: TParentClickComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/ClickItem.helpers.js

@@ -1,4 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `ClickItem` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const createClickItemParent = (Wrapper, wrapperProps) => {
     const ClickItemWrapper = ({ children, ...clickItemProps }) => (_jsx(Wrapper, { ...wrapperProps, ...clickItemProps, children: children }));
     return ClickItemWrapper;

package/dist/List/ClickItem/ClickItem.js

@@ -3,6 +3,9 @@ import chevron from "@material-symbols/svg-400/outlined/chevron_right.svg";
 import { useMemo } from "react";
 import { Svg } from "../../Svg";
 import { getComponentClassName } from "../../utilities";
+/**
+ * @deprecated Use `ClickItem` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const ClickItem = ({ children, icon, parentClickComponent: ClickComponent = ({ children: parentClickComponentChildren, ...parentClickComponentProps }) => (_jsx("button", { type: "button", ...parentClickComponentProps, children: parentClickComponentChildren })), isDisabled = false, disabled = isDisabled, className, classModifier = "", actionIcon = _jsx(Svg, { src: chevron, "aria-hidden": true }), ...otherProps }) => {
     const componentClassName = useMemo(() => getComponentClassName("af-click-item", className, `${classModifier}${disabled ? " disabled" : ""}`), [className, classModifier, disabled]);
     return (_jsxs(ClickComponent, { className: componentClassName, disabled: disabled, ...otherProps, children: [_jsxs("div", { className: "af-click-item__content", children: [icon ? _jsx("div", { className: "af-click-item__icon", children: icon }) : null, _jsx("div", { className: "af-click-item__label", children: children })] }), _jsx("div", { className: "af-click-item__action", children: actionIcon })] }));

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

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

package/dist/List/ContentItemDuo/ContentItemDuo.js

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

package/dist/Message/Message.d.ts

@@ -1,2 +1,13 @@
-export { Message, messageVariants, } from "@axa-fr/design-system-apollo-react/lf";
-export type { MessageVariants } from "@axa-fr/design-system-apollo-react/lf";
+import { Message as ApolloMessage, type MessageVariants as ApolloMessageVariantsType } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Message` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Message: typeof ApolloMessage;
+/**
+ * @deprecated Use `messageVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const messageVariants: Record<ApolloMessageVariantsType, ApolloMessageVariantsType>;
+/**
+ * @deprecated Use `MessageVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type MessageVariants = ApolloMessageVariantsType;

package/dist/Message/Message.js

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

package/dist/Modal/Modal.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { type ModalCoreProps } from "./ModalCore";
 import { type ModalCoreHeaderProps } from "./components/ModalCoreHeader";
+/**
+ * @deprecated Use `ModalProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export type ModalProps = Omit<ModalCoreProps, "onOutsideTap" | "title"> & ModalCoreHeaderProps & {
     onSubmit?: (event: React.MouseEvent | React.KeyboardEvent) => void;
     submitTitle?: string;
@@ -8,5 +11,8 @@ export type ModalProps = Omit<ModalCoreProps, "onOutsideTap" | "title"> & ModalC
     submitDisabled?: boolean;
     cancelDisabled?: boolean;
 };
+/**
+ * @deprecated Use `Modal` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDialogElement>>;
 export { Modal };

package/dist/Modal/Modal.js

@@ -5,6 +5,9 @@ import { Button } from "../Button/Button";
 import { ModalCoreHeader, } from "./components/ModalCoreHeader";
 import { ModalCoreBody } from "./components/ModalCoreBody";
 import { ModalCoreFooter } from "./components/ModalCoreFooter";
+/**
+ * @deprecated Use `Modal` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 const Modal = forwardRef(({ children, title, submitTitle, cancelTitle, className, onCancel, onSubmit, closeButtonAriaLabel, cancelDisabled, submitDisabled, subtitle, iconTitle, levelTitle, ...props }, ref) => (_jsxs(ModalCore, { className: className, onOutsideTap: onCancel, title: title, ref: ref, ...props, children: [_jsx(ModalCoreHeader, { title: title, subtitle: subtitle, iconTitle: iconTitle, levelTitle: levelTitle, onCancel: onCancel, closeButtonAriaLabel: closeButtonAriaLabel }), _jsx(ModalCoreBody, { children: children }), _jsxs(ModalCoreFooter, { children: [cancelTitle ? (_jsx(Button, { variant: "secondary", onClick: onCancel, disabled: cancelDisabled, children: cancelTitle })) : null, onSubmit && submitTitle ? (_jsx(Button, { variant: "primary", onClick: onSubmit, disabled: submitDisabled, children: submitTitle })) : null] })] })));
 Modal.displayName = "Modal";
 export { Modal };

package/dist/Modal/ModalCore.d.ts

@@ -1,5 +1,8 @@
 import { type ReactNode } from "react";
 import "@axa-fr/design-system-look-and-feel-css/dist/Modal/Modal.scss";
+/**
+ * @deprecated Use `ModalCoreProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export type ModalCoreProps = React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> & {
     className?: string;
     title: string;
@@ -7,5 +10,8 @@ export type ModalCoreProps = React.DetailedHTMLProps<React.DialogHTMLAttributes<
     children: ReactNode;
     ref?: React.Ref<HTMLDialogElement>;
 };
+/**
+ * @deprecated Use `ModalCore` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 declare const ModalCore: import("react").ForwardRefExoticComponent<Omit<ModalCoreProps, "ref"> & import("react").RefAttributes<HTMLDialogElement>>;
 export { ModalCore };

package/dist/Modal/ModalCore.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import "@axa-fr/design-system-look-and-feel-css/dist/Modal/Modal.scss";
-const ModalCore = forwardRef(({ className, title = "", onOutsideTap, children, ...props }, ref) => (_jsx("dialog", { "aria-label": title, className: ["af-modal", className].filter(Boolean).join(" "), onClick: onOutsideTap, ref: ref, ...props, children: _jsx("div", { className: "af-modal__dialog", onClick: (e) => e.stopPropagation(), children: _jsx("div", { className: "af-modal__content", children: children }) }) })));
+/**
+ * @deprecated Use `ModalCore` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+const ModalCore = forwardRef(({ className, title = "", onOutsideTap, children, ...props }, ref) => (
+// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
+_jsx("dialog", { "aria-label": title, className: ["af-modal", className].filter(Boolean).join(" "), onClick: onOutsideTap, ref: ref, ...props, children: _jsx("div", { className: "af-modal__dialog", onClick: (e) => e.stopPropagation(), children: _jsx("div", { className: "af-modal__content", children: children }) }) })));
 ModalCore.displayName = "ModalCore";
 export { ModalCore };

package/dist/Modal/components/ModalCoreBody.d.ts

@@ -1,2 +1,8 @@
+/**
+ * @deprecated Use `ModalCoreBodyProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export type ModalCoreBodyProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * @deprecated Use `ModalCoreBody` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const ModalCoreBody: ({ children, className, ...otherProps }: ModalCoreBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Modal/components/ModalCoreBody.js

@@ -1,2 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `ModalCoreBody` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const ModalCoreBody = ({ children, className, ...otherProps }) => (_jsx("section", { className: ["af-modal__body", className].filter(Boolean).join(" "), ...otherProps, children: children }));

package/dist/Modal/components/ModalCoreFooter.d.ts

@@ -1,2 +1,8 @@
+/**
+ * @deprecated Use `ModalCoreFooterProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export type ModalCoreFooterProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * @deprecated Use `ModalCoreFooter` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const ModalCoreFooter: ({ className, ...rest }: ModalCoreFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Modal/components/ModalCoreFooter.js

@@ -1,2 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `ModalCoreFooter` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const ModalCoreFooter = ({ className, ...rest }) => (_jsx("footer", { className: ["af-modal__footer", className].filter(Boolean).join(" "), ...rest }));

package/dist/Modal/components/ModalCoreHeader.d.ts

@@ -1,5 +1,8 @@
 import type { HTMLAttributes, MouseEvent, KeyboardEvent } from "react";
 import type { TitleLevel } from "../../Title";
+/**
+ * @deprecated Use `ModalCoreHeaderProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export type ModalCoreHeaderProps = HTMLAttributes<HTMLDivElement> & {
     className?: string;
     title: string;
@@ -9,4 +12,7 @@ export type ModalCoreHeaderProps = HTMLAttributes<HTMLDivElement> & {
     onCancel: (event: MouseEvent | KeyboardEvent) => void;
     closeButtonAriaLabel?: string;
 };
+/**
+ * @deprecated Use `ModalCoreHeader` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const ModalCoreHeader: ({ className, title, subtitle, iconTitle, levelTitle, onCancel, closeButtonAriaLabel, ...props }: ModalCoreHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Modal/components/ModalCoreHeader.js

@@ -2,6 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import closeSmall from "@material-symbols/svg-400/outlined/close.svg";
 import { Button } from "../../Button/Button";
 import { Svg } from "../../Svg";
+/**
+ * @deprecated Use `ModalCoreHeader` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const ModalCoreHeader = ({ className, title, subtitle, iconTitle, levelTitle = 2, onCancel, closeButtonAriaLabel = "Fermer la boite de dialogue", ...props }) => {
     const HLevel = `h${levelTitle}`;
     return (_jsxs("header", { className: ["af-modal__header", className].filter(Boolean).join(" "), ...props, children: [_jsx(Button, { variant: "ghost", iconLeft: _jsx(Svg, { src: closeSmall, width: 32, height: 32, role: "graphics-document" }), "aria-label": closeButtonAriaLabel, onClick: onCancel }), _jsxs("div", { className: "af-modal__header-title", children: [iconTitle ? (_jsx(Svg, { src: iconTitle, width: 32, height: 32, role: "graphics-document" })) : null, _jsx(HLevel, { className: "af-modal__header-title-heading", children: title }), subtitle ? (_jsx("span", { className: "af-modal__header-title-subtitle", children: subtitle })) : null] })] }));

package/dist/ProgressBar/ProgressBar.d.ts

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

package/dist/ProgressBar/ProgressBar.js

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

package/dist/ProgressBarGroup/ProgressBarGroup.d.ts

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

package/dist/ProgressBarGroup/ProgressBarGroup.js

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

package/dist/Skeleton/Skeleton.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/no-array-index-key */
 import "@axa-fr/design-system-look-and-feel-css/dist/Skeleton/Skeleton.scss";
 export const Skeleton = ({ className = "af-skeleton", grid = [], ariaBusy = true, ariaLabel = "Chargement", maxCols = 12, colGap = 16, rowGap = 8, isLoading = true, children, }) => isLoading ? (_jsx("div", { className: `${className}-container`, "aria-label": ariaLabel, role: "status", "aria-live": "polite", "aria-busy": ariaBusy, style: {
         "--max-cols": maxCols,

package/dist/Spinner/Spinner.d.ts

@@ -1,2 +1,17 @@
-export { Spinner, spinnerVariants, } from "@axa-fr/design-system-apollo-react/lf";
-export type { SpinnerVariants } from "@axa-fr/design-system-apollo-react/lf";
+import { Spinner as ApolloSpinner, type SpinnerVariants as ApolloSpinnerVariants } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Spinner` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Spinner: typeof ApolloSpinner;
+/**
+ * @deprecated Use `spinnerVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const spinnerVariants: {
+    readonly blue: "blue";
+    readonly gray: "gray";
+    readonly white: "white";
+};
+/**
+ * @deprecated Use `SpinnerVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type SpinnerVariants = ApolloSpinnerVariants;

package/dist/Spinner/Spinner.js

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

package/dist/Stepper/Stepper.d.ts

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

package/dist/Stepper/Stepper.js

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

package/dist/Svg/Svg.d.ts

@@ -3,5 +3,8 @@ type SvgProps = SVGAttributes<SVGSVGElement> & {
     src: string;
     alt?: string;
 };
+/**
+ * @deprecated Use `Svg` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const Svg: ({ src, alt, width, height, ...props }: SvgProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Svg/Svg.js

@@ -7,6 +7,9 @@ const cloneAttributes = (from, to) => {
         to.setAttribute(attribute, from.getAttribute(attribute));
     });
 };
+/**
+ * @deprecated Use `Svg` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
     const rootRef = useRef(null);
     const [hasError, setHasError] = useState(false);
@@ -14,6 +17,7 @@ export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
         if (hasError) {
             setHasError(false);
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [src]);
     useLayoutEffect(() => {
         if (hasError) {
@@ -25,6 +29,8 @@ export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
             const svg = document.createElement("svg");
             parent.appendChild(svg);
             cloneAttributes(root, svg);
+            // Default SVG size was 24px with @material-design-icons/svg. With @material-symbols/svg-400 this is now 48px (with no native way to change it)
+            // In order not to break existing CSS, we manually set the default value back to 24px
             svg.setAttribute("width", width.toString());
             svg.setAttribute("height", height.toString());
             svgInjector(svg, {

package/dist/TabBar/TabBar.d.ts

@@ -1 +1,20 @@
-export { TabBar, type TabBarProps, tabBarDirection, type TabBarDirection, } from "@axa-fr/design-system-apollo-react/lf";
+import { TabBar as ApolloTabBar, type TabBarProps as ApolloTabBarProps, type TabBarDirection as ApolloTabBarDirection } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `TabBar` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const TabBar: typeof ApolloTabBar;
+/**
+ * @deprecated Use `TabBarProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type TabBarProps = ApolloTabBarProps;
+/**
+ * @deprecated Use `tabBarDirection` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const tabBarDirection: {
+    readonly center: "center";
+    readonly left: "left";
+};
+/**
+ * @deprecated Use `TabBarDirection` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type TabBarDirection = ApolloTabBarDirection;

package/dist/TabBar/TabBar.js

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

package/dist/Tabs/Tabs.d.ts

@@ -1,8 +1,14 @@
 import "@axa-fr/design-system-look-and-feel-css/dist/Tabs/Tabs.scss";
 import { ReactNode } from "react";
+/**
+ * @deprecated Use `tabBarDirection` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare enum Direction {
     center = "center"
 }
+/**
+ * @deprecated Use `TabBarProps` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 type TabsProps = {
     items: {
         title: string;
@@ -12,5 +18,8 @@ type TabsProps = {
     preSelectedTabIndex?: number;
     direction?: Direction;
 };
+/**
+ * @deprecated Use `TabBar` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const TabsClient: ({ items, preSelectedTabIndex, direction, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Tabs/Tabs.js

@@ -2,10 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-look-and-feel-css/dist/Tabs/Tabs.scss";
 import classNames from "classnames";
 import { useCallback, useRef, useState } from "react";
+/**
+ * @deprecated Use `tabBarDirection` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export var Direction;
 (function (Direction) {
     Direction["center"] = "center";
 })(Direction || (Direction = {}));
+/**
+ * @deprecated Use `TabBar` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const TabsClient = ({ items, preSelectedTabIndex, direction, }) => {
     const [selectedTabIndex, setSelectedTabIndex] = useState(preSelectedTabIndex || 0);
     const buttonRefs = useRef([]);

package/dist/Tag/Tag.d.ts

@@ -1,2 +1,19 @@
-export { Tag, tagVariants } from "@axa-fr/design-system-apollo-react/lf";
-export type { TagVariants } from "@axa-fr/design-system-apollo-react/lf";
+import { Tag as ApolloTag, type TagVariants as ApolloTagVariants } from "@axa-fr/design-system-apollo-react/lf";
+/**
+ * @deprecated Use `Tag` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const Tag: typeof ApolloTag;
+/**
+ * @deprecated Use `tagVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export declare const tagVariants: {
+    readonly info: "info";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly error: "error";
+    readonly neutral: "neutral";
+};
+/**
+ * @deprecated Use `TagVariants` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
+export type TagVariants = ApolloTagVariants;

package/dist/Tag/Tag.js

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

package/dist/TimelineVertical/TimelineVertical.d.ts

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

package/dist/TimelineVertical/TimelineVertical.js

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

package/dist/Title/Title.d.ts

@@ -10,5 +10,8 @@ type TitleProps = {
     size?: TitleSize;
     level?: TitleLevel;
 };
+/**
+ * @deprecated Use `Heading` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare const Title: ({ children: title, className, classModifier, firstSubtitle, icon, secondSubtitle, size, level, }: TitleProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Title/Title.js

@@ -4,6 +4,9 @@ import { IconBg } from "..";
 import { getComponentClassName } from "../utilities";
 import { TitleSize } from "./constants";
 import { TitleWithSubtitles } from "./TitleWithSubtitles";
+/**
+ * @deprecated Use `Heading` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export const Title = ({ children: title, className, classModifier, firstSubtitle, icon, secondSubtitle, size = TitleSize.XL, level = size === TitleSize.L ? 2 : 1, }) => {
     const componentClassName = useMemo(() => getComponentClassName("af-title", className, classModifier ? `${classModifier} ${size}` : size), [classModifier, className, size]);
     const TitleWithSubtitlesPart = useCallback(({ ...args }) => (_jsx(TitleWithSubtitles, { title: title, firstSubtitle: firstSubtitle, level: level, ...args })), [title, firstSubtitle, level]);

package/dist/Title/constants.d.ts

@@ -1,5 +1,11 @@
+/**
+ * @deprecated Use `Heading` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export declare enum TitleSize {
     XL = "xl",
     L = "l"
 }
+/**
+ * @deprecated Use `Heading` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export type TitleLevel = 1 | 2 | 3 | 4 | 5 | 6;

package/dist/Title/constants.js

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Use `Heading` from `@axa-fr/design-system-apollo-react/lf` instead.
+ */
 export var TitleSize;
 (function (TitleSize) {
     TitleSize["XL"] = "xl";

package/dist/Toggle/Toggle.d.ts

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

package/dist/Toggle/Toggle.js

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