@amsterdam/design-system-react 0.4.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/LICENSE.txt +287 -0
  2. package/README.md +12 -1
  3. package/dist/index.cjs.js +490 -214
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.d.ts +144 -45
  6. package/dist/index.esm.js +486 -216
  7. package/dist/index.esm.js.map +1 -1
  8. package/package.json +25 -27
package/dist/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index.d.ts CHANGED
@@ -1,9 +1,109 @@
1
1
  import * as react from 'react';
2
- import { PropsWithChildren, AnchorHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, TableHTMLAttributes, ButtonHTMLAttributes, SVGProps, ReactNode, InputHTMLAttributes, DialogHTMLAttributes, ImgHTMLAttributes, BlockquoteHTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, LabelHTMLAttributes } from 'react';
2
+ import { PropsWithChildren, HTMLAttributes, InputHTMLAttributes, ButtonHTMLAttributes, ForwardRefExoticComponent, RefAttributes, TextareaHTMLAttributes, AnchorHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, TableHTMLAttributes, SVGProps, ReactNode, DialogHTMLAttributes, ImgHTMLAttributes, BlockquoteHTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, LabelHTMLAttributes } from 'react';
3
+
4
+ declare const rowGapSizes: Array<string>;
5
+ type RowTag = 'article' | 'div' | 'section';
6
+ type RowGap = (typeof rowGapSizes)[number];
7
+ type RowProps = {
8
+ /** The element to render the row with. */
9
+ as?: RowTag;
10
+ /** The amount of vertical space between the row’s children. */
11
+ gap?: RowGap;
12
+ } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
13
+ declare const Row: react.ForwardRefExoticComponent<{
14
+ /** The element to render the row with. */
15
+ as?: RowTag | undefined;
16
+ /** The amount of vertical space between the row’s children. */
17
+ gap?: string | undefined;
18
+ } & HTMLAttributes<HTMLDivElement> & {
19
+ children?: react.ReactNode;
20
+ } & react.RefAttributes<HTMLDivElement>>;
21
+
22
+ type RadioProps = {
23
+ invalid?: boolean;
24
+ } & PropsWithChildren<InputHTMLAttributes<HTMLInputElement>>;
25
+ declare const Radio: react.ForwardRefExoticComponent<{
26
+ invalid?: boolean | undefined;
27
+ } & InputHTMLAttributes<HTMLInputElement> & {
28
+ children?: react.ReactNode;
29
+ } & react.RefAttributes<HTMLInputElement>>;
30
+
31
+ type TabsButtonProps = {
32
+ tab: number;
33
+ } & PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>;
34
+ declare const TabsButton: react.ForwardRefExoticComponent<{
35
+ tab: number;
36
+ } & ButtonHTMLAttributes<HTMLButtonElement> & {
37
+ children?: react.ReactNode;
38
+ } & react.RefAttributes<HTMLButtonElement>>;
39
+
40
+ type TabsListProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
41
+ declare const TabsList: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
42
+ children?: react.ReactNode;
43
+ } & react.RefAttributes<HTMLDivElement>>;
44
+
45
+ type TabsPanelProps = {
46
+ tab: number;
47
+ } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
48
+ declare const TabsPanel: react.ForwardRefExoticComponent<{
49
+ tab: number;
50
+ } & HTMLAttributes<HTMLDivElement> & {
51
+ children?: react.ReactNode;
52
+ } & react.RefAttributes<HTMLDivElement>>;
3
53
 
