@amsterdam/design-system-react 0.15.0 → 1.0.0

package/dist/SkipLink/SkipLink.d.ts

@@ -4,6 +4,9 @@
  */
 import type { AnchorHTMLAttributes, PropsWithChildren } from 'react';
 export type SkipLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
+ */
 export declare const SkipLink: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/SkipLink/SkipLink.js

@@ -5,5 +5,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
+ */
 export const SkipLink = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("a", { ...restProps, className: clsx('ams-skip-link', 'ams-visually-hidden', className), ref: ref, children: children })));
 SkipLink.displayName = 'SkipLink';

package/dist/SkipLink/SkipLink.test.d.ts

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

package/dist/SkipLink/SkipLink.test.js

@@ -1,4 +1,8 @@
 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 { SkipLink } from './SkipLink';
@@ -15,7 +19,7 @@ describe('Skip link', () => {
         const component = screen.getByRole('link');
         expect(component).toHaveClass('ams-skip-link');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(SkipLink, { className: "extra", href: "/" }));
         const component = screen.getByRole('link');
         expect(component).toHaveClass('ams-skip-link extra');

package/dist/SkipLink/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { SkipLink } from './SkipLink';
 export type { SkipLinkProps } from './SkipLink';

package/dist/SkipLink/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { SkipLink } from './SkipLink';

package/dist/Spotlight/Spotlight.d.ts

@@ -3,17 +3,22 @@
  * Copyright Gemeente Amsterdam
  */
 import { HTMLAttributes, PropsWithChildren } from 'react';
+export declare const spotlightTags: readonly ["article", "aside", "div", "footer", "section"];
+type SpotlightTag = (typeof spotlightTags)[number];
 export declare const spotlightColors: readonly ["azure", "green", "lime", "magenta", "orange", "yellow"];
 type SpotlightColor = (typeof spotlightColors)[number];
 export type SpotlightProps = {
     /** The HTML element to use. */
-    as?: 'article' | 'aside' | 'div' | 'footer' | 'section';
+    as?: SpotlightTag;
     /** The background colour. */
     color?: SpotlightColor;
 } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
+ */
 export declare const Spotlight: import("react").ForwardRefExoticComponent<{
     /** The HTML element to use. */
-    as?: "article" | "aside" | "div" | "footer" | "section";
+    as?: SpotlightTag;
     /** The background colour. */
     color?: SpotlightColor;
 } & HTMLAttributes<HTMLElement> & {

package/dist/Spotlight/Spotlight.js

@@ -5,6 +5,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+export const spotlightTags = ['article', 'aside', 'div', 'footer', 'section'];
 export const spotlightColors = ['azure', 'green', 'lime', 'magenta', 'orange', 'yellow'];
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
+ */
 export const Spotlight = forwardRef(({ as: Tag = 'div', children, className, color, ...restProps }, ref) => (_jsx(Tag, { ...restProps, className: clsx('ams-spotlight', color && `ams-spotlight--${color}`, className), ref: ref, children: children })));
 Spotlight.displayName = 'Spotlight';

package/dist/Spotlight/Spotlight.test.d.ts

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

package/dist/Spotlight/Spotlight.test.js

@@ -1,7 +1,12 @@
 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 { Spotlight, spotlightColors } from './Spotlight';
+import { Spotlight, spotlightColors, spotlightTags } from './Spotlight';
+import { ariaRoleForTag } from '../common/accessibility';
 import '@testing-library/jest-dom';
 describe('Spotlight', () => {
     it('renders', () => {
@@ -15,11 +20,17 @@ describe('Spotlight', () => {
         const component = container.querySelector(':only-child');
         expect(component).toHaveClass('ams-spotlight');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         const { container } = render(_jsx(Spotlight, { className: "extra" }));
         const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('extra');
-        expect(component).toHaveClass('ams-spotlight');
+        expect(component).toHaveClass('ams-spotlight extra');
+    });
+    spotlightTags.forEach((tag) => {
+        it(`renders with a custom ${tag} tag`, () => {
+            const { container } = render(_jsx(Spotlight, { "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();
@@ -32,9 +43,4 @@ describe('Spotlight', () => {
         const component = container.querySelector(':only-child');
         expect(component).toHaveClass(`ams-spotlight--${color}`);
     }));
-    it('renders a custom tag', () => {
-        render(_jsx(Spotlight, { as: "article" }));
-        const cell = screen.getByRole('article');
-        expect(cell).toBeInTheDocument();
-    });
 });

package/dist/Spotlight/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Spotlight } from './Spotlight';
 export type { SpotlightProps } from './Spotlight';

package/dist/Spotlight/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Spotlight } from './Spotlight';

package/dist/StandaloneLink/StandaloneLink.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+import type { AnchorHTMLAttributes } from 'react';
+export type StandaloneLinkProps = {
+    /** Changes the text colour for readability on a light or dark background. */
+    color?: 'contrast' | 'inverse';
+    /** Adds an icon to the link, showing it before the link text. */
+    icon?: Function;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
+ */
+export declare const StandaloneLink: import("react").ForwardRefExoticComponent<{
+    /** Changes the text colour for readability on a light or dark background. */
+    color?: "contrast" | "inverse";
+    /** Adds an icon to the link, showing it before the link text. */
+    icon?: Function;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "placeholder"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/StandaloneLink/StandaloneLink.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Icon } from '../Icon';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
+ */
+export const StandaloneLink = forwardRef(({ children, className, color, icon, ...restProps }, ref) => (_jsxs("a", { ...restProps, className: clsx('ams-standalone-link', color && `ams-standalone-link--${color}`, icon && 'ams-standalone-link--with-icon', className), ref: ref, children: [icon && _jsx(Icon, { svg: icon }), children] })));
+StandaloneLink.displayName = 'StandaloneLink';

package/dist/StandaloneLink/StandaloneLink.test.d.ts

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

package/dist/StandaloneLink/StandaloneLink.test.js

@@ -0,0 +1,44 @@
+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 { StandaloneLink } from './StandaloneLink';
+import '@testing-library/jest-dom';
+describe('Standalone Link', () => {
+    it('renders with href attribute', () => {
+        render(_jsx(StandaloneLink, { href: "#" }));
+        const component = screen.getByRole('link');
+        expect(component).toBeInTheDocument();
+        expect(component).toBeVisible();
+        expect(component).toHaveAttribute('href', '#');
+    });
+    it('renders a design system BEM class name', () => {
+        render(_jsx(StandaloneLink, { href: "#" }));
+        const component = screen.getByRole('link');
+        expect(component).toHaveClass('ams-standalone-link');
+    });
+    it('renders an extra class name', () => {
+        render(_jsx(StandaloneLink, { className: "extra", href: "#" }));
+        const component = screen.getByRole('link');
+        expect(component).toHaveClass('ams-standalone-link extra');
+    });
+    it('renders the class name for contrast color', () => {
+        render(_jsx(StandaloneLink, { color: "contrast", href: "#" }));
+        const component = screen.getByRole('link');
+        expect(component).toHaveClass('ams-standalone-link ams-standalone-link--contrast');
+    });
+    it('renders the class name for inverse color', () => {
+        render(_jsx(StandaloneLink, { color: "inverse", href: "#" }));
+        const component = screen.getByRole('link');
+        expect(component).toHaveClass('ams-standalone-link ams-standalone-link--inverse');
+    });
+    it('supports ForwardRef in React', () => {
+        const ref = createRef();
+        render(_jsx(StandaloneLink, { href: "#", ref: ref }));
+        const component = screen.getByRole('link');
+        expect(ref.current).toBe(component);
+    });
+});

package/dist/StandaloneLink/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+export { StandaloneLink } from './StandaloneLink';
+export type { StandaloneLinkProps } from './StandaloneLink';

package/dist/StandaloneLink/index.js

@@ -0,0 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
+export { StandaloneLink } from './StandaloneLink';

package/dist/Switch/Switch.d.ts

@@ -4,6 +4,9 @@
  */
 import type { InputHTMLAttributes, PropsWithChildren } from 'react';
 export type SwitchProps = PropsWithChildren<InputHTMLAttributes<HTMLInputElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
+ */
 export declare const Switch: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Switch/Switch.js

@@ -5,6 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import clsx from 'clsx';
 import { forwardRef, useId } from 'react';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
+ */
 export const Switch = forwardRef(({ className, id, ...restProps }, ref) => {
     const inputId = id || useId();
     return (_jsxs("div", { className: clsx('ams-switch', className), children: [_jsx("input", { ...restProps, className: "ams-switch__input", id: inputId, ref: ref, role: "switch", type: "checkbox" }), _jsx("label", { className: "ams-switch__label", htmlFor: inputId })] }));

package/dist/Switch/Switch.test.d.ts

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

package/dist/Switch/Switch.test.js

@@ -1,4 +1,8 @@
 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 { Switch } from './Switch';
@@ -51,7 +55,7 @@ describe('Switch', () => {
         const component = container.querySelector(':only-child');
         expect(component).toHaveClass('ams-switch');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         const { container } = render(_jsx(Switch, { className: "extra" }));
         const component = container.querySelector(':only-child');
         expect(component).toHaveClass('ams-switch extra');

package/dist/Switch/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Switch } from './Switch';
 export type { SwitchProps } from './Switch';

package/dist/Switch/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Switch } from './Switch';

package/dist/Table/Table.d.ts

@@ -4,6 +4,9 @@
  */
 import type { PropsWithChildren, TableHTMLAttributes } from 'react';
 export type TableProps = PropsWithChildren<TableHTMLAttributes<HTMLTableElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
+ */
 export declare const Table: import("react").ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLTableElement>> & {

package/dist/Table/Table.js

@@ -14,6 +14,9 @@ import { TableHeaderCell } from './TableHeaderCell';
 import { TableRow } from './TableRow';
 const TableRoot = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("div", { className: "ams-table", children: _jsx("table", { ...restProps, className: clsx('ams-table__table', className), ref: ref, children: children }) })));
 TableRoot.displayName = 'Table';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
+ */
 export const Table = Object.assign(TableRoot, {
     Body: TableBody,
     Caption: TableCaption,

package/dist/Table/Table.test.d.ts

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

package/dist/Table/Table.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -15,7 +19,7 @@ describe('Table', () => {
         const component = screen.getByRole('table');
         expect(component).toHaveClass('ams-table__table');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { className: "extra" }));
         const component = screen.getByRole('table');
         expect(component).toHaveClass('ams-table__table extra');

package/dist/Table/TableBody.test.d.ts

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

package/dist/Table/TableBody.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -16,7 +20,7 @@ describe('Table body', () => {
         const component = screen.getByRole('rowgroup');
         expect(component).toHaveClass('ams-table__body');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { children: _jsx(TableBody, { className: "extra" }) }));
         const component = screen.getByRole('rowgroup');
         expect(component).toHaveClass('ams-table__body extra');

package/dist/Table/TableCaption.d.ts

@@ -1,6 +1,5 @@
 /**
- * @license EUPL-1.2
- * Copyright (c) 2022 Robbert Broersma
+ * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
 import type { HTMLAttributes, PropsWithChildren } from 'react';

package/dist/Table/TableCaption.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2022 Robbert Broersma

package/dist/Table/TableCaption.test.d.ts

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

package/dist/Table/TableCaption.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -21,7 +25,7 @@ describe('Table caption', () => {
         const caption = component?.querySelector(':only-child');
         expect(caption).toHaveClass('ams-table__caption');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { children: _jsx(TableCaption, { className: "extra", children: "Caption" }) }));
         const component = screen.getByRole('table', {
             name: 'Caption',

package/dist/Table/TableCell.test.d.ts

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

package/dist/Table/TableCell.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -18,7 +22,7 @@ describe('Table cell', () => {
         const component = screen.getByRole('cell');
         expect(component).toHaveClass('ams-table__cell');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { children: _jsx(TableCell, { className: "extra", children: "Data" }) }) }) }));
         const component = screen.getByRole('cell');
         expect(component).toHaveClass('ams-table__cell extra');

package/dist/Table/TableFooter.test.d.ts

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

package/dist/Table/TableFooter.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -16,7 +20,7 @@ describe('Table footer', () => {
         const component = screen.getByRole('rowgroup');
         expect(component).toHaveClass('ams-table__footer');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { children: _jsx(TableFooter, { className: "extra" }) }));
         const component = screen.getByRole('rowgroup');
         expect(component).toHaveClass('ams-table__footer extra');

package/dist/Table/TableHeader.test.d.ts

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

package/dist/Table/TableHeader.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -16,7 +20,7 @@ describe('Table header', () => {
         const component = screen.getByRole('rowgroup');
         expect(component).toHaveClass('ams-table__header');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { children: _jsx(TableHeader, { className: "extra" }) }));
         const component = screen.getByRole('rowgroup');
         expect(component).toHaveClass('ams-table__header extra');

package/dist/Table/TableHeaderCell.test.d.ts

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

package/dist/Table/TableHeaderCell.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -24,7 +28,7 @@ describe('Table header cell', () => {
         const component = screen.getByRole('columnheader');
         expect(component).toHaveClass('ams-table__header-cell');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { className: "extra", children: "Data" }) }) }) }));
         const component = screen.getByRole('columnheader');
         expect(component).toHaveClass('ams-table__header-cell extra');

package/dist/Table/TableRow.test.d.ts

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

package/dist/Table/TableRow.test.js

@@ -1,4 +1,8 @@
 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 { Table } from './Table';
@@ -17,7 +21,7 @@ describe('Table row', () => {
         const component = screen.getByRole('row');
         expect(component).toHaveClass('ams-table__row');
     });
-    it('renders an additional class name', () => {
+    it('renders an extra class name', () => {
         render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { className: "extra" }) }) }));
         const component = screen.getByRole('row');
         expect(component).toHaveClass('ams-table__row extra');

package/dist/Table/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Table } from './Table';
 export type { TableProps } from './Table';

package/dist/Table/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Table } from './Table';

package/dist/TableOfContents/TableOfContents.d.ts

@@ -13,6 +13,9 @@ export type TableOfContentsProps = {
      */
     headingLevel?: HeadingProps['level'];
 } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-table-of-contents--docs Table Of Contents docs at Amsterdam Design System}
+ */
 export declare const TableOfContents: import("react").ForwardRefExoticComponent<{
     /** The text for the Heading. */
     heading?: string;

package/dist/TableOfContents/TableOfContents.js

@@ -12,6 +12,9 @@ const TableOfContentsRoot = forwardRef(({ children, className, heading, headingL
     return (_jsxs("nav", { ...restProps, className: clsx('ams-table-of-contents', className), ref: ref, children: [heading && (_jsx(Heading, { className: "ams-table-of-contents__heading", level: headingLevel, size: "level-4", children: heading })), children] }));
 });
 TableOfContentsRoot.displayName = 'TableOfContents';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-table-of-contents--docs Table Of Contents docs at Amsterdam Design System}
+ */
 export const TableOfContents = Object.assign(TableOfContentsRoot, {
     Link: TableOfContentsLink,
     List: TableOfContentsList,

package/dist/TableOfContents/TableOfContents.test.d.ts

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