@amsterdam/design-system-react 0.5.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 (6) hide show
  1. package/dist/index.cjs.js +485 -202
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +138 -25
  4. package/dist/index.esm.js +481 -204
  5. package/dist/index.esm.js.map +1 -1
  6. package/package.json +14 -15
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>>;
@@ -522,9 +630,13 @@ declare const Link: react.ForwardRefExoticComponent<{
522
630
 
523
631
  type ButtonProps = {
524
632
  variant?: 'primary' | 'secondary' | 'tertiary';
633
+ /** Render the button in a busy state to indicate something has to finish loading */
634
+ busy?: boolean;
525
635
  } & PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>;
526
636
  declare const Button: react.ForwardRefExoticComponent<{
527
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;
528
640
  } & ButtonHTMLAttributes<HTMLButtonElement> & {
529
641
  children?: react.ReactNode;
530
642
  } & react.RefAttributes<HTMLButtonElement>>;
@@ -559,10 +671,11 @@ declare const UnorderedListItem: react.ForwardRefExoticComponent<LiHTMLAttribute
559
671
 
560
672
  /**
561
673
  * @license EUPL-1.2+
562
- * Copyright (c) 2023 Gemeente Amsterdam
674
+ * Copyright Gemeente Amsterdam
563
675
  */
564
676
 
565
677
  type UnorderedListProps = {
678
+ inverseColor?: boolean;
566
679
  markers?: boolean;
567
680
  } & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
568
681
  type UnorderedListComponent = {
@@ -594,7 +707,7 @@ declare const AccordionSection: react.ForwardRefExoticComponent<{
594
707
 
595
708
  /**
596
709
  * @license EUPL-1.2+
597
- * Copyright (c) 2023 Gemeente Amsterdam
710
+ * Copyright Gemeente Amsterdam
598
711
  */
599
712
 
600
713
  type AccordionProps = {
@@ -624,7 +737,7 @@ declare const GridCell: react.ForwardRefExoticComponent<GridCellProps & react.Re
624
737
 
625
738
  /**
626
739
  * @license EUPL-1.2+
627
- * Copyright (c) 2023 Gemeente Amsterdam
740
+ * Copyright Gemeente Amsterdam
628
741
  */
629
742
 
630
743
  type GridColumnNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -637,18 +750,18 @@ type GridPaddingSize = 'small' | 'medium' | 'large';
637
750
  type GridPaddingVerticalProp = {
638
751
  paddingBottom?: never;
639
752
  paddingTop?: never;
640
- /** The amount of vertical whitespace above and below the grid. */
753
+ /** The amount of vertical white space above and below the grid. */
641
754
  paddingVertical?: GridPaddingSize;
642
755
  };
643
756
  type GridPaddingTopAndBottomProps = {
644
- /** The amount of vertical whitespace below the grid. */
757
+ /** The amount of vertical white space below the grid. */
645
758
  paddingBottom?: GridPaddingSize;
646
- /** The amount of vertical whitespace above the grid. */
759
+ /** The amount of vertical white space above the grid. */
647
760
  paddingTop?: GridPaddingSize;
648
761
  paddingVertical?: never;
649
762
  };
650
763
  type GridProps = {
651
- /** The amount of vertical whitespace between rows of the grid. */
764
+ /** The amount of vertical white space between rows of the grid. */
652
765
  gapVertical?: 'none' | 'small' | 'large';
653
766
  } & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
654
767
  type GridComponent = {
@@ -656,4 +769,4 @@ type GridComponent = {
656
769
  } & ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>>;
657
770
  declare const Grid: GridComponent;
658
771
 
659
- 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 };