@elastic/eui 65.0.1 → 67.0.0

package/eui.d.ts

@@ -2050,7 +2050,7 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	    /**
 	     * Object of props passed to the <span/> wrapping the button's content
 	     */
-	    contentProps?: EuiButtonDisplayContentType;
+	    contentProps?: CommonProps & EuiButtonDisplayContentType;
 	    style?: CSSProperties;
 	}
 	export type EuiButtonDisplayPropsForAnchor = PropsForAnchor<EuiButtonDisplayCommonProps, {
@@ -2216,7 +2216,7 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	    /**
 	     * Object of props passed to the <span/> wrapping the button's content
 	     */
-	    contentProps?: EuiButtonContentType;
+	    contentProps?: CommonProps & EuiButtonContentType;
 	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>; type EuiButtonEmptyPropsForButton = PropsForButton<CommonEuiButtonEmptyProps>;
 	export type EuiButtonEmptyProps = ExclusiveUnion<EuiButtonEmptyPropsForAnchor, EuiButtonEmptyPropsForButton>;
 	export const EuiButtonEmpty: FunctionComponent<EuiButtonEmptyProps>;
@@ -3474,7 +3474,7 @@ declare module '@elastic/eui/src/components/progress/progress' {
 	    /**
 	     * Object of props passed to the <span/> wrapping the determinate progress's label
 	     */
-	    labelProps?: HTMLAttributes<HTMLSpanElement>;
+	    labelProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	};
 	export const EuiProgress: FunctionComponent<ExclusiveUnion<Determinate, Indeterminate>>;
 	export {};
@@ -5239,30 +5239,69 @@ declare module '@elastic/eui/src/components/form/super_select/super_select_contr
 	}
 	export const EuiSuperSelectControl: <T extends string>(props: EuiSuperSelectControlProps<T>) => ReturnType<FunctionComponent<EuiSuperSelectControlProps<T>>>;
 
