@amsterdam/design-system-react 0.16.0 → 1.1.0

package/dist/IconButton/IconButton.test.d.ts

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

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

package/dist/IconButton/index.d.ts

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

package/dist/IconButton/index.js

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

package/dist/Image/Image.d.ts

@@ -8,6 +8,9 @@ export type ImageProps = {
     /** A textual description of the content of the image. */
     alt: string;
 } & AspectRatioProps & Omit<ImgHTMLAttributes<HTMLImageElement>, 'children'>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image--docs Image docs at Amsterdam Design System}
+ */
 export declare const Image: import("react").ForwardRefExoticComponent<{
     /** A textual description of the content of the image. */
     alt: string;

package/dist/Image/Image.js

@@ -6,5 +6,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { generateAspectRatioClass } from './generateAspectRatioClass';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image--docs Image docs at Amsterdam Design System}
+ */
 export const Image = forwardRef(({ aspectRatio, className, ...restProps }, ref) => (_jsx("img", { ...restProps, className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className), ref: ref })));
 Image.displayName = 'Image';

package/dist/Image/Image.test.d.ts

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

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

package/dist/Image/generateAspectRatioClass.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export declare const generateAspectRatioClass: (aspectRatio?: string) => string | undefined;

package/dist/Image/generateAspectRatioClass.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export const generateAspectRatioClass = (aspectRatio) => aspectRatio && `ams-aspect-ratio-${aspectRatio.replace(':', '-')}`;

package/dist/Image/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Image } from './Image';
 export { generateAspectRatioClass } from './generateAspectRatioClass';
 export type { ImageProps } from './Image';

package/dist/Image/index.js

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

package/dist/ImageSlider/ImageSlider.d.ts

@@ -29,6 +29,9 @@ export declare const ImageSliderRoot: import("react").ForwardRefExoticComponent<
     /** The label for the ‘previous’ button */
     previousLabel?: string;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs Image Slider docs at Amsterdam Design System}
+ */
 export declare const ImageSlider: import("react").ForwardRefExoticComponent<{
     /** Display buttons to navigate to the previous or next image. */
     controls?: boolean;

package/dist/ImageSlider/ImageSlider.js

@@ -95,4 +95,7 @@ export const ImageSliderRoot = forwardRef(({ className, controls, imageLabel = '
     return (_jsx(ImageSliderContext.Provider, { value: { currentSlideId, goToNextSlide, goToPreviousSlide, goToSlideId, isAtEnd, isAtStart }, children: _jsxs("div", { ...restProps, "aria-roledescription": "carousel", className: clsx('ams-image-slider', controls && 'ams-image-slider--controls', className), ref: ref, tabIndex: -1, children: [controls && _jsx(ImageSliderControls, { nextLabel: nextLabel, previousLabel: previousLabel }), _jsx(ImageSliderScroller, { "aria-live": "polite", ref: targetRef, role: "group", tabIndex: 0, children: images.map(({ alt, aspectRatio, sizes, src, srcSet }, index) => (_jsx(ImageSliderItem, { slideId: index, children: _jsx(Image, { alt: alt, aspectRatio: aspectRatio, sizes: sizes, src: src, srcSet: srcSet }) }, index))) }), _jsx(ImageSliderThumbnails, { imageLabel: imageLabel, thumbnails: images })] }) }));
 });
 ImageSliderRoot.displayName = 'ImageSlider';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs Image Slider docs at Amsterdam Design System}
+ */
 export const ImageSlider = Object.assign(ImageSliderRoot, { Item: ImageSliderItem });

package/dist/ImageSlider/ImageSlider.test.d.ts

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

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

package/dist/ImageSlider/ImageSliderControls.js

@@ -3,15 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
-import { ChevronLeftIcon, ChevronRightIcon } from '@amsterdam/design-system-react-icons';
+import { ChevronBackwardIcon, ChevronForwardIcon } from '@amsterdam/design-system-react-icons';
 import clsx from 'clsx';
 import { forwardRef, useCallback, useContext } from 'react';
 import { ImageSliderContext } from './ImageSliderContext';
-import { IconButton } from '../IconButton';
+import { Button } from '../Button';
 export const ImageSliderControls = forwardRef(({ className, nextLabel, previousLabel, ...restProps }, ref) => {
     const { goToNextSlide, goToPreviousSlide, isAtEnd, isAtStart } = useContext(ImageSliderContext);
     const handleClickPrevious = useCallback(() => goToPreviousSlide(), [goToPreviousSlide]);
     const handleClickNext = useCallback(() => goToNextSlide(), [goToNextSlide]);
-    return (_jsxs("div", { ...restProps, className: clsx('ams-image-slider__controls', className), ref: ref, children: [_jsx(IconButton, { className: "ams-image-slider__control ams-image-slider__control--previous", color: "inverse", disabled: isAtStart, label: previousLabel, onClick: handleClickPrevious, svg: ChevronLeftIcon }), _jsx(IconButton, { className: "ams-image-slider__control ams-image-slider__control--next", color: "inverse", disabled: isAtEnd, label: nextLabel, onClick: handleClickNext, svg: ChevronRightIcon })] }));
+    return (_jsxs("div", { ...restProps, className: clsx('ams-image-slider__controls', className), ref: ref, children: [_jsx(Button, { className: "ams-image-slider__control ams-image-slider__control--previous", color: "inverse", disabled: isAtStart, icon: ChevronBackwardIcon, iconOnly: true, onClick: handleClickPrevious, children: previousLabel }), _jsx(Button, { className: "ams-image-slider__control ams-image-slider__control--next", color: "inverse", disabled: isAtEnd, icon: ChevronForwardIcon, iconOnly: true, onClick: handleClickNext, children: nextLabel })] }));
 });
 ImageSliderControls.displayName = 'ImageSliderControls';

package/dist/ImageSlider/ImageSliderControls.test.d.ts

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

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

package/dist/ImageSlider/ImageSliderItem.test.d.ts

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

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

package/dist/ImageSlider/ImageSliderScroller.test.d.ts

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

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

package/dist/ImageSlider/ImageSliderThumbnails.test.d.ts

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

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

package/dist/ImageSlider/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { ImageSlider } from './ImageSlider';
 export type { ImageSliderProps } from './ImageSlider';
 export type { ImageSliderItemProps } from './ImageSliderItem';

package/dist/ImageSlider/index.js

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

package/dist/InvalidFormAlert/InvalidFormAlert.d.ts

@@ -37,6 +37,9 @@ export type InvalidFormAlertProps = {
      **/
     headingLevel: HeadingProps['level'];
 } & HTMLAttributes<HTMLDivElement>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-invalid-form-alert--docs Invalid Form Alert docs at Amsterdam Design System}
