react-magma-dom 3.9.0 → 3.10.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 (81) hide show
  1. package/dist/components/Accordion/Accordion.stories.d.ts +3 -3
  2. package/dist/components/Alert/Alert.stories.d.ts +3 -3
  3. package/dist/components/AlertBase/index.d.ts +1 -1
  4. package/dist/components/Announce/Announce.stories.d.ts +2 -2
  5. package/dist/components/Badge/Badge.stories.d.ts +3 -3
  6. package/dist/components/Breadcrumb/BreadcrumbItem.d.ts +1 -1
  7. package/dist/components/BreakpointsContainer/BreakpointsContainer.stories.d.ts +2 -2
  8. package/dist/components/Button/Button.stories.d.ts +3 -2
  9. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +57 -52
  10. package/dist/components/Card/Card.stories.d.ts +2 -2
  11. package/dist/components/CharacterCounter/CharacterCounter.stories.d.ts +111 -101
  12. package/dist/components/Checkbox/Checkbox.stories.d.ts +3 -3
  13. package/dist/components/Checkbox/index.d.ts +2 -2
  14. package/dist/components/Combobox/Combobox.d.ts +2 -2
  15. package/dist/components/Combobox/Combobox.stories.d.ts +4 -4
  16. package/dist/components/Combobox/ComboboxInput.d.ts +1 -1
  17. package/dist/components/Combobox/MultiCombobox.d.ts +2 -2
  18. package/dist/components/Combobox/index.d.ts +1 -1
  19. package/dist/components/Datagrid/Datagrid.stories.d.ts +8 -8
  20. package/dist/components/Datagrid/components.d.ts +2 -2
  21. package/dist/components/DatePicker/DatePicker.stories.d.ts +6 -6
  22. package/dist/components/Drawer/Drawer.stories.d.ts +2 -2
  23. package/dist/components/Dropdown/Dropdown.stories.d.ts +5 -5
  24. package/dist/components/FormGroup/FormGroup.stories.d.ts +2 -2
  25. package/dist/components/Heading/Heading.stories.d.ts +3 -3
  26. package/dist/components/Heading/index.d.ts +1 -1
  27. package/dist/components/HideAtBreakpoint/HideAtBreakpoint.stories.d.ts +2 -2
  28. package/dist/components/Hyperlink/Hyperlink.stories.d.ts +5 -5
  29. package/dist/components/IndeterminateCheckbox/IndeterminateCheckbox.stories.d.ts +4 -4
  30. package/dist/components/Input/Input.stories.d.ts +166 -157
  31. package/dist/components/InputBase/InputBase.stories.d.ts +3 -3
  32. package/dist/components/List/List.d.ts +0 -6
  33. package/dist/components/List/List.stories.d.ts +63 -2
  34. package/dist/components/List/ListItem.d.ts +8 -0
  35. package/dist/components/LoadingIndicator/LoadingIndicator.stories.d.ts +2 -2
  36. package/dist/components/Modal/Modal.d.ts +4 -0
  37. package/dist/components/Modal/Modal.stories.d.ts +10 -8
  38. package/dist/components/NavTabs/NavTab.d.ts +1 -4
  39. package/dist/components/NavTabs/NavTabs.stories.d.ts +6 -4
  40. package/dist/components/Pagination/Pagination.stories.d.ts +2 -2
  41. package/dist/components/Paragraph/Paragraph.stories.d.ts +2 -2
  42. package/dist/components/ProgressBar/ProgressBar.stories.d.ts +2 -2
  43. package/dist/components/Radio/Radio.stories.d.ts +3 -3
  44. package/dist/components/Select/ItemsList.d.ts +1 -1
  45. package/dist/components/Select/MultiSelect.d.ts +2 -2
  46. package/dist/components/Select/Select.d.ts +2 -2
  47. package/dist/components/Select/Select.stories.d.ts +2 -2
  48. package/dist/components/Select/SelectContainer.d.ts +1 -1
  49. package/dist/components/Select/SelectTriggerButton.d.ts +1 -1
  50. package/dist/components/Select/components.d.ts +7 -7
  51. package/dist/components/Select/index.d.ts +1 -1
  52. package/dist/components/Select/shared.d.ts +4 -4
  53. package/dist/components/SkipLink/SkipLink.stories.d.ts +2 -2
  54. package/dist/components/Spinner/index.d.ts +5 -0
  55. package/dist/components/Stepper/Step.d.ts +1 -1
  56. package/dist/components/Table/Table.stories.d.ts +335 -305
  57. package/dist/components/Table/TableRow.d.ts +4 -0
  58. package/dist/components/Tag/Tag.stories.d.ts +110 -100
  59. package/dist/components/Textarea/Textarea.stories.d.ts +55 -51
  60. package/dist/components/TimePicker/TimePicker.stories.d.ts +2 -2
  61. package/dist/components/Toast/Toast.stories.d.ts +3 -3
  62. package/dist/components/Toggle/Toggle.stories.d.ts +3 -3
  63. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +216 -200
  64. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +110 -100
  65. package/dist/components/Tooltip/Tooltip.stories.d.ts +2 -2
  66. package/dist/components/Transition/Transition.stories.d.ts +1 -1
  67. package/dist/components/TreeView/TreeView.stories.d.ts +24 -9
  68. package/dist/components/TreeView/TreeViewContext.d.ts +2 -0
  69. package/dist/components/TreeView/useTreeView.d.ts +17 -2
  70. package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts +2 -2
  71. package/dist/esm/index.js +1068 -635
  72. package/dist/esm/index.js.map +1 -1
  73. package/dist/i18n/interface.d.ts +7 -0
  74. package/dist/index.d.ts +1 -1
  75. package/dist/properties.json +177 -138
  76. package/dist/react-magma-dom.cjs.development.js +944 -536
  77. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  78. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  79. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  80. package/dist/theme/components/reducedMotionTransition.d.ts +10 -0
  81. package/package.json +1 -1
