@axa-fr/design-system-look-and-feel-react 0.2.0-beta.339 → 0.2.0-beta.347

package/dist/Layout/Header/NavBar/NavBar.stories.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { NavBar } from "./NavBar";
-const meta = {
-    title: "Components/Header/NavBar",
-    component: NavBar,
-    argTypes: {
-        setActiveLink: { action: "active link changed" },
-        activeLink: { control: { type: "number", min: 0, max: 3 } },
-    },
-};
-export default meta;
-export const Default = {
-    render: ({ activeLink, setActiveLink }) => (_jsxs(NavBar, { activeLink: activeLink, setActiveLink: setActiveLink, children: [_jsx("a", { className: "af-navbar-item__link", href: "/mes-contrats", children: "MES CONTRATS" }, "MES CONTRATS link"), _jsx("a", { className: "af-navbar-item__link", href: "/mes-avantages", children: "MES AVANTAGES" }, "MES AVANTAGES link"), _jsx("a", { className: "af-navbar-item__link", href: "/mes-documents", children: "MES DOCUMENTS" }, "MES DOCUMENTS link")] })),
-    args: {
-        activeLink: 0,
-    },
-};

package/dist/Layout/Header/PreviousLink/PreviousLink.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import type React from "react";
-import { PreviousLink } from "./PreviousLink";
-declare const meta: Meta<typeof PreviousLink>;
-export default meta;
-type StoryProps = React.ComponentProps<typeof PreviousLink>;
-type Story = StoryObj<StoryProps>;
-export declare const Default: Story;

package/dist/Layout/Header/PreviousLink/PreviousLink.stories.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PreviousLink } from "./PreviousLink";
-const meta = {
-    title: "Components/Header/PreviousLink",
-    component: PreviousLink,
-    argTypes: {
-        handleClick: { action: "active link reset" },
-    },
-};
-export default meta;
-export const Default = {
-    render: ({ children, handleClick }) => (_jsx(PreviousLink, { handleClick: handleClick, children: children })),
-    args: {
-        children: (_jsx("a", { href: "/mes-contrats", children: "Retour \u00E0 mes contrats" }, "Previous link")),
-    },
-};

package/dist/Link/Link.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Link } from "./Link";
-declare const meta: Meta<typeof Link>;
-export default meta;
-export declare const Default: StoryObj<typeof Link>;

package/dist/Link/Link.stories.js

@@ -1,14 +0,0 @@
-import { Link } from "./Link";
-const meta = {
-    title: "Components/Link",
-    component: Link,
-};
-export default meta;
-export const Default = {
-    name: "Default",
-    args: {
-        href: "https://fakelink.com",
-        openInNewTab: true,
-        children: "My link",
-    },
-};

package/dist/List/ClickList/ClickItem/__tests__/ClickItem.test.d.ts

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

