@amsterdam/design-system-react 0.10.0 → 0.11.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 (7) hide show
  1. package/README.md +0 -33
  2. package/dist/index.cjs.js +413 -351
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.d.ts +131 -34
  5. package/dist/index.esm.js +411 -350
  6. package/dist/index.esm.js.map +1 -1
  7. package/package.json +15 -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,23 +1,21 @@
1
1
  import * as react from 'react';
2
- import { PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, SelectHTMLAttributes, ReactNode, ButtonHTMLAttributes, TextareaHTMLAttributes, TableHTMLAttributes, SVGProps, ForwardRefExoticComponent, RefAttributes, DialogHTMLAttributes, ImgHTMLAttributes, BlockquoteHTMLAttributes, OlHTMLAttributes, LiHTMLAttributes, LabelHTMLAttributes } from 'react';
2
+ import { PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, SelectHTMLAttributes, ReactNode, ButtonHTMLAttributes, TextareaHTMLAttributes, TableHTMLAttributes, SVGProps, ForwardRefExoticComponent, RefAttributes, DialogHTMLAttributes, MouseEvent, ImgHTMLAttributes, BlockquoteHTMLAttributes, OlHTMLAttributes, LiHTMLAttributes, LabelHTMLAttributes } from 'react';
3
3
 
4
- type HeadingLevel = 1 | 2 | 3 | 4;
5
- type HeadingSize = 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6';
6
4
  type HeadingProps = {
7
5
  /** Changes the text colour for readability on a dark background. */
8
6
  inverseColor?: boolean;
9
7
  /** The hierarchical level within the document. */
10
- level?: HeadingLevel;
8
+ level?: 1 | 2 | 3 | 4;
11
9
  /** Uses larger or smaller text without changing its position in the heading hierarchy. */
12
- size?: HeadingSize;
10
+ size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6';
13
11
  } & PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>;
14
12
  declare const Heading: react.ForwardRefExoticComponent<{
15
13
  /** Changes the text colour for readability on a dark background. */
16
14
  inverseColor?: boolean;
17
15
  /** The hierarchical level within the document. */
18
- level?: HeadingLevel;
16
+ level?: 1 | 2 | 3 | 4;
19
17
  /** Uses larger or smaller text without changing its position in the heading hierarchy. */
20
- size?: HeadingSize;
18
+ size?: "level-1" | "level-2" | "level-3" | "level-4" | "level-5" | "level-6";
21
19
  } & HTMLAttributes<HTMLHeadingElement> & {
22
20
  children?: react.ReactNode | undefined;
23
21
  } & react.RefAttributes<HTMLHeadingElement>>;
@@ -27,26 +25,46 @@ type FormError = {
27
25
  label: string;
28
26
  };
29
27
  type FormErrorListProps = {
28
+ /**
29
+ * The text following the error count.
30
+ * This is used to show the error count in the document title.
31
+ */
32
+ errorCountLabel?: {
33
+ plural: string;
34
+ singular: string;
35
+ };
30
36
  /** The list of error messages to display. */
31
37
  errors: FormError[];
38
+ /** Whether the component receives focus on first render */
39
+ focusOnRender?: boolean;
32
40
  /** The text for the Heading. */
33
41
  heading?: string;
34
42
  /**
35
43
  * The hierarchical level of the Heading within the document.
36
44
  * Note: this intentionally does not change the font size.
37
45
  */
38
- headingLevel?: HeadingLevel;
46
+ headingLevel?: HeadingProps['level'];
39
47
  } & HTMLAttributes<HTMLDivElement>;
40
48
  declare const FormErrorList: react.ForwardRefExoticComponent<{
49
+ /**
50
+ * The text following the error count.
51
+ * This is used to show the error count in the document title.
52
+ */
53
+ errorCountLabel?: {
54
+ plural: string;
55
+ singular: string;
56
+ };
41
57
  /** The list of error messages to display. */
42
58
  errors: FormError[];
59
+ /** Whether the component receives focus on first render */
60
+ focusOnRender?: boolean;
43
61
  /** The text for the Heading. */
44
62
  heading?: string;
45
63
  /**
46
64
  * The hierarchical level of the Heading within the document.
47
65
  * Note: this intentionally does not change the font size.
48
66
  */
49
- headingLevel?: HeadingLevel;
67
+ headingLevel?: HeadingProps["level"];
50
68
  } & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
