@amsterdam/design-system-react 0.16.0 → 1.1.0

package/README.md

@@ -51,19 +51,6 @@ We follow semantic versioning and publish a [change log](https://github.com/Amst
 The React components are a public API of the design system.
 TypeScript helps to detect changed or deleted components, props, or prop values.
 
-### Stability
-
-Despite being on ‘major version zero’, most components are stable enough to be used in production.
-Various of our public-facing websites and applications already do.
-
-Make sure you specify the exact version as dependency and test for regressions when upgrading to the latest version.
-
-We’re finalizing the design and modelling of foundational concepts like typography, spacing, and colour.
-After that, and a final review of the API of all current components, we’ll release version 1.0 of the entire design system.
-Then, we’ll consider publishing all components separately to allow for more granular updates.
-
-Components for which we anticipate API changes show a ‘beta’ badge at the top of their page in the [Design System handbook](https://designsystem.amsterdam/).
-
 ## Support
 
 Contact us if you have a question, find an issue, or want to contribute.

package/dist/Accordion/Accordion.d.ts

@@ -14,6 +14,9 @@ export type AccordionProps = {
     /** The HTML element to use for each Accordion Section. */
     sectionAs?: 'div' | 'section';
 } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-accordion--docs Accordion docs at Amsterdam Design System}
+ */
 export declare const Accordion: import("react").ForwardRefExoticComponent<{
     /**
      * The hierarchical level of this Accordion’s Section Headings within the document.

package/dist/Accordion/Accordion.js

@@ -19,4 +19,7 @@ const AccordionRoot = forwardRef(({ children, className, headingLevel, sectionAs
     return (_jsx(AccordionContext.Provider, { value: { headingLevel: headingLevel, sectionAs: sectionAs }, children: _jsx("div", { className: clsx('ams-accordion', className), onKeyDown: keyDown, ref: innerRef, children: children }) }));
 });
 AccordionRoot.displayName = 'Accordion';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-accordion--docs Accordion docs at Amsterdam Design System}
+ */
 export const Accordion = Object.assign(AccordionRoot, { Section: AccordionSection });

package/dist/Accordion/Accordion.test.d.ts

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

package/dist/Accordion/Accordion.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/Accordion/AccordionSection.test.d.ts

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

package/dist/Accordion/AccordionSection.test.js

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

package/dist/Accordion/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Accordion } from './Accordion';
 export type { AccordionProps } from './Accordion';
 export type { AccordionSectionProps } from './AccordionSection';

package/dist/Accordion/index.js

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

package/dist/ActionGroup/ActionGroup.d.ts

@@ -4,6 +4,9 @@
  */
 import type { HTMLAttributes, PropsWithChildren } from 'react';
 export type ActionGroupProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-action-group--docs Action Group docs at Amsterdam Design System}
+ */
 export declare const ActionGroup: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ActionGroup/ActionGroup.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-layout-action-group--docs Action Group docs at Amsterdam Design System}
+ */
 export const ActionGroup = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("div", { ...restProps, className: clsx('ams-action-group', className), ref: ref, role: "group", children: children })));
 ActionGroup.displayName = 'ActionGroup';

package/dist/ActionGroup/ActionGroup.test.d.ts

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

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

package/dist/ActionGroup/index.d.ts

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

package/dist/ActionGroup/index.js

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

package/dist/Alert/Alert.d.ts

@@ -23,6 +23,9 @@ export type AlertProps = {
     /** The significance of the message conveyed. */
     severity?: Severity;
 } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-alert--docs Alert docs at Amsterdam Design System}
