@elastic/eui 66.0.0 → 67.1.0

package/eui.d.ts

@@ -1886,7 +1886,7 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button'
 declare module '@elastic/eui/src/components/button/button_display/_button_display.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiButtonBaseCSS: () => string;
-	export const euiButtonDisplayStyles: (euiThemeContext: UseEuiTheme, minWidth: string) => {
+	export const euiButtonDisplayStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiButtonDisplay: import("@emotion/utils").SerializedStyles;
 	    isDisabled: import("@emotion/utils").SerializedStyles;
 	    fullWidth: import("@emotion/utils").SerializedStyles;
@@ -1904,6 +1904,8 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	    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;
 	};
 
 }
@@ -1911,7 +1913,10 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	import { HTMLAttributes, FunctionComponent, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	export type ButtonContentIconSide = 'left' | 'right' | undefined;
+	export const ICON_SIZES: readonly ["s", "m"];
+	export type ButtonContentIconSize = typeof ICON_SIZES[number];
+	export const ICON_SIDES: readonly ["left", "right"];
+	export type ButtonContentIconSide = typeof ICON_SIDES[number] | undefined;
 	export type EuiButtonDisplayContentType = HTMLAttributes<HTMLSpanElement>;
 	/**
 	 * *INTERNAL ONLY*
@@ -1934,7 +1939,7 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	        ref?: Ref<HTMLSpanElement>;
 	        'data-text'?: string;
 	    };
-	    iconSize?: 's' | 'm';
+	    iconSize?: ButtonContentIconSize;
 	    isDisabled?: boolean;
 	}
 	export const EuiButtonDisplayContent: FunctionComponent<EuiButtonDisplayContentType & EuiButtonDisplayContentProps>;
@@ -2050,7 +2055,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 +2221,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 +3479,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 {};
@@ -4645,10 +4650,17 @@ declare module '@elastic/eui/src/components/popover/input_popover' {
 
 }
 declare module '@elastic/eui/src/components/popover/popover_title.styles' {
-	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiPopoverTitleStyles: (euiThemeContext: UseEuiTheme, panelPadding: EuiPaddingSize) => {
+	export const euiPopoverTitleStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiPopoverTitle: import("@emotion/utils").SerializedStyles;
+	    panelPaddingSizes: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        xs: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
 	};
 
 }
@@ -5239,30 +5251,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 +5396,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 +5450,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';
@@ -6137,6 +6190,7 @@ declare module '@elastic/eui/src/services/color/manipulation' {
 
 }
 declare module '@elastic/eui/src/services/color/contrast' {
+	export const wcagContrastMin = 4.5;
 	/**
 	 * Creates a new color that meets or exceeds WCAG level AA
 	 * @param foreground - Color to manipulate
@@ -6381,6 +6435,21 @@ declare module '@elastic/eui/src/global_styling/functions/size' {
 	    base: number;
 	}) => string;
 
+}
+declare module '@elastic/eui/src/services/theme/provider' {
+	import React, { PropsWithChildren } from 'react';
+	import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types'; type LEVELS = 'log' | 'warn' | 'error';
+	export const setEuiDevProviderWarning: (level: LEVELS) => LEVELS;
+	export const getEuiDevProviderWarning: () => LEVELS | undefined;
+	export interface EuiThemeProviderProps<T> {
+	    theme?: EuiThemeSystem<T>;
+	    colorMode?: EuiThemeColorMode;
+	    modify?: EuiThemeModifications<T>;
+	    children: any;
+	}
+	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
+	export {};
+
 }
 declare module '@elastic/eui/src/services/theme/hooks' {
 	import React from 'react';
@@ -6391,7 +6460,7 @@ declare module '@elastic/eui/src/services/theme/hooks' {
 	    modifications: EuiThemeModifications<T>;
 	}
 	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
-	export interface WithEuiThemeProps<P = {}> {
+	export interface WithEuiThemeProps<P extends {} = {}> {
 	    theme: UseEuiTheme<P>;
 	}
 	export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
@@ -6494,27 +6563,16 @@ declare module '@elastic/eui/src/services/theme/context' {
 	export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
 	export const EuiModificationsContext: import("react").Context<import ("@elastic/eui").RecursivePartial<import ("@elastic/eui/src/services/theme/types").EuiThemeShape>>;
 	export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
+	export const defaultComputedTheme: EuiThemeComputed<import ("@elastic/eui/src/services/theme/types").EuiThemeShape>;
 	export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
 
-}
-declare module '@elastic/eui/src/services/theme/provider' {
-	import React, { PropsWithChildren } from 'react';
-	import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
-	export interface EuiThemeProviderProps<T> {
-	    theme?: EuiThemeSystem<T>;
-	    colorMode?: EuiThemeColorMode;
-	    modify?: EuiThemeModifications<T>;
-	    children: any;
-	}
-	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
-
 }
 declare module '@elastic/eui/src/services/theme' {
 	export { EuiSystemContext, EuiThemeContext, EuiModificationsContext, EuiColorModeContext, } from '@elastic/eui/src/services/theme/context';
 	export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
 	export { useEuiTheme, withEuiTheme } from '@elastic/eui/src/services/theme/hooks';
 	export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
-	export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
+	export { EuiThemeProvider, getEuiDevProviderWarning, setEuiDevProviderWarning, } from '@elastic/eui/src/services/theme/provider';
 	export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
 	export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
 	export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
@@ -7032,7 +7090,7 @@ declare module '@elastic/eui/src/services' {
 	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
 	export { useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, } from '@elastic/eui/src/services/breakpoint';
 	export type { HSV } from '@elastic/eui/src/services/color';
-	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor, } from '@elastic/eui/src/services/color';
+	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor, wcagContrastMin, } from '@elastic/eui/src/services/color';
 	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
 	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
 	export * from '@elastic/eui/src/services/console';
@@ -7242,12 +7300,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' {
@@ -7653,11 +7716,39 @@ declare module '@elastic/eui/src/components/avatar' {
 	export type { EuiAvatarProps } from '@elastic/eui/src/components/avatar/avatar';
 	export { EuiAvatar, checkValidColor } from '@elastic/eui/src/components/avatar/avatar';
 
+}
+declare module '@elastic/eui/src/components/badge/badge.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiBadgeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiBadge: import("@emotion/utils").SerializedStyles;
+	    clickable: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	    hollow: import("@emotion/utils").SerializedStyles;
+	    euiBadge__content: import("@emotion/utils").SerializedStyles;
+	    text: {
+	        euiBadge__text: import("@emotion/utils").SerializedStyles;
+	        clickable: import("@emotion/utils").SerializedStyles;
+	    };
+	    icon: {
+	        euiBadge__icon: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	    };
+	    iconButton: {
+	        euiBadge__iconButton: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	    };
+	    euiBadge__childButton: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/badge/badge' {
 	import { AriaAttributes, FunctionComponent, HTMLAttributes, MouseEventHandler } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsOf } from '@elastic/eui/src/components/common';
-	import { EuiIcon, IconColor, IconType } from '@elastic/eui/src/components/icon'; type IconSide = 'left' | 'right'; type WithButtonProps = {
+	import { EuiIcon, IconType } from '@elastic/eui/src/components/icon';
+	export const ICON_SIDES: readonly ["left", "right"]; type IconSide = typeof ICON_SIDES[number];
+	export const COLORS: readonly ["default", "hollow", "primary", "success", "accent", "warning", "danger"]; type BadgeColor = typeof COLORS[number]; type WithButtonProps = {
 	    /**
 	     * Will apply an onclick to the badge itself
 	     */
@@ -7693,7 +7784,7 @@ declare module '@elastic/eui/src/components/badge/badge' {
 	    /**
 	     * Accepts either our palette colors (primary, success ..etc) or a hex value `#FFFFFF`, `#000`.
 	     */
-	    color?: IconColor;
+	    color?: BadgeColor | string;
 	    /**
 	     * Will override any color passed through the `color` prop.
 	     */
@@ -7703,8 +7794,6 @@ declare module '@elastic/eui/src/components/badge/badge' {
 	     */
 	    closeButtonProps?: Partial<PropsOf<typeof EuiIcon>>;
 	} & CommonProps & ExclusiveUnion<WithIconOnClick, {}> & ExclusiveUnion<ExclusiveUnion<WithButtonProps, WithAnchorProps>, WithSpanProps>;
-	export const COLORS: string[];
-	export const ICON_SIDES: IconSide[];
 	export const EuiBadge: FunctionComponent<EuiBadgeProps>;
 	export {};
 
@@ -8163,7 +8252,7 @@ declare module '@elastic/eui/src/components/card/card.styles' {
 	 * 3. Horizontal layouts should always top left align no matter the textAlign prop
 	 * 4. Ensures the contents always stretch no matter the flex layout
 	 */
-	export const euiCardStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps['paddingSize'], color: EuiCardProps['display']) => {
+	export const euiCardStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps['paddingSize']) => {
 	    card: {
 	        euiCard: import("@emotion/utils").SerializedStyles;
 	        aligned: {
@@ -8195,7 +8284,10 @@ declare module '@elastic/eui/src/components/card/card.styles' {
 	        };
 	        disabled: import("@emotion/utils").SerializedStyles;
 	    };
-	    euiCard__image: import("@emotion/utils").SerializedStyles;
+	    image: {
+	        euiCard__image: import("@emotion/utils").SerializedStyles;
+	        transparent: import("@emotion/utils").SerializedStyles;
+	    };
 	    icon: {
 	        euiCard__icon: import("@emotion/utils").SerializedStyles;
 	        withImage: import("@emotion/utils").SerializedStyles;
@@ -8443,6 +8535,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 +8554,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
 	     */
@@ -11732,6 +11830,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';
@@ -11762,6 +11872,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';
@@ -12551,12 +12670,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;
@@ -12855,10 +12975,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;
@@ -12894,11 +13014,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;
@@ -13492,12 +13612,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`
 	     */
@@ -13968,7 +14088,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;
@@ -14945,14 +15065,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
 	     */
@@ -15141,8 +15262,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>;
 
@@ -15160,8 +15280,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>;
 
@@ -15177,8 +15296,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>;
 
@@ -15189,8 +15307,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>;
 
@@ -15400,7 +15517,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';
@@ -15427,8 +15544,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>;
 
 }
@@ -15452,8 +15573,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>;
 
@@ -15581,7 +15701,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>;
 
@@ -15788,10 +15910,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';
@@ -15804,7 +15922,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;
 
@@ -16114,6 +16232,8 @@ declare module '@elastic/eui/src/components/search_bar/query/ast' {
 	    getIsClauses(): IsClause[];
 	    getIsClause(flag: string): IsClause;
 	    removeIsClause(flag: string): _AST;
+	    removeIsClauses(): _AST;
+	    removeAllClauses(): _AST;
 	    getGroupClauses(): GroupClause[];
 	    /**
 	     * Creates and returns a new AST with the given clause added to the current clauses. If
@@ -16357,7 +16477,7 @@ declare module '@elastic/eui/src/components/search_bar/query/execute_ast' {
 
 }
 declare module '@elastic/eui/src/components/search_bar/query/ast_to_es_query_dsl' {
-	import { _AST, OperatorType, Value } from '@elastic/eui/src/components/search_bar/query/ast';
+	import { OperatorType, Value, _AST } from '@elastic/eui/src/components/search_bar/query/ast';
 	export interface QueryContainer {
 	    bool?: BoolQuery;
 	    match_all?: {};
@@ -16426,6 +16546,7 @@ declare module '@elastic/eui/src/components/search_bar/query/query' {
 	    text: string;
 	    private syntax;
 	    constructor(ast: _AST, syntax?: Syntax, text?: string);
+	    hasClauses(): boolean;
 	    hasSimpleFieldClause(field: string, value?: string): boolean;
 	    getSimpleFieldClause(field: string, value?: Value): import ("@elastic/eui/src/components/search_bar/query/ast").FieldClause | undefined;
 	    removeSimpleFieldClauses(field: string): Query;
@@ -16436,11 +16557,13 @@ declare module '@elastic/eui/src/components/search_bar/query/query' {
 	    addOrFieldValue(field: string, value: Value, must?: boolean, operator?: OperatorType): Query;
 	    removeOrFieldValue(field: string, value: Value): Query;
 	    removeOrFieldClauses(field: string): Query;
+	    removeAllClauses(): Query;
 	    hasIsClause(flag: string): boolean;
 	    getIsClause(flag: string): import ("@elastic/eui/src/components/search_bar/query/ast").IsClause;
 	    addMustIsClause(flag: string): Query;
 	    addMustNotIsClause(flag: string): Query;
 	    removeIsClause(flag: string): Query;
+	    removeIsClauses(): Query;
 	    /**
 	     * Executes this query over the given iterable item and returns
 	     * an new array of all items that matched this query. Options:
@@ -17217,6 +17340,30 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggl
 	    render(): JSX.Element[];
 	}
 
+}
+declare module '@elastic/eui/src/components/search_bar/filters/custom_component_filter' {
+	import React, { FC } from 'react';
+	import { Query } from '@elastic/eui/src/components/search_bar/query';
+	/**
+	 * The props that are passed down to the custom component
+	 */
+	export interface CustomComponentProps {
+	    query: Query;
+	    onChange?: (query: Query) => void;
+	}
+	export interface CustomComponentFilterConfigType<T extends CustomComponentProps = CustomComponentProps> {
+	    type: 'custom_component';
+	    component: React.ComponentType<T>;
+	    available?: () => boolean;
+	}
+	export interface CustomComponentFilterProps<T extends CustomComponentProps = CustomComponentProps> {
+	    index: number;
+	    config: CustomComponentFilterConfigType<T>;
+	    query: Query;
+	    onChange?: (query: Query) => void;
+	}
+	export const CustomComponentFilter: FC<CustomComponentFilterProps>;
+
 }
 declare module '@elastic/eui/src/components/search_bar/filters/filters' {
 	
@@ -17224,9 +17371,10 @@ declare module '@elastic/eui/src/components/search_bar/filters/filters' {
 	import { FieldValueSelectionFilterConfigType } from '@elastic/eui/src/components/search_bar/filters/field_value_selection_filter';
 	import { FieldValueToggleFilterConfigType } from '@elastic/eui/src/components/search_bar/filters/field_value_toggle_filter';
 	import { FieldValueToggleGroupFilterConfigType } from '@elastic/eui/src/components/search_bar/filters/field_value_toggle_group_filter';
+	import { CustomComponentFilterConfigType } from '@elastic/eui/src/components/search_bar/filters/custom_component_filter';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	export const createFilter: (index: number, config: SearchFilterConfig, query: Query, onChange: (query: Query) => void) => JSX.Element;
-	export type SearchFilterConfig = IsFilterConfigType | FieldValueSelectionFilterConfigType | FieldValueToggleFilterConfigType | FieldValueToggleGroupFilterConfigType;
+	export type SearchFilterConfig = IsFilterConfigType | FieldValueSelectionFilterConfigType | FieldValueToggleFilterConfigType | FieldValueToggleGroupFilterConfigType | CustomComponentFilterConfigType;
 
 }
 declare module '@elastic/eui/src/components/search_bar/filters' {
@@ -17460,7 +17608,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.
 	     */
@@ -17849,6 +17997,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;
@@ -19455,7 +19608,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.