@digital-ai/dot-components 2.19.1 → 2.20.1

package/{lib → src/lib}/components/input-form-fields/InputFormFields.styles.d.ts

@@ -1,14 +1,14 @@
-import { TextField } from '@mui/material';
-export declare const rootClassName = "dot-text-field";
-export declare const rootSelectClassName = "dot-select-field";
-export declare const labelClassName = "dot-input-label";
-export declare const errorClassName = "dot-error";
-export declare const warningClassName = "dot-warning";
-export declare const successClassName = "dot-success";
-export declare const adornmentIconClassName = "dot-adornment-icon";
-export declare const fieldsetClassName = "MuiOutlinedInput-notchedOutline";
-export declare const readOnlyClassName = "read-only";
-export declare const StyledAdornment: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").InputAdornmentTypeMap<{}, "div">>, any, {}, never>;
-export declare const StyledInputLabel: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").InputLabelTypeMap<{}, "label">>, any, {}, never>;
-export declare const StyledTextFieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTextField: import("styled-components").StyledComponent<typeof TextField, any, {}, never>;
+import { TextField } from '@mui/material';
+export declare const rootClassName = "dot-text-field";
+export declare const rootSelectClassName = "dot-select-field";
+export declare const labelClassName = "dot-input-label";
+export declare const errorClassName = "dot-error";
+export declare const warningClassName = "dot-warning";
+export declare const successClassName = "dot-success";
+export declare const adornmentIconClassName = "dot-adornment-icon";
+export declare const fieldsetClassName = "MuiOutlinedInput-notchedOutline";
+export declare const readOnlyClassName = "read-only";
+export declare const StyledAdornment: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").InputAdornmentTypeMap<{}, "div">>, any, {}, never>;
+export declare const StyledInputLabel: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").InputLabelTypeMap<{}, "label">>, any, {}, never>;
+export declare const StyledTextFieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTextField: import("styled-components").StyledComponent<typeof TextField, any, {}, never>;

package/{lib → src/lib}/components/input-form-fields/InputLabel.d.ts

@@ -1,17 +1,17 @@
-import { CommonProps } from '../CommonProps';
-export interface InputLabelProps extends CommonProps {
-    /** If true, the input will be disabled. */
-    disabled?: boolean;
-    /** If true, the label will be displayed in an error state. */
-    error?: boolean;
-    /**
-     * id to identify the element, also used to create label "for" and helper text id attribute
-     * values while it's optional, it is considered required for accessiblity best practice.
-     */
-    id: string;
-    /** The label content. */
-    label?: string;
-    /** If true, the label is displayed as required and the input element` will be required. */
-    required?: boolean;
-}
-export declare const DotInputLabel: ({ "data-testid": dataTestId, disabled, error, id, label, required, }: InputLabelProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+export interface InputLabelProps extends CommonProps {
+    /** If true, the input will be disabled. */
+    disabled?: boolean;
+    /** If true, the label will be displayed in an error state. */
+    error?: boolean;
+    /**
+     * id to identify the element, also used to create label "for" and helper text id attribute
+     * values while it's optional, it is considered required for accessiblity best practice.
+     */
+    id: string;
+    /** The label content. */
+    label?: string;
+    /** If true, the label is displayed as required and the input element` will be required. */
+    required?: boolean;
+}
+export declare const DotInputLabel: ({ "data-testid": dataTestId, disabled, error, id, label, required, }: InputLabelProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/input-form-fields/InputSelect.d.ts

@@ -1,15 +1,15 @@
-import { InputProps } from './InputFormFields.propTypes';
-export declare type OptionType = string | InputSelectOption;
-export interface InputSelectOption {
-    /** options that appear in dropdown */
-    option: string;
-    /** value of input field when option is selected */
-    value?: string;
-}
-export interface InputSelectProps extends InputProps {
-    /** default value of select field */
-    defaultValue?: string;
-    /** options of select dropdown */
-    options: Array<OptionType>;
-}
-export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, endText, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, persistentLabel, readOnly, required, shrink, size, startIcon, success, value, warning, }: InputSelectProps) => JSX.Element;
+import { InputProps } from './InputFormFields.propTypes';
+export type OptionType = string | InputSelectOption;
+export interface InputSelectOption {
+    /** options that appear in dropdown */
+    option: string;
+    /** value of input field when option is selected */
+    value?: string;
+}
+export interface InputSelectProps extends InputProps {
+    /** default value of select field */
+    defaultValue?: string;
+    /** options of select dropdown */
+    options: Array<OptionType>;
+}
+export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, endText, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, persistentLabel, readOnly, required, shrink, size, startIcon, success, value, warning, }: InputSelectProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/input-form-fields/InputText.d.ts

