react-magma-dom 4.6.0-next.9 → 4.6.0

package/dist/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -8,7 +8,7 @@ export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement>
      */
     testId?: string;
     /**
-     * The href value of the link. If left blank, the breadcrumb item will render as a span with aria-current="page" on it.
+     * The URL for the link. If not provided, the breadcrumb item will display as a non-clickable element with aria-current="page".
      */
     to?: string;
 }

package/dist/components/List/List.d.ts

@@ -5,15 +5,10 @@ import { TypographyVisualStyle } from '../Typography';
  * @children required
  */
 export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
-    description?: boolean;
     /**
      * Allows an ordered list to start at a determined value of a letter or number.
      */
     hasStart?: string;
-    /**
-     * For use with inline icons within list items.
-     */
-    icon?: React.ReactElement<any> | React.ReactElement<any>[];
     /**
      * Aligns the icon at the top, or center of each list item.
      * @default IconAlignment.center
@@ -79,5 +74,4 @@ export declare enum olListType {
 }
 export declare function getIconSizes(props: any): any;
 export declare function getListAlignment(props: any): "center" | "flex-start";
-export declare function getListDisplay(props: any): "grid" | "list-item";
 export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,64 @@
+import { ulListType } from './List';
+import { TypographyVisualStyle } from '../Typography';
 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: (args: any) => JSX.Element;
+export declare const Simple: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+        isOrdered: boolean;
+        isReversed: boolean;
+        isInverse: boolean;
+        visualStyle: TypographyVisualStyle;
+        listType: ulListType;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const UnorderedList: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+        isOrdered: boolean;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const OrderedList: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+        isOrdered: boolean;
+        hasStart: number;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const WithLinks: {
+    (args: any): JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const WithIcons: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};

package/dist/components/List/ListItem.d.ts

@@ -5,6 +5,14 @@ import { magma } from '../../theme/magma';
  * @children required
  */
 export interface ListItemProps extends ListProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Boolean which changes a list item into a styled paragraph.
+     */
+    description?: boolean;
+    /**
+     * For use with inline icons within list items.
+     */
+    icon?: React.ReactElement<any> | React.ReactElement<any>[];
     /**
      * Option for changing icon background with all Magma colors.
      */

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

@@ -48,7 +48,7 @@ export interface UseTreeViewProps {
      * Return an array of objects.
      * Example: [ {itemId: 'item0', checkedStatus: IndeterminateCheckboxStatus.indeterminate}, {itemId: 'item0-child', checkedStatus: IndeterminateCheckboxStatus.checked} ]
      */
-    onSelectedItemChange?: (selectedItems: Array<Object>) => void;
+    onSelectedItemChange?: (selectedItems: Array<TreeItemSelectedInterface>) => void;
     /**
      * Only affects if selectable mode is TreeViewSelectable.multi.
      * Determines if the parent checkbox will get selected when the user selects all its children checkboxes.
@@ -68,7 +68,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
     contextValue: {
         hasIcons: boolean;
         itemToFocus: any;
-        onSelectedItemChange: (selectedItems: Object[]) => void;
+        onSelectedItemChange: (selectedItems: TreeItemSelectedInterface[]) => void;
         onExpandedChange: (event: React.SyntheticEvent<Element, Event>) => void;
         selectable: TreeViewSelectable;
         setHasIcons: React.Dispatch<React.SetStateAction<boolean>>;