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

package/dist/Heading/HeadingWithSubheadings.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from "react";
-import type { HeadingLevel } from "./types";
-type HeadingTextProps = {
-    title: ReactNode;
-    firstSubtitle?: ReactNode;
-    secondSubtitle?: ReactNode;
-    titleComponent?: `h${HeadingLevel}`;
-};
-export declare const HeadingWithSubheadings: ({ title, firstSubtitle, secondSubtitle, titleComponent: TitleComponent, }: HeadingTextProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Heading/HeadingWithSubheadings.js

@@ -1,2 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const HeadingWithSubheadings = ({ title, firstSubtitle, secondSubtitle, titleComponent: TitleComponent = "h1", }) => (_jsxs("hgroup", { className: "af-heading__title-container", children: [_jsx(TitleComponent, { className: "af-heading__title", children: title }), firstSubtitle ? (_jsx("p", { className: "af-heading__subtitle", children: firstSubtitle })) : null, TitleComponent === "h1" && secondSubtitle ? (_jsx("p", { className: "af-heading__subtitle", children: secondSubtitle })) : null] }));

package/dist/Heading/types.d.ts

@@ -1,6 +0,0 @@
-import type { TagProps } from "../Tag/TagCommon";
-import type { HeadingCommonProps } from "./HeadingCommon";
-export type HeadingLevel = 1 | 2 | 3;
-export type HeadingProps = HeadingCommonProps & {
-    tagProps?: Omit<TagProps, "children">;
-};

package/dist/Heading/types.js

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

package/dist/Icon/IconApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.css";
-export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.css";
-export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconCommon.d.ts

@@ -1,21 +0,0 @@
-import { ComponentProps } from "react";
-import { Svg } from "../Svg/Svg";
-export declare const iconVariants: {
-    readonly primary: "primary";
-    readonly secondary: "secondary";
-    readonly disabled: "disabled";
-};
-export type IconVariants = keyof typeof iconVariants;
-export declare const iconSizeVariants: {
-    readonly L: "large";
-    readonly M: "medium";
-    readonly S: "small";
-    readonly XS: "extra-small";
-};
-export type IconSizeVariants = keyof typeof iconSizeVariants;
-export type IconProps = ComponentProps<typeof Svg> & {
-    variant?: IconVariants;
-    size?: IconSizeVariants;
-    hasBackground?: boolean;
-};
-export declare const Icon: ({ variant, size, hasBackground, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Icon/IconCommon.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
-import { Svg } from "../Svg/Svg";
-export const iconVariants = {
-    primary: "primary",
-    secondary: "secondary",
-    disabled: "disabled",
-};
-export const iconSizeVariants = {
-    L: "large",
-    M: "medium",
-    S: "small",
-    XS: "extra-small",
-};
-export const Icon = ({ variant = "primary", size = "S", hasBackground = false, ...props }) => {
-    const componentClassName = useMemo(() => {
-        const newClassModifier = [
-            variant,
-            iconSizeVariants[size],
-            hasBackground && "has-background",
-        ]
-            .filter(Boolean)
-            .join(" ");
-        return getComponentClassName("af-icon", "", newClassModifier);
-    }, [variant, hasBackground, size]);
-    return (_jsx("div", { className: componentClassName, children: _jsx(Svg, { ...props }) }));
-};

package/dist/Icon/IconLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.css";
-export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.css";
-export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/ItemTabBar/ItemTabBarApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.css";
-export { ItemTabBar, type ItemTabBarProps } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.css";
-export { ItemTabBar } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarCommon.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithRef } from "react";
-export type ItemTabBarProps = ComponentPropsWithRef<"button"> & {
-    isActive?: boolean;
-    title: string;
-};
-export declare const ItemTabBar: import("react").ForwardRefExoticComponent<Omit<ItemTabBarProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ItemTabBar/ItemTabBarCommon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
-export const ItemTabBar = forwardRef(({ isActive = false, title, className, ...props }, ref) => {
-    const classNames = getComponentClassName("af-item-tab-bar", className);
-    return (_jsx("button", { ref: ref, type: "button", role: "tab", "aria-selected": isActive, className: classNames, ...props, children: title }));
-});
-ItemTabBar.displayName = "ItemTabBar";

package/dist/ItemTabBar/ItemTabBarLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.css";
-export { ItemTabBar, type ItemTabBarProps } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.css";
-export { ItemTabBar } from "./ItemTabBarCommon";

package/dist/Layout/Footer/DynamicIcons.d.ts

@@ -1,4 +0,0 @@
-export declare const DynamicIcon: ({ iconName, className, }: {
-    iconName: string;
-    className?: string;
-}) => string | import("react/jsx-runtime").JSX.Element;

package/dist/Layout/Footer/DynamicIcons.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import facebook from "@axa-fr/design-system-apollo-css/facebook.svg";
-import linkedin from "@axa-fr/design-system-apollo-css/linkedin.svg";
-import twitterx from "@axa-fr/design-system-apollo-css/twitterx.svg";
-import youtube from "@axa-fr/design-system-apollo-css/youtube.svg";
-import { Svg } from "../../Svg/Svg";
-export const DynamicIcon = ({ iconName, className, }) => {
-    switch (iconName) {
-        case "facebook":
-            return _jsx(Svg, { src: facebook, className: className });
-        case "twitter":
-            return _jsx(Svg, { src: twitterx, className: className });
-        case "youtube":
-            return _jsx(Svg, { src: youtube, className: className });
-        case "linkedin":
-            return _jsx(Svg, { src: linkedin, className: className });
-        default:
-            return iconName;
-    }
-};

package/dist/Layout/Footer/FooterApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterApollo.css";
-export { type FooterProps, Footer } from "./FooterCommon";

package/dist/Layout/Footer/FooterApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterApollo.css";
-export { Footer } from "./FooterCommon";

package/dist/Layout/Footer/FooterCommon.d.ts

@@ -1,10 +0,0 @@
-import { SocialMedia } from "./MenuIcons";
-import { Link } from "./MenuLink";
-export type FooterProps = {
-    links: Link[];
-    socialMedias?: SocialMedia[];
-    copyright: string;
-    expandLinkText: string;
-    id?: string;
-};
-export declare const Footer: ({ links, socialMedias, copyright, expandLinkText, id, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Layout/Footer/FooterCommon.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import expandMore from "@material-symbols/svg-400/outlined/keyboard_arrow_down.svg";
-import classNames from "classnames";
-import { useCallback, useState } from "react";
-import { MenuIcons } from "./MenuIcons";
-import { MenuLink } from "./MenuLink";
-import { Svg } from "../../Svg/Svg";
-export const Footer = ({ links, socialMedias = [], copyright, expandLinkText, id, }) => {
-    const [isAboutOpen, setIsAboutOpen] = useState(false);
-    const handleClick = useCallback(() => {
-        setIsAboutOpen((isOpen) => !isOpen);
-    }, []);
-    return (_jsxs("footer", { role: "contentinfo", id: id, className: "af-footer", children: [_jsxs("div", { className: "af-footer__footerTop", children: [_jsxs("nav", { role: "navigation", className: "af-footer__menuTop", "aria-label": expandLinkText, children: [_jsxs("button", { type: "button", onClick: handleClick, className: "af-footer__menuAboutTrigger", children: [_jsx("span", { className: "af-footer__menuAboutTriggerText", children: expandLinkText }), _jsx(Svg, { src: expandMore, className: classNames("af-footer__icon", "af-footer__iconTrigger", isAboutOpen && "af-footer__iconTrigger--display") })] }), _jsx(MenuLink, { links: links, isAboutOpen: isAboutOpen })] }), _jsx(MenuIcons, { socialMedias: socialMedias })] }), _jsx("div", { className: "af-footer__footerBottom", children: _jsx("div", { className: "af-footer__footerBottomWidth", children: _jsx("span", { className: "af-footer__textCopyright", children: copyright }) }) })] }));
-};

package/dist/Layout/Footer/FooterLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterLF.css";
-export { type FooterProps, Footer } from "./FooterCommon";

package/dist/Layout/Footer/FooterLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterLF.css";
-export { Footer } from "./FooterCommon";

package/dist/Layout/Footer/MenuIcons.d.ts

@@ -1,9 +0,0 @@
-export type SocialMedia = {
-    icon: "facebook" | "twitter" | "youtube" | "linkedin";
-    link: string;
-};
-type MenuIconsProps = {
-    socialMedias: SocialMedia[];
-};
-export declare const MenuIcons: ({ socialMedias }: MenuIconsProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/Layout/Footer/MenuIcons.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DynamicIcon } from "./DynamicIcons";
-export const MenuIcons = ({ socialMedias }) => {
-    if (socialMedias.length === 0) {
-        return null;
-    }
-    return (_jsx("nav", { role: "navigation", className: "af-footer__footerMenuIcons", children: _jsx("ul", { children: socialMedias.map((socialItem) => (_jsx("li", { children: _jsx("a", { "aria-label": `social media ${socialItem.icon}`, className: "af-footer__menuIconLinks", href: socialItem.link, target: "_blank", rel: "noopener noreferrer", children: _jsx(DynamicIcon, { iconName: socialItem.icon }) }) }, socialItem.icon))) }) }));
-};

package/dist/Layout/Footer/MenuLink.d.ts

@@ -1,11 +0,0 @@
-export type Link = {
-    link: string;
-    text: string;
-    openInCurrentTab?: boolean;
-};
-type MenuLinkProps = {
-    links: Link[];
-    isAboutOpen?: boolean;
-};
-export declare const MenuLink: ({ links, isAboutOpen }: MenuLinkProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/Layout/Footer/MenuLink.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { useIsSmallScreen } from "../../utilities/hook/useIsSmallScreen";
-import { BREAKPOINT } from "../../utilities/constants";
-export const MenuLink = ({ links, isAboutOpen = false }) => {
-    const isSmallScreen = useIsSmallScreen(BREAKPOINT.MD);
-    if (links.length === 0) {
-        return null;
-    }
-    return (_jsx("ul", { className: classNames("af-footer__menuLinks", isAboutOpen && "af-footer__menuLinks--display"), children: links.map((menuItem) => (_jsx("li", { children: _jsx("a", { className: "af-footer__linkItem", href: menuItem.link, target: menuItem.openInCurrentTab ? "_top" : "_blank", rel: "noreferrer", tabIndex: isSmallScreen && !isAboutOpen ? -1 : undefined, children: menuItem.text }) }, menuItem.text))) }));
-};

package/dist/Link/LinkApollo.d.ts

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

package/dist/Link/LinkApollo.js

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

package/dist/Link/LinkCommon.d.ts

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

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

package/dist/Link/LinkLF.d.ts

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

package/dist/Link/LinkLF.js

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

package/dist/List/ClickItem/ClickItemApollo.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.css";
-import type { ClickItemProps } from "./types";
-export declare const ClickItem: (props: ClickItemProps) => import("react/jsx-runtime").JSX.Element;
-export { clickItemStates, type ClickItemStates, clickItemVariants, type ClickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemApollo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.css";
-import { ClickItemCommon } from "./ClickItemCommon";
-import { ClickItemContent } from "./components/ClickItemContentApollo";
-import { ClickItemSuffix } from "./components/ClickItemSuffixApollo";
-import { ClickItemPrefix } from "./components/ClickItemPrefixApollo";
-export const ClickItem = (props) => (_jsx(ClickItemCommon, { ClickItemContentComponent: ClickItemContent, ClickItemSuffixComponent: ClickItemSuffix, ClickItemPrefixComponent: ClickItemPrefix, ...props }));
-export { clickItemStates, clickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemCommon.d.ts

@@ -1,15 +0,0 @@
-import type { ClickItemPropsCommon } from "./types";
-export declare const clickItemVariants: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly agent: "agent";
-};
-export type ClickItemVariants = keyof typeof clickItemVariants;
-export declare const clickItemStates: {
-    readonly default: "default";
-    readonly disabled: "disabled";
-    readonly loading: "loading";
-};
-export type ClickItemStates = keyof typeof clickItemStates;
-export declare const ClickItemCommon: ({ className, state, variant, icon, title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, basePictureProps, onClick, ariaLabelForActionIcon, ClickItemContentComponent, ClickItemSuffixComponent, ClickItemPrefixComponent, }: ClickItemPropsCommon) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/ClickItemCommon.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ClickItemWrapper } from "./ClickItemWrapper";
-export const clickItemVariants = {
-    small: "small",
-    medium: "medium",
-    large: "large",
-    agent: "agent",
-};
-export const clickItemStates = {
-    default: "default",
-    disabled: "disabled",
-    loading: "loading",
-};
-export const ClickItemCommon = ({ className = "", state = "default", variant = "large", icon, title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, basePictureProps, onClick, ariaLabelForActionIcon, ClickItemContentComponent, ClickItemSuffixComponent, ClickItemPrefixComponent, }) => {
-    const clickableProps = onClick && {
-        "aria-label": ariaLabelForActionIcon,
-        onClick,
-        disabled: state === "disabled" || state === "loading",
-    };
-    return (_jsxs(ClickItemWrapper, { isClickable: Boolean(onClick), className: [
-            "af-apollo-click-item",
-            `af-apollo-click-item--${variant}`,
-            `af-apollo-click-item--${state}`,
-            className,
-        ]
-            .filter(Boolean)
-            .join(" "), ...clickableProps, children: [_jsx("div", { className: "af-apollo-click-item__leading", children: _jsx(ClickItemPrefixComponent, { variant: variant, state: state, basePictureProps: basePictureProps, icon: icon }) }), _jsx("div", { className: "af-apollo-click-item__content", children: _jsx(ClickItemContentComponent, { title: title, subtitle: subtitle, textSecondary: textSecondary, textTertiary: textTertiary, tagLabel: tagLabel, tagProps: {
-                        ...(tagProps ?? {}),
-                        variant: state === "disabled" ? "neutral" : tagProps?.variant,
-                    } }) }), _jsx("div", { className: "af-apollo-click-item__trailing", children: _jsx(ClickItemSuffixComponent, { variant: variant, state: state }) })] }));
-};

package/dist/List/ClickItem/ClickItemLF.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.css";
-import type { ClickItemProps } from "./types";
-export declare const ClickItem: (props: ClickItemProps) => import("react/jsx-runtime").JSX.Element;
-export { clickItemStates, type ClickItemStates, clickItemVariants, type ClickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemLF.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.css";
-import { ClickItemCommon } from "./ClickItemCommon";
-import { ClickItemContent } from "./components/ClickItemContentLF";
-import { ClickItemSuffix } from "./components/ClickItemSuffixLF";
-import { ClickItemPrefix } from "./components/ClickItemPrefixLF";
-export const ClickItem = (props) => (_jsx(ClickItemCommon, { ClickItemContentComponent: ClickItemContent, ClickItemSuffixComponent: ClickItemSuffix, ClickItemPrefixComponent: ClickItemPrefix, ...props }));
-export { clickItemStates, clickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemWrapper.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-type ClickItemWrapperProps = HTMLAttributes<HTMLElement> & {
-    isClickable?: boolean;
-};
-export declare const ClickItemWrapper: ({ isClickable, children, ...props }: ClickItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/List/ClickItem/ClickItemWrapper.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ClickItemWrapper = ({ isClickable = true, children, ...props }) => {
-    if (isClickable) {
-        return (_jsx("button", { type: "button", ...props, children: children }));
-    }
-    return _jsx("div", { ...props, children: children });
-};

package/dist/List/ClickItem/components/ClickItemContentApollo.d.ts

@@ -1,2 +0,0 @@
-import { type ClickItemContentProps } from "./ClickItemContentCommon";
-export declare const ClickItemContent: (props: ClickItemContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemContentApollo.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tag } from "../../../Tag/TagApollo";
-import { ClickItemContentCommon, } from "./ClickItemContentCommon";
-export const ClickItemContent = (props) => (_jsx(ClickItemContentCommon, { ...props, TagComponent: Tag }));

package/dist/List/ClickItem/components/ClickItemContentCommon.d.ts

@@ -1,14 +0,0 @@
-import { ComponentType } from "react";
-import type { TagProps } from "../../../Tag/TagCommon";
-export type ClickItemContentProps = {
-    title: string;
-    subtitle?: string;
-    textSecondary?: string;
-    textTertiary?: string;
-    tagLabel?: string;
-    tagProps?: TagProps;
-};
-export type ClickItemContentCommonProps = ClickItemContentProps & {
-    TagComponent: ComponentType<TagProps>;
-};
-export declare const ClickItemContentCommon: ({ title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, TagComponent, }: ClickItemContentCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemContentCommon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const ClickItemContentCommon = ({ title, subtitle, textSecondary, textTertiary, tagLabel, tagProps, TagComponent, }) => {
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "af-apollo-click-item__title", children: title }), subtitle ? (_jsx("p", { className: "af-apollo-click-item__subtitle", children: subtitle })) : null, textSecondary ? (_jsx("p", { className: "af-apollo-click-item__secondary", children: textSecondary })) : null, textTertiary ? (_jsx("p", { className: "af-apollo-click-item__tertiary", children: textTertiary })) : null, tagLabel ? (_jsx("div", { className: "af-apollo-click-item__tag-container", children: _jsx(TagComponent, { ...tagProps, children: tagLabel }) })) : null] }));
-};

package/dist/List/ClickItem/components/ClickItemContentLF.d.ts

@@ -1,2 +0,0 @@
-import { type ClickItemContentProps } from "./ClickItemContentCommon";
-export declare const ClickItemContent: (props: ClickItemContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemContentLF.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tag } from "../../../Tag/TagLF";
-import { ClickItemContentCommon, } from "./ClickItemContentCommon";
-export const ClickItemContent = (props) => (_jsx(ClickItemContentCommon, { ...props, TagComponent: Tag }));

package/dist/List/ClickItem/components/ClickItemPrefixApollo.d.ts

@@ -1,2 +0,0 @@
-import { type ClickItemPrefixProps } from "./ClickItemPrefixCommon";
-export declare const ClickItemPrefix: (props: ClickItemPrefixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemPrefixApollo.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "../../../Icon/IconApollo";
-import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
-export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));

package/dist/List/ClickItem/components/ClickItemPrefixCommon.d.ts

@@ -1,14 +0,0 @@
-import type { ComponentProps, ComponentType } from "react";
-import { BasePicture } from "../../../BasePicture/BasePicture";
-import type { IconProps } from "../../../Icon/IconCommon";
-import type { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
-export type ClickItemPrefixProps = {
-    state: ClickItemStates;
-    variant: ClickItemVariants;
-    icon?: string;
-    basePictureProps?: ComponentProps<typeof BasePicture>;
-};
-export type ClickItemPrefixCommonProps = ClickItemPrefixProps & {
-    IconComponent: ComponentType<IconProps>;
-};
-export declare const ClickItemPrefixCommon: ({ state, variant, icon, basePictureProps, IconComponent, }: ClickItemPrefixCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/List/ClickItem/components/ClickItemPrefixCommon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BasePicture } from "../../../BasePicture/BasePicture";
-export const ClickItemPrefixCommon = ({ state, variant, icon, basePictureProps, IconComponent, }) => {
-    if (!(Boolean(basePictureProps) && variant === "agent") && !icon) {
-        return null;
-    }
-    if (Boolean(basePictureProps) && variant === "agent") {
-        return _jsx(BasePicture, { ...basePictureProps });
-    }
-    return (_jsx(IconComponent, { role: "presentation", src: icon ?? "", variant: state === "disabled" && variant !== "small" ? "disabled" : "primary" }));
-};

package/dist/List/ClickItem/components/ClickItemPrefixLF.d.ts

@@ -1,2 +0,0 @@
-import { type ClickItemPrefixProps } from "./ClickItemPrefixCommon";
-export declare const ClickItemPrefix: (props: ClickItemPrefixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemPrefixLF.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "../../../Icon/IconLF";
-import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
-export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));

package/dist/List/ClickItem/components/ClickItemSuffixApollo.d.ts

@@ -1,2 +0,0 @@
-import { type ClickItemSuffixProps } from "./ClickItemSuffixCommon";
-export declare const ClickItemSuffix: (props: ClickItemSuffixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemSuffixApollo.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import arrowForward from "@material-symbols/svg-400/rounded/arrow_forward-fill.svg";
-import { Icon } from "../../../Icon/IconApollo";
-import { Spinner } from "../../../Spinner/SpinnerApollo";
-import { ClickItemSuffixCommon, } from "./ClickItemSuffixCommon";
-export const ClickItemSuffix = (props) => (_jsx(ClickItemSuffixCommon, { trailingClickIcon: arrowForward, IconComponent: Icon, SpinnerComponent: Spinner, ...props }));

package/dist/List/ClickItem/components/ClickItemSuffixCommon.d.ts

@@ -1,14 +0,0 @@
-import { ComponentProps, ComponentType } from "react";
-import type { IconProps } from "../../../Icon/IconCommon";
-import { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
-import { Spinner } from "../../../Spinner/SpinnerCommon";
-export type ClickItemSuffixProps = {
-    state: ClickItemStates;
-    variant: ClickItemVariants;
-};
-export type ClickItemSuffixCommonProps = ClickItemSuffixProps & {
-    trailingClickIcon: string;
-    IconComponent: ComponentType<IconProps>;
-    SpinnerComponent: ComponentType<ComponentProps<typeof Spinner>>;
-};
-export declare const ClickItemSuffixCommon: ({ state, variant, trailingClickIcon, IconComponent, SpinnerComponent, }: ClickItemSuffixCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemSuffixCommon.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import keyboardArrowRight from "@material-symbols/svg-400/rounded/keyboard_arrow_right-fill.svg";
-export const ClickItemSuffixCommon = ({ state, variant, trailingClickIcon, IconComponent, SpinnerComponent, }) => {
-    if (variant === "large" && state === "loading") {
-        return _jsx(SpinnerComponent, { size: 32 });
-    }
-    if (variant === "small") {
-        return _jsx(IconComponent, { src: keyboardArrowRight, role: "presentation" });
-    }
-    const isDisabled = variant === "large" && state === "disabled";
-    return (_jsx("div", { className: ["af-click-icon", isDisabled && "af-click-icon--disabled"]
-            .filter(Boolean)
-            .join(" "), children: _jsx(IconComponent, { src: trailingClickIcon, role: "presentation", variant: isDisabled ? "disabled" : "primary" }) }));
-};

package/dist/List/ClickItem/components/ClickItemSuffixLF.d.ts

@@ -1,2 +0,0 @@
-import { type ClickItemSuffixProps } from "./ClickItemSuffixCommon";
-export declare const ClickItemSuffix: (props: ClickItemSuffixProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ClickItem/components/ClickItemSuffixLF.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import keyboardArrowRight from "@material-symbols/svg-400/rounded/keyboard_arrow_right-fill.svg";
-import { Icon } from "../../../Icon/IconLF";
-import { Spinner } from "../../../Spinner/SpinnerLF";
-import { ClickItemSuffixCommon, } from "./ClickItemSuffixCommon";
-export const ClickItemSuffix = (props) => (_jsx(ClickItemSuffixCommon, { trailingClickIcon: keyboardArrowRight, IconComponent: Icon, SpinnerComponent: Spinner, ...props }));

package/dist/List/ContentItemDuo/ContentItemDuoApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.css";
-import { type ContentItemDuoProps } from "./ContentItemDuoCommon";
-export declare const ContentItemDuo: (props: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ContentItemDuo/ContentItemDuoApollo.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.css";
-import { Button } from "../../Button/ButtonApollo";
-import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
-export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button }));

package/dist/List/ContentItemDuo/ContentItemDuoCommon.d.ts

@@ -1,16 +0,0 @@
-import { type ComponentProps, type ComponentType, type ReactNode } from "react";
-import type { ButtonProps } from "../../Button/ButtonCommon";
-export type ContentItemDuoProps = {
-    label: string;
-    value: ReactNode;
-    isVertical?: boolean;
-    className?: string;
-    classModifier?: string;
-    buttonText?: string;
-    onButtonClick?: () => void;
-} & ComponentProps<"div">;
-type ContentItemDuoCommonProps = ContentItemDuoProps & {
-    ButtonComponent: ComponentType<ButtonProps>;
-};
-export declare const ContentItemDuoCommon: ({ label, value, isVertical, className, classModifier, buttonText, onButtonClick, ButtonComponent, ...containerProps }: ContentItemDuoCommonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/List/ContentItemDuo/ContentItemDuoCommon.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, } from "react";
-import { getComponentClassName } from "../../utilities/getComponentClassName";
-export const ContentItemDuoCommon = ({ label, value, isVertical = false, className, classModifier, buttonText, onButtonClick, ButtonComponent, ...containerProps }) => {
-    const componentClassName = useMemo(() => {
-        const classModifiers = [classModifier];
-        if (isVertical) {
-            classModifiers.push("vertical");
-        }
-        return getComponentClassName("af-content-item-duo", className, classModifiers.filter(Boolean).join(" "));
-    }, [classModifier, className, isVertical]);
-    return (_jsxs("div", { className: componentClassName, ...containerProps, children: [_jsx("p", { className: "af-content-item-duo__label", children: label }), typeof value === "string" ? (_jsx("p", { className: "af-content-item-duo__value", children: value })) : (_jsx("div", { className: "af-content-item-duo__value", children: value })), buttonText ? (_jsx("div", { className: "af-content-item-duo__button", children: _jsx(ButtonComponent, { variant: "ghost", onClick: onButtonClick, children: buttonText }) })) : null] }));
-};