@amsterdam/design-system-react 3.0.0 → 3.2.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,13 +1,13 @@
 import * as react from 'react';
-import { PropsWithChildren, HTMLAttributes, BlockquoteHTMLAttributes, AnchorHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, DialogHTMLAttributes, MouseEvent, ImgHTMLAttributes, LabelHTMLAttributes, ComponentType, SVGProps, OlHTMLAttributes, LiHTMLAttributes, 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];
+declare const headingLevels: readonly [1, 2, 3, 4];
+type HeadingLevel = (typeof headingLevels)[number];
 type HeadingProps = {
     /** Changes the text colour for readability on a dark background. */
     color?: 'inverse';
     /** The hierarchical level within the document. */
-    level: HeadingSize;
+    level: HeadingLevel;
     /**
      * Uses larger or smaller text without changing its position in the heading hierarchy.
      * The value ‘level-6’ is deprecated. Use level 5 instead.
@@ -21,7 +21,7 @@ declare const Heading: react.ForwardRefExoticComponent<{
     /** Changes the text colour for readability on a dark background. */
     color?: "inverse";
     /** The hierarchical level within the document. */
-    level: HeadingSize;
+    level: HeadingLevel;
     /**
      * Uses larger or smaller text without changing its position in the heading hierarchy.
      * The value ‘level-6’ is deprecated. Use level 5 instead.
@@ -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>>;
@@ -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"];
@@ -762,7 +766,10 @@ declare const Image: react.ForwardRefExoticComponent<{
     alt: string;
 } & AspectRatioProps & Omit<ImgHTMLAttributes<HTMLImageElement>, "children"> & react.RefAttributes<HTMLImageElement>>;
 
-type ImageSliderImageProps = ImageProps;
+type ImageSliderImageProps = {
+    /** An optional caption displayed below the image. */
+    caption?: string;
+} & ImageProps;
 type ImageSliderProps = {
     /** Display buttons to navigate to the previous or next image. */
     controls?: boolean;
@@ -789,18 +796,7 @@ declare const ImageSlider: react.ForwardRefExoticComponent<{
     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,7 +931,7 @@ type LinkListLinkProps = {
     size?: LinkListLinkSize;
 } & PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
 
-declare const logoBrands: readonly ["amsterdam", "ggd-amsterdam", "museum-weesp", "stadsarchief", "stadsbank-van-lening", "vga-verzekeringen"];
+declare const logoBrands: readonly ["amsterdam", "amsterdam-english", "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, or configuration for a custom logo. */
@@ -1091,6 +1087,11 @@ type PageFooterSpotlightProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>
 type PageHeaderProps = {
     /** The name of the application. */
     brandName?: string;
+    /**
+     * A shorter form of the name of the application.
+     * Provide this only together with a `brandName`.
+     */
+    brandNameShort?: string;
     /** The accessible name of the logo. */
     logoAccessibleName?: string;
     /** The name of the brand for which to display the logo. */
@@ -1101,6 +1102,8 @@ type PageHeaderProps = {
     logoLinkComponent?: ComponentType<AnchorHTMLAttributes<HTMLAnchorElement>>;
     /** The accessible text for the link on the logo. */
     logoLinkTitle?: string;
+    /** 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. */
@@ -1120,6 +1123,11 @@ type PageHeaderProps = {
 declare const PageHeader: react.ForwardRefExoticComponent<{
     /** The name of the application. */
     brandName?: string;
+    /**
+     * A shorter form of the name of the application.
+     * Provide this only together with a `brandName`.
+     */
+    brandNameShort?: string;
     /** The accessible name of the logo. */
     logoAccessibleName?: string;
     /** The name of the brand for which to display the logo. */
@@ -1130,6 +1138,8 @@ declare const PageHeader: react.ForwardRefExoticComponent<{
     logoLinkComponent?: ComponentType<AnchorHTMLAttributes<HTMLAnchorElement>>;
     /** The accessible text for the link on the logo. */
     logoLinkTitle?: string;
+    /** 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. */
@@ -1304,12 +1314,86 @@ 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 progressListHeadingLevels: (2 | 3 | 4)[];
+type ProgressListHeadingLevel = (typeof progressListHeadingLevels)[number];
+type ProgressListProps = {
+    /**
+     * An accessible phrase that screen readers announce before a completed step heading.
+     * @default Klaar
+     */
+    completedAccessibleText?: string;
+    /**
+     * An accessible phrase that screen readers announce before a current step heading.
+     * @default Bezig
+     */
+    currentAccessibleText?: string;
+    /**
+     * 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: ProgressListHeadingLevel;
+} & 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<{
+    /**
+     * An accessible phrase that screen readers announce before a completed step heading.
+     * @default Klaar
+     */
+    completedAccessibleText?: string;
+    /**
+     * An accessible phrase that screen readers announce before a current step heading.
+     * @default Bezig
+     */
+    currentAccessibleText?: string;
+    /**
+     * 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: ProgressListHeadingLevel;
+} & 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'>>;
@@ -1321,11 +1405,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"];
@@ -1958,5 +2042,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 };