@amsterdam/design-system-react 0.5.0 → 0.6.1

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 +484 -202
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +134 -25
  4. package/dist/index.esm.js +480 -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>>;
@@ -559,10 +667,11 @@ declare const UnorderedListItem: react.ForwardRefExoticComponent<LiHTMLAttribute
559
667
 
560
668
  /**
561
669
  * @license EUPL-1.2+
562
- * Copyright (c) 2023 Gemeente Amsterdam
670
+ * Copyright Gemeente Amsterdam
563
671
  */
564
672
 
565
673
  type UnorderedListProps = {
674
+ inverseColor?: boolean;
566
675
  markers?: boolean;
567
676
  } & PropsWithChildren<HTMLAttributes<HTMLUListElement>>;
568
677
  type UnorderedListComponent = {
@@ -594,7 +703,7 @@ declare const AccordionSection: react.ForwardRefExoticComponent<{
594
703
 
595
704
  /**
596
705
  * @license EUPL-1.2+
597
- * Copyright (c) 2023 Gemeente Amsterdam
706
+ * Copyright Gemeente Amsterdam
598
707
  */
599
708
 
600
709
  type AccordionProps = {
@@ -624,7 +733,7 @@ declare const GridCell: react.ForwardRefExoticComponent<GridCellProps & react.Re
624
733
 
625
734
  /**
626
735
  * @license EUPL-1.2+
627
- * Copyright (c) 2023 Gemeente Amsterdam
736
+ * Copyright Gemeente Amsterdam
628
737
  */
629
738
 
630
739
  type GridColumnNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -637,18 +746,18 @@ type GridPaddingSize = 'small' | 'medium' | 'large';
637
746
  type GridPaddingVerticalProp = {
638
747
  paddingBottom?: never;
639
748
  paddingTop?: never;
640
- /** The amount of vertical whitespace above and below the grid. */
749
+ /** The amount of vertical white space above and below the grid. */
641
750
  paddingVertical?: GridPaddingSize;
642
751
  };
643
752
  type GridPaddingTopAndBottomProps = {
644
- /** The amount of vertical whitespace below the grid. */
753
+ /** The amount of vertical white space below the grid. */
645
754
  paddingBottom?: GridPaddingSize;
646
- /** The amount of vertical whitespace above the grid. */
755
+ /** The amount of vertical white space above the grid. */
647
756
  paddingTop?: GridPaddingSize;
648
757
  paddingVertical?: never;
649
758
  };
650
759
  type GridProps = {
651
- /** The amount of vertical whitespace between rows of the grid. */
760
+ /** The amount of vertical white space between rows of the grid. */
652
761
  gapVertical?: 'none' | 'small' | 'large';
653
762
  } & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps) & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
654
763
  type GridComponent = {
@@ -656,4 +765,4 @@ type GridComponent = {
656
765
  } & ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>>;
657
766
  declare const Grid: GridComponent;
658
767
 
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 };
768
+ 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 };