@amsterdam/design-system-react 2.2.0 → 3.1.0

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { PropsWithChildren, HTMLAttributes, BlockquoteHTMLAttributes, AnchorHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, DialogHTMLAttributes, MouseEvent, ImgHTMLAttributes, LabelHTMLAttributes, ForwardRefExoticComponent, SVGProps, RefAttributes, OlHTMLAttributes, LiHTMLAttributes, ComponentType, OptionHTMLAttributes, OptgroupHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { PropsWithChildren, HTMLAttributes, ReactNode, BlockquoteHTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, DialogHTMLAttributes, MouseEvent, ImgHTMLAttributes, LabelHTMLAttributes, ComponentType, SVGProps, OlHTMLAttributes, LiHTMLAttributes, SelectHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, TableHTMLAttributes, TextareaHTMLAttributes } from 'react';
 
 declare const headingSizes: readonly [1, 2, 3, 4];
 type HeadingSize = (typeof headingSizes)[number];
@@ -156,11 +156,46 @@ declare const Avatar: react.ForwardRefExoticComponent<{
     label: string;
 } & HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
 
+declare const iconSizes: readonly ["small", "large", "heading-0", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6"];
+type IconSize = (typeof iconSizes)[number];
+type IconProps = {
+    /** Changes the icon colour for readability on a dark background. */
+    color?: 'inverse';
+    /**
+     * The size of the icon. Choose the size of the corresponding body text or heading.
+     * The values ‘heading-0’ and ‘heading-6’ are deprecated.
+     */
+    size?: IconSize;
+    /** Whether the icon container should be made square. */
+    square?: boolean;
+    /** The component rendering the icon’s markup. */
+    svg: Function | ReactNode;
+} & HTMLAttributes<HTMLSpanElement>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-icon--docs Icon docs at Amsterdam Design System}
+ * @see {@link https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs Icons overview at Amsterdam Design System}
+ */
+declare const Icon: react.ForwardRefExoticComponent<{
+    /** Changes the icon colour for readability on a dark background. */
+    color?: "inverse";
+    /**
+     * The size of the icon. Choose the size of the corresponding body text or heading.
+     * The values ‘heading-0’ and ‘heading-6’ are deprecated.
+     */
+    size?: IconSize;
+    /** Whether the icon container should be made square. */
+    square?: boolean;
+    /** The component rendering the icon’s markup. */
+    svg: Function | ReactNode;
+} & HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLElement>>;
+
 declare const badgeColors: readonly ["azure", "lime", "magenta", "orange", "purple", "red", "yellow"];
 type BadgeColor = (typeof badgeColors)[number];
 type BadgeProps = {
     /** The background colour. */
     color?: BadgeColor;
+    /** The icon to show before the badge text. */
+    icon?: IconProps['svg'];
     /** The text content. */
     label: string | number;
 } & HTMLAttributes<HTMLElement>;
@@ -170,6 +205,8 @@ type BadgeProps = {
 declare const Badge: react.ForwardRefExoticComponent<{
     /** The background colour. */
     color?: BadgeColor;
+    /** The icon to show before the badge text. */
+    icon?: IconProps["svg"];
     /** The text content. */
     label: string | number;
 } & HTMLAttributes<HTMLElement> & react.RefAttributes<HTMLElement>>;
@@ -253,7 +290,7 @@ type GridProps = {
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-grid--docs Grid docs at Amsterdam Design System}
  */
 declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<any>> & {
-    Cell: react.ForwardRefExoticComponent<GridCellProps & react.RefAttributes<unknown>>;
+    Cell: react.ForwardRefExoticComponent<GridCellProps & react.RefAttributes<any>>;
 };
 
 declare const breakoutCellTags: readonly ["article", "div", "section"];
@@ -299,39 +336,6 @@ declare const Breakout: react.ForwardRefExoticComponent<GridProps & react.RefAtt
     Cell: react.ForwardRefExoticComponent<BreakoutCellProps & react.RefAttributes<any>>;
 };
 
-declare const iconSizes: readonly ["small", "large", "heading-0", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6"];
-type IconSize = (typeof iconSizes)[number];
-type IconProps = {
-    /** Changes the icon colour for readability on a dark background. */
-    color?: 'inverse';
-    /**
-     * The size of the icon. Choose the size of the corresponding body text or heading.
-     * The values ‘heading-0’ and ‘heading-6’ are deprecated.
-     */
-    size?: IconSize;
-    /** Whether the icon container should be made square. */
-    square?: boolean;
-    /** The component rendering the icon’s markup. */
-    svg: Function | ReactNode;
-} & HTMLAttributes<HTMLSpanElement>;
-/**
- * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-icon--docs Icon docs at Amsterdam Design System}
- * @see {@link https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs Icons overview at Amsterdam Design System}
- */
-declare const Icon: react.ForwardRefExoticComponent<{
-    /** Changes the icon colour for readability on a dark background. */
-    color?: "inverse";
-    /**
-     * The size of the icon. Choose the size of the corresponding body text or heading.
-     * The values ‘heading-0’ and ‘heading-6’ are deprecated.
-     */
-    size?: IconSize;
-    /** Whether the icon container should be made square. */
-    square?: boolean;
-    /** The component rendering the icon’s markup. */
-    svg: Function | ReactNode;
-} & HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLElement>>;
-
 type IconBeforeProp = {
     /** Shows the icon before the label. Requires a value for `icon`. Cannot be used together with `iconOnly`. */
     iconBefore?: boolean;
@@ -441,7 +445,7 @@ type CheckboxProps = {
      * An icon to display instead of the default icon.
      * @default CheckboxIcon
      */
-    icon?: Function | ReactNode;
+    icon?: IconProps['svg'];
     /** Allows being neither checked nor unchecked. */
     indeterminate?: boolean;
     /** Whether the value fails a validation rule. */
@@ -455,13 +459,13 @@ declare const Checkbox: react.ForwardRefExoticComponent<{
      * An icon to display instead of the default icon.
      * @default CheckboxIcon
      */
-    icon?: Function | ReactNode;
+    icon?: IconProps["svg"];
     /** Allows being neither checked nor unchecked. */
     indeterminate?: boolean;
     /** Whether the value fails a validation rule. */
     invalid?: boolean;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "aria-invalid" | "type"> & {
-    children?: ReactNode | undefined;
+    children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
 declare const columnTags: readonly ["article", "div", "section"];
@@ -516,7 +520,7 @@ declare const Column: react.ForwardRefExoticComponent<{
     gap?: ColumnGap;
 } & HTMLAttributes<HTMLElement> & {
     children?: react.ReactNode | undefined;
-} & react.RefAttributes<unknown>>;
+} & react.RefAttributes<any>>;
 
 declare const dateInputTypes: readonly ["date", "datetime-local"];
 type DateInputType = (typeof dateInputTypes)[number];
@@ -762,14 +766,13 @@ declare const Image: react.ForwardRefExoticComponent<{
     alt: string;
 } & AspectRatioProps & Omit<ImgHTMLAttributes<HTMLImageElement>, "children"> & react.RefAttributes<HTMLImageElement>>;
 
-type ImageSliderImageProps = ImageProps;
 type ImageSliderProps = {
     /** Display buttons to navigate to the previous or next image. */
     controls?: boolean;
     /** Label for the image if you need to translate the alt text. */
     imageLabel?: string;
     /** The set of images to display. */
-    images: ImageSliderImageProps[];
+    images: ImageProps[];
     /** The label for the ‘next’ button */
     nextLabel?: string;
     /** The label for the ‘previous’ button */
@@ -784,23 +787,12 @@ declare const ImageSlider: react.ForwardRefExoticComponent<{
     /** Label for the image if you need to translate the alt text. */
     imageLabel?: string;
     /** The set of images to display. */
-    images: ImageSliderImageProps[];
+    images: ImageProps[];
     /** The label for the ‘next’ button */
     nextLabel?: string;
     /** The label for the ‘previous’ button */
     previousLabel?: string;
-} & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>> & {
-    Item: react.ForwardRefExoticComponent<{
-        slideId: number;
-    } & HTMLAttributes<HTMLDivElement> & {
-        children?: react.ReactNode | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-};
-
-type ImageSliderItemProps = {
-    /** The identifier of the item. Must match the key or order of the slides (starting at 0). */
-    slideId: number;
-} & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+} & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
 
 type ErrorLink = {
     id: string;
@@ -935,20 +927,20 @@ type LinkListLinkProps = {
     size?: LinkListLinkSize;
 } & PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
 
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-
-type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'museum-weesp' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
+declare const logoBrands: readonly ["amsterdam", "ggd-amsterdam", "museum-weesp", "stadsarchief", "stadsbank-van-lening", "vga-verzekeringen"];
+type LogoBrand = (typeof logoBrands)[number];
 type LogoProps = {
-    /** The name of the brand for which to display the logo. */
-    brand?: LogoBrand;
+    /** The name of the brand for which to display the logo, or configuration for a custom logo. */
+    brand?: LogoBrand | LogoBrandConfig;
 } & SVGProps<SVGSVGElement>;
+type LogoBrandConfig = {
+    label: string;
+    svg: ComponentType<SVGProps<SVGSVGElement>>;
+};
 /**
  * @see {@link https://designsystem.amsterdam/?path=/docs/components-media-logo--docs Logo docs at Amsterdam Design System}
  */
-declare const Logo: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;
+declare const Logo: react.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 
 type MarkProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
 /**
@@ -1056,7 +1048,10 @@ type PageFooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
 declare const PageFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLElement>> & {
-    Menu: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
+    Menu: react.ForwardRefExoticComponent<{
+        heading?: string;
+        headingLevel?: HeadingProps["level"];
+    } & HTMLAttributes<HTMLUListElement> & {
         children?: react.ReactNode | undefined;
     } & react.RefAttributes<HTMLUListElement>>;
     MenuLink: react.ForwardRefExoticComponent<react.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -1067,7 +1062,19 @@ declare const PageFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLEle
     } & react.RefAttributes<HTMLDivElement>>;
 };
 
-type PageFooterMenuProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
+type PageFooterMenuProps = {
+    /**
+     * Describes the menu for users of assistive technology.
+     * The heading gets visually hidden – sighted users can infer the meaning of the menu from its appearance.
+     * @default Over deze website
+     */
+    heading?: string;
+    /**
+     * The hierarchical level of the Footer Menu’s Heading within the document.
+     * The default value is 2. This will almost always be correct – but verify this yourself.
+     */
+    headingLevel?: HeadingProps['level'];
+} & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
 
 type PageFooterMenuLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
 
@@ -1079,15 +1086,21 @@ type PageHeaderProps = {
     /** The accessible name of the logo. */
     logoAccessibleName?: string;
     /** The name of the brand for which to display the logo. */
-    logoBrand?: LogoBrand;
+    logoBrand?: LogoBrand | LogoBrandConfig;
     /** The url for the link on the logo. */
     logoLink?: string;
     /** The React component to use for the logo link. */
     logoLinkComponent?: ComponentType<AnchorHTMLAttributes<HTMLAnchorElement>>;
     /** The accessible text for the link on the logo. */
     logoLinkTitle?: string;
-    /** The text for the menu button. */
+    /** An icon to display instead of the default icon. */
+    menuButtonIcon?: IconProps['svg'];
+    /** The visible text for the menu button. */
     menuButtonText?: string;
+    /** The text for screen readers when the button hides the menu. */
+    menuButtonTextForHide?: string;
+    /** The text for screen readers when the button shows the menu. */
+    menuButtonTextForShow?: string;
     /** A slot for the menu items. Use PageHeader.MenuLink here. */
     menuItems?: ReactNode;
     /** The accessible label for the navigation section. */
@@ -1104,15 +1117,21 @@ declare const PageHeader: react.ForwardRefExoticComponent<{
     /** The accessible name of the logo. */
     logoAccessibleName?: string;
     /** The name of the brand for which to display the logo. */
-    logoBrand?: LogoBrand;
+    logoBrand?: LogoBrand | LogoBrandConfig;
     /** The url for the link on the logo. */
     logoLink?: string;
     /** The React component to use for the logo link. */
     logoLinkComponent?: ComponentType<AnchorHTMLAttributes<HTMLAnchorElement>>;
     /** The accessible text for the link on the logo. */
     logoLinkTitle?: string;
-    /** The text for the menu button. */
+    /** An icon to display instead of the default icon. */
+    menuButtonIcon?: IconProps["svg"];
+    /** The visible text for the menu button. */
     menuButtonText?: string;
+    /** The text for screen readers when the button hides the menu. */
+    menuButtonTextForHide?: string;
+    /** The text for screen readers when the button shows the menu. */
+    menuButtonTextForShow?: string;
     /** A slot for the menu items. Use PageHeader.MenuLink here. */
     menuItems?: ReactNode;
     /** The accessible label for the navigation section. */
@@ -1266,7 +1285,7 @@ declare const Paragraph: react.ForwardRefExoticComponent<{
     /** The size of the text. */
     size?: "small" | "large";
 } & HTMLAttributes<HTMLParagraphElement> & {
-    children?: react.ReactNode | undefined;
+    children?: ReactNode | undefined;
 } & react.RefAttributes<HTMLParagraphElement>>;
 
 type PasswordInputProps = {
@@ -1281,12 +1300,66 @@ declare const PasswordInput: react.ForwardRefExoticComponent<{
     invalid?: boolean;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "autoCapitalize" | "spellCheck" | "autoCorrect" | "aria-invalid" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
+type ProgressListStepProps = {
+    /** Whether the step contains a list of substeps. This is needed to draw the connecting lines correctly. */
+    hasSubsteps?: boolean;
+    /** The heading text for this step. */
+    heading: string;
+    /** The current progress state of the step. */
+    status?: 'current' | 'completed';
+} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+
+declare const progressListHeadingSizes: (2 | 3 | 4)[];
+type ProgressListHeadingSize = (typeof progressListHeadingSizes)[number];
+type ProgressListProps = {
+    /**
+     * The hierarchical level of this Progress List’s Headings within the document.
+     * There is no default value; determine the correct level for this instance.
+     */
+    headingLevel: ProgressListHeadingSize;
+} & PropsWithChildren<HTMLAttributes<HTMLOListElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-progress-list--docs Progress List docs at Amsterdam Design System}
+ */
+declare const ProgressList: react.ForwardRefExoticComponent<{
+    /**
+     * The hierarchical level of this Progress List’s Headings within the document.
+     * There is no default value; determine the correct level for this instance.
+     */
+    headingLevel: ProgressListHeadingSize;
+} & HTMLAttributes<HTMLOListElement> & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLOListElement>> & {
+    Step: react.ForwardRefExoticComponent<{
+        hasSubsteps?: boolean;
+        heading: string;
+        status?: "current" | "completed";
+    } & HTMLAttributes<HTMLElement> & {
+        children?: react.ReactNode | undefined;
+    } & react.RefAttributes<HTMLLIElement>>;
+    Substep: react.ForwardRefExoticComponent<{
+        status?: ProgressListStepProps["status"];
+    } & HTMLAttributes<HTMLElement> & {
+        children?: react.ReactNode | undefined;
+    } & react.RefAttributes<HTMLLIElement>>;
+    Substeps: react.ForwardRefExoticComponent<HTMLAttributes<HTMLOListElement> & {
+        children?: react.ReactNode | undefined;
+    } & react.RefAttributes<HTMLOListElement>>;
+};
+
+type ProgressListSubstepProps = {
+    /** The current progress state of the substep. */
+    status?: ProgressListStepProps['status'];
+} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+
+type ProgressListSubstepsProps = PropsWithChildren<HTMLAttributes<HTMLOListElement>>;
+
 type RadioProps = {
     /**
      * An icon to display instead of the default icon.
      * @default RadioIcon
      */
-    icon?: Function | ReactNode;
+    icon?: IconProps['svg'];
     /** Whether the value fails a validation rule. */
     invalid?: boolean;
 } & PropsWithChildren<Omit<InputHTMLAttributes<HTMLInputElement>, 'aria-invalid' | 'type'>>;
@@ -1298,11 +1371,11 @@ declare const Radio: react.ForwardRefExoticComponent<{
      * An icon to display instead of the default icon.
      * @default RadioIcon
      */
-    icon?: Function | ReactNode;
+    icon?: IconProps["svg"];
     /** Whether the value fails a validation rule. */
     invalid?: boolean;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "aria-invalid" | "type"> & {
-    children?: ReactNode | undefined;
+    children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
 declare const rowTags: readonly ["article", "div", "section"];
@@ -1367,7 +1440,7 @@ declare const Row: react.ForwardRefExoticComponent<{
     wrap?: boolean;
 } & HTMLAttributes<HTMLElement> & {
     children?: react.ReactNode | undefined;
-} & react.RefAttributes<unknown>>;
+} & react.RefAttributes<any>>;
 
 type SearchFieldProps = PropsWithChildren<HTMLAttributes<HTMLFormElement>>;
 /**
@@ -1713,7 +1786,7 @@ declare const Spotlight: react.ForwardRefExoticComponent<{
     color?: SpotlightColor;
 } & HTMLAttributes<HTMLElement> & {
     children?: react.ReactNode | undefined;
-} & react.RefAttributes<unknown>>;
+} & react.RefAttributes<any>>;
 
 type StandaloneLinkProps = {
     /** Changes the text colour for readability on a light or dark background. */
@@ -1935,5 +2008,5 @@ declare const UnorderedList: react.ForwardRefExoticComponent<{
 
 type UnorderedListItemProps = PropsWithChildren<LiHTMLAttributes<HTMLLIElement>>;
 
-export { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, CallToActionLink, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, Figure, FileInput, FileList, Grid, Heading, Hint, Icon, IconButton, Image, ImageSlider, InvalidFormAlert, Label, Link, LinkList, Logo, Mark, Menu, OrderedList, Overlap, Page, PageFooter, PageHeader, PageHeading, Pagination, Paragraph, PasswordInput, Radio, Row, SearchField, Select, SkipLink, Spotlight, StandaloneLink, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, UnorderedList, generateAspectRatioClass };
-export type { AccordionProps, AccordionSectionProps, ActionGroupProps, AlertProps, AvatarProps, BadgeProps, BlockquoteProps, BreadcrumbLinkProps, BreadcrumbProps, BreakoutCellProps, BreakoutProps, ButtonProps, CallToActionLinkProps, CardHeadingGroupProps, CardLinkProps, CardProps, CharacterCountProps, CheckboxProps, ColumnProps, DateInputProps, DescriptionListDescriptionProps, DescriptionListProps, DescriptionListTermProps, DialogProps, ErrorLink, ErrorMessageProps, FieldProps, FieldSetProps, FigureProps, FileInputProps, FileListProps, GridCellProps, GridColumnNumber, GridColumnNumbers, GridProps, HeadingProps, HintProps, IconButtonProps, IconProps, ImageProps, ImageSliderItemProps, ImageSliderProps, InvalidFormAlertProps, LinkListLinkProps, LinkListProps, LinkProps, LogoBrand, LogoProps, MarkProps, MenuLinkProps, MenuProps, OrderedListItemProps, OrderedListProps, OverlapProps, PageFooterMenuLinkProps, PageFooterMenuProps, PageFooterProps, PageFooterSpotlightProps, PageHeaderMenuLinkProps, PageHeaderProps, PageHeadingProps, PageProps, PaginationProps, ParagraphProps, PasswordInputProps, RadioProps, RowProps, SearchFieldProps, SelectOptionProps, SelectProps, SkipLinkProps, SpotlightProps, StandaloneLinkProps, SwitchProps, TableOfContentsLinkProps, TableOfContentsListProps, TableOfContentsProps, TableProps, TabsButtonProps, TabsListProps, TabsPanelProps, TabsProps, TextAreaProps, TextInputProps, TimeInputProps, UnorderedListItemProps, UnorderedListProps };
+export { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, CallToActionLink, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, Figure, FileInput, FileList, Grid, Heading, Hint, Icon, IconButton, Image, ImageSlider, InvalidFormAlert, Label, Link, LinkList, Logo, Mark, Menu, OrderedList, Overlap, Page, PageFooter, PageHeader, PageHeading, Pagination, Paragraph, PasswordInput, ProgressList, Radio, Row, SearchField, Select, SkipLink, Spotlight, StandaloneLink, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, UnorderedList, generateAspectRatioClass };
+export type { AccordionProps, AccordionSectionProps, ActionGroupProps, AlertProps, AvatarProps, BadgeProps, BlockquoteProps, BreadcrumbLinkProps, BreadcrumbProps, BreakoutCellProps, BreakoutProps, ButtonProps, CallToActionLinkProps, CardHeadingGroupProps, CardLinkProps, CardProps, CharacterCountProps, CheckboxProps, ColumnProps, DateInputProps, DescriptionListDescriptionProps, DescriptionListProps, DescriptionListTermProps, DialogProps, ErrorLink, ErrorMessageProps, FieldProps, FieldSetProps, FigureProps, FileInputProps, FileListProps, GridCellProps, GridColumnNumber, GridColumnNumbers, GridProps, HeadingProps, HintProps, IconButtonProps, IconProps, ImageProps, ImageSliderProps, InvalidFormAlertProps, LinkListLinkProps, LinkListProps, LinkProps, LogoBrand, LogoProps, MarkProps, MenuLinkProps, MenuProps, OrderedListItemProps, OrderedListProps, OverlapProps, PageFooterMenuLinkProps, PageFooterMenuProps, PageFooterProps, PageFooterSpotlightProps, PageHeaderMenuLinkProps, PageHeaderProps, PageHeadingProps, PageProps, PaginationProps, ParagraphProps, PasswordInputProps, ProgressListProps, ProgressListStepProps, ProgressListSubstepProps, ProgressListSubstepsProps, RadioProps, RowProps, SearchFieldProps, SelectOptionProps, SelectProps, SkipLinkProps, SpotlightProps, StandaloneLinkProps, SwitchProps, TableOfContentsLinkProps, TableOfContentsListProps, TableOfContentsProps, TableProps, TabsButtonProps, TabsListProps, TabsPanelProps, TabsProps, TextAreaProps, TextInputProps, TimeInputProps, UnorderedListItemProps, UnorderedListProps };