react-magma-dom 3.7.0 → 3.9.0

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -46,7 +46,7 @@ export declare const OnClear: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -81,27 +81,27 @@ export declare const OnClear: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -118,7 +118,7 @@ export declare const OnClear: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -126,7 +126,7 @@ export declare const OnClear: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

package/dist/components/TimePicker/TimePicker.stories.d.ts

@@ -1,6 +1,8 @@
+/// <reference types="react" />
 import { TimePickerProps } from '.';
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TimePickerProps>;
 export declare const Error: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TimePickerProps>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TimePickerProps>;
+export declare const Events: () => JSX.Element;

package/dist/components/TimePicker/useTimePicker.d.ts

@@ -16,9 +16,9 @@ export interface UseTimePickerProps extends Omit<FormFieldContainerBaseProps, 'i
      */
     minutesStep?: number;
     /**
-     * Full time value passed in and converted to use in hour, minute, and AM/PM fields
+     * Full time value passed in and converted to use in hour, minute, and AM/PM fields. To clear the TimePicker - send the undefined value.
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * Function called when the component is changed to a new time
      */

package/dist/components/ToggleButton/ToggleButton.stories.d.ts

@@ -32,7 +32,7 @@ export declare const Text: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -68,27 +68,27 @@ export declare const Text: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -104,7 +104,7 @@ export declare const Text: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -112,7 +112,7 @@ export declare const Text: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -311,7 +311,7 @@ export declare const Text: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -347,27 +347,27 @@ export declare const Text: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -384,7 +384,7 @@ export declare const Text: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -392,7 +392,7 @@ export declare const Text: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -596,7 +596,7 @@ export declare const TextAndIcon: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -632,27 +632,27 @@ export declare const TextAndIcon: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -668,7 +668,7 @@ export declare const TextAndIcon: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -676,7 +676,7 @@ export declare const TextAndIcon: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -875,7 +875,7 @@ export declare const TextAndIcon: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -911,27 +911,27 @@ export declare const TextAndIcon: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -948,7 +948,7 @@ export declare const TextAndIcon: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -956,7 +956,7 @@ export declare const TextAndIcon: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts

@@ -28,7 +28,7 @@ export declare const AlignmentExample: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -63,27 +63,27 @@ export declare const AlignmentExample: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -100,7 +100,7 @@ export declare const AlignmentExample: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -108,7 +108,7 @@ export declare const AlignmentExample: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -303,7 +303,7 @@ export declare const DifferentToggleButtons: {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         className?: string;
-        contentEditable?: boolean | "inherit" | "true" | "false";
+        contentEditable?: boolean | "true" | "false" | "inherit";
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -338,27 +338,27 @@ export declare const DifferentToggleButtons: {
         results?: number;
         security?: string;
         unselectable?: "on" | "off";
-        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
         'aria-errormessage'?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
         'aria-hidden'?: boolean | "true" | "false";
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-keyshortcuts'?: string;
@@ -375,7 +375,7 @@ export declare const DifferentToggleButtons: {
         'aria-posinset'?: number;
         'aria-pressed'?: boolean | "true" | "false" | "mixed";
         'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
         'aria-required'?: boolean | "true" | "false";
         'aria-roledescription'?: string;
         'aria-rowcount'?: number;
@@ -383,7 +383,7 @@ export declare const DifferentToggleButtons: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;

package/dist/components/Tooltip/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ThemeInterface } from '../../theme/magma';
 export declare enum TooltipPosition {
     bottom = "bottom",
     left = "left",
@@ -22,7 +23,7 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The content of the tooltip
      */
-    content: React.ReactNode;
+    content: any;
     isInverse?: boolean;
     /**
      * Override the default opening of the tooltip on hover/focus to remain open
@@ -49,11 +50,11 @@ export interface ITooltipState {
 export declare const TooltipArrow: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     position?: any;
     isInverse?: boolean;
-}, import("../..").ThemeInterface>;
+}, ThemeInterface>;
 export declare const StyledTooltip: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isInverse?: boolean;
     isVisible?: boolean;
     position: TooltipPosition;
     visible?: boolean;
-}, import("../..").ThemeInterface>;
+}, ThemeInterface>;
 export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<any>>;

package/dist/components/TreeView/TreeItem.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { UseTreeItemProps } from './useTreeItem';
+export interface TreeItemProps extends UseTreeItemProps {
+}
+export declare const TreeItem: React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/TreeView/TreeItemContext.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
+interface TreeItemContextInterface {
+    itemId?: string;
+    expanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    checkedStatus: IndeterminateCheckboxStatus;
+    checkboxChangeHandler: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    numberOfTreeItemChildren: number;
+    hasOwnTreeItems: boolean;
+    updateCheckedStatusFromChild: (index: number, status: IndeterminateCheckboxStatus) => void;
+    parentDepth: number;
+}
+export declare const TreeItemContext: React.Context<TreeItemContextInterface>;
+export {};

package/dist/components/TreeView/TreeView.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { UseTreeViewProps } from './useTreeView';
+export interface TreeViewProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'children'>, UseTreeViewProps {
+}
+export declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/TreeView/TreeView.stories.d.ts

@@ -0,0 +1,88 @@
+/// <reference types="react" />
+import { TreeViewSelectable } from '.';
+import { IndeterminateCheckboxStatus } from '../..';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Simple: {
+    (args: any): JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const Complex: {
+    (args: any): JSX.Element;
+    args: {
+        selectable: TreeViewSelectable;
+        ariaLabel: string;
+        initialExpandedItems: string[];
+        preselectedItems: {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+        }[];
+        testId: string;
+    };
+};
+export declare const NoIcons: {
+    (args: any): JSX.Element;
+    args: {
+        initialExpandedItems: string[];
+        preselectedItems: {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+        }[];
+    };
+};
+export declare const Textbook: {
+    (args: any): JSX.Element;
+    args: {
+        ariaLabelledBy: string;
+    };
+};
+export declare const DefaultIcon: {
+    (args: any): JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const FirstItemLeaf: {
+    (args: any): JSX.Element;
+    args: {
+        initialExpandedItems: string[];
+        preselectedItems: {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+        }[];
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const FirstItemBranch: {
+    (args: any): JSX.Element;
+    args: {
+        ariaLabel: string;
+        selectable: TreeViewSelectable;
+        preselectedItems: {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+        }[];
+        initialExpandedItems: string[];
+    };
+};
+export declare const FlatTree: {
+    (args: any): JSX.Element;
+    args: {
+        selectable: TreeViewSelectable;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};

package/dist/components/TreeView/TreeViewContext.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { TreeViewSelectable } from './useTreeView';
+import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
+export interface TreeItemSelectedInterface {
+    itemId?: string;
+    checkedStatus: IndeterminateCheckboxStatus;
+}
+export interface TreeViewContextInterface {
+    children?: React.ReactNode[];
+    hasIcons: boolean;
+    initialExpandedItems: Array<string>;
+    initialExpandedItemsNeedUpdate: boolean;
+    onExpandedChange?: (event: React.SyntheticEvent) => void;
+    onSelectedItemChange?: (selectedItems: Array<TreeItemSelectedInterface>) => void;
+    preselectedItemsNeedUpdate: boolean;
+    registerTreeItem: (itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, itemRef: React.MutableRefObject<Element>) => void;
+    selectable: TreeViewSelectable;
+    selectedItems: Array<TreeItemSelectedInterface>;
+    selectedItemsChanged: boolean;
+    setHasIcons: React.Dispatch<React.SetStateAction<boolean>>;
+    setInitialExpandedItemsNeedUpdate: React.Dispatch<React.SetStateAction<any>>;
+    setPreselectedItemsNeedUpdate: React.Dispatch<React.SetStateAction<any>>;
+    setSelectedItems: React.Dispatch<React.SetStateAction<any>>;
+    setSelectedItemsChanged: React.Dispatch<React.SetStateAction<any>>;
+    treeItemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;
+    itemToFocus?: string;
+}
+export declare const TreeViewContext: React.Context<TreeViewContextInterface>;

package/dist/components/TreeView/index.d.ts

@@ -0,0 +1,5 @@
+export * from './TreeView';
+export * from './TreeItem';
+export * from './useTreeItem';
+export * from './useTreeView';
+export * from './utils';