+ */
 export declare const Alert: import("react").ForwardRefExoticComponent<{
     /** Whether the user can dismiss the Alert. Adds a button to its top right. */
     closeable?: boolean;

package/dist/Alert/Alert.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
-import { AlertIcon, CheckmarkIcon, InfoIcon } from '@amsterdam/design-system-react-icons';
+import { ErrorFillIcon, InfoFillIcon, SuccessFillIcon, WarningFillIcon } from '@amsterdam/design-system-react-icons';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Heading } from '../Heading';
@@ -11,12 +11,15 @@ import { Icon } from '../Icon';
 import { IconButton } from '../IconButton';
 import { Row } from '../Row';
 const iconSvgBySeverity = {
-    error: AlertIcon,
-    success: CheckmarkIcon,
-    warning: AlertIcon,
+    error: ErrorFillIcon,
+    success: SuccessFillIcon,
+    warning: WarningFillIcon,
 };
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-alert--docs Alert docs at Amsterdam Design System}
+ */
 export const Alert = forwardRef(({ children, className, closeable, closeButtonLabel = 'Sluiten', heading, headingLevel, onClose, severity, ...restProps }, ref) => {
-    const SeverityIcon = severity ? iconSvgBySeverity[severity] : InfoIcon;
+    const SeverityIcon = severity ? iconSvgBySeverity[severity] : InfoFillIcon;
     return (_jsxs("section", { ...restProps, className: clsx('ams-alert', severity && `ams-alert--${severity}`, className), ref: ref, children: [_jsx("div", { className: "ams-alert__severity-indicator", children: _jsx(Icon, { color: "inverse", size: "heading-4", svg: SeverityIcon }) }), _jsxs("div", { className: "ams-alert__content", children: [_jsxs(Row, { align: "between", alignVertical: "start", children: [_jsx(Heading, { level: headingLevel, size: "level-4", children: heading }), closeable && _jsx(IconButton, { label: closeButtonLabel, onClick: onClose, size: "heading-4" })] }), children] })] }));
 });
 Alert.displayName = 'Alert';

package/dist/Alert/Alert.test.d.ts

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

package/dist/Alert/Alert.test.js

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

package/dist/Alert/index.d.ts

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

package/dist/Alert/index.js

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

package/dist/Avatar/Avatar.d.ts

@@ -13,6 +13,9 @@ export type AvatarProps = {
     /** The text content. Should be the user’s initials. The first two characters will be displayed. */
     label: string;
 } & HTMLAttributes<HTMLSpanElement>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-avatar--docs Avatar docs at Amsterdam Design System}
+ */
 export declare const Avatar: import("react").ForwardRefExoticComponent<{
     /** The background colour. */
     color?: AvatarColor;

package/dist/Avatar/Avatar.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
-import { PersonalLoginIcon } from '@amsterdam/design-system-react-icons';
+import { PersonFillIcon } from '@amsterdam/design-system-react-icons';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Icon } from '../Icon';
@@ -15,8 +15,11 @@ const AvatarContent = ({ imageSrc, initials }) => {
     if (initials.length) {
         return _jsx("span", { "aria-hidden": true, children: initials });
     }
-    return _jsx(Icon, { size: "small", svg: PersonalLoginIcon });
+    return _jsx(Icon, { size: "small", svg: PersonFillIcon });
 };
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-avatar--docs Avatar docs at Amsterdam Design System}
+ */
 export const Avatar = forwardRef(({ className, color, imageSrc, label, ...restProps }, ref) => {
     const initials = label.slice(0, 2).toUpperCase();
     const a11yLabel = initials.length === 0 ? 'Gebruiker' : `Initialen gebruiker: ${initials}`;

package/dist/Avatar/Avatar.test.d.ts

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

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

package/dist/Avatar/index.d.ts

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

package/dist/Avatar/index.js

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

package/dist/Badge/Badge.d.ts

@@ -11,6 +11,9 @@ export type BadgeProps = {
     /** The text content. */
     label: string | number;
 } & HTMLAttributes<HTMLElement>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-badge--docs Badge docs at Amsterdam Design System}
+ */
 export declare const Badge: import("react").ForwardRefExoticComponent<{
     /** The background colour. */
     color?: BadgeColor;

package/dist/Badge/Badge.js

@@ -6,5 +6,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 export const badgeColors = ['azure', 'lime', 'magenta', 'orange', 'purple', 'red', 'yellow'];
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-badge--docs Badge docs at Amsterdam Design System}
+ */
 export const Badge = forwardRef(({ className, color, label, ...restProps }, ref) => (_jsx("span", { ...restProps, className: clsx('ams-badge', color && `ams-badge--${color}`, className), ref: ref, children: label })));
 Badge.displayName = 'Badge';

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

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

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

package/dist/Badge/index.d.ts

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

package/dist/Badge/index.js

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

package/dist/Blockquote/Blockquote.d.ts

@@ -7,6 +7,9 @@ export type BlockquoteProps = {
     /** Changes the text colour for readability on a dark background. */
     color?: 'inverse';
 } & PropsWithChildren<BlockquoteHTMLAttributes<HTMLQuoteElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-text-blockquote--docs Blockquote docs at Amsterdam Design System}