4
54
  /**
5
55
  * @license EUPL-1.2+
6
- * Copyright (c) 2024 Gemeente Amsterdam
56
+ * Copyright Gemeente Amsterdam
57
+ */
58
+
59
+ type TabsProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
60
+ type TabsComponent = {
61
+ /** Always use a TabList to hold the Tab Buttons */
62
+ List: typeof TabsList;
63
+ /** Use a TabButton for each tab */
64
+ Button: typeof TabsButton;
65
+ /** A TabsPanel will only return its contents when the corresponding TabsButton is activated */
66
+ Panel: typeof TabsPanel;
67
+ } & ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>;
68
+ declare const Tabs: TabsComponent;
69
+
70
+ type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
71
+ resize?: 'none' | 'horizontal' | 'vertical';
72
+ };
73
+ declare const TextArea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
74
+ resize?: "none" | "horizontal" | "vertical" | undefined;
75
+ } & react.RefAttributes<HTMLTextAreaElement>>;
76
+
77
+ declare const columnGapSizes: Array<string>;
78
+ type ColumnTag = 'article' | 'div' | 'section';
79
+ type ColumnGap = (typeof columnGapSizes)[number];
80
+ type ColumnProps = {
81
+ /** The element to render the column with. */
82
+ as?: ColumnTag;
83
+ /** The amount of vertical space between the column’s children. */
84
+ gap?: ColumnGap;
85
+ } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
86
+ declare const Column: react.ForwardRefExoticComponent<{
87
+ /** The element to render the column with. */
88
+ as?: ColumnTag | undefined;
89
+ /** The amount of vertical space between the column’s children. */
90
+ gap?: string | undefined;
91
+ } & HTMLAttributes<HTMLDivElement> & {
92
+ children?: react.ReactNode;
93
+ } & react.RefAttributes<HTMLDivElement>>;
94
+
95
+ type FieldsetProps = PropsWithChildren<HTMLAttributes<HTMLFieldSetElement>> & {
96
+ legend: string;
97
+ };
98
+ declare const Fieldset: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
99
+ children?: react.ReactNode;
100
+ } & {
101
+ legend: string;
102
+ } & react.RefAttributes<HTMLFieldSetElement>>;
103
+
104
+ /**
105
+ * @license EUPL-1.2+
106
+ * Copyright Gemeente Amsterdam
7
107
  */
8
108
 
9
109
  type BackgroundName = 'default' | 'light' | 'dark';
@@ -29,7 +129,7 @@ declare const LinkListLink: LinkListLinkComponent;
29
129
 
30
130
  /**
31
131
  * @license EUPL-1.2+
32
- * Copyright (c) 2024 Gemeente Amsterdam
132
+ * Copyright Gemeente Amsterdam
33
133
  */
34
134
 
35
135
  type LinkListProps = PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
@@ -80,7 +180,7 @@ declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTable
80
180
 
81
181
  /**
82
182
  * @license EUPL-1.2+
83
- * Copyright (c) 2023 Gemeente Amsterdam
183
+ * Copyright Gemeente Amsterdam
84
184
  */
85
185
 
86
186
  type TableProps = PropsWithChildren<TableHTMLAttributes<HTMLTableElement>>;
@@ -95,14 +195,21 @@ type TableComponent = {
95
195
  } & ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
96
196
  declare const Table: TableComponent;
97
197
 
198
+ type MegaMenuListCategoryProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
199
+ declare const MegaMenuListCategory: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
200
+ children?: react.ReactNode;
201
+ } & react.RefAttributes<HTMLDivElement>>;
202
+
203
+ /**
204
+ * @license EUPL-1.2+
205
+ * Copyright Gemeente Amsterdam
206
+ */
207
+
98
208
  type MegaMenuProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
99
209
  type MegaMenuComponent = {
100
210
  ListCategory: typeof MegaMenuListCategory;
101
211
  } & ForwardRefExoticComponent<MegaMenuProps & RefAttributes<HTMLDivElement>>;
102
212
  declare const MegaMenu: MegaMenuComponent;
103
- declare const MegaMenuListCategory: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
104
- children?: react.ReactNode;
105
- } & RefAttributes<HTMLDivElement>>;
106
213
 
