@axa-fr/design-system-apollo-react 3.2.0 → 4.0.0-alpha.1090

package/dist/ProgressBarGroup/ProgressBarGroupLF.js

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

package/dist/ProgressBarGroup/useSequentialProgress.d.ts

@@ -1,20 +0,0 @@
-/**
- * useSequentialProgress
- *
- * A custom React hook to manage the animated progress values for a multi-step progress bar (stepper).
- *
- * This hook returns an array of numbers (between 0 and 1) representing the fill percentage of each progress bar step.
- * It animates the transition between steps, smoothly updating the progress values when the current step or percentage changes.
- *
- * @param stepPercentage - The completion percentage (between 0 and 1) of the current step.
- * @param currentStepIndex - The index (starting from 0) of the current step.
- * @param steps - The total number of steps in the progress bar.
- * @param duration - (Optional) Animation duration in milliseconds for each update (default: 750ms).
- *
- * @returns number[] - An array of progress values for each step (0 = empty, 1 = full, value between 0 and 1 = partial).
- *
- * Example usage:
- *   const progressValues = useSequentialProgress(0.5, 1, 3);
- *   // progressValues might be: [1, 0.5, 0]
- */
-export declare const useSequentialProgress: (stepPercentage: number, currentStepIndex: number, steps: number, duration?: number) => number[];

package/dist/ProgressBarGroup/useSequentialProgress.js

