@amsterdam/design-system-react 2.0.2 → 2.2.0

package/dist/Breakout/Breakout.test.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { gridGaps, gridPaddings } from '../Grid/Grid';
-import { Breakout } from './Breakout';
-import '@testing-library/jest-dom';
-describe('Breakout', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Breakout, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Breakout, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Breakout, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout extra');
-    });
-    gridGaps.forEach((size) => {
-        it(`renders the correct class name for a ${size} vertical gap`, () => {
-            const { container } = render(_jsx(Breakout, { gapVertical: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-breakout--gap-vertical--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} bottom padding`, () => {
-            const { container } = render(_jsx(Breakout, { paddingBottom: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-breakout--padding-bottom--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} top padding`, () => {
-            const { container } = render(_jsx(Breakout, { paddingTop: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-breakout--padding-top--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} vertical padding`, () => {
-            const { container } = render(_jsx(Breakout, { paddingVertical: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-breakout--padding-vertical--${size}`);
-        });
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Breakout, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Breakout/BreakoutCell.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Breakout/BreakoutCell.test.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { ariaRoleForTag } from '../common/accessibility';
-import '@testing-library/jest-dom';
-import { Breakout } from './Breakout';
-import { breakoutCellTags } from './BreakoutCell';
-describe('Breakout cell', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Breakout.Cell, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Breakout.Cell, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Breakout.Cell, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell extra');
-    });
-    breakoutCellTags.forEach((tag) => {
-        it(`renders with a custom ${tag} tag`, () => {
-            const { container } = render(_jsx(Breakout.Cell, { "aria-label": tag === 'section' ? 'Accessible name' : undefined, as: tag }));
-            const component = tag === 'div' ? container.querySelector(tag) : screen.getByRole(ariaRoleForTag[tag]);
-            expect(component).toBeInTheDocument();
-        });
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Breakout.Cell, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders no class names for undefined values for colStart and colSpan', () => {
-        const { container } = render(_jsx(Breakout.Cell, {}));
-        const elementWithColSpanClass = container.querySelector('[class*="ams-breakout__cell--col-span"]');
-        const elementWithColStartClass = container.querySelector('[class*="ams-breakout__cell--col-start"]');
-        const elementWithRowSpanClass = container.querySelector('[class*="ams-breakout__cell--row-span"]');
-        const elementWithRowStartClass = container.querySelector('[class*="ams-breakout__cell--row-start"]');
-        expect(elementWithColSpanClass).not.toBeInTheDocument();
-        expect(elementWithColStartClass).not.toBeInTheDocument();
-        expect(elementWithRowSpanClass).not.toBeInTheDocument();
-        expect(elementWithRowStartClass).not.toBeInTheDocument();
-    });
-    it('renders class names for single number values for colStart and colSpan', () => {
-        const { container } = render(_jsx(Breakout.Cell, { colSpan: 4, colStart: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--col-span-4 ams-breakout__cell--col-start-2');
-    });
-    it('renders class names for a single number value for colStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { colSpan: 8 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--col-span-8');
-    });
-    it('renders class names for a single number value for colSpan', () => {
-        const { container } = render(_jsx(Breakout.Cell, { colStart: 6 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--col-start-6');
-    });
-    it('renders class names for a single number for colSpan and an object for colStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { colSpan: 8, colStart: { narrow: 2, medium: 4, wide: 6 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--col-span-8 ams-breakout__cell--col-start-2 ams-breakout__cell--col-start-4-medium ams-breakout__cell--col-start-6-wide');
-    });
-    it('renders class names for an object for colSpan and a single number for colStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { colSpan: { narrow: 3, medium: 5, wide: 7 }, colStart: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--col-span-3 ams-breakout__cell--col-span-5-medium ams-breakout__cell--col-span-7-wide ams-breakout__cell--col-start-2');
-    });
-    it('renders class names for an object for both colSpan and colStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { colSpan: { narrow: 2, medium: 4, wide: 6 }, colStart: { narrow: 1, medium: 3, wide: 5 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--col-span-2 ams-breakout__cell--col-span-4-medium ams-breakout__cell--col-span-6-wide ams-breakout__cell--col-start-1 ams-breakout__cell--col-start-3-medium ams-breakout__cell--col-start-5-wide');
-    });
-    it('renders the correct class name for the “all” value of colSpan', () => {
-        const { container } = render(_jsx(Breakout.Cell, { colSpan: "all" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--col-span-all');
-    });
-    it('renders class names for single number values for rowStart and rowSpan', () => {
-        const { container } = render(_jsx(Breakout.Cell, { rowSpan: 3, rowStart: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--row-span-3 ams-breakout__cell--row-start-2');
-    });
-    it('renders class names for a single number value for rowStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { rowStart: 4 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--row-start-4');
-    });
-    it('renders class names for a single number value for rowSpan', () => {
-        const { container } = render(_jsx(Breakout.Cell, { rowSpan: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--row-span-2');
-    });
-    it('renders class names for a single number for rowSpan and an object for rowStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { rowSpan: 3, rowStart: { narrow: 1, medium: 2, wide: 3 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--row-span-3 ams-breakout__cell--row-start-1 ams-breakout__cell--row-start-2-medium ams-breakout__cell--row-start-3-wide');
-    });
-    it('renders class names for an object for rowSpan and a single number for rowStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { rowSpan: { narrow: 2, medium: 3, wide: 4 }, rowStart: 1 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--row-span-2 ams-breakout__cell--row-span-3-medium ams-breakout__cell--row-span-4-wide ams-breakout__cell--row-start-1');
-    });
-    it('renders class names for an object for both rowSpan and rowStart', () => {
-        const { container } = render(_jsx(Breakout.Cell, { rowSpan: { narrow: 2, medium: 3, wide: 4 }, rowStart: { narrow: 1, medium: 2, wide: 3 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-breakout__cell--row-span-2 ams-breakout__cell--row-span-3-medium ams-breakout__cell--row-span-4-wide ams-breakout__cell--row-start-1 ams-breakout__cell--row-start-2-medium ams-breakout__cell--row-start-3-wide');
-    });
-    it(`renders the correct class if it has a Figure`, () => {
-        const { container } = render(_jsx(Breakout.Cell, { has: "figure" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass(`ams-breakout__cell--has-figure`);
-    });
-    it(`renders the correct class if it has a Spotlight`, () => {
-        const { container } = render(_jsx(Breakout.Cell, { colSpan: "all", has: "spotlight" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass(`ams-breakout__cell--has-spotlight`);
-    });
-});

package/dist/Button/Button.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Button/Button.test.js

@@ -1,114 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { CloseIcon } from '@amsterdam/design-system-react-icons';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { createRef } from 'react';
-import { Button } from './Button';
-describe('Button', () => {
-    it('renders an element with role button', () => {
-        render(_jsx(Button, { children: "Click me!" }));
-        const button = screen.getByRole('button', {
-            name: 'Click me!',
-        });
-        expect(button).toBeInTheDocument();
-        expect(button).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Button, { children: "Click me!" }));
-        const button = screen.getByRole('button', {
-            name: 'Click me!',
-        });
-        expect(button).toHaveClass('ams-button');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Button, { className: "extra", children: "Click me!" }));
-        const button = screen.getByRole('button', {
-            name: 'Click me!',
-        });
-        expect(button).toHaveClass('ams-button extra');
-    });
-    it('renders a default button with variant primary', () => {
-        render(_jsx(Button, { children: "primary" }));
-        const button = screen.getByRole('button', {
-            name: 'primary',
-        });
-        expect(button).toBeInTheDocument();
-        expect(button).toHaveAttribute('type', 'button');
-        expect(button).toHaveClass('ams-button--primary');
-    });
-    it('renders a button with a specified variant', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Button, { variant: "primary", children: "primary" }), _jsx(Button, { variant: "secondary", children: "secondary" }), _jsx(Button, { variant: "tertiary", children: "tertiary" })] }));
-        const buttonPrimary = screen.getByRole('button', {
-            name: 'primary',
-        });
-        const buttonSecondary = screen.getByRole('button', {
-            name: 'secondary',
-        });
-        const buttonTertiary = screen.getByRole('button', {
-            name: 'tertiary',
-        });
-        expect(buttonPrimary).toBeInTheDocument();
-        expect(buttonPrimary).toHaveClass('ams-button--primary');
-        expect(buttonSecondary).toBeInTheDocument();
-        expect(buttonSecondary).toHaveClass('ams-button--secondary');
-        expect(buttonTertiary).toBeInTheDocument();
-        expect(buttonTertiary).toHaveClass('ams-button--tertiary');
-    });
-    it('renders a disabled button with a specified variant', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Button, { disabled: true, variant: "primary", children: "primary" }), _jsx(Button, { disabled: true, variant: "secondary", children: "secondary" }), _jsx(Button, { disabled: true, variant: "tertiary", children: "tertiary" })] }));
-        const buttonPrimary = screen.getByRole('button', {
-            name: 'primary',
-        });
-        const buttonSecondary = screen.getByRole('button', {
-            name: 'secondary',
-        });
-        const buttonTertiary = screen.getByRole('button', {
-            name: 'tertiary',
-        });
-        expect(buttonPrimary).toBeInTheDocument();
-        expect(buttonPrimary).toBeDisabled();
-        expect(buttonSecondary).toBeInTheDocument();
-        expect(buttonSecondary).toBeDisabled();
-        expect(buttonTertiary).toBeInTheDocument();
-        expect(buttonTertiary).toBeDisabled();
-    });
-    it('is able to pass a React ref', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Button, { ref: ref, children: "Click me!" }));
-        const button = container.querySelector(':only-child');
-        expect(ref.current).toBe(button);
-    });
-    it('renders a button with an icon at the end', () => {
-        render(_jsx(Button, { icon: CloseIcon, children: _jsx("span", { children: "Sluiten" }) }));
-        const button = screen.getByRole('button', {
-            name: 'Sluiten',
-        });
-        const icon = button.querySelector('.ams-icon:last-child');
-        expect(button).toBeInTheDocument();
-        expect(icon).toBeInTheDocument();
-    });
-    it('renders a button with an icon before the label', () => {
-        render(_jsx(Button, { icon: CloseIcon, iconBefore: true, children: _jsx("span", { children: "Sluiten" }) }));
-        const button = screen.getByRole('button', {
-            name: 'Sluiten',
-        });
-        const icon = button.querySelector('.ams-icon:first-child');
-        expect(button).toBeInTheDocument();
-        expect(icon).toBeInTheDocument();
-    });
-    it('renders a button with an icon only', () => {
-        render(_jsx(Button, { icon: CloseIcon, iconOnly: true, variant: "tertiary", children: "Sluiten" }));
-        const button = screen.getByRole('button', {
-            name: 'Sluiten',
-        });
-        const icon = button.querySelector('.ams-icon');
-        const label = button.querySelector('.ams-visually-hidden');
-        expect(button).toBeInTheDocument();
-        expect(icon).toBeInTheDocument();
-        expect(label).toBeInTheDocument();
-    });
-});