+}
+declare module '@elastic/eui/src/themes/amsterdam' {
+	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
+
+}
+declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiToolTipBackgroundColor: (euiTheme: UseEuiTheme['euiTheme'], colorMode: UseEuiTheme['colorMode']) => string;
+	export const euiToolTipBorderColor: (euiTheme: UseEuiTheme['euiTheme'], colorMode: UseEuiTheme['colorMode']) => string;
+	export const euiToolTipStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiToolTip: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    bottom: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    euiToolTip__arrow: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiToolTipPopoverStyles: ({ euiTheme, colorMode, }: UseEuiTheme) => {
+	    euiToolTip__title: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiToolTipAnchorStyles: () => {
+	    euiToolTipAnchor: import("@emotion/utils").SerializedStyles;
+	    block: import("@emotion/utils").SerializedStyles;
+	    inlineBlock: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
-	import { HTMLAttributes, Component, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left'; type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
 	    positionToolTip: () => void;
 	    children?: ReactNode;
 	    title?: ReactNode;
 	    popoverRef?: (ref: HTMLDivElement) => void;
+	    calculatedPosition?: ToolTipPositions;
 	};
-	export class EuiToolTipPopover extends Component<Props> {
-	    private popover;
-	    updateDimensions: () => void;
-	    setPopoverRef: (ref: HTMLDivElement) => void;
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    render(): JSX.Element;
-	}
+	export const EuiToolTipPopover: FunctionComponent<Props>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
+	import React, { HTMLAttributes, ReactElement } from 'react';
+	export interface EuiToolTipAnchorProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onBlur' | 'onFocus' | 'children'> {
+	    onBlur: () => void;
+	    onFocus: () => void;
+	    children: ReactElement;
+	    isVisible: boolean;
+	    display: 'block' | 'inlineBlock';
+	}
+	export const EuiToolTipAnchor: React.ForwardRefExoticComponent<EuiToolTipAnchorProps & React.RefAttributes<HTMLSpanElement>>;
+
+}
+declare module '@elastic/eui/src/components/tool_tip/tool_tip_arrow' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	export const EuiToolTipArrow: FunctionComponent<HTMLAttributes<HTMLDivElement>>;
+
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	import { Component, ReactElement, ReactNode, MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
+	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
 	export const POSITIONS: ToolTipPositions[];
 	export type ToolTipDelay = 'regular' | 'long';
 	interface ToolTipStyles {
@@ -5345,7 +5384,8 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	    componentWillUnmount(): void;
 	    componentDidUpdate(prevProps: EuiToolTipProps, prevState: State): void;
 	    testAnchor: () => void;
-	    setPopoverRef: (ref: HTMLElement) => void;
+	    setAnchorRef: (ref: HTMLElement) => HTMLElement;
+	    setPopoverRef: (ref: HTMLElement) => HTMLElement;
 	    showToolTip: () => void;
 	    positionToolTip: () => void;
 	    hideToolTip: () => void;
@@ -5398,7 +5438,8 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 
 }
 declare module '@elastic/eui/src/components/tool_tip' {
-	export type { ToolTipPositions, EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
+	export type { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
+	export type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export { EuiToolTip } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export type { EuiIconTipProps } from '@elastic/eui/src/components/tool_tip/icon_tip';
 	export { EuiIconTip } from '@elastic/eui/src/components/tool_tip/icon_tip';
@@ -7242,12 +7283,17 @@ declare module '@elastic/eui/src/global_styling/reset/global_styles' {
 	}
 	export const EuiGlobalStyles: ({}: EuiGlobalStylesProps) => JSX.Element;
 
+}
+declare module '@elastic/eui/src/global_styling/utility/animations' {
+	export const euiAnimFadeIn: import("@emotion/serialize").Keyframes;
+
 }
 declare module '@elastic/eui/src/global_styling' {
 	export * from '@elastic/eui/src/global_styling/reset/global_styles';
 	export * from '@elastic/eui/src/global_styling/functions';
 	export * from '@elastic/eui/src/global_styling/variables';
 	export * from '@elastic/eui/src/global_styling/mixins';
+	export * from '@elastic/eui/src/global_styling/utility/animations';
 
 }
 declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles' {
@@ -8443,6 +8489,16 @@ declare module '@elastic/eui/src/components/copy' {
 	export type { EuiCopyProps } from '@elastic/eui/src/components/copy/copy';
 	export { EuiCopy } from '@elastic/eui/src/components/copy/copy';
 
+}
+declare module '@elastic/eui/src/components/overlay_mask/overlay_mask.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiOverlayMaskStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiOverlayMask: import("@emotion/utils").SerializedStyles;
+	    aboveHeader: import("@emotion/utils").SerializedStyles;
+	    belowHeader: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiOverlayMaskBodyStyles: import("@emotion/utils").SerializedStyles;
+
 }
 declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	/**
@@ -8452,10 +8508,6 @@ declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	import { FunctionComponent, HTMLAttributes, MutableRefObject, ReactNode, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export interface EuiOverlayMaskInterface {
-	    /**
-	     * Function that applies to clicking the mask itself and not the children
-	     */
-	    onClick?: () => void;
 	    /**
 	     * ReactNode to render as this component's content
 	     */
@@ -9471,7 +9523,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	    areAllOptionsSelected: () => boolean;
 	    onComboBoxFocus: FocusEventHandler<HTMLInputElement>;
 	    setCustomOptions: (isContainerBlur: boolean) => void;
-	    onContainerBlur: EventListener;
+	    onContainerBlur: FocusEventHandler<HTMLDivElement>;
 	    onKeyDown: KeyboardEventHandler<HTMLDivElement>;
 	    onOptionEnterKey: OptionHandler<T>;
 	    onOptionClick: OptionHandler<T>;
@@ -9970,6 +10022,11 @@ declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	     * instances where the item content is rendered as a `button`
 	     */
 	    buttonRef?: React.Ref<HTMLButtonElement>;
+	    /**
+	     * Text to be displayed in the tooltip when `showToolTip` is true.
+	     * By default the text will be same as the label text.
+	     */
+	    toolTipText?: string;
 	};
 	export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
 	export {};
@@ -11727,6 +11784,18 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_count' {
 	    rowCount: EuiDataGridProps['rowCount'];
 	}) => EuiDataGridVisibleRows;
 
+}
+declare module '@elastic/eui/src/components/pagination/pagination_button.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPaginationButtonStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPaginationButton: import("@emotion/utils").SerializedStyles;
+	    isActive: import("@emotion/utils").SerializedStyles;
+	    isPlaceholder: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiPaginationButtonArrowStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiPaginationArrowButton: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/pagination/pagination_button' {
 	import { FunctionComponent } from 'react';
@@ -11757,6 +11826,15 @@ declare module '@elastic/eui/src/components/pagination/pagination_button_arrow'
 	};
 	export const EuiPaginationButtonArrow: FunctionComponent<Props>;
 
+}
+declare module '@elastic/eui/src/components/pagination/pagination.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPaginationStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPagination: import("@emotion/utils").SerializedStyles;
+	    euiPagination__compressedText: import("@emotion/utils").SerializedStyles;
+	    euiPagination__list: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/pagination/pagination' {
 	import { FunctionComponent, HTMLAttributes, MouseEvent } from 'react';
@@ -12268,7 +12346,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 
 }
 declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content' {
-	import { Component, HTMLAttributes, ReactNode } from 'react';
+	import { Component, HTMLAttributes, ReactNode, FocusEvent } from 'react';
 	import { EuiTabsSizes } from '@elastic/eui/src/components/tabs/tabs';
 	import { EuiTabProps } from '@elastic/eui/src/components/tabs/tab';
 	import { CommonProps } from '@elastic/eui/src/components/common';
@@ -12320,11 +12398,9 @@ declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content'
 	    private readonly rootId;
 	    private readonly tabsRef;
 	    constructor(props: EuiTabbedContentProps);
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
 	    focusTab: () => void;
 	    initializeFocus: () => void;
-	    removeFocus: (blurEvent: FocusEvent) => void;
+	    removeFocus: (blurEvent: FocusEvent<HTMLDivElement>) => void;
 	    onTabClick: (selectedTab: EuiTabbedContentTab) => void;
 	    render(): JSX.Element;
 	}
@@ -12548,12 +12624,13 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_button' {
 	import { FunctionComponent, ButtonHTMLAttributes, MouseEventHandler } from 'react';
 	import { LocaleSpecifier } from 'moment';
+	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiPopoverProps } from '@elastic/eui/src/components/popover';
 	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
 	import { EuiDatePopoverContentProps } from '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content';
 	export interface EuiDatePopoverButtonProps {
 	    className?: string;
-	    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
+	    buttonProps?: CommonProps & ButtonHTMLAttributes<HTMLButtonElement>;
 	    dateFormat: string;
 	    isDisabled?: boolean;
 	    isInvalid?: boolean;
@@ -12852,10 +12929,10 @@ declare module '@elastic/eui/src/components/responsive' {
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_update_button' {
-	import { Component, MouseEventHandler, Ref } from 'react';
+	import { Component, MouseEventHandler, ElementRef } from 'react';
 	import { EuiButtonProps } from '@elastic/eui/src/components/button';
 	import { EuiToolTip, EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
-	import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint'; type EuiSuperUpdateButtonInternalProps = {
+	import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint'; type ToolTipRef = ElementRef<typeof EuiToolTip> | null; type EuiSuperUpdateButtonInternalProps = {
 	    isDisabled?: boolean;
 	    isLoading?: boolean;
 	    needsUpdate?: boolean;
@@ -12891,11 +12968,11 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	    };
 	    _isMounted: boolean;
 	    tooltipTimeout: number | undefined;
-	    tooltip: EuiToolTip | null;
+	    tooltip: ToolTipRef;
 	    componentWillUnmount(): void;
 	    componentDidMount(): void;
 	    componentDidUpdate(): void;
-	    setTootipRef: Ref<EuiToolTip>;
+	    setTootipRef: (node: ToolTipRef) => void;
 	    showTooltip: () => void;
 	    hideTooltip: () => void;
 	    render(): JSX.Element;
@@ -13226,6 +13303,10 @@ declare module '@elastic/eui/src/components/description_list/description_list_ty
 	     * 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];
@@ -13233,6 +13314,8 @@ declare module '@elastic/eui/src/components/description_list/description_list_ty
 	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' {
@@ -13253,12 +13336,14 @@ declare module '@elastic/eui/src/components/description_list/description_list_ti
 	        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'>> & {
+	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;
@@ -13292,6 +13377,8 @@ declare module '@elastic/eui/src/components/description_list/description_list_de
 	        normal: import("@emotion/utils").SerializedStyles;
 	    };
 	    left: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -13479,12 +13566,12 @@ declare module '@elastic/eui/src/components/expression/expression' {
 	     * First part of the expression
 	     */
 	    description: ReactNode;
-	    descriptionProps?: HTMLAttributes<HTMLSpanElement>;
+	    descriptionProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	    /**
 	     * Second part of the expression
 	     */
 	    value?: ReactNode;
-	    valueProps?: HTMLAttributes<HTMLSpanElement>;
+	    valueProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	    /**
 	     * Color of the `description`
 	     */
@@ -13955,7 +14042,7 @@ declare module '@elastic/eui/src/components/image/image_types' {
 	    /**
 	     * Props to add to the wrapping figure element
 	     */
-	    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+	    wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
 	};
 	export type EuiImageWrapperProps = Pick<EuiImageProps, 'alt' | 'caption' | 'float' | 'margin' | 'hasShadow' | 'wrapperProps' | 'fullScreenIconColor' | 'allowFullScreen'> & {
 	    isFullWidth: boolean;
@@ -14932,14 +15019,15 @@ declare module '@elastic/eui/src/components/notification/notification_event_read
 
 }
 declare module '@elastic/eui/src/components/notification/notification_event' {
-	import { FunctionComponent, ReactElement } from 'react';
+	import { FunctionComponent, ReactElement, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiNotificationEventMetaProps } from '@elastic/eui/src/components/notification/notification_event_meta';
 	import { EuiNotificationEventMessagesProps } from '@elastic/eui/src/components/notification/notification_event_messages';
 	import { EuiNotificationEventReadButtonProps } from '@elastic/eui/src/components/notification/notification_event_read_button';
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button';
 	import { EuiContextMenuItem, EuiContextMenuItemProps } from '@elastic/eui/src/components/context_menu';
 	export type EuiNotificationHeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-	export type EuiNotificationEventProps = Omit<EuiNotificationEventMetaProps, 'onOpenContextMenu' | 'onRead' | 'eventName' | 'id'> & Omit<EuiNotificationEventReadButtonProps, 'onClick' | 'color' | 'eventName' | 'isRead' | 'id'> & {
+	export type EuiNotificationEventProps = Omit<EuiNotificationEventMetaProps, 'onOpenContextMenu' | 'onRead' | 'eventName' | 'id'> & Omit<EuiNotificationEventReadButtonProps, 'onClick' | 'color' | 'eventName' | 'isRead' | 'id'> & CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
 	    /**
 	     * A unique identifier
 	     */
@@ -15128,8 +15216,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content' {
 	    role?: HTMLAttributes['role'] | null;
 	};
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageSection instead
+	 * @deprecated Use EuiPageSection instead
 	 */
 	export const EuiPageContent_Deprecated: FunctionComponent<EuiPageContentProps>;
 
@@ -15147,8 +15234,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_body'
 	    paddingSize?: typeof PADDING_SIZES[number];
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageSection instead
+	 * @deprecated Use EuiPageSection instead
 	 */
 	export const EuiPageContentBody_Deprecated: FunctionComponent<EuiPageContentBodyProps>;
 
@@ -15164,8 +15250,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_heade
 	    responsive?: boolean;
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageHeader instead
+	 * @deprecated Use EuiPageHeader instead
 	 */
 	export const EuiPageContentHeader_Deprecated: FunctionComponent<EuiPageContentHeaderProps>;
 
@@ -15176,8 +15261,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_heade
 	export interface EuiPageContentHeaderSectionProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use EuiPageHeader instead
+	 * @deprecated Use EuiPageHeader instead
 	 */
 	export const EuiPageContentHeaderSection_Deprecated: FunctionComponent<EuiPageContentHeaderSectionProps>;
 
@@ -15387,7 +15471,7 @@ declare module '@elastic/eui/src/components/page/page_section/page_section.style
 
 }
 declare module '@elastic/eui/src/components/page/page_section/page_section' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, ComponentType, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
 	import { _EuiPageBottomBorder } from '@elastic/eui/src/components/page/_bottom_border';
@@ -15414,8 +15498,12 @@ declare module '@elastic/eui/src/components/page/page_section/page_section' {
 	    /**
 	     * Passed down to the div wrapper of the section contents
 	     */
-	    contentProps?: HTMLAttributes<HTMLDivElement>;
-	} & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+	    contentProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
+	    /**
+	     * Sets which HTML element to render.
+	     */
+	    component?: keyof JSX.IntrinsicElements | ComponentType;
+	} & Omit<HTMLAttributes<Element>, 'color'>;
 	export const EuiPageSection: FunctionComponent<EuiPageSectionProps>;
 
 }
@@ -15439,8 +15527,7 @@ declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
 	    paddingSize?: typeof PADDING_SIZES[number];
 	}
 	/**
-	 * **DEPRECATED**
-	 * Use the new EuiPageSidebar instead
+	 * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
 	 */
 	export const EuiPageSideBar_Deprecated: FunctionComponent<EuiPageSideBarProps>;
 
