@elastic/eui 80.0.0 → 81.1.0

package/eui.d.ts

@@ -259,13 +259,13 @@ declare module '@elastic/eui/src/global_styling/variables/animations' {
 	 * Speeds / Durations / Delays
 	 */
 	export const EuiThemeAnimationSpeeds: readonly ["extraFast", "fast", "normal", "slow", "extraSlow"];
-	export type _EuiThemeAnimationSpeed = typeof EuiThemeAnimationSpeeds[number];
+	export type _EuiThemeAnimationSpeed = (typeof EuiThemeAnimationSpeeds)[number];
 	export type _EuiThemeAnimationSpeeds = Record<_EuiThemeAnimationSpeed, CSSProperties['animationDuration']>;
 	/**
 	 * Easings / Timing functions
 	 */
 	export const EuiThemeAnimationEasings: readonly ["bounce", "resistance"];
-	export type _EuiThemeAnimationEasing = typeof EuiThemeAnimationEasings[number];
+	export type _EuiThemeAnimationEasing = (typeof EuiThemeAnimationEasings)[number];
 	export type _EuiThemeAnimationEasings = Record<_EuiThemeAnimationEasing, CSSProperties['animationTimingFunction']>;
 	export type _EuiThemeAnimation = _EuiThemeAnimationEasings & _EuiThemeAnimationSpeeds;
 
@@ -467,7 +467,7 @@ declare module '@elastic/eui/src/global_styling/variables/colors' {
 declare module '@elastic/eui/src/global_styling/variables/size' {
 	export type _EuiThemeBase = number;
 	export const EuiThemeSizes: readonly ["xxs", "xs", "s", "m", "base", "l", "xl", "xxl", "xxxl", "xxxxl"];
-	export type _EuiThemeSize = typeof EuiThemeSizes[number];
+	export type _EuiThemeSize = (typeof EuiThemeSizes)[number];
 	export type _EuiThemeSizes = Record<_EuiThemeSize, string>;
 
 }
@@ -477,9 +477,9 @@ declare module '@elastic/eui/src/global_styling/variables/typography' {
 	 * Font units of measure
 	 */
 	export const EuiThemeFontSizeMeasurements: readonly ["rem", "px", "em"];
-	export type _EuiThemeFontSizeMeasurement = typeof EuiThemeFontSizeMeasurements[number];
+	export type _EuiThemeFontSizeMeasurement = (typeof EuiThemeFontSizeMeasurements)[number];
 	export const EuiThemeFontScales: readonly ["xxxs", "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-	export type _EuiThemeFontScale = typeof EuiThemeFontScales[number];
+	export type _EuiThemeFontScale = (typeof EuiThemeFontScales)[number];
 	export type _EuiThemeFontScales = Record<_EuiThemeFontScale, number>;
 	export type _EuiThemeFontBase = {
 	    /**
@@ -510,7 +510,7 @@ declare module '@elastic/eui/src/global_styling/variables/typography' {
 	    lineHeightMultiplier: number;
 	};
 	export const EuiThemeFontWeights: readonly ["light", "regular", "medium", "semiBold", "bold"];
-	export type _EuiThemeFontWeight = typeof EuiThemeFontWeights[number];
+	export type _EuiThemeFontWeight = (typeof EuiThemeFontWeights)[number];
 	export type _EuiThemeFontWeights = Record<_EuiThemeFontWeight, CSSProperties['fontWeight']>;
 	/**
 	 * Body / Base styles
@@ -585,7 +585,7 @@ declare module '@elastic/eui/src/global_styling/variables/levels' {
 	 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
 	 */
 	export const EuiThemeLevels: readonly ["toast", "modal", "mask", "navigation", "menu", "header", "flyout", "maskBelowHeader", "content"];
-	export type _EuiThemeLevel = typeof EuiThemeLevels[number];
+	export type _EuiThemeLevel = (typeof EuiThemeLevels)[number];
 	export type _EuiThemeLevels = Record<_EuiThemeLevel, NonNullable<CSSProperties['zIndex']>>;
 
 }
@@ -638,6 +638,12 @@ declare module '@elastic/eui/src/services/theme/types' {
 	export type EuiThemeComputed<T = {}> = ComputedThemeShape<EuiThemeShape & T> & {
 	    themeName: string;
 	};
+	export type EuiThemeNested = {
+	    isGlobalTheme: boolean;
+	    hasDifferentColorFromGlobalTheme: boolean;
+	    bodyColor: string;
+	    colorClassName: string;
+	};
 
 }
 declare module '@elastic/eui/src/services/theme/utils' {
@@ -1424,7 +1430,7 @@ declare module '@elastic/eui/src/services/react' {
 }
 declare module '@elastic/eui/src/components/icon/named_colors' {
 	export const COLORS: readonly ["default", "primary", "success", "accent", "warning", "danger", "text", "subdued", "ghost", "inherit"];
-	export type NamedColor = typeof COLORS[number];
+	export type NamedColor = (typeof COLORS)[number];
 	export function isNamedColor(name: string): boolean;
 
 }
@@ -1470,7 +1476,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	export type IconType = EuiIconType | string | ComponentType;
 	export type IconColor = string | NamedColor;
 	export const SIZES: readonly ["original", "s", "m", "l", "xl", "xxl"];
-	export type IconSize = typeof SIZES[number];
+	export type IconSize = (typeof SIZES)[number];
 	export type EuiIconProps = CommonProps & Omit<SVGAttributes<SVGElement>, 'type' | 'color' | 'size'> & {
 	    /**
 	     * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any React SVG component
@@ -1664,7 +1670,7 @@ declare module '@elastic/eui/src/components/loading/loading_elastic' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["m", "l", "xl", "xxl"];
-	export type EuiLoadingElasticSize = typeof SIZES[number];
+	export type EuiLoadingElasticSize = (typeof SIZES)[number];
 	export interface EuiLoadingElasticProps {
 	    size?: EuiLoadingElasticSize;
 	}
@@ -1692,7 +1698,7 @@ declare module '@elastic/eui/src/components/loading/loading_chart' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["m", "l", "xl"];
-	export type EuiLoadingChartSize = typeof SIZES[number];
+	export type EuiLoadingChartSize = (typeof SIZES)[number];
 	export type EuiLoadingChartProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    size?: EuiLoadingChartSize;
 	    mono?: boolean;
@@ -1718,7 +1724,7 @@ declare module '@elastic/eui/src/components/loading/loading_spinner' {
 	import { HTMLAttributes, FunctionComponent, CSSProperties } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["s", "m", "l", "xl", "xxl"];
-	export type EuiLoadingSpinnerSize = typeof SIZES[number];
+	export type EuiLoadingSpinnerSize = (typeof SIZES)[number];
 	export type EuiLoadingSpinnerColor = {
 	    border?: CSSProperties['color'];
 	    highlight?: CSSProperties['color'];
@@ -1757,7 +1763,7 @@ declare module '@elastic/eui/src/components/loading/loading_logo' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	export const SIZES: readonly ["m", "l", "xl"];
-	export type EuiLoadingLogoSize = typeof SIZES[number];
+	export type EuiLoadingLogoSize = (typeof SIZES)[number];
 	export type EuiLoadingLogoProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    size?: EuiLoadingLogoSize;
 	    /**
@@ -1818,7 +1824,7 @@ declare module '@elastic/eui/src/components/button/_button_content_deprecated' {
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const BUTTON_COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger"];
-	export type _EuiButtonColor = typeof BUTTON_COLORS[number];
+	export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
 	export type _EuiButtonDisplay = 'base' | 'fill' | 'empty';
 	export interface _EuiButtonOptions {
 	    display?: _EuiButtonDisplay;
@@ -1909,9 +1915,9 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	export const ICON_SIZES: readonly ["s", "m"];
-	export type ButtonContentIconSize = typeof ICON_SIZES[number];
+	export type ButtonContentIconSize = (typeof ICON_SIZES)[number];
 	export const ICON_SIDES: readonly ["left", "right"];
-	export type ButtonContentIconSide = typeof ICON_SIDES[number] | undefined;
+	export type ButtonContentIconSide = (typeof ICON_SIDES)[number] | undefined;
 	export type EuiButtonDisplayContentType = HTMLAttributes<HTMLSpanElement>;
 	/**
 	 * *INTERNAL ONLY*
@@ -1955,7 +1961,7 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions' {
 }
 declare module '@elastic/eui/src/global_styling/variables/shadow' {
 	export const EuiThemeShadowSizes: readonly ["xs", "s", "m", "l", "xl"];
-	export type _EuiThemeShadowSize = typeof EuiThemeShadowSizes[number];
+	export type _EuiThemeShadowSize = (typeof EuiThemeShadowSizes)[number];
 	/**
 	 * Shadow t-shirt sizes descriptions
 	 */
@@ -2022,7 +2028,7 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	import React, { CSSProperties, ReactNode, Ref } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
 	import { EuiButtonDisplayContentProps, EuiButtonDisplayContentType } from '@elastic/eui/src/components/button/button_display/_button_display_content'; const SIZES: readonly ["xs", "s", "m"];
-	export type EuiButtonDisplaySizes = typeof SIZES[number];
+	export type EuiButtonDisplaySizes = (typeof SIZES)[number];
 	/**
 	 * Extends EuiButtonDisplayContentProps which provides
 	 * `iconType`, `iconSide`, and `textProps`
@@ -2090,7 +2096,7 @@ declare module '@elastic/eui/src/components/button/button' {
 	export const COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger", "ghost"];
 	export type EuiButtonColor = _EuiButtonColor | 'ghost';
 	export const SIZES: readonly ["s", "m"];
-	export type EuiButtonSize = typeof SIZES[number];
+	export type EuiButtonSize = (typeof SIZES)[number];
 	interface BaseProps {
 	    children?: ReactNode;
 	    /**
@@ -2217,7 +2223,8 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	     * Object of props passed to the <span/> wrapping the button's content
 	     */
 	    contentProps?: CommonProps & EuiButtonContentType;
-	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>; type EuiButtonEmptyPropsForButton = PropsForButton<CommonEuiButtonEmptyProps>;
+	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>;
+	export type EuiButtonEmptyPropsForButton = PropsForButton<CommonEuiButtonEmptyProps>;
 	export type EuiButtonEmptyProps = ExclusiveUnion<EuiButtonEmptyPropsForAnchor, EuiButtonEmptyPropsForButton>;
 	export const EuiButtonEmpty: FunctionComponent<EuiButtonEmptyProps>;
 	export {};
@@ -2631,9 +2638,9 @@ declare module '@elastic/eui/src/components/title/title' {
 	import { FunctionComponent, ReactElement } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const TITLE_SIZES: readonly ["xxxs", "xxs", "xs", "s", "m", "l"];
-	export type EuiTitleSize = typeof TITLE_SIZES[number];
+	export type EuiTitleSize = (typeof TITLE_SIZES)[number];
 	export const TEXT_TRANSFORM: readonly ["uppercase"];
-	export type EuiTitleTextTransform = typeof TEXT_TRANSFORM[number];
+	export type EuiTitleTextTransform = (typeof TEXT_TRANSFORM)[number];
 	export type EuiTitleProps = CommonProps & {
 	    /**
 	     * ReactElement to render as this component's content
@@ -2718,7 +2725,7 @@ declare module '@elastic/eui/src/components/text/text_color' {
 	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const COLORS: readonly ["default", "subdued", "success", "accent", "danger", "warning", "ghost", "inherit"];
-	export type TextColor = typeof COLORS[number];
+	export type TextColor = (typeof COLORS)[number];
 	export type EuiTextColorProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement> & HTMLAttributes<HTMLSpanElement>, 'color'> & {
 	    /**
 	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
@@ -2750,7 +2757,7 @@ declare module '@elastic/eui/src/components/text/text_align' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const ALIGNMENTS: readonly ["left", "right", "center"];
-	export type TextAlignment = typeof ALIGNMENTS[number];
+	export type TextAlignment = (typeof ALIGNMENTS)[number];
 	export type EuiTextAlignProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    textAlign?: TextAlignment;
 	    /**
@@ -2768,7 +2775,7 @@ declare module '@elastic/eui/src/components/text/text' {
 	import { TextColor } from '@elastic/eui/src/components/text/text_color';
 	import { TextAlignment } from '@elastic/eui/src/components/text/text_align';
 	export const TEXT_SIZES: readonly ["xs", "s", "m", "relative"];
-	export type TextSize = typeof TEXT_SIZES[number];
+	export type TextSize = (typeof TEXT_SIZES)[number];
 	export type EuiTextProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'color'> & {
 	    textAlign?: TextAlignment;
 	    /**
@@ -2836,11 +2843,11 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
 	import React, { HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const GUTTER_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
-	export type EuiFlexGroupGutterSize = typeof GUTTER_SIZES[number];
+	export type EuiFlexGroupGutterSize = (typeof GUTTER_SIZES)[number];
 	export const ALIGN_ITEMS: readonly ["stretch", "flexStart", "flexEnd", "center", "baseline"];
-	export type FlexGroupAlignItems = typeof ALIGN_ITEMS[number];
-	export const JUSTIFY_CONTENTS: readonly ["flexStart", "flexEnd", "center", "spaceBetween", "spaceAround", "spaceEvenly"]; type FlexGroupJustifyContent = typeof JUSTIFY_CONTENTS[number];
-	export const DIRECTIONS: readonly ["row", "rowReverse", "column", "columnReverse"]; type FlexGroupDirection = typeof DIRECTIONS[number]; type FlexGroupComponentType = 'div' | 'span';
+	export type FlexGroupAlignItems = (typeof ALIGN_ITEMS)[number];
+	export const JUSTIFY_CONTENTS: readonly ["flexStart", "flexEnd", "center", "spaceBetween", "spaceAround", "spaceEvenly"]; type FlexGroupJustifyContent = (typeof JUSTIFY_CONTENTS)[number];
+	export const DIRECTIONS: readonly ["row", "rowReverse", "column", "columnReverse"]; type FlexGroupDirection = (typeof DIRECTIONS)[number]; type FlexGroupComponentType = 'div' | 'span';
 	export interface EuiFlexGroupProps extends CommonProps, HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
 	    alignItems?: FlexGroupAlignItems;
 	    component?: FlexGroupComponentType;
@@ -2890,11 +2897,11 @@ declare module '@elastic/eui/src/components/flex/flex_grid' {
 	import { HTMLAttributes, ReactNode, FunctionComponent, ElementType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const DIRECTIONS: readonly ["row", "column"];
-	export type FlexGridDirection = typeof DIRECTIONS[number];
+	export type FlexGridDirection = (typeof DIRECTIONS)[number];
 	export const ALIGN_ITEMS: readonly ["stretch", "start", "end", "center", "baseline"];
-	export type FlexGridAlignItems = typeof ALIGN_ITEMS[number];
+	export type FlexGridAlignItems = (typeof ALIGN_ITEMS)[number];
 	export const GUTTER_SIZES: readonly ["none", "s", "m", "l", "xl"];
-	export type FlexGridGutterSize = typeof GUTTER_SIZES[number];
+	export type FlexGridGutterSize = (typeof GUTTER_SIZES)[number];
 	export interface EuiFlexGridProps {
 	    /**
 	     * ReactNode to render as this component's content
@@ -3081,7 +3088,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const SIZES: ("s" | "m")[];
 	export type EuiFormControlLayoutClearButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement> & {
-	    size?: typeof SIZES[number];
+	    size?: (typeof SIZES)[number];
 	};
 	export const EuiFormControlLayoutClearButton: FunctionComponent<EuiFormControlLayoutClearButtonProps>;
 
@@ -3107,13 +3114,13 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	export const ICON_SIDES: readonly ["left", "right"];
 	export type IconShape = DistributiveOmit<EuiFormControlLayoutCustomIconProps, 'type' | 'iconRef'> & {
 	    type: IconType;
-	    side?: typeof ICON_SIDES[number];
+	    side?: (typeof ICON_SIDES)[number];
 	    color?: IconColor;
 	    ref?: EuiFormControlLayoutCustomIconProps['iconRef'];
 	};
 	export interface EuiFormControlLayoutIconsProps {
 	    icon?: IconType | IconShape;
-	    side?: typeof ICON_SIDES[number];
+	    side?: (typeof ICON_SIDES)[number];
 	    iconsPosition?: 'absolute' | 'static';
 	    clear?: EuiFormControlLayoutClearButtonProps;
 	    isLoading?: boolean;
@@ -3577,11 +3584,11 @@ declare module '@elastic/eui/src/components/progress/progress' {
 	import { FunctionComponent, HTMLAttributes, ProgressHTMLAttributes, ReactNode, CSSProperties } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["xs", "s", "m", "l"];
-	export type EuiProgressSize = typeof SIZES[number];
+	export type EuiProgressSize = (typeof SIZES)[number];
 	export const COLORS: readonly ["primary", "success", "warning", "danger", "subdued", "accent", "vis0", "vis1", "vis2", "vis3", "vis4", "vis5", "vis6", "vis7", "vis8", "vis9"];
-	export type EuiProgressColor = typeof COLORS[number];
+	export type EuiProgressColor = (typeof COLORS)[number];
 	export const POSITIONS: readonly ["fixed", "absolute", "static"];
-	export type EuiProgressPosition = typeof POSITIONS[number];
+	export type EuiProgressPosition = (typeof POSITIONS)[number];
 	export type EuiProgressProps = CommonProps & {
 	    size?: EuiProgressSize;
 	    /**
@@ -3695,9 +3702,9 @@ declare module '@elastic/eui/src/components/panel/panel' {
 	import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
-	export type PanelPaddingSize = typeof _SIZES[number];
+	export type PanelPaddingSize = (typeof _SIZES)[number];
 	export const BORDER_RADII: readonly ["none", "m"];
-	export type PanelBorderRadius = typeof BORDER_RADII[number];
+	export type PanelBorderRadius = (typeof BORDER_RADII)[number];
 	export const COLORS: readonly ["transparent", "plain", "subdued", "accent", "primary", "success", "warning", "danger"];
 	export type PanelColor = _EuiBackgroundColor;
 	export interface _EuiPanelProps extends CommonProps {
@@ -3809,8 +3816,8 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	export const COLORS: readonly ["primary", "success", "warning", "danger"];
-	export type Color = typeof COLORS[number];
-	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"]; type Heading = typeof HEADINGS[number]; type Size = 's' | 'm';
+	export type Color = (typeof COLORS)[number];
+	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"]; type Heading = (typeof HEADINGS)[number]; type Size = 's' | 'm';
 	export type EuiCallOutProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> & {
 	    title?: ReactNode;
 	    iconType?: IconType;
@@ -4156,10 +4163,12 @@ declare module '@elastic/eui/src/components/portal/portal' {
 	    portalRef?: (ref: HTMLDivElement | null) => void;
 	}
 	export class EuiPortal extends Component<EuiPortalProps> {
+	    static contextType: import("react").Context<import ("@elastic/eui/src/services/theme/types").EuiThemeNested>;
 	    portalNode: HTMLDivElement | null;
 	    constructor(props: EuiPortalProps);
 	    componentDidMount(): void;
 	    componentWillUnmount(): void;
+	    setThemeColor(): void;
 	    updatePortalRef(ref: HTMLDivElement | null): void;
 	    render(): import("react").ReactPortal | null;
 	}
@@ -4473,7 +4482,7 @@ declare module '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow
 	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const POSITIONS: readonly ["top", "left", "right", "bottom"];
-	export type EuiPopoverArrowPositions = typeof POSITIONS[number];
+	export type EuiPopoverArrowPositions = (typeof POSITIONS)[number];
 	export type EuiPopoverArrowProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
 	    position: EuiPopoverArrowPositions;
 	};
@@ -4559,7 +4568,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	import { EuiPopoverPanelProps } from '@elastic/eui/src/components/popover/popover_panel/_popover_panel';
 	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	export const popoverAnchorPosition: readonly ["upCenter", "upLeft", "upRight", "downCenter", "downLeft", "downRight", "leftCenter", "leftUp", "leftDown", "rightCenter", "rightUp", "rightDown"];
-	export type PopoverAnchorPosition = typeof popoverAnchorPosition[number];
+	export type PopoverAnchorPosition = (typeof popoverAnchorPosition)[number];
 	export interface EuiPopoverProps extends CommonProps {
 	    /**
 	     * Class name passed to the direct parent of the button
@@ -4945,7 +4954,7 @@ declare module '@elastic/eui/src/components/form/range/range_levels_colors' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	import type { EuiRangeLevel } from '@elastic/eui/src/components/form/range/types';
 	export const LEVEL_COLORS: readonly ["primary", "success", "warning", "danger"];
-	export type EuiRangeLevelColor = typeof LEVEL_COLORS[number];
+	export type EuiRangeLevelColor = (typeof LEVEL_COLORS)[number];
 	export const isNamedLevelColor: (color?: string | undefined) => boolean;
 	export const euiRangeLevelColor: (color: EuiRangeLevelColor | string, euiTheme: UseEuiTheme['euiTheme']) => string;
 	export const getLevelColor: (levels: EuiRangeLevel[], value: number) => "warning" | "primary" | "success" | "danger" | import("csstype").Property.Color | undefined;
@@ -5943,7 +5952,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_panel' {
 	    /**
 	     * Alters the size of the items and the title
 	     */
-	    size?: typeof SIZES[number];
+	    size?: (typeof SIZES)[number];
 	} type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'tabIndex' | 'onAnimationEnd' | 'title'> & EuiContextMenuPanelProps;
 	interface State {
 	    prevProps: {
@@ -6003,8 +6012,8 @@ declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["full", "half", "quarter"];
 	export const MARGINS: readonly ["none", "xs", "s", "m", "l", "xl", "xxl"];
-	export type EuiHorizontalRuleSize = typeof SIZES[number];
-	export type EuiHorizontalRuleMargin = typeof MARGINS[number];
+	export type EuiHorizontalRuleSize = (typeof SIZES)[number];
+	export type EuiHorizontalRuleMargin = (typeof MARGINS)[number];
 	export interface EuiHorizontalRuleProps extends CommonProps, HTMLAttributes<HTMLHRElement> {
 	    /**
 	     * Defines the width of the HR.
@@ -6327,7 +6336,7 @@ declare module '@elastic/eui/src/components/spacer/spacer' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["xs", "s", "m", "l", "xl", "xxl"];
-	export type SpacerSize = typeof SIZES[number];
+	export type SpacerSize = (typeof SIZES)[number];
 	export type EuiSpacerProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
 	    size?: SpacerSize;
 	};
@@ -6781,7 +6790,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    vertical: string;
 	};
 	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
-	export type LogicalSides = typeof LOGICAL_SIDES[number];
+	export type LogicalSides = (typeof LOGICAL_SIDES)[number];
 	export const logicals: {
 	    height: string;
 	    width: string;
@@ -6840,7 +6849,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    _shorthands: string[];
 	};
 	export const LOGICAL_PROPERTIES: ("left" | "right" | "top" | "width" | "height" | "max-height" | "max-width" | "min-height" | "min-width" | "bottom" | "horizontal" | "vertical" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
-	export type LogicalProperties = typeof LOGICAL_PROPERTIES[number];
+	export type LogicalProperties = (typeof LOGICAL_PROPERTIES)[number];
 	/**
 	 *
 	 * @param property A string that is a valid CSS logical property
@@ -6900,7 +6909,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    };
 	};
 	export const LOGICAL_TEXT_ALIGNMENT: ("left" | "right" | "center")[];
-	export type LogicalText = typeof LOGICAL_TEXT_ALIGNMENT[number];
+	export type LogicalText = (typeof LOGICAL_TEXT_ALIGNMENT)[number];
 	/**
 	 *
 	 * @param property A string that is a valid CSS logical property
@@ -6921,7 +6930,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 }
 declare module '@elastic/eui/src/global_styling/functions/logical_shorthands' {
 	export const LOGICAL_SHORTHANDS: string[];
-	export type LogicalShorthands = typeof LOGICAL_SHORTHANDS[number];
+	export type LogicalShorthands = (typeof LOGICAL_SHORTHANDS)[number];
 	/**
 	 * Unfortunately, shorthand properties that describe boxes
 	 * (@see https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties#edges_of_a_box)
@@ -6968,7 +6977,8 @@ declare module '@elastic/eui/src/global_styling/functions/size' {
 
 }
 declare module '@elastic/eui/src/services/theme/provider' {
-	import React, { PropsWithChildren } from 'react';
+	import React, { PropsWithChildren, HTMLAttributes } from 'react';
+	import type { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types'; type LEVELS = 'log' | 'warn' | 'error';
 	export const setEuiDevProviderWarning: (level: LEVELS | undefined) => LEVELS | undefined;
 	export const getEuiDevProviderWarning: () => LEVELS | undefined;
@@ -6977,8 +6987,21 @@ declare module '@elastic/eui/src/services/theme/provider' {
 	    colorMode?: EuiThemeColorMode;
 	    modify?: EuiThemeModifications<T>;
 	    children: any;
+	    /**
+	     * Nested theme providers will receive a wrapping `span` tag in order to correctly
+	     * set the default text `color` that all nested children will inherit.
+	     *
+	     * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
+	     * This requires a **single** child component that the correct color class can be passed to.
+	     *
+	     * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
+	     * the default inherited text color will be set on the page `body`.
+	     */
+	    wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
+	        cloneElement?: boolean;
+	    };
 	}
-	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
+	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, wrapperProps, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
 	export {};
 
 }
@@ -7105,16 +7128,17 @@ declare module '@elastic/eui/src/themes/amsterdam/theme' {
 }
 declare module '@elastic/eui/src/services/theme/context' {
 	
-	import { EuiThemeColorModeStandard, EuiThemeSystem, EuiThemeComputed } from '@elastic/eui/src/services/theme/types';
+	import { EuiThemeColorModeStandard, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
 	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<{}>>;
+	export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
 
 }
 declare module '@elastic/eui/src/services/theme' {
-	export { EuiSystemContext, EuiThemeContext, EuiModificationsContext, EuiColorModeContext, } from '@elastic/eui/src/services/theme/context';
+	export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, } from '@elastic/eui/src/services/theme/context';
 	export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
 	export { useEuiTheme, withEuiTheme, RenderWithEuiTheme } from '@elastic/eui/src/services/theme/hooks';
 	export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
@@ -7661,7 +7685,7 @@ declare module '@elastic/eui/src/services' {
 declare module '@elastic/eui/src/global_styling/mixins/_color' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "accent", "primary", "success", "warning", "danger"];
-	export type _EuiBackgroundColor = typeof BACKGROUND_COLORS[number];
+	export type _EuiBackgroundColor = (typeof BACKGROUND_COLORS)[number];
 	export interface _EuiBackgroundColorOptions {
 	    /**
 	     * Use `opaque` for containers of unknown content.
@@ -7749,7 +7773,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
 declare module '@elastic/eui/src/global_styling/mixins/_padding' {
 	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
 	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
-	export type EuiPaddingSize = typeof PADDING_SIZES[number];
+	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;
@@ -7970,7 +7994,7 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
 	import { FunctionComponent, Ref } from 'react';
 	import { EuiButtonProps } from '@elastic/eui/src/components/button/button';
 	import { PropsForAnchor } from '@elastic/eui/src/components/common';
-	export const POSITIONS: readonly ["static", "fixed", "absolute"]; type Positions = typeof POSITIONS[number];
+	export const POSITIONS: readonly ["static", "fixed", "absolute"]; type Positions = (typeof POSITIONS)[number];
 	interface EuiSkipLinkInterface extends EuiButtonProps {
 	    /**
 	     * Change the display position of the element when focused.
@@ -8243,11 +8267,11 @@ declare module '@elastic/eui/src/components/avatar/avatar' {
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	import { IconType, IconSize, IconColor } from '@elastic/eui/src/components/icon';
 	export const SIZES: readonly ["s", "m", "l", "xl"];
-	export type EuiAvatarSize = typeof SIZES[number];
+	export type EuiAvatarSize = (typeof SIZES)[number];
 	export const TYPES: readonly ["space", "user"];
-	export type EuiAvatarType = typeof TYPES[number];
+	export type EuiAvatarType = (typeof TYPES)[number];
 	export const CASING: readonly ["capitalize", "uppercase", "lowercase", "none"];
-	export type EuiAvatarCasing = typeof CASING[number]; type _EuiAvatarContent = ExclusiveUnion<ExclusiveUnion<{
+	export type EuiAvatarCasing = (typeof CASING)[number]; type _EuiAvatarContent = ExclusiveUnion<ExclusiveUnion<{
 	    /**
 	     * Custom initials (max 2 characters).
 	     * By default will take the first character (of each word).
@@ -8346,8 +8370,8 @@ 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, 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 = {
+	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
 	     */
@@ -8429,11 +8453,11 @@ declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge' {
 	import { EuiToolTipProps, ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	export const COLORS: readonly ["accent", "subdued", "hollow"];
-	export type BetaBadgeColor = typeof COLORS[number];
+	export type BetaBadgeColor = (typeof COLORS)[number];
 	export const SIZES: readonly ["s", "m"];
-	export type BetaBadgeSize = typeof SIZES[number];
+	export type BetaBadgeSize = (typeof SIZES)[number];
 	export const ALIGNMENTS: readonly ["baseline", "middle"];
-	export type BetaBadgeAlignment = typeof ALIGNMENTS[number]; type WithButtonProps = {
+	export type BetaBadgeAlignment = (typeof ALIGNMENTS)[number]; type WithButtonProps = {
 	    /**
 	     * Will apply an onclick to the badge itself
 	     */
@@ -8520,9 +8544,9 @@ declare module '@elastic/eui/src/components/badge/notification_badge/badge_notif
 	import { HTMLAttributes, ReactNode, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const COLORS: readonly ["accent", "subdued"];
-	export type BadgeNotificationColor = typeof COLORS[number];
+	export type BadgeNotificationColor = (typeof COLORS)[number];
 	export const SIZES: readonly ["s", "m"];
-	export type BadgeNotificationSize = typeof SIZES[number];
+	export type BadgeNotificationSize = (typeof SIZES)[number];
 	export interface EuiNotificationBadgeProps extends CommonProps, Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
 	    /**
 	     * ReactNode to render as this component's content
@@ -8552,7 +8576,7 @@ declare module '@elastic/eui/src/components/badge/badge_group/badge_group.styles
 declare module '@elastic/eui/src/components/badge/badge_group/badge_group' {
 	import React, { ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const GUTTER_SIZES: readonly ["none", "xs", "s"]; type BadgeGroupGutterSize = typeof GUTTER_SIZES[number];
+	export const GUTTER_SIZES: readonly ["none", "xs", "s"]; type BadgeGroupGutterSize = (typeof GUTTER_SIZES)[number];
 	export interface EuiBadgeGroupProps {
 	    /**
 	     * Space between badges
@@ -8599,7 +8623,7 @@ declare module '@elastic/eui/src/components/beacon/beacon' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const COLORS: readonly ["subdued", "primary", "success", "accent", "danger", "warning"];
-	export type EuiBeaconColor = typeof COLORS[number];
+	export type EuiBeaconColor = (typeof COLORS)[number];
 	export type EuiBeaconProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & CommonProps & {
 	    /**
 	     * Height and width of the center circle. Value is passed directly to the `style` attribute
@@ -8640,7 +8664,7 @@ declare module '@elastic/eui/src/components/bottom_bar/bottom_bar' {
 	    [value in BottomBarPaddingSize]: string | null;
 	};
 	export const POSITIONS: readonly ["static", "fixed", "sticky"];
-	export type _BottomBarPosition = typeof POSITIONS[number]; type _BottomBarExclusivePositions = ExclusiveUnion<{
+	export type _BottomBarPosition = (typeof POSITIONS)[number]; type _BottomBarExclusivePositions = ExclusiveUnion<{
 	    position?: 'fixed';
 	    /**
 	     * Whether to wrap in an EuiPortal which appends the component to the body element.
@@ -8708,7 +8732,7 @@ declare module '@elastic/eui/src/components/link/link' {
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	export type EuiLinkType = 'button' | 'reset' | 'submit';
 	export const COLORS: readonly ["primary", "subdued", "success", "accent", "danger", "warning", "text", "ghost"];
-	export type EuiLinkColor = typeof COLORS[number];
+	export type EuiLinkColor = (typeof COLORS)[number];
 	export interface LinkButtonProps {
 	    type?: EuiLinkType;
 	    /**
@@ -8971,7 +8995,7 @@ declare module '@elastic/eui/src/components/card/card' {
 	import { EuiIconProps } from '@elastic/eui/src/components/icon';
 	import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
 	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
-	export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = typeof ALIGNMENTS[number]; type EuiCardPropsLayout = ExclusiveUnion<{
+	export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = (typeof ALIGNMENTS)[number]; type EuiCardPropsLayout = ExclusiveUnion<{
 	    layout?: 'vertical';
 	    /**
 	     * Changes alignment of the title and description
@@ -9305,10 +9329,6 @@ declare module '@elastic/eui/src/components/overlay_mask/overlay_mask_body.style
 
 }
 declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
-	/**
-	 * NOTE: We can't test this component because Enzyme doesn't support rendering
-	 * into portals.
-	 */
 	import { FunctionComponent, HTMLAttributes, MutableRefObject, ReactNode, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export interface EuiOverlayMaskInterface {
@@ -9454,9 +9474,9 @@ declare module '@elastic/eui/src/components/code/code_block' {
 	import { EuiCodeSharedProps } from '@elastic/eui/src/components/code/utils';
 	import { LineAnnotationMap } from '@elastic/eui/src/components/code/code_block_annotations';
 	export const FONT_SIZES: readonly ["s", "m", "l"];
-	export type EuiCodeBlockFontSize = typeof FONT_SIZES[number];
+	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<{
+	export type EuiCodeBlockPaddingSize = (typeof PADDING_SIZES)[number]; type VirtualizedOptionProps = ExclusiveUnion<{
 	    isVirtualized: true;
 	    overflowHeight: number | string;
 	    whiteSpace?: 'pre';
@@ -9635,12 +9655,12 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	import { EuiFocusTrapProps } from '@elastic/eui/src/components/focus_trap';
 	import { EuiOverlayMaskProps } from '@elastic/eui/src/components/overlay_mask';
 	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	export const TYPES: readonly ["push", "overlay"]; type _EuiFlyoutType = typeof TYPES[number];
-	export const SIDES: readonly ["left", "right"]; type _EuiFlyoutSide = typeof SIDES[number];
+	export const TYPES: readonly ["push", "overlay"]; type _EuiFlyoutType = (typeof TYPES)[number];
+	export const SIDES: readonly ["left", "right"]; type _EuiFlyoutSide = (typeof SIDES)[number];
 	export const SIZES: readonly ["s", "m", "l"];
-	export type EuiFlyoutSize = typeof SIZES[number];
+	export type EuiFlyoutSize = (typeof SIZES)[number];
 	export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
-	export type _EuiFlyoutPaddingSize = typeof PADDING_SIZES[number];
+	export type _EuiFlyoutPaddingSize = (typeof PADDING_SIZES)[number];
 	interface _EuiFlyoutProps {
 	    onClose: (event: MouseEvent | TouchEvent | KeyboardEvent) => void;
 	    /**
@@ -10489,7 +10509,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	     * supplied by `aria-label` or from [EuiFormRow](/#/forms/form-layouts).
 	     */
 	    'aria-labelledby'?: string;
-	} type DefaultProps<T> = Omit<typeof EuiComboBox['defaultProps'], 'options' | 'selectedOptions'> & {
+	} type DefaultProps<T> = Omit<(typeof EuiComboBox)['defaultProps'], 'options' | 'selectedOptions'> & {
 	    options: Array<EuiComboBoxOptionOption<T>>;
 	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
 	};
@@ -10646,7 +10666,7 @@ declare module '@elastic/eui/src/components/timeline/timeline_item' {
 	import { EuiTimelineItemEventProps } from '@elastic/eui/src/components/timeline/timeline_item_event';
 	import { EuiTimelineItemIconProps } from '@elastic/eui/src/components/timeline/timeline_item_icon';
 	export const VERTICAL_ALIGN: readonly ["top", "center"];
-	export type EuiTimelineItemVerticalAlign = typeof VERTICAL_ALIGN[number];
+	export type EuiTimelineItemVerticalAlign = (typeof VERTICAL_ALIGN)[number];
 	export interface EuiTimelineItemProps extends Omit<HTMLAttributes<HTMLElement>, 'children'>, CommonProps, Omit<EuiTimelineItemIconProps, 'verticalAlign'>, Omit<EuiTimelineItemEventProps, 'verticalAlign'> {
 	    /**
 	     * Vertical alignment of the event with the icon
@@ -10671,7 +10691,7 @@ declare module '@elastic/eui/src/components/timeline/timeline' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiTimelineItemProps } from '@elastic/eui/src/components/timeline/timeline_item';
 	export const GUTTER_SIZES: readonly ["m", "l", "xl"];
-	export type EuiTimelineGutterSize = typeof GUTTER_SIZES[number];
+	export type EuiTimelineGutterSize = (typeof GUTTER_SIZES)[number];
 	export interface EuiTimelineProps extends HTMLAttributes<HTMLOListElement>, CommonProps {
 	    /**
 	     * List of timeline items to render. See #EuiTimelineItem
@@ -11045,9 +11065,9 @@ declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
 	export const SIZES: readonly ["xs", "s", "m", "l"];
-	export type EuiListGroupItemSize = typeof SIZES[number];
+	export type EuiListGroupItemSize = (typeof SIZES)[number];
 	export const COLORS: readonly ["primary", "text", "subdued"];
-	export type EuiListGroupItemColor = typeof COLORS[number];
+	export type EuiListGroupItemColor = (typeof COLORS)[number];
 	export type EuiListGroupItemProps = CommonProps & Omit<ExclusiveUnion<ExclusiveUnion<ButtonHTMLAttributes<HTMLButtonElement>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>, HTMLAttributes<HTMLSpanElement>>, 'onClick' | 'color' | 'target' | 'rel'> & {
 	    /**
 	     * Size of the label text
@@ -11141,7 +11161,7 @@ declare module '@elastic/eui/src/components/list_group/list_group' {
 	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const GUTTER_SIZES: readonly ["none", "s", "m"];
-	export type EuiListGroupGutterSize = typeof GUTTER_SIZES[number];
+	export type EuiListGroupGutterSize = (typeof GUTTER_SIZES)[number];
 	export type EuiListGroupProps = CommonProps & Omit<HTMLAttributes<HTMLUListElement>, 'color'> & {
 	    /**
 	     * Add a border to the list container
@@ -11388,13 +11408,13 @@ declare module '@elastic/eui/src/components/token/token_types' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	export const SIZES: readonly ["xs", "s", "m", "l"];
-	export type TokenSize = typeof SIZES[number];
+	export type TokenSize = (typeof SIZES)[number];
 	export const SHAPES: readonly ["circle", "square", "rectangle"];
-	export type TokenShape = typeof SHAPES[number];
+	export type TokenShape = (typeof SHAPES)[number];
 	export const FILLS: readonly ["light", "dark", "none"];
-	export type TokenFill = typeof FILLS[number];
+	export type TokenFill = (typeof FILLS)[number];
 	export const COLORS: readonly ["euiColorVis0", "euiColorVis1", "euiColorVis2", "euiColorVis3", "euiColorVis4", "euiColorVis5", "euiColorVis6", "euiColorVis7", "euiColorVis8", "euiColorVis9", "gray"];
-	export type TokenColor = typeof COLORS[number];
+	export type TokenColor = (typeof COLORS)[number];
 	export interface TokenProps {
 	    /**
 	     * An EUI icon type
@@ -13050,13 +13070,13 @@ declare module '@elastic/eui/src/components/description_list/description_list_ty
 	    gutterSize?: EuiDescriptionListGutterSizes;
 	}
 	export const TYPES: readonly ["row", "inline", "column", "responsiveColumn"];
-	export type EuiDescriptionListType = typeof TYPES[number];
+	export type EuiDescriptionListType = (typeof TYPES)[number];
 	export const ALIGNMENTS: readonly ["center", "left"];
-	export type EuiDescriptionListAlignment = typeof ALIGNMENTS[number];
+	export type EuiDescriptionListAlignment = (typeof ALIGNMENTS)[number];
 	export const TEXT_STYLES: readonly ["normal", "reverse"];
-	export type EuiDescriptionListTextStyle = typeof TEXT_STYLES[number];
+	export type EuiDescriptionListTextStyle = (typeof TEXT_STYLES)[number];
 	export const GUTTER_SIZES: readonly ["s", "m"];
-	export type EuiDescriptionListGutterSizes = typeof GUTTER_SIZES[number];
+	export type EuiDescriptionListGutterSizes = (typeof GUTTER_SIZES)[number];
 
 }
 declare module '@elastic/eui/src/components/description_list/description_list_title.styles' {
@@ -13245,7 +13265,7 @@ declare module '@elastic/eui/src/components/pagination/pagination_button_arrow'
 	import { FunctionComponent } from 'react';
 	import { EuiButtonIconPropsForAnchor } from '@elastic/eui/src/components/button/button_icon';
 	export const TYPES: ("first" | "last" | "next" | "previous")[];
-	export type EuiPaginationButtonArrowType = typeof TYPES[number];
+	export type EuiPaginationButtonArrowType = (typeof TYPES)[number];
 	export type Props = Partial<Omit<EuiButtonIconPropsForAnchor, 'type'>> & {
 	    type: EuiPaginationButtonArrowType;
 	    disabled?: boolean;
@@ -13616,7 +13636,7 @@ declare module '@elastic/eui/src/components/date_picker/date_picker' {
 	import { PopoverAnchorPosition } from '@elastic/eui/src/components/popover';
 	import { ReactDatePickerProps } from '@elastic/eui/src/components/date_picker/react-datepicker';
 	export const euiDatePickerDefaultDateFormat = "MM/DD/YYYY";
-	export const euiDatePickerDefaultTimeFormat = "hh:mm A"; const unsupportedProps: readonly ["monthsShown", "showWeekNumbers", "fixedHeight", "dropdownMode", "useShortMonthInDropdown", "todayButton", "timeCaption", "disabledKeyboardNavigation", "isClearable", "withPortal", "showMonthYearDropdown", "popperPlacement"]; type UnsupportedProps = typeof unsupportedProps[number];
+	export const euiDatePickerDefaultTimeFormat = "hh:mm A"; const unsupportedProps: readonly ["monthsShown", "showWeekNumbers", "fixedHeight", "dropdownMode", "useShortMonthInDropdown", "todayButton", "timeCaption", "disabledKeyboardNavigation", "isClearable", "withPortal", "showMonthYearDropdown", "popperPlacement"]; type UnsupportedProps = (typeof unsupportedProps)[number];
 	interface EuiExtendedDatePickerProps extends Omit<ReactDatePickerProps, UnsupportedProps> {
 	    /**
 	     * Applies classes to the numbered days provided. Check docs for example.
@@ -13651,7 +13671,12 @@ declare module '@elastic/eui/src/components/date_picker/date_picker' {
 	     */
 	    placeholder?: string;
 	    /**
-	     * Can turn the shadow off if using the inline prop
+	     * Displays the date picker calendar on directly on the page.
+	     * Will not render `iconType` or `fullWidth`.
+	     */
+	    inline?: boolean;
+	    /**
+	     * Allows turning the shadow off if using the `inline` prop
 	     */
 	    shadow?: boolean;
 	    /**
@@ -13717,7 +13742,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 	import React, { HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["s", "m", "l", "xl"];
-	export type EuiTabsSizes = typeof SIZES[number];
+	export type EuiTabsSizes = (typeof SIZES)[number];
 	export type EuiTabsProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
 	     * ReactNode to render as this component's content
@@ -14286,13 +14311,27 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/async_
 	    stop: () => void;
 	}
 
+}
+declare module '@elastic/eui/src/components/date_picker/date_picker_range.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDatePickerRangeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDatePickerRange: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiDatePickerRangeInlineStyles: (euiThemeContext: UseEuiTheme) => {
+	    inline: import("@emotion/utils").SerializedStyles;
+	    responsive: import("@emotion/utils").SerializedStyles;
+	    responsiveWithTimeSelect: import("@emotion/utils").SerializedStyles;
+	    shadow: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/date_picker/date_picker_range' {
 	import { FocusEventHandler, FunctionComponent, ReactNode, ReactElement } from 'react';
 	import { EuiFormControlLayoutDelimitedProps } from '@elastic/eui/src/components/form';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiDatePickerRangeProps = CommonProps & Pick<EuiFormControlLayoutDelimitedProps, 'isInvalid' | 'readOnly' | 'fullWidth' | 'prepend' | 'append'> & {
+	import { EuiDatePickerProps } from '@elastic/eui/src/components/date_picker/date_picker';
+	export type EuiDatePickerRangeProps = CommonProps & Pick<EuiFormControlLayoutDelimitedProps, 'isLoading' | 'isInvalid' | 'readOnly' | 'fullWidth' | 'prepend' | 'append'> & {
 	    /**
 	     * Including any children will replace all innards with the provided children
 	     */
@@ -14317,6 +14356,17 @@ declare module '@elastic/eui/src/components/date_picker/date_picker_range' {
 	     * Passes through to each control
 	     */
 	    disabled?: boolean;
+	    /**
+	     * Displays both date picker calendars directly on the page.
+	     * Will not render `iconType`, `fullWidth`, `prepend`, or `append`.
+	     *
+	     * Passes through to each control if `isCustom` is not set.
+	     */
+	    inline?: EuiDatePickerProps['inline'];
+	    /**
+	     * Allows turning the shadow off if using the `inline` prop
+	     */
+	    shadow?: EuiDatePickerProps['shadow'];
 	    /**
 	     * Triggered whenever the start or end controls are blurred
 	     */
@@ -14733,7 +14783,7 @@ declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
 	import { IconColor, IconType } from '@elastic/eui/src/components/icon';
 	import { _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
 	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
-	export type PaddingSize = typeof PADDING_SIZES[number];
+	export type PaddingSize = (typeof PADDING_SIZES)[number];
 	export type EuiEmptyPromptProps = CommonProps & Omit<_EuiPanelDivlike, 'borderRadius' | 'grow' | 'panelRef' | 'paddingSize' | 'title'> & {
 	    iconType?: IconType;
 	    /**
@@ -14796,17 +14846,21 @@ declare module '@elastic/eui/src/components/error_boundary/error_boundary' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	interface EuiErrorBoundaryState {
 	    hasError: boolean;
-	    error?: string;
+	    errorMessage?: string;
 	}
-	export type EuiErrorBoundaryProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
+	export type EuiErrorBoundaryProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'onError'> & {
 	    /**
 	     * ReactNode to render as this component's content
 	     */
 	    children: ReactNode;
+	    /**
+	     * Callback that fires when an error is caught. Passes back the full error
+	     */
+	    onError?: (error: Error) => void;
 	};
 	export class EuiErrorBoundary extends Component<EuiErrorBoundaryProps, EuiErrorBoundaryState> {
 	    constructor(props: EuiErrorBoundaryProps);
-	    componentDidCatch({ message, stack }: Error): void;
+	    componentDidCatch(error: Error): void;
 	    render(): React.ReactNode;
 	}
 	/**
@@ -14874,7 +14928,7 @@ declare module '@elastic/eui/src/components/expression/expression' {
 	import { ButtonHTMLAttributes, HTMLAttributes, MouseEventHandler, ReactNode, FunctionComponent } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	export const COLORS: readonly ["subdued", "primary", "success", "accent", "warning", "danger"];
-	export type ExpressionColor = typeof COLORS[number];
+	export type ExpressionColor = (typeof COLORS)[number];
 	export type EuiExpressionProps = CommonProps & {
 	    /**
 	     * First part of the expression
@@ -15004,9 +15058,9 @@ declare module '@elastic/eui/src/components/facet/facet_group' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const LAYOUTS: readonly ["vertical", "horizontal"];
-	export type EuiFacetGroupLayout = typeof LAYOUTS[number];
+	export type EuiFacetGroupLayout = (typeof LAYOUTS)[number];
 	export const GUTTER_SIZES: readonly ["none", "s", "m", "l"];
-	export type EuiFacetGroupGutterSizes = typeof GUTTER_SIZES[number];
+	export type EuiFacetGroupGutterSizes = (typeof GUTTER_SIZES)[number];
 	export type EuiFacetGroupProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
 	     * Vertically in a column, or horizontally in one wrapping line
@@ -15287,7 +15341,7 @@ declare module '@elastic/eui/src/components/health/health' {
 	     * Matches the text scales of EuiText.
 	     * The `inherit` style will get its font size from the parent element
 	     */
-	    textSize?: typeof TEXT_SIZES[number];
+	    textSize?: (typeof TEXT_SIZES)[number];
 	};
 	export const EuiHealth: FunctionComponent<EuiHealthProps>;
 
@@ -15301,9 +15355,9 @@ declare module '@elastic/eui/src/components/image/image_types' {
 	import { HTMLAttributes, ReactNode, ImgHTMLAttributes } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["s", "m", "l", "xl", "fullWidth", "original"];
-	export type EuiImageSize = typeof SIZES[number]; const FLOATS: readonly ["left", "right"];
-	export type EuiImageWrapperFloat = typeof FLOATS[number]; const MARGINS: readonly ["s", "m", "l", "xl"];
-	export type EuiImageWrapperMargin = typeof MARGINS[number];
+	export type EuiImageSize = (typeof SIZES)[number]; const FLOATS: readonly ["left", "right"];
+	export type EuiImageWrapperFloat = (typeof FLOATS)[number]; const MARGINS: readonly ["s", "m", "l", "xl"];
+	export type EuiImageWrapperMargin = (typeof MARGINS)[number];
 	export type EuiImageButtonIconColor = 'light' | 'dark'; type _EuiImageSrcOrUrl = ExclusiveUnion<{
 	    /**
 	     * Requires either `src` or `url` but defaults to using `src` if both are provided
@@ -15476,6 +15530,339 @@ declare module '@elastic/eui/src/components/image' {
 	export type { EuiImageProps } from '@elastic/eui/src/components/image/image_types';
 	export { EuiImage } from '@elastic/eui/src/components/image/image';
 
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_loading' {
+	import { FunctionComponent, HTMLAttributes, ReactElement } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiScreenReaderLiveProps } from '@elastic/eui/src/components/accessibility/screen_reader_live';
+	export type _EuiSkeletonAriaProps = {
+	    /**
+	     * When true, shows the loading skeleton component.
+	     * When false, shows any `children` and announces to screen readers that your content has loaded.
+	     */
+	    isLoading?: boolean;
+	    /**
+	     * Label your loading sections to provide more helpful context to screen readers.
+	     * For example, pass "API keys" to have screen readers read "Loading API keys" and "Loaded API keys".
+	     */
+	    contentAriaLabel?: string;
+	    /**
+	     * Makes a live screen reader announcement when `isLoading` is true
+	     * @default false
+	     */
+	    announceLoadingStatus?: boolean;
+	    /**
+	     * Makes a live screen reader announcement when `isLoading` is false
+	     * @default true
+	     */
+	    announceLoadedStatus?: boolean;
+	    /**
+	     * Optional props to pass to the `aria-live` region that announces the loading status to screen readers.
+	     * Accepts any `EuiScreenReaderLive` props.
+	     */
+	    ariaLiveProps?: Partial<EuiScreenReaderLiveProps>;
+	    /**
+	     * Optional props to pass to the `aria-busy` wrapper around the skeleton content
+	     */
+	    ariaWrapperProps?: HTMLAttributes<HTMLDivElement>;
+	};
+	export type EuiSkeletonLoadingProps = CommonProps & _EuiSkeletonAriaProps['ariaWrapperProps'] & Omit<_EuiSkeletonAriaProps, 'ariaWrapperProps'> & {
+	    /**
+	     * Content to display when loading
+	     */
+	    loadingContent: ReactElement;
+	    /**
+	     * Content to display when loaded
+	     */
+	    loadedContent: any;
+	};
+	export const EuiSkeletonLoading: FunctionComponent<EuiSkeletonLoadingProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/utils' {
+	import { UseEuiTheme } from '@elastic/eui/src/services'; type AnimationOptions = {
+	    slideSize?: string;
+	    gradientSize?: string;
+	};
+	export const euiSkeletonGradientAnimation: ({ euiTheme, colorMode }: UseEuiTheme, { slideSize, gradientSize }?: AnimationOptions) => import("@emotion/utils").SerializedStyles;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_circle.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonCircleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonCircle: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_circle' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export const SIZES: readonly ["s", "m", "l", "xl"];
+	export type SkeletonCircleSize = (typeof SIZES)[number];
+	export type EuiSkeletonCircleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
+	    size?: SkeletonCircleSize;
+	};
+	export const EuiSkeletonCircle: FunctionComponent<EuiSkeletonCircleProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_text.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonTextStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonText: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    relative: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_text' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { TextSize } from '@elastic/eui/src/components/text/text';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export const LINES: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+	export type LineRange = (typeof LINES)[number];
+	export type EuiSkeletonTextProps = CommonProps & HTMLAttributes<HTMLDivElement> & _EuiSkeletonAriaProps & {
+	    /**
+	     * Number of lines to display (between 1 to 10)
+	     */
+	    lines?: LineRange;
+	    /**
+	     * EuiText size to render
+	     */
+	    size?: TextSize;
+	};
+	export const EuiSkeletonText: FunctionComponent<EuiSkeletonTextProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonRectangleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonRectangle: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    none: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export const RADIUS: readonly ["s", "m", "none"];
+	export type SkeletonRectangleBorderRadius = (typeof RADIUS)[number];
+	export type EuiSkeletonRectangleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
+	    width?: string | number;
+	    height?: string | number;
+	    borderRadius?: SkeletonRectangleBorderRadius;
+	};
+	export const EuiSkeletonRectangle: FunctionComponent<EuiSkeletonRectangleProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_title.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiSkeletonTitleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiSkeletonTitle: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    xxs: import("@emotion/utils").SerializedStyles;
+	    xxxs: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/skeleton/skeleton_title' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiTitleSize } from '@elastic/eui/src/components/title';
+	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export type EuiSkeletonTitleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
+	    /**
+	     * EuiTitle size to render
+	     */
+	    size?: EuiTitleSize;
+	};
+	export const EuiSkeletonTitle: FunctionComponent<EuiSkeletonTitleProps>;
+
+}
+declare module '@elastic/eui/src/components/skeleton' {
+	export type { EuiSkeletonLoadingProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export { EuiSkeletonLoading } from '@elastic/eui/src/components/skeleton/skeleton_loading';
+	export type { EuiSkeletonCircleProps } from '@elastic/eui/src/components/skeleton/skeleton_circle';
+	export { EuiSkeletonCircle } from '@elastic/eui/src/components/skeleton/skeleton_circle';
+	export type { EuiSkeletonTextProps } from '@elastic/eui/src/components/skeleton/skeleton_text';
+	export { EuiSkeletonText } from '@elastic/eui/src/components/skeleton/skeleton_text';
+	export type { EuiSkeletonRectangleProps } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
+	export { EuiSkeletonRectangle } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
+	export type { EuiSkeletonTitleProps } from '@elastic/eui/src/components/skeleton/skeleton_title';
+	export { EuiSkeletonTitle } from '@elastic/eui/src/components/skeleton/skeleton_title';
+
+}
+declare module '@elastic/eui/src/components/inline_edit/inline_edit_form.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiInlineEditReadModeStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiInlineEditReadMode: import("@emotion/utils").SerializedStyles;
+	    isReadOnly: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
+	import { ReactNode, FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiFormRowProps, EuiFieldTextProps } from '@elastic/eui/src/components/form';
+	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button/button_icon';
+	import { EuiButtonEmptyPropsForButton } from '@elastic/eui/src/components/button/button_empty/button_empty';
+	export type EuiInlineEditCommonProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
+	    defaultValue: string;
+	    /**
+	     * Callback that fires when a user clicks the save button.
+	     * Passes the current edited text value as an argument.
+	     *
+	     * To validate the value of the edited text, pass back a boolean flag.
+	     * If `false`, EuiInlineEdit will remain in edit mode, where loading or invalid states can be set.
+	     * If `true`, EuiInlineEdit will return to read mode.
+	     */
+	    onSave?: (value: string) => void | boolean | Promise<boolean | void>;
+	    /**
+	     * Form label that appears above the form control.
+	     * This is required for accessibility because there is no visual label on the input.
+	     */
+	    inputAriaLabel: string;
+	    /**
+	     * Starts the component in edit mode
+	     */
+	    startWithEditOpen?: boolean;
+	    /**
+	     * Props that will be applied directly to the `EuiEmptyButton` displayed in read mode
+	     */
+	    readModeProps?: Partial<EuiButtonEmptyPropsForButton>;
+	    /**
+	     * Multiple props objects that can be applied directly to various child components displayed in edit mode.
+	     * - `formRowProps` will be passed to `EuiFormRow`
+	     * - `inputProps` will be passed to `EuiFieldText`
+	     * - `saveButtonProps` & `cancelButtonProps` will be passed to their respective `EuiIconButton`s
+	     */
+	    editModeProps?: {
+	        formRowProps?: Partial<EuiFormRowProps>;
+	        inputProps?: Partial<EuiFieldTextProps>;
+	        saveButtonProps?: Partial<EuiButtonIconPropsForButton>;
+	        cancelButtonProps?: Partial<EuiButtonIconPropsForButton>;
+	    };
+	    /**
+	     * Loading state - only displayed in edit mode
+	     */
+	    isLoading?: boolean;
+	    /**
+	     * Invalid state - only displayed edit mode
+	     */
+	    isInvalid?: boolean;
+	    /**
+	     * Locks inline edit in read mode and displays the text value
+	     */
+	    isReadOnly?: boolean;
+	};
+	export type EuiInlineEditFormProps = EuiInlineEditCommonProps & {
+	    /**
+	     * Form sizes
+	     */
+	    sizes: {
+	        compressed: boolean;
+	        buttonSize: EuiButtonEmptyPropsForButton['size'];
+	        iconSize: EuiButtonEmptyPropsForButton['iconSize'];
+	    };
+	    /**
+	     * Render prop that returns the read mode value as an arg
+	     */
+	    children: (readModeValue: ReactNode) => ReactNode;
+	};
+	export const SMALL_SIZE_FORM: {
+	    readonly iconSize: "s";
+	    readonly compressed: true;
+	    readonly buttonSize: "s";
+	};
+	export const MEDIUM_SIZE_FORM: {
+	    readonly iconSize: "m";
+	    readonly compressed: false;
+	    readonly buttonSize: "m";
+	};
+	export const EuiInlineEditForm: FunctionComponent<EuiInlineEditFormProps>;
+
+}
+declare module '@elastic/eui/src/components/inline_edit/inline_edit_text.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiInlineEditTextStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiInlineEditText: import("@emotion/utils").SerializedStyles;
+	    fontSize: {
+	        xs: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/components/inline_edit/inline_edit_text' {
+	import { FunctionComponent } from 'react';
+	import { EuiTextProps } from '@elastic/eui/src/components/text';
+	import { EuiInlineEditCommonProps } from '@elastic/eui/src/components/inline_edit/inline_edit_form';
+	export type EuiInlineEditTextSizes = Exclude<EuiTextProps['size'], 'relative'>;
+	export type EuiInlineEditTextProps = EuiInlineEditCommonProps & {
+	    /**
+	     * Text size level
+	     */
+	    size?: EuiInlineEditTextSizes;
+	};
+	export const EuiInlineEditText: FunctionComponent<EuiInlineEditTextProps>;
+
+}
+declare module '@elastic/eui/src/components/inline_edit/inline_edit_title.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiInlineEditTitleStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiInlineEditTitle: import("@emotion/utils").SerializedStyles;
+	    fontSize: {
+	        xxxs: import("@emotion/utils").SerializedStyles;
+	        xxs: import("@emotion/utils").SerializedStyles;
+	        xs: 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/inline_edit/inline_edit_title' {
+	import { FunctionComponent } from 'react';
+	import { EuiTitleSize } from '@elastic/eui/src/components/title';
+	import { EuiInlineEditCommonProps } from '@elastic/eui/src/components/inline_edit/inline_edit_form';
+	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "span"]; type Heading = (typeof HEADINGS)[number];
+	export type EuiInlineEditTitleProps = EuiInlineEditCommonProps & {
+	    /**
+	     * Title size level
+	     */
+	    size?: EuiTitleSize;
+	    /**
+	     * Level of heading to be used for the title.
+	     * Use `span` for text that is not semantically a heading, but should still visually appear as a title.
+	     */
+	    heading: Heading;
+	};
+	export const EuiInlineEditTitle: FunctionComponent<EuiInlineEditTitleProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/inline_edit' {
+	export { EuiInlineEditText } from '@elastic/eui/src/components/inline_edit/inline_edit_text';
+	export type { EuiInlineEditTextProps } from '@elastic/eui/src/components/inline_edit/inline_edit_text';
+	export { EuiInlineEditTitle } from '@elastic/eui/src/components/inline_edit/inline_edit_title';
+	export type { EuiInlineEditTitleProps } from '@elastic/eui/src/components/inline_edit/inline_edit_title';
+
 }
 declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -16605,7 +16992,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_body'
 	     * Adjust the padding.
 	     * When using this setting it's best to be consistent throughout all similar usages
 	     */
-	    paddingSize?: typeof PADDING_SIZES[number];
+	    paddingSize?: (typeof PADDING_SIZES)[number];
 	}
 	/**
 	 * @deprecated Use EuiPageSection instead
@@ -16751,7 +17138,7 @@ declare module '@elastic/eui/src/components/page/page_header/page_header_content
 	     * Adjust the padding.
 	     * When using this setting it's best to be consistent throughout all similar usages
 	     */
-	    paddingSize?: typeof PADDING_SIZES[number];
+	    paddingSize?: (typeof PADDING_SIZES)[number];
 	    /**
 	     * Set to false if you don't want the children to stack at small screen sizes.
 	     * Set to `reverse` to display the right side content first for the sake of hierarchy (like global time)
@@ -16761,7 +17148,7 @@ declare module '@elastic/eui/src/components/page/page_header/page_header_content
 	     * Vertical alignment of the left and right side content;
 	     * Default is `center` for custom content, but `top` for when `pageTitle` or `tabs` are included
 	     */
-	    alignItems?: typeof ALIGN_ITEMS[number];
+	    alignItems?: (typeof ALIGN_ITEMS)[number];
 	    /**
 	     * Pass custom an array of content to this side usually up to 3 buttons.
 	     * The first button should be primary, usually with `fill` and will be visually displayed as the last item,
@@ -16864,7 +17251,7 @@ declare module '@elastic/eui/src/components/page/page_section/page_section' {
 	    /**
 	     * Horizontal and/or vertical alignment of the section contents
 	     */
-	    alignment?: typeof ALIGNMENTS[number];
+	    alignment?: (typeof ALIGNMENTS)[number];
 	    /**
 	     * When true the panel will grow in height to fill container if parent is a flex group
 	     */
@@ -16901,7 +17288,7 @@ declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
 	    /**
 	     * Adds padding around the children
 	     */
-	    paddingSize?: typeof PADDING_SIZES[number];
+	    paddingSize?: (typeof PADDING_SIZES)[number];
 	}
 	/**
 	 * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
@@ -16977,7 +17364,7 @@ declare module '@elastic/eui/src/components/page/page_template' {
 	     * `centeredContent`: The content inside the panel is centered
 	     * `empty`: Removes the panneling of the page content
 	     */
-	    template?: typeof TEMPLATES[number];
+	    template?: (typeof TEMPLATES)[number];
 	    /**
 	     * Padding size will not get applied to the over-arching #EuiPage,
 	     * but will propogate through all the components to keep them in sync
@@ -17996,7 +18383,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/is_filter' {
 declare module '@elastic/eui/src/components/selectable/selectable_option' {
 	import React, { HTMLAttributes } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	export type EuiSelectableOptionCheckedType = 'on' | 'off' | undefined;
+	export type EuiSelectableOptionCheckedType = 'on' | 'off' | 'mixed' | undefined;
 	export type EuiSelectableOptionBase = CommonProps & {
 	    /**
 	     * Visible label of option.
@@ -18014,9 +18401,9 @@ declare module '@elastic/eui/src/components/selectable/selectable_option' {
 	     */
 	    key?: string;
 	    /**
-	     * Leave `undefined` to indicate not selected,
-	     * 'on' to indicate inclusion and
-	     * 'off' to indicate exclusion
+	     * Leave `undefined` to indicate not selected. Pass a string of
+	     * 'on' to indicate inclusion, 'off' to indicate exclusion,
+	     * or 'mixed' to indicate inclusion for some.
 	     */
 	    checked?: EuiSelectableOptionCheckedType;
 	    disabled?: boolean;
@@ -18115,7 +18502,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	import { EuiSelectableOptionCheckedType } from '@elastic/eui/src/components/selectable/selectable_option';
 	import { EuiBadgeProps } from '@elastic/eui/src/components/badge';
 	export const PADDING_SIZES: ("s" | "none")[];
-	export type EuiSelectablePaddingSize = typeof PADDING_SIZES[number];
+	export type EuiSelectablePaddingSize = (typeof PADDING_SIZES)[number];
 	export type EuiSelectableListItemProps = LiHTMLAttributes<HTMLLIElement> & CommonProps & {
 	    children?: React.ReactNode;
 	    /**
@@ -18152,8 +18539,8 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	    searchable?: boolean;
 	    /**
 	     * Attribute applied the option `<li>`.
-	     * If configured to something besides the default value of `option`,
-	     * other ARIA attributes such as `aria-checked` will not be automatically configured.
+	     * If set to a role that allows [aria-checked](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked),
+	     * `aria-checked` will be automatically configured.
 	     */
 	    role?: LiHTMLAttributes<HTMLLIElement>['role'];
 	    /**
@@ -18169,6 +18556,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        textWrap: string;
 	    };
 	    constructor(props: EuiSelectableListItemProps);
+	    isChecked: (role: string, checked: EuiSelectableOptionCheckedType) => boolean | "mixed" | undefined;
 	    render(): JSX.Element;
 	}
 
@@ -18317,7 +18705,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	import { EuiSelectableOptionsListProps } from '@elastic/eui/src/components/selectable/selectable_list/selectable_list';
 	import { EuiSelectableSearchProps } from '@elastic/eui/src/components/selectable/selectable_search/selectable_search';
 	import { Align } from 'react-window';
-	export type EuiSelectableOnChangeEvent = KeyboardEvent | MouseEvent; type RequiredEuiSelectableOptionsListProps = Omit<EuiSelectableOptionsListProps, keyof typeof EuiSelectableList['defaultProps']>; type OptionalEuiSelectableOptionsListProps = Omit<EuiSelectableOptionsListProps, keyof RequiredEuiSelectableOptionsListProps>; type EuiSelectableOptionsListPropsWithDefaults = RequiredEuiSelectableOptionsListProps & Partial<OptionalEuiSelectableOptionsListProps>;
+	export type EuiSelectableOnChangeEvent = KeyboardEvent | MouseEvent; type RequiredEuiSelectableOptionsListProps = Omit<EuiSelectableOptionsListProps, keyof (typeof EuiSelectableList)['defaultProps']>; type OptionalEuiSelectableOptionsListProps = Omit<EuiSelectableOptionsListProps, keyof RequiredEuiSelectableOptionsListProps>; type EuiSelectableOptionsListPropsWithDefaults = RequiredEuiSelectableOptionsListProps & Partial<OptionalEuiSelectableOptionsListProps>;
 	export type EuiSelectableSearchableProps<T> = ExclusiveUnion<{
 	    searchable: false;
 	}, {
@@ -18570,6 +18958,7 @@ declare module '@elastic/eui/src/components/selectable' {
 }
 declare module '@elastic/eui/src/components/search_bar/filters/field_value_selection_filter' {
 	import { Component, ReactNode } from 'react';
+	import { EuiSelectableOptionCheckedType } from '@elastic/eui/src/components/selectable/selectable_option';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	import { Clause, OperatorType, Value } from '@elastic/eui/src/components/search_bar/query/ast';
 	export interface FieldValueOptionType {
@@ -18621,7 +19010,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_selec
 	    getOptionFilter(): OptionsFilter;
 	    resolveOptionsLoader: () => OptionsLoader;
 	    resolveOptionName(option: FieldValueOptionType): string;
-	    onOptionClick(field: string, value: Value, checked: 'on' | 'off' | undefined): void;
+	    onOptionClick(field: string, value: Value, checked?: Omit<EuiSelectableOptionCheckedType, 'mixed'>): void;
 	    resolveMultiSelect(): MultiSelect;
 	    componentDidMount(): void;
 	    componentDidUpdate(prevProps: FieldValueSelectionFilterProps): void;
@@ -19021,181 +19410,6 @@ declare module '@elastic/eui/src/components/side_nav' {
 	export { EuiSideNav } from '@elastic/eui/src/components/side_nav/side_nav';
 	export * from '@elastic/eui/src/components/side_nav/side_nav_types';
 
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_loading' {
-	import { FunctionComponent, HTMLAttributes, ReactElement } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiScreenReaderLiveProps } from '@elastic/eui/src/components/accessibility/screen_reader_live';
-	export type _EuiSkeletonAriaProps = {
-	    /**
-	     * When true, shows the loading skeleton component.
-	     * When false, shows any `children` and announces to screen readers that your content has loaded.
-	     */
-	    isLoading?: boolean;
-	    /**
-	     * Label your loading sections to provide more helpful context to screen readers.
-	     * For example, pass "API keys" to have screen readers read "Loading API keys" and "Loaded API keys".
-	     */
-	    contentAriaLabel?: string;
-	    /**
-	     * Makes a live screen reader announcement when `isLoading` is true
-	     * @default false
-	     */
-	    announceLoadingStatus?: boolean;
-	    /**
-	     * Makes a live screen reader announcement when `isLoading` is false
-	     * @default true
-	     */
-	    announceLoadedStatus?: boolean;
-	    /**
-	     * Optional props to pass to the `aria-live` region that announces the loading status to screen readers.
-	     * Accepts any `EuiScreenReaderLive` props.
-	     */
-	    ariaLiveProps?: Partial<EuiScreenReaderLiveProps>;
-	    /**
-	     * Optional props to pass to the `aria-busy` wrapper around the skeleton content
-	     */
-	    ariaWrapperProps?: HTMLAttributes<HTMLDivElement>;
-	};
-	export type EuiSkeletonLoadingProps = CommonProps & _EuiSkeletonAriaProps['ariaWrapperProps'] & Omit<_EuiSkeletonAriaProps, 'ariaWrapperProps'> & {
-	    /**
-	     * Content to display when loading
-	     */
-	    loadingContent: ReactElement;
-	    /**
-	     * Content to display when loaded
-	     */
-	    loadedContent: any;
-	};
-	export const EuiSkeletonLoading: FunctionComponent<EuiSkeletonLoadingProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton/utils' {
-	import { UseEuiTheme } from '@elastic/eui/src/services'; type AnimationOptions = {
-	    slideSize?: string;
-	    gradientSize?: string;
-	};
-	export const euiSkeletonGradientAnimation: ({ euiTheme, colorMode }: UseEuiTheme, { slideSize, gradientSize }?: AnimationOptions) => import("@emotion/utils").SerializedStyles;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_circle.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonCircleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonCircle: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    xl: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_circle' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export const SIZES: readonly ["s", "m", "l", "xl"];
-	export type SkeletonCircleSize = typeof SIZES[number];
-	export type EuiSkeletonCircleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
-	    size?: SkeletonCircleSize;
-	};
-	export const EuiSkeletonCircle: FunctionComponent<EuiSkeletonCircleProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_text.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonTextStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonText: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    relative: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_text' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { TextSize } from '@elastic/eui/src/components/text/text';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export const LINES: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-	export type LineRange = typeof LINES[number];
-	export type EuiSkeletonTextProps = CommonProps & HTMLAttributes<HTMLDivElement> & _EuiSkeletonAriaProps & {
-	    /**
-	     * Number of lines to display (between 1 to 10)
-	     */
-	    lines?: LineRange;
-	    /**
-	     * EuiText size to render
-	     */
-	    size?: TextSize;
-	};
-	export const EuiSkeletonText: FunctionComponent<EuiSkeletonTextProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonRectangleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonRectangle: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    none: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_rectangle' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export const RADIUS: readonly ["s", "m", "none"];
-	export type SkeletonRectangleBorderRadius = typeof RADIUS[number];
-	export type EuiSkeletonRectangleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
-	    width?: string | number;
-	    height?: string | number;
-	    borderRadius?: SkeletonRectangleBorderRadius;
-	};
-	export const EuiSkeletonRectangle: FunctionComponent<EuiSkeletonRectangleProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_title.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiSkeletonTitleStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiSkeletonTitle: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    xxs: import("@emotion/utils").SerializedStyles;
-	    xxxs: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/skeleton/skeleton_title' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiTitleSize } from '@elastic/eui/src/components/title';
-	import { _EuiSkeletonAriaProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export type EuiSkeletonTitleProps = HTMLAttributes<HTMLDivElement> & CommonProps & _EuiSkeletonAriaProps & {
-	    /**
-	     * EuiTitle size to render
-	     */
-	    size?: EuiTitleSize;
-	};
-	export const EuiSkeletonTitle: FunctionComponent<EuiSkeletonTitleProps>;
-
-}
-declare module '@elastic/eui/src/components/skeleton' {
-	export type { EuiSkeletonLoadingProps } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export { EuiSkeletonLoading } from '@elastic/eui/src/components/skeleton/skeleton_loading';
-	export type { EuiSkeletonCircleProps } from '@elastic/eui/src/components/skeleton/skeleton_circle';
-	export { EuiSkeletonCircle } from '@elastic/eui/src/components/skeleton/skeleton_circle';
-	export type { EuiSkeletonTextProps } from '@elastic/eui/src/components/skeleton/skeleton_text';
-	export { EuiSkeletonText } from '@elastic/eui/src/components/skeleton/skeleton_text';
-	export type { EuiSkeletonRectangleProps } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
-	export { EuiSkeletonRectangle } from '@elastic/eui/src/components/skeleton/skeleton_rectangle';
-	export type { EuiSkeletonTitleProps } from '@elastic/eui/src/components/skeleton/skeleton_title';
-	export { EuiSkeletonTitle } from '@elastic/eui/src/components/skeleton/skeleton_title';
-
 }
 declare module '@elastic/eui/src/components/stat/stat.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -19221,7 +19435,7 @@ declare module '@elastic/eui/src/components/stat/stat' {
 	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiTitleSize } from '@elastic/eui/src/components/title/title';
-	export const COLORS: readonly ["default", "subdued", "primary", "success", "danger", "accent"]; type TitleColor = typeof COLORS[number];
+	export const COLORS: readonly ["default", "subdued", "primary", "success", "danger", "accent"]; type TitleColor = (typeof COLORS)[number];
 	export const ALIGNMENTS: readonly ["left", "center", "right"];
 	export interface EuiStatProps {
 	    /**
@@ -19236,7 +19450,7 @@ declare module '@elastic/eui/src/components/stat/stat' {
 	     * Flips the order of the description and title
 	     */
 	    reverse?: boolean;
-	    textAlign?: typeof ALIGNMENTS[number];
+	    textAlign?: (typeof ALIGNMENTS)[number];
 	    /**
 	     * The (value) text
 	     */
@@ -19345,7 +19559,7 @@ declare module '@elastic/eui/src/components/steps/step_number' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiStepProps } from '@elastic/eui/src/components/steps/step';
 	export const STATUS: readonly ["incomplete", "disabled", "loading", "warning", "danger", "complete", "current"];
-	export type EuiStepStatus = typeof STATUS[number];
+	export type EuiStepStatus = (typeof STATUS)[number];
 	export interface EuiStepNumberProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
 	    /**
 	     * May replace the number provided in props.number with alternate styling
@@ -20875,7 +21089,7 @@ declare module '@elastic/eui/src/components/toast/toast' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	export const COLORS: readonly ["primary", "success", "warning", "danger"]; type ToastColor = typeof COLORS[number];
+	export const COLORS: readonly ["primary", "success", "warning", "danger"]; type ToastColor = (typeof COLORS)[number];
 	export interface EuiToastProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
 	    title?: ReactNode;
 	    color?: ToastColor;
@@ -21410,6 +21624,7 @@ declare module '@elastic/eui/src/components' {
 	export * from '@elastic/eui/src/components/icon';
 	export * from '@elastic/eui/src/components/image';
 	export * from '@elastic/eui/src/components/inner_text';
+	export * from '@elastic/eui/src/components/inline_edit';
 	export * from '@elastic/eui/src/components/i18n';
 	export * from '@elastic/eui/src/components/loading';
 	export * from '@elastic/eui/src/components/key_pad_menu';
@@ -26190,7 +26405,6 @@ declare module 'remark-emoji' {
 }
 
 declare module 'mdast-util-to-hast/lib/all' {
-  // eslint-disable-next-line import/no-unresolved
   import { Node } from 'unist';
   import { H } from 'mdast-util-to-hast';
 
@@ -26518,6 +26732,10 @@ declare module '@elastic/eui' {
 "euiHeaderLinks.appNavigation": any;
 "euiImageButton.openFullScreen": any;
 "euiImageButton.closeFullScreen": any;
+"euiInlineEditForm.saveButtonAriaLabel": any;
+"euiInlineEditForm.cancelButtonAriaLabel": any;
+"euiInlineEditForm.inputKeyboardInstructions": any;
+"euiInlineEditForm.activateEditModeDescription": any;
 "euiLink.newTarget.screenReaderOnlyText": any;
 "euiLink.external.ariaLabel": any;
 "euiPinnableListGroup.pinExtraActionLabel": any;
@@ -26573,13 +26791,15 @@ declare module '@elastic/eui' {
 "euiResizableButton.horizontalResizerAriaLabel": any;
 "euiResizableButton.verticalResizerAriaLabel": any;
 "euiResizablePanel.toggleButtonAriaLabel": any;
-"euiSelectableListItem.includedOption": any;
-"euiSelectableListItem.includedOptionInstructions": any;
-"euiSelectableListItem.excludedOption": any;
-"euiSelectableListItem.excludedOptionInstructions": any;
-"euiSelectableListItem.unckeckedOptionInstructions": any;
 "euiSelectableListItem.checkedOption": any;
-"euiSelectableListItem.checkedOptionInstructions": any;
+"euiSelectableListItem.checkOptionInstructions": any;
+"euiSelectableListItem.uncheckOptionInstructions": any;
+"euiSelectableListItem.excludedOption": any;
+"euiSelectableListItem.excludeOptionInstructions": any;
+"euiSelectableListItem.mixedOption": any;
+"euiSelectableListItem.mixedOptionInstructions": any;
+"euiSelectableListItem.mixedOptionUncheckInstructions": any;
+"euiSelectableListItem.mixedOptionExcludeInstructions": any;
 "euiSelectableTemplateSitewide.searchPlaceholder": any;
 "euiSelectableTemplateSitewide.loadingResults": any;
 "euiSelectableTemplateSitewide.noResults": any;