package/dist/CallToActionLink/CallToActionLink.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/CallToActionLink/CallToActionLink.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { CallToActionLink } from './CallToActionLink';
-import '@testing-library/jest-dom';
-describe('Call to Action Link', () => {
-    it('renders with href attribute', () => {
-        render(_jsx(CallToActionLink, { href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toBeInTheDocument();
-        expect(component).toHaveAttribute('href', '#');
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(CallToActionLink, { href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-call-to-action-link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(CallToActionLink, { className: "extra", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-call-to-action-link extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(CallToActionLink, { href: "#", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/Card.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Card/Card.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Card } from './Card';
-import '@testing-library/jest-dom';
-describe('Card', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Card, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Card, {}));
-        const component = screen.getByRole('article');
-        expect(component).toHaveClass('ams-card');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Card, { className: "extra" }));
-        const component = screen.getByRole('article');
-        expect(component).toHaveClass('ams-card extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Card, { ref: ref }));
-        const component = screen.getByRole('article');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardHeading.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Card/CardHeading.test.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { CardHeading } from './CardHeading';
-import '@testing-library/jest-dom';
-describe('Card Heading', () => {
-    it('renders', () => {
-        render(_jsx(CardHeading, { level: 1 }));
-        const component = screen.getByRole('heading');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(CardHeading, { level: 2 }));
-        const component = screen.getByRole('heading');
-        expect(component).toHaveClass('ams-card__heading');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(CardHeading, { className: "extra", level: 3 }));
-        const component = screen.getByRole('heading');
-        expect(component).toHaveClass('ams-card__heading extra');
-    });
-    it('renders the correct size level class', () => {
-        render(_jsx(CardHeading, { level: 3, size: "level-1", children: "Size level 1" }));
-        const component = screen.getByRole('heading');
-        expect(component).toHaveClass('ams-heading--1');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(CardHeading, { level: 4, ref: ref }));
-        const component = screen.getByRole('heading');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardHeadingGroup.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Card/CardHeadingGroup.test.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { CardHeadingGroup } from './CardHeadingGroup';
-import '@testing-library/jest-dom';
-describe('Card heading group', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(CardHeadingGroup, { tagline: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(CardHeadingGroup, { tagline: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__heading-group');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(CardHeadingGroup, { className: "extra", tagline: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__heading-group extra');
-    });
-    it('renders a tagline', () => {
-        render(_jsx(CardHeadingGroup, { tagline: "tagline" }));
-        const tagline = screen.getByText('tagline');
-        expect(tagline).toBeInTheDocument();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(CardHeadingGroup, { ref: ref, tagline: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardImage.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Card/CardImage.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { CardImage } from './CardImage';
-import '@testing-library/jest-dom';
-describe('Card Image', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(CardImage, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(CardImage, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__image');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(CardImage, { alt: "", className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__image extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(CardImage, { alt: "", ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardLink.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Card/CardLink.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { CardLink } from './CardLink';
-import '@testing-library/jest-dom';
-describe('Card link', () => {
-    it('renders', () => {
-        render(_jsx(CardLink, { href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(CardLink, { href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-card__link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(CardLink, { className: "extra", href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-card__link extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(CardLink, { href: "/", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/CharacterCount/CharacterCount.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/CharacterCount/CharacterCount.test.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { CharacterCount } from './CharacterCount';
-import '@testing-library/jest-dom';
-describe('Character count', () => {
-    it('renders', () => {
-        render(_jsx(CharacterCount, { length: 10, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(CharacterCount, { length: 10, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toHaveClass('ams-character-count');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(CharacterCount, { className: "extra", length: 10, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toHaveClass('ams-character-count extra');
-    });
-    it('renders an error class when length is larger than maxLength', () => {
-        render(_jsx(CharacterCount, { length: 101, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toHaveClass('ams-character-count--error');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(CharacterCount, { length: 10, maxLength: 100, ref: ref }));
-        const component = screen.getByRole('status');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Checkbox/Checkbox.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';