107
214
  type IconButtonProps = {
108
215
  label: string;
@@ -129,10 +236,10 @@ declare const Overlap: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEle
129
236
 
130
237
  /**
131
238
  * @license EUPL-1.2+
132
- * Copyright (c) 2023 Gemeente Amsterdam
239
+ * Copyright Gemeente Amsterdam
133
240
  */
134
241
 
135
- type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
242
+ type LogoBrand = 'amsterdam' | 'ggd-amsterdam' | 'museum-weesp' | 'stadsarchief' | 'stadsbank-van-lening' | 'vga-verzekeringen';
136
243
  type LogoProps = {
137
244
  brand?: LogoBrand;
138
245
  } & SVGProps<SVGSVGElement>;
@@ -172,7 +279,7 @@ declare const SearchFieldInput: react.ForwardRefExoticComponent<{
172
279
 
173
280
  /**
174
281
  * @license EUPL-1.2+
175
- * Copyright (c) 2023 Gemeente Amsterdam
282
+ * Copyright Gemeente Amsterdam
176
283
  */
177
284
 
178
285
  type SearchFieldProps = PropsWithChildren<HTMLAttributes<HTMLFormElement>>;
@@ -279,7 +386,7 @@ declare const CardLink: react.ForwardRefExoticComponent<AnchorHTMLAttributes<HTM
279
386
 
280
387
  /**
281
388
  * @license EUPL-1.2+
282
- * Copyright (c) 2023 Gemeente Amsterdam
389
+ * Copyright Gemeente Amsterdam
283
390
  */
284
391
 
285
392
  type CardProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
@@ -369,9 +476,9 @@ declare const AspectRatio: react.ForwardRefExoticComponent<{
369
476
  children?: react.ReactNode;
370
477
  } & react.RefAttributes<HTMLDivElement>>;
371
478
 
372
- declare const VisuallyHidden: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
479
+ declare const VisuallyHidden: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
373
480
  children?: react.ReactNode;
374
- } & react.RefAttributes<HTMLDivElement>>;
481
+ } & react.RefAttributes<HTMLElement>>;
375
482
 
376
483
  type FooterBottomProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
377
484
  declare const FooterBottom: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
@@ -385,7 +492,7 @@ declare const FooterTop: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivE
385
492
 
386
493
  /**
387
494
  * @license EUPL-1.2+
388
- * Copyright (c) 2023 Gemeente Amsterdam
495
+ * Copyright Gemeente Amsterdam
389
496
  */
390
497
 
391
498
  type FooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
