@axa-fr/design-system-apollo-react 2.0.4-alpha.20 → 2.0.4-alpha.74

package/dist/Modal/ModalLF.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Modal/ModalLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Modal/ModalLF.css";
 import type { ModalProps } from "./types";
 export { ModalCore, type ModalCoreProps } from "./components/ModalCore";
 export { ModalCoreBody, type ModalCoreBodyProps, } from "./components/ModalCoreBody";

package/dist/Modal/ModalLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Modal/ModalLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Modal/ModalLF.css";
 import { forwardRef } from "react";
 import { Button } from "../Button/ButtonLF";
 import { Heading } from "../Heading/HeadingLF";

package/dist/ProgressBar/ProgressBarApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarApollo.css";
 export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBar/ProgressBarApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarApollo.css";
 export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBar/ProgressBarLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarLF.css";
 export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBar/ProgressBarLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBar/ProgressBarLF.css";
 export { ProgressBar } from "./ProgressBarCommon";

package/dist/ProgressBarGroup/ProgressBarGroupApollo.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupApollo.css";
 import { ProgressBarGroupProps } from "./ProgressBarGroupCommon";
-export declare const ProgressBarGroup: (props: Omit<ProgressBarGroupProps, "ProgressBarComponent">) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBarGroup: (props: ProgressBarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBarGroup/ProgressBarGroupApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupApollo.css";
 import { ProgressBar } from "../ProgressBar/ProgressBarApollo";
-import { ProgressBarGroup as ProgressBarGroupCommon, } from "./ProgressBarGroupCommon";
-export const ProgressBarGroup = (props) => _jsx(ProgressBarGroupCommon, { ...props, ProgressBarComponent: ProgressBar });
+import { ProgressBarGroupCommon, } from "./ProgressBarGroupCommon";
+export const ProgressBarGroup = (props) => (_jsx(ProgressBarGroupCommon, { ...props, ProgressBarComponent: ProgressBar }));

package/dist/ProgressBarGroup/ProgressBarGroupCommon.d.ts

@@ -10,6 +10,9 @@ export type ProgressBarGroupProps = {
     stepsCount?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
     max?: number;
     className?: string;
-    ProgressBarComponent: ComponentType<ComponentProps<typeof ProgressBar>>;
 } & Omit<ComponentProps<"ol">, "children" | "className">;
-export declare const ProgressBarGroup: ({ currentStepProgress, max, nbSteps, stepsCount, currentStep, className, ProgressBarComponent, ...props }: ProgressBarGroupProps) => import("react/jsx-runtime").JSX.Element;
+type ProgressBarGroupCommonProps = ProgressBarGroupProps & {
+    ProgressBarComponent: ComponentType<ComponentProps<typeof ProgressBar>>;
+};
+export declare const ProgressBarGroupCommon: ({ currentStepProgress, max, nbSteps, stepsCount, currentStep, className, ProgressBarComponent, ...props }: ProgressBarGroupCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ProgressBarGroup/ProgressBarGroupCommon.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from "classnames";
 import { useId } from "react";
 import { useSequentialProgress } from "./useSequentialProgress";
-export const ProgressBarGroup = ({ currentStepProgress = 0, max = 100, nbSteps = 4, stepsCount = nbSteps, currentStep, className, ProgressBarComponent, ...props }) => {
+export const ProgressBarGroupCommon = ({ currentStepProgress = 0, max = 100, nbSteps = 4, stepsCount = nbSteps, currentStep, className, ProgressBarComponent, ...props }) => {
     const stepperId = useId();
     const progressValues = useSequentialProgress(currentStepProgress / max, currentStep, stepsCount);
     return (_jsx("ol", { className: classNames("af-progress-bar-group", className), ...props, children: progressValues.map((value, index) => (_jsx("li", { className: "af-progress-bar-group__item", children: _jsx(ProgressBarComponent, { value: value, "aria-hidden": true }) }, `af-progress-bar-group__item--${stepperId}-${index}`))) }));

package/dist/ProgressBarGroup/ProgressBarGroupLF.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupLF.css";
 import { ProgressBarGroupProps } from "./ProgressBarGroupCommon";
-export declare const ProgressBarGroup: (props: Omit<ProgressBarGroupProps, "ProgressBarComponent">) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBarGroup: (props: ProgressBarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBarGroup/ProgressBarGroupLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/ProgressBarGroup/ProgressBarGroupLF.css";
 import { ProgressBar } from "../ProgressBar/ProgressBarLF";
-import { ProgressBarGroup as ProgressBarGroupCommon, } from "./ProgressBarGroupCommon";
-export const ProgressBarGroup = (props) => _jsx(ProgressBarGroupCommon, { ...props, ProgressBarComponent: ProgressBar });
+import { ProgressBarGroupCommon, } from "./ProgressBarGroupCommon";
+export const ProgressBarGroup = (props) => (_jsx(ProgressBarGroupCommon, { ...props, ProgressBarComponent: ProgressBar }));

package/dist/Spinner/SpinnerApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerApollo.css";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./SpinnerCommon";

package/dist/Spinner/SpinnerApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerApollo.css";
 export { Spinner, spinnerVariants, } from "./SpinnerCommon";

package/dist/Spinner/SpinnerLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerLF.css";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./SpinnerCommon";

package/dist/Spinner/SpinnerLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerLF.css";
 export { Spinner, spinnerVariants, } from "./SpinnerCommon";

package/dist/Stepper/StepperApollo.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperApollo.scss";
-import { StepperProps } from "./StepperCommon";
-export declare const Stepper: (props: Omit<StepperProps, "ProgressBarGroupComponent">) => import("react/jsx-runtime").JSX.Element;
+import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperApollo.css";
+import { type StepperProps } from "./StepperCommon";
+export declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Stepper/StepperApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperApollo.css";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupApollo";
-import { Stepper as StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => _jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup });
+import { StepperCommon } from "./StepperCommon";
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));

package/dist/Stepper/StepperCommon.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType, type HTMLAttributes } from "react";
 import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
-import { ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
+import { type ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
 export type StepperProps = {
     currentStepProgress?: number;
     currentStep: number;
@@ -11,6 +11,8 @@ export type StepperProps = {
     message?: string;
     messageType?: ItemMessageProps["messageType"];
     titleLevel?: 1 | 2 | 3;
-    ProgressBarGroupComponent: ComponentType<Omit<ProgressBarGroupProps, "ProgressBarComponent">>;
 } & Omit<HTMLAttributes<HTMLDivElement>, "role">;
-export declare const Stepper: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType, titleLevel, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export type StepperCommonProps = StepperProps & {
+    ProgressBarGroupComponent: ComponentType<ProgressBarGroupProps>;
+};
+export declare const StepperCommon: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType, titleLevel, ...props }: StepperCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Stepper/StepperCommon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
 import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
-export const Stepper = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType = "success", titleLevel = 2, ...props }) => {
+export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType = "success", titleLevel = 2, ...props }) => {
     const titleId = useId();
     const Title = `h${titleLevel}`;
     return (_jsxs("div", { className: "af-stepper", ...props, tabIndex: undefined, children: [_jsxs("div", { className: "af-stepper__header", children: [_jsx(Title, { id: titleId, className: "af-stepper__title", children: currentTitle }), Boolean(currentSubtitle) && (_jsx("p", { className: "af-stepper__subtitle", children: currentSubtitle }))] }), _jsx(ProgressBarGroupComponent, { className: className, currentStep: currentStep, stepsCount: nbSteps, currentStepProgress: currentStepProgress, "aria-labelledby": titleId }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType: messageType })] }));

