@instructure/ui-navigation 8.23.1-snapshot.9 → 8.24.1-snapshot.17

package/types/AppNav/Item/index.d.ts

@@ -7,16 +7,17 @@ import type { AppNavItemProps } from './props';
 parent: AppNav
 id: AppNav.Item
 ---
+@tsProps
 @module Item
 **/
 declare class Item extends Component<AppNavItemProps> {
     static readonly componentId = "AppNav.Item";
     static allowedProps: readonly (keyof {
-        renderLabel: React.ReactNode | ((...args: any[]) => any);
-        renderAfter?: React.ReactNode | ((...args: any[]) => any);
-        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        renderLabel: React.ReactNode | (() => React.ReactNode);
+        renderAfter?: React.ReactNode | (() => React.ReactNode);
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
         isSelected?: boolean | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
@@ -24,11 +25,11 @@ declare class Item extends Component<AppNavItemProps> {
         isDisabled?: boolean | undefined;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        renderLabel: React.ReactNode | ((...args: any[]) => any);
-        renderAfter?: React.ReactNode | ((...args: any[]) => any);
-        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        renderLabel: React.ReactNode | (() => React.ReactNode);
+        renderAfter?: React.ReactNode | (() => React.ReactNode);
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
         isSelected?: boolean | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
@@ -37,7 +38,6 @@ declare class Item extends Component<AppNavItemProps> {
     }>;
     static defaultProps: {
         readonly children: null;
-        readonly onClick: (event: any) => void;
         readonly isSelected: false;
         readonly cursor: "pointer";
         readonly isDisabled: false;
@@ -46,7 +46,7 @@ declare class Item extends Component<AppNavItemProps> {
     componentDidMount(): void;
     componentDidUpdate(): void;
     handleRef: (el: Element | null) => void;
-    handleClick: (e: any) => void;
+    handleClick: (e: React.MouseEvent<Element>) => void;
     render(): jsx.JSX.Element;
 }
 export default Item;

package/types/AppNav/Item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAexC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;;;GAMG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAGD,WAAW,mBASV;IAED,MAAM;CAgDP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAexC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;;;;GAOG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,WAAW,MAAO,gBAAgB,CAAC,OAAO,CAAC,UAS1C;IAED,MAAM;CA4CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/AppNav/Item/props.d.ts

@@ -1,17 +1,49 @@
-/// <reference types="react" />
 import type { AsElementType, PropValidators, AppNavItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { Cursor } from '@instructure/ui-prop-types';
+import React from 'react';
 declare type AppNavItemOwnProps = {
-    renderLabel: React.ReactNode | ((...args: any[]) => any);
-    renderAfter?: React.ReactNode | ((...args: any[]) => any);
-    renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * The text to display. If the `icon` prop is used, label text must be wrapped
+     * in `ScreenReaderContent`.
+     */
+    renderLabel: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Content to display after the renderLabel text, such as a badge
+     */
+    renderAfter?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * The visual to display (ex. an Image, Logo, Avatar, or Icon)
+     */
+    renderIcon?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * If the item goes to a new page, pass an href
+     */
     href?: string;
-    onClick?: (...args: any[]) => any;
+    /**
+     * If the item does not go to a new page, pass an onClick
+     */
+    onClick?: (event: React.MouseEvent<Element>) => void;
+    /**
+     * Denotes which item is currently selected
+     */
     isSelected?: boolean;
+    /**
+     * provides a reference to the underlying focusable (`button` or `a`) element
+     */
     elementRef?: (element: Element | null) => void;
+    /**
+     * The element type to render as (will default to `<a>` if href is provided)
+     */
     as?: AsElementType;
+    /**
+     * Specify the mouse cursor to use on :hover.
+     * The `pointer` cursor is used by default.
+     */
     cursor?: Cursor;
+    /**
+     * Disables the link or button visually and functionally
+     */
     isDisabled?: boolean;
 };
 declare type PropKeys = keyof AppNavItemOwnProps;

package/types/AppNav/Item/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,aAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/props.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,aAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACtD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACpD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAevC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/AppNav/index.d.ts

@@ -1,36 +1,43 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@instructure/emotion';
+import type { Debounced } from '@instructure/debounce';
 import { Item } from './Item';
 import type { AppNavProps } from './props';
+import { AppNavItemProps } from './Item/props';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 declare class AppNav extends Component<AppNavProps> {
     static readonly componentId = "AppNav";
     static allowedProps: readonly (keyof {
         screenReaderLabel: string;
         debounce?: number | undefined;
-        renderBeforeItems?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterItems?: import("react").ReactNode | ((...args: any[]) => any);
+        renderBeforeItems?: import("react").ReactNode | (() => import("react").ReactNode);
+        renderAfterItems?: import("react").ReactNode | (() => import("react").ReactNode);
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
-        renderTruncateLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        onUpdate?: ((...args: any[]) => any) | undefined;
+        renderTruncateLabel?: import("react").ReactNode | (() => import("react").ReactNode);
+        onUpdate?: (({ visibleItemsCount }: {
+            visibleItemsCount: number;
+        }) => void) | undefined;
         visibleItemsCount?: number | undefined;
         children?: import("react").ReactNode;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         screenReaderLabel: string;
         debounce?: number | undefined;
-        renderBeforeItems?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterItems?: import("react").ReactNode | ((...args: any[]) => any);
+        renderBeforeItems?: import("react").ReactNode | (() => import("react").ReactNode);
+        renderAfterItems?: import("react").ReactNode | (() => import("react").ReactNode);
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
-        renderTruncateLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        onUpdate?: ((...args: any[]) => any) | undefined;
+        renderTruncateLabel?: import("react").ReactNode | (() => import("react").ReactNode);
+        onUpdate?: (({ visibleItemsCount }: {
+            visibleItemsCount: number;
+        }) => void) | undefined;
         visibleItemsCount?: number | undefined;
         children?: import("react").ReactNode;
     }>;
@@ -38,9 +45,7 @@ declare class AppNav extends Component<AppNavProps> {
         children: null;
         debounce: number;
         margin: string;
-        elementRef: (el: any) => void;
         renderTruncateLabel: () => string;
-        onUpdate: () => void;
         visibleItemsCount: number;
     };
     static Item: typeof Item;
@@ -48,7 +53,9 @@ declare class AppNav extends Component<AppNavProps> {
         isMeasuring: boolean;
     };
     ref: Element | null;
-    _list: null;
+    _list: HTMLUListElement | null;
+    _debounced?: Debounced;
+    _resizeListener?: ResizeObserver;
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
@@ -57,8 +64,8 @@ declare class AppNav extends Component<AppNavProps> {
     };
     handleResize: () => void;
     handleRef: (el: Element | null) => void;
-    renderListItem(item: any, isMenuTrigger: any, key: any): jsx.JSX.Element;
-    renderMenu(items: any): jsx.JSX.Element;
+    renderListItem(item: React.ReactNode, isMenuTrigger: boolean, key?: number): jsx.JSX.Element;
+    renderMenu(items: React.ComponentElement<AppNavItemProps, Item>[]): jsx.JSX.Element;
     render(): jsx.JSX.Element;
 }
 export { AppNav };

package/types/AppNav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppNav/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAUrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,KAAK,OAAO;IAEZ,iBAAiB;IA2BjB,kBAAkB;IAIlB,oBAAoB;IAcpB,YAAY;;MA8BX;IAED,YAAY,aAQX;IAED,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAGD,cAAc,CAAC,IAAI,KAAA,EAAE,aAAa,KAAA,EAAE,GAAG,KAAA;IAgBvC,UAAU,CAAC,KAAK,KAAA;IAiChB,MAAM;CAmDP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppNav/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAKtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C;;;;;GAKG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAO;IACrC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,eAAe,CAAC,EAAE,cAAc,CAAA;IAEhC,iBAAiB;IAuBjB,kBAAkB;IAIlB,oBAAoB;IAUpB,YAAY;;MA6BX;IAED,YAAY,aASX;IAED,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM;IAc1E,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE;IA8BjE,MAAM;CAiDP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}

package/types/AppNav/props.d.ts

@@ -2,15 +2,54 @@ import React from 'react';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { PropValidators, AppNavTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 declare type AppNavOwnProps = {
+    /**
+     * Screenreader label for the overall navigation
+     */
     screenReaderLabel: string;
+    /**
+     * The rate (in ms) the component responds to container resizing or
+     * an update to one of its child items
+     */
     debounce?: number;
-    renderBeforeItems?: React.ReactNode | ((...args: any[]) => any);
-    renderAfterItems?: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * Content to display before the navigation items, such as a logo
+     */
+    renderBeforeItems?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Content to display after the navigation items, aligned to the far end
+     * of the navigation
+     */
+    renderAfterItems?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+     */
     margin?: Spacing;
+    /**
+     * Provides a reference to the underlying nav element
+     */
     elementRef?: (element: Element | null) => void;
-    renderTruncateLabel?: React.ReactNode | ((...args: any[]) => any);
-    onUpdate?: (...args: any[]) => any;
+    /**
+     * Customize the text displayed in the menu trigger when links overflow
+     * the overall nav width.
+     */
+    renderTruncateLabel?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Called whenever the navigation items are updated or the size of
+     * the navigation changes. Passes in the `visibleItemsCount` as
+     * a parameter.
+     */
+    onUpdate?: ({ visibleItemsCount }: {
+        visibleItemsCount: number;
+    }) => void;
+    /**
+     * Sets the number of navigation items that are visible.
+     */
     visibleItemsCount?: number;
+    /**
+     * Only accepts `AppNav.Item` as children
+     */
     children?: React.ReactNode;
 };
 declare type PropKeys = keyof AppNavOwnProps;

package/types/AppNav/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/AppNav/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,cAAc,GAAG;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACjE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,GACxC,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,aAAK,WAAW,GAAG,cAAc,CAC7B,QAAQ,GACR,aAAa,GACb,yBAAyB,GACzB,UAAU,GACV,MAAM,GACN,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/AppNav/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,cAAc,GAAG;IACpB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAC7D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAC/D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,iBAAiB,EAAE,EAAE;QAAE,iBAAiB,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,GACxC,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,aAAK,WAAW,GAAG,cAAc,CAC7B,QAAQ,GACR,aAAa,GACb,yBAAyB,GACzB,UAAU,GACV,MAAM,GACN,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAWvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Navigation/NavigationItem/index.d.ts

@@ -7,6 +7,7 @@ import type { NavigationItemProps } from './props';
 parent: Navigation
 id: Navigation.Item
 ---
+@tsProps
 **/
 declare class NavigationItem extends Component<NavigationItemProps> {
     static readonly componentId = "Navigation.Item";
@@ -16,7 +17,7 @@ declare class NavigationItem extends Component<NavigationItemProps> {
         label: import("react").ReactNode;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         selected?: boolean | undefined;
         minimized?: boolean | undefined;
     })[];
@@ -26,13 +27,12 @@ declare class NavigationItem extends Component<NavigationItemProps> {
         label: import("react").ReactNode;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         selected?: boolean | undefined;
         minimized?: boolean | undefined;
     }>;
     static defaultProps: {
         readonly as: "a";
-        readonly onClick: (e: any, selected: any) => void;
         readonly selected: false;
         readonly minimized: false;
     };

package/types/Navigation/NavigationItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAMT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAM9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU,CAAC,MAAM,EAAE,OAAO;IA4B1B,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;;GAMG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;MAIT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAM9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU,CAAC,MAAM,EAAE,OAAO;IA2B1B,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/Navigation/NavigationItem/props.d.ts

@@ -1,14 +1,38 @@
-/// <reference types="react" />
+import React from 'react';
 import type { AsElementType, PropValidators, NavigationItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type NavigationItemOwnProps = {
+    /**
+     * The reference to the underlying HTML element
+     */
     elementRef?: (el: Element | null) => void;
+    /**
+     * The visual to display (ex. an Image, Logo, Avatar, or Icon)
+     */
     icon: React.ReactNode;
+    /**
+     * The text to display  for the Navigation Link
+     */
     label: React.ReactNode;
+    /**
+     * The element type to render as (will default to `<a>` if href is provided)
+     */
     as?: AsElementType;
+    /**
+     * If the NavigationItem goes to a new page, pass an href
+     */
     href?: string;
-    onClick?: (...args: any[]) => any;
+    /**
+     * If the NavigationItem does not go to a new page pass an onClick
+     */
+    onClick?: (event: React.MouseEvent) => void;
+    /**
+     * Denotes which NavigationItem is currently selected
+     */
     selected?: boolean;
+    /**
+     * When minimized is set to true, the `<Navigation />` shows icons only while the text becomes a tooltip. When it is set to false, the `<Navigation />` shows text in addition to the icons
+     */
     minimized?: boolean;
 };
 declare type PropKeys = keyof NavigationItemOwnProps;

package/types/Navigation/NavigationItem/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IACzC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAE9E,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAiCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IACzC;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,aAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAE9E,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Navigation/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { jsx } from '@instructure/emotion';
 import { NavigationItem } from './NavigationItem';
 import type { NavigationProps, NavigationState } from './props';
@@ -7,51 +7,51 @@ import type { NavigationProps, NavigationState } from './props';
 ---
 category: components/deprecated
 ---
+@tsProps
 **/
 declare class Navigation extends Component<NavigationProps, NavigationState> {
     static readonly componentId = "Navigation";
     static allowedProps: readonly (keyof {
-        minimized?: any;
+        minimized?: boolean | undefined;
         defaultMinimized?: boolean | undefined;
-        onMinimized?: ((...args: any[]) => any) | undefined;
+        onMinimized?: ((event: React.SyntheticEvent<Element, Event>, minimized: boolean) => void) | undefined;
         label: string;
         toggleLabel: {
             expandedLabel?: string | undefined;
             minimizedLabel?: string | undefined;
         };
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        children?: import("react").ReactNode;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        children?: React.ReactNode;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        minimized?: any;
+        minimized?: boolean | undefined;
         defaultMinimized?: boolean | undefined;
-        onMinimized?: ((...args: any[]) => any) | undefined;
+        onMinimized?: ((event: React.SyntheticEvent<Element, Event>, minimized: boolean) => void) | undefined;
         label: string;
         toggleLabel: {
             expandedLabel?: string | undefined;
             minimizedLabel?: string | undefined;
         };
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        children?: import("react").ReactNode;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        children?: React.ReactNode;
     }>;
     static defaultProps: {
         children: null;
         defaultMinimized: boolean;
-        onMinimized: (event: any, minimized: any) => void;
-        onClick: (e: any) => void;
+        onClick: (_e: React.MouseEvent) => void;
     };
     static Item: typeof NavigationItem;
     ref: Element | null;
-    constructor(props: any);
+    constructor(props: NavigationProps);
     componentDidMount(): void;
     componentDidUpdate(): void;
     get minimized(): boolean;
     isControlled(props?: Readonly<NavigationProps> & Readonly<{
-        children?: import("react").ReactNode;
+        children?: React.ReactNode;
     }>): boolean;
-    handleNavToggle: (event: any) => void;
+    handleNavToggle: (event: React.SyntheticEvent) => void;
     renderChildren(): jsx.JSX.Element[] | null | undefined;
     toggleMessage(): string | undefined;
     render(): jsx.JSX.Element;

package/types/Navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Navigation/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAWzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM/D;;;;GAIG;AAEH,cAGM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAWjB,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,SAAS,YAKZ;IAED,YAAY,CAAC,KAAK;;MAAa;IAK/B,eAAe,uBAOd;IAED,cAAc;IASd,aAAa;IAMb,MAAM;CAiCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Navigation/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAWhE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAO/D;;;;;GAKG;AAEH,cAGM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;sBAIM,gBAAgB;MACxC;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,eAAe;IAUlC,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,SAAS,YAKZ;IAED,YAAY,CAAC,KAAK;;MAAa;IAI/B,eAAe,UAAW,MAAM,cAAc,UAO7C;IAED,cAAc;IASd,aAAa;IAMb,MAAM;CAiCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/types/Navigation/props.d.ts

@@ -2,16 +2,37 @@ import React from 'react';
 import type { PropValidators, NavigationTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type NavigationOwnProps = {
-    minimized?: any;
+    /**
+     * When minimized is set to true, the `<Navigation />` shows icons only while the text becomes a tooltip. When it is set to false, the `<Navigation />` shows text in addition to the icons
+     */
+    minimized?: boolean;
+    /**
+     * Whether the `<Navigation />` is initially minimized (uncontrolled)
+     */
     defaultMinimized?: boolean;
-    onMinimized?: (...args: any[]) => any;
+    onMinimized?: (event: React.SyntheticEvent, minimized: boolean) => void;
+    /**
+     * Screen reader label for the main Navigation
+     */
     label: string;
+    /**
+     * Screen reader label for the toggle button expanded/minimized state
+     */
     toggleLabel: {
         expandedLabel?: string;
         minimizedLabel?: string;
     };
+    /**
+     * If the `<Navigation.Item>` goes to a new page, pass an href
+     */
     href?: string;
-    onClick?: (...args: any[]) => any;
+    /**
+     * If the `<Navigation.Item>` does not go to a new page pass an onClick
+     */
+    onClick?: (event: React.MouseEvent) => void;
+    /**
+     * children of type Navigation.Item
+     */
     children?: React.ReactNode;
 };
 declare type NavigationState = {

package/types/Navigation/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Navigation/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAC5D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAiCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Navigation/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,CAAA;IACD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAC5D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAYvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}