package/dist/List/ClickList/ClickItem/__tests__/ClickItem.test.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from "@testing-library/react";
-import { ClickItem } from "../ClickItem";
-describe("ClickItem", () => {
-    it("should render label correctly with children prop", () => {
-        const label = "Sample Label";
-        render(_jsx(ClickItem, { children: label }));
-        const labelElement = screen.getByText(label);
-        expect(labelElement).toBeInTheDocument();
-    });
-    it("should render label correctly with label prop", () => {
-        const label = "Sample Label";
-        render(_jsx(ClickItem, { label: label }));
-        const labelElement = screen.getByText(label);
-        expect(labelElement).toBeInTheDocument();
-    });
-    it("should have custom class with modifier", () => {
-        const label = "Sample Label";
-        const className = "custom-class";
-        const classModifier = "modifier";
-        render(_jsx(ClickItem, { className: className, classModifier: classModifier, children: label }));
-        expect(screen.getByRole("button", { name: label })).toHaveClass(`${className} ${className}--${classModifier}`);
-    });
-    it("should render icon correctly", () => {
-        const label = "Sample Label";
-        const icon = _jsx("span", { children: "Icon" });
-        render(_jsx(ClickItem, { icon: icon, children: label }));
-        const iconElement = screen.getByText("Icon");
-        expect(iconElement).toBeInTheDocument();
-    });
-    it("should render as a button by default", () => {
-        const label = "Sample Label";
-        render(_jsx(ClickItem, { children: label }));
-        const buttonElement = screen.getByRole("button", { name: label });
-        expect(buttonElement).toBeInTheDocument();
-    });
-    it("should render as a link when href is provided", () => {
-        const label = "Sample Label";
-        const href = "https://example.com";
-        render(_jsx(ClickItem, { href: href, children: label }));
-        const linkElement = screen.getByRole("link", { name: label });
-        expect(linkElement).toBeInTheDocument();
-        expect(linkElement).toHaveAttribute("href", href);
-    });
-    it("should be a disabled anchor", () => {
-        const label = "Sample Label";
-        const href = "https://example.com";
-        const disabled = true;
-        render(_jsx(ClickItem, { href: href, isDisabled: disabled, children: label }));
-        const anchorElement = screen.getByRole("link", { name: label });
-        expect(anchorElement).toHaveClass("af-click-item--disabled");
-        expect(anchorElement).toHaveAttribute("aria-disabled", "true");
-    });
-    it("should be a disabled button", () => {
-        const label = "Sample Label";
-        const disabled = true;
-        render(_jsx(ClickItem, { isDisabled: disabled, children: label }));
-        const buttonElement = screen.getByRole("button", { name: label });
-        expect(buttonElement).toBeDisabled();
-        expect(buttonElement).toHaveClass("af-click-item--disabled");
-    });
-});

package/dist/List/ClickList/ClickList.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ClickList } from "./ClickList";
-declare const meta: Meta<typeof ClickList>;
-export default meta;
-export declare const ClickListWithIcon: StoryObj<typeof ClickList>;
-export declare const ClickListWithoutIcon: StoryObj<typeof ClickList>;
-export declare const ClickListLinkWithoutIcon: StoryObj<typeof ClickList>;

package/dist/List/ClickList/ClickList.stories.js

@@ -1,103 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import contentPasteGo from "@material-symbols/svg-400/outlined/content_paste_go.svg";
-import error from "@material-symbols/svg-400/outlined/error-fill.svg";
-import { Svg } from "../../Svg";
-import { ClickList } from "./ClickList";
-const meta = {
-    title: "Components/List/ClickList",
-    component: ClickList,
-};
-export default meta;
-export const ClickListWithIcon = {
-    name: "ClickList with icon",
-    render: (args) => _jsx(ClickList, { ...args }),
-    args: {
-        items: [
-            {
-                id: "1",
-                icon: _jsx(Svg, { src: error }),
-                children: "Texte principal",
-                classModifier: "small",
-            },
-            {
-                id: "2",
-                icon: _jsx(Svg, { src: error }),
-                children: "Texte principal",
-            },
-            {
-                id: "3",
-                icon: _jsx(Svg, { src: error }),
-                children: "Texte principal",
-                classModifier: "large",
-            },
-            {
-                id: "4",
-                icon: _jsx(Svg, { src: contentPasteGo }),
-                children: "Texte principal",
-                isDisabled: true,
-            },
-        ],
-        classModifier: "",
-    },
-    argTypes: {
-        classModifier: {
-            options: ["", "large"],
-            control: { type: "select" },
-            defaultValue: "",
-        },
-    },
-};
-export const ClickListWithoutIcon = {
-    name: "ClickList without icon",
-    render: (args) => _jsx(ClickList, { ...args }),
-    args: {
-        items: [
-            {
-                id: "1",
-                children: (_jsxs(_Fragment, { children: [_jsx("h3", { className: "af-click-item__title", children: "Fiche Orias pr\u00E9contractuelle" }), _jsx("p", { className: "af-click-item__subtitle", children: "30 novembre 2021" }), _jsx("p", { className: "af-click-item__secondary", children: "Sign\u00E9 \u00E9lectroniquement" })] })),
-            },
-            {
-                id: "2",
-                children: (_jsxs(_Fragment, { children: [_jsx("h3", { className: "af-click-item__title", children: "Fiche Orias pr\u00E9contractuelle" }), _jsx("p", { className: "af-click-item__subtitle", children: "30 novembre 2021" }), _jsx("p", { className: "af-click-item__secondary", children: "Sign\u00E9 \u00E9lectroniquement" })] })),
-                isDisabled: true,
-            },
-        ],
-        classModifier: "",
-    },
-    argTypes: {
-        classModifier: {
-            options: ["", "large"],
-            control: { type: "select" },
-            defaultValue: "",
-        },
-    },
-};
-export const ClickListLinkWithoutIcon = {
-    name: "ClickList link without icon",
-    render: (args) => _jsx(ClickList, { ...args }),
-    args: {
-        items: [
-            {
-                id: "1",
-                children: (_jsxs(_Fragment, { children: [_jsx("h3", { className: "af-click-item__title", children: "Fiche Orias pr\u00E9contractuelle" }), _jsx("p", { className: "af-click-item__subtitle", children: "30 novembre 2021" }), _jsx("p", { className: "af-click-item__secondary", children: "Sign\u00E9 \u00E9lectroniquement" })] })),
-                href: "https://github.com/AxaFrance/design-system",
-                target: "_blank",
-            },
-            {
-                id: "2",
-                children: (_jsxs(_Fragment, { children: [_jsx("h3", { className: "af-click-item__title", children: "Fiche Orias pr\u00E9contractuelle" }), _jsx("p", { className: "af-click-item__subtitle", children: "30 novembre 2021" }), _jsx("p", { className: "af-click-item__secondary", children: "Sign\u00E9 \u00E9lectroniquement" })] })),
-                href: "https://github.com/AxaFrance/design-system",
-                target: "_blank",
-                isDisabled: true,
-            },
-        ],
-        classModifier: "",
-    },
-    argTypes: {
-        classModifier: {
-            options: ["", "large"],
-            control: { type: "select" },
-            defaultValue: "",
-        },
-    },
-};