@@ -1,34 +1,34 @@
-import { ReactNode } from 'react';
-import { InputProps } from './InputFormFields.propTypes';
-export declare const DELAY_MS = 300;
-export declare type endAdornmentIconType = 'warning' | 'error' | 'check';
-export interface InputTextProps extends InputProps {
-    /** The HTML autocomplete property to pass along to the input tag. Used for
-     controlling autofill behavior in forms. This property follows this HTML spec:
-     https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill
-     **/
-    autoComplete?: string;
-    endAdornmentTooltip?: string;
-    /** If true, the input will use debounce functionality. */
-    hasDebounce?: boolean;
-    /** max of rows for multiline line */
-    maxRows?: number;
-    /** number of rows for multiline line */
-    minRows?: number;
-    /** if multiline it wil render multiple lines */
-    multiline?: boolean;
-    /** Placeholder text always displayed inside the input field */
-    placeholder?: string;
-    /** value of the InputText */
-    value?: string;
-}
-export interface EndIconProps {
-    dataTestId?: string;
-    endAdornmentTooltip?: string;
-    endIcon?: ReactNode;
-    endText?: string;
-    error?: boolean;
-    success?: boolean;
-    warning?: boolean;
-}
-export declare const DotInputText: ({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, endText, id, inputRef, label, max, maxRows, min, minRows, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, persistentLabel, placeholder, readOnly, required, shrink, startIcon, size, success, type, value, warning, }: InputTextProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { InputProps } from './InputFormFields.propTypes';
+export declare const DELAY_MS = 300;
+export type endAdornmentIconType = 'warning' | 'error' | 'check';
+export interface InputTextProps extends InputProps {
+    /** The HTML autocomplete property to pass along to the input tag. Used for
+     controlling autofill behavior in forms. This property follows this HTML spec:
+     https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill
+     **/
+    autoComplete?: string;
+    endAdornmentTooltip?: string;
+    /** If true, the input will use debounce functionality. */
+    hasDebounce?: boolean;
+    /** max of rows for multiline line */
+    maxRows?: number;
+    /** number of rows for multiline line */
+    minRows?: number;
+    /** if multiline it wil render multiple lines */
+    multiline?: boolean;
+    /** Placeholder text always displayed inside the input field */
+    placeholder?: string;
+    /** value of the InputText */
+    value?: string;
+}
+export interface EndIconProps {
+    dataTestId?: string;
+    endAdornmentTooltip?: string;
+    endIcon?: ReactNode;
+    endText?: string;
+    error?: boolean;
+    success?: boolean;
+    warning?: boolean;
+}
+export declare const DotInputText: ({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, endText, id, inputRef, label, max, maxRows, min, minRows, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, persistentLabel, placeholder, readOnly, required, shrink, startIcon, size, success, type, value, warning, }: InputTextProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/input-form-fields/common.styles.d.ts

@@ -1,5 +1,5 @@
-import { lightTheme as Theme } from '../../../lib/theme-provider/ThemeProvider';
-export declare const formHelperTextRootStyles: (theme: typeof Theme) => import("styled-components").FlattenSimpleInterpolation;
-export declare const adornmentIconStyles: () => import("styled-components").FlattenSimpleInterpolation;
-export declare const pickerInputStyles: (theme: typeof Theme) => import("styled-components").FlattenSimpleInterpolation;
-export declare const readOnlyStyles: (theme: typeof Theme) => import("styled-components").FlattenSimpleInterpolation;
+import { lightTheme as Theme } from '../../../lib/theme-provider/ThemeProvider';
+export declare const formHelperTextRootStyles: (theme: typeof Theme) => import("styled-components").FlattenSimpleInterpolation;
+export declare const adornmentIconStyles: () => import("styled-components").FlattenSimpleInterpolation;
+export declare const pickerInputStyles: (theme: typeof Theme) => import("styled-components").FlattenSimpleInterpolation;
+export declare const readOnlyStyles: (theme: typeof Theme) => import("styled-components").FlattenSimpleInterpolation;

package/{lib → src/lib}/components/linear-progress/LinearProgress.d.ts

@@ -1,14 +1,14 @@
-import { CommonProps } from '../CommonProps';
-export declare type LinearProgressColor = 'primary' | 'secondary' | 'error' | 'warning' | 'purple';
-export declare type LinearProgressVariant = 'buffer' | 'determinate' | 'indeterminate' | 'query';
-export interface LinearProgressProps extends CommonProps {
-    /** The color of the component. */
-    color?: LinearProgressColor;
-    /** The value of the progress indicator for the determinate and buffer variants. Value between 0 and 100. */
-    value?: number;
-    /** The value for the buffer variant. Value between 0 and 100. **/
-    valueBuffer?: number;
-    /** The variant to use. Use indeterminate or query when there is no progress value. */
-    variant?: LinearProgressVariant;
-}
-export declare const DotLinearProgress: ({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+export type LinearProgressColor = 'primary' | 'secondary' | 'error' | 'warning' | 'purple';
+export type LinearProgressVariant = 'buffer' | 'determinate' | 'indeterminate' | 'query';
+export interface LinearProgressProps extends CommonProps {
+    /** The color of the component. */
+    color?: LinearProgressColor;
+    /** The value of the progress indicator for the determinate and buffer variants. Value between 0 and 100. */
+    value?: number;
+    /** The value for the buffer variant. Value between 0 and 100. **/
+    valueBuffer?: number;
+    /** The variant to use. Use indeterminate or query when there is no progress value. */
+    variant?: LinearProgressVariant;
+}
+export declare const DotLinearProgress: ({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/linear-progress/LinearProgress.styles.d.ts

@@ -1,3 +1,3 @@
-import { LinearProgress } from '@mui/material';
-export declare const rootClassName = "dot-linear-progress";
-export declare const StyledLinearProgress: import("styled-components").StyledComponent<typeof LinearProgress, any, {}, never>;
+import { LinearProgress } from '@mui/material';
+export declare const rootClassName = "dot-linear-progress";
+export declare const StyledLinearProgress: import("styled-components").StyledComponent<typeof LinearProgress, any, {}, never>;

package/{lib → src/lib}/components/linear-progress/index.d.ts

@@ -1,2 +1,2 @@
-export type { LinearProgressProps, LinearProgressColor, LinearProgressVariant, } from './LinearProgress';
-export { DotLinearProgress } from './LinearProgress';
+export type { LinearProgressProps, LinearProgressColor, LinearProgressVariant, } from './LinearProgress';
+export { DotLinearProgress } from './LinearProgress';

package/{lib → src/lib}/components/link/Link.d.ts

@@ -1,30 +1,30 @@
-import { KeyboardEvent, MouseEvent, PointerEvent, ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type LinkColor = 'initial' | 'inherit' | 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error';
-export declare type LinkUnderline = 'always' | 'hover' | 'none';
-export declare type LinkTarget = '_blank' | '_self';
-export interface LinkProps extends CommonProps {
-    /** text for the link. */
-    children: ReactNode;
-    /** link color */
-    color?: LinkColor;
-    /** href for the link. */
-    href?: string;
-    /** event callback */
-    onClick?: (event: KeyboardEvent<Element> | MouseEvent<Element>) => void;
-    /** mouse enter event callback */
-    onMouseEnter?: (event: MouseEvent<Element>) => void;
-    /** specifies the relationship between the current document and the linked document */
-    /** event callback, for handling a middle-click or other non-'onClick' behavior */
-    onPointerDown?: (event: PointerEvent<Element>) => void;
-    rel?: string;
-    /** tab order for the link */
-    tabIndex?: number;
-    /** where to open the link */
-    target?: LinkTarget;
-    /** Tooltip text displayed on hover */
-    tooltip?: string;
-    /**  underline the link */
-    underline?: LinkUnderline;
-}
-export declare const DotLink: ({ ariaLabel, ariaRole, children, className, color, "data-testid": dataTestId, href, onClick, onMouseEnter, onPointerDown, rel, tabIndex, target, tooltip, underline, }: LinkProps) => JSX.Element;
+import { KeyboardEvent, MouseEvent, PointerEvent, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export type LinkColor = 'initial' | 'inherit' | 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error';
+export type LinkUnderline = 'always' | 'hover' | 'none';
+export type LinkTarget = '_blank' | '_self';
+export interface LinkProps extends CommonProps {
+    /** text for the link. */
+    children: ReactNode;
+    /** link color */
+    color?: LinkColor;
+    /** href for the link. */
+    href?: string;
+    /** event callback */
+    onClick?: (event: KeyboardEvent<Element> | MouseEvent<Element>) => void;
+    /** mouse enter event callback */
+    onMouseEnter?: (event: MouseEvent<Element>) => void;
+    /** specifies the relationship between the current document and the linked document */
+    /** event callback, for handling a middle-click or other non-'onClick' behavior */
+    onPointerDown?: (event: PointerEvent<Element>) => void;
+    rel?: string;
+    /** tab order for the link */
+    tabIndex?: number;
+    /** where to open the link */
+    target?: LinkTarget;
+    /** Tooltip text displayed on hover */
+    tooltip?: string;
+    /**  underline the link */
+    underline?: LinkUnderline;
+}
+export declare const DotLink: ({ ariaLabel, ariaRole, children, className, color, "data-testid": dataTestId, href, onClick, onMouseEnter, onPointerDown, rel, tabIndex, target, tooltip, underline, }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/link/Link.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-link";
-export declare const StyledLink: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").LinkTypeMap<{}, "a">>, any, {}, never>;
+export declare const rootClassName = "dot-link";
+export declare const StyledLink: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").LinkTypeMap<{}, "a">>, any, {}, never>;

package/{lib → src/lib}/components/list/List.d.ts

@@ -1,2 +1,2 @@
-import { ListProps } from './utils/models';
-export declare const DotList: ({ ariaLabel, ariaRole, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element;
+import { ListProps } from './utils/models';
+export declare const DotList: ({ ariaLabel, ariaRole, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/list/List.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const rootClassName = "dot-list";
-export declare const listItemRootClass = "dot-list-item";
-export declare const nestedListClassName = "dot-nested-list";
-export declare const nestedDrawerClassName = "dot-nested-drawer";
-export declare const StyledList: import("@mui/material").ExtendList<import("@mui/material").ListTypeMap<{}, "ul">>;
+export declare const rootClassName = "dot-list";
+export declare const listItemRootClass = "dot-list-item";
+export declare const nestedListClassName = "dot-nested-list";
+export declare const nestedDrawerClassName = "dot-nested-drawer";
+export declare const StyledList: import("@mui/material").ExtendList<import("@mui/material").ListTypeMap<{}, "ul">>;

package/{lib → src/lib}/components/list/ListDivider.d.ts

@@ -1,7 +1,7 @@
-import { ListItemProps } from './utils/models';
-interface DividerProps {
-    index: number;
-    item: ListItemProps;
-}
-export declare const DotListDivider: ({ item, index }: DividerProps) => JSX.Element;
-export {};
+import { ListItemProps } from './utils/models';
+interface DividerProps {
+    index: number;
+    item: ListItemProps;
+}
+export declare const DotListDivider: ({ item, index }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/{lib → src/lib}/components/list/ListItem.d.ts

@@ -1,2 +1,2 @@
-import { ListItemProps } from './utils/models';
-export declare const DotListItem: ({ ariaLabel, ariaRole, className, component, "data-testid": dataTestId, divider, endIcon, href, isOpened, onClick, onMenuLeave, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, target, text, tooltip, tooltipPlacement, }: ListItemProps) => JSX.Element;
+import { ListItemProps } from './utils/models';
+export declare const DotListItem: ({ ariaLabel, ariaRole, className, component, "data-testid": dataTestId, divider, endIcon, href, isOpened, onClick, onMenuLeave, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, target, text, tooltip, tooltipPlacement, }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/list/ListItem.styles.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export declare const flyoutListItemClassName = "dot-flyout-list-item";
-export declare const flyoutItemLinkClassName = "dot-flyout-item-link";
-export declare const listItemLinkClassName = "dot-list-item-link";
-export declare const StyledListItem: import("react").ComponentType<any> | keyof JSX.IntrinsicElements;
-export declare const StyledListItemButton: import("react").ComponentType<any> | keyof JSX.IntrinsicElements;
+/// <reference types="react" />
+export declare const flyoutListItemClassName = "dot-flyout-list-item";
+export declare const flyoutItemLinkClassName = "dot-flyout-item-link";
+export declare const listItemLinkClassName = "dot-list-item-link";
+export declare const StyledListItem: import("react").ComponentType<any> | keyof JSX.IntrinsicElements;
+export declare const StyledListItemButton: import("react").ComponentType<any> | keyof JSX.IntrinsicElements;

package/{lib → src/lib}/components/list/NestedList.d.ts

@@ -1,2 +1,2 @@
-import { NestedListProps } from './utils/models';
-export declare const NestedList: ({ ariaLabel, anchorEl, "data-testid": dataTestId, items, menuPlacement, nestedDrawerLeftSpacing, onMenuLeave, open, parentItemIndex, type, }: NestedListProps) => JSX.Element;
+import { NestedListProps } from './utils/models';
+export declare const NestedList: ({ ariaLabel, anchorEl, "data-testid": dataTestId, items, menuPlacement, nestedDrawerLeftSpacing, onMenuLeave, open, parentItemIndex, type, }: NestedListProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/list/NestedList.styles.d.ts

@@ -1 +1 @@
-export declare const StyledDotDrawer: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => JSX.Element, any, {}, never>;
+export declare const StyledDotDrawer: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/{lib → src/lib}/components/list/index.d.ts

@@ -1,2 +1,2 @@
-export * from './utils/models';
-export * from './List';
+export * from './utils/models';
+export * from './List';

package/{lib → src/lib}/components/list/utils/helpers.d.ts

@@ -1,3 +1,3 @@
-import { NestedListType } from './models';
-export declare const getChevronIcon: (nestedListType: NestedListType, isOpened: boolean) => "chevron-right" | "chevron-up" | "chevron-down";
-export declare const shouldToggleOpen: (classNames: string) => boolean;
+import { NestedListType } from './models';
+export declare const getChevronIcon: (nestedListType: NestedListType, isOpened: boolean) => "chevron-right" | "chevron-up" | "chevron-down";
+export declare const shouldToggleOpen: (classNames: string) => boolean;

package/{lib → src/lib}/components/list/utils/models.d.ts

@@ -1,88 +1,88 @@
-import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';
-import { CommonProps } from '../../CommonProps';
-import { PopperPlacement } from '../../menu/Menu';
-import { LinkTarget } from '../../link/Link';
-import { tooltipPlacement } from '../../tooltip/Tooltip';
-export declare const DEFAULT_TOOLTIP_PLACEMENT = "top-start";
-export declare type NestedListType = 'drawer' | 'expandable' | 'menu';
-export interface ListProps extends CommonProps {
-    /** string or JSX element that is displayed inside the list */
-    children?: ReactNode;
-    /** The component used for the root node. Either a string to use a HTML element or a component. */
-    component?: ElementType;
-    /** If true, compact vertical padding designed for keyboard and mouse input will be used for the list and list items. */
-    dense?: boolean;
-    /** If true, vertical padding will be removed from the list. */
-    disablePadding?: boolean;
-    /** Array of list items displayed */
-    items?: Array<ListItemProps>;
-    /** If nested list type is 'menu', determines the placement of the menu */
-    menuPlacement?: PopperPlacement;
-    /** If nested type is 'drawer', determines the width of the left spacing */
-    nestedDrawerLeftSpacing?: number;
-    /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
-    nestedListType?: NestedListType;
-    /** Width of list, defaults to 240px */
-    width?: number | string;
-}
-export interface ListItemProps extends CommonProps {
-    /** string or JSX element that is displayed inside the list */
-    child?: ReactNode;
-    /** The component used for the root node. Either a string to use a HTML element or a component. */
-    component?: ElementType;
-    /** If true, a 1px light border is added to the bottom of the list item. */
-    divider?: boolean;
-    /** If provided, the icon ID which is displayed at the end of the list item */
-    endIcon?: ReactNode;
-    /** If provided, the list item will be rendered as a link */
-    href?: string;
-    id?: string;
-    isOpened?: boolean;
-    /** If provided, the menu item will display a nested list */
-    items?: Array<ListItemProps>;
-    /** If nested list type is 'menu', determines the placement of the menu */
-    menuPlacement?: PopperPlacement;
-    /** If nested type is 'drawer', determines the width of the left spacing */
-    nestedDrawerLeftSpacing?: number;
-    /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
-    nestedListType?: NestedListType;
-    /** Event callback */
-    onClick?: (event: MouseEvent) => void;
-    /** Menu leave event callback */
-    onMenuLeave?: (event: MouseEvent | KeyboardEvent) => void;
-    /** The main content element */
-    primaryText?: string;
-    /** The secondary content element */
-    secondaryText?: string;
-    /** Selected list item */
-    selected?: boolean;
-    /** If provided, the icon which is displayed on the front of the list item */
-    startIcon?: ReactNode;
-    /** where to open the link */
-    target?: LinkTarget;
-    /** Text which is displayed in the list item */
-    text?: string;
-    /** Tooltip text displayed on hover */
-    tooltip?: string;
-    /** Tooltip placement displayed on hover */
-    tooltipPlacement?: tooltipPlacement;
-}
-export interface NestedListProps extends CommonProps {
-    /** Element that menu is attached to */
-    anchorEl?: Element;
-    /** Array of list items displayed */
-    items: Array<ListItemProps>;
-    /** If nested list type is 'menu', determines the placement of the menu */
-    menuPlacement?: PopperPlacement;
-    /** If nested type is 'drawer', determines the width of the left spacing */
-    nestedDrawerLeftSpacing?: number;
-    /** Event callback when leaving menu via tab or clicking away */
-    onMenuLeave?: (event: KeyboardEvent | MouseEvent) => void;
-    /** if true the nested list is visible */
-    open: boolean;
-    /** Index of the parent list item */
-    parentItemIndex?: number;
-    toggleOpen?: (event: MouseEvent) => void;
-    /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
-    type?: NestedListType;
-}
+import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { CommonProps } from '../../CommonProps';
+import { PopperPlacement } from '../../menu/Menu';
+import { LinkTarget } from '../../link/Link';
+import { tooltipPlacement } from '../../tooltip/Tooltip';
+export declare const DEFAULT_TOOLTIP_PLACEMENT = "top-start";
+export type NestedListType = 'drawer' | 'expandable' | 'menu';
+export interface ListProps extends CommonProps {
+    /** string or JSX element that is displayed inside the list */
+    children?: ReactNode;
+    /** The component used for the root node. Either a string to use a HTML element or a component. */
+    component?: ElementType;
+    /** If true, compact vertical padding designed for keyboard and mouse input will be used for the list and list items. */
+    dense?: boolean;
+    /** If true, vertical padding will be removed from the list. */
+    disablePadding?: boolean;
+    /** Array of list items displayed */
+    items?: Array<ListItemProps>;
+    /** If nested list type is 'menu', determines the placement of the menu */
+    menuPlacement?: PopperPlacement;
+    /** If nested type is 'drawer', determines the width of the left spacing */
+    nestedDrawerLeftSpacing?: number;
+    /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
+    nestedListType?: NestedListType;
+    /** Width of list, defaults to 240px */
+    width?: number | string;
+}
+export interface ListItemProps extends CommonProps {
+    /** string or JSX element that is displayed inside the list */
+    child?: ReactNode;
+    /** The component used for the root node. Either a string to use a HTML element or a component. */
+    component?: ElementType;
+    /** If true, a 1px light border is added to the bottom of the list item. */
+    divider?: boolean;
+    /** If provided, the icon ID which is displayed at the end of the list item */
+    endIcon?: ReactNode;
+    /** If provided, the list item will be rendered as a link */
+    href?: string;
+    id?: string;
+    isOpened?: boolean;
+    /** If provided, the menu item will display a nested list */
+    items?: Array<ListItemProps>;
+    /** If nested list type is 'menu', determines the placement of the menu */
+    menuPlacement?: PopperPlacement;
+    /** If nested type is 'drawer', determines the width of the left spacing */
+    nestedDrawerLeftSpacing?: number;
+    /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
+    nestedListType?: NestedListType;
+    /** Event callback */
+    onClick?: (event: MouseEvent) => void;
+    /** Menu leave event callback */
+    onMenuLeave?: (event: MouseEvent | KeyboardEvent) => void;
+    /** The main content element */
+    primaryText?: string;
+    /** The secondary content element */
+    secondaryText?: string;
+    /** Selected list item */
+    selected?: boolean;
+    /** If provided, the icon which is displayed on the front of the list item */
+    startIcon?: ReactNode;
+    /** where to open the link */
+    target?: LinkTarget;
+    /** Text which is displayed in the list item */
+    text?: string;
+    /** Tooltip text displayed on hover */
+    tooltip?: string;
+    /** Tooltip placement displayed on hover */
+    tooltipPlacement?: tooltipPlacement;
+}
+export interface NestedListProps extends CommonProps {
+    /** Element that menu is attached to */
+    anchorEl?: Element;
+    /** Array of list items displayed */
+    items: Array<ListItemProps>;
+    /** If nested list type is 'menu', determines the placement of the menu */
+    menuPlacement?: PopperPlacement;
+    /** If nested type is 'drawer', determines the width of the left spacing */
+    nestedDrawerLeftSpacing?: number;
+    /** Event callback when leaving menu via tab or clicking away */
+    onMenuLeave?: (event: KeyboardEvent | MouseEvent) => void;
+    /** if true the nested list is visible */
+    open: boolean;
+    /** Index of the parent list item */
+    parentItemIndex?: number;
+    toggleOpen?: (event: MouseEvent) => void;
+    /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
+    type?: NestedListType;
+}