@@ -15568,7 +15655,9 @@ declare module '@elastic/eui/src/components/page/page_template' {
 	/**
 	 * This component has been deprecated in favor of the new
 	 * namespaced version. You can still import this component
-	 * for a period of time by importing `as EuiPageTemplate`.
+	 * until August 2023 by importing `as EuiPageTemplate`.
+	 *
+	 * @deprecated use EuiPageTemplate from page_template/page_template instead
 	 */
 	export const EuiPageTemplate_Deprecated: FunctionComponent<EuiPageTemplateProps_Deprecated>;
 
@@ -15775,10 +15864,6 @@ declare module '@elastic/eui/src/themes/themes' {
 	export const EUI_THEMES: EUI_THEME[];
 	export const isDefaultTheme: (name: string) => boolean;
 
-}
-declare module '@elastic/eui/src/themes/amsterdam' {
-	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
-
 }
 declare module '@elastic/eui/src/themes' {
 	export type { EUI_THEME } from '@elastic/eui/src/themes/themes';
@@ -15791,7 +15876,7 @@ declare module '@elastic/eui/src/components/provider/cache/cache_provider' {
 	import { PropsWithChildren } from 'react';
 	import { EmotionCache } from '@emotion/cache';
 	export interface EuiCacheProviderProps {
-	    cache?: EmotionCache;
+	    cache?: false | EmotionCache;
 	}
 	export const EuiCacheProvider: ({ cache, children, }: PropsWithChildren<EuiCacheProviderProps>) => JSX.Element;
 
@@ -17447,7 +17532,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
 	    /**
 	     * Adds a couple extra #EuiSideNavHeading props and extends the props of EuiTitle that wraps the `heading`
 	     */
-	    headingProps?: EuiSideNavHeadingProps;
+	    headingProps?: CommonProps & EuiSideNavHeadingProps;
 	    /**
 	     * When called, toggles visibility of the navigation menu at mobile responsive widths. The callback should set the `isOpenOnMobile` prop to actually toggle navigation visibility.
 	     */
@@ -17836,6 +17921,11 @@ declare module '@elastic/eui/src/components/suggest/suggest' {
 	     * Default is `60vh`
 	     */
 	    maxHeight?: CSSProperties['maxHeight'];
+	    /**
+	     * Control whether or not options get filtered internally or if consumer will filter.
+	     * Default `false`
+	     */
+	    isPreFiltered?: boolean;
 	};
 	export type EuiSuggestProps = _EuiSuggestProps & ExclusiveUnion<{
 	    'aria-label': string;
@@ -18076,9 +18166,8 @@ declare module '@elastic/eui/src/components/table/table_row_cell' {
 	     */
 	    showOnHover?: boolean;
 	    /**
-	     * Setting `textOnly` to `false` will break words unnecessarily on FF and
-	     * IE.  To combat this problem on FF, wrap contents with the css utility
-	     * `.eui-textBreakWord`.
+	     * Creates a text wrapper around cell content that helps word break or truncate
+	     * long text correctly.
 	     */
 	    textOnly?: boolean;
 	    /**
@@ -18512,6 +18601,10 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	     */
 	    sortable?: boolean | ((item: T) => Primitive);
 	    isExpander?: boolean;
+	    /**
+	     * Creates a text wrapper around cell content that helps word break or truncate
+	     * long text correctly.
+	     */
 	    textOnly?: boolean;
 	    /**
 	     * Defines the horizontal alignment of the column
@@ -18818,7 +18911,10 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     */
 	    tableLayout?: 'fixed' | 'auto';
 	    /**
-	     * Applied to table cells => Any cell using render function will set this to be false, leading to unnecessary word breaks. Apply textOnly: true in order to ensure it breaks properly
+	     * Applied to table cells. Any cell using a render function will set this to be false.
+	     *
+	     * Creates a text wrapper around cell content that helps word break or truncate
+	     * long text correctly.
 	     */
 	    textOnly?: boolean;
 	} type BasicTableWithPaginationProps<T> = Omit<BasicTableProps<T>, 'pagination' | 'onChange'> & {
@@ -19436,7 +19532,7 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_panel'
 	    /**
 	     * Props to add to the wrapping `.euiResizablePanel` div
 	     */
-	    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+	    wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
 	    /**
 	     * Padding to add directly to the wrapping `.euiResizablePanel` div
 	     * Gives space around the actual panel.