package/dist/List/ClickList/__tests__/ClickList.client.test.d.ts

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

package/dist/List/ClickList/__tests__/ClickList.client.test.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from "@testing-library/react";
-import { ClickList } from "..";
-describe("ClickList", () => {
-    const items = [
-        { id: "1", label: "Item 1", icon: _jsx("span", { children: "Icon 1" }) },
-        { id: "2", label: "Item 2", icon: _jsx("span", { children: "Icon 2" }) },
-        { id: "3", label: "Item 3", icon: _jsx("span", { children: "Icon 3" }) },
-    ];
-    it("should render labels and icons from items array", () => {
-        render(_jsx(ClickList, { items: items }));
-        items.forEach((item) => {
-            expect(screen.getByText(item.icon.props.children)).toBeInTheDocument();
-            expect(screen.getByText(item.label)).toBeInTheDocument();
-        });
-        expect(screen.getAllByRole("separator")).toHaveLength(2);
-    });
-});

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

@@ -1,28 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import type { ComponentProps } from "react";
-import { ContentItemDuo } from ".";
-import { List } from "../List";
-declare const meta: Meta<typeof ContentItemDuo>;
-export default meta;
-export declare const Default: StoryObj<Omit<ComponentProps<typeof ContentItemDuo>, "classModifier"> & {
-    classModifier: string[];
-}>;
-export declare const Vertical: StoryObj<Omit<ComponentProps<typeof ContentItemDuo>, "classModifier"> & {
-    classModifier: string[];
-}>;
-export declare const DefaultContentItemDuoList: StoryObj<{
-    items: Array<Omit<ComponentProps<typeof ContentItemDuo>, "classModifier"> & {
-        id: string;
-        classModifier: string[];
-    }>;
-} & Omit<ComponentProps<typeof List>, "classModifier"> & {
-    classModifier: string[];
-}>;
-export declare const VerticalContentItemDuoList: StoryObj<{
-    items: Array<Omit<ComponentProps<typeof ContentItemDuo>, "classModifier"> & {
-        id: string;
-        classModifier: string[];
-    }>;
-} & Omit<ComponentProps<typeof List>, "classModifier"> & {
-    classModifier: string[];
-}>;

package/dist/List/ContentItemDuo/ContentItemDuo.stories.js

