@elastic/eui 69.0.0 → 70.1.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
@@ -4768,8 +4776,8 @@ declare module '@elastic/eui/src/components/observer/resize_observer' {
 declare module '@elastic/eui/src/components/form/form.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiFormVariables: (euiThemeContext: UseEuiTheme) => {
-	    controlLayoutGroupInputHeight: string | undefined;
-	    controlLayoutGroupInputCompressedHeight: string | undefined;
+	    controlLayoutGroupInputHeight: string;
+	    controlLayoutGroupInputCompressedHeight: string;
 	    controlLayoutGroupInputCompressedBorderRadius: import("csstype").Property.BorderRadius<string | number> | undefined;
 	    controlIconSize: {
 	        s: string;
@@ -4790,7 +4798,7 @@ declare module '@elastic/eui/src/components/form/form.styles' {
 	    controlPlaceholderText: string;
 	    inputGroupLabelBackground: string;
 	    inputGroupBorder: string;
-	    maxWidth: string | undefined;
+	    maxWidth: string;
 	    controlHeight: string;
 	    controlCompressedHeight: string;
 	    controlPadding: string;
@@ -5485,8 +5493,12 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
 	    left: import("@emotion/utils").SerializedStyles;
 	    right: import("@emotion/utils").SerializedStyles;
 	    euiToolTip__arrow: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiToolTipPopoverStyles: ({ euiTheme, colorMode, }: UseEuiTheme) => {
+	    arrowPositions: {
+	        top: import("@emotion/utils").SerializedStyles;
+	        bottom: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	    };
 	    euiToolTip__title: import("@emotion/utils").SerializedStyles;
 	};
 	export const euiToolTipAnchorStyles: () => {
@@ -5524,7 +5536,10 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_arrow' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
-	export const EuiToolTipArrow: FunctionComponent<HTMLAttributes<HTMLDivElement>>;
+	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
+	export const EuiToolTipArrow: FunctionComponent<{
+	    position: ToolTipPositions;
+	} & HTMLAttributes<HTMLDivElement>>;
 
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
@@ -6652,15 +6667,9 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 
 }
 declare module '@elastic/eui/src/global_styling/functions/math' {
-	/**
-	 * Utility for performing math callbacks on a string with CSS units
-	 * and returning a string with its unit preserved.
-	 *
-	 * Example usage:
-	 * mathWithUnits('4px', (x) => x / 2) = '2px';
-	 * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';
-	 */
-	export const mathWithUnits: (value: string | number | undefined, callback: (x: number) => number, unit?: string) => string | undefined;
+	 type ValueTypes = string | number | undefined;
+	export const mathWithUnits: (values: ValueTypes | ValueTypes[], callback: (...args: number[]) => number, unit?: string) => string;
+	export {};
 
 }
 declare module '@elastic/eui/src/global_styling/functions/size' {
@@ -7448,6 +7457,14 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
 	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
 	export type EuiPaddingSize = typeof PADDING_SIZES[number];
 	export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
+	export const euiPaddingSizeCSS: (euiThemeContext: UseEuiTheme, side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => {
+	    none: null;
+	    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;
+	};
 	export const useEuiPaddingSize: (size: EuiPaddingSize) => string | null;
 	export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => {
 	    none: null;
@@ -8730,11 +8747,27 @@ declare module '@elastic/eui/src/components/card' {
 	export type { EuiCheckableCardProps } from '@elastic/eui/src/components/card/checkable_card';
 	export { EuiCheckableCard } from '@elastic/eui/src/components/card/checkable_card';
 
+}
+declare module '@elastic/eui/src/components/code/code_block_line.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeBlockLineStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__line: string;
+	    hasLineNumbers: string;
+	    lineText: {
+	        euiCodeBlock__lineText: string;
+	        isHighlighted: string;
+	    };
+	    lineNumber: {
+	        euiCodeBlock__lineNumber: string;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/code/utils' {
 	import { ReactElement, ReactNode, HTMLAttributes } from 'react';
 	import { AST, RefractorNode } from 'refractor';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
 	/**
 	 * Utils shared between EuiCode and EuiCodeBlock
 	 */
@@ -8758,9 +8791,47 @@ declare module '@elastic/eui/src/components/code/utils' {
 	    highlight?: string;
 	}
 	export const parseLineRanges: (ranges: string) => number[];
-	export const highlightByLine: (children: string, language: string, data: LineNumbersConfig) => RefractorNode[];
+	export const highlightByLine: (children: string, language: string, data: LineNumbersConfig, euiTheme: UseEuiTheme) => RefractorNode[];
 	export {};
 
+}
+declare module '@elastic/eui/src/components/code/code_syntax.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeSyntaxColors: (euiThemeContext: UseEuiTheme) => {
+	    backgroundColor: string;
+	    color: string;
+	    inlineCodeColor: string;
+	    selectedBackgroundColor: string;
+	    commentColor: string;
+	    selectorTagColor: string;
+	    stringColor: string;
+	    tagColor: string;
+	    nameColor: string;
+	    numberColor: string;
+	    keywordColor: string;
+	    functionTitleColor: string;
+	    typeColor: string;
+	    attributeColor: string;
+	    symbolColor: string;
+	    paramsColor: string;
+	    metaColor: string;
+	    titleColor: string;
+	    sectionColor: string;
+	    additionColor: string;
+	    deletionColor: string;
+	    selectorClassColor: string;
+	    selectorIdColor: string;
+	};
+	export const euiCodeSyntaxTokens: (euiThemeContext: UseEuiTheme) => string;
+
+}
+declare module '@elastic/eui/src/components/code/code.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCode: import("@emotion/utils").SerializedStyles;
+	    transparentBackground: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/code/code' {
 	import { FunctionComponent } from 'react';
@@ -8768,6 +8839,24 @@ declare module '@elastic/eui/src/components/code/code' {
 	export type EuiCodeProps = EuiCodeSharedProps;
 	export const EuiCode: FunctionComponent<EuiCodeProps>;
 
+}
+declare module '@elastic/eui/src/components/code/code_block_overflow' {
+	import { CSSProperties } from 'react';
+	/**
+	 * Overflow logic - returns overflow-related state/logic/utils
+	 *
+	 * Detects whether the code block overflows and returns a tabIndex of 0 if so,
+	 * which allows keyboard users to use the up/down arrow keys to scroll through
+	 * the container.
+	 */
+	export const useOverflow: ({ overflowHeight, }: {
+	    overflowHeight?: string | number | undefined;
+	}) => {
+	    setWrapperRef: import("react").Dispatch<import("react").SetStateAction<Element | null>>;
+	    tabIndex: 0 | -1;
+	    overflowHeightStyles: CSSProperties;
+	};
+
 }
 declare module '@elastic/eui/src/components/copy/copy' {
 	import { Component, ReactElement, ReactNode } from 'react';
@@ -8812,14 +8901,32 @@ 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/code/code_block_copy' {
+	import { ReactNode } from 'react';
+	/**
+	 * Hook that returns copy-related state/logic/utils
+	 */
+	export const useCopy: ({ isCopyable, isVirtualized, children, }: {
+	    isCopyable: boolean;
+	    isVirtualized: boolean;
+	    children: ReactNode;
+	}) => {
+	    innerTextRef: (node: HTMLElement | Element | null | undefined) => void;
+	    copyButton: JSX.Element | null;
+	};
+
 }
 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;
+	    euiOverlayMask: string;
+	    aboveHeader: string;
+	    belowHeader: string;
 	};
+
+}
+declare module '@elastic/eui/src/components/overlay_mask/overlay_mask_body.styles' {
 	export const euiOverlayMaskBodyStyles: import("@emotion/utils").SerializedStyles;
 
 }
@@ -8844,7 +8951,7 @@ declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	     */
 	    maskRef?: Ref<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
 	}
-	export type EuiOverlayMaskProps = CommonProps & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
+	export type EuiOverlayMaskProps = Omit<CommonProps, 'css'> & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
 	export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps>;
 
 }
