@amsterdam/design-system-react 0.16.0 → 1.1.0

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

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

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

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

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

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

package/dist/TableOfContents/TableOfContents.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 { TableOfContents } from './TableOfContents';

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

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

package/dist/TableOfContents/TableOfContentsLink.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';

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

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

package/dist/TableOfContents/TableOfContentsList.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 { TableOfContents } from './TableOfContents';

package/dist/TableOfContents/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { TableOfContents } from './TableOfContents';
 export type { TableOfContentsProps } from './TableOfContents';
 export type { TableOfContentsLinkProps } from './TableOfContentsLink';

package/dist/TableOfContents/index.js

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

package/dist/Tabs/Tabs.d.ts

@@ -8,6 +8,9 @@ export type TabsProps = {
     activeTab?: string;
     onTabChange?: (panelId: string) => void;
 } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-tabs--docs Tabs docs at Amsterdam Design System}
+ */
 export declare const Tabs: import("react").ForwardRefExoticComponent<{
     /** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
     activeTab?: string;

package/dist/Tabs/Tabs.js

@@ -11,6 +11,7 @@ import { TabsList } from './TabsList';
 import { TabsPanel } from './TabsPanel';
 const TabsRoot = forwardRef(({ activeTab, children, className, onTabChange, ...restProps }, ref) => {
     const [activeTabId, setActiveTabId] = useState();
+    // Get all tab ids from TabsButtons on first render
     const allTabIds = useMemo(() => {
         if (!Array.isArray(children))
             return [];
@@ -29,7 +30,7 @@ const TabsRoot = forwardRef(({ activeTab, children, className, onTabChange, ...r
         }
         // If there are no children, return an empty array
         return [];
-    }, [children]);
+    }, []);
     useEffect(() => {
         if (!activeTab) {
             setActiveTabId(allTabIds[0]);
@@ -49,6 +50,9 @@ const TabsRoot = forwardRef(({ activeTab, children, className, onTabChange, ...r
     return (_jsx(TabsContext.Provider, { value: { activeTabId, updateTab }, children: _jsx("div", { ...restProps, className: clsx('ams-tabs', className), ref: ref, children: children }) }));
 });
 TabsRoot.displayName = 'Tabs';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-tabs--docs Tabs docs at Amsterdam Design System}
+ */
 export const Tabs = Object.assign(TabsRoot, {
     Button: TabsButton,
     List: TabsList,

package/dist/Tabs/Tabs.test.d.ts

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

package/dist/Tabs/Tabs.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { createRef } from 'react';

package/dist/Tabs/TabsButton.js

@@ -10,6 +10,9 @@ export const TabsButton = forwardRef(({ 'aria-controls': ariaControls, children,
     const { activeTabId, updateTab } = useContext(TabsContext);
     const handleClick = (event) => {
         onClick?.(event);
+        // Allow preventDefault to stop the tab from updating
+        if (event.defaultPrevented)
+            return;
         startTransition(() => {
             updateTab(ariaControls);
         });

package/dist/Tabs/TabsButton.test.d.ts

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

package/dist/Tabs/TabsButton.test.js

@@ -1,8 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { createRef } from 'react';
 import { TabsButton } from './TabsButton';
 import '@testing-library/jest-dom';
+import { TabsContext } from './TabsContext';
 describe('Tabs button', () => {
     it('renders', () => {
         render(_jsx(TabsButton, { "aria-controls": "one" }));
@@ -34,6 +40,14 @@ describe('Tabs button', () => {
         const component = screen.getByRole('tab');
         expect(component).toHaveAttribute('aria-controls', 'one');
     });
+    it('does not call updateTab if event.preventDefault is invoked', async () => {
+        const user = userEvent.setup();
+        const mockUpdateTab = jest.fn();
+        render(_jsx(TabsContext.Provider, { value: { updateTab: mockUpdateTab }, children: _jsx(TabsButton, { "aria-controls": "one", onClick: (event) => event.preventDefault(), children: "Label" }) }));
+        const button = screen.getByRole('tab', { name: 'Label' });
+        await user.click(button);
+        expect(mockUpdateTab).not.toHaveBeenCalled();
+    });
     it('supports ForwardRef in React', () => {
         const ref = createRef();
         render(_jsx(TabsButton, { "aria-controls": "one", ref: ref }));

package/dist/Tabs/TabsList.test.d.ts

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

package/dist/Tabs/TabsList.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 { TabsList } from './TabsList';

package/dist/Tabs/TabsPanel.test.d.ts

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

package/dist/Tabs/TabsPanel.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx, 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 { Tabs } from './Tabs';

package/dist/Tabs/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Tabs } from './Tabs';
 export type { TabsProps } from './Tabs';
 export type { TabsPanelProps } from './TabsPanel';

package/dist/Tabs/index.js

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

package/dist/TextArea/TextArea.d.ts

@@ -9,6 +9,9 @@ export type TextAreaProps = {
     /** Allows the user to resize the text box. The default is resizing in both directions. */
     resize?: 'none' | 'horizontal' | 'vertical';
 } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-invalid'>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-text-area--docs Text Area docs at Amsterdam Design System}
+ */
 export declare const TextArea: import("react").ForwardRefExoticComponent<{
     /** Whether the value fails a validation rule. */
     invalid?: boolean;

package/dist/TextArea/TextArea.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-forms-text-area--docs Text Area docs at Amsterdam Design System}
+ */
 export const TextArea = forwardRef(({ className, dir, invalid, resize, ...restProps }, ref) => (_jsx("textarea", { ...restProps, "aria-invalid": invalid || undefined, className: clsx('ams-text-area', resize && `ams-text-area--resize-${resize}`, restProps.cols && 'ams-text-area--cols', className), dir: dir ?? 'auto', ref: ref })));
 TextArea.displayName = 'TextArea';

package/dist/TextArea/TextArea.test.d.ts

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

package/dist/TextArea/TextArea.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 userEvent from '@testing-library/user-event';
 import { createRef, useState } from 'react';

package/dist/TextArea/index.d.ts

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

package/dist/TextArea/index.js

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

package/dist/TextInput/TextInput.d.ts

@@ -11,6 +11,9 @@ export type TextInputProps = {
     /** The kind of data that the user should provide. */
     type?: TextInputType;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'aria-invalid'>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-text-input--docs Text Input docs at Amsterdam Design System}
+ */
 export declare const TextInput: import("react").ForwardRefExoticComponent<{
     /** Whether the value fails a validation rule. */
     invalid?: boolean;

package/dist/TextInput/TextInput.js

@@ -6,5 +6,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 export const textInputTypes = ['email', 'tel', 'text', 'url'];
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-text-input--docs Text Input docs at Amsterdam Design System}
+ */
 export const TextInput = forwardRef(({ className, dir, invalid, type = 'text', ...restProps }, ref) => (_jsx("input", { ...restProps, "aria-invalid": invalid || undefined, className: clsx('ams-text-input', className), dir: dir ?? 'auto', ref: ref, type: type })));
 TextInput.displayName = 'TextInput';

package/dist/TextInput/TextInput.test.d.ts

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

package/dist/TextInput/TextInput.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 userEvent from '@testing-library/user-event';
 import { createRef, useState } from 'react';

package/dist/TextInput/index.d.ts

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

package/dist/TextInput/index.js

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

package/dist/TimeInput/TimeInput.d.ts

@@ -7,6 +7,9 @@ export type TimeInputProps = {
     /** Whether the value fails a validation rule. */
     invalid?: boolean;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'aria-invalid' | 'type'>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-time-input--docs Time Input docs at Amsterdam Design System}
+ */
 export declare const TimeInput: import("react").ForwardRefExoticComponent<{
     /** Whether the value fails a validation rule. */
     invalid?: boolean;

package/dist/TimeInput/TimeInput.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-forms-time-input--docs Time Input docs at Amsterdam Design System}
+ */
 export const TimeInput = forwardRef(({ className, invalid, ...restProps }, ref) => (_jsx("input", { ...restProps, "aria-invalid": invalid || undefined, className: clsx('ams-time-input', className), ref: ref, type: "time" })));
 TimeInput.displayName = 'TimeInput';

package/dist/TimeInput/TimeInput.test.d.ts

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

package/dist/TimeInput/TimeInput.test.js

@@ -1,4 +1,8 @@
 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 { TimeInput } from './TimeInput';

package/dist/TimeInput/index.d.ts

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

package/dist/TimeInput/index.js

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

package/dist/UnorderedList/UnorderedList.d.ts

@@ -11,6 +11,9 @@ export type UnorderedListProps = {
     /** The size of the text. */
     size?: 'small';
 } & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-unordered-list--docs Unordered List docs at Amsterdam Design System}
+ */
 export declare const UnorderedList: import("react").ForwardRefExoticComponent<{
     /** Changes the text colour for readability on a dark background. */
     color?: "inverse";

package/dist/UnorderedList/UnorderedList.js

@@ -10,4 +10,7 @@ const UnorderedListRoot = forwardRef(({ children, className, color, markers = tr
     return (_jsx("ul", { className: clsx('ams-unordered-list', color && `ams-unordered-list--${color}`, !markers && 'ams-unordered-list--no-markers', size && `ams-unordered-list--${size}`, className), ref: ref, ...restProps, children: children }));
 });
 UnorderedListRoot.displayName = 'UnorderedList';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-unordered-list--docs Unordered List docs at Amsterdam Design System}
+ */
 export const UnorderedList = Object.assign(UnorderedListRoot, { Item: UnorderedListItem });

package/dist/UnorderedList/UnorderedList.test.d.ts

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

package/dist/UnorderedList/UnorderedList.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 { UnorderedList } from './UnorderedList';

package/dist/UnorderedList/UnorderedListItem.test.d.ts

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

package/dist/UnorderedList/UnorderedListItem.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 { UnorderedListItem } from './UnorderedListItem';

package/dist/UnorderedList/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { UnorderedList } from './UnorderedList';
 export type { UnorderedListProps } from './UnorderedList';
 export type { UnorderedListItemProps } from './UnorderedListItem';

package/dist/UnorderedList/index.js

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

package/dist/common/formatFileSize.test.d.ts

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

package/dist/common/formatFileSize.test.js

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { formatFileSize } from './formatFileSize';
 describe('formatFileSize', () => {
     it('formats bytes correctly', () => {

package/dist/common/formatFileType.test.d.ts

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

package/dist/common/formatFileType.test.js

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { formatFileType } from './formatFileType';
 describe('formatFileType', () => {
     it('formats image types correctly', () => {

package/dist/common/types.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export declare const aspectRatioOptions: readonly ["9:16", "3:4", "1:1", "4:3", "16:9", "16:5"];
 export type AspectRatioProps = {
     /** The aspect ratio to display media content in. */

package/dist/common/types.js

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 // This array is not used to create the aspect ratio CSS classes.
 // If you modify this array, you must also update the
 // aspect ratio CSS classes in /packages/css/src/components/aspect-ratio/aspect-ratio.scss.

package/dist/common/useIsAfterBreakpoint.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 type useIsAfterBreakpointProps = 'medium' | 'wide';
 declare const useIsAfterBreakpoint: (breakpoint: useIsAfterBreakpointProps) => boolean;
 export default useIsAfterBreakpoint;