@@ -1,86 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ContentItemDuo } from ".";
-import { List } from "../List";
-const meta = {
-    title: "Components/List/ContentItemDuo",
-    component: ContentItemDuo,
-};
-export default meta;
-const defaultArgs = {
-    isVertical: false,
-    label: "Libellé",
-    value: "Réponse",
-    isShowingDoneIcon: true,
-    isShowingCloseIcon: false,
-    buttonText: "En savoir plus",
-    classModifier: [],
-};
-const verticalArgs = {
-    isVertical: true,
-    label: "Le choc de véhicules terrestres à moteur, (voiture, trottinette à moteur…) ou la chute d’appareils aériens (avions, hélicoptères…) avec un propriétaire du véhicule adverse identifié ?",
-    value: "Les incendies, explosions, implosions, fumée et foudre",
-    isShowingDoneIcon: true,
-    isShowingCloseIcon: false,
-    buttonText: "En savoir plus",
-    classModifier: [],
-};
-export const Default = {
-    name: "Default",
-    render: ({ classModifier, ...args }) => (_jsx(ContentItemDuo, { classModifier: classModifier.join(" "), ...args })),
-    args: defaultArgs,
-    argTypes: {
-        classModifier: {
-            options: ["large"],
-            control: { type: "multi-select" },
-            defaultValue: [],
-        },
-    },
-};
-export const Vertical = {
-    name: "Vertical",
-    render: ({ classModifier, ...args }) => (_jsx(ContentItemDuo, { classModifier: classModifier.join(" "), ...args })),
-    args: verticalArgs,
-    argTypes: {
-        classModifier: {
-            options: ["large"],
-            control: { type: "multi-select" },
-            defaultValue: [],
-        },
-    },
-};
-export const DefaultContentItemDuoList = {
-    name: "Default ContentItemDuo List",
-    render: ({ classModifier, items }) => (_jsx(List, { classModifier: classModifier.join(" "), children: items.map(({ classModifier: itemClassModifier, ...itemArgs }) => (_jsx(ContentItemDuo, { classModifier: itemClassModifier.join(" "), ...itemArgs }, itemArgs.id))) })),
-    args: {
-        items: Array.from({ length: 3 }, (_, i) => ({
-            id: i.toString(),
-            ...defaultArgs,
-        })),
-        classModifier: ["extra-padding"],
-    },
-    argTypes: {
-        classModifier: {
-            options: ["extra-padding", "large"],
-            control: { type: "multi-select" },
-            defaultValue: ["extra-padding"],
-        },
-    },
-};
-export const VerticalContentItemDuoList = {
-    name: "Vertical ContentItemDuo List",
-    render: ({ classModifier, items }) => (_jsx(List, { classModifier: classModifier.join(" "), children: items.map(({ classModifier: itemClassModifier, ...itemArgs }) => (_jsx(ContentItemDuo, { classModifier: itemClassModifier.join(" "), ...itemArgs }, itemArgs.id))) })),
-    args: {
-        items: Array.from({ length: 3 }, (_, i) => ({
-            id: i.toString(),
-            ...verticalArgs,
-        })),
-        classModifier: ["extra-padding"],
-    },
-    argTypes: {
-        classModifier: {
-            options: ["extra-padding", "large"],
-            control: { type: "multi-select" },
-            defaultValue: ["extra-padding"],
-        },
-    },
-};

package/dist/List/ContentItemDuo/__tests__/ContentItemDuo.test.d.ts

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