@@ -1,80 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-const getProgressValues = (currentStepIndex, stepPercentage, steps) => {
-    const values = Array(steps).fill(0);
-    for (let i = 0; i < steps; i++) {
-        if (i < currentStepIndex) {
-            values[i] = 1;
-        }
-        else if (i === currentStepIndex) {
-            values[i] = stepPercentage;
-            break;
-        }
-    }
-    return values;
-};
-/**
- * useSequentialProgress
- *
- * A custom React hook to manage the animated progress values for a multi-step progress bar (stepper).
- *
- * This hook returns an array of numbers (between 0 and 1) representing the fill percentage of each progress bar step.
- * It animates the transition between steps, smoothly updating the progress values when the current step or percentage changes.
- *
- * @param stepPercentage - The completion percentage (between 0 and 1) of the current step.
- * @param currentStepIndex - The index (starting from 0) of the current step.
- * @param steps - The total number of steps in the progress bar.
- * @param duration - (Optional) Animation duration in milliseconds for each update (default: 750ms).
- *
- * @returns number[] - An array of progress values for each step (0 = empty, 1 = full, value between 0 and 1 = partial).
- *
- * Example usage:
- *   const progressValues = useSequentialProgress(0.5, 1, 3);
- *   // progressValues might be: [1, 0.5, 0]
- */
-export const useSequentialProgress = (stepPercentage, currentStepIndex, steps, duration = 750) => {
-    const [progressValues, setProgressValues] = useState(getProgressValues(currentStepIndex, stepPercentage, steps));
-    const currentAnimationStep = useRef(currentStepIndex + stepPercentage);
-    const timeoutRef = useRef(null);
-    const animate = useCallback(() => {
-        const targetStep = currentStepIndex + stepPercentage;
-        if (currentAnimationStep.current === targetStep) {
-            return;
-        }
-        const diff = targetStep - currentAnimationStep.current;
-        if (!Number.isInteger(currentAnimationStep.current) &&
-            Math.floor(currentAnimationStep.current) !== currentStepIndex) {
-            currentAnimationStep.current =
-                diff > 0
-                    ? Math.ceil(currentAnimationStep.current)
-                    : Math.floor(currentAnimationStep.current);
-        }
-        else if (Math.abs(diff) > 1) {
-            currentAnimationStep.current += Number(Math.sign(diff)) * 1;
-        }
-        else if (Math.abs(diff) > 0) {
-            currentAnimationStep.current = targetStep;
-        }
-        setProgressValues(getProgressValues(Math.floor(currentAnimationStep.current), currentAnimationStep.current - Math.floor(currentAnimationStep.current), steps));
-        timeoutRef.current = setTimeout(animate, duration);
-    }, [currentStepIndex, duration, stepPercentage, steps]);
-    // Reset the array and animation if the number of steps changes
-    useEffect(() => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
-        setProgressValues(getProgressValues(currentStepIndex, stepPercentage, steps));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [steps]);
-    // Animate only when currentStepIndex or stepPercentage changes
-    useEffect(() => {
-        animate();
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [stepPercentage, currentStepIndex]);
-    return progressValues;
-};

package/dist/Spinner/SpinnerApollo.d.ts

@@ -1,2 +0,0 @@
-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 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerApollo.css";
-export { Spinner, spinnerVariants, } from "./SpinnerCommon";

package/dist/Spinner/SpinnerCommon.d.ts

@@ -1,17 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export declare const spinnerVariants: {
-    readonly blue: "blue";
-    readonly gray: "gray";
-    readonly white: "white";
-};
-export type SpinnerVariants = keyof typeof spinnerVariants;
-export type SpinnerProps = {
-    size?: 24 | 32 | 40;
-    variant?: SpinnerVariants;
-    text?: string;
-} & ComponentPropsWithoutRef<"div">;
-declare const Spinner: {
-    ({ size, variant, text, className, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Spinner };

package/dist/Spinner/SpinnerCommon.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const spinnerVariants = {
-    blue: "blue",
-    gray: "gray",
-    white: "white",
-};
-const DEFAULT_CLASSNAME = "af-spinner";
-const Spinner = ({ size = 40, variant = "blue", text = "Chargement en cours", className, ...props }) => (_jsx("div", { role: "alert", ...props, "aria-busy": true, "aria-label": text, "aria-live": "assertive", className: [
-        DEFAULT_CLASSNAME,
-        `${DEFAULT_CLASSNAME}--${variant}`,
-        `${DEFAULT_CLASSNAME}--${size}`,
-        className,
-    ]
-        .filter(Boolean)
-        .join(" "), style: {
-        "--spinner-size": size,
-    } }));
-Spinner.displayName = "Spinner";
-export { Spinner };

package/dist/Spinner/SpinnerLF.d.ts

@@ -1,2 +0,0 @@
-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 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerLF.css";
-export { Spinner, spinnerVariants, } from "./SpinnerCommon";

package/dist/Stepper/StepperApollo.d.ts

@@ -1,3 +0,0 @@
-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 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperApollo.css";
-import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupApollo";
-import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));

package/dist/Stepper/StepperCommon.d.ts

@@ -1,18 +0,0 @@
-import { ComponentType, type HTMLAttributes } from "react";
-import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
-import { type ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
-export type StepperProps = {
-    currentStepProgress?: number;
-    currentStep: number;
-    currentSubtitle?: string;
-    currentTitle?: string;
-    nbSteps?: 3 | 4 | 5 | 6 | 7 | 8;
-    helper?: string;
-    message?: string;
-    messageType?: ItemMessageProps["messageType"];
-    titleLevel?: 1 | 2 | 3;
-} & Omit<HTMLAttributes<HTMLDivElement>, "role">;
-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,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, } from "react";
-import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
-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 +0,0 @@
-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 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Stepper/StepperLF.css";
-import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupLF";
-import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));

package/dist/Svg/Svg.d.ts

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

