@amsterdam/design-system-react 2.0.2 → 2.2.0

package/dist/FieldSet/FieldSet.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 { FieldSet } from './FieldSet';
-import '@testing-library/jest-dom';
-describe('FieldSet', () => {
-    it('renders', () => {
-        render(_jsx(FieldSet, { legend: "Test" }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(FieldSet, { legend: "Test" }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(component).toHaveClass('ams-field-set');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(FieldSet, { className: "extra", legend: "Test" }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(component).toHaveClass('ams-field-set extra');
-    });
-    it('renders the correct legend class name', () => {
-        const { container } = render(_jsx(FieldSet, { legend: "Test" }));
-        const component = container.querySelector('legend');
-        expect(component).toHaveClass('ams-field-set__legend');
-    });
-    it('renders the error class', () => {
-        const { container } = render(_jsx(FieldSet, { invalid: true, legend: "Test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-field-set--invalid');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(FieldSet, { legend: "Test", ref: ref }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(ref.current).toBe(component);
-    });
-    it('renders the provided hint text after the legend', () => {
-        render(_jsx(FieldSet, { hint: "hint text", legend: "Legend" }));
-        const component = screen.getByRole('group', { name: 'Legend (hint text)' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the default hint text after the legend', () => {
-        render(_jsx(FieldSet, { legend: "Legend", optional: true }));
-        const component = screen.getByRole('group', { name: 'Legend (niet verplicht)' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the provided hint text after the legend when both `optional` and `hint` props are used', () => {
-        render(_jsx(FieldSet, { hint: "not required", legend: "Legend", optional: true }));
-        const component = screen.getByRole('group', { name: 'Legend (not required)' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the provided hint text after the legend while `optional` is set to `false`', () => {
-        render(_jsx(FieldSet, { hint: "required", legend: "Legend", optional: false }));
-        const component = screen.getByRole('group', { name: 'Legend (required)' });
-        expect(component).toBeInTheDocument();
-    });
-});

package/dist/Figure/Figure.test.d.ts

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

package/dist/Figure/Figure.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 { Figure } from './Figure';
-import '@testing-library/jest-dom';
-describe('Figure', () => {
-    it('renders', () => {
-        render(_jsx(Figure, {}));
-        const component = screen.getByRole('figure');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Figure, {}));
-        const component = screen.getByRole('figure');
-        expect(component).toHaveClass('ams-figure');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Figure, { className: "extra" }));
-        const component = screen.getByRole('figure');
-        expect(component).toHaveClass('ams-figure extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Figure, { ref: ref }));
-        const component = screen.getByRole('figure');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Figure/FigureCaption.test.d.ts

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

package/dist/Figure/FigureCaption.test.js

@@ -1,38 +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 { FigureCaption } from './FigureCaption';
-import '@testing-library/jest-dom';
-describe('Figure Caption', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(FigureCaption, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(FigureCaption, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-figure__caption');
-    });
-    it('renders the class name for inverse color', () => {
-        const { container } = render(_jsx(FigureCaption, { color: "inverse", children: "Caption" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-figure__caption--inverse');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(FigureCaption, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-figure__caption extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(FigureCaption, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/FileInput/FileInput.test.d.ts

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

package/dist/FileInput/FileInput.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 { FileInput } from './FileInput';
-import '@testing-library/jest-dom';
-describe('File input', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(FileInput, {}));
-        const component = container.querySelector('input[type="file"]');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(FileInput, {}));
-        const component = container.querySelector('input[type="file"]');
-        expect(component).toHaveClass('ams-file-input');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(FileInput, { className: "extra" }));
-        const component = container.querySelector('input[type="file"]');
-        expect(component).toHaveClass('ams-file-input extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(FileInput, { ref: ref }));
-        const component = container.querySelector('input[type="file"]');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/FileList/FileList.test.d.ts

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

package/dist/FileList/FileList.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 { FileList } from './FileList';
-import '@testing-library/jest-dom';
-describe('FileList', () => {
-    it('renders', () => {
-        render(_jsx(FileList, {}));
-        const component = screen.getByRole('list');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(FileList, {}));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-file-list');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(FileList, { className: "extra" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-file-list extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(FileList, { ref: ref }));
-        const component = screen.getByRole('list');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/FileList/FileListItem.test.d.ts

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

package/dist/FileList/FileListItem.test.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { fireEvent, render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import '@testing-library/jest-dom';
-import { FileListItem } from './FileListItem';
-describe('FileListItem', () => {
-    const file = new File(['sample content'], 'sample.txt', { type: 'text/plain' });
-    it('renders', () => {
-        render(_jsx(FileListItem, { file: file }));
-        const component = screen.getByRole('listitem');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(FileListItem, { file: file }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-file-list__item');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(FileListItem, { className: "extra", file: file }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-file-list__item extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(FileListItem, { file: file, ref: ref }));
-        const component = screen.getByRole('listitem');
-        expect(ref.current).toBe(component);
-    });
-    it('renders the file name', () => {
-        render(_jsx(FileListItem, { file: file }));
-        expect(screen.getByText('sample.txt')).toBeInTheDocument();
-    });
-    it('calls onDelete when the remove button is clicked', () => {
-        const onDelete = jest.fn();
-        render(_jsx(FileListItem, { file: file, onDelete: onDelete }));
-        fireEvent.click(screen.getByRole('button'));
-        expect(onDelete).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/Grid/Grid.test.d.ts

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

package/dist/Grid/Grid.test.js

@@ -1,69 +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 { Grid, gridGaps, gridPaddings, gridTags } from './Grid';
-import '@testing-library/jest-dom';
-describe('Grid', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Grid, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Grid, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Grid, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid extra');
-    });
-    gridGaps.forEach((size) => {
-        it(`renders the correct class name for a ${size} vertical gap`, () => {
-            const { container } = render(_jsx(Grid, { gapVertical: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--gap-vertical--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} bottom padding`, () => {
-            const { container } = render(_jsx(Grid, { paddingBottom: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--padding-bottom--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} top padding`, () => {
-            const { container } = render(_jsx(Grid, { paddingTop: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--padding-top--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} vertical padding`, () => {
-            const { container } = render(_jsx(Grid, { paddingVertical: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--padding-vertical--${size}`);
-        });
-    });
-    gridTags.forEach((tag) => {
-        it(`renders with a custom ${tag} tag`, () => {
-            const { container } = render(_jsx(Grid, { "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(Grid, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Grid/GridCell.test.d.ts

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

package/dist/Grid/GridCell.test.js

@@ -1,84 +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 { Grid } from './Grid';
-import { gridCellTags } from './GridCell';
-import '@testing-library/jest-dom';
-describe('Grid cell', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Grid.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(Grid.Cell, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Grid.Cell, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell extra');
-    });
-    it('renders no class names for undefined values for start and span', () => {
-        const { container } = render(_jsx(Grid.Cell, {}));
-        const elementWithSpanClass = container.querySelector('[class*="ams-grid__cell--span"]');
-        const elementWithStartClass = container.querySelector('[class*="ams-grid__cell--start"]');
-        expect(elementWithSpanClass).not.toBeInTheDocument();
-        expect(elementWithStartClass).not.toBeInTheDocument();
-    });
-    it('renders class names for single number values for start and span', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: 4, start: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-4 ams-grid__cell--start-2');
-    });
-    it('renders class names for a single number value for start', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: 8 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-8');
-    });
-    it('renders class names for a single number value for span', () => {
-        const { container } = render(_jsx(Grid.Cell, { start: 6 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--start-6');
-    });
-    it('renders class names for a single number for span and an object for start', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: 8, start: { narrow: 2, medium: 4, wide: 6 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-8 ams-grid__cell--start-2 ams-grid__cell--start-4-medium ams-grid__cell--start-6-wide');
-    });
-    it('renders class names for an object for span and a single number for start', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: { narrow: 3, medium: 5, wide: 7 }, start: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-3 ams-grid__cell--span-5-medium ams-grid__cell--span-7-wide ams-grid__cell--start-2');
-    });
-    it('renders class names for an object for both start and span', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: { narrow: 2, medium: 4, wide: 6 }, start: { narrow: 1, medium: 3, wide: 5 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-2 ams-grid__cell--span-4-medium ams-grid__cell--span-6-wide ams-grid__cell--start-1 ams-grid__cell--start-3-medium ams-grid__cell--start-5-wide');
-    });
-    it('renders the correct class name for the “all” value of span', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: "all" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-all');
-    });
-    gridCellTags.forEach((tag) => {
-        it(`renders with a custom ${tag} tag`, () => {
-            const { container } = render(_jsx(Grid.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(Grid.Cell, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Heading/Heading.test.d.ts

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

package/dist/Heading/Heading.test.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Heading } from './Heading';
-import '@testing-library/jest-dom';
-describe('Heading', () => {
-    it('renders an element with role heading', () => {
-        render(_jsx(Heading, { level: 1, children: "Breaking news" }));
-        const heading = screen.getByRole('heading', {
-            name: 'Breaking news',
-        });
-        expect(heading).toBeInTheDocument();
-        expect(heading).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Heading, { level: 1 }));
-        const heading = screen.getByRole('heading');
-        expect(heading).toHaveClass('ams-heading');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Heading, { className: "extra", level: 1 }));
-        const heading = screen.getByRole('heading');
-        expect(heading).toHaveClass('ams-heading extra');
-    });
-    it('renders the allowed levels correctly', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Heading, { level: 1, children: "Heading 1" }), _jsx(Heading, { level: 2, children: "Heading 2" }), _jsx(Heading, { level: 3, children: "Heading 3" }), _jsx(Heading, { level: 4, children: "Heading 4" })] }));
-        const h1 = screen.getByRole('heading', { level: 1, name: 'Heading 1' });
-        const h2 = screen.getByRole('heading', { level: 2, name: 'Heading 2' });
-        const h3 = screen.getByRole('heading', { level: 3, name: 'Heading 3' });
-        const h4 = screen.getByRole('heading', { level: 4, name: 'Heading 4' });
-        expect(h1).toBeInTheDocument();
-        expect(h2).toBeInTheDocument();
-        expect(h3).toBeInTheDocument();
-        expect(h4).toBeInTheDocument();
-    });
-    it('renders the correct size level class', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Heading, { level: 1, size: "level-1", children: "Size level 1" }), _jsx(Heading, { level: 1, size: "level-2", children: "Size level 2" }), _jsx(Heading, { level: 1, size: "level-3", children: "Size level 3" }), _jsx(Heading, { level: 1, size: "level-4", children: "Size level 4" }), _jsx(Heading, { level: 1, size: "level-5", children: "Size level 5" })] }));
-        const sizeLevel1 = screen.getByRole('heading', { level: 1, name: 'Size level 1' });
-        const sizeLevel2 = screen.getByRole('heading', { level: 1, name: 'Size level 2' });
-        const sizeLevel3 = screen.getByRole('heading', { level: 1, name: 'Size level 3' });
-        const sizeLevel4 = screen.getByRole('heading', { level: 1, name: 'Size level 4' });
-        const sizeLevel5 = screen.getByRole('heading', { level: 1, name: 'Size level 5' });
-        expect(sizeLevel1).toHaveClass('ams-heading--1');
-        expect(sizeLevel2).toHaveClass('ams-heading--2');
-        expect(sizeLevel3).toHaveClass('ams-heading--3');
-        expect(sizeLevel4).toHaveClass('ams-heading--4');
-        expect(sizeLevel5).toHaveClass('ams-heading--5');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(Heading, { color: "inverse", level: 1, children: "Heading" }));
-        const heading = screen.getByRole('heading', { name: 'Heading' });
-        expect(heading).toHaveClass('ams-heading--inverse');
-    });
-    it('renders inline markup', () => {
-        render(_jsxs(Heading, { level: 1, children: [_jsx("strong", { children: "Breaking" }), " news"] }));
-        const heading = screen.getByRole('heading', { name: 'Breaking news' });
-        const inlineMarkup = heading.querySelector('strong');
-        expect(inlineMarkup).toBeInTheDocument();
-    });
-    it('is able to pass a React ref', () => {
-        const ref = createRef();
-        render(_jsx(Heading, { level: 1, ref: ref }));
-        const heading = screen.getByRole('heading');
-        expect(ref.current).toBe(heading);
-    });
-});

package/dist/Hint/Hint.test.d.ts

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

package/dist/Hint/Hint.test.js

@@ -1,53 +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 { Hint } from '.';
-import '@testing-library/jest-dom';
-describe('Hint', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Hint, { hint: "hint" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Hint, { optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-hint');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Hint, { className: "extra", optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-hint extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Hint, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders the provided hint text', () => {
-        const { container } = render(_jsx(Hint, { hint: "hint text" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(hint text)');
-    });
-    it('renders the default hint text', () => {
-        const { container } = render(_jsx(Hint, { optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(niet verplicht)');
-    });
-    it('renders the provided hint text when `optional` is set to `false`', () => {
-        const { container } = render(_jsx(Hint, { hint: "not required", optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(not required)');
-    });
-    it('renders the provided hint text "required" while also being marked as not optional', () => {
-        const { container } = render(_jsx(Hint, { hint: "required", optional: false }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(required)');
-    });
-});

package/dist/Icon/Icon.test.d.ts

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