@amsterdam/design-system-react 2.1.0 → 2.2.0

package/dist/Avatar/Avatar.test.js

@@ -1,63 +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 { Avatar, avatarColors } from './Avatar';
-import '@testing-library/jest-dom';
-describe('Avatar', () => {
-    it('renders', () => {
-        render(_jsx(Avatar, { label: "NR" }));
-        const component = screen.getByText('Initialen gebruiker: NR');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Avatar, { label: "RS" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-avatar');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Avatar, { className: "extra", label: "VS" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-avatar extra');
-    });
-    it('renders with a label consisting of no more than two, uppercase letters', () => {
-        const { container } = render(_jsx(Avatar, { label: "Design System" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('DE');
-    });
-    it('renders with default content and title', () => {
-        const { container } = render(_jsx(Avatar, { label: "" }));
-        const component = screen.getByText('Gebruiker');
-        const svg = container.querySelector('svg');
-        expect(component).toBeVisible();
-        expect(svg).toBeInTheDocument();
-        expect(svg).not.toBeVisible(); // The icon is hidden by default, and only shown when the CSS loads.
-    });
-    it('renders with a profile picture', () => {
-        const { container } = render(_jsx(Avatar, { imageSrc: "image-source", label: "RS" }));
-        const component = screen.getByText('Initialen gebruiker: RS');
-        const image = container.querySelector('[src="image-source"]');
-        expect(component).toBeVisible();
-        expect(image).toBeVisible();
-    });
-    it('shortens a label that is too long', () => {
-        const { container } = render(_jsx(Avatar, { label: "ABC" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('AB');
-    });
-    avatarColors.map((color) => it(`renders with ${color} color`, () => {
-        const { container } = render(_jsx(Avatar, { color: color, label: "AL" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass(`ams-avatar--${color}`);
-    }));
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Avatar, { label: "AL", ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Badge/Badge.test.d.ts

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

package/dist/Badge/Badge.test.js

@@ -1,43 +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 { Badge, badgeColors } from './Badge';
-import '@testing-library/jest-dom';
-describe('Badge', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Badge, { label: "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(Badge, { label: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-badge');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Badge, { className: "extra", label: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-badge extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Badge, { label: "test", ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders with a number label', () => {
-        const { container } = render(_jsx(Badge, { label: 1 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('1');
-    });
-    badgeColors.map((color) => it(`renders with ${color} color`, () => {
-        const { container } = render(_jsx(Badge, { color: color, label: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass(`ams-badge--${color}`);
-    }));
-});

package/dist/Blockquote/Blockquote.test.d.ts

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

package/dist/Blockquote/Blockquote.test.js

@@ -1,46 +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 { Blockquote } from './Blockquote';
-import '@testing-library/jest-dom';
-describe('Blockquote', () => {
-    it('renders a blockquote HTML element', () => {
-        const { container } = render(_jsx(Blockquote, {}));
-        // TODO: Testing library doesn't seem to recognize the 'blockquote' ARIA role?
-        // const quote = screen.getByRole('blockquote')
-        const quote = container.querySelector('blockquote:only-child');
-        expect(quote).toBeInTheDocument();
-        expect(quote).toBeVisible();
-    });
-    it('renders its content', () => {
-        render(_jsx(Blockquote, { children: "Quote" }));
-        const quote = screen.getByText('Quote');
-        expect(quote).toBeInTheDocument();
-        expect(quote).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Blockquote, {}));
-        const quote = container.querySelector(':only-child');
-        expect(quote).toHaveClass('ams-blockquote');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Blockquote, { className: "extra" }));
-        const quote = container.querySelector(':only-child');
-        expect(quote).toHaveClass('ams-blockquote extra');
-    });
-    it('renders the class name for inverse color', () => {
-        const { container } = render(_jsx(Blockquote, { color: "inverse" }));
-        const quote = container.querySelector(':only-child');
-        expect(quote).toHaveClass('ams-blockquote--inverse');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Blockquote, { ref: ref }));
-        const quote = container.querySelector(':only-child');
-        expect(ref.current).toBe(quote);
-    });
-});

package/dist/Breadcrumb/Breadcrumb.test.d.ts

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

package/dist/Breadcrumb/Breadcrumb.test.js

@@ -1,45 +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 { Breadcrumb } from './Breadcrumb';
-import '@testing-library/jest-dom';
-describe('Breadcrumb', () => {
-    it('renders', () => {
-        render(_jsx(Breadcrumb, {}));
-        const component = screen.getByRole('navigation');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Breadcrumb, {}));
-        const component = screen.getByRole('navigation');
-        expect(component).toHaveClass('ams-breadcrumb');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Breadcrumb, { className: "extra" }));
-        const component = screen.getByRole('navigation');
-        expect(component).toHaveClass('ams-breadcrumb extra');
-    });
-    it('renders Breadcrumb component with children', () => {
-        const breadcrumbLinks = [
-            { href: '/link-1', label: 'Link 1' },
-            { href: '/link-2', label: 'Link 2' },
-            { href: '/link-3', label: 'Link 3' },
-        ];
-        const { container } = render(_jsx(Breadcrumb, { children: breadcrumbLinks.map((link) => (_jsx(Breadcrumb.Link, { href: link.href, children: link.label }, link.label))) }));
-        const breadcrumb = screen.getByRole('navigation');
-        const breadcrumbs = container.querySelectorAll('.ams-breadcrumb__item');
-        expect(breadcrumb).toBeInTheDocument();
-        expect(breadcrumbs.length).toBe(3);
-    });
-    it('is able to pass a React ref', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Breadcrumb, { ref: ref, children: _jsx(Breadcrumb.Link, { href: "/link-1", children: "Valid Link" }) }));
-        const breadcrumb = container.querySelector(':only-child');
-        expect(ref.current).toBe(breadcrumb);
-    });
-});

package/dist/Breadcrumb/BreadcrumbLink.test.d.ts

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

package/dist/Breadcrumb/BreadcrumbLink.test.js

@@ -1,40 +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 { BreadcrumbLink } from './BreadcrumbLink';
-import '@testing-library/jest-dom';
-describe('Breadcrumb link', () => {
-    it('renders', () => {
-        render(_jsx(BreadcrumbLink, { href: "/" }));
-        const component = screen.getByRole('listitem');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(BreadcrumbLink, { href: "/" }));
-        const item = screen.getByRole('listitem');
-        expect(item).toHaveClass('ams-breadcrumb__item');
-        const link = screen.getByRole('link');
-        expect(link).toHaveClass('ams-breadcrumb__link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(BreadcrumbLink, { className: "extra", href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-breadcrumb__link extra');
-    });
-    it('renders the href attribute', () => {
-        render(_jsx(BreadcrumbLink, { href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveAttribute('href', '/');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(BreadcrumbLink, { href: "/", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

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

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

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';