package/dist/components/HideAtBreakpoint/HideAtBreakpoint.stories.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
3
  export default _default;
4
- export declare const Default: () => JSX.Element;
4
+ export declare const Default: () => React.JSX.Element;
package/dist/components/Hyperlink/Hyperlink.stories.d.ts CHANGED
@@ -1,20 +1,20 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { HyperlinkIconPosition } from '.';
3
3
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
4
4
  export default _default;
5
5
  export declare const Default: {
6
- (args: any): JSX.Element;
6
+ (args: any): React.JSX.Element;
7
7
  args: {
8
8
  styledAs: string;
9
9
  isInverse: boolean;
10
10
  to: string;
11
11
  hasUnderline: boolean;
12
- icon: JSX.Element;
12
+ icon: React.JSX.Element;
13
13
  iconPosition: HyperlinkIconPosition;
14
14
  };
15
15
  };
16
16
  export declare const All: {
17
- (args: any): JSX.Element;
17
+ (args: any): React.JSX.Element;
18
18
  args: {};
19
19
  parameters: {
20
20
  controls: {
@@ -23,7 +23,7 @@ export declare const All: {
23
23
  };
24
24
  };
25
25
  export declare const Inverse: {
26
- (args: any): JSX.Element;
26
+ (args: any): React.JSX.Element;
27
27
  args: {};
28
28
  parameters: {
29
29
  controls: {
package/dist/components/IndeterminateCheckbox/IndeterminateCheckbox.stories.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
3
  export default _default;
4
- export declare const Default: () => JSX.Element;
5
- export declare const Inverse: () => JSX.Element;
6
- export declare const Behavior: () => JSX.Element;
4
+ export declare const Default: () => React.JSX.Element;
5
+ export declare const Inverse: () => React.JSX.Element;
6
+ export declare const Behavior: () => React.JSX.Element;
package/dist/components/Input/Input.stories.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
8
8
  export declare const Error: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
9
9
  export declare const Large: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
10
10
  export declare const IconPositions: {
11
- (args: any): JSX.Element;
11
+ (args: any): React.JSX.Element;
12
12
  args: {
13
13
  placeholder: string;
14
14
  helperMessage: any;
@@ -49,10 +49,8 @@ export declare const IconPositions: {
49
49
  accept?: string;
50
50
  alt?: string;
51
51
  autoComplete?: string;
52
- autoFocus?: boolean;
53
52
  capture?: string | boolean;
54
53
  checked?: boolean;
55
- crossOrigin?: string;
56
54
  disabled?: boolean;
57
55
  form?: string;
58
56
  formAction?: string;
@@ -80,6 +78,7 @@ export declare const IconPositions: {
80
78
  suppressContentEditableWarning?: boolean;
81
79
  suppressHydrationWarning?: boolean;
82
80
  accessKey?: string;
81
+ autoFocus?: boolean;
83
82
  className?: string;
84
83
  contentEditable?: boolean | "true" | "false" | "inherit";
85
84
  contextMenu?: string;
@@ -88,6 +87,7 @@ export declare const IconPositions: {
88
87
  hidden?: boolean;
89
88
  id?: string;
90
89
  lang?: string;
90
+ nonce?: string;
91
91
  slot?: string;
92
92
  spellCheck?: boolean | "true" | "false";
93
93
  style?: React.CSSProperties;
@@ -97,11 +97,14 @@ export declare const IconPositions: {
97
97
  radioGroup?: string;
98
98
  role?: React.AriaRole;
99
99
  about?: string;
100
+ content?: string;
100
101
  datatype?: string;
101
102
  inlist?: any;
102
103
  prefix?: string;
103
104
  property?: string;
105
+ rel?: string;
104
106
  resource?: string;
107
+ rev?: string;
105
108
  typeof?: string;
106
109
  vocab?: string;
107
110
  autoCapitalize?: string;
@@ -118,56 +121,56 @@ export declare const IconPositions: {
118
121
  unselectable?: "on" | "off";
119
122
  inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
120
123
  is?: string;
121
- 'aria-activedescendant'?: string;
122
- 'aria-atomic'?: boolean | "true" | "false";
123
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
124
- 'aria-busy'?: boolean | "true" | "false";
125
- 'aria-checked'?: boolean | "true" | "false" | "mixed";
126
- 'aria-colcount'?: number;
127
- 'aria-colindex'?: number;
128
- 'aria-colspan'?: number;
129
- 'aria-controls'?: string;
130
- 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
131
- 'aria-describedby'?: string;
132
- 'aria-details'?: string;
133
- 'aria-disabled'?: boolean | "true" | "false";
134
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
135
- 'aria-errormessage'?: string;
136
- 'aria-expanded'?: boolean | "true" | "false";
137
- 'aria-flowto'?: string;
138
- 'aria-grabbed'?: boolean | "true" | "false";
139
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
140
- 'aria-hidden'?: boolean | "true" | "false";
141
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
142
- 'aria-keyshortcuts'?: string;
143
- 'aria-label'?: string;
144
- 'aria-labelledby'?: string;
145
- 'aria-level'?: number;
146
- 'aria-live'?: "off" | "assertive" | "polite";
147
- 'aria-modal'?: boolean | "true" | "false";
148
- 'aria-multiline'?: boolean | "true" | "false";
149
- 'aria-multiselectable'?: boolean | "true" | "false";
150
- 'aria-orientation'?: "horizontal" | "vertical";
151
- 'aria-owns'?: string;
152
- 'aria-placeholder'?: string;
153
- 'aria-posinset'?: number;
154
- 'aria-pressed'?: boolean | "true" | "false" | "mixed";
155
- 'aria-readonly'?: boolean | "true" | "false";
156
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
157
- 'aria-required'?: boolean | "true" | "false";
158
- 'aria-roledescription'?: string;
159
- 'aria-rowcount'?: number;
160
- 'aria-rowindex'?: number;
161
- 'aria-rowspan'?: number;
162
- 'aria-selected'?: boolean | "true" | "false";
163
- 'aria-setsize'?: number;
164
- 'aria-sort'?: "none" | "ascending" | "descending" | "other";
165
- 'aria-valuemax'?: number;
166
- 'aria-valuemin'?: number;
167
- 'aria-valuenow'?: number;
168
- 'aria-valuetext'?: string;
124
+ "aria-activedescendant"?: string;
125
+ "aria-atomic"?: boolean | "true" | "false";
126
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both";
127
+ "aria-busy"?: boolean | "true" | "false";
128
+ "aria-checked"?: boolean | "true" | "false" | "mixed";
129
+ "aria-colcount"?: number;
130
+ "aria-colindex"?: number;
131
+ "aria-colspan"?: number;
132
+ "aria-controls"?: string;
133
+ "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
134
+ "aria-describedby"?: string;
135
+ "aria-details"?: string;
136
+ "aria-disabled"?: boolean | "true" | "false";
137
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
138
+ "aria-errormessage"?: string;
139
+ "aria-expanded"?: boolean | "true" | "false";
140
+ "aria-flowto"?: string;
141
+ "aria-grabbed"?: boolean | "true" | "false";
142
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
143
+ "aria-hidden"?: boolean | "true" | "false";
144
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
145
+ "aria-keyshortcuts"?: string;
146
+ "aria-label"?: string;
147
+ "aria-labelledby"?: string;
148
+ "aria-level"?: number;
149
+ "aria-live"?: "off" | "assertive" | "polite";
150
+ "aria-modal"?: boolean | "true" | "false";
151
+ "aria-multiline"?: boolean | "true" | "false";
152
+ "aria-multiselectable"?: boolean | "true" | "false";
153
+ "aria-orientation"?: "horizontal" | "vertical";
154
+ "aria-owns"?: string;
155
+ "aria-placeholder"?: string;
156
+ "aria-posinset"?: number;
157
+ "aria-pressed"?: boolean | "true" | "false" | "mixed";
158
+ "aria-readonly"?: boolean | "true" | "false";
159
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
160
+ "aria-required"?: boolean | "true" | "false";
161
+ "aria-roledescription"?: string;
162
+ "aria-rowcount"?: number;
163
+ "aria-rowindex"?: number;
164
+ "aria-rowspan"?: number;
165
+ "aria-selected"?: boolean | "true" | "false";
166
+ "aria-setsize"?: number;
167
+ "aria-sort"?: "none" | "ascending" | "descending" | "other";
168
+ "aria-valuemax"?: number;
169
+ "aria-valuemin"?: number;
170
+ "aria-valuenow"?: number;
171
+ "aria-valuetext"?: string;
169
172
  dangerouslySetInnerHTML?: {
170
- __html: string;
173
+ __html: string | TrustedHTML;
171
174
  };
172
175
  onCopy?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
173
176
  onCopyCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
@@ -340,7 +343,7 @@ export declare const File: import("@storybook/csf").AnnotatedStoryFn<import("@st
340
343
  export declare const ClickableIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
341
344
  export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, InputProps>;
342
345
  export declare const WithChildren: {
343
- (args: any): JSX.Element;
346
+ (args: any): React.JSX.Element;
344
347
  args: {
345
348
  testId?: string;
346
349
  iconPosition?: InputIconPosition;
@@ -380,10 +383,8 @@ export declare const WithChildren: {
380
383
  accept?: string;
381
384
  alt?: string;
382
385
  autoComplete?: string;
383
- autoFocus?: boolean;
384
386
  capture?: string | boolean;
385
387
  checked?: boolean;
386
- crossOrigin?: string;
387
388
  disabled?: boolean;
388
389
  form?: string;
389
390
  formAction?: string;
@@ -412,6 +413,7 @@ export declare const WithChildren: {
412
413
  suppressContentEditableWarning?: boolean;
413
414
  suppressHydrationWarning?: boolean;
414
415
  accessKey?: string;
416
+ autoFocus?: boolean;
415
417
  className?: string;
416
418
  contentEditable?: boolean | "true" | "false" | "inherit";
417
419
  contextMenu?: string;
@@ -420,6 +422,7 @@ export declare const WithChildren: {
420
422
  hidden?: boolean;
421
423
  id?: string;
422
424
  lang?: string;
425
+ nonce?: string;
423
426
  slot?: string;
424
427
  spellCheck?: boolean | "true" | "false";
425
428
  style?: React.CSSProperties;
@@ -429,11 +432,14 @@ export declare const WithChildren: {
429
432
  radioGroup?: string;
430
433
  role?: React.AriaRole;
431
434
  about?: string;
435
+ content?: string;
432
436
  datatype?: string;
433
437
  inlist?: any;
434
438
  prefix?: string;
435
439
  property?: string;
440
+ rel?: string;
436
441
  resource?: string;
442
+ rev?: string;
437
443
  typeof?: string;
438
444
  vocab?: string;
439
445
  autoCapitalize?: string;
@@ -450,56 +456,56 @@ export declare const WithChildren: {
450
456
  unselectable?: "on" | "off";
451
457
  inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
452
458
  is?: string;
453
- 'aria-activedescendant'?: string;
454
- 'aria-atomic'?: boolean | "true" | "false";
455
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
456
- 'aria-busy'?: boolean | "true" | "false";
457
- 'aria-checked'?: boolean | "true" | "false" | "mixed";
458
- 'aria-colcount'?: number;
459
- 'aria-colindex'?: number;
460
- 'aria-colspan'?: number;
461
- 'aria-controls'?: string;
462
- 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
463
- 'aria-describedby'?: string;
464
- 'aria-details'?: string;
465
- 'aria-disabled'?: boolean | "true" | "false";
466
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
467
- 'aria-errormessage'?: string;
468
- 'aria-expanded'?: boolean | "true" | "false";
469
- 'aria-flowto'?: string;
470
- 'aria-grabbed'?: boolean | "true" | "false";
471
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
472
- 'aria-hidden'?: boolean | "true" | "false";
473
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
474
- 'aria-keyshortcuts'?: string;
475
- 'aria-label'?: string;
476
- 'aria-labelledby'?: string;
477
- 'aria-level'?: number;
478
- 'aria-live'?: "off" | "assertive" | "polite";
479
- 'aria-modal'?: boolean | "true" | "false";
480
- 'aria-multiline'?: boolean | "true" | "false";
481
- 'aria-multiselectable'?: boolean | "true" | "false";
482
- 'aria-orientation'?: "horizontal" | "vertical";
483
- 'aria-owns'?: string;
484
- 'aria-placeholder'?: string;
485
- 'aria-posinset'?: number;
486
- 'aria-pressed'?: boolean | "true" | "false" | "mixed";
487
- 'aria-readonly'?: boolean | "true" | "false";
488
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
489
- 'aria-required'?: boolean | "true" | "false";
490
- 'aria-roledescription'?: string;
491
- 'aria-rowcount'?: number;
492
- 'aria-rowindex'?: number;
493
- 'aria-rowspan'?: number;
494
- 'aria-selected'?: boolean | "true" | "false";
495
- 'aria-setsize'?: number;
496
- 'aria-sort'?: "none" | "ascending" | "descending" | "other";
497
- 'aria-valuemax'?: number;
498
- 'aria-valuemin'?: number;
499
- 'aria-valuenow'?: number;
500
- 'aria-valuetext'?: string;
459
+ "aria-activedescendant"?: string;
460
+ "aria-atomic"?: boolean | "true" | "false";
461
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both";
462
+ "aria-busy"?: boolean | "true" | "false";
463
+ "aria-checked"?: boolean | "true" | "false" | "mixed";
464
+ "aria-colcount"?: number;
465
+ "aria-colindex"?: number;
466
+ "aria-colspan"?: number;
467
+ "aria-controls"?: string;
468
+ "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
469
+ "aria-describedby"?: string;
470
+ "aria-details"?: string;
471
+ "aria-disabled"?: boolean | "true" | "false";
472
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
473
+ "aria-errormessage"?: string;
474
+ "aria-expanded"?: boolean | "true" | "false";
475
+ "aria-flowto"?: string;
476
+ "aria-grabbed"?: boolean | "true" | "false";
477
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
478
+ "aria-hidden"?: boolean | "true" | "false";
479
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
480
+ "aria-keyshortcuts"?: string;
481
+ "aria-label"?: string;
482
+ "aria-labelledby"?: string;
483
+ "aria-level"?: number;
484
+ "aria-live"?: "off" | "assertive" | "polite";
485
+ "aria-modal"?: boolean | "true" | "false";
486
+ "aria-multiline"?: boolean | "true" | "false";
487
+ "aria-multiselectable"?: boolean | "true" | "false";
488
+ "aria-orientation"?: "horizontal" | "vertical";
489
+ "aria-owns"?: string;
490
+ "aria-placeholder"?: string;
491
+ "aria-posinset"?: number;
492
+ "aria-pressed"?: boolean | "true" | "false" | "mixed";
493
+ "aria-readonly"?: boolean | "true" | "false";
494
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
495
+ "aria-required"?: boolean | "true" | "false";
496
+ "aria-roledescription"?: string;
497
+ "aria-rowcount"?: number;
498
+ "aria-rowindex"?: number;
499
+ "aria-rowspan"?: number;
500
+ "aria-selected"?: boolean | "true" | "false";
501
+ "aria-setsize"?: number;
502
+ "aria-sort"?: "none" | "ascending" | "descending" | "other";
503
+ "aria-valuemax"?: number;
504
+ "aria-valuemin"?: number;
505
+ "aria-valuenow"?: number;
506
+ "aria-valuetext"?: string;
501
507
  dangerouslySetInnerHTML?: {
502
- __html: string;
508
+ __html: string | TrustedHTML;
503
509
  };
504
510
  onCopy?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
505
511
  onCopyCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
@@ -669,7 +675,7 @@ export declare const WithChildren: {
669
675
  };
670
676
  };
671
677
  export declare const WithTwoIcons: {
672
- (args: any): JSX.Element;
678
+ (args: any): React.JSX.Element;
673
679
  args: {
674
680
  testId?: string;
675
681
  iconPosition?: InputIconPosition;
@@ -709,10 +715,8 @@ export declare const WithTwoIcons: {
709
715
  accept?: string;
710
716
  alt?: string;
711
717
  autoComplete?: string;
712
- autoFocus?: boolean;
713
718
  capture?: string | boolean;
714
719
  checked?: boolean;
715
- crossOrigin?: string;
716
720
  disabled?: boolean;
717
721
  form?: string;
718
722
  formAction?: string;
@@ -741,6 +745,7 @@ export declare const WithTwoIcons: {
741
745
  suppressContentEditableWarning?: boolean;
742
746
  suppressHydrationWarning?: boolean;
743
747
  accessKey?: string;
748
+ autoFocus?: boolean;
744
749
  className?: string;
745
750
  contentEditable?: boolean | "true" | "false" | "inherit";
746
751
  contextMenu?: string;
@@ -749,6 +754,7 @@ export declare const WithTwoIcons: {
749
754
  hidden?: boolean;
750
755
  id?: string;
751
756
  lang?: string;
757
+ nonce?: string;
752
758
  slot?: string;
753
759
  spellCheck?: boolean | "true" | "false";
754
760
  style?: React.CSSProperties;
@@ -758,11 +764,14 @@ export declare const WithTwoIcons: {
758
764
  radioGroup?: string;
759
765
  role?: React.AriaRole;
760
766
  about?: string;
767
+ content?: string;
761
768
  datatype?: string;
762
769
  inlist?: any;
763
770
  prefix?: string;
764
771
  property?: string;
772
+ rel?: string;
765
773
  resource?: string;
774
+ rev?: string;
766
775
  typeof?: string;
767
776
  vocab?: string;
768
777
  autoCapitalize?: string;
@@ -779,56 +788,56 @@ export declare const WithTwoIcons: {
779
788
  unselectable?: "on" | "off";
780
789
  inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
781
790
  is?: string;
782
- 'aria-activedescendant'?: string;
783
- 'aria-atomic'?: boolean | "true" | "false";
784
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
785
- 'aria-busy'?: boolean | "true" | "false";
786
- 'aria-checked'?: boolean | "true" | "false" | "mixed";
787
- 'aria-colcount'?: number;
788
- 'aria-colindex'?: number;
789
- 'aria-colspan'?: number;
790
- 'aria-controls'?: string;
791
- 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
792
- 'aria-describedby'?: string;
793
- 'aria-details'?: string;
794
- 'aria-disabled'?: boolean | "true" | "false";
795
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
796
- 'aria-errormessage'?: string;
797
- 'aria-expanded'?: boolean | "true" | "false";
798
- 'aria-flowto'?: string;
799
- 'aria-grabbed'?: boolean | "true" | "false";
800
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
801
- 'aria-hidden'?: boolean | "true" | "false";
802
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
803
- 'aria-keyshortcuts'?: string;
804
- 'aria-label'?: string;
805
- 'aria-labelledby'?: string;
806
- 'aria-level'?: number;
807
- 'aria-live'?: "off" | "assertive" | "polite";
808
- 'aria-modal'?: boolean | "true" | "false";
809
- 'aria-multiline'?: boolean | "true" | "false";
810
- 'aria-multiselectable'?: boolean | "true" | "false";
811
- 'aria-orientation'?: "horizontal" | "vertical";
812
- 'aria-owns'?: string;
813
- 'aria-placeholder'?: string;
814
- 'aria-posinset'?: number;
815
- 'aria-pressed'?: boolean | "true" | "false" | "mixed";
816
- 'aria-readonly'?: boolean | "true" | "false";
817
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
818
- 'aria-required'?: boolean | "true" | "false";
819
- 'aria-roledescription'?: string;
820
- 'aria-rowcount'?: number;
821
- 'aria-rowindex'?: number;
822
- 'aria-rowspan'?: number;
823
- 'aria-selected'?: boolean | "true" | "false";
824
- 'aria-setsize'?: number;
825
- 'aria-sort'?: "none" | "ascending" | "descending" | "other";
826
- 'aria-valuemax'?: number;
827
- 'aria-valuemin'?: number;
828
- 'aria-valuenow'?: number;
829
- 'aria-valuetext'?: string;
791
+ "aria-activedescendant"?: string;
792
+ "aria-atomic"?: boolean | "true" | "false";
793
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both";
794
+ "aria-busy"?: boolean | "true" | "false";
795
+ "aria-checked"?: boolean | "true" | "false" | "mixed";
796
+ "aria-colcount"?: number;
797
+ "aria-colindex"?: number;
798
+ "aria-colspan"?: number;
799
+ "aria-controls"?: string;
800
+ "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
801
+ "aria-describedby"?: string;
802
+ "aria-details"?: string;
803
+ "aria-disabled"?: boolean | "true" | "false";
804
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
805
+ "aria-errormessage"?: string;
806
+ "aria-expanded"?: boolean | "true" | "false";
807
+ "aria-flowto"?: string;
808
+ "aria-grabbed"?: boolean | "true" | "false";
809
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
810
+ "aria-hidden"?: boolean | "true" | "false";
811
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
812
+ "aria-keyshortcuts"?: string;
813
+ "aria-label"?: string;
814
+ "aria-labelledby"?: string;
815
+ "aria-level"?: number;
816
+ "aria-live"?: "off" | "assertive" | "polite";
817
+ "aria-modal"?: boolean | "true" | "false";
818
+ "aria-multiline"?: boolean | "true" | "false";
819
+ "aria-multiselectable"?: boolean | "true" | "false";
820
+ "aria-orientation"?: "horizontal" | "vertical";
821
+ "aria-owns"?: string;
822
+ "aria-placeholder"?: string;
823
+ "aria-posinset"?: number;
824
+ "aria-pressed"?: boolean | "true" | "false" | "mixed";
825
+ "aria-readonly"?: boolean | "true" | "false";
826
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
827
+ "aria-required"?: boolean | "true" | "false";
828
+ "aria-roledescription"?: string;
829
+ "aria-rowcount"?: number;
830
+ "aria-rowindex"?: number;
831
+ "aria-rowspan"?: number;
832
+ "aria-selected"?: boolean | "true" | "false";
833
+ "aria-setsize"?: number;
834
+ "aria-sort"?: "none" | "ascending" | "descending" | "other";
835
+ "aria-valuemax"?: number;
836
+ "aria-valuemin"?: number;
837
+ "aria-valuenow"?: number;
838
+ "aria-valuetext"?: string;
830
839
  dangerouslySetInnerHTML?: {
831
- __html: string;
840
+ __html: string | TrustedHTML;
832
841
  };
833
842
  onCopy?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
834
843
  onCopyCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
@@ -998,7 +1007,7 @@ export declare const WithTwoIcons: {
998
1007
  };
999
1008
  };
1000
1009
  export declare const NumberInput: {
1001
- (args: any): JSX.Element;
1010
+ (args: any): React.JSX.Element;
1002
1011
  args: {
1003
1012
  disabled: boolean;
1004
1013
  helperMessage: string;
package/dist/components/InputBase/InputBase.stories.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
3
  export default _default;
4
4
  export declare const Default: {
5
- (args: any): JSX.Element;
5
+ (args: any): React.JSX.Element;
6
6
  args: {};
7
7
  };
8
- export declare const Inverse: (args: any) => JSX.Element;
8
+ export declare const Inverse: (args: any) => React.JSX.Element;
package/dist/components/List/List.d.ts CHANGED
@@ -5,15 +5,10 @@ import { TypographyVisualStyle } from '../Typography';
5
5
  * @children required
6
6
  */
7
7
  export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
8
- description?: boolean;
9
8
  /**
10
9
  * Allows an ordered list to start at a determined value of a letter or number.
11
10
  */
12
11
  hasStart?: string;
13
- /**
14
- * For use with inline icons within list items.
15
- */
16
- icon?: React.ReactElement<any> | React.ReactElement<any>[];
17
12
  /**
18
13
  * Aligns the icon at the top, or center of each list item.
19
14
  * @default IconAlignment.center
@@ -79,5 +74,4 @@ export declare enum olListType {
79
74
  }
80
75
  export declare function getIconSizes(props: any): any;
81
76
  export declare function getListAlignment(props: any): "center" | "flex-start";
82
- export declare function getListDisplay(props: any): "grid" | "list-item";
83
77
  export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;
package/dist/components/List/List.stories.d.ts CHANGED
@@ -1,4 +1,65 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
+ import { ulListType } from './List';
3
+ import { TypographyVisualStyle } from '../Typography';
2
4
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
3
5
  export default _default;
4
- export declare const Default: (args: any) => JSX.Element;
6
+ export declare const Simple: {
7
+ (args: any): React.JSX.Element;
8
+ args: {
9
+ spacingStyle: string;
10
+ isOrdered: boolean;
11
+ isReversed: boolean;
12
+ isInverse: boolean;
13
+ visualStyle: TypographyVisualStyle;
14
+ listType: ulListType;
15
+ };
16
+ parameters: {
17
+ controls: {
18
+ exclude: string[];
19
+ };
20
+ };
21
+ };
22
+ export declare const UnorderedList: {
23
+ (args: any): React.JSX.Element;
24
+ args: {
25
+ spacingStyle: string;
26
+ isOrdered: boolean;
27
+ };
28
+ parameters: {
29
+ controls: {
30
+ exclude: string[];
31
+ };
32
+ };
33
+ };
34
+ export declare const OrderedList: {
35
+ (args: any): React.JSX.Element;
36
+ args: {
37
+ spacingStyle: string;
38
+ isOrdered: boolean;
39
+ hasStart: number;
40
+ };
41
+ parameters: {
42
+ controls: {
43
+ exclude: string[];
44
+ };
45
+ };
46
+ };
47
+ export declare const WithLinks: {
48
+ (args: any): React.JSX.Element;
49
+ parameters: {
50
+ controls: {
51
+ exclude: string[];
52
+ };
53
+ };
54
+ };
55
+ export declare const WithIcons: {
56
+ (args: any): React.JSX.Element;
57
+ args: {
58
+ spacingStyle: string;
59
+ };
60
+ parameters: {
61
+ controls: {
62
+ exclude: string[];
63
+ };
64
+ };
65
+ };