package/dist/Svg/Svg.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Svg/Svg.css";
-import React from "react";
-import { svgInjector } from "./svgInjector";
-const cloneAttributes = (from, to) => {
-    const attributes = from.getAttributeNames();
-    attributes.forEach((attribute) => {
-        to.setAttribute(attribute, from.getAttribute(attribute));
-    });
-};
-/**
- * @deprecated Use Icon instead
- */
-export const Svg = ({ className, src, alt, width = 24, height = 24, ...props }) => {
-    const rootRef = React.useRef(null);
-    const [hasError, setHasError] = React.useState(false);
-    React.useLayoutEffect(() => {
-        if (hasError) {
-            setHasError(false);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [src]);
-    React.useLayoutEffect(() => {
-        if (hasError) {
-            return;
-        }
-        const root = rootRef.current;
-        if (root) {
-            const parent = document.createElement("div");
-            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, {
-                afterEach: (error, svgInject) => {
-                    if (error) {
-                        setHasError(true);
-                    }
-                    if (svgInject) {
-                        root.innerHTML = svgInject.innerHTML;
-                        cloneAttributes(svgInject, root);
-                    }
-                },
-            });
-        }
-    }, [src, width, height, hasError]);
-    if (hasError) {
-        return alt ? (_jsx("span", { ...props, children: alt })) : null;
-    }
-    return (_jsx("svg", { ref: rootRef, className: ["af-svg", className].filter(Boolean).join(" "), "data-src": src, width: width, height: height, ...props }));
-};

package/dist/Svg/svgInjector.d.ts

@@ -1,12 +0,0 @@
-import { type AfterAll, type BeforeEach, type Errback, type EvalScripts } from "@tanem/svg-injector";
-type Options = {
-    afterAll?: AfterAll;
-    afterEach?: Errback;
-    beforeEach?: BeforeEach;
-    cacheRequests?: boolean;
-    evalScripts?: EvalScripts;
-    httpRequestWithCredentials?: boolean;
-    renumerateIRIElements?: boolean;
-};
-export declare const svgInjector: (element: HTMLElement | SVGSVGElement | null, { beforeEach, ...options }?: Options) => void;
-export {};

package/dist/Svg/svgInjector.js

@@ -1,31 +0,0 @@
-import { SVGInjector, } from "@tanem/svg-injector";
-import DOMPurify from "dompurify";
-const attributesToRestore = ["fill", "stroke"];
-const restoreAttributes = (element, svg) => {
-    const attributes = {};
-    element?.getAttributeNames().forEach((attribute) => {
-        if (attribute.startsWith("aria-") ||
-            attributesToRestore.includes(attribute)) {
-            attributes[attribute] = element.getAttribute(attribute);
-        }
-    });
-    Object.keys(attributes).forEach((attribute) => {
-        svg.setAttribute(attribute, attributes[attribute]);
-    });
-};
-export const svgInjector = (element, { beforeEach = () => { }, ...options } = {}) => {
-    if (!element) {
-        return;
-    }
-    SVGInjector(element, {
-        ...options,
-        beforeEach: (svg) => {
-            DOMPurify.sanitize(svg, {
-                USE_PROFILES: { svg: true, svgFilters: true },
-                IN_PLACE: true,
-            });
-            restoreAttributes(element, svg);
-            beforeEach(svg);
-        },
-    });
-};

package/dist/TabBar/TabBarApollo.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/TabBar/TabBarApollo.css";
-import { type TabBarProps } from "./TabBarCommon";
-export { tabBarDirection, type TabBarProps, type TabBarDirection, } from "./TabBarCommon";
-export declare const TabBar: (props: TabBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TabBar/TabBarApollo.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/TabBar/TabBarApollo.css";
-import { ItemTabBar } from "../ItemTabBar/ItemTabBarApollo";
-import { TabBarCommon } from "./TabBarCommon";
-export { tabBarDirection, } from "./TabBarCommon";
-export const TabBar = (props) => (_jsx(TabBarCommon, { ...props, ItemTabBarComponent: ItemTabBar }));

package/dist/TabBar/TabBarCommon.d.ts

@@ -1,19 +0,0 @@
-import { ComponentProps, ComponentType, ReactNode } from "react";
-import { ItemTabBar, type ItemTabBarProps } from "../ItemTabBar/ItemTabBarCommon";
-export declare const tabBarDirection: {
-    readonly center: "center";
-    readonly left: "left";
-};
-export type TabBarDirection = keyof typeof tabBarDirection;
-export type TabBarProps = {
-    items: ({
-        content: ReactNode;
-    } & Omit<ItemTabBarProps, "content">)[];
-    preSelectedTabIndex?: number;
-    direction?: TabBarDirection;
-};
-type TabBarPropsCommon = TabBarProps & {
-    ItemTabBarComponent: ComponentType<ComponentProps<typeof ItemTabBar>>;
-};
-export declare const TabBarCommon: ({ items, preSelectedTabIndex, direction, ItemTabBarComponent, }: TabBarPropsCommon) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/TabBar/TabBarCommon.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState, } from "react";
-import classNames from "classnames";
-export const tabBarDirection = {
-    center: "center",
-    left: "left",
-};
-const CLASS_NAME = "af-tabbar";
-export const TabBarCommon = ({ items, preSelectedTabIndex, direction = "left", ItemTabBarComponent, }) => {
-    const [selectedTabIndex, setSelectedTabIndex] = useState(preSelectedTabIndex || 0);
-    const buttonRefs = useRef([]);
-    const tablistRef = useRef(null);
-    const totalTabs = items.length;
-    const isActive = (index) => index === selectedTabIndex;
-    const onChangeTab = useCallback((e) => {
-        const firstTabIndex = 0;
-        const lastTabIndex = totalTabs - 1;
-        const goToNextTab = (nextTabIndex) => {
-            setSelectedTabIndex(nextTabIndex);
-            buttonRefs.current[nextTabIndex].focus();
-            e.stopPropagation();
-            e.preventDefault();
-        };
-        switch (e.key) {
-            case "ArrowRight":
-                goToNextTab(selectedTabIndex < lastTabIndex
-                    ? selectedTabIndex + 1
-                    : firstTabIndex);
-                break;
-            case "ArrowLeft":
-                goToNextTab(selectedTabIndex > firstTabIndex
-                    ? selectedTabIndex - 1
-                    : lastTabIndex);
-                break;
-            case "Home":
-                goToNextTab(firstTabIndex);
-                break;
-            case "End":
-                goToNextTab(lastTabIndex);
-                break;
-            default:
-                break;
-        }
-    }, [selectedTabIndex, totalTabs]);
-    return (_jsxs("div", { className: classNames(CLASS_NAME, direction === tabBarDirection.center ? `${CLASS_NAME}--center` : ""), children: [_jsx("div", { role: "tablist", ref: tablistRef, children: items.map(({ title }, index) => (_jsx(ItemTabBarComponent, { id: `tab-${index}`, "aria-selected": isActive(index), "aria-controls": `tabpanel-${index}`, onKeyDown: onChangeTab, onClick: () => setSelectedTabIndex(index), ref: (element) => {
-                        buttonRefs.current[index] = element;
-                    }, tabIndex: isActive(index) ? 0 : -1, title: title }, `tab-${title}`))) }), items.map((item, index) => (_jsx("div", { role: "tabpanel", "aria-hidden": !isActive(index), id: `tabpanel-${index}`, "aria-labelledby": `tab-${index}`, children: item.content }, `tabpanel-${item.title}`)))] }));
-};

package/dist/TabBar/TabBarLF.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/TabBar/TabBarLF.css";
-import { type TabBarProps } from "./TabBarCommon";
-export { tabBarDirection, type TabBarProps, type TabBarDirection, } from "./TabBarCommon";
-export declare const TabBar: (props: TabBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TabBar/TabBarLF.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/TabBar/TabBarLF.css";
-import { ItemTabBar } from "../ItemTabBar/ItemTabBarLF";
-import { TabBarCommon } from "./TabBarCommon";
-export { tabBarDirection, } from "./TabBarCommon";
-export const TabBar = (props) => (_jsx(TabBarCommon, { ...props, ItemTabBarComponent: ItemTabBar }));

package/dist/Tag/TagApollo.d.ts

@@ -1,2 +0,0 @@
-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 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Tag/TagApollo.css";
-export { Tag, tagVariants } from "./TagCommon";

package/dist/Tag/TagCommon.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentProps } from "react";
-export declare const tagVariants: {
-    readonly info: "info";
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly error: "error";
-    readonly neutral: "neutral";
-};
-export type TagVariants = keyof typeof tagVariants;
-export type TagProps = ComponentProps<"div"> & {
-    variant?: TagVariants;
-};
-export declare const Tag: ({ children, className, variant, ...divProps }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Tag/TagCommon.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
-export const tagVariants = {
-    info: "info",
-    success: "success",
-    warning: "warning",
-    error: "error",
-    neutral: "neutral",
-};
-export const Tag = ({ children, className, variant = "info", ...divProps }) => {
-    const componentClassName = useMemo(() => getComponentClassName("af-tag", className, variant), [className, variant]);
-    return (_jsx("div", { className: componentClassName, ...divProps, children: _jsx("span", { className: "af-tag__label", children: children }) }));
-};

package/dist/Tag/TagLF.d.ts

@@ -1,2 +0,0 @@
-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 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Tag/TagLF.css";
-export { Tag, tagVariants } from "./TagCommon";

package/dist/TimelineVertical/TimelineVerticalApollo.d.ts

@@ -1,4 +0,0 @@
-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 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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

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

package/dist/TimelineVertical/TimelineVerticalCommon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
-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 +0,0 @@
-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 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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/TimelineVertical/types.d.ts

@@ -1,5 +0,0 @@
-import { TagProps } from "../Tag/TagCommon";
-import type { TimelineVerticalProps as TimelineVerticalCommonProps } from "./TimelineVerticalCommon";
-export type TimelineVerticalProps = TimelineVerticalCommonProps & {
-    tagProps?: Omit<TagProps, "children">;
-};

package/dist/TimelineVertical/types.js

@@ -1 +0,0 @@
-export {};

package/dist/Toggle/ToggleApollo.d.ts

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

package/dist/Toggle/ToggleApollo.js

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

package/dist/Toggle/ToggleCommon.d.ts

@@ -1,3 +0,0 @@
-import { type InputHTMLAttributes } from "react";
-export type ToggleProps = Omit<InputHTMLAttributes<HTMLInputElement>, "style" | "type">;
-export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Toggle/ToggleCommon.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
-export const Toggle = forwardRef(({ className, ...inputProps }, ref) => {
-    let inputId = useId();
-    inputId = inputProps.id ?? inputId;
-    return (_jsxs("label", { className: getComponentClassName("af-toggle", className), htmlFor: inputId, children: [_jsx("div", { className: "af-toggle__root", children: _jsx("span", { className: "af-toggle__handle" }) }), _jsx("input", { ...inputProps, ref: ref, type: "checkbox", id: inputId })] }));
-});
-Toggle.displayName = "Toggle";

package/dist/Toggle/ToggleLF.d.ts

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

package/dist/Toggle/ToggleLF.js

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

package/dist/index.d.ts

@@ -1,56 +0,0 @@
-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";
-export { BasePicture } from "./BasePicture/BasePicture";
-export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
-export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
-export { ClickIcon } from "./ClickIcon/ClickIconApollo";
-export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
-export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
-export { DataAgent } from "./DataAgent/DataAgentApollo";
-export { Divider } from "./Divider/DividerApollo";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
-export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
-export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
-export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
-export { Dropdown } from "./Form/Dropdown/DropdownApollo";
-export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadApollo";
-export { InputFile } from "./Form/FileUpload/InputFile/InputFileApollo";
-export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileApollo";
-export { InputDate } from "./Form/InputDate/InputDateApollo";
-export { type OptionType } from "./Form/InputPhone/InputPhone.types";
-export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
-export { InputText } from "./Form/InputText/InputTextApollo";
-export { InputTextAtom } from "./Form/InputTextAtom/InputTextAtomApollo";
-export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./Form/ItemMessage/ItemMessageApollo";
-export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
-export { CardRadioOption } from "./Form/Radio/CardRadioOption/CardRadioOptionApollo";
-export { Radio } from "./Form/Radio/Radio/RadioApollo";
-export { TextArea } from "./Form/TextArea/TextAreaApollo";
-export { DebugGrid } from "./Grid/DebugGridApollo";
-export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
-export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconApollo";
-export { ItemTabBar, type ItemTabBarProps, } from "./ItemTabBar/ItemTabBarApollo";
-export { Footer, type FooterProps } from "./Layout/Footer/FooterApollo";
-export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
-export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemApollo";
-export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
-export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";
-export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
-export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
-export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
-export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
-export { Stepper } from "./Stepper/StepperApollo";
-export { Svg } from "./Svg/Svg";
-export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./TabBar/TabBarApollo";
-export { Tag, tagVariants, type TagVariants } from "./Tag/TagApollo";
-export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
-export { Toggle } from "./Toggle/ToggleApollo";
-export { Pagination } from "./Pagination/PaginationApollo";
-export { ItemPagination, type ItemPaginationProps, } from "./Pagination/ItemPagination/ItemPaginationApollo";