+ */
 export declare const InvalidFormAlert: import("react").ForwardRefExoticComponent<{
     /**
      * The text following the error count.

package/dist/InvalidFormAlert/InvalidFormAlert.js

@@ -6,6 +6,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useState } from 'react';
 import { InvalidFormAlertWithErrors } from './InvalidFormAlertWithErrors';
 import { useAddErrorCountToDocumentTitle } from './useAddErrorCountToDocumentTitle';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-invalid-form-alert--docs Invalid Form Alert docs at Amsterdam Design System}
+ */
 export const InvalidFormAlert = forwardRef(({ errorCountLabel, errors, ...restProps }, ref) => {
     // An Invalid Form Alert without errors only resets the document title.
     // With errors, it renders the InvalidFormAlertWithErrors component.

package/dist/InvalidFormAlert/InvalidFormAlert.test.d.ts

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

package/dist/InvalidFormAlert/InvalidFormAlert.test.js

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

package/dist/InvalidFormAlert/index.d.ts

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

package/dist/InvalidFormAlert/index.js

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

package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export declare const useAddErrorCountToDocumentTitle: (
 /** The list of error messages used to calculate the error count. */
 errors: {

package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.js

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { useEffect, useState } from 'react';
 export const useAddErrorCountToDocumentTitle = (
 /** The list of error messages used to calculate the error count. */

package/dist/Label/Label.d.ts

@@ -1,11 +1,13 @@
 /**
  * @license EUPL-1.2+
- * Copyright (c) 2021 Robbert Broersma
  * Copyright Gemeente Amsterdam
  */
 import type { LabelHTMLAttributes, PropsWithChildren } from 'react';
 import { HintProps } from '../Hint';
 export type LabelProps = PropsWithChildren<LabelHTMLAttributes<HTMLLabelElement>> & HintProps;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-label--docs Label docs at Amsterdam Design System}
+ */
 export declare const Label: import("react").ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLabelElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").HTMLAttributes<HTMLElement> & {

package/dist/Label/Label.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 /**
  * @license EUPL-1.2+
  * Copyright (c) 2021 Robbert Broersma
@@ -7,6 +11,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Hint } from '../Hint';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-label--docs Label docs at Amsterdam Design System}
+ */
 export const Label = forwardRef(({ children, className, hint, optional, ...restProps }, ref) => {
     return (_jsxs("label", { ...restProps, className: clsx('ams-label', className), ref: ref, children: [children, " ", _jsx(Hint, { hint: hint, optional: optional })] }));
 });

package/dist/Label/Label.test.d.ts

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

package/dist/Label/Label.test.js

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

package/dist/Label/index.d.ts

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

package/dist/Label/index.js

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

package/dist/Link/Link.d.ts

@@ -7,6 +7,9 @@ export type LinkProps = {
     /** Changes the text colour for readability on a light or dark background. */
     color?: 'contrast' | 'inverse';
 } & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link--docs Link docs at Amsterdam Design System}
+ */
 export declare const Link: import("react").ForwardRefExoticComponent<{
     /** Changes the text colour for readability on a light or dark background. */
     color?: "contrast" | "inverse";

package/dist/Link/Link.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-link--docs Link docs at Amsterdam Design System}
+ */
 export const Link = forwardRef(({ children, className, color, ...restProps }, ref) => (_jsx("a", { ...restProps, className: clsx('ams-link', color && `ams-link--${color}`, className), ref: ref, children: children })));
 Link.displayName = 'Link';

package/dist/Link/Link.test.d.ts

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

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

package/dist/Link/index.d.ts

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

package/dist/Link/index.js

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

package/dist/LinkList/LinkList.d.ts

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

package/dist/LinkList/LinkList.js

@@ -11,4 +11,7 @@ const LinkListRoot = forwardRef(({ children, className, ...restProps }, ref) =>
     return (_jsx("ul", { className: clsx('ams-link-list', className), ref: ref, ...restProps, children: children }));
 });
 LinkListRoot.displayName = 'LinkList';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link-list--docs Link List docs at Amsterdam Design System}
+ */
 export const LinkList = Object.assign(LinkListRoot, { Link: LinkListLink });

package/dist/LinkList/LinkList.test.d.ts

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

package/dist/LinkList/LinkList.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/LinkList/LinkListLink.js

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
-import { ChevronRightIcon } from '@amsterdam/design-system-react-icons';
+import { ChevronForwardIcon } from '@amsterdam/design-system-react-icons';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Icon } from '../Icon';
 /** One link with a Link List. */
 export const LinkListLink = forwardRef(({ children, className, color, icon, size, ...restProps }, ref) => {
-    return (_jsx("li", { children: _jsxs("a", { className: clsx('ams-link-list__link', color && `ams-link-list__link--${color}`, size && `ams-link-list__link--${size}`, className), ref: ref, ...restProps, children: [_jsx(Icon, { size: size, svg: icon ?? ChevronRightIcon }), children] }) }));
+    return (_jsx("li", { children: _jsxs("a", { className: clsx('ams-link-list__link', color && `ams-link-list__link--${color}`, size && `ams-link-list__link--${size}`, className), ref: ref, ...restProps, children: [_jsx(Icon, { size: size, svg: icon ?? ChevronForwardIcon }), children] }) }));
 });
 LinkListLink.displayName = 'LinkList.Link';

package/dist/LinkList/LinkListLink.test.d.ts

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

package/dist/LinkList/LinkListLink.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/LinkList/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { LinkList } from './LinkList';
 export type { LinkListProps } from './LinkList';
 export type { LinkListLinkProps } from './LinkListLink';

package/dist/LinkList/index.js

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

package/dist/Logo/Logo.d.ts

@@ -8,4 +8,7 @@ export type LogoProps = {
     /** The name of the brand for which to display the logo. */
     brand?: LogoBrand;
 } & SVGProps<SVGSVGElement>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-logo--docs Logo docs at Amsterdam Design System}