package/dist/List/ContentItemDuo/__tests__/ContentItemDuo.test.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { ContentItemDuo } from "../ContentItemDuo";
-describe("ContentItemDuo", () => {
-    const label = "Sample Label";
-    const value = "Sample Value";
-    it("should render label and value correctly", () => {
-        render(_jsx(ContentItemDuo, { label: label, value: value }));
-        expect(screen.getByText(label)).toBeInTheDocument();
-        expect(screen.getByText(value)).toBeInTheDocument();
-    });
-    it("should render button with correct text and call onClick handler", async () => {
-        const buttonText = "button";
-        const onButtonClick = vi.fn();
-        render(_jsx(ContentItemDuo, { label: label, value: value, buttonText: buttonText, onButtonClick: onButtonClick }));
-        const buttonElement = screen.getByText(buttonText);
-        expect(buttonElement).toBeInTheDocument();
-        userEvent.click(buttonElement);
-        await waitFor(() => {
-            expect(onButtonClick).toHaveBeenCalled();
-        });
-    });
-    it("should render vertical layout when isVertical prop is true", () => {
-        render(_jsx(ContentItemDuo, { label: label, value: value, isVertical: true }));
-        expect(screen.getByText(label).parentElement).toHaveClass("af-content-item-duo--vertical");
-    });
-    it("should render done icon when isShowingDoneIcon prop is true", () => {
-        const { container } = render(_jsx(ContentItemDuo, { label: label, value: value, isShowingDoneIcon: true }));
-        const svgElement = container.querySelector("svg");
-        expect(svgElement).toBeInTheDocument();
-        expect(svgElement?.parentElement).toHaveClass("af-content-item-duo__icon--done");
-    });
-    it("should render close icon when isShowingCloseIcon prop is true", () => {
-        const { container } = render(_jsx(ContentItemDuo, { label: label, value: value, isShowingCloseIcon: true }));
-        const svgElement = container.querySelector("svg");
-        expect(svgElement).toBeInTheDocument();
-        expect(svgElement?.parentElement).toHaveClass("af-content-item-duo__icon--close");
-    });
-});

package/dist/List/ContentItemMono/ContentItemMono.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import type { ComponentProps } from "react";
-import { List } from "../List";
-import { ContentItemMono } from "./ContentItemMono";
-declare const meta: Meta<typeof ContentItemMono>;
-export default meta;
-export declare const Default: StoryObj<typeof ContentItemMono>;
-export declare const ContentItemMonoWithIcon: StoryObj<typeof ContentItemMono>;
-export declare const ContentItemMonoWithStick: StoryObj<typeof ContentItemMono>;
-export declare const ContentItemMonoList: StoryObj<{
-    items: (ComponentProps<typeof ContentItemMono> & {
-        id: string;
-    })[];
-} & Omit<ComponentProps<typeof List>, "classModifier"> & {
-    classModifier: string[];
-}>;

package/dist/List/ContentItemMono/ContentItemMono.stories.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import arrowForward from "@material-symbols/svg-400/rounded/arrow_forward.svg";
-import { Svg } from "../../Svg";
-import { List } from "../List";
-import { ContentItemMono } from "./ContentItemMono";
-import { ContentItemMonoSize } from "./constants";
-const meta = {
-    title: "Components/List/ContentItemMono",
-    component: ContentItemMono,
-};
-export default meta;
-const defaultArgs = {
-    children: "Texte principal",
-    secondaryText: "Texte secondaire",
-    tertiaryText: "Texte tertiaire",
-    size: ContentItemMonoSize.M,
-    isDisabled: false,
-    leftElement: "",
-    isLeftElementCentered: false,
-    hasStick: false,
-    classModifier: "",
-};
-const contentItemMonoWithIconArgs = {
-    children: "Texte principal",
-    secondaryText: "Texte secondaire",
-    tertiaryText: "Texte tertiaire",
-    size: ContentItemMonoSize.M,
-    isDisabled: false,
-    leftElement: _jsx(Svg, { src: arrowForward }),
-    isLeftElementCentered: true,
-    hasStick: false,
-    classModifier: "",
-};
-const contentItemMonoWithStickArgs = {
-    children: "Texte principal",
-    secondaryText: "Texte secondaire",
-    tertiaryText: "",
-    size: ContentItemMonoSize.M,
-    isDisabled: false,
-    leftElement: "",
-    isLeftElementCentered: false,
-    hasStick: true,
-    classModifier: "",
-};
-export const Default = {
-    name: "Default",
-    render: (args) => _jsx(ContentItemMono, { ...args }),
-    args: defaultArgs,
-    argTypes: {
-        size: {
-            options: Object.values(ContentItemMonoSize),
-            control: { type: "select" },
-            defaultValue: "m",
-        },
-    },
-};
-export const ContentItemMonoWithIcon = {
-    name: "ContentItemMono With Icon",
-    render: (args) => _jsx(ContentItemMono, { ...args }),
-    args: contentItemMonoWithIconArgs,
-    argTypes: {
-        size: {
-            options: Object.values(ContentItemMonoSize),
-            control: { type: "select" },
-            defaultValue: "m",
-        },
-    },
-};
-export const ContentItemMonoWithStick = {
-    name: "ContentItemMono With Stick",
-    render: (args) => _jsx(ContentItemMono, { ...args }),
-    args: contentItemMonoWithStickArgs,
-    argTypes: {
-        size: {
-            options: Object.values(ContentItemMonoSize),
-            control: { type: "select" },
-            defaultValue: "m",
-        },
-    },
-};
-export const ContentItemMonoList = {
-    name: "ContentItemMono List",
-    render: ({ items, classModifier, ...args }) => (_jsx(List, { classModifier: classModifier.join(" "), ...args, children: items.map((itemsArgs) => (_jsx(ContentItemMono, { ...itemsArgs }, itemsArgs.id))) })),
-    args: {
-        items: [
-            { id: "1", ...defaultArgs },
-            { id: "2", ...contentItemMonoWithIconArgs },
-            { id: "3", ...contentItemMonoWithStickArgs },
-        ],
-        classModifier: [],
-    },
-    argTypes: {
-        classModifier: {
-            options: ["large", "first-separator-full-width"],
-            control: { type: "multi-select" },
-            defaultValue: [],
-        },
-    },
-};

