@axa-fr/design-system-look-and-feel-react 1.0.3-alpha.230 → 1.0.3-alpha.238

package/dist/Form/Date/Date.d.ts

@@ -0,0 +1 @@
+export { DateInput } from "@axa-fr/design-system-apollo-react/lf";

package/dist/Form/Date/Date.js

@@ -0,0 +1 @@
+export { DateInput } from "@axa-fr/design-system-apollo-react/lf";

package/dist/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1 @@
+export { ProgressBar } from "@axa-fr/design-system-apollo-react/lf";

package/dist/ProgressBar/ProgressBar.js

@@ -0,0 +1 @@
+export { ProgressBar } from "@axa-fr/design-system-apollo-react/lf";

package/dist/ProgressBarGroup/ProgressBarGroup.d.ts

@@ -0,0 +1 @@
+export { ProgressBarGroup } from "@axa-fr/design-system-apollo-react/lf";

package/dist/ProgressBarGroup/ProgressBarGroup.js

@@ -0,0 +1 @@
+export { ProgressBarGroup } from "@axa-fr/design-system-apollo-react/lf";

package/dist/Stepper/Stepper.d.ts

@@ -1,12 +1 @@
-import "@axa-fr/design-system-look-and-feel-css/dist/Stepper/Stepper.scss";
-import { HTMLAttributes } from "react";
-export type StepperProps = {
-    currentStepProgress?: number;
-    currentStep: number;
-    currentSubtitle?: string;
-    currentTitle?: string;
-    nbSteps: 2 | 3 | 4 | 5 | 6;
-    isTitleVisible?: boolean;
-    isSubtitleVisible?: boolean;
-} & Omit<HTMLAttributes<HTMLDivElement>, "role">;
-export declare const Stepper: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, isTitleVisible, isSubtitleVisible, className, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export { Stepper } from "@axa-fr/design-system-apollo-react/lf";

package/dist/Stepper/Stepper.js

@@ -1,22 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "@axa-fr/design-system-look-and-feel-css/dist/Stepper/Stepper.scss";
-import classNames from "classnames";
-import { useCallback, useId } from "react";
-const INITIAL_STEPPER_PROGRESS = 10;
-const MAX_STEPPER_PROGRESS = 100;
-export const Stepper = ({ currentStepProgress = INITIAL_STEPPER_PROGRESS, currentTitle, nbSteps, currentStep, currentSubtitle, isTitleVisible = true, isSubtitleVisible = true, className, ...props }) => {
-    const stepperId = useId();
-    const getCurrentProgress = useCallback((index) => {
-        if (index < currentStep) {
-            return MAX_STEPPER_PROGRESS;
-        }
-        if (index === currentStep) {
-            if (currentStepProgress === 0) {
-                return INITIAL_STEPPER_PROGRESS;
-            }
-            return currentStepProgress;
-        }
-        return 0;
-    }, [currentStep, currentStepProgress]);
-    return (_jsxs("div", { className: "af-stepper-client", ...props, children: [_jsxs("div", { children: [isTitleVisible && currentTitle && (_jsx("h2", { className: "af-stepper-client__title", "aria-describedby": stepperId, children: currentTitle })), isSubtitleVisible && currentSubtitle && (_jsx("p", { className: "af-stepper-client__subtitle", children: currentSubtitle }))] }), _jsx("div", { id: stepperId, role: "group", "aria-label": currentTitle, className: classNames("af-stepper-client__content", className), children: [...Array(nbSteps).keys()].map((index) => (_jsx("div", { className: "af-stepper-client__progressbar", "aria-current": index === currentStep, "aria-hidden": index !== currentStep, "aria-label": `${getCurrentProgress(index)}%`, children: _jsx("div", { className: "af-stepper-client__progress", style: { width: `${getCurrentProgress(index)}%` } }) }, `${stepperId}-${index}`))) })] }));
-};
+export { Stepper } from "@axa-fr/design-system-apollo-react/lf";

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export { Radio, RadioSelect } from "./Form/Radio";
 export { Select } from "./Form/Select/Select";
 export { TextInput } from "./Form/Text/Text";
 export { TextArea } from "./Form/TextArea/TextArea";
+export { DateInput } from "./Form/Date/Date";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { IconBg } from "./IconBg";
 export { Footer } from "./Layout/Footer/Footer";
@@ -33,7 +34,6 @@ export type { ModalCoreBodyProps, ModalCoreFooterProps, ModalCoreHeaderProps, Mo
 export { Pagination } from "./Pagination/Pagination";
 export { Skeleton } from "./Skeleton/Skeleton";
 export { SkeletonList } from "./SkeletonList/SkeletonList";
-export { Stepper } from "./Stepper/Stepper";
 export { Svg } from "./Svg";
 export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
 export { Tag, tagVariants, type TagVariants } from "./Tag";
@@ -42,3 +42,6 @@ export { ClickIcon } from "./ClickIcon/ClickIcon";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/Icon";
 export { Toggle } from "./Toggle";
 export { BasePicture } from "./BasePicture/BasePicture";
+export { ProgressBar } from "./ProgressBar/ProgressBar";
+export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroup";
+export { Stepper } from "./Stepper/Stepper";

package/dist/index.js

@@ -16,6 +16,7 @@ export { Radio, RadioSelect } from "./Form/Radio";
 export { Select } from "./Form/Select/Select";
 export { TextInput } from "./Form/Text/Text";
 export { TextArea } from "./Form/TextArea/TextArea";
+export { DateInput } from "./Form/Date/Date";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { IconBg } from "./IconBg";
 export { Footer } from "./Layout/Footer/Footer";
@@ -31,7 +32,6 @@ export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } fr
 export { Pagination } from "./Pagination/Pagination";
 export { Skeleton } from "./Skeleton/Skeleton";
 export { SkeletonList } from "./SkeletonList/SkeletonList";
-export { Stepper } from "./Stepper/Stepper";
 export { Svg } from "./Svg";
 export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
 export { Tag, tagVariants } from "./Tag";
@@ -40,3 +40,6 @@ export { ClickIcon } from "./ClickIcon/ClickIcon";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/Icon";
 export { Toggle } from "./Toggle";
 export { BasePicture } from "./BasePicture/BasePicture";
+export { ProgressBar } from "./ProgressBar/ProgressBar";
+export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroup";
+export { Stepper } from "./Stepper/Stepper";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-look-and-feel-react",
-  "version": "1.0.3-alpha.230",
+  "version": "1.0.3-alpha.238",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -47,10 +47,10 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.230",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.238",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18",
-    "@axa-fr/design-system-apollo-react": "1.0.3-alpha.230"
+    "@axa-fr/design-system-apollo-react": "1.0.3-alpha.238"
   },
   "peerDependenciesMeta": {
     "@material-symbols/svg-400": {