@axa-fr/design-system-apollo-react 1.0.3-ci.138 → 1.0.5-alpha.243

package/dist/Link/LinkApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.scss";
+export { Link, linkVariants } from "./LinkCommon";

package/dist/Link/LinkCommon.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, type ReactNode } from "react";
+export declare const linkVariants: {
+    readonly default: "default";
+    readonly underline: "underline";
+    readonly inverse: "inverse";
+};
+export type LinkVariants = keyof typeof linkVariants;
+type LinkProps = {
+    variant?: LinkVariants;
+    openInNewTab?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    className?: string;
+    classModifier?: string;
+} & ComponentPropsWithoutRef<"a">;
+export declare const Link: ({ href, variant, openInNewTab, leftIcon, rightIcon, children, className, classModifier, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Link/LinkCommon.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import openInNew from "@material-symbols/svg-400/outlined/open_in_new.svg";
+import { useMemo, } from "react";
+import { Svg } from "../Svg/Svg";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const linkVariants = {
+    default: "default",
+    underline: "underline",
+    inverse: "inverse",
+};
+export const Link = ({ href, variant = "underline", openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
+    const newTabProps = openInNewTab && {
+        target: "_blank",
+        rel: "noopener noreferrer",
+    };
+    const componentClassName = useMemo(() => getComponentClassName("af-link", className, `${classModifier}${!className && openInNewTab ? " openInNewTab" : ""} ${variant}`), [classModifier, className, openInNewTab, variant]);
+    return (_jsxs("a", { className: componentClassName, href: href, ...newTabProps, ...props, children: [leftIcon, children, (openInNewTab || Boolean(rightIcon)) &&
+                (rightIcon ?? _jsx(Svg, { src: openInNew }))] }));
+};

package/dist/Link/LinkLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.scss";
+export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/Link/LinkLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.scss";
+export { Link, linkVariants } from "./LinkCommon";

package/dist/Message/MessageApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageApollo.scss";
+export { Message, messageVariants, type MessageVariants, } from "./MessageCommon";

package/dist/Message/MessageApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageApollo.scss";
+export { Message, messageVariants, } from "./MessageCommon";

package/dist/Message/MessageCommon.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentPropsWithoutRef, type PropsWithChildren, type ReactElement } from "react";
+import { Button } from "../Button/ButtonCommon";
+import { Link } from "../Link/LinkCommon";
+type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
+export declare const messageVariants: {
+    readonly validation: "validation";
+    readonly error: "error";
+    readonly warning: "warning";
+    readonly information: "information";
+    readonly neutral: "neutral";
+};
+export type MessageVariants = keyof typeof messageVariants;
+export type MessageProps = {
+    variant: MessageVariants;
+    title?: string;
+    action?: ReactElement<typeof Link | typeof Button>;
+    iconSize?: number;
+    heading?: Headings;
+} & ComponentPropsWithoutRef<"div">;
+export declare const Message: ({ variant, className, title, children, action, iconSize, heading: Heading, }: PropsWithChildren<MessageProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Message/MessageCommon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import validationIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
+import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
+import warningIcon from "@material-symbols/svg-400/outlined/warning-fill.svg";
+import neutralIcon from "@material-symbols/svg-400/outlined/info-fill.svg";
+import infoIcon from "@material-symbols/svg-400/outlined/emoji_objects-fill.svg";
+import { useMemo, } from "react";
+import { Svg } from "../Svg/Svg";
+export const messageVariants = {
+    validation: "validation",
+    error: "error",
+    warning: "warning",
+    information: "information",
+    neutral: "neutral",
+};
+const getIconFromType = (variant) => ({
+    [messageVariants.validation]: validationIcon,
+    [messageVariants.error]: errorIcon,
+    [messageVariants.neutral]: neutralIcon,
+    [messageVariants.warning]: warningIcon,
+    [messageVariants.information]: infoIcon,
+})[variant] || infoIcon;
+export const Message = ({ variant = messageVariants.information, className, title, children, action, iconSize = 24, heading: Heading = "h4", }) => {
+    const icon = useMemo(() => getIconFromType(variant), [variant]);
+    return (_jsxs("div", { className: ["af-message", `af-message--${variant}`, className]
+            .filter(Boolean)
+            .join(" "), role: "alert", children: [_jsx(Svg, { src: icon, width: iconSize, height: iconSize, className: "af-message__icon", role: "presentation" }), _jsxs("div", { className: "af-message__content", children: [title && _jsx(Heading, { className: "af-message__title", children: title }), children, action && _jsx("div", { className: "af-message__action", children: action })] })] }));
+};

package/dist/Message/MessageLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageLF.scss";
+export { Message, messageVariants, type MessageVariants, } from "./MessageCommon";

package/dist/Message/MessageLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageLF.scss";
+export { Message, messageVariants, } from "./MessageCommon";

package/dist/ProgressBar/ProgressBarApollo.d.ts

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

package/dist/ProgressBar/ProgressBarApollo.js

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

package/dist/ProgressBar/ProgressBarCommon.d.ts

@@ -0,0 +1,5 @@
+export type ProgressBarProps = {
+    value: number;
+    active?: boolean;
+};
+export declare const ProgressBar: ({ value, active, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBar/ProgressBarCommon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const MAX_STEPPER_PROGRESS = 100;
+export const ProgressBar = ({ value = MAX_STEPPER_PROGRESS, active = true, }) => {
+    const clampedValue = Math.max(0, Math.min(value, MAX_STEPPER_PROGRESS));
+    return (_jsx("div", { role: "progressbar", className: "af-progressbar", "aria-valuemin": 0, "aria-valuemax": MAX_STEPPER_PROGRESS, "aria-valuenow": clampedValue, "aria-current": active, "aria-hidden": !active, "aria-label": `Progression : ${clampedValue}%`, children: _jsx("div", { className: "af-progressbar__progress", style: { width: `${clampedValue}%` } }) }));
+};

package/dist/ProgressBar/ProgressBarLF.d.ts

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

package/dist/ProgressBar/ProgressBarLF.js

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

package/dist/ProgressBarGroup/ProgressBarGroupApollo.d.ts

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

package/dist/ProgressBarGroup/ProgressBarGroupApollo.js

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

package/dist/ProgressBarGroup/ProgressBarGroupCommon.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentProps, type ComponentType } from "react";
+import { ProgressBar } from "../ProgressBar/ProgressBarCommon";
+export type ProgressBarGroupProps = {
+    currentStepProgress?: number;
+    currentStep: number;
+    nbSteps?: 3 | 4 | 5 | 6 | 7 | 8;
+    label?: string;
+    className?: string;
+    ProgressBarComponent: ComponentType<ComponentProps<typeof ProgressBar>>;
+};
+export declare const ProgressBarGroup: ({ currentStepProgress, nbSteps, currentStep, label, className, ProgressBarComponent, }: ProgressBarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBarGroup/ProgressBarGroupCommon.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { useId } from "react";
+const INITIAL_STEPPER_PROGRESS = 10;
+const MAX_STEPPER_PROGRESS = 100;
+export const ProgressBarGroup = ({ currentStepProgress = INITIAL_STEPPER_PROGRESS, nbSteps = 4, currentStep, label, className, ProgressBarComponent, }) => {
+    const stepperId = useId();
+    const getCurrentProgress = (index) => {
+        if (index < currentStep) {
+            return MAX_STEPPER_PROGRESS;
+        }
+        if (index === currentStep) {
+            return currentStepProgress || INITIAL_STEPPER_PROGRESS;
+        }
+        return 0;
+    };
+    return (_jsx("div", { id: stepperId, role: "group", "aria-label": label, className: classNames("af-progress-bar-group", className), children: [...Array(nbSteps).keys()].map((index) => (_jsx(ProgressBarComponent, { value: getCurrentProgress(index), active: index === currentStep }, `${stepperId}-${index}`))) }));
+};

package/dist/ProgressBarGroup/ProgressBarGroupLF.d.ts

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

package/dist/ProgressBarGroup/ProgressBarGroupLF.js

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

package/dist/Stepper/StepperApollo.d.ts

@@ -0,0 +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;

package/dist/Stepper/StepperApollo.js

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

package/dist/Stepper/StepperCommon.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, HTMLAttributes } from "react";
+import { 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;
+    ProgressBarGroupComponent: ComponentType<Omit<ProgressBarGroupProps, "ProgressBarComponent">>;
+} & Omit<HTMLAttributes<HTMLDivElement>, "role">;
+export declare const Stepper: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Stepper/StepperCommon.js

@@ -0,0 +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, ...props }) => {
+    const stepperId = useId();
+    return (_jsxs("div", { className: "af-stepper", ...props, children: [_jsxs("div", { className: "af-stepper__header", children: [_jsx("h2", { className: "af-stepper__title", "aria-describedby": stepperId, children: currentTitle }), Boolean(currentSubtitle) && (_jsx("p", { className: "af-stepper__subtitle", children: currentSubtitle }))] }), _jsx(ProgressBarGroupComponent, { label: currentTitle, className: className, currentStep: currentStep, nbSteps: nbSteps, currentStepProgress: currentStepProgress }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType: "success" })] }));
+};

package/dist/Stepper/StepperLF.d.ts

@@ -0,0 +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;

package/dist/Stepper/StepperLF.js

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

package/dist/Tag/TagApollo.d.ts

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

package/dist/Tag/TagApollo.js

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

package/dist/Tag/TagCommon.d.ts

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,14 @@
+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

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

package/dist/Tag/TagLF.js

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

package/dist/TimelineVertical/TimelineVerticalApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalApollo.scss";
+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

@@ -0,0 +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 { 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

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

package/dist/TimelineVertical/TimelineVerticalCommon.js

@@ -0,0 +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 }))] }));