package/dist/Stepper/StepperLF.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperLF.scss";
-import { StepperProps } from "./StepperCommon";
-export declare const Stepper: (props: Omit<StepperProps, "ProgressBarGroupComponent">) => import("react/jsx-runtime").JSX.Element;
+import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperLF.css";
+import { type StepperProps } from "./StepperCommon";
+export declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Stepper/StepperLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperLF.css";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupLF";
-import { Stepper as StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => _jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup });
+import { StepperCommon } from "./StepperCommon";
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));

package/dist/Tag/TagApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Tag/TagApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagApollo.css";
 export { Tag, type TagVariants, tagVariants } from "./TagCommon";

package/dist/Tag/TagApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Tag/TagApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagApollo.css";
 export { Tag, tagVariants } from "./TagCommon";

package/dist/Tag/TagLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Tag/TagLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagLF.css";
 export { Tag, type TagVariants, tagVariants } from "./TagCommon";

package/dist/Tag/TagLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Tag/TagLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagLF.css";
 export { Tag, tagVariants } from "./TagCommon";

package/dist/TimelineVertical/TimelineVerticalApollo.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalApollo.css";
 import type { TimelineVerticalProps } from "./types";
 export type { TimelineVerticalProps } from "./types";
 export declare const TimelineVertical: ({ tag, tagProps, ...props }: TimelineVerticalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TimelineVertical/TimelineVerticalApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalApollo.scss";
-import { TimelineVertical as TimelineVerticalCommon } from "./TimelineVerticalCommon";
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalApollo.css";
+import { TimelineVerticalCommon } from "./TimelineVerticalCommon";
 import { Tag } from "../Tag/TagApollo";
 export const TimelineVertical = ({ tag, tagProps = {}, ...props }) => (_jsx(TimelineVerticalCommon, { tag: _jsx(Tag, { ...tagProps, children: tag }), ...props }));

package/dist/TimelineVertical/TimelineVerticalCommon.d.ts

@@ -4,4 +4,4 @@ export type TimelineVerticalProps = PropsWithChildren<{
     tag: ReactNode;
     className?: string;
 }>;
-export declare const TimelineVertical: ({ title, children, tag, className, }: TimelineVerticalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineVerticalCommon: ({ title, children, tag, className, }: TimelineVerticalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TimelineVertical/TimelineVerticalCommon.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
-export const TimelineVertical = ({ title, children, tag, className, }) => (_jsxs("section", { className: classNames("af-timeline-vertical", className), children: [_jsxs("header", { className: "af-timeline-vertical__header", children: [tag, _jsx("h4", { className: "af-timeline-vertical__title", children: title })] }), Boolean(children) && (_jsx("main", { className: "af-timeline-vertical__description", children: children }))] }));
+export const TimelineVerticalCommon = ({ title, children, tag, className, }) => (_jsxs("section", { className: classNames("af-timeline-vertical", className), children: [_jsxs("header", { className: "af-timeline-vertical__header", children: [tag, _jsx("h4", { className: "af-timeline-vertical__title", children: title })] }), Boolean(children) && (_jsx("main", { className: "af-timeline-vertical__description", children: children }))] }));

package/dist/TimelineVertical/TimelineVerticalLF.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalLF.css";
 import type { TimelineVerticalProps } from "./types";
 export type { TimelineVerticalProps } from "./types";
 export declare const TimelineVertical: ({ tag, tagProps, ...props }: TimelineVerticalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TimelineVertical/TimelineVerticalLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalLF.scss";
-import { TimelineVertical as TimelineVerticalCommon } from "./TimelineVerticalCommon";
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalLF.css";
+import { TimelineVerticalCommon } from "./TimelineVerticalCommon";
 import { Tag } from "../Tag/TagLF";
 export const TimelineVertical = ({ tag, tagProps = {}, ...props }) => (_jsx(TimelineVerticalCommon, { tag: _jsx(Tag, { ...tagProps, children: tag }), ...props }));

package/dist/Toggle/ToggleApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleApollo.css";
 export { Toggle } from "./ToggleCommon";

package/dist/Toggle/ToggleApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleApollo.css";
 export { Toggle } from "./ToggleCommon";

package/dist/Toggle/ToggleLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleLF.css";
 export { Toggle } from "./ToggleCommon";

package/dist/Toggle/ToggleLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleLF.css";
 export { Toggle } from "./ToggleCommon";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
-import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
-import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
+import "@axa-fr/design-system-apollo-css/dist/common/reboot.css";
+import "@axa-fr/design-system-apollo-css/dist/common/tokens.css";
+import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, type AccordionVariants, } from "./Accordion/AccordionApollo";
 export { AccordionCore } from "./AccordionCore/AccordionCoreApollo";

package/dist/index.js

@@ -1,6 +1,6 @@
-import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
-import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
-import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
+import "@axa-fr/design-system-apollo-css/dist/common/reboot.css";
+import "@axa-fr/design-system-apollo-css/dist/common/tokens.css";
+import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, } from "./Accordion/AccordionApollo";
 export { AccordionCore } from "./AccordionCore/AccordionCoreApollo";

package/dist/indexLF.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
+import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.css";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@fontsource/source-sans-pro";

package/dist/indexLF.js

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
+import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.css";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@fontsource/source-sans-pro";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "2.0.4-alpha.20",
+  "version": "2.0.4-alpha.74",
   "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": "2.0.4-alpha.20",
-    "@axa-fr/design-system-look-and-feel-css": "2.0.4-alpha.20",
+    "@axa-fr/design-system-apollo-css": "2.0.4-alpha.74",
+    "@axa-fr/design-system-look-and-feel-css": "2.0.4-alpha.74",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },