@elastic/eui 70.0.0 → 70.2.0

package/eui.d.ts

@@ -1711,8 +1711,9 @@ declare module '@elastic/eui/src/components/loading/loading_content' {
 }
 declare module '@elastic/eui/src/components/loading/loading_spinner.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	import { EuiLoadingSpinnerProps } from '@elastic/eui/src/components/loading/loading_spinner';
-	export const euiLoadingSpinnerStyles: ({ euiTheme }: UseEuiTheme, color?: EuiLoadingSpinnerProps['color']) => {
+	import { EuiLoadingSpinnerColor } from '@elastic/eui/src/components/loading/loading_spinner';
+	export const euiSpinnerBorderColorsCSS: ({ euiTheme }: UseEuiTheme, colors?: EuiLoadingSpinnerColor) => string;
+	export const euiLoadingSpinnerStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiLoadingSpinner: import("@emotion/utils").SerializedStyles;
 	    s: import("@emotion/utils").SerializedStyles;
 	    m: import("@emotion/utils").SerializedStyles;
@@ -1910,12 +1911,6 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiButtonDisplayContentStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiButtonDisplayContent: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
-	    right: import("@emotion/utils").SerializedStyles;
-	    euiButtonDisplayContent__spinner: import("@emotion/utils").SerializedStyles;
-	    euiButtonDisplayContent__icon: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -4504,6 +4499,13 @@ declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel
 	        left: import("@emotion/utils").SerializedStyles;
 	        right: import("@emotion/utils").SerializedStyles;
 	    };
+	    hasDragDrop: {
+	        hasDragDrop: import("@emotion/utils").SerializedStyles;
+	        top: import("@emotion/utils").SerializedStyles;
+	        bottom: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	    };
 	};
 
 }
@@ -4520,6 +4522,7 @@ declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel
 	    isOpen?: boolean;
 	    isAttached?: boolean;
 	    position?: EuiPopoverArrowPositions | null;
+	    hasDragDrop?: boolean;
 	};
 	/**
 	 * *INTERNAL ONLY*
@@ -4640,6 +4643,11 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	     * an `EuiPopover` in a scrollable container, `repositionOnScroll` should be `true`
 	     */
 	    repositionOnScroll?: boolean;
+	    /**
+	     * Must be set to true if using `EuiDragDropContext` within a popover,
+	     * otherwise your nested drag & drop will have incorrect positioning
+	     */
+	    hasDragDrop?: boolean;
 	    /**
 	     * By default, popover content inherits the z-index of the anchor
 	     * component; pass `zIndex` to override
@@ -7583,7 +7591,7 @@ declare module '@elastic/eui/src/components/accessibility/screen_reader_only/scr
 	     */
 	    children: ReactElement;
 	    /**
-	     * For keyboard navigation, force content to display visually upon focus.
+	     * For keyboard navigation, force content to display visually upon focus/focus-within.
 	     */
 	    showOnFocus?: boolean;
 	    className?: string;
@@ -8546,11 +8554,14 @@ declare module '@elastic/eui/src/components/card/card.styles' {
 	            left: import("@emotion/utils").SerializedStyles;
 	            right: import("@emotion/utils").SerializedStyles;
 	        };
+	        disabled: import("@emotion/utils").SerializedStyles;
+	    };
+	    main: {
+	        euiCard__main: import("@emotion/utils").SerializedStyles;
 	        layout: {
 	            vertical: import("@emotion/utils").SerializedStyles;
 	            horizontal: import("@emotion/utils").SerializedStyles;
 	        };
-	        disabled: import("@emotion/utils").SerializedStyles;
 	    };
 	    content: {
 	        euiCard__content: import("@emotion/utils").SerializedStyles;
@@ -8606,9 +8617,8 @@ declare module '@elastic/eui/src/components/card/card' {
 	import { EuiBetaBadgeProps } from '@elastic/eui/src/components/badge/beta_badge';
 	import { EuiIconProps } from '@elastic/eui/src/components/icon';
 	import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
-	import { EuiPanelProps } from '@elastic/eui/src/components/panel'; type CardAlignment = 'left' | 'center' | 'right';
-	export const ALIGNMENTS: CardAlignment[]; type CardLayout = 'vertical' | 'horizontal';
-	export const LAYOUT_ALIGNMENTS: CardLayout[]; type EuiCardPropsLayout = ExclusiveUnion<{
+	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
+	export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = typeof ALIGNMENTS[number]; type EuiCardPropsLayout = ExclusiveUnion<{
 	    layout?: 'vertical';
 	    /**
 	     * Changes alignment of the title and description
@@ -11102,6 +11112,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    toolbarVisibility: boolean | EuiDataGridToolBarVisibilityOptions;
 	    isFullScreen: boolean;
 	    fullScreenSelector: ReactNode;
+	    keyboardShortcuts: ReactNode;
 	    displaySelector: ReactNode;
 	    columnSelector: ReactNode;
 	    columnSorting: ReactNode;
@@ -11766,6 +11777,11 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * Allows the ability for the user to sort rows based upon column values
 	     */
 	    showSortSelector?: boolean;
+	    /**
+	     * Displays a popover listing all keyboard controls and shortcuts for the data grid.
+	     * If set to `false`, the toggle will be visually hidden, but still focusable by keyboard and screen reader users.
+	     */
+	    showKeyboardShortcuts?: boolean;
 	    /**
 	     * Allows user to be able to fullscreen the data grid. If set to `false` make sure your grid fits within a large enough panel to still show the other controls.
 	     */
@@ -12437,7 +12453,7 @@ declare module '@elastic/eui/src/components/datagrid/body' {
 declare module '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar' {
 	
 	import { EuiDataGridProps, EuiDataGridToolbarProps, EuiDataGridToolBarVisibilityOptions } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const EuiDataGridToolbar: ({ gridWidth, minSizeForControls, toolbarVisibility, isFullScreen, fullScreenSelector, displaySelector, columnSelector, columnSorting, }: EuiDataGridToolbarProps) => JSX.Element;
+	export const EuiDataGridToolbar: ({ gridWidth, minSizeForControls, toolbarVisibility, isFullScreen, fullScreenSelector, keyboardShortcuts, displaySelector, columnSelector, columnSorting, }: EuiDataGridToolbarProps) => JSX.Element;
 	export function checkOrDefaultToolBarDisplayOptions<OptionKey extends keyof EuiDataGridToolBarVisibilityOptions>(arg: EuiDataGridProps['toolbarVisibility'], option: OptionKey): Required<EuiDataGridToolBarVisibilityOptions>[OptionKey];
 	export function renderAdditionalControls(toolbarVisibility: EuiDataGridProps['toolbarVisibility'], position: 'left.prepend' | 'left.append' | 'right'): {} | null;
 	/**
@@ -12469,6 +12485,160 @@ declare module '@elastic/eui/src/components/datagrid/controls/display_selector'
 	export const startingStyles: EuiDataGridStyle;
 	export const useDataGridDisplaySelector: (showDisplaySelector: EuiDataGridToolBarVisibilityOptions['showDisplaySelector'], initialStyles: EuiDataGridStyle, initialRowHeightsOptions?: EuiDataGridRowHeightsOptions | undefined) => [ReactNode, EuiDataGridStyle, EuiDataGridRowHeightsOptions];
 
+}
+declare module '@elastic/eui/src/components/description_list/description_list_types' {
+	import { HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export interface EuiDescriptionListProps {
+	    listItems?: Array<{
+	        title: NonNullable<ReactNode>;
+	        description: NonNullable<ReactNode>;
+	    }>;
+	    /**
+	     * Text alignment
+	     */
+	    align?: EuiDescriptionListAlignment;
+	    /**
+	     * Smaller text and condensed spacing
+	     */
+	    compressed?: boolean;
+	    /**
+	     * How should the content be styled, by default
+	     * this will emphasize the title
+	     */
+	    textStyle?: 'normal' | 'reverse';
+	    /**
+	     * How each item should be laid out
+	     */
+	    type?: EuiDescriptionListType;
+	    /**
+	     * Props object to be passed to `EuiDescriptionListTitle`
+	     */
+	    titleProps?: HTMLAttributes<HTMLElement> & CommonProps;
+	    /**
+	     * Props object to be passed to `EuiDescriptionListDescription`
+	     */
+	    descriptionProps?: HTMLAttributes<HTMLElement> & CommonProps;
+	    /**
+	     * Vertical spacing added between `EuiDescriptionList` elements
+	     */
+	    gutterSize?: EuiDescriptionListGutterSizes;
+	}
+	export const TYPES: readonly ["row", "inline", "column", "responsiveColumn"];
+	export type EuiDescriptionListType = typeof TYPES[number];
+	export const ALIGNMENTS: readonly ["center", "left"];
+	export type EuiDescriptionListAlignment = typeof ALIGNMENTS[number];
+	export const TEXT_STYLES: readonly ["normal", "reverse"];
+	export type EuiDescriptionListTextStyle = typeof TEXT_STYLES[number];
+	export const GUTTER_SIZES: readonly ["s", "m"];
+	export type EuiDescriptionListGutterSizes = typeof GUTTER_SIZES[number];
+
+}
+declare module '@elastic/eui/src/components/description_list/description_list_title.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDescriptionListTitleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDescriptionList__title: import("@emotion/utils").SerializedStyles;
+	    row: import("@emotion/utils").SerializedStyles;
+	    column: import("@emotion/utils").SerializedStyles;
+	    responsiveColumn: import("@emotion/utils").SerializedStyles;
+	    inline: import("@emotion/utils").SerializedStyles;
+	    fontStyles: {
+	        normal: import("@emotion/utils").SerializedStyles;
+	        reverse: import("@emotion/utils").SerializedStyles;
+	        compressed: import("@emotion/utils").SerializedStyles;
+	    };
+	    inlineStyles: {
+	        normal: import("@emotion/utils").SerializedStyles;
+	        compressed: import("@emotion/utils").SerializedStyles;
+	    };
+	    right: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/description_list/description_list_context' {
+	
+	import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types'; type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'type' | 'textStyle' | 'align' | 'gutterSize'>> & {
+	    compressed?: EuiDescriptionListProps['compressed'];
+	};
+	export const contextDefaults: EuiDescriptionListContextValues;
+	export const EuiDescriptionListContext: import("react").Context<EuiDescriptionListContextValues>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/description_list/description_list_title' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
+	}
+	export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
+
+}
+declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDescriptionListDescriptionStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDescriptionList__description: import("@emotion/utils").SerializedStyles;
+	    row: import("@emotion/utils").SerializedStyles;
+	    column: import("@emotion/utils").SerializedStyles;
+	    responsiveColumn: import("@emotion/utils").SerializedStyles;
+	    inline: import("@emotion/utils").SerializedStyles;
+	    fontStyles: {
+	        normal: import("@emotion/utils").SerializedStyles;
+	        reverse: import("@emotion/utils").SerializedStyles;
+	        compressed: import("@emotion/utils").SerializedStyles;
+	    };
+	    inlineStyles: {
+	        compressed: import("@emotion/utils").SerializedStyles;
+	        normal: import("@emotion/utils").SerializedStyles;
+	    };
+	    left: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/description_list/description_list_description' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
+	}
+	export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
+
+}
+declare module '@elastic/eui/src/components/description_list/description_list.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDescriptionListStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDescriptionList: import("@emotion/utils").SerializedStyles;
+	    row: import("@emotion/utils").SerializedStyles;
+	    inline: import("@emotion/utils").SerializedStyles;
+	    column: import("@emotion/utils").SerializedStyles;
+	    responsiveColumn: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/description_list/description_list' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
+	export const EuiDescriptionList: FunctionComponent<CommonProps & HTMLAttributes<HTMLDListElement> & EuiDescriptionListProps>;
+
+}
+declare module '@elastic/eui/src/components/description_list' {
+	export type { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
+	export { EuiDescriptionList } from '@elastic/eui/src/components/description_list/description_list';
+	export { EuiDescriptionListTitle } from '@elastic/eui/src/components/description_list/description_list_title';
+	export { EuiDescriptionListDescription } from '@elastic/eui/src/components/description_list/description_list_description';
+
+}
+declare module '@elastic/eui/src/components/datagrid/controls/keyboard_shortcuts' {
+	import { ReactNode } from 'react';
+	export const useDataGridKeyboardShortcuts: () => {
+	    keyboardShortcuts: ReactNode;
+	};
+
 }
 declare module '@elastic/eui/src/components/datagrid/controls/fullscreen_selector' {
 	import { ReactNode, KeyboardEventHandler } from 'react';
@@ -12484,6 +12654,7 @@ declare module '@elastic/eui/src/components/datagrid/controls' {
 	export { useDataGridColumnSelector } from '@elastic/eui/src/components/datagrid/controls/column_selector';
 	export { useDataGridColumnSorting } from '@elastic/eui/src/components/datagrid/controls/column_sorting';
 	export { useDataGridDisplaySelector, startingStyles } from '@elastic/eui/src/components/datagrid/controls/display_selector';
+	export { useDataGridKeyboardShortcuts } from '@elastic/eui/src/components/datagrid/controls/keyboard_shortcuts';
 	export { useDataGridFullScreenSelector } from '@elastic/eui/src/components/datagrid/controls/fullscreen_selector';
 	export { checkOrDefaultToolBarDisplayOptions, EuiDataGridToolbar, } from '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar';
 
@@ -12993,43 +13164,45 @@ declare module '@elastic/eui/src/components/date_picker/date_picker' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/tabs/tab' {
-	import { MouseEventHandler, AnchorHTMLAttributes, ButtonHTMLAttributes, FunctionComponent, ReactNode } from 'react';
-	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	export interface EuiTabProps extends CommonProps {
-	    isSelected?: boolean;
-	    disabled?: boolean;
-	    /**
-	     * Places content before the tab content/children.
-	     * Will be excluded from interactive effects.
-	     */
-	    prepend?: ReactNode;
-	    /**
-	     * Places content after the tab content/children.
-	     * Will be excluded from interactive effects.
-	     */
-	    append?: ReactNode;
-	} type EuiTabPropsForAnchor = EuiTabProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
-	    href?: string;
-	    onClick?: MouseEventHandler<HTMLAnchorElement>;
-	}; type EuiTabPropsForButton = EuiTabProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
-	    onClick?: MouseEventHandler<HTMLButtonElement>;
+declare module '@elastic/eui/src/components/tabs/tab.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTabStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTab: import("@emotion/utils").SerializedStyles;
+	    expanded: import("@emotion/utils").SerializedStyles;
+	    selected: import("@emotion/utils").SerializedStyles;
+	    disabled: {
+	        disabled: import("@emotion/utils").SerializedStyles;
+	        selected: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+	export const euiTabContentStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiTab__content: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	    selected: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/tabs/tabs.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTabsStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiTabs: import("@emotion/utils").SerializedStyles;
+	    bottomBorder: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
 	};
-	export type Props = ExclusiveUnion<EuiTabPropsForAnchor, EuiTabPropsForButton>;
-	export const EuiTab: FunctionComponent<Props>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/tabs/tabs' {
 	import React, { HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
-	    s: string;
-	    m: null;
-	    l: string;
-	    xl: string;
-	};
-	export const SIZES: ("s" | "m" | "l" | "xl")[];
-	export type EuiTabsSizes = keyof typeof sizeToClassNameMap;
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const SIZES: readonly ["s", "m", "l", "xl"];
+	export type EuiTabsSizes = typeof SIZES[number];
 	export type EuiTabsProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
 	     * ReactNode to render as this component's content
@@ -13073,6 +13246,43 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 	} & {
 	    children?: React.ReactNode;
 	} & React.RefAttributes<HTMLDivElement>>;
+
+}
+declare module '@elastic/eui/src/components/tabs/tab' {
+	import { MouseEventHandler, AnchorHTMLAttributes, ButtonHTMLAttributes, FunctionComponent, ReactNode } from 'react';
+	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { EuiTabsProps, EuiTabsSizes } from '@elastic/eui/src/components/tabs/tabs';
+	export interface EuiTabProps extends CommonProps {
+	    isSelected?: boolean;
+	    disabled?: boolean;
+	    /**
+	     * Places content before the tab content/children.
+	     * Will be excluded from interactive effects.
+	     */
+	    prepend?: ReactNode;
+	    /**
+	     * Places content after the tab content/children.
+	     * Will be excluded from interactive effects.
+	     */
+	    append?: ReactNode;
+	    /**
+	     * Evenly stretches each tab to fill the
+	     * horizontal space
+	     */
+	    expand?: EuiTabsProps['expand'];
+	    /**
+	     * Sizes affect both font size and overall size.
+	     * Only use the `xl` size when displayed as page titles.
+	     */
+	    size?: EuiTabsSizes;
+	} type EuiTabPropsForAnchor = EuiTabProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
+	    href?: string;
+	    onClick?: MouseEventHandler<HTMLAnchorElement>;
+	}; type EuiTabPropsForButton = EuiTabProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+	    onClick?: MouseEventHandler<HTMLButtonElement>;
+	};
+	export type Props = ExclusiveUnion<EuiTabPropsForAnchor, EuiTabPropsForButton>;
+	export const EuiTab: FunctionComponent<Props>;
 	export {};
 
 }
@@ -13740,7 +13950,7 @@ declare module '@elastic/eui/src/components/date_picker/auto_refresh/auto_refres
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_date_picker' {
-	import { Component, FunctionComponent } from 'react';
+	import { Component, FocusEventHandler, FunctionComponent } from 'react';
 	import { LocaleSpecifier } from 'moment';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { ShortDate, Milliseconds, DurationRange, ApplyTime, ApplyRefreshInterval, QuickSelectPanel } from '@elastic/eui/src/components/date_picker/types';
@@ -13784,6 +13994,10 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	     * Used to localize e.g. month names, passed to `moment`
 	     */
 	    locale?: LocaleSpecifier;
+	    /**
+	     * Triggered whenever the EuiSuperDatePicker's dates are focused
+	     */
+	    onFocus?: FocusEventHandler;
 	    /**
 	     * Callback for when the refresh interval is fired.
 	     * EuiSuperDatePicker will only manage a refresh interval timer when onRefresh callback is supplied
@@ -14000,153 +14214,6 @@ declare module '@elastic/eui/src/components/delay_render' {
 	export type { EuiDelayRenderProps } from '@elastic/eui/src/components/delay_render/delay_render';
 	export { EuiDelayRender } from '@elastic/eui/src/components/delay_render/delay_render';
 
-}
-declare module '@elastic/eui/src/components/description_list/description_list_types' {
-	import { HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiDescriptionListProps {
-	    listItems?: Array<{
-	        title: NonNullable<ReactNode>;
-	        description: NonNullable<ReactNode>;
-	    }>;
-	    /**
-	     * Text alignment
-	     */
-	    align?: EuiDescriptionListAlignment;
-	    /**
-	     * Smaller text and condensed spacing
-	     */
-	    compressed?: boolean;
-	    /**
-	     * How should the content be styled, by default
-	     * this will emphasize the title
-	     */
-	    textStyle?: 'normal' | 'reverse';
-	    /**
-	     * How each item should be laid out
-	     */
-	    type?: EuiDescriptionListType;
-	    /**
-	     * Props object to be passed to `EuiDescriptionListTitle`
-	     */
-	    titleProps?: HTMLAttributes<HTMLElement> & CommonProps;
-	    /**
-	     * Props object to be passed to `EuiDescriptionListDescription`
-	     */
-	    descriptionProps?: HTMLAttributes<HTMLElement> & CommonProps;
-	    /**
-	     * Vertical spacing added between `EuiDescriptionList` elements
-	     */
-	    gutterSize?: EuiDescriptionListGutterSizes;
-	}
-	export const TYPES: readonly ["row", "inline", "column", "responsiveColumn"];
-	export type EuiDescriptionListType = typeof TYPES[number];
-	export const ALIGNMENTS: readonly ["center", "left"];
-	export type EuiDescriptionListAlignment = typeof ALIGNMENTS[number];
-	export const TEXT_STYLES: readonly ["normal", "reverse"];
-	export type EuiDescriptionListTextStyle = typeof TEXT_STYLES[number];
-	export const GUTTER_SIZES: readonly ["s", "m"];
-	export type EuiDescriptionListGutterSizes = typeof GUTTER_SIZES[number];
-
-}
-declare module '@elastic/eui/src/components/description_list/description_list_title.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiDescriptionListTitleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiDescriptionList__title: import("@emotion/utils").SerializedStyles;
-	    row: import("@emotion/utils").SerializedStyles;
-	    column: import("@emotion/utils").SerializedStyles;
-	    responsiveColumn: import("@emotion/utils").SerializedStyles;
-	    inline: import("@emotion/utils").SerializedStyles;
-	    fontStyles: {
-	        normal: import("@emotion/utils").SerializedStyles;
-	        reverse: import("@emotion/utils").SerializedStyles;
-	        compressed: import("@emotion/utils").SerializedStyles;
-	    };
-	    inlineStyles: {
-	        normal: import("@emotion/utils").SerializedStyles;
-	        compressed: import("@emotion/utils").SerializedStyles;
-	    };
-	    right: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/description_list/description_list_context' {
-	
-	import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types'; type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'type' | 'textStyle' | 'align' | 'gutterSize'>> & {
-	    compressed?: EuiDescriptionListProps['compressed'];
-	};
-	export const contextDefaults: EuiDescriptionListContextValues;
-	export const EuiDescriptionListContext: import("react").Context<EuiDescriptionListContextValues>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/description_list/description_list_title' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
-	}
-	export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
-
-}
-declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiDescriptionListDescriptionStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiDescriptionList__description: import("@emotion/utils").SerializedStyles;
-	    row: import("@emotion/utils").SerializedStyles;
-	    column: import("@emotion/utils").SerializedStyles;
-	    responsiveColumn: import("@emotion/utils").SerializedStyles;
-	    inline: import("@emotion/utils").SerializedStyles;
-	    fontStyles: {
-	        normal: import("@emotion/utils").SerializedStyles;
-	        reverse: import("@emotion/utils").SerializedStyles;
-	        compressed: import("@emotion/utils").SerializedStyles;
-	    };
-	    inlineStyles: {
-	        compressed: import("@emotion/utils").SerializedStyles;
-	        normal: import("@emotion/utils").SerializedStyles;
-	    };
-	    left: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/description_list/description_list_description' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
-	}
-	export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
-
-}
-declare module '@elastic/eui/src/components/description_list/description_list.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiDescriptionListStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiDescriptionList: import("@emotion/utils").SerializedStyles;
-	    row: import("@emotion/utils").SerializedStyles;
-	    inline: import("@emotion/utils").SerializedStyles;
-	    column: import("@emotion/utils").SerializedStyles;
-	    responsiveColumn: import("@emotion/utils").SerializedStyles;
-	    center: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/description_list/description_list' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
-	export const EuiDescriptionList: FunctionComponent<CommonProps & HTMLAttributes<HTMLDListElement> & EuiDescriptionListProps>;
-
-}
-declare module '@elastic/eui/src/components/description_list' {
-	export type { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
-	export { EuiDescriptionList } from '@elastic/eui/src/components/description_list/description_list';
-	export { EuiDescriptionListTitle } from '@elastic/eui/src/components/description_list/description_list_title';
-	export { EuiDescriptionListDescription } from '@elastic/eui/src/components/description_list/description_list_description';
-
 }
 declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
 	import { FunctionComponent, ReactElement, ReactNode } from 'react';
@@ -16751,6 +16818,7 @@ declare module '@elastic/eui/src/components/tree_view' {
 declare module '@elastic/eui/src/components/search_bar/search_box' {
 	import { Component } from 'react';
 	import { EuiFieldSearchProps } from '@elastic/eui/src/components/form';
+	import { EuiSearchBarProps } from '@elastic/eui/src/components/search_bar/search_bar';
 	export interface SchemaType {
 	    strict?: boolean;
 	    fields?: any;
@@ -16759,6 +16827,11 @@ declare module '@elastic/eui/src/components/search_bar/search_box' {
 	export interface EuiSearchBoxProps extends EuiFieldSearchProps {
 	    query: string;
 	    onSearch: (queryText: string) => void;
+	    hint?: {
+	        id: string;
+	        isVisible: boolean;
+	        setIsVisible: (isVisible: boolean) => void;
+	    } & EuiSearchBarProps['hint'];
 	} type DefaultProps = Pick<EuiSearchBoxProps, 'placeholder' | 'incremental'>;
 	export class EuiSearchBox extends Component<EuiSearchBoxProps> {
 	    static defaultProps: DefaultProps;
@@ -18085,12 +18158,13 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
 
 }
 declare module '@elastic/eui/src/components/search_bar/search_bar' {
-	import { Component, ReactElement } from 'react';
+	import React, { Component, ReactElement } from 'react';
 	import { SchemaType } from '@elastic/eui/src/components/search_bar/search_box';
 	import { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/search_filters';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiFieldSearchProps } from '@elastic/eui/src/components/form/field_search';
+	import { EuiInputPopoverProps } from '@elastic/eui/src/components/popover';
 	export { Query, AST as Ast } from '@elastic/eui/src/components/search_bar/query';
 	export type QueryType = Query | string; type Tools = ReactElement | ReactElement[];
 	interface ArgsWithQuery {
@@ -18103,7 +18177,7 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	    queryText: string;
 	    error: Error;
 	}
-	export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithError;
+	export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithError; type HintPopOverProps = Partial<Pick<EuiInputPopoverProps, 'isOpen' | 'closePopover' | 'fullWidth' | 'disableFocusTrap' | 'panelClassName' | 'panelPaddingSize' | 'panelStyle' | 'panelProps' | 'popoverScreenReaderText' | 'repositionOnScroll' | 'zIndex' | 'data-test-subj'>>;
 	export interface EuiSearchBarProps extends CommonProps {
 	    onChange?: (args: EuiSearchBarOnChangeArgs) => void | boolean;
 	    /**
@@ -18136,19 +18210,28 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	     * Date formatter to use when parsing date values
 	     */
 	    dateFormat?: object;
+	    /**
+	     * Hint to render below the search bar
+	     */
+	    hint?: {
+	        content: React.ReactNode;
+	        popoverProps?: HintPopOverProps;
+	    };
 	}
 	interface State {
 	    query: Query;
 	    queryText: string;
 	    error: null | Error;
-	} type StateWithOptionalQuery = Omit<State, 'query'> & {
+	    isHintVisible: boolean;
+	} type NotifyControllingParent = Pick<State, 'queryText' | 'error'> & {
 	    query: Query | null;
 	};
 	export class EuiSearchBar extends Component<EuiSearchBarProps, State> {
 	    static Query: typeof Query;
+	    hintId: string;
 	    constructor(props: EuiSearchBarProps);
 	    static getDerivedStateFromProps(nextProps: EuiSearchBarProps, prevState: State): State | null;
-	    notifyControllingParent(newState: StateWithOptionalQuery): void;
+	    notifyControllingParent(newState: NotifyControllingParent): void;
 	    onSearch: (queryText: string) => void;
 	    onFiltersChange: (query: Query) => void;
 	    renderTools(tools?: Tools): JSX.Element | JSX.Element[] | undefined;
@@ -25298,6 +25381,30 @@ declare module '@elastic/eui' {
 "euiDisplaySelector.lineCountLabel": any;
 "euiFullscreenSelector.fullscreenButton": any;
 "euiFullscreenSelector.fullscreenButtonActive": any;
+"euiKeyboardShortcuts.title": any;
+"euiKeyboardShortcuts.upArrowTitle": any;
+"euiKeyboardShortcuts.upArrowDescription": any;
+"euiKeyboardShortcuts.downArrowTitle": any;
+"euiKeyboardShortcuts.downArrowDescription": any;
+"euiKeyboardShortcuts.rightArrowTitle": any;
+"euiKeyboardShortcuts.rightArrowDescription": any;
+"euiKeyboardShortcuts.leftArrowTitle": any;
+"euiKeyboardShortcuts.leftArrowDescription": any;
+"euiKeyboardShortcuts.homeTitle": any;
+"euiKeyboardShortcuts.homeDescription": any;
+"euiKeyboardShortcuts.endTitle": any;
+"euiKeyboardShortcuts.endDescription": any;
+"euiKeyboardShortcuts.ctrl": any;
+"euiKeyboardShortcuts.ctrlHomeDescription": any;
+"euiKeyboardShortcuts.ctrlEndDescription": any;
+"euiKeyboardShortcuts.pageUpTitle": any;
+"euiKeyboardShortcuts.pageUpDescription": any;
+"euiKeyboardShortcuts.pageDownTitle": any;
+"euiKeyboardShortcuts.pageDownDescription": any;
+"euiKeyboardShortcuts.enterTitle": any;
+"euiKeyboardShortcuts.enterDescription": any;
+"euiKeyboardShortcuts.escapeTitle": any;
+"euiKeyboardShortcuts.escapeDescription": any;
 "euiDataGrid.ariaLabel": any;
 "euiDataGrid.ariaLabelledBy": any;
 "euiDataGrid.screenReaderNotice": any;