@amsterdam/design-system-react 0.10.0 → 0.11.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 (7) hide show
  1. package/README.md +0 -33
  2. package/dist/index.cjs.js +399 -348
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.d.ts +128 -33
  5. package/dist/index.esm.js +399 -347
  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
2
  import { PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, SelectHTMLAttributes, ReactNode, ButtonHTMLAttributes, TextareaHTMLAttributes, TableHTMLAttributes, SVGProps, ForwardRefExoticComponent, RefAttributes, DialogHTMLAttributes, 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;
@@ -637,7 +736,7 @@ type AlertProps = {
637
736
  * The hierarchical level of the Heading within the document.
638
737
  * Note: this intentionally does not change the font size.
639
738
  */
640
- headingLevel?: HeadingLevel;
739
+ headingLevel?: HeadingProps['level'];
641
740
  /** A function to run when dismissing. */
642
741
  onClose?: () => void;
643
742
  /** The significance of the message conveyed. */
@@ -654,7 +753,7 @@ declare const Alert: react.ForwardRefExoticComponent<{
654
753
  * The hierarchical level of the Heading within the document.
655
754
  * Note: this intentionally does not change the font size.
656
755
  */
657
- headingLevel?: HeadingLevel;
756
+ headingLevel?: HeadingProps["level"];
658
757
  /** A function to run when dismissing. */
659
758
  onClose?: () => void;
660
759
  /** The significance of the message conveyed. */
@@ -675,10 +774,6 @@ declare const AspectRatio: react.ForwardRefExoticComponent<{
675
774
  children?: react.ReactNode | undefined;
676
775
  } & react.RefAttributes<HTMLDivElement>>;
677
776
 
678
- declare const VisuallyHidden: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
679
- children?: react.ReactNode | undefined;
680
- } & react.RefAttributes<HTMLElement>>;
681
-
682
777
  type FooterProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
683
778
  declare const Footer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
684
779
  children?: react.ReactNode | undefined;
@@ -887,13 +982,13 @@ declare const Icon: react.ForwardRefExoticComponent<{
887
982
 
888
983
  type AccordionProps = {
889
984
  /** The hierarchical level of the Accordion Section heading(s) within the document. */
890
- headingLevel: HeadingLevel;
985
+ headingLevel: HeadingProps['level'];
891
986
  /** The HTML element to use for each Accordion Section. */
892
987
  sectionAs?: 'div' | 'section';
893
988
  } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
894
989
  declare const Accordion: react.ForwardRefExoticComponent<{
895
990
  /** The hierarchical level of the Accordion Section heading(s) within the document. */
896
- headingLevel: HeadingLevel;
991
+ headingLevel: HeadingProps["level"];
897
992
  /** The HTML element to use for each Accordion Section. */
898
993
  sectionAs?: "div" | "section";
899
994
  } & HTMLAttributes<HTMLDivElement> & {
@@ -958,4 +1053,4 @@ declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttribu
958
1053
  Cell: react.ForwardRefExoticComponent<GridCellProps & react.RefAttributes<unknown>>;
959
1054
  };
960
1055
 
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 };
1056
+ 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 };