51
69
 
52
70
  type TableOfContentsProps = {
@@ -56,7 +74,7 @@ type TableOfContentsProps = {
56
74
  * The hierarchical level of the Heading within the document.
57
75
  * Note: this intentionally does not change the font size.
58
76
  */
59
- headingLevel?: HeadingLevel;
77
+ headingLevel?: HeadingProps['level'];
60
78
  } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
61
79
  declare const TableOfContents: react.ForwardRefExoticComponent<{
62
80
  /** The text for the Heading. */
@@ -65,7 +83,7 @@ declare const TableOfContents: react.ForwardRefExoticComponent<{
65
83
  * The hierarchical level of the Heading within the document.
66
84
  * Note: this intentionally does not change the font size.
67
85
  */
68
- headingLevel?: HeadingLevel;
86
+ headingLevel?: HeadingProps["level"];
69
87
  } & HTMLAttributes<HTMLElement> & {
70
88
  children?: react.ReactNode | undefined;
71
89
  } & react.RefAttributes<HTMLElement>> & {
@@ -174,13 +192,13 @@ declare const Avatar: react.ForwardRefExoticComponent<{
174
192
  label: string;
175
193
  } & HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
176
194
 
177
- type FormFieldCharacterCounterProps = HTMLAttributes<HTMLDivElement> & {
195
+ type CharacterCountProps = HTMLAttributes<HTMLDivElement> & {
178
196
  /** The current length of the field’s value. */
179
197
  length: number;
180
198
  /** The maximum length of the field’s value. */
181
199
  maxLength: number;
182
200
  };
183
- declare const FormFieldCharacterCounter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
201
+ declare const CharacterCount: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
184
202
  /** The current length of the field’s value. */
185
203
  length: number;
186
204
  /** The maximum length of the field’s value. */
@@ -209,20 +227,69 @@ type DescriptionListTermProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
209
227
 
210
228
  type DescriptionListDetailsProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
211
229
 
212
- declare const rowGapSizes: Array<string>;
213
- type RowTag = 'article' | 'div' | 'section';
230
+ declare const crossAlignOptions: readonly ["start", "center", "baseline", "end"];
231
+ type CrossAlign = (typeof crossAlignOptions)[number];
232
+ declare const crossAlignOptionsForColumn: ("start" | "center" | "end")[];
233
+ type CrossAlignForColumn = (typeof crossAlignOptionsForColumn)[number];
234
+ declare const mainAlignOptions: readonly ["center", "end", "between", "around", "evenly"];
235
+ type MainAlign = (typeof mainAlignOptions)[number];
236
+
237
+ declare const rowGapSizes: readonly ["none", "extra-small", "small", "large", "extra-large"];
214
238
  type RowGap = (typeof rowGapSizes)[number];
239
+ type RowTag = 'article' | 'div' | 'section';
215
240
  type RowProps = {
216
- /** The HTML element to use. */
241
+ /**
242
+ * The horizontal alignment of the items in the row.
243
+ * @default start
244
+ */
245
+ align?: MainAlign;
246
+ /**
247
+ * The vertical alignment of the items in the row.
248
+ * @default stretch
249
+ */
250
+ alignVertical?: CrossAlign;
251
+ /**
252
+ * The HTML element to use.
253
+ * @default div
254
+ */
217
255
  as?: RowTag;
218
- /** The amount of vertical space between items. */
256
+ /**
257
+ * The amount of space between items.
258
+ * @default medium
259
+ */
219
260
  gap?: RowGap;
261
+ /**
262
+ * Whether items of the row can wrap onto multiple lines.
263
+ * @default false
264
+ */
265
+ wrap?: boolean;
220
266
  } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
221
267
  declare const Row: react.ForwardRefExoticComponent<{
222
- /** The HTML element to use. */
268
+ /**
269
+ * The horizontal alignment of the items in the row.
270
+ * @default start
271
+ */
272
+ align?: MainAlign;
273
+ /**
274
+ * The vertical alignment of the items in the row.
275
+ * @default stretch
276
+ */
277
+ alignVertical?: CrossAlign;
278
+ /**
279
+ * The HTML element to use.
280
+ * @default div
281
+ */
223
282
  as?: RowTag;
224
- /** The amount of vertical space between items. */
283
+ /**
284
+ * The amount of space between items.
285
+ * @default medium
286
+ */
225
287
  gap?: RowGap;
288
+ /**
289
+ * Whether items of the row can wrap onto multiple lines.
290
+ * @default false
291
+ */
292
+ wrap?: boolean;
226
293
  } & HTMLAttributes<HTMLElement> & {
227
294
  children?: react.ReactNode | undefined;
228
295
  } & react.RefAttributes<unknown>>;
@@ -288,19 +355,51 @@ declare const TextArea: react.ForwardRefExoticComponent<{
288
355
  resize?: "none" | "horizontal" | "vertical";
289
356
  } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "aria-invalid"> & react.RefAttributes<HTMLTextAreaElement>>;
290
357
 
291
- declare const columnGapSizes: Array<string>;
292
- type ColumnTag = 'article' | 'div' | 'section';
358
+ declare const columnGapSizes: readonly ["none", "extra-small", "small", "large", "extra-large"];
293
359
  type ColumnGap = (typeof columnGapSizes)[number];
360
+ type ColumnTag = 'article' | 'div' | 'section';
294
361
  type ColumnProps = {
295
- /** The HTML element to use. */
362
+ /**
363
+ * The vertical alignment of the items in the column.
364
+ * @default start
365
+ */
366
+ align?: MainAlign;
367
+ /**
368
+ * The horizontal alignment of the items in the column.
369
+ * @default stretch
370
+ */
371
+ alignHorizontal?: CrossAlignForColumn;
372
+ /**
373
+ * The HTML element to use.
374
+ * @default div
375
+ */
296
376
  as?: ColumnTag;
297
- /** The amount of vertical space between items. */
377
+ /**
378
+ * The amount of space between items.
379
+ * @default medium
380
+ */
298
381
  gap?: ColumnGap;
299
382
  } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
300
383
  declare const Column: react.ForwardRefExoticComponent<{
301
- /** The HTML element to use. */
384
+ /**
385
+ * The vertical alignment of the items in the column.
386
+ * @default start
387
+ */
388
+ align?: MainAlign;
389
+ /**
390
+ * The horizontal alignment of the items in the column.
391
+ * @default stretch
392
+ */
393
+ alignHorizontal?: CrossAlignForColumn;
394
+ /**
395
+ * The HTML element to use.
396
+ * @default div
397
+ */
302
398
  as?: ColumnTag;
303
- /** The amount of vertical space between items. */
399
+ /**
400
+ * The amount of space between items.
401
+ * @default medium
402
+ */
304
403
  gap?: ColumnGap;
305
404
  } & HTMLAttributes<HTMLElement> & {
306
405
  children?: react.ReactNode | undefined;
@@ -510,6 +609,8 @@ type DialogProps = {
510
609
  /** The text for the Heading. */
511
610
  heading: string;
512
611
  } & PropsWithChildren<DialogHTMLAttributes<HTMLDialogElement>>;
612
+ declare const closeDialog: (event: MouseEvent<HTMLButtonElement>) => void | undefined;
613
+ declare const openDialog: (id: string) => void;
513
614
  declare const Dialog: react.ForwardRefExoticComponent<{
514
615
  /** The button(s) in the footer. Start with a primary button. */
515
616
  actions?: ReactNode;
@@ -637,7 +738,7 @@ type AlertProps = {
637
738
  * The hierarchical level of the Heading within the document.
638
739
  * Note: this intentionally does not change the font size.
639
740
  */
640
- headingLevel?: HeadingLevel;
741
+ headingLevel?: HeadingProps['level'];
641
742
  /** A function to run when dismissing. */
642
743
  onClose?: () => void;
643
744
  /** The significance of the message conveyed. */
@@ -654,7 +755,7 @@ declare const Alert: react.ForwardRefExoticComponent<{
654
755
  * The hierarchical level of the Heading within the document.
655
756
  * Note: this intentionally does not change the font size.
656
757
  */
657
- headingLevel?: HeadingLevel;
758
+ headingLevel?: HeadingProps["level"];
658
759
  /** A function to run when dismissing. */
659
760
  onClose?: () => void;
660
761
  /** The significance of the message conveyed. */
@@ -675,10 +776,6 @@ declare const AspectRatio: react.ForwardRefExoticComponent<{
675
776
  children?: react.ReactNode | undefined;
676
777
  } & react.RefAttributes<HTMLDivElement>>;
677
778
 
678
- declare const VisuallyHidden: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
679
- children?: react.ReactNode | undefined;
680
- } & react.RefAttributes<HTMLElement>>;
681
-
682
779
  type FooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
683
780
  declare const Footer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
684
781
  children?: react.ReactNode | undefined;
@@ -887,13 +984,13 @@ declare const Icon: react.ForwardRefExoticComponent<{
887
984
 
888
985
  type AccordionProps = {
889
986
  /** The hierarchical level of the Accordion Section heading(s) within the document. */
890
- headingLevel: HeadingLevel;
987
+ headingLevel: HeadingProps['level'];
891
988
  /** The HTML element to use for each Accordion Section. */
892
989
  sectionAs?: 'div' | 'section';
893
990
  } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
894
991
  declare const Accordion: react.ForwardRefExoticComponent<{
895
992
  /** The hierarchical level of the Accordion Section heading(s) within the document. */
896
- headingLevel: HeadingLevel;
993
+ headingLevel: HeadingProps["level"];
897
994
  /** The HTML element to use for each Accordion Section. */
898
995
  sectionAs?: "div" | "section";
899
996
  } & HTMLAttributes<HTMLDivElement> & {
@@ -958,4 +1055,4 @@ declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttribu
958
1055
  Cell: react.ForwardRefExoticComponent<GridCellProps & react.RefAttributes<unknown>>;
959
1056
  };
960
1057
 
961
- export { Accordion, type AccordionProps, type AccordionSectionProps, Alert, type AlertProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, Blockquote, type BlockquoteProps, Breadcrumb, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, Card, type CardHeadingGroupProps, type CardLinkProps, type CardProps, Checkbox, type CheckboxProps, Column, type ColumnProps, DateInput, type DateInputProps, DescriptionList, type DescriptionListDetailsProps, type DescriptionListProps, type DescriptionListTermProps, Dialog, type DialogProps, ErrorMessage, type ErrorMessageProps, Field, type FieldProps, FieldSet, type FieldSetProps, FileInput, type FileInputProps, Footer, type FooterBottomProps, type FooterProps, type FooterTopProps, type FormError, FormErrorList, type FormErrorListProps, FormFieldCharacterCounter, type FormFieldCharacterCounterProps, Grid, type GridCellProps, type GridColumnNumber, type GridColumnNumbers, type GridProps, Header, type HeaderProps, Heading, type HeadingLevel, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Label, 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, Select, type SelectOptionProps, type SelectProps, SkipLink, type SkipLinkProps, Spotlight, type SpotlightProps, Switch, type SwitchProps, Table, TableOfContents, type TableOfContentsLinkProps, type TableOfContentsListProps, type TableOfContentsProps, type TableProps, Tabs, type TabsButtonProps, type TabsListProps, type TabsPanelProps, type TabsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TopTaskLink, UnorderedList, type UnorderedListItemProps, type UnorderedListProps, VisuallyHidden };
1058
+ export { Accordion, type AccordionProps, type AccordionSectionProps, Alert, type AlertProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, Blockquote, type BlockquoteProps, Breadcrumb, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, Card, type CardHeadingGroupProps, type CardLinkProps, type CardProps, CharacterCount, type CharacterCountProps, Checkbox, type CheckboxProps, Column, type ColumnProps, DateInput, type DateInputProps, DescriptionList, type DescriptionListDetailsProps, type DescriptionListProps, type DescriptionListTermProps, Dialog, type DialogProps, ErrorMessage, type ErrorMessageProps, Field, type FieldProps, FieldSet, type FieldSetProps, FileInput, type FileInputProps, Footer, type FooterBottomProps, type FooterProps, type FooterTopProps, type FormError, FormErrorList, type FormErrorListProps, Grid, type GridCellProps, type GridColumnNumber, type GridColumnNumbers, type GridProps, Header, type HeaderProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Label, 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, Select, type SelectOptionProps, type SelectProps, SkipLink, type SkipLinkProps, Spotlight, type SpotlightProps, Switch, type SwitchProps, Table, TableOfContents, type TableOfContentsLinkProps, type TableOfContentsListProps, type TableOfContentsProps, type TableProps, Tabs, type TabsButtonProps, type TabsListProps, type TabsPanelProps, type TabsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TopTaskLink, UnorderedList, type UnorderedListItemProps, type UnorderedListProps, closeDialog, openDialog };