@elastic/eui 62.2.1 → 64.0.0

package/eui.d.ts

@@ -189,13 +189,21 @@ declare module '@elastic/eui/src/services/alignment' {
 	export const CENTER_ALIGNMENT = "center";
 	export type HorizontalAlignment = 'left' | 'right' | 'center';
 
+}
+declare module '@elastic/eui/src/global_styling/variables/breakpoint' {
+	export const EuiThemeBreakpoints: readonly ["xs", "s", "m", "l", "xl"];
+	export type _EuiThemeBreakpoint = string;
+	export type _EuiThemeBreakpoints = Record<_EuiThemeBreakpoint, number>;
+
 }
 declare module '@elastic/eui/src/components/common' {
 	import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentProps, Component, FunctionComponent, JSXElementConstructor, MouseEventHandler, SFC } from 'react';
+	import { Interpolation, Theme } from '@emotion/react';
 	export interface CommonProps {
 	    className?: string;
 	    'aria-label'?: string;
 	    'data-test-subj'?: string;
+	    css?: Interpolation<Theme>;
 	}
 	export type NoArgCallback<T> = () => T;
 	export const assertNever: (x: never) => never;
@@ -300,14 +308,6 @@ declare module '@elastic/eui/src/components/common' {
 	}; type NonAny = number | boolean | string | symbol | null;
 	export {};
 
-}
-declare module '@elastic/eui/src/global_styling/variables/breakpoint' {
-	export const EuiThemeBreakpoints: readonly ["xs", "s", "m", "l", "xl"];
-	export type _EuiThemeBreakpoint = typeof EuiThemeBreakpoints[number];
-	export type _EuiThemeBreakpoints = {
-	    [key in _EuiThemeBreakpoint]: number;
-	};
-
 }
 declare module '@elastic/eui/src/global_styling/variables/animations' {
 	import { CSSProperties } from 'react';
@@ -335,6 +335,62 @@ declare module '@elastic/eui/src/global_styling/variables/animations' {
 	export type _EuiThemeAnimationEasings = Record<_EuiThemeAnimationEasing, CSSProperties['animationTimingFunction']>;
 	export type _EuiThemeAnimation = _EuiThemeAnimationEasings & _EuiThemeAnimationSpeeds;
 
+}
+declare module '@elastic/eui/src/global_styling/variables/borders' {
+	import { CSSProperties } from 'react';
+	import { ColorModeSwitch } from '@elastic/eui/src/services/theme/types';
+	export interface _EuiThemeBorderWidthValues {
+	    /**
+	     * Thinnest width for border
+	     */
+	    thin: CSSProperties['borderWidth'];
+	    /**
+	     * Thickest width for border
+	     */
+	    thick: CSSProperties['borderWidth'];
+	}
+	export interface _EuiThemeBorderRadiusValues {
+	    /**
+	     * Primary corner radius size
+	     */
+	    medium: CSSProperties['borderRadius'];
+	    /**
+	     * Small corner radius size
+	     */
+	    small: CSSProperties['borderRadius'];
+	}
+	export interface _EuiThemeBorderColorValues {
+	    /**
+	     * Color for all borders; Default is `colors.lightShade`
+	     */
+	    color: ColorModeSwitch;
+	}
+	export interface _EuiThemeBorderValues extends _EuiThemeBorderColorValues {
+	    /**
+	     * Varied thicknesses for borders
+	     */
+	    width: _EuiThemeBorderWidthValues;
+	    /**
+	     * Varied border radii
+	     */
+	    radius: _EuiThemeBorderRadiusValues;
+	}
+	export interface _EuiThemeBorderTypes {
+	    /**
+	     * Full `border` property string computed using `border.width.thin` and `border.color`
+	     */
+	    thin: CSSProperties['border'];
+	    /**
+	     * Full `border` property string computed using `border.width.thick` and `border.color`
+	     */
+	    thick: CSSProperties['border'];
+	    /**
+	     * Full editable style `border` property string computed using `border.width.thick` and `border.color`
+	     */
+	    editable: CSSProperties['border'];
+	}
+	export type _EuiThemeBorder = _EuiThemeBorderValues & _EuiThemeBorderTypes;
+
 }
 declare module '@elastic/eui/src/global_styling/variables/colors' {
 	import { ColorModeSwitch, StrictColorModeSwitch } from '@elastic/eui/src/services/theme/types';
@@ -649,143 +705,6 @@ declare module '@elastic/eui/src/services/theme/types' {
 	    themeName: string;
 	};
 
-}
-declare module '@elastic/eui/src/global_styling/variables/borders' {
-	import { CSSProperties } from 'react';
-	import { ColorModeSwitch } from '@elastic/eui/src/services/theme/types';
-	export interface _EuiThemeBorderWidthValues {
-	    /**
-	     * Thinnest width for border
-	     */
-	    thin: CSSProperties['borderWidth'];
-	    /**
-	     * Thickest width for border
-	     */
-	    thick: CSSProperties['borderWidth'];
-	}
-	export interface _EuiThemeBorderRadiusValues {
-	    /**
-	     * Primary corner radius size
-	     */
-	    medium: CSSProperties['borderRadius'];
-	    /**
-	     * Small corner radius size
-	     */
-	    small: CSSProperties['borderRadius'];
-	}
-	export interface _EuiThemeBorderColorValues {
-	    /**
-	     * Color for all borders; Default is `colors.lightShade`
-	     */
-	    color: ColorModeSwitch;
-	}
-	export interface _EuiThemeBorderValues extends _EuiThemeBorderColorValues {
-	    /**
-	     * Varied thicknesses for borders
-	     */
-	    width: _EuiThemeBorderWidthValues;
-	    /**
-	     * Varied border radii
-	     */
-	    radius: _EuiThemeBorderRadiusValues;
-	}
-	export interface _EuiThemeBorderTypes {
-	    /**
-	     * Full `border` property string computed using `border.width.thin` and `border.color`
-	     */
-	    thin: CSSProperties['border'];
-	    /**
-	     * Full `border` property string computed using `border.width.thick` and `border.color`
-	     */
-	    thick: CSSProperties['border'];
-	    /**
-	     * Full editable style `border` property string computed using `border.width.thick` and `border.color`
-	     */
-	    editable: CSSProperties['border'];
-	}
-	export type _EuiThemeBorder = _EuiThemeBorderValues & _EuiThemeBorderTypes;
-
-}
-declare module '@elastic/eui/src/global_styling/variables/shadow' {
-	export const EuiThemeShadowSizes: readonly ["xs", "s", "m", "l", "xl"];
-	export type _EuiThemeShadowSize = typeof EuiThemeShadowSizes[number];
-	/**
-	 * Shadow t-shirt sizes descriptions
-	 */
-	export const _EuiShadowSizesDescriptions: Record<_EuiThemeShadowSize, string>;
-	export interface _EuiThemeShadowCustomColor {
-	    color?: string;
-	    property?: 'box-shadow' | 'filter';
-	}
-
-}
-declare module '@elastic/eui/src/global_styling/variables' {
-	export * from '@elastic/eui/src/global_styling/variables/animations';
-	export * from '@elastic/eui/src/global_styling/variables/borders';
-	export * from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export * from '@elastic/eui/src/global_styling/variables/colors';
-	export * from '@elastic/eui/src/global_styling/variables/levels';
-	export * from '@elastic/eui/src/global_styling/variables/size';
-	export * from '@elastic/eui/src/global_styling/variables/shadow';
-	export * from '@elastic/eui/src/global_styling/variables/states';
-	export * from '@elastic/eui/src/global_styling/variables/typography';
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
-	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables';
-	export const breakpoint: _EuiThemeBreakpoints;
-
-}
-declare module '@elastic/eui/src/services/breakpoint/breakpoint' {
-	import { _EuiThemeBreakpoint, _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export type EuiBreakpointSize = _EuiThemeBreakpoint;
-	export type EuiBreakpoints = _EuiThemeBreakpoints;
-	export const BREAKPOINTS: _EuiThemeBreakpoints;
-	export const BREAKPOINT_KEYS: ("s" | "xs" | "m" | "l" | "xl")[];
-	/**
-	 * Given the current `width` and an object of `EuiBreakpoints`,
-	 * this function returns the string that is the name of the breakpoint key
-	 * that is less than or equal to the width
-	 *
-	 * @param {number} width Can either be the full window width or any width
-	 * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
-	 * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
-	 */
-	export function getBreakpoint(width: number, breakpoints?: EuiBreakpoints): EuiBreakpointSize | undefined;
-	/**
-	 * Given the current `width` and a max breakpoint key,
-	 * this function returns true or false if the `width` falls within the max
-	 * breakpoint or any breakpoints below
-	 *
-	 * @param {number} width Can either be the full window width or any width
-	 * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
-	 * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
-	 * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
-	 */
-	export function isWithinMaxBreakpoint(width: number, max: EuiBreakpointSize | number, breakpoints?: EuiBreakpoints): boolean;
-	/**
-	 * Given the current `width` and a min breakpoint key,
-	 * this function returns true or false if the `width` falls within the min
-	 * breakpoint or any breakpoints above
-	 *
-	 * @param {number} width Can either be the full window width or any width
-	 * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
-	 * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
-	 * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
-	 */
-	export function isWithinMinBreakpoint(width: number, min: EuiBreakpointSize | number, breakpoints?: EuiBreakpoints): boolean;
-	/**
-	 * Given the current `width` and an array of breakpoint keys,
-	 * this function returns true or false if the `width` falls within
-	 * any of the named breakpoints
-	 *
-	 * @param {number} width Can either be the full window width or any width
-	 * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
-	 * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
-	 * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
-	 */
-	export function isWithinBreakpoints(width: number, sizes: EuiBreakpointSize[], breakpoints?: EuiBreakpoints): boolean;
-
 }
 declare module '@elastic/eui/src/services/theme/utils' {
 	import { EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeSystem, EuiThemeShape, EuiThemeComputed } from '@elastic/eui/src/services/theme/types';
@@ -1613,10 +1532,13 @@ declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
 	 *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
 	 *    Others like Safari, won't show anything at all.
 	 */
-	export const euiYScroll: (euiTheme: UseEuiTheme) => string;
-	export const useEuiYScroll: () => string;
-	export const euiYScrollWithShadows: (euiTheme: UseEuiTheme) => string;
-	export const useEuiYScrollWithShadows: () => string;
+	interface _EuiYScroll {
+	    height?: CSSProperties['height'];
+	}
+	export const euiYScroll: (euiTheme: UseEuiTheme, { height }?: _EuiYScroll) => string;
+	export const useEuiYScroll: ({ height }?: _EuiYScroll) => string;
+	export const euiYScrollWithShadows: (euiTheme: UseEuiTheme, { height }?: _EuiYScroll) => string;
+	export const useEuiYScrollWithShadows: ({ height }?: _EuiYScroll) => string;
 	export const euiXScroll: (euiTheme: UseEuiTheme) => string;
 	export const useEuiXScroll: () => string;
 	export const euiXScrollWithShadows: (euiTheme: UseEuiTheme) => string;
@@ -1720,7 +1642,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	 * @returns `object` Returns the logical CSS property version for the given `property: value` pair
 	 */
 	export const logicalStyle: (property: LogicalProperties, value?: any) => {
-	    [x: string]: string;
+	    [x: string]: any;
 	};
 	/**
 	 *
@@ -1837,7 +1759,7 @@ declare module '@elastic/eui/src/global_styling/functions/typography' {
 	 * this mixin will ensure that the sizing is dependent on the boldest
 	 * weight so it doesn't shift sibling content.
 	 */
-	export const euiTextShift: (fontWeight: "bold" | "light" | "regular" | "medium" | "semiBold" | undefined, attribute: string | undefined, euiTheme: UseEuiTheme['euiTheme']) => string;
+	export const euiTextShift: (fontWeight: "bold" | "medium" | "light" | "regular" | "semiBold" | undefined, attribute: string | undefined, euiTheme: UseEuiTheme['euiTheme']) => string;
 
 }
 declare module '@elastic/eui/src/global_styling/functions' {
@@ -1909,18 +1831,55 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
 	export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
 	export const useEuiNumberFormat: () => string;
 
+}
+declare module '@elastic/eui/src/services/breakpoint/_sorting' {
+	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => {
+	    [k: string]: number;
+	};
+	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => {
+	    [k: string]: number;
+	};
+
+}
+declare module '@elastic/eui/src/global_styling/variables/shadow' {
+	export const EuiThemeShadowSizes: readonly ["xs", "s", "m", "l", "xl"];
+	export type _EuiThemeShadowSize = typeof EuiThemeShadowSizes[number];
+	/**
+	 * Shadow t-shirt sizes descriptions
+	 */
+	export const _EuiShadowSizesDescriptions: Record<_EuiThemeShadowSize, string>;
+	export interface _EuiThemeShadowCustomColor {
+	    color?: string;
+	    property?: 'box-shadow' | 'filter';
+	}
+
+}
+declare module '@elastic/eui/src/global_styling/variables' {
+	export * from '@elastic/eui/src/global_styling/variables/animations';
+	export * from '@elastic/eui/src/global_styling/variables/borders';
+	export * from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export * from '@elastic/eui/src/global_styling/variables/colors';
+	export * from '@elastic/eui/src/global_styling/variables/levels';
+	export * from '@elastic/eui/src/global_styling/variables/size';
+	export * from '@elastic/eui/src/global_styling/variables/shadow';
+	export * from '@elastic/eui/src/global_styling/variables/states';
+	export * from '@elastic/eui/src/global_styling/variables/typography';
+
 }
 declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
 	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
 	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables';
 	/**
 	 * Generates a CSS media query rule string based on the input breakpoint ranges.
-	 * Examples:
+	 * Examples with default theme breakpoints:
+	 *
 	 * euiBreakpoint(['s']) becomes `@media only screen and (min-width: 575px) and (max-width: 767px)`
 	 * euiBreakpoint(['s', 'l']) becomes `@media only screen and (min-width: 575px) and (max-width: 1199px)`
 	 *
-	 * Use the `xs` and `xl` sizes to generate media queries with only min/max-width.
-	 * Examples:
+	 * Use the smallest and largest sizes to generate media queries with only min/max-width.
+	 * Examples with default theme breakpoints:
+	 *
 	 * euiBreakpoint(['xs', 'm']) becomes `@media only screen and (max-width: 991px)`
 	 * euiBreakpoint(['l', 'xl']) becomes `@media only screen and (min-width: 992px)`
 	 */
@@ -4525,7 +4484,7 @@ declare module '@elastic/eui/src/services/popover/popover_positioning' {
 	interface FindPopoverPositionResult {
 	    top: number;
 	    left: number;
-	    position: 'top' | 'right' | 'bottom' | 'left';
+	    position: EuiPopoverPosition;
 	    fit: number;
 	    arrow?: {
 	        left: number;
@@ -4724,6 +4683,7 @@ declare module '@elastic/eui/src/components/popover/popover.styles' {
 }
 declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const openAnimationTiming = "slow";
 	/**
 	 * 1. Can expand further, but it looks weird if it's smaller than the originating button.
 	 * 2. Animation happens on the panel. But don't animate position when using the attached mode like for inputs
@@ -4912,6 +4872,10 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	     * Usually takes the `id` of the popover title
 	     */
 	    'aria-labelledby'?: string;
+	    /**
+	     * Function callback for when the popover positon changes
+	     */
+	    onPositionChange?: (position: EuiPopoverPosition) => void;
 	}
 	export function getPopoverPositionFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
 	export function getPopoverAlignFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
@@ -6575,6 +6539,11 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_anim
 	export const animation_ease: _EuiThemeAnimationEasings;
 	export const animation: _EuiThemeAnimation;
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
+	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables';
+	export const breakpoint: _EuiThemeBreakpoints;
+
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
 	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
@@ -6671,29 +6640,47 @@ declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
 	 * This hook is in its own separate file to make mocking it
 	 * as a testenv easy for Jest unit tests
 	 */
-	export const useCurrentEuiBreakpoint: () => "s" | "xs" | "m" | "l" | "xl" | undefined;
+	export const useCurrentEuiBreakpoint: () => string | undefined;
 
 }
-declare module '@elastic/eui/src/services/breakpoint/useIsWithinBreakpoints' {
+declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
 	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
 	/**
-	 * Given the current window.innerWidth and an array of breakpoint keys,
-	 * this hook stores state and returns true or false if the window.innerWidth
-	 * falls within any of the named breakpoints.
+	 * Given an array of breakpoint keys, this hook returns true or false
+	 * if the breakpoint size of the current window width falls within
+	 * any of the named breakpoints.
 	 *
-	 * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
+	 * @param {EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
 	 * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
 	 *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
 	 * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
 	 */
 	export const useIsWithinBreakpoints: (sizes: _EuiThemeBreakpoint[], isResponsive?: boolean) => boolean;
+	/**
+	 * Given a max breakpoint key, this hook returns true if the breakpoint size
+	 * of the current window width falls within the max breakpoint or any below,
+	 * and false otherwise
+	 *
+	 * @param {EuiThemeBreakpoint} max The named max breakpoint to check against
+	 * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
+	 */
+	export function useIsWithinMaxBreakpoint(max: _EuiThemeBreakpoint): boolean;
+	/**
+	 * Given a min breakpoint key, this hook returns true if the breakpoint size
+	 * of the current window width falls within the min breakpoint or any above,
+	 * and false otherwise
+	 *
+	 * @param {EuiThemeBreakpoint} min The named min breakpoint to check against
+	 * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
+	 */
+	export function useIsWithinMinBreakpoint(min: _EuiThemeBreakpoint): boolean;
 
 }
 declare module '@elastic/eui/src/services/breakpoint' {
-	export * from '@elastic/eui/src/services/breakpoint/breakpoint';
+	export type { _EuiThemeBreakpoint as EuiBreakpointSize } from '@elastic/eui/src/global_styling/variables/breakpoint';
 	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint';
 	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint_hook';
-	export * from '@elastic/eui/src/services/breakpoint/useIsWithinBreakpoints';
+	export * from '@elastic/eui/src/services/breakpoint/is_within_hooks';
 
 }
 declare module '@elastic/eui/src/services/color_picker/color_picker' {
@@ -7130,7 +7117,7 @@ declare module '@elastic/eui/src/services' {
 	export type { HorizontalAlignment } from '@elastic/eui/src/services/alignment';
 	export { LEFT_ALIGNMENT, RIGHT_ALIGNMENT, CENTER_ALIGNMENT } from '@elastic/eui/src/services/alignment';
 	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
-	export { BREAKPOINTS, BREAKPOINT_KEYS, getBreakpoint, isWithinBreakpoints, useIsWithinBreakpoints, isWithinMaxBreakpoint, isWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, } from '@elastic/eui/src/services/breakpoint';
+	export { useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, } from '@elastic/eui/src/services/breakpoint';
 	export type { HSV } from '@elastic/eui/src/services/color';
 	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor, } from '@elastic/eui/src/services/color';
 	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
@@ -7217,6 +7204,7 @@ declare module '@elastic/eui/src/components/accordion/accordion.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiAccordionButtonStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiAccordion__button: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
 	};
 	export const euiAccordionChildrenStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiAccordion__children: import("@emotion/utils").SerializedStyles;
@@ -7325,6 +7313,10 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	     * Choose whether the loading message replaces the content. Customize the message by passing a node
 	     */
 	    isLoadingMessage?: boolean | ReactNode;
+	    /**
+	     * Disable the open/close interaction and visually subdues the trigger
+	     */
+	    isDisabled?: boolean;
 	};
 	export class EuiAccordionClass extends Component<WithEuiThemeProps & EuiAccordionProps, {
 	    isOpen: boolean;
@@ -7334,6 +7326,7 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	        paddingSize: "none";
 	        arrowDisplay: "left";
 	        isLoading: boolean;
+	        isDisabled: boolean;
 	        isLoadingMessage: boolean;
 	        element: "div";
 	        buttonElement: "button";
@@ -7727,7 +7720,8 @@ declare module '@elastic/eui/src/components/bottom_bar/bottom_bar.styles' {
 }
 declare module '@elastic/eui/src/components/bottom_bar/bottom_bar' {
 	import React, { CSSProperties, HTMLAttributes } from 'react';
-	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common'; type BottomBarPaddingSize = 'none' | 's' | 'm' | 'l';
+	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { EuiPortalProps } from '@elastic/eui/src/components/portal'; type BottomBarPaddingSize = 'none' | 's' | 'm' | 'l';
 	export const paddingSizeToClassNameMap: {
 	    [value in BottomBarPaddingSize]: string | null;
 	};
@@ -7738,7 +7732,7 @@ declare module '@elastic/eui/src/components/bottom_bar/bottom_bar' {
 	     * Whether to wrap in an EuiPortal which appends the component to the body element.
 	     * Only works if `position` is `fixed`.
 	     */
-	    usePortal?: boolean;
+	    usePortal?: boolean | EuiPortalProps;
 	    /**
 	     * Whether the component should apply padding on the document body element to afford for its own displacement height.
 	     * Only works if `usePortal` is true and `position` is `fixed`.
@@ -8443,9 +8437,9 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	     */
 	    role?: null | string;
 	    /**
-	     * Named breakpoint or pixel value for customizing the minimum window width to enable the `push` type
+	     * Named breakpoint (`xs` through `xl`) for customizing the minimum window width to enable the `push` type
 	     */
-	    pushMinBreakpoint?: EuiBreakpointSize | number;
+	    pushMinBreakpoint?: EuiBreakpointSize;
 	    style?: CSSProperties;
 	    /**
 	     * Object of props passed to EuiFocusTrap.
@@ -8520,7 +8514,7 @@ declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav' {
 	     */
 	    isDocked?: boolean;
 	    /**
-	     * Named breakpoint or pixel value for customizing the minimum window width to enable docking
+	     * Named breakpoint (`xs` through `xl`) for customizing the minimum window width to enable docking
 	     */
 	    dockedBreakpoint?: EuiFlyoutProps['pushMinBreakpoint'];
 	    /**
@@ -12503,7 +12497,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/async_
 
 }
 declare module '@elastic/eui/src/components/date_picker/date_picker_range' {
-	import { FunctionComponent, ReactNode, ReactElement } from 'react';
+	import { FocusEventHandler, FunctionComponent, ReactNode, ReactElement } from 'react';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export type EuiDatePickerRangeProps = CommonProps & {
@@ -12539,7 +12533,18 @@ declare module '@elastic/eui/src/components/date_picker/date_picker_range' {
 	     * Passes through to each control
 	     */
 	    readOnly?: boolean;
+	    /**
+	     * Passes through to each control
+	     */
 	    fullWidth?: boolean;
+	    /**
+	     * Triggered whenever the start or end controls are blurred
+	     */
+	    onBlur?: FocusEventHandler<HTMLInputElement>;
+	    /**
+	     * Triggered whenever the start or end controls are focused
+	     */
+	    onFocus?: FocusEventHandler<HTMLInputElement>;
 	};
 	export const EuiDatePickerRange: FunctionComponent<EuiDatePickerRangeProps>;
 
@@ -13005,10 +13010,9 @@ declare module '@elastic/eui/src/components/description_list/description_list_co
 declare module '@elastic/eui/src/components/description_list/description_list_title' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
+	export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
 	}
 	export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
@@ -13035,10 +13039,9 @@ declare module '@elastic/eui/src/components/description_list/description_list_de
 declare module '@elastic/eui/src/components/description_list/description_list_description' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
+	export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
 	}
 	export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/description_list/description_list.styles' {
@@ -14854,25 +14857,51 @@ declare module '@elastic/eui/src/components/page/_restrict_width' {
 	 * This is file contains the type specific to that prop and a helper
 	 * function for creating the corresponding classNames and style tags
 	 * based on the consumer's configuration
-	 *
-	 * @param {restrictWidth} boolean | number | string The prop value
-	 * @param {style} CSSProperties An object of style attributes if provided
-	 * @returns {{widthClassName: string, newStyle: CSSProperties}} Returns an object with keys for the class name to append to the component's class and the updated style props
 	 */
 	import { CSSProperties } from 'react';
+	export const PAGE_MAX_WIDTH: CSSProperties['maxWidth'];
 	export type _EuiPageRestrictWidth = {
 	    /**
 	     * Sets the max-width of the page,
-	     * set to `true` to use the default size of `1000px (1200 for Amsterdam)`,
+	     * set to `true` to use the default size of `1200px`,
 	     * set to `false` to not restrict the width,
 	     * set to a number for a custom width in px,
 	     * set to a string for a custom width in custom measurement.
 	     */
 	    restrictWidth?: boolean | number | string;
 	};
+	/**
+	 * **DEPRECATED**
+	 * This function calculates the correct class name and combined styles
+	 * based on the `restrictWidth` value passed in
+	 *
+	 * @param restrictWidth `boolean | number | string` The prop value
+	 * @param style `CSSProperties` An object of style attributes if provided
+	 * @returns An object with keys for the `widthClassName` to append to the component's class and the updated `newStyle` props
+	 */
 	export function setPropsForRestrictedPageWidth(restrictWidth: _EuiPageRestrictWidth['restrictWidth'], style?: CSSProperties): {
 	    widthClassName?: string;
-	    newStyle?: CSSProperties;
+	    newStyle: CSSProperties;
+	};
+	/**
+	 * This function calculates the correct just the combined styles
+	 * based on the `restrictWidth` value passed in
+	 *
+	 * @param restrictWidth `boolean | number | string` The prop value
+	 * @param style `CSSProperties` An object of style attributes if provided
+	 * @returns An object of the updated `style` props
+	 */
+	export function setStyleForRestrictedPageWidth(restrictWidth: _EuiPageRestrictWidth['restrictWidth'], style?: CSSProperties): CSSProperties;
+
+}
+declare module '@elastic/eui/src/components/page/page.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPageStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPage: import("@emotion/utils").SerializedStyles;
+	    grow: import("@emotion/utils").SerializedStyles;
+	    column: import("@emotion/utils").SerializedStyles;
+	    row: import("@emotion/utils").SerializedStyles;
+	    restrictWidth: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -14880,14 +14909,13 @@ declare module '@elastic/eui/src/components/page/page' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
-	export const SIZES: ("s" | "none" | "m" | "l")[];
-	export const DIRECTIONS: ("row" | "column")[];
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	export interface EuiPageProps extends CommonProps, HTMLAttributes<HTMLDivElement>, _EuiPageRestrictWidth {
 	    /**
 	     * Adjust the padding.
 	     * When using this setting it's best to be consistent throughout all similar usages
 	     */
-	    paddingSize?: typeof SIZES[number];
+	    paddingSize?: EuiPaddingSize;
 	    /**
 	     * Adds `flex-grow: 1` to the whole page for stretching to fit vertically.
 	     * Must be wrapped inside a flexbox, preferrably with `min-height: 100vh`
@@ -14901,13 +14929,20 @@ declare module '@elastic/eui/src/components/page/page' {
 	}
 	export const EuiPage: FunctionComponent<EuiPageProps>;
 
+}
+declare module '@elastic/eui/src/components/page/page_body/page_body.styles' {
+	export const euiPageBodyStyles: () => {
+	    euiPageBody: import("@emotion/utils").SerializedStyles;
+	    restrictWidth: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/page/page_body/page_body' {
 	import React, { PropsWithChildren, ComponentType, ComponentProps } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
 	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[]; type ComponentTypes = keyof JSX.IntrinsicElements | ComponentType<any>;
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling'; type ComponentTypes = keyof JSX.IntrinsicElements | ComponentType<any>;
 	export type EuiPageBodyProps<T extends ComponentTypes = 'main'> = CommonProps & ComponentProps<T> & _EuiPageRestrictWidth & {
 	    /**
 	     * Sets the HTML element for `EuiPageBody`.
@@ -14924,9 +14959,9 @@ declare module '@elastic/eui/src/components/page/page_body/page_body' {
 	    /**
 	     * Adjusts the padding
 	     */
-	    paddingSize?: typeof PADDING_SIZES[number];
+	    paddingSize?: EuiPaddingSize;
 	};
-	export const EuiPageBody: <T extends ComponentTypes>({ children, restrictWidth, style, className, component: Component, panelled, panelProps, paddingSize, borderRadius, ...rest }: React.PropsWithChildren<EuiPageBodyProps<T>>) => JSX.Element;
+	export const EuiPageBody: <T extends ComponentTypes>({ children, restrictWidth, className, component: Component, panelled, panelProps, paddingSize, borderRadius, ...rest }: React.PropsWithChildren<EuiPageBodyProps<T>>) => JSX.Element;
 	export {};
 
 }
@@ -14951,7 +14986,11 @@ declare module '@elastic/eui/src/components/page/page_content/page_content' {
 	     */
 	    role?: HTMLAttributes['role'] | null;
 	};
-	export const EuiPageContent: FunctionComponent<EuiPageContentProps>;
+	/**
+	 * **DEPRECATED**
+	 * Use EuiPageSection instead
+	 */
+	export const EuiPageContent_Deprecated: FunctionComponent<EuiPageContentProps>;
 
 }
 declare module '@elastic/eui/src/components/page/page_content/page_content_body' {
@@ -14966,7 +15005,11 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_body'
 	     */
 	    paddingSize?: typeof PADDING_SIZES[number];
 	}