+ */
 export declare const Logo: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;

package/dist/Logo/Logo.js

@@ -7,15 +7,37 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { LogoAmsterdam, LogoGgdAmsterdam, LogoMuseumWeesp, LogoStadsarchief, LogoStadsbankVanLening, LogoVgaVerzekeringen, } from './brand';
 const logoConfig = {
-    amsterdam: LogoAmsterdam,
-    'ggd-amsterdam': LogoGgdAmsterdam,
-    'museum-weesp': LogoMuseumWeesp,
-    stadsarchief: LogoStadsarchief,
-    'stadsbank-van-lening': LogoStadsbankVanLening,
-    'vga-verzekeringen': LogoVgaVerzekeringen,
+    amsterdam: {
+        label: 'Gemeente Amsterdam logo',
+        logo: LogoAmsterdam,
+    },
+    'ggd-amsterdam': {
+        label: 'GGD Amsterdam logo',
+        logo: LogoGgdAmsterdam,
+    },
+    'museum-weesp': {
+        label: 'Gemeente Amsterdam Museum Weesp logo',
+        logo: LogoMuseumWeesp,
+    },
+    stadsarchief: {
+        label: 'Gemeente Amsterdam Stadsarchief logo',
+        logo: LogoStadsarchief,
+    },
+    'stadsbank-van-lening': {
+        label: 'Gemeente Amsterdam Stadsbank van Lening logo',
+        logo: LogoStadsbankVanLening,
+    },
+    'vga-verzekeringen': {
+        label: 'Gemeente Amsterdam VGA Verzekeringen logo',
+        logo: LogoVgaVerzekeringen,
+    },
 };
-export const Logo = forwardRef(({ brand = 'amsterdam', className, ...restProps }, ref) => {
-    const LogoComponent = logoConfig[brand];
-    return _jsx(LogoComponent, { ...restProps, className: clsx('ams-logo', className), ref: ref });
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-logo--docs Logo docs at Amsterdam Design System}
+ */
+export const Logo = forwardRef(({ 'aria-label': ariaLabel, brand = 'amsterdam', className, ...restProps }, ref) => {
+    const LogoComponent = logoConfig[brand].logo;
+    const logoLabel = logoConfig[brand].label;
+    return (_jsx(LogoComponent, { ...restProps, "aria-label": ariaLabel || logoLabel, className: clsx('ams-logo', className), ref: ref }));
 });
 Logo.displayName = 'Logo';

package/dist/Logo/Logo.test.d.ts

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

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

package/dist/Logo/brand/LogoAmsterdam.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import type { SVGProps } from 'react';
 declare const LogoAmsterdam: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
 export default LogoAmsterdam;