package/dist/List/ContentItemMono/__tests__/ContentItemMono.test.d.ts

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

package/dist/List/ContentItemMono/__tests__/ContentItemMono.test.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from "@testing-library/react";
-import { ContentItemMono } from "../ContentItemMono";
-import { ContentItemMonoSize } from "../constants";
-describe("ContentItemMono", () => {
-    it("should render correctly", () => {
-        const children = "Content";
-        const secondaryText = "Secondary Text";
-        const tertiaryText = "Tertiary Text";
-        const leftElement = "Left Element";
-        render(_jsx(ContentItemMono, { secondaryText: secondaryText, tertiaryText: tertiaryText, leftElement: leftElement, hasStick: true, children: children }));
-        expect(screen.getByText(children)).toBeInTheDocument();
-        expect(screen.getByText(secondaryText)).toBeInTheDocument();
-        expect(screen.getByText(tertiaryText)).toBeInTheDocument();
-        expect(screen.getByText(leftElement)).toBeInTheDocument();
-        expect(screen.getByRole("presentation")).toBeInTheDocument();
-    });
-    it("should have custom class and M size", () => {
-        const className = "custom-class";
-        render(_jsx(ContentItemMono, { className: className, children: "Content" }));
-        expect(screen.getByText("Content").parentElement?.parentElement).toHaveClass(`${className} ${className}--m`);
-    });
-    it("should have XL size and no tertiary text", () => {
-        const className = "custom-class";
-        render(_jsx(ContentItemMono, { className: className, size: ContentItemMonoSize.XL, tertiaryText: "tertiaryText", children: "Content" }));
-        expect(screen.getByText("Content").parentElement?.parentElement).toHaveClass(`${className} ${className}--xl`);
-        expect(screen.queryByText("tertiaryText")).not.toBeInTheDocument();
-    });
-    it("should have custom class with modifier", () => {
-        const className = "custom-class";
-        const classModifier = "modifier";
-        render(_jsx(ContentItemMono, { className: className, classModifier: classModifier, children: "Content" }));
-        expect(screen.getByText("Content").parentElement?.parentElement).toHaveClass(`${className} ${className}--${classModifier}`);
-    });
-    it("should be disabled", () => {
-        const className = "custom-class";
-        render(_jsx(ContentItemMono, { className: className, isDisabled: true, children: "Content" }));
-        expect(screen.getByText("Content").parentElement?.parentElement).toHaveClass(`${className} ${className}--disabled`);
-    });
-    it("should have centered left element", () => {
-        const leftElement = "Left Element";
-        render(_jsx(ContentItemMono, { leftElement: leftElement, isLeftElementCentered: true, children: "Content" }));
-        expect(screen.getByText(leftElement)).toHaveClass("af-content-item-mono__left-container af-content-item-mono__left-container--center");
-    });
-});

package/dist/List/ContentTabList/ContentTabItem/__tests__/ContentTabItem.test.d.ts

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