-	export const EuiPageContentBody: FunctionComponent<EuiPageContentBodyProps>;
+	/**
+	 * **DEPRECATED**
+	 * Use EuiPageSection instead
+	 */
+	export const EuiPageContentBody_Deprecated: FunctionComponent<EuiPageContentBodyProps>;
 
 }
 declare module '@elastic/eui/src/components/page/page_content/page_content_header' {
@@ -14979,7 +15022,11 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_heade
 	     */
 	    responsive?: boolean;
 	}
-	export const EuiPageContentHeader: FunctionComponent<EuiPageContentHeaderProps>;
+	/**
+	 * **DEPRECATED**
+	 * Use EuiPageHeader instead
+	 */
+	export const EuiPageContentHeader_Deprecated: FunctionComponent<EuiPageContentHeaderProps>;
 
 }
 declare module '@elastic/eui/src/components/page/page_content/page_content_header_section' {
@@ -14987,18 +15034,45 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_heade
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export interface EuiPageContentHeaderSectionProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
 	}
-	export const EuiPageContentHeaderSection: FunctionComponent<EuiPageContentHeaderSectionProps>;
+	/**
+	 * **DEPRECATED**
+	 * Use EuiPageHeader instead
+	 */
+	export const EuiPageContentHeaderSection_Deprecated: FunctionComponent<EuiPageContentHeaderSectionProps>;
 
 }
 declare module '@elastic/eui/src/components/page/page_content' {
 	export type { EuiPageContentProps } from '@elastic/eui/src/components/page/page_content/page_content';
-	export { EuiPageContent } from '@elastic/eui/src/components/page/page_content/page_content';
+	export { EuiPageContent_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content';
 	export type { EuiPageContentBodyProps } from '@elastic/eui/src/components/page/page_content/page_content_body';
-	export { EuiPageContentBody } from '@elastic/eui/src/components/page/page_content/page_content_body';
+	export { EuiPageContentBody_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content_body';
 	export type { EuiPageContentHeaderProps } from '@elastic/eui/src/components/page/page_content/page_content_header';
-	export { EuiPageContentHeader } from '@elastic/eui/src/components/page/page_content/page_content_header';
+	export { EuiPageContentHeader_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content_header';
 	export type { EuiPageContentHeaderSectionProps } from '@elastic/eui/src/components/page/page_content/page_content_header_section';
-	export { EuiPageContentHeaderSection } from '@elastic/eui/src/components/page/page_content/page_content_header_section';
+	export { EuiPageContentHeaderSection_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content_header_section';
+
+}
+declare module '@elastic/eui/src/components/page/page_header/page_header.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPageHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiPageHeader: import("@emotion/utils").SerializedStyles;
+	    border: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/page/page_header/page_header_content.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPageHeaderContentStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiPageHeaderContent: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    bottom: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	    stretch: import("@emotion/utils").SerializedStyles;
+	    flex: import("@emotion/utils").SerializedStyles;
+	    responsive: import("@emotion/utils").SerializedStyles;
+	    responsiveReverse: import("@emotion/utils").SerializedStyles;
+	    euiPageHeaderContent__titleIcon: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/components/page/page_header/page_header_content' {
@@ -15010,6 +15084,8 @@ declare module '@elastic/eui/src/components/page/page_header/page_header_content
 	import { EuiFlexGroupProps } from '@elastic/eui/src/components/flex';
 	import { EuiTitleProps } from '@elastic/eui/src/components/title';
 	import { EuiBreadcrumbsProps } from '@elastic/eui/src/components/breadcrumbs';
+	import { PADDING_SIZES } from '@elastic/eui/src/global_styling';
+	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
 	export const ALIGN_ITEMS: readonly ["top", "bottom", "center", "stretch"]; type Tab = EuiTabProps & {
 	    /**
 	     * Visible text of the tab
@@ -15067,7 +15143,16 @@ declare module '@elastic/eui/src/components/page/page_header/page_header_content
 	     */
 	    description?: string | ReactNode;
 	}
-	export interface _EuiPageHeaderContentProps extends EuiPageHeaderContentLeft {
+	export interface _EuiPageHeaderContentProps extends EuiPageHeaderContentLeft, _EuiPageRestrictWidth {
+	    /**
+	     * The only option is on/off
+	     */
+	    bottomBorder?: boolean;
+	    /**
+	     * Adjust the padding.
+	     * When using this setting it's best to be consistent throughout all similar usages
+	     */
+	    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)
@@ -15075,7 +15160,7 @@ declare module '@elastic/eui/src/components/page/page_header/page_header_content
 	    responsive?: boolean | 'reverse';
 	    /**
 	     * Vertical alignment of the left and right side content;
-	     * Default is `middle` for custom content, but `top` for when `pageTitle` or `tabs` are included
+	     * Default is `center` for custom content, but `top` for when `pageTitle` or `tabs` are included
 	     */
 	    alignItems?: typeof ALIGN_ITEMS[number];
 	    /**
@@ -15098,23 +15183,29 @@ declare module '@elastic/eui/src/components/page/page_header/page_header_content
 	export const EuiPageHeaderContent: FunctionComponent<EuiPageHeaderContentProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/page/_bottom_border' {
+	export type _EuiPageBottomBorder = {
+	    /**
+	     * Adds a bottom border to separate it from the content after;
+	     * Passing `extended` will ensure the border touches the sides of the parent container.
+	     */
+	    bottomBorder?: boolean | 'extended';
+	};
+
 }
 declare module '@elastic/eui/src/components/page/page_header/page_header' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { _EuiPageHeaderContentProps } from '@elastic/eui/src/components/page/page_header/page_header_content';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[];
-	export interface EuiPageHeaderProps extends CommonProps, HTMLAttributes<HTMLElement>, _EuiPageHeaderContentProps, _EuiPageRestrictWidth {
+	import { _EuiPageBottomBorder } from '@elastic/eui/src/components/page/_bottom_border';
+	export interface EuiPageHeaderProps extends CommonProps, HTMLAttributes<HTMLElement>, Omit<_EuiPageHeaderContentProps, 'bottomBorder'>, _EuiPageRestrictWidth, _EuiPageBottomBorder {
 	    /**
-	     * Adjust the padding.
-	     * When using this setting it's best to be consistent throughout all similar usages
-	     */
-	    paddingSize?: typeof PADDING_SIZES[number];
-	    /**
-	     * Adds a bottom border to separate it from the content after
+	     * Adjust the overall padding.
 	     */
-	    bottomBorder?: boolean;
+	    paddingSize?: EuiPaddingSize;
 	}
 	export const EuiPageHeader: FunctionComponent<EuiPageHeaderProps>;
 
@@ -15135,6 +15226,62 @@ declare module '@elastic/eui/src/components/page/page_header' {
 	export type { EuiPageHeaderSectionProps } from '@elastic/eui/src/components/page/page_header/page_header_section';
 	export { EuiPageHeaderSection } from '@elastic/eui/src/components/page/page_header/page_header_section';
 
+}
+declare module '@elastic/eui/src/components/page/page_section/page_section.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const ALIGNMENTS: readonly ["top", "center", "horizontalCenter"];
+	export const euiPageSectionStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiPageSection: import("@emotion/utils").SerializedStyles;
+	    grow: import("@emotion/utils").SerializedStyles;
+	    border: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	    horizontalCenter: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiPageSectionContentStyles: () => {
+	    euiPageSection__content: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	    restrictWidth: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/page/page_section/page_section' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
+	import { _EuiPageBottomBorder } from '@elastic/eui/src/components/page/_bottom_border';
+	import { ALIGNMENTS } from '@elastic/eui/src/components/page/page_section/page_section.styles';
+	import { EuiPaddingSize, _EuiBackgroundColor } from '@elastic/eui/src/global_styling';
+	export type EuiPageSectionProps = CommonProps & _EuiPageRestrictWidth & _EuiPageBottomBorder & {
+	    /**
+	     * Background color of the section;
+	     * Usually a lightened form of the brand colors
+	     */
+	    color?: _EuiBackgroundColor;
+	    /**
+	     * Padding for all four sides
+	     */
+	    paddingSize?: EuiPaddingSize;
+	    /**
+	     * Horizontal and/or vertical alignment of the section contents
+	     */
+	    alignment?: typeof ALIGNMENTS[number];
+	    /**
+	     * When true the panel will grow in height to fill container if parent is a flex group
+	     */
+	    grow?: boolean;
+	    /**
+	     * Passed down to the div wrapper of the section contents
+	     */
+	    contentProps?: HTMLAttributes<HTMLDivElement>;
+	} & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+	export const EuiPageSection: FunctionComponent<EuiPageSectionProps>;
+
+}
+declare module '@elastic/eui/src/components/page/page_section' {
+	export type { EuiPageSectionProps } from '@elastic/eui/src/components/page/page_section/page_section';
+	export { EuiPageSection } from '@elastic/eui/src/components/page/page_section/page_section';
+
 }
 declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
@@ -15142,7 +15289,7 @@ declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
 	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[];
 	export interface EuiPageSideBarProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
 	    /**
-	     * Adds `position: sticky` and affords for any fixed position headers
+	     * Adds `position: sticky`
 	     */
 	    sticky?: boolean;
 	    /**
@@ -15150,24 +15297,74 @@ declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
 	     */
 	    paddingSize?: typeof PADDING_SIZES[number];
 	}
-	export const EuiPageSideBar: FunctionComponent<EuiPageSideBarProps>;
+	/**
+	 * **DEPRECATED**
+	 * Use the new EuiPageSidebar instead
+	 */
+	export const EuiPageSideBar_Deprecated: FunctionComponent<EuiPageSideBarProps>;
 
 }
 declare module '@elastic/eui/src/components/page/page_side_bar' {
 	export type { EuiPageSideBarProps } from '@elastic/eui/src/components/page/page_side_bar/page_side_bar';
-	export { EuiPageSideBar } from '@elastic/eui/src/components/page/page_side_bar/page_side_bar';
+	export { EuiPageSideBar_Deprecated } from '@elastic/eui/src/components/page/page_side_bar/page_side_bar';
+
+}
+declare module '@elastic/eui/src/components/page/page_sidebar/page_sidebar.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPageSidebarStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPageSidebar: import("@emotion/utils").SerializedStyles;
+	    sticky: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/page/page_sidebar/page_sidebar' {
+	import { CSSProperties, FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiPaddingSize, _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling';
+	export interface EuiPageSidebarProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
+	    /**
+	     * Adjust the padding.
+	     * When using this setting it's best to be consistent throughout all similar usages.
+	     */
+	    paddingSize?: EuiPaddingSize;
+	    /**
+	     * Adds `position: sticky` and affords for any fixed position headers.
+	     */
+	    sticky?: boolean | {
+	        /**
+	         * To account for any fixed elements like headers,
+	         * pass in the value of the total height of those fixed elements.
+	         */
+	        offset?: number;
+	    };
+	    /**
+	     * A minimum width is necessary to maintain size.
+	     * Be sure to take `paddingSize` into account.
+	     */
+	    minWidth?: CSSProperties['width'];
+	    /**
+	     * Sets the `minWidth` to 100% when within these breakpoints.
+	     */
+	    responsive?: _EuiThemeBreakpoint[];
+	}
+	export const EuiPageSidebar: FunctionComponent<EuiPageSidebarProps>;
+
+}
+declare module '@elastic/eui/src/components/page/page_sidebar' {
+	export type { EuiPageSidebarProps } from '@elastic/eui/src/components/page/page_sidebar/page_sidebar';
+	export { EuiPageSidebar } from '@elastic/eui/src/components/page/page_sidebar/page_sidebar';
 
 }
 declare module '@elastic/eui/src/components/page/page_template' {
 	import { CSSProperties, FunctionComponent, ReactNode } from 'react';
-	import { EuiPageProps, SIZES } from '@elastic/eui/src/components/page/page';
+	import { EuiPageProps } from '@elastic/eui/src/components/page/page';
 	import { EuiPageSideBarProps } from '@elastic/eui/src/components/page/page_side_bar';
 	import { EuiPageBodyProps } from '@elastic/eui/src/components/page/page_body';
 	import { EuiPageHeaderProps } from '@elastic/eui/src/components/page/page_header';
 	import { EuiPageContentProps, EuiPageContentBodyProps } from '@elastic/eui/src/components/page/page_content';
 	import { EuiBottomBarProps } from '@elastic/eui/src/components/bottom_bar';
 	export const TEMPLATES: readonly ["default", "centeredBody", "centeredContent", "empty"];
-	export type EuiPageTemplateProps = Omit<EuiPageProps, 'paddingSize'> & {
+	export type EuiPageTemplateProps_Deprecated = Omit<EuiPageProps, 'paddingSize'> & {
 	    /**
 	     * Choose between 3 types of templates.
 	     * `default`: Typical layout with nothing centered
@@ -15180,7 +15377,7 @@ declare module '@elastic/eui/src/components/page/page_template' {
 	     * Padding size will not get applied to the over-arching #EuiPage,
 	     * but will propogate through all the components to keep them in sync
 	     */
-	    paddingSize?: typeof SIZES[number];
+	    paddingSize?: 'none' | 's' | 'm' | 'l';
 	    /**
 	     * Optionally include #EuiPageSideBar content.
 	     * The inclusion of this will affect the whole layout
@@ -15227,7 +15424,12 @@ declare module '@elastic/eui/src/components/page/page_template' {
 	     */
 	    minHeight?: CSSProperties['minHeight'];
 	};
-	export const EuiPageTemplate: FunctionComponent<EuiPageTemplateProps>;
+	/**
+	 * This component has been deprecated in favor of the new
+	 * namespaced version. You can still import this component
+	 * for a period of time by importing `as EuiPageTemplate`.
+	 */
+	export const EuiPageTemplate_Deprecated: FunctionComponent<EuiPageTemplateProps_Deprecated>;
 
 }
 declare module '@elastic/eui/src/components/page' {
@@ -15236,13 +15438,183 @@ declare module '@elastic/eui/src/components/page' {
 	export type { EuiPageBodyProps } from '@elastic/eui/src/components/page/page_body';
 	export { EuiPageBody } from '@elastic/eui/src/components/page/page_body';
 	export type { EuiPageContentProps, EuiPageContentBodyProps, EuiPageContentHeaderProps, EuiPageContentHeaderSectionProps, } from '@elastic/eui/src/components/page/page_content';
-	export { EuiPageContent, EuiPageContentBody, EuiPageContentHeader, EuiPageContentHeaderSection, } from '@elastic/eui/src/components/page/page_content';
+	export { EuiPageContent_Deprecated, EuiPageContentBody_Deprecated, EuiPageContentHeader_Deprecated, EuiPageContentHeaderSection_Deprecated, } from '@elastic/eui/src/components/page/page_content';
 	export type { EuiPageHeaderContentProps, EuiPageHeaderProps, EuiPageHeaderSectionProps, } from '@elastic/eui/src/components/page/page_header';
 	export { EuiPageHeader, EuiPageHeaderContent, EuiPageHeaderSection, } from '@elastic/eui/src/components/page/page_header';
+	export type { EuiPageSectionProps } from '@elastic/eui/src/components/page/page_section';
+	export { EuiPageSection } from '@elastic/eui/src/components/page/page_section';
 	export type { EuiPageSideBarProps } from '@elastic/eui/src/components/page/page_side_bar';
-	export { EuiPageSideBar } from '@elastic/eui/src/components/page/page_side_bar';
-	export type { EuiPageTemplateProps } from '@elastic/eui/src/components/page/page_template';
-	export { EuiPageTemplate } from '@elastic/eui/src/components/page/page_template';
+	export { EuiPageSideBar_Deprecated } from '@elastic/eui/src/components/page/page_side_bar';
+	export type { EuiPageSidebarProps } from '@elastic/eui/src/components/page/page_sidebar';
+	export { EuiPageSidebar } from '@elastic/eui/src/components/page/page_sidebar';
+	export type { EuiPageTemplateProps_Deprecated } from '@elastic/eui/src/components/page/page_template';
+	export { EuiPageTemplate_Deprecated } from '@elastic/eui/src/components/page/page_template';
+
+}
+declare module '@elastic/eui/src/components/page_template/outer/page_outer.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPageOuterStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiPageOuter: import("@emotion/utils").SerializedStyles;
+	    grow: import("@emotion/utils").SerializedStyles;
+	    column: import("@emotion/utils").SerializedStyles;
+	    row: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/page_template/outer/page_outer' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling';
+	export interface _EuiPageOuterProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
+	    /**
+	     * Adds `flex-grow: 1` to the whole page for stretching to fit vertically.
+	     * Must be wrapped inside a flexbox, preferrably with `min-height: 100vh`
+	     */
+	    grow?: boolean;
+	    /**
+	     * Changes the `flex-direction` property.
+	     * Flip to `column` when not including a sidebar.
+	     */
+	    direction?: 'row' | 'column';
+	    /**
+	     * When direction is `row`, it will flip to `column` when within these breakpoints
+	     */
+	    responsive?: _EuiThemeBreakpoint[];
+	}
+	export const _EuiPageOuter: FunctionComponent<_EuiPageOuterProps>;
+
+}
+declare module '@elastic/eui/src/components/page_template/outer' {
+	export type { _EuiPageOuterProps } from '@elastic/eui/src/components/page_template/outer/page_outer';
+	export { _EuiPageOuter } from '@elastic/eui/src/components/page_template/outer/page_outer';
+
+}
+declare module '@elastic/eui/src/components/page_template/inner/page_inner.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPageInnerStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPageInner: import("@emotion/utils").SerializedStyles;
+	    panelled: import("@emotion/utils").SerializedStyles;
+	    border: {
+	        top: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/components/page_template/inner/page_inner' {
+	import React, { PropsWithChildren, ComponentType, ComponentProps } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiPaddingSize, _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling'; type ComponentTypes = keyof JSX.IntrinsicElements | ComponentType;
+	export type _EuiPageInnerProps<T extends ComponentTypes = 'main'> = CommonProps & ComponentProps<T> & {
+	    /**
+	     * Sets which HTML element to render.
+	     */
+	    component?: T;
+	    /**
+	     * Adds a white background and shadow to define the area.
+	     */
+	    panelled?: boolean;
+	    /**
+	     * Adds a single side border, based on the `responsive` state.
+	     * Typically added when a side bar exists.
+	     */
+	    border?: boolean;
+	    /**
+	     * Adjust the overall padding.
+	     */
+	    paddingSize?: EuiPaddingSize;
+	    /**
+	     * Decides at which point the component will be 100vw.
+	     */
+	    responsive?: _EuiThemeBreakpoint[];
+	};
+	export const _EuiPageInner: <T extends ComponentTypes>({ children, component: Component, panelled, border, paddingSize, responsive, ...rest }: React.PropsWithChildren<_EuiPageInnerProps<T>>) => JSX.Element;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/page_template/inner' {
+	export type { _EuiPageInnerProps } from '@elastic/eui/src/components/page_template/inner/page_inner';
+	export { _EuiPageInner } from '@elastic/eui/src/components/page_template/inner/page_inner';
+
+}
+declare module '@elastic/eui/src/components/page_template/bottom_bar/page_bottom_bar' {
+	import { FunctionComponent } from 'react';
+	import { EuiBottomBarProps } from '@elastic/eui/src/components/bottom_bar';
+	import { EuiPageSectionProps } from '@elastic/eui/src/components/page/page_section';
+	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
+	export interface _EuiPageBottomBarProps extends Pick<EuiPageSectionProps, 'paddingSize'>, _EuiPageRestrictWidth, Omit<EuiBottomBarProps, 'paddingSize'> {
+	    /**
+	     * The reference id of the element to insert into
+	     */
+	    parent?: string;
+	}
+	export const _EuiPageBottomBar: FunctionComponent<_EuiPageBottomBarProps>;
+
+}
+declare module '@elastic/eui/src/components/page_template/empty_prompt/page_empty_prompt' {
+	import { FunctionComponent } from 'react';
+	import { EuiEmptyPromptProps } from '@elastic/eui/src/components/empty_prompt';
+	import { EuiPageSectionProps } from '@elastic/eui/src/components/page/page_section';
+	export type _EuiPageEmptyPromptProps = Omit<EuiPageSectionProps, 'title' | 'bottomBorder'> & Omit<EuiEmptyPromptProps, 'paddingSize'> & {
+	    panelled?: boolean;
+	};
+	export const _EuiPageEmptyPrompt: FunctionComponent<_EuiPageEmptyPromptProps>;
+
+}
+declare module '@elastic/eui/src/components/page_template/page_template' {
+	import React, { CSSProperties, FunctionComponent, HTMLAttributes } from 'react';
+	import { _EuiPageOuterProps } from '@elastic/eui/src/components/page_template/outer';
+	import { _EuiPageInnerProps } from '@elastic/eui/src/components/page_template/inner';
+	import { _EuiPageBottomBarProps } from '@elastic/eui/src/components/page_template/bottom_bar/page_bottom_bar';
+	import { _EuiPageEmptyPromptProps } from '@elastic/eui/src/components/page_template/empty_prompt/page_empty_prompt';
+	import { EuiPageHeaderProps, EuiPageSectionProps } from '@elastic/eui/src/components/page';
+	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
+	import { _EuiPageBottomBorder } from '@elastic/eui/src/components/page/_bottom_border';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const TemplateContext: React.Context<{
+	    section: {};
+	    header: {};
+	    emptyPrompt: {};
+	    bottomBar: {};
+	}>;
+	export type EuiPageTemplateProps = _EuiPageOuterProps & Omit<_EuiPageInnerProps, 'border'> & _EuiPageRestrictWidth & _EuiPageBottomBorder & {
+	    /**
+	     * Applies a top or left border to the inner contents
+	     * to add separation between content and sidebar when a sidebar exists.
+	     */
+	    contentBorder?: _EuiPageInnerProps['border'];
+	    /**
+	     * Minimum height in which to enforce scrolling
+	     */
+	    minHeight?: CSSProperties['minHeight'];
+	    /**
+	     * To account for any fixed elements like headers,
+	     * pass in the value of the total height of those fixed elements.
+	     * Otherwise they will be calculated based on the data attributes on the body element.
+	     */
+	    offset?: number;
+	    /**
+	     * Passes through some common HTML attributes to the `main` content wrapper
+	     */
+	    mainProps?: CommonProps & HTMLAttributes<HTMLElement>;
+	};
+	/**
+	 * Consumed via `EuiPageTemplate`,
+	 * it controls and propogates most of the shared props per direct child
+	 */
+	export const _EuiPageTemplate: FunctionComponent<EuiPageTemplateProps>;
+	export const EuiPageTemplate: React.FunctionComponent<EuiPageTemplateProps> & {
+	    Sidebar: React.FunctionComponent<import ("@elastic/eui/src/components/page").EuiPageSidebarProps>;
+	    Header: React.FunctionComponent<EuiPageHeaderProps>;
+	    Section: React.FunctionComponent<EuiPageSectionProps>;
+	    BottomBar: React.FunctionComponent<_EuiPageBottomBarProps>;
+	    EmptyPrompt: React.FunctionComponent<_EuiPageEmptyPromptProps>;
+	};
+
+}
+declare module '@elastic/eui/src/components/page_template' {
+	export type { EuiPageTemplateProps } from '@elastic/eui/src/components/page_template/page_template';
+	export { EuiPageTemplate } from '@elastic/eui/src/components/page_template/page_template';
 
 }
 declare module '@elastic/eui/src/global_styling/utility/utility' {
@@ -15276,7 +15648,7 @@ declare module '@elastic/eui/src/components/provider/cache/cache_provider' {
 	import { PropsWithChildren } from 'react';
 	import { EmotionCache } from '@emotion/cache';
 	export interface EuiCacheProviderProps {
-	    cache?: false | EmotionCache;
+	    cache?: EmotionCache;
 	}
 	export const EuiCacheProvider: ({ cache, children, }: PropsWithChildren<EuiCacheProviderProps>) => JSX.Element;
 
@@ -17666,19 +18038,35 @@ declare module '@elastic/eui/src/components/table' {
 }
 declare module '@elastic/eui/src/components/tour/tour_step_indicator' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const statusToClassNameMap: {
-	    complete: string;
-	    incomplete: string;
-	    active: string;
-	};
-	export const STATUS: ("active" | "incomplete" | "complete")[];
-	export type EuiTourStepStatus = keyof typeof statusToClassNameMap;
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type EuiTourStepStatus = 'complete' | 'incomplete' | 'active';
 	export interface EuiTourStepIndicatorProps extends CommonProps, HTMLAttributes<HTMLLIElement> {
 	    number: number;
 	    status: EuiTourStepStatus;
 	}
 	export const EuiTourStepIndicator: FunctionComponent<EuiTourStepIndicatorProps>;
-	export {};
+
+}
+declare module '@elastic/eui/src/components/tour/tour.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTourStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
+	    euiTour: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiTourBeaconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTourBeacon: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    bottom: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiTourHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTourHeader: import("@emotion/utils").SerializedStyles;
+	    euiTourHeader__title: import("@emotion/utils").SerializedStyles;
+	    euiTourHeader__subtitle: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiTourFooterStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
+	    euiTourFooter: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/components/tour/tour_step' {
@@ -17797,17 +18185,18 @@ declare module '@elastic/eui/src/components/tour/useEuiTour' {
 	import { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step';
 	import { EuiTourActions, EuiTourState } from '@elastic/eui/src/components/tour/types';
 	export type EuiStatelessTourStep = EuiTourStepProps & Partial<EuiTourState>;
-	export const useEuiTour: (stepsArray: EuiStatelessTourStep[], initialState: EuiTourState) => [EuiTourStepProps[], EuiTourActions, EuiTourState];
+	export type EuiStatelessTourSteps = Array<Exclude<EuiStatelessTourStep, 'onFinish'>>;
+	export const useEuiTour: (stepsArray: EuiStatelessTourSteps, initialState: EuiTourState) => [EuiTourStepProps[], EuiTourActions, EuiTourState];
 
 }
 declare module '@elastic/eui/src/components/tour/tour' {
 	import { FunctionComponent, ReactElement } from 'react';
-	import { EuiStatelessTourStep } from '@elastic/eui/src/components/tour/useEuiTour';
+	import { EuiStatelessTourSteps } from '@elastic/eui/src/components/tour/useEuiTour';
 	import { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step';
 	import { EuiTourActions, EuiTourState } from '@elastic/eui/src/components/tour/types';
 	export interface EuiTourProps {
 	    children: (steps: EuiTourStepProps[], actions: EuiTourActions, state: EuiTourState) => ReactElement;
-	    steps: EuiStatelessTourStep[];
+	    steps: EuiStatelessTourSteps;
 	    initialState: EuiTourState;
 	}
 	export const EuiTour: FunctionComponent<EuiTourProps>;
@@ -17820,7 +18209,7 @@ declare module '@elastic/eui/src/components/tour' {
 	export { EuiTourStep } from '@elastic/eui/src/components/tour/tour_step';
 	export type { EuiTourStepIndicatorProps } from '@elastic/eui/src/components/tour/tour_step_indicator';
 	export { EuiTourStepIndicator } from '@elastic/eui/src/components/tour/tour_step_indicator';
-	export type { EuiStatelessTourStep } from '@elastic/eui/src/components/tour/useEuiTour';
+	export type { EuiStatelessTourStep, EuiStatelessTourSteps } from '@elastic/eui/src/components/tour/useEuiTour';
 	export { useEuiTour } from '@elastic/eui/src/components/tour/useEuiTour';
 	export * from '@elastic/eui/src/components/tour/types';
 
@@ -19030,6 +19419,7 @@ declare module '@elastic/eui/src/components' {
 	export * from '@elastic/eui/src/components/outside_click_detector';
 	export * from '@elastic/eui/src/components/overlay_mask';
 	export * from '@elastic/eui/src/components/page';
+	export * from '@elastic/eui/src/components/page_template';
 	export * from '@elastic/eui/src/components/pagination';
 	export * from '@elastic/eui/src/components/panel';
 	export * from '@elastic/eui/src/components/popover';
@@ -19068,56 +19458,6 @@ declare module '@elastic/eui' {
 	export * from '@elastic/eui/src/themes';
 	export * from '@elastic/eui/src/global_styling';
 
-}
-declare module '@elastic/eui/src/test/internal/render_with_styles' {
-	import { ReactElement } from 'react';
-	/**
-	 * Use this function to add the `@emotion` Jest serializer to a single test.
-	 * The resulting snapshot will include the styles of elements in the component that use `@emotion` for styling.
-	 *
-	 * This function must be run outside of a `test` block:
-	 
-	  ```
-	  describe('EuiMark', () => {
-	    renderWithStyles(<EuiMark>Marked</EuiMark>);
-
-	    test('is rendered', () => {});
-	  });
-	  ```
-	 */
-	export const renderWithStyles: (component: ReactElement) => never;
-
-}
-declare module '@elastic/eui/src/test/internal/render_custom_styles' {
-	import { ReactElement } from 'react';
-	/**
-	 * Use this test helper to quickly check that the component supports custom
-	 * `className`, `css`, and `style` properties.
-	 *
-	 * Example usage:
-	 *
-	 * shouldRenderCustomStyles(<EuiMark {...requiredProps} />Marked</EuiMark>);
-	 */
-	export const shouldRenderCustomStyles: (component: ReactElement) => void;
-
-}
-declare module '@elastic/eui/src/test/internal/test_custom_hook' {
-	
-	export const HookWrapper: (props: {
-	    hook?: Function;
-	}) => JSX.Element;
-	export const testCustomHook: <T>(hook?: Function | undefined, args?: unknown) => {
-	    return: T;
-	    getUpdatedState: () => T;
-	    updateHookArgs: (args: unknown) => void;
-	};
-
-}
-declare module '@elastic/eui/src/test/internal' {
-	export * from '@elastic/eui/src/test/internal/render_with_styles';
-	export * from '@elastic/eui/src/test/internal/render_custom_styles';
-	export * from '@elastic/eui/src/test/internal/test_custom_hook';
-
 }
 declare module '@elastic/eui/src/components/icon/assets/videoPlayer' {
 	import * as React from 'react';
@@ -23662,96 +24002,6 @@ declare module 'mdast-util-to-hast/lib/all' {
   const all: (h: H, node: Node) => Node[];
   export = all;
 }
-declare module '@elastic/eui/src/test/rtl/component_helpers' {
-	import '@testing-library/jest-dom';
-	/**
-	 * Ensure the EuiPopover being tested is open/closed before continuing
-	 * Note: Because EuiPopover is portalled, we want to query `document`
-	 * instead of the `container` returned by RTL's render()
-	 */
-	export const waitForEuiPopoverOpen: () => Promise<void>;
-	export const waitForEuiPopoverClose: () => Promise<void>;
-	/**
-	 * Ensure the EuiToolTip being tested is open and visible before continuing
-	 */
-	export const waitForEuiToolTipVisible: () => Promise<void>;
-	export const waitForEuiToolTipHidden: () => Promise<void>;
-
-}
-declare module '@elastic/eui/src/test/rtl/data_test_subj_queries' {
-	import { queryHelpers, Matcher, MatcherOptions } from '@testing-library/react'; const queryAllByTestSubject: (container: HTMLElement, id: Matcher, options?: MatcherOptions | undefined) => HTMLElement[]; const queryByTestSubject: queryHelpers.QueryBy<[Matcher]>, getAllByTestSubject: queryHelpers.GetAllBy<[Matcher]>, getByTestSubject: queryHelpers.GetBy<[Matcher]>, findAllByTestSubject: queryHelpers.FindAllBy<[Matcher]>, findByTestSubject: queryHelpers.FindBy<[Matcher]>;
-	export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, };
-
-}
-declare module '@elastic/eui/src/test/rtl/custom_render' {
-	import { ReactElement } from 'react';
-	import { queries, RenderOptions, Screen } from '@testing-library/react';
-	import * as dataTestSubjQueries from '@elastic/eui/src/test/rtl/data_test_subj_queries'; const customRender: (ui: ReactElement, { queries: renderQueries, ...options }?: RenderOptions) => import("@testing-library/react").RenderResult<{
-	    getByLabelText: typeof queries.getByLabelText;
-	    getAllByLabelText: typeof queries.getAllByLabelText;
-	    queryByLabelText: typeof queries.queryByLabelText;
-	    queryAllByLabelText: typeof queries.queryAllByLabelText;
-	    findByLabelText: typeof queries.findByLabelText;
-	    findAllByLabelText: typeof queries.findAllByLabelText;
-	    getByPlaceholderText: typeof queries.getByPlaceholderText;
-	    getAllByPlaceholderText: typeof queries.getAllByPlaceholderText;
-	    queryByPlaceholderText: typeof queries.queryByPlaceholderText;
-	    queryAllByPlaceholderText: typeof queries.queryAllByPlaceholderText;
-	    findByPlaceholderText: typeof queries.findByPlaceholderText;
-	    findAllByPlaceholderText: typeof queries.findAllByPlaceholderText;
-	    getByText: typeof queries.getByText;
-	    getAllByText: typeof queries.getAllByText;
-	    queryByText: typeof queries.queryByText;
-	    queryAllByText: typeof queries.queryAllByText;
-	    findByText: typeof queries.findByText;
-	    findAllByText: typeof queries.findAllByText;
-	    getByAltText: typeof queries.getByAltText;
-	    getAllByAltText: typeof queries.getAllByAltText;
-	    queryByAltText: typeof queries.queryByAltText;
-	    queryAllByAltText: typeof queries.queryAllByAltText;
-	    findByAltText: typeof queries.findByAltText;
-	    findAllByAltText: typeof queries.findAllByAltText;
-	    getByTitle: typeof queries.getByTitle;
-	    getAllByTitle: typeof queries.getAllByTitle;
-	    queryByTitle: typeof queries.queryByTitle;
-	    queryAllByTitle: typeof queries.queryAllByTitle;
-	    findByTitle: typeof queries.findByTitle;
-	    findAllByTitle: typeof queries.findAllByTitle;
-	    getByDisplayValue: typeof queries.getByDisplayValue;
-	    getAllByDisplayValue: typeof queries.getAllByDisplayValue;
-	    queryByDisplayValue: typeof queries.queryByDisplayValue;
-	    queryAllByDisplayValue: typeof queries.queryAllByDisplayValue;
-	    findByDisplayValue: typeof queries.findByDisplayValue;
-	    findAllByDisplayValue: typeof queries.findAllByDisplayValue;
-	    getByRole: typeof queries.getByRole;
-	    getAllByRole: typeof queries.getAllByRole;
-	    queryByRole: typeof queries.queryByRole;
-	    queryAllByRole: typeof queries.queryAllByRole;
-	    findByRole: typeof queries.findByRole;
-	    findAllByRole: typeof queries.findAllByRole;
-	    getByTestId: typeof queries.getByTestId;
-	    getAllByTestId: typeof queries.getAllByTestId;
-	    queryByTestId: typeof queries.queryByTestId;
-	    queryAllByTestId: typeof queries.queryAllByTestId;
-	    findByTestId: typeof queries.findByTestId;
-	    findAllByTestId: typeof queries.findAllByTestId;
-	    queryByTestSubject: import("@testing-library/react").QueryBy<[import("@testing-library/react").Matcher]>;
-	    queryAllByTestSubject: (container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-	    getByTestSubject: import("@testing-library/react").GetBy<[import("@testing-library/react").Matcher]>;
-	    getAllByTestSubject: import("@testing-library/react").GetAllBy<[import("@testing-library/react").Matcher]>;
-	    findAllByTestSubject: import("@testing-library/react").FindAllBy<[import("@testing-library/react").Matcher]>;
-	    findByTestSubject: import("@testing-library/react").FindBy<[import("@testing-library/react").Matcher]>;
-	}, HTMLElement, HTMLElement>;
-	export { customRender as render }; const customScreen: Screen<typeof queries & typeof dataTestSubjQueries>;
-	export { customScreen as screen };
-
-}
-declare module '@elastic/eui/src/test/rtl' {
-	export * from '@elastic/eui/src/test/rtl/component_helpers';
-	export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, } from '@elastic/eui/src/test/rtl/data_test_subj_queries';
-	export { render, screen } from '@elastic/eui/src/test/rtl/custom_render';
-
-}
 declare module '@elastic/eui/src/components/table/mobile' {
 	export { EuiTableHeaderMobile } from '@elastic/eui/src/components/table/mobile/table_header_mobile';
 	export type { EuiTableSortMobileProps } from '@elastic/eui/src/components/table/mobile/table_sort_mobile';