@@ -406,7 +513,7 @@ declare const PageMenuLink: react.ForwardRefExoticComponent<{
406
513
 
407
514
  /**
408
515
  * @license EUPL-1.2+
409
- * Copyright (c) 2023 Gemeente Amsterdam
516
+ * Copyright Gemeente Amsterdam
410
517
  */
411
518
 
412
519
  type PageMenuProps = {
@@ -478,11 +585,12 @@ declare const OrderedListItem: react.ForwardRefExoticComponent<LiHTMLAttributes<
478
585
 
479
586
  /**
480
587
  * @license EUPL-1.2+
481
- * Copyright (c) 2023 Gemeente Amsterdam
588
+ * Copyright Gemeente Amsterdam
482
589
  */
483
590
 
484
591
  type OrderedListProps = {
485
592
  markers?: boolean;
593
+ inverseColor?: boolean;
486
594
  } & PropsWithChildren<OlHTMLAttributes<HTMLOListElement>>;
487
595
  type OrderedListComponent = {
488
596
  Item: typeof OrderedListItem;
@@ -500,7 +608,7 @@ declare const BreadcrumbItem: react.ForwardRefExoticComponent<{
500
608
 
501
609
  /**
502
610
  * @license EUPL-1.2+
503
- * Copyright (c) 2023 Gemeente Amsterdam
611
+ * Copyright Gemeente Amsterdam
504
612
  */
505
613
 
506
614
  type BreadcrumbProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
@@ -510,28 +618,25 @@ type BreadcrumbComponent = {
510
618
  declare const Breadcrumb: BreadcrumbComponent;
511
619
 
512
620
  type LinkOnBackground = 'default' | 'light' | 'dark';
513
- /** @deprecated Use `LinkList` instead. */
514
- type DeprecatedLinkVariantInList = 'inList';
515
- type LinkVariant = 'standalone' | 'inline' | DeprecatedLinkVariantInList;
516
- type CommonProps = {
621
+ type LinkVariant = 'standalone' | 'inline';
622
+ type LinkProps = {
517
623
  variant?: LinkVariant;
518
624
  onBackground?: LinkOnBackground;
519
625
  } & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'>;
520
- type ConditionalProps = {
521
- variant?: 'standalone' | 'inline';
522
- icon?: never;
523
- } | {
524
- variant?: 'inList';
525
- icon?: Function;
526
- };
527
- type LinkProps = PropsWithChildren<CommonProps & ConditionalProps>;
528
- declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
626
+ declare const Link: react.ForwardRefExoticComponent<{
627
+ variant?: LinkVariant | undefined;
628
+ onBackground?: LinkOnBackground | undefined;
629
+ } & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "placeholder"> & react.RefAttributes<HTMLAnchorElement>>;
529
630
 
530
631
  type ButtonProps = {
531
632
  variant?: 'primary' | 'secondary' | 'tertiary';
633
+ /** Render the button in a busy state to indicate something has to finish loading */
634
+ busy?: boolean;
532
635
  } & PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>;
533
636
  declare const Button: react.ForwardRefExoticComponent<{
534
637
  variant?: "primary" | "secondary" | "tertiary" | undefined;
638
+ /** Render the button in a busy state to indicate something has to finish loading */
639
+ busy?: boolean | undefined;
535
640
  } & ButtonHTMLAttributes<HTMLButtonElement> & {
536
641
  children?: react.ReactNode;
537
642
  } & react.RefAttributes<HTMLButtonElement>>;
@@ -566,10 +671,11 @@ declare const UnorderedListItem: react.ForwardRefExoticComponent<LiHTMLAttribute
566
671
 
567
672
  /**
568
673
  * @license EUPL-1.2+
569
- * Copyright (c) 2023 Gemeente Amsterdam
674
+ * Copyright Gemeente Amsterdam
570
675
  */
571
676
 
572
677
  type UnorderedListProps = {
678
+ inverseColor?: boolean;
573
679
  markers?: boolean;
574
680
  } & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
575
681
  type UnorderedListComponent = {
@@ -601,7 +707,7 @@ declare const AccordionSection: react.ForwardRefExoticComponent<{
601
707
 
602
708
  /**
603
709
  * @license EUPL-1.2+
604
- * Copyright (c) 2023 Gemeente Amsterdam
710
+ * Copyright Gemeente Amsterdam
605
711
  */
606
712
 
607
713
  type AccordionProps = {
@@ -631,7 +737,7 @@ declare const GridCell: react.ForwardRefExoticComponent<GridCellProps & react.Re
631
737
 
632
738
  /**
633
739
  * @license EUPL-1.2+
634
- * Copyright (c) 2023 Gemeente Amsterdam
740
+ * Copyright Gemeente Amsterdam
635
741
  */
636
742
 
637
743
  type GridColumnNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -644,25 +750,18 @@ type GridPaddingSize = 'small' | 'medium' | 'large';
644
750
  type GridPaddingVerticalProp = {
645
751
  paddingBottom?: never;
646
752
  paddingTop?: never;
647
- /** The amount of vertical whitespace above and below the grid. */
753
+ /** The amount of vertical white space above and below the grid. */
648
754
  paddingVertical?: GridPaddingSize;
649
755
  };
650
756
  type GridPaddingTopAndBottomProps = {
651
- /** The amount of vertical whitespace below the grid. */
757
+ /** The amount of vertical white space below the grid. */
652
758
  paddingBottom?: GridPaddingSize;
653
- /** The amount of vertical whitespace above the grid. */
759
+ /** The amount of vertical white space above the grid. */
654
760
  paddingTop?: GridPaddingSize;
655
761
  paddingVertical?: never;
656
762
  };
657
763
  type GridProps = {
658
- /**
659
- * Opts in to a less spacious layout.
660
- * Decreases whitespace between columns and to the sides of the grid.
661
- * This usually works well for applications.
662
- * @todo Implement more generally – it will be moved into a theme soon.
663
- */
664
- compact?: boolean;
665
- /** The amount of vertical whitespace between rows of the grid. */
764
+ /** The amount of vertical white space between rows of the grid. */
666
765
  gapVertical?: 'none' | 'small' | 'large';
667
766
  } & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
668
767
  type GridComponent = {
@@ -670,4 +769,4 @@ type GridComponent = {
670
769
  } & ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>>;
671
770
  declare const Grid: GridComponent;
672
771
 
673
- export { Accordion, type AccordionProps, type AccordionSectionProps, Alert, type AlertProps, AspectRatio, type AspectRatioProps, Badge, type BadgeProps, Blockquote, type BlockquoteProps, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonProps, Card, type CardHeadingGroupProps, type CardLinkProps, type CardProps, Checkbox, type CheckboxProps, Dialog, type DialogProps, Footer, type FooterBottomProps, type FooterProps, type FooterTopProps, FormLabel, Grid, type GridCellProps, type GridColumnNumber, type GridColumnNumbers, type GridProps, Header, type HeaderProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Link, LinkList, type LinkListLinkProps, type LinkListProps, type LinkProps, Logo, type LogoBrand, type LogoProps, Mark, type MarkProps, MegaMenu, type MegaMenuProps, OrderedList, type OrderedListItemProps, type OrderedListProps, Overlap, type OverlapProps, PageHeading, type PageHeadingProps, PageMenu, type PageMenuLinkProps, type PageMenuProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, type Ratio, Screen, type ScreenProps, SearchField, type SearchFieldProps, SkipLink, type SkipLinkProps, Spotlight, type SpotlightProps, Switch, type SwitchProps, Table, type TableProps, TextInput, type TextInputProps, TopTaskLink, UnorderedList, type UnorderedListItemProps, type UnorderedListProps, VisuallyHidden };
772
+ export { Accordion, type AccordionProps, type AccordionSectionProps, Alert, type AlertProps, AspectRatio, type AspectRatioProps, Badge, type BadgeProps, Blockquote, type BlockquoteProps, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonProps, Card, type CardHeadingGroupProps, type CardLinkProps, type CardProps, Checkbox, type CheckboxProps, Column, type ColumnProps, Dialog, type DialogProps, Fieldset, type FieldsetProps, Footer, type FooterBottomProps, type FooterProps, type FooterTopProps, FormLabel, Grid, type GridCellProps, type GridColumnNumber, type GridColumnNumbers, type GridProps, Header, type HeaderProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Link, LinkList, type LinkListLinkProps, type LinkListProps, type LinkProps, Logo, type LogoBrand, type LogoProps, Mark, type MarkProps, MegaMenu, type MegaMenuListCategoryProps, type MegaMenuProps, OrderedList, type OrderedListItemProps, type OrderedListProps, Overlap, type OverlapProps, PageHeading, type PageHeadingProps, PageMenu, type PageMenuLinkProps, type PageMenuProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Radio, type RadioProps, type Ratio, Row, type RowProps, Screen, type ScreenProps, SearchField, type SearchFieldProps, SkipLink, type SkipLinkProps, Spotlight, type SpotlightProps, Switch, type SwitchProps, Table, type TableProps, Tabs, type TabsButtonProps, type TabsListProps, type TabsPanelProps, type TabsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TopTaskLink, UnorderedList, type UnorderedListItemProps, type UnorderedListProps, VisuallyHidden };