+ */
 export declare const Blockquote: import("react").ForwardRefExoticComponent<{
     /** Changes the text colour for readability on a dark background. */
     color?: "inverse";

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

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

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

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

package/dist/Blockquote/index.d.ts

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

package/dist/Blockquote/index.js

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

package/dist/Breadcrumb/Breadcrumb.d.ts

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

package/dist/Breadcrumb/Breadcrumb.js

@@ -8,4 +8,7 @@ import { forwardRef } from 'react';
 import { BreadcrumbLink } from './BreadcrumbLink';
 const BreadcrumbRoot = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("nav", { ...restProps, className: clsx('ams-breadcrumb', className), ref: ref, children: _jsx("ol", { className: "ams-breadcrumb__list", children: children }) })));
 BreadcrumbRoot.displayName = 'Breadcrumb';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-breadcrumb--docs Breadcrumb docs at Amsterdam Design System}
+ */
 export const Breadcrumb = Object.assign(BreadcrumbRoot, { Link: BreadcrumbLink });

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

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

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

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

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

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

package/dist/Breadcrumb/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Breadcrumb } from './Breadcrumb';
 export type { BreadcrumbProps } from './Breadcrumb';
 export type { BreadcrumbLinkProps } from './BreadcrumbLink';

package/dist/Breadcrumb/index.js

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

package/dist/Breakout/Breakout.d.ts

@@ -10,6 +10,9 @@ export type BreakoutRowNumbers = {
     wide: BreakoutRowNumber;
 };
 export type BreakoutProps = GridProps;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-breakout--docs Breakout docs at Amsterdam Design System}
+ */
 export declare const Breakout: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>> & {
     Cell: import("react").ForwardRefExoticComponent<import("./BreakoutCell").BreakoutCellProps & import("react").RefAttributes<any>>;
 };

package/dist/Breakout/Breakout.js

@@ -9,4 +9,7 @@ import { BreakoutCell } from './BreakoutCell';
 import { paddingClasses } from '../Grid/paddingClasses';
 const BreakoutRoot = forwardRef(({ children, className, gapVertical, paddingBottom, paddingTop, paddingVertical, ...restProps }, ref) => (_jsx("div", { ...restProps, className: clsx('ams-breakout', gapVertical && `ams-breakout--gap-vertical--${gapVertical}`, paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className), ref: ref, children: children })));
 BreakoutRoot.displayName = 'Breakout';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-breakout--docs Breakout docs at Amsterdam Design System}
+ */
 export const Breakout = Object.assign(BreakoutRoot, { Cell: BreakoutCell });

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

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

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

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

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

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

package/dist/Breakout/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Breakout } from './Breakout';
 export type { BreakoutProps } from './Breakout';
 export type { BreakoutCellProps } from './BreakoutCell';

package/dist/Breakout/index.js

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

package/dist/Button/Button.d.ts

@@ -27,5 +27,8 @@ export type ButtonProps = {
     /** The level of prominence. Use a primary button only once per page or section. */
     variant?: 'primary' | 'secondary' | 'tertiary';
 } & (IconButtonProps | TextButtonProps) & PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-button--docs Button docs at Amsterdam Design System}
+ */
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/Button/Button.js

@@ -6,5 +6,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Icon } from '../Icon';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-button--docs Button docs at Amsterdam Design System}
+ */
 export const Button = forwardRef(({ children, className, disabled, icon, iconBefore, iconOnly, type, variant = 'primary', ...restProps }, ref) => (_jsxs("button", { ...restProps, className: clsx('ams-button', `ams-button--${variant}`, icon && iconOnly && `ams-button--icon-only`, className), disabled: disabled, ref: ref, type: type || 'button', children: [icon && (iconBefore || iconOnly) && _jsx(Icon, { square: iconOnly, svg: icon }), icon && iconOnly ? _jsx("span", { className: "ams-visually-hidden", children: children }) : children, icon && !iconBefore && !iconOnly && _jsx(Icon, { svg: icon })] })));
 Button.displayName = 'Button';

package/dist/Button/Button.test.d.ts

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

package/dist/Button/Button.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 { CloseIcon } from '@amsterdam/design-system-react-icons';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';

package/dist/Button/index.d.ts

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

package/dist/Button/index.js

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

package/dist/Card/Card.d.ts

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

package/dist/Card/Card.js

@@ -11,6 +11,9 @@ import { CardImage } from './CardImage';
 import { CardLink } from './CardLink';
 const CardRoot = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("article", { ...restProps, className: clsx('ams-card', className), ref: ref, children: children })));
 CardRoot.displayName = 'Card';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-card--docs Card docs at Amsterdam Design System}
+ */
 export const Card = Object.assign(CardRoot, {
     Heading: CardHeading,
     HeadingGroup: CardHeadingGroup,

package/dist/Card/Card.test.d.ts

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

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