package/dist/TimelineVertical/TimelineVerticalLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalLF.scss";
+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

@@ -0,0 +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 { 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

@@ -0,0 +1,5 @@
+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

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

package/dist/Toggle/ToggleApollo.d.ts

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

package/dist/Toggle/ToggleApollo.js

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

package/dist/Toggle/ToggleCommon.d.ts

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

package/dist/Toggle/ToggleCommon.js

@@ -0,0 +1,9 @@
+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

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

package/dist/Toggle/ToggleLF.js

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

package/dist/index.d.ts

@@ -1,7 +1,27 @@
 import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
+import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
+export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
+export { Tag, type TagVariants, tagVariants } from "./Tag/TagApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
+export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
+export { TextArea } from "./Form/TextArea/TextAreaApollo";
+export { Select } from "./Form/Select/SelectApollo";
+export { TextInput } from "./Form/TextInput/TextInputApollo";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconApollo";
+export { Divider } from "./Divider/DividerApollo";
+export { ClickIcon } from "./ClickIcon/ClickIconApollo";
+export { Toggle } from "./Toggle/ToggleApollo";
+export { BasePicture } from "./BasePicture/BasePictureApollo";
+export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
+export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
+export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
+export { Stepper } from "./Stepper/StepperApollo";
+export { DateInput } from "./Form/DateInput/DateInputApollo";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";

package/dist/index.js

@@ -1,7 +1,27 @@
 import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
+import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, } from "./Button/ButtonApollo";
+export { Link, linkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
+export { Tag, tagVariants } from "./Tag/TagApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
+export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
+export { TextArea } from "./Form/TextArea/TextAreaApollo";
+export { Select } from "./Form/Select/SelectApollo";
+export { TextInput } from "./Form/TextInput/TextInputApollo";
+export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconApollo";
+export { Divider } from "./Divider/DividerApollo";
+export { ClickIcon } from "./ClickIcon/ClickIconApollo";
+export { Toggle } from "./Toggle/ToggleApollo";
+export { BasePicture } from "./BasePicture/BasePictureApollo";
+export { Message, messageVariants, } from "./Message/MessageApollo";
+export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
+export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
+export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
+export { Stepper } from "./Stepper/StepperApollo";
+export { DateInput } from "./Form/DateInput/DateInputApollo";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";

package/dist/indexLF.d.ts

@@ -2,6 +2,25 @@ import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
+export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
+export { Tag, type TagVariants, tagVariants } from "./Tag/TagLF";
 export { DebugGrid } from "./Grid/DebugGrid";
+export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
+export { Select } from "./Form/Select/SelectLF";
+export { TextArea } from "./Form/TextArea/TextAreaLF";
+export { TextInput } from "./Form/TextInput/TextInputLF";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconLF";
+export { Divider } from "./Divider/DividerLF";
+export { ClickIcon } from "./ClickIcon/ClickIconLF";
+export { Toggle } from "./Toggle/ToggleLF";
+export { BasePicture } from "./BasePicture/BasePictureLF";
+export { Message, messageVariants, type MessageVariants, } from "./Message/MessageLF";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageLF";
+export { ProgressBar } from "./ProgressBar/ProgressBarLF";
+export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
+export { Stepper } from "./Stepper/StepperLF";
+export { DateInput } from "./Form/DateInput/DateInputLF";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";

package/dist/indexLF.js

@@ -2,6 +2,25 @@ import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants } from "./Button/ButtonLF";
+export { Link, linkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
+export { Tag, tagVariants } from "./Tag/TagLF";
 export { DebugGrid } from "./Grid/DebugGrid";
+export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
+export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
+export { Select } from "./Form/Select/SelectLF";
+export { TextArea } from "./Form/TextArea/TextAreaLF";
+export { TextInput } from "./Form/TextInput/TextInputLF";
+export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconLF";
+export { Divider } from "./Divider/DividerLF";
+export { ClickIcon } from "./ClickIcon/ClickIconLF";
+export { Toggle } from "./Toggle/ToggleLF";
+export { BasePicture } from "./BasePicture/BasePictureLF";
+export { Message, messageVariants, } from "./Message/MessageLF";
+export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageLF";
+export { ProgressBar } from "./ProgressBar/ProgressBarLF";
+export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
+export { Stepper } from "./Stepper/StepperLF";
+export { DateInput } from "./Form/DateInput/DateInputLF";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";

package/dist/utilities/getComponentClassName.d.ts

@@ -0,0 +1 @@
+export declare const getComponentClassName: (defaultClassName: string, className?: string, classModifier?: string) => string;

package/dist/utilities/getComponentClassName.js

@@ -0,0 +1,26 @@
+import classNames from "classnames";
+const getLastClassName = (defaultClassName) => {
+    if (!defaultClassName) {
+        return null;
+    }
+    return defaultClassName.split(" ").filter(Boolean).at(-1);
+};
+const listClassModifier = (classModifier) => {
+    if (!classModifier) {
+        return [];
+    }
+    return classModifier.split(" ");
+};
+export const getComponentClassName = (defaultClassName, className, classModifier) => {
+    if (!defaultClassName) {
+        return "";
+    }
+    const classWithoutModifier = getLastClassName(defaultClassName);
+    const modifiers = listClassModifier(classModifier);
+    const modifiersObject = modifiers
+        .filter((it) => /\S/.test(it))
+        .map((it) => {
+        return `${classWithoutModifier}--${it}`;
+    });
+    return classNames(defaultClassName, className, modifiersObject);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.3-ci.138",
+  "version": "1.0.5-alpha.243",
   "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": "1.0.3-ci.138",
-    "@axa-fr/design-system-look-and-feel-css": "*",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.243",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.243",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },
@@ -57,7 +57,7 @@
     }
   },
   "dependencies": {
-    "@fontsource/source-sans-pro": "^5.0.8",
+    "@fontsource/source-sans-pro": "^5.2.5",
     "@tanem/svg-injector": "^10.1.68",
     "classnames": "^2.5.1",
     "dompurify": "^3.1.5"