@@ -8852,13 +8959,129 @@ declare module '@elastic/eui/src/components/overlay_mask' {
 	export type { EuiOverlayMaskProps } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
 	export { EuiOverlayMask } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
 
+}
+declare module '@elastic/eui/src/components/code/code_block.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    transparentBackground: import("@emotion/utils").SerializedStyles;
+	    isFullScreen: import("@emotion/utils").SerializedStyles;
+	    hasControls: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	    hasBothControls: {
+	        none: 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 const euiCodeBlockPreStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__pre: import("@emotion/utils").SerializedStyles;
+	    padding: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	    whiteSpace: {
+	        pre: {
+	            pre: import("@emotion/utils").SerializedStyles;
+	            controlsOffset: {
+	                none: import("@emotion/utils").SerializedStyles;
+	                s: import("@emotion/utils").SerializedStyles;
+	                m: import("@emotion/utils").SerializedStyles;
+	                l: import("@emotion/utils").SerializedStyles;
+	                xl: import("@emotion/utils").SerializedStyles;
+	            };
+	        };
+	        preWrap: {
+	            preWrap: import("@emotion/utils").SerializedStyles;
+	            controlsOffset: {
+	                none: 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 const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__code: import("@emotion/utils").SerializedStyles;
+	    isVirtualized: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/code/code_block_full_screen' {
+	import { FunctionComponent, KeyboardEvent } from 'react';
+	/**
+	 * Hook that returns fullscreen-related state/logic/utils
+	 */
+	export const useFullScreen: ({ overflowHeight, }: {
+	    overflowHeight?: string | number | undefined;
+	}) => {
+	    fullScreenButton: JSX.Element | null;
+	    isFullScreen: boolean;
+	    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+	};
+	/**
+	 * Portalled full screen wrapper
+	 */
+	export const EuiCodeBlockFullScreenWrapper: FunctionComponent;
+
+}
+declare module '@elastic/eui/src/components/code/code_block_controls.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCodeBlock__controls: import("@emotion/utils").SerializedStyles;
+	    offset: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/components/code/code_block_controls' {
+	import { FC, ReactNode } from 'react';
+	import type { EuiCodeBlockPaddingSize } from '@elastic/eui/src/components/code/code_block';
+	export const EuiCodeBlockControls: FC<{
+	    controls: ReactNode[];
+	    paddingSize: EuiCodeBlockPaddingSize;
+	}>;
+
+}
+declare module '@elastic/eui/src/components/code/code_block_virtualized' {
+	import { HTMLAttributes } from 'react';
+	import { RefractorNode } from 'refractor';
+	export const EuiCodeBlockVirtualized: ({ data, rowHeight, overflowHeight, preProps, codeProps, }: {
+	    data: RefractorNode[];
+	    rowHeight: number;
+	    overflowHeight?: string | number | undefined;
+	    preProps: HTMLAttributes<HTMLPreElement>;
+	    codeProps: HTMLAttributes<HTMLElement>;
+	}) => JSX.Element;
+
 }
 declare module '@elastic/eui/src/components/code/code_block' {
 	import { FunctionComponent } from 'react';
 	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { EuiCodeSharedProps } from '@elastic/eui/src/components/code/utils'; type PaddingSize = 'none' | 's' | 'm' | 'l'; type FontSize = 's' | 'm' | 'l';
-	export const FONT_SIZES: ("s" | "m" | "l")[];
-	export const PADDING_SIZES: PaddingSize[]; type VirtualizedOptionProps = ExclusiveUnion<{
+	import { EuiCodeSharedProps } from '@elastic/eui/src/components/code/utils';
+	export const FONT_SIZES: readonly ["s", "m", "l"];
+	export type EuiCodeBlockFontSize = typeof FONT_SIZES[number];
+	export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
+	export type EuiCodeBlockPaddingSize = typeof PADDING_SIZES[number]; type VirtualizedOptionProps = ExclusiveUnion<{
 	    isVirtualized: true;
 	    overflowHeight: number | string;
 	    whiteSpace?: 'pre';
@@ -8872,8 +9095,8 @@ declare module '@elastic/eui/src/components/code/code_block' {
 	    highlight?: string;
 	}
 	export type EuiCodeBlockProps = EuiCodeSharedProps & {
-	    paddingSize?: PaddingSize;
-	    fontSize?: FontSize;
+	    paddingSize?: EuiCodeBlockPaddingSize;
+	    fontSize?: EuiCodeBlockFontSize;
 	    /**
 	     * Specify how `white-space` inside the element is handled.
 	     * `pre` respects line breaks/white space but doesn't force them to wrap the line
@@ -12778,43 +13001,46 @@ 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;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	    expanded: import("@emotion/utils").SerializedStyles;
+	    selected: import("@emotion/utils").SerializedStyles;
+	    disabled: 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 EuiTabSizes = typeof SIZES[number];
 	export type EuiTabsProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
 	     * ReactNode to render as this component's content
@@ -12833,7 +13059,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 	     * Sizes affect both font size and overall size.
 	     * Only use the `xl` size when displayed as page titles.
 	     */
-	    size?: EuiTabsSizes;
+	    size?: EuiTabSizes;
 	};
 	export type EuiTabRef = HTMLDivElement;
 	export const EuiTabs: React.ForwardRefExoticComponent<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
@@ -12858,12 +13084,48 @@ 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, EuiTabSizes } 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?: EuiTabSizes;
+	} 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 {};
 
 }
 declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content' {
 	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';
 	/**
@@ -12900,7 +13162,7 @@ declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content'
 	     * Use this prop if you want to control selection state within the owner component
 	     */
 	    selectedTab?: EuiTabbedContentTab;
-	    size?: EuiTabsSizes;
+	    size?: 's' | 'm' | 'l' | 'xl';
 	    /**
 	     * Each tab needs id and content properties, so we can associate it with its panel for accessibility.
 	     * The name property (a node) is also required to display to the user.
@@ -16390,7 +16652,7 @@ declare module '@elastic/eui/src/themes' {
 }
 declare module '@elastic/eui/src/components/provider/cache/cache_provider' {
 	import { PropsWithChildren } from 'react';
-	import { EmotionCache } from '@emotion/cache';
+	import { EmotionCache } from '@emotion/css';
 	export interface EuiCacheProviderProps {
 	    cache?: false | EmotionCache;
 	}
@@ -16403,7 +16665,7 @@ declare module '@elastic/eui/src/components/provider/cache' {
 }
 declare module '@elastic/eui/src/components/provider/provider' {
 	import React, { PropsWithChildren } from 'react';
-	import { EmotionCache } from '@emotion/react';
+	import { EmotionCache } from '@emotion/css';
 	import { EuiGlobalStylesProps } from '@elastic/eui/src/global_styling/reset/global_styles';
 	import { EuiThemeProviderProps, EuiThemeSystem } from '@elastic/eui/src/services';
 	export interface EuiProviderProps<T> extends Omit<EuiThemeProviderProps<T>, 'children' | 'theme'>, EuiGlobalStylesProps {
@@ -16536,6 +16798,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;
@@ -16544,6 +16807,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;
@@ -16690,7 +16958,7 @@ declare module '@elastic/eui/src/components/search_bar/query/ast' {
 	    getFieldClauses(field?: string): FieldClause[];
 	    getFieldClause(field: string, predicate: (c: FieldClause) => boolean): FieldClause | undefined;
 	    hasOrFieldClause(field: string, value?: Value): boolean;
-	    getOrFieldClause(field: string, value?: Value): FieldClause | undefined;
+	    getOrFieldClause(field: string, value?: Value, must?: boolean, operator?: OperatorType): FieldClause | undefined;
 	    addOrFieldValue(field: string, value: Value, must?: boolean, operator?: OperatorType): _AST;
 	    removeOrFieldValue(field: string, value: Value): _AST;
 	    removeOrFieldClauses(field: string): _AST;
@@ -17870,12 +18138,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 {
@@ -17888,7 +18157,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;
 	    /**
@@ -17921,19 +18190,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;
@@ -18832,6 +19110,7 @@ declare module '@elastic/eui/src/components/tour/tour.styles' {
 	};
 	export const euiTourBeaconStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiTourBeacon: import("@emotion/utils").SerializedStyles;
+	    isOpen: import("@emotion/utils").SerializedStyles;
 	    right: import("@emotion/utils").SerializedStyles;
 	    left: import("@emotion/utils").SerializedStyles;
 	    top: import("@emotion/utils").SerializedStyles;
@@ -19570,6 +19849,11 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	        defaultFields?: string[];
 	        isClauseMatcher?: (...args: any) => boolean;
 	        explain?: boolean;
+	        /**
+	         * When the search bar Query is controlled and passed to the `search` prop it is by default executed against the items passed to the table to filter them out.
+	         * If the filtering is already done before passing the `items` to the table we can disable the execution by setting `enabled` to `false`.
+	         */
+	        enabled?: boolean;
 	    };
 	    /**
 	     * Insert content between the search bar and table components.
@@ -20008,6 +20292,35 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_collap
 	};
 	export const EuiResizableCollapseButton: FunctionComponent<EuiResizableCollapseButtonProps>;
 
+}
+declare module '@elastic/eui/src/components/resizable_container/resizable_panel.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiResizablePanelStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizablePanel: import("@emotion/utils").SerializedStyles;
+	    collapsed: import("@emotion/utils").SerializedStyles;
+	    paddingSizes: {
+	        none: null;
+	        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;
+	    };
+	};
+	export const euiResizablePanelContentStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizablePanel__content: import("@emotion/utils").SerializedStyles;
+	    scrollable: import("@emotion/utils").SerializedStyles;
+	    collapsedChildren: import("@emotion/utils").SerializedStyles;
+	    horizontal: {
+	        collapsed: import("@emotion/utils").SerializedStyles;
+	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
+	    };
+	    vertical: {
+	        collapsed: import("@emotion/utils").SerializedStyles;
+	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/resizable_container/resizable_panel' {
 	import { CSSProperties, ReactNode, FunctionComponent, HTMLAttributes } from 'react';
@@ -20111,21 +20424,26 @@ declare module '@elastic/eui/src/components/resizable_container/helpers' {
 	export const useContainerCallbacks: ({ initialState, containerRef, onPanelWidthChange, }: Params) => [EuiResizableContainerActions, EuiResizableContainerState];
 	export {};
 
+}
+declare module '@elastic/eui/src/components/resizable_container/resizable_container.styles' {
+	export const euiResizableContainerStyles: () => {
+	    euiResizableContainer: import("@emotion/utils").SerializedStyles;
+	    horizontal: import("@emotion/utils").SerializedStyles;
+	    vertical: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/resizable_container/resizable_container' {
 	import { ReactNode, CSSProperties, FunctionComponent, HTMLAttributes, ComponentType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiResizableButtonProps } from '@elastic/eui/src/components/resizable_container/resizable_button';
 	import { EuiResizablePanelProps, ToggleCollapseCallback } from '@elastic/eui/src/components/resizable_container/resizable_panel';
-	import { EuiResizableContainerActions, ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types'; const containerDirections: {
-	    vertical: string;
-	    horizontal: string;
-	};
+	import { EuiResizableContainerActions, ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types';
 	export interface EuiResizableContainerProps extends HTMLAttributes<HTMLDivElement>, CommonProps {
 	    /**
 	     * Specify the container direction
 	     */
-	    direction?: keyof typeof containerDirections;
+	    direction?: 'vertical' | 'horizontal';
 	    /**
 	     * Pure function which accepts Panel and Resizer components in arguments
 	     * and returns a component tree
@@ -20150,7 +20468,6 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_contai
 	    style?: CSSProperties;
 	}
 	export const EuiResizableContainer: FunctionComponent<EuiResizableContainerProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/resizable_container' {
@@ -24965,9 +25282,9 @@ declare module '@elastic/eui' {
 "euiCardSelect.selected": any;
 "euiCardSelect.unavailable": any;
 "euiCardSelect.select": any;
-"euiCodeBlock.copyButton": any;
-"euiCodeBlock.fullscreenCollapse": any;
-"euiCodeBlock.fullscreenExpand": any;
+"euiCodeBlockCopy.copy": any;
+"euiCodeBlockFullScreen.fullscreenCollapse": any;
+"euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiColorPickerSwatch.ariaLabel": any;
 "euiColorPicker.popoverLabel": any;
 "euiColorPicker.colorLabel": any;