@axa-fr/canopee-react 2.0.0-alpha.53 → 2.0.0-alpha.54

package/dist/prospect-client/Stepper/StepperApollo.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Stepper/StepperApollo.css";
+import { Heading } from "../Heading/HeadingApollo";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupApollo";
 import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading }));

package/dist/prospect-client/Stepper/StepperCommon.d.ts

@@ -1,18 +1,23 @@
-import { type ComponentType, type HTMLAttributes } from "react";
+import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
 import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
 import { type ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
+import type { HeadingCommonProps } from "../Heading/HeadingCommon";
+import type { HeadingLevel } from "../Heading/types";
 export type StepperProps = {
     currentStepProgress?: number;
     currentStep: number;
-    currentSubtitle?: string;
-    currentTitle?: string;
+    currentSubtitle?: ReactNode;
+    currentTitle?: ReactNode;
     nbSteps?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
     helper?: string;
+    icon?: string;
+    iconProps?: HeadingCommonProps["iconProps"];
     message?: string;
     messageType?: ItemMessageProps["messageType"];
-    titleLevel?: 1 | 2 | 3;
-} & Omit<HTMLAttributes<HTMLDivElement>, "role">;
+    titleLevel?: HeadingLevel;
+} & Omit<HTMLAttributes<HTMLDivElement>, "role" | "title">;
 export type StepperCommonProps = StepperProps & {
     ProgressBarGroupComponent: ComponentType<ProgressBarGroupProps>;
+    HeadingComponent: ComponentType<HeadingCommonProps>;
 };
-export declare const StepperCommon: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType, titleLevel, ...props }: StepperCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperCommon: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, helper, icon, iconProps, message, messageType, titleLevel, ...props }: StepperCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Stepper/StepperCommon.js

@@ -2,8 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
 import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
 import {} from "../ProgressBarGroup/ProgressBarGroupCommon";
-export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType = "success", titleLevel = 2, ...props }) => {
+export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, helper, icon, iconProps, 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 })] }));
+    return (_jsxs("div", { className: "af-stepper", ...props, tabIndex: undefined, children: [_jsx("div", { className: "af-stepper__header", id: titleId, children: _jsx(HeadingComponent, { level: titleLevel, icon: icon, iconProps: iconProps, firstSubtitle: currentSubtitle, children: currentTitle }) }), _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/prospect-client/Stepper/StepperLF.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Stepper/StepperLF.css";
+import { Heading } from "../Heading/HeadingLF";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupLF";
 import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.53",
+  "version": "2.0.0-alpha.54",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -53,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "2.0.0-alpha.53",
+    "@axa-fr/canopee-css": "2.0.0-alpha.54",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"