@elastic/eui 102.1.0-snapshot.1746441787383 → 102.2.0-amsterdam.0

package/eui.d.ts

@@ -171,119 +171,13 @@ declare module '@elastic/eui/src/components/common' {
 	    onClick?: MouseEventHandler<HTMLButtonElement>;
 	} & ButtonHTMLAttributes<HTMLButtonElement> & P;
 
-}
-declare module '@elastic/eui/src/services/theme/types' {
-	export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
-
 }
 declare module '@elastic/eui/src/services/theme/utils' {
 	export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
 
 }
-declare module '@elastic/eui/src/services/theme/context' {
-	import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
-	export const DEFAULTS: {
-	    system: {
-	        model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
-	        root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
-	        key: string;
-	    };
-	    modifications: {};
-	    colorMode: "LIGHT";
-	    highContrastMode: false;
-	};
-	export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
-	export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
-	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
-	}>>;
-	export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
-	export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
-	export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/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/warning' {
-	type LEVELS = 'log' | 'warn' | 'error';
-	type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
-	export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
-	export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
-	export const emitEuiProviderWarning: (providerMessage: string) => void;
-	export {};
-
-}
-declare module '@elastic/eui/src/services/theme/hooks' {
-	import React from 'react';
-	import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
-	/**
-	 * Hook for function components
-	 */
-	export interface UseEuiTheme<T extends {} = {}> {
-	    euiTheme: EuiThemeComputed<T>;
-	    colorMode: EuiThemeColorModeStandard;
-	    highContrastMode: EuiThemeHighContrastMode;
-	    modifications: EuiThemeModifications<T>;
-	}
-	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
-	/**
-	 * HOC for class components
-	 */
-	export interface WithEuiThemeProps<P extends {} = {}> {
-	    theme: UseEuiTheme<P>;
-	}
-	export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
-	/**
-	 * Render prop alternative for complex class components
-	 * Most useful for scenarios where a HOC may interfere with typing
-	 */
-	export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
-	    children: (theme: UseEuiTheme) => React.ReactElement;
-	}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-	/**
-	 * Minor syntactical sugar hook for theme CSS variables.
-	 * Primarily meant for internal EUI usage.
-	 */
-	export const useEuiThemeCSSVariables: () => {
-	    setGlobalCSSVariables: Function;
-	    globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
-	    setNearestThemeCSSVariables: Function;
-	    themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
-	};
-
-}
-declare module '@elastic/eui/src/services/throttle' {
-	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
-
-}
-declare module '@elastic/eui/src/services/breakpoint/_sorting' {
-	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
-	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
-
-}
-declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
-	import React, { FunctionComponent, PropsWithChildren } from 'react';
-	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
-	export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
-	/**
-	 * Returns the current breakpoint based on window width.
-	 * Typically only called by the top-level `EuiProvider` (to reduce the number
-	 * of window resize listeners on the page). Also conditionally called if a
-	 * nested `EuiThemeProvider` defines a `modify.breakpoint` override
-	 */
-	export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
-	export {};
-
-}
-declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
-	/**
-	 * Hook util / syntactical sugar for useContext()
-	 *
-	 * This hook is in its own separate file to make mocking it
-	 * as a testenv easy for Jest unit tests
-	 */
-	export const useCurrentEuiBreakpoint: () => string | undefined;
+declare module '@elastic/eui/src/services/theme/types' {
+	export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
 
 }
 declare module '@elastic/eui/src/services/emotion/clone_element' {
@@ -382,6 +276,10 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
 	 */
 	export const useDeepEqual: <T = Record<string, any> | any[] | undefined>(object: T) => T;
 
+}
+declare module '@elastic/eui/src/services/throttle' {
+	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
+
 }
 declare module '@elastic/eui/src/services/hooks/useMouseMove' {
 	import { MouseEvent, TouchEvent } from 'react';
@@ -404,6 +302,15 @@ declare module '@elastic/eui/src/services/hooks' {
 	export * from '@elastic/eui/src/services/hooks/useMouseMove';
 	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
 
+}
+declare module '@elastic/eui/src/services/theme/warning' {
+	type LEVELS = 'log' | 'warn' | 'error';
+	type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
+	export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
+	export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
+	export const emitEuiProviderWarning: (providerMessage: string) => void;
+	export {};
+
 }
 declare module '@elastic/eui/src/services/theme/style_memoization' {
 	import React, { FunctionComponent, PropsWithChildren } from 'react';
@@ -600,6 +507,11 @@ declare module '@elastic/eui/src/services/color/color_palette' {
 	 */
 	categorical?: boolean): string[];
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
+	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+	export const colorVis: _EuiThemeVisColors;
+
 }
 declare module '@elastic/eui/src/services/color/vis_color_store' {
 	import { _EuiVisColorStore } from '@elastic/eui-theme-common';
@@ -733,6 +645,135 @@ declare module '@elastic/eui/src/services/color/eui_palettes_hooks' {
 	export const useEuiPaletteWarm: (steps: number) => EuiPalette;
 	export const useEuiPaletteGray: (steps: number) => EuiPalette;
 
+}
+declare module '@elastic/eui/src/global_styling/mixins/_button' {
+	import { type SerializedStyles } from '@emotion/react';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/** Tentative usage; these exist only to be used as button directly when used within other components */
+	export const SEVERITY_COLORS: readonly ["neutral", "risk"];
+	export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
+	export const EXTENDED_BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
+	export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
+	export type _EuiExtendedButtonColor = (typeof EXTENDED_BUTTON_COLORS)[number];
+	export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
+	export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
+	export interface _EuiButtonOptions {
+	    display?: _EuiButtonDisplay;
+	}
+	/**
+	 * Creates the `base` version of button styles with proper text contrast.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }`
+	 */
+	export const euiButtonColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
+	    border: string;
+	    color: string;
+	    backgroundColor: string;
+	} | {
+	    border?: undefined;
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Creates the `fill` version of buttons styles with proper text contrast.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }`
+	 */
+	export const euiButtonFillColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
+	    border: string;
+	    color: string;
+	    backgroundColor: string;
+	} | {
+	    border?: undefined;
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
+	 */
+	export const euiButtonEmptyColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Given the button display type, returns the Emotion based color keys.
+	 * @param options Button display type
+	 * @returns An object of `_EuiExtendedButtonColor` keys including `disabled`
+	 */
+	export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
+	/**
+	 * Creates the translate animation when button is in focus.
+	 * @returns string
+	 */
+	export const useEuiButtonFocusCSS: () => SerializedStyles;
+	/**
+	 * Map of `size` props to various sizings/scales
+	 * that should remain consistent across all buttons
+	 */
+	export const euiButtonSizeMap: ({ euiTheme }: UseEuiTheme) => {
+	    xs: {
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "xs";
+	    };
+	    s: {
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "s";
+	    };
+	    m: {
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "s";
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_color' {
+	import { SerializedStyles } from '@emotion/react';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
+	export type _EuiBackgroundColor = (typeof BACKGROUND_COLORS)[number];
+	export interface _EuiBackgroundColorOptions {
+	    /**
+	     * Use `opaque` for containers of unknown content.
+	     * Use `transparent` for interactive states like hover and focus.
+	     */
+	    method?: 'opaque' | 'transparent';
+	}
+	/**
+	 * @deprecated - use background tokens directly
+	 * @returns A single background color with optional alpha transparency
+	 */
+	export const euiBackgroundColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
+	/**
+	 * @deprecated
+	 */
+	export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
+	/**
+	 * Hook to retrieve background style for a background color variant
+	 * @returns An object map of color keys to CSS,
+	 * e.g. { danger: css``, success: css``, ... }
+	 */
+	export const useEuiBackgroundColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
+	/**
+	 * Border colors
+	 * @deprecated - use border tokens directly or use
+	 * `useEuiBorderColorCSS()` for composed styles
+	 */
+	export const euiBorderColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor) => string;
+	/**
+	 * Hook to retrieve border style for a border variant
+	 * @returns An object map of color keys to CSS,
+	 * e.g. { danger: css``, success: css``, ... }
+	 */
+	export const useEuiBorderColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
+
 }
 declare module '@elastic/eui/src/global_styling/functions/high_contrast' {
 	import type { UseEuiTheme } from '@elastic/eui/src/services';
@@ -779,7 +820,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    horizontal: string;
 	    vertical: string;
 	};
-	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
+	export const LOGICAL_SIDES: ("left" | "right" | "bottom" | "top" | "horizontal" | "vertical")[];
 	export type LogicalSides = (typeof LOGICAL_SIDES)[number];
 	export const logicals: {
 	    height: string;
@@ -838,7 +879,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    "border-bottom-right-radius": string;
 	    _shorthands: string[];
 	};
-	export const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "top" | "bottom" | "horizontal" | "vertical" | "height" | "max-height" | "max-width" | "min-height" | "min-width" | "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 const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "bottom" | "height" | "top" | "horizontal" | "vertical" | "max-height" | "max-width" | "min-height" | "min-width" | "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];
 	/**
 	 *
@@ -1010,142 +1051,6 @@ declare module '@elastic/eui/src/global_styling/functions' {
 	export * from '@elastic/eui/src/global_styling/functions/size';
 	export * from '@elastic/eui/src/global_styling/functions/typography';
 
-}
-declare module '@elastic/eui/src/global_styling/mixins/_button' {
-	import { type SerializedStyles } from '@emotion/react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	/** Tentative usage; these exist only to be used as button directly when used within other components */
-	export const SEVERITY_COLORS: readonly ["neutral", "risk"];
-	export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
-	export const EXTENDED_BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
-	export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
-	export type _EuiExtendedButtonColor = (typeof EXTENDED_BUTTON_COLORS)[number];
-	export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
-	export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
-	export interface _EuiButtonOptions {
-	    display?: _EuiButtonDisplay;
-	}
-	/**
-	 * Creates the `base` version of button styles with proper text contrast.
-	 * @param euiThemeContext
-	 * @param color One of the named button colors or 'disabled'
-	 * @returns Style object `{ backgroundColor, color }`
-	 */
-	export const euiButtonColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
-	    border: string;
-	    color: string;
-	    backgroundColor: string;
-	} | {
-	    border?: undefined;
-	    color: string;
-	    backgroundColor: string;
-	};
-	/**
-	 * Creates the `fill` version of buttons styles with proper text contrast.
-	 * @param euiThemeContext
-	 * @param color One of the named button colors or 'disabled'
-	 * @returns Style object `{ backgroundColor, color }`
-	 */
-	export const euiButtonFillColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
-	    border: string;
-	    color: string;
-	    backgroundColor: string;
-	} | {
-	    border?: undefined;
-	    color: string;
-	    backgroundColor: string;
-	};
-	/**
-	 * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
-	 * @param euiThemeContext
-	 * @param color One of the named button colors or 'disabled'
-	 * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
-	 */
-	export const euiButtonEmptyColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
-	    color: string;
-	    backgroundColor: string;
-	};
-	/**
-	 * Given the button display type, returns the Emotion based color keys.
-	 * @param options Button display type
-	 * @returns An object of `_EuiExtendedButtonColor` keys including `disabled`
-	 */
-	export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
-	/**
-	 * Creates the translate animation when button is in focus.
-	 * @returns string
-	 */
-	export const useEuiButtonFocusCSS: () => SerializedStyles;
-	/**
-	 * Map of `size` props to various sizings/scales
-	 * that should remain consistent across all buttons
-	 */
-	export const euiButtonSizeMap: (euiThemeContext: UseEuiTheme) => {
-	    xs: {
-	        minWidth: number;
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "xs";
-	    };
-	    s: {
-	        minWidth: number;
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "s";
-	    };
-	    m: {
-	        minWidth: number;
-	        height: string;
-	        radius: string | number | undefined;
-	        fontScale: "s";
-	    };
-	};
-	/**
-	 * creates a bottom border on hover/focus to ensure a visible change as forced mode removed background colors
-	 */
-	export const highContrastHoverIndicatorStyles: ({ euiTheme }: UseEuiTheme) => string;
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_color' {
-	import { SerializedStyles } from '@emotion/react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
-	export type _EuiBackgroundColor = (typeof BACKGROUND_COLORS)[number];
-	export interface _EuiBackgroundColorOptions {
-	    /**
-	     * Use `opaque` for containers of unknown content.
-	     * Use `transparent` for interactive states like hover and focus.
-	     */
-	    method?: 'opaque' | 'transparent';
-	}
-	/**
-	 * @deprecated - use background tokens directly
-	 * @returns A single background color with optional alpha transparency
-	 */
-	export const euiBackgroundColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
-	/**
-	 * @deprecated
-	 */
-	export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
-	/**
-	 * Hook to retrieve background style for a background color variant
-	 * @returns An object map of color keys to CSS,
-	 * e.g. { danger: css``, success: css``, ... }
-	 */
-	export const useEuiBackgroundColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
-	/**
-	 * Border colors
-	 * @deprecated - use border tokens directly or use
-	 * `useEuiBorderColorCSS()` for composed styles
-	 */
-	export const euiBorderColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor) => string;
-	/**
-	 * Hook to retrieve border style for a border variant
-	 * @returns An object map of color keys to CSS,
-	 * e.g. { danger: css``, success: css``, ... }
-	 */
-	export const useEuiBorderColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
-
 }
 declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
 	import { CSSProperties } from 'react';
@@ -1266,6 +1171,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
 	 */
 	export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
 
+}
+declare module '@elastic/eui/src/services/breakpoint/_sorting' {
+	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
+	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
+
 }
 declare module '@elastic/eui/src/global_styling/variables/animations' {
 	export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
@@ -2312,7 +2223,7 @@ declare module '@elastic/eui/src/components/table/table_row_cell' {
 	    isExpander?: boolean;
 	    /**
 	     * Mobile options for displaying differently at small screens;
-	     * See #EuiTableRowCellMobileOptionsShape
+	     * See {@link EuiTableRowCellMobileOptionsShape}
 	     */
 	    mobileOptions?: EuiTableRowCellMobileOptionsShape;
 	    /**
@@ -2985,7 +2896,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
 	export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
 	import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
-	export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
+	export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "push" | "temperature" | "empty" | "scale" | "wordWrap" | "grid" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
 	export type EuiIconType = keyof typeof typeToPathMap;
 	export type IconType = EuiIconType | string | ComponentType;
 	export type IconColor = string | NamedColor;
@@ -3538,12 +3449,7 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	    euiButtonDisplay: import("@emotion/react").SerializedStyles;
 	    isDisabled: import("@emotion/react").SerializedStyles;
 	    fullWidth: import("@emotion/react").SerializedStyles;
-	    defaultMinWidth: {
-	        defaultMinWidth: import("@emotion/react").SerializedStyles;
-	        xs: string;
-	        s: string;
-	        m: string;
-	    };
+	    defaultMinWidth: import("@emotion/react").SerializedStyles;
 	    xs: import("@emotion/react").SerializedStyles;
 	    s: import("@emotion/react").SerializedStyles;
 	    m: import("@emotion/react").SerializedStyles;
@@ -3627,7 +3533,7 @@ declare module '@elastic/eui/src/components/loading/loading_spinner' {
 	    /**
 	     * Sets the color of the border and highlight.
 	     * Each key accepts any valid CSS color value as a `string`
-	     * See #EuiLoadingSpinnerColor
+	     * See {@link EuiLoadingSpinnerColor}
 	     */
 	    color?: EuiLoadingSpinnerColor;
 	};
@@ -3678,7 +3584,7 @@ declare module '@elastic/eui/src/components/loading' {
 }
 declare module '@elastic/eui/src/components/button/button_display/_button_display_content.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiButtonDisplayContentStyles: (euiThemeContext: UseEuiTheme) => {
+	export const euiButtonDisplayContentStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiButtonDisplayContent: import("@emotion/react").SerializedStyles;
 	};
 
@@ -3850,7 +3756,7 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty.sty
 	    isDisabled: import("@emotion/react").SerializedStyles;
 	    xs: import("@emotion/react").SerializedStyles;
 	    s: import("@emotion/react").SerializedStyles;
-	    m: (string | false | import("@emotion/react").SerializedStyles)[];
+	    m: import("@emotion/react").SerializedStyles;
 	    flush: import("@emotion/react").SerializedStyles;
 	    left: import("@emotion/react").SerializedStyles;
 	    right: import("@emotion/react").SerializedStyles;
@@ -4135,7 +4041,6 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	    };
 	    compressed: SerializedStyles;
 	    disabledAndSelected: SerializedStyles;
-	    hasBorder: string;
 	    tooltipWrapper: SerializedStyles;
 	    content: {
 	        euiButtonGroupButton__content: SerializedStyles;
@@ -4151,7 +4056,6 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 }
 declare module '@elastic/eui/src/components/button/button_group/button_group_button' {
 	import { FunctionComponent, MouseEventHandler } from 'react';
-	import { EuiButtonDisplayCommonProps } from '@elastic/eui/src/components/button/button_display/_button_display';
 	import { EuiButtonGroupOptionProps, EuiButtonGroupProps } from '@elastic/eui/src/components/button/button_group/button_group';
 	type Props = EuiButtonGroupOptionProps & {
 	    /**
@@ -4174,7 +4078,6 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	     * Inherit from EuiButtonGroup
 	     */
 	    onClick: MouseEventHandler<HTMLButtonElement>;
-	    contentProps?: EuiButtonDisplayCommonProps['contentProps'];
 	};
 	export const EuiButtonGroupButton: FunctionComponent<Props>;
 	export {};
@@ -4271,7 +4174,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     */
 	    type?: 'single' | 'multi';
 	    /**
-	     * An array of #EuiButtonGroupOptionProps
+	     * An array of {@link EuiButtonGroupOptionProps}
 	     */
 	    options: EuiButtonGroupOptionProps[];
 	} & ({
@@ -5307,7 +5210,7 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	} & Pick<EuiTableFieldDataColumnType<T>, 'readOnly' | 'description' | 'width' | 'align' | 'truncateText' | 'isExpander'>;
 	export type EuiTableActionsColumnType<T extends object> = {
 	    /**
-	     * An array of one of the objects: #DefaultItemAction or #CustomItemAction
+	     * An array of one of the objects: {@link DefaultItemAction} or {@link CustomItemAction}
 	     */
 	    actions: Array<Action<T>>;
 	    /**
@@ -5997,7 +5900,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	     */
 	    panelStyle?: CSSProperties;
 	    /**
-	     * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
+	     * Object of props passed to EuiPanel. See {@link EuiPopoverPanelProps}
 	     */
 	    panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder' | 'color'>;
 	    panelRef?: RefCallback<HTMLElement | null>;
@@ -6787,7 +6690,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_display/c
 	export type EuiColorPaletteDisplaySize = (typeof SIZES)[number];
 	export interface EuiColorPaletteDisplayShared {
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette: string[] | PaletteColorStop[];
 	}
@@ -6849,7 +6752,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    type: 'text';
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette?: string[] | PaletteColorStop[];
 	}
@@ -6871,7 +6774,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    type: 'fixed';
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette: string[] | PaletteColorStop[];
 	}
@@ -6893,7 +6796,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    type: 'gradient';
 	    /**
-	     * Array of color `strings` or an array of #PaletteColorStop. The stops must be numbers in an ordered range.
+	     * Array of color `strings` or an array of {@link PaletteColorStop}. The stops must be numbers in an ordered range.
 	     */
 	    palette: string[] | PaletteColorStop[];
 	}
@@ -6904,7 +6807,7 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	     */
 	    selectionDisplay?: 'palette' | 'title';
 	    /**
-	     * An array of one of the following objects: #EuiColorPalettePickerPaletteText, #EuiColorPalettePickerPaletteFixed, #EuiColorPalettePickerPaletteGradient
+	     * An array of one of the following objects: {@link EuiColorPalettePickerPaletteText}, {@link EuiColorPalettePickerPaletteFixed}, {@link EuiColorPalettePickerPaletteGradient}
 	     */
 	    palettes: EuiColorPalettePickerPaletteProps[];
 	};
@@ -6920,71 +6823,6 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
 	import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
 	export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
 
-}
-declare module '@elastic/eui/src/services/color/manipulation' {
-	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
-	/**
-	 * Makes a color more transparent.
-	 * @param color - Color to manipulate
-	 * @param alpha - alpha channel value. From 0-1.
-	 */
-	export const transparentize: (color: string, alpha: number) => string;
-	/**
-	 * Mixes a provided color with white.
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 */
-	export const tint: (color: string, ratio: number) => string;
-	/**
-	 * Mixes a provided color with black.
-	 * @param color - Color to mix with black
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more black.
-	 */
-	export const shade: (color: string, ratio: number) => string;
-	/**
-	 * Returns the tinted color for light mode and shaded color for dark mode
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 * @param colorMode - Light or dark only
-	 */
-	export const tintOrShade: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
-	/**
-	 * Returns the shaded color for light mode and tinted color for dark mode
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 * @param colorMode - Light or dark only
-	 */
-	export const shadeOrTint: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
-	/**
-	 * Increases the saturation of a color by manipulating the hsl saturation.
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const saturate: (color: string, amount: number) => string;
-	/**
-	 * Decreases the saturation of a color by manipulating the hsl saturation.
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const desaturate: (color: string, amount: number) => string;
-	/**
-	 * Returns the lightness value of a color. 0-100
-	 * @param color
-	 */
-	export const lightness: (color: string) => number;
-	/**
-	 * Returns the darken value of a color. 0-100
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const darken: (color: string, amount: number) => string;
-	/**
-	 * Returns the brighten value of a color. 0-100
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const brighten: (color: string, amount: number) => string;
-
 }
 declare module '@elastic/eui/src/services/color/contrast' {
 	export const wcagContrastMin = 4.5;
@@ -7062,31 +6900,314 @@ declare module '@elastic/eui/src/services/theme/provider' {
 	        cloneElement?: boolean;
 	    };
 	}
-	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
+	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
+
+}
+declare module '@elastic/eui/src/services/theme' {
+	export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
+	export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
+	export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
+	export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
+	export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
+	export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
+	export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
+	export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
+	export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
+	export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
+
+}
+declare module '@elastic/eui/src/services/color/manipulation' {
+	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
+	/**
+	 * Makes a color more transparent.
+	 * @param color - Color to manipulate
+	 * @param alpha - alpha channel value. From 0-1.
+	 */
+	export const transparentize: (color: string, alpha: number) => string;
+	/**
+	 * Mixes a provided color with white.
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
+	 */
+	export const tint: (color: string, ratio: number) => string;
+	/**
+	 * Mixes a provided color with black.
+	 * @param color - Color to mix with black
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more black.
+	 */
+	export const shade: (color: string, ratio: number) => string;
+	/**
+	 * Returns the tinted color for light mode and shaded color for dark mode
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
+	 * @param colorMode - Light or dark only
+	 */
+	export const tintOrShade: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
+	/**
+	 * Returns the shaded color for light mode and tinted color for dark mode
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
+	 * @param colorMode - Light or dark only
+	 */
+	export const shadeOrTint: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
+	/**
+	 * Increases the saturation of a color by manipulating the hsl saturation.
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const saturate: (color: string, amount: number) => string;
+	/**
+	 * Decreases the saturation of a color by manipulating the hsl saturation.
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const desaturate: (color: string, amount: number) => string;
+	/**
+	 * Returns the lightness value of a color. 0-100
+	 * @param color
+	 */
+	export const lightness: (color: string) => number;
+	/**
+	 * Returns the darken value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const darken: (color: string, amount: number) => string;
+	/**
+	 * Returns the brighten value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const brighten: (color: string, amount: number) => string;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
+	/**
+	 * These are not actually used, but we map them to ensure token parity.
+	 * They are mapped to other vis colors
+	 */
+	export const severityColors: {
+	    unknown: string;
+	    neutral: string;
+	    success: string;
+	    warning: string;
+	    risk: string;
+	    danger: string;
+	};
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
+	import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
+	export const brand_colors: _EuiThemeBrandColors;
+	export const brand_text_colors: _EuiThemeBrandTextColors;
+	export const shade_colors: _EuiThemeShadeColors;
+	export const special_colors: _EuiThemeSpecialColors;
+	export const text_colors: _EuiThemeTextColors;
+	export const background_colors: _EuiThemeBackgroundColors;
+	export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
+	export const border_colors: _EuiThemeBorderColors;
+	export const light_colors: _EuiThemeColorsMode;
+	export const dark_shades: _EuiThemeShadeColors;
+	export const dark_background_colors: _EuiThemeBackgroundColors;
+	export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
+	export const dark_border_colors: _EuiThemeBorderColors;
+	export const dark_colors_ams: _EuiThemeColorsMode;
+	export const colors: _EuiThemeColors;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
+	import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
+	export const animation_speed: _EuiThemeAnimationSpeeds;
+	export const animation_ease: _EuiThemeAnimationEasings;
+	export const animation: _EuiThemeAnimation;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
+	export { breakpoint } from '@elastic/eui-theme-common';
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
+	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
+	export const base: _EuiThemeBase;
+	export const size: _EuiThemeSizes;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
+	import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
+	export const border: _EuiThemeBorder;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
+	import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
+	export const levels: _EuiThemeLevels;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
+	import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
+	export const fontScale: _EuiThemeFontScales;
+	export const fontBase: _EuiThemeFontBase;
+	export const fontWeight: _EuiThemeFontWeights;
+	export const font: _EuiThemeFont;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
+	import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
+	export const focus: _EuiThemeFocus;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
+	import { _EuiThemeButton } from '@elastic/eui-theme-common';
+	export const buttons: _EuiThemeButton;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
+	export const forms: {
+	    maxWidth: string;
+	    LIGHT: {
+	        background: string;
+	        backgroundDisabled: string;
+	        backgroundReadOnly: any;
+	        backgroundFocused: any;
+	        backgroundAutofilled: string;
+	        prependBackground: string;
+	        border: string;
+	        borderAutofilled: string;
+	        controlBorder: string;
+	        controlBorderSelected: string;
+	        controlBorderDisabled: string;
+	        controlBackgroundUnselected: any;
+	        controlBackgroundDisabled: any;
+	        colorHasPlaceholder: string;
+	        colorDisabled: any;
+	        iconDisabled: any;
+	    };
+	    DARK: {
+	        background: string;
+	        backgroundFocused: string;
+	        backgroundAutofilled: string;
+	        prependBackground: string;
+	        border: string;
+	        controlBorder: string;
+	        controlBorderSelected: string;
+	        controlBorderDisabled: string;
+	        backgroundDisabled: string;
+	        backgroundReadOnly: any;
+	        borderAutofilled: string;
+	        controlBackgroundUnselected: any;
+	        controlBackgroundDisabled: any;
+	        colorHasPlaceholder: string;
+	        colorDisabled: any;
+	        iconDisabled: any;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
+	import { _EuiThemeComponents } from '@elastic/eui-theme-common';
+	export const components: _EuiThemeComponents;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/theme' {
+	import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
+	export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
+	export const euiThemeAmsterdam: EuiThemeShape;
+	export const EuiThemeAmsterdam: {
+	    model: EuiThemeShape;
+	    root: EuiThemeShape;
+	    key: string;
+	};
+
+}
+declare module '@elastic/eui/src/services/theme/context' {
+	import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
+	export const DEFAULTS: {
+	    system: {
+	        model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
+	        root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
+	        key: string;
+	    };
+	    modifications: {};
+	    colorMode: "LIGHT";
+	    highContrastMode: false;
+	};
+	export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
+	export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
+	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
+	}>>;
+	export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
+	export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
+	export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/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/hooks' {
+	import React from 'react';
+	import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
+	/**
+	 * Hook for function components
+	 */
+	export interface UseEuiTheme<T extends {} = {}> {
+	    euiTheme: EuiThemeComputed<T>;
+	    colorMode: EuiThemeColorModeStandard;
+	    highContrastMode: EuiThemeHighContrastMode;
+	    modifications: EuiThemeModifications<T>;
+	}
+	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
+	/**
+	 * HOC for class components
+	 */
+	export interface WithEuiThemeProps<P extends {} = {}> {
+	    theme: UseEuiTheme<P>;
+	}
+	export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
+	/**
+	 * Render prop alternative for complex class components
+	 * Most useful for scenarios where a HOC may interfere with typing
+	 */
+	export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
+	    children: (theme: UseEuiTheme) => React.ReactElement;
+	}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+	/**
+	 * Minor syntactical sugar hook for theme CSS variables.
+	 * Primarily meant for internal EUI usage.
+	 */
+	export const useEuiThemeCSSVariables: () => {
+	    setGlobalCSSVariables: Function;
+	    globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
+	    setNearestThemeCSSVariables: Function;
+	    themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
+	};
+	/**
+	 * Checks whether the current active `colorMode` is set to `DARK`;
+	 * In case of nested providers this returns the value of the nearest provider context.
+	 */
+	export const useIsDarkMode: () => boolean;
 
 }
-declare module '@elastic/eui/src/services/theme/theme_variant' {
-	import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
-	export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
+	import React, { FunctionComponent, PropsWithChildren } from 'react';
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
+	export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
 	/**
-	 * Util to retrieve visual variant for UI elements
-	 * Note: Temporary only - will be removed once the visual refresh is completed.
+	 * Returns the current breakpoint based on window width.
+	 * Typically only called by the top-level `EuiProvider` (to reduce the number
+	 * of window resize listeners on the page). Also conditionally called if a
+	 * nested `EuiThemeProvider` defines a `modify.breakpoint` override
 	 */
-	export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
+	export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
+	export {};
 
 }
-declare module '@elastic/eui/src/services/theme' {
-	export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
-	export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
-	export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
-	export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
-	export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
-	export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
-	export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
-	export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
-	export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
-	export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
-	export * from '@elastic/eui/src/services/theme/theme_variant';
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
+	/**
+	 * Hook util / syntactical sugar for useContext()
+	 *
+	 * This hook is in its own separate file to make mocking it
+	 * as a testenv easy for Jest unit tests
+	 */
+	export const useCurrentEuiBreakpoint: () => string | undefined;
 
 }
 declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
@@ -8109,6 +8230,15 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
 	        color: string;
 	        backgroundColor: string;
 	    };
+	    accentSecondary: {
+	        border: string;
+	        color: string;
+	        backgroundColor: string;
+	    } | {
+	        border?: undefined;
+	        color: string;
+	        backgroundColor: string;
+	    };
 	    disabled: {
 	        borderColor: string;
 	        border: string;
@@ -8140,6 +8270,10 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
 	        backgroundColor: string;
 	        color: string;
 	    };
+	    accentSecondaryText: {
+	        backgroundColor: string;
+	        color: string;
+	    };
 	};
 	export const getBadgeColors: (euiThemeContext: UseEuiTheme, backgroundColor: string) => {
 	    backgroundColor: string;
@@ -8633,7 +8767,7 @@ declare module '@elastic/eui/src/components/breadcrumbs/types' {
 	export type EuiBreadcrumbsProps = CommonProps & {
 	    /**
 	     * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
-	     * Pass a custom #EuiBreadcrumbResponsiveMaxCount object to change the number of breadcrumbs to show at the particular breakpoints.
+	     * Pass a custom {@link EuiBreadcrumbResponsiveMaxCount} object to change the number of breadcrumbs to show at the particular breakpoints.
 	     *
 	     * Pass `false` to turn this behavior off.
 	     *
@@ -8653,7 +8787,7 @@ declare module '@elastic/eui/src/components/breadcrumbs/types' {
 	     */
 	    max?: number | null;
 	    /**
-	     * The array of individual #EuiBreadcrumb items
+	     * The array of individual {@link EuiBreadcrumb} items
 	     */
 	    breadcrumbs: EuiBreadcrumbProps[];
 	    /**
@@ -8715,6 +8849,10 @@ declare module '@elastic/eui/src/components/breadcrumbs/types' {
 	    truncateLastBreadcrumb?: boolean;
 	};
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button' {
+	export { type _EuiButtonColor, type _EuiButtonDisplay, type _EuiButtonOptions, BUTTON_COLORS, BUTTON_DISPLAYS, euiButtonColor, euiButtonFillColor, euiButtonEmptyColor, useEuiButtonColorCSS, useEuiButtonFocusCSS, euiButtonSizeMap, } from '@elastic/eui/src/global_styling/mixins/_button';
+
 }
 declare module '@elastic/eui/src/components/breadcrumbs/_breadcrumb_content.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -10223,7 +10361,7 @@ declare module '@elastic/eui/src/components/form/range/types' {
 	    tickInterval?: number;
 	    /**
 	     * Create colored indicators for certain intervals.
-	     * An array of #EuiRangeLevel objects
+	     * An array of {@link EuiRangeLevel} objects
 	     */
 	    levels?: EuiRangeLevel[];
 	}
@@ -12247,7 +12385,7 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_panel'
 	        deregister: (panelId: EuiResizablePanelController['id']) => void;
 	    };
 	    /**
-	     * #ToggleCollapseCallback
+	     * See {@link ToggleCollapseCallback}
 	     */
 	    onToggleCollapsed?: ToggleCollapseCallback;
 	    onToggleCollapsedInternal: ToggleCollapseCallback;
@@ -12525,11 +12663,6 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
 	export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
 
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
-	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
-	export const colorVis: _EuiThemeVisColors;
-
 }
 declare module '@elastic/eui/src/themes/themes' {
 	import { EuiThemeSystem } from '@elastic/eui/src/services';
@@ -12539,143 +12672,6 @@ declare module '@elastic/eui/src/themes/themes' {
 	    provider?: EuiThemeSystem;
 	}
 
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
-	/**
-	 * These are not actually used, but we map them to ensure token parity.
-	 * They are mapped to other vis colors
-	 */
-	export const severityColors: {
-	    unknown: string;
-	    neutral: string;
-	    success: string;
-	    warning: string;
-	    risk: string;
-	    danger: string;
-	};
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
-	import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
-	export const brand_colors: _EuiThemeBrandColors;
-	export const brand_text_colors: _EuiThemeBrandTextColors;
-	export const shade_colors: _EuiThemeShadeColors;
-	export const special_colors: _EuiThemeSpecialColors;
-	export const text_colors: _EuiThemeTextColors;
-	export const background_colors: _EuiThemeBackgroundColors;
-	export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
-	export const border_colors: _EuiThemeBorderColors;
-	export const light_colors: _EuiThemeColorsMode;
-	export const dark_shades: _EuiThemeShadeColors;
-	export const dark_background_colors: _EuiThemeBackgroundColors;
-	export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
-	export const dark_border_colors: _EuiThemeBorderColors;
-	export const dark_colors_ams: _EuiThemeColorsMode;
-	export const colors: _EuiThemeColors;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
-	import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
-	export const animation_speed: _EuiThemeAnimationSpeeds;
-	export const animation_ease: _EuiThemeAnimationEasings;
-	export const animation: _EuiThemeAnimation;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
-	export { breakpoint } from '@elastic/eui-theme-common';
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
-	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
-	export const base: _EuiThemeBase;
-	export const size: _EuiThemeSizes;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
-	import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
-	export const border: _EuiThemeBorder;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
-	import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
-	export const levels: _EuiThemeLevels;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
-	import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
-	export const fontScale: _EuiThemeFontScales;
-	export const fontBase: _EuiThemeFontBase;
-	export const fontWeight: _EuiThemeFontWeights;
-	export const font: _EuiThemeFont;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
-	import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
-	export const focus: _EuiThemeFocus;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
-	import { _EuiThemeButton } from '@elastic/eui-theme-common';
-	export const buttons: _EuiThemeButton;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
-	export const forms: {
-	    maxWidth: string;
-	    LIGHT: {
-	        background: string;
-	        backgroundDisabled: string;
-	        backgroundReadOnly: any;
-	        backgroundFocused: any;
-	        backgroundAutofilled: string;
-	        prependBackground: string;
-	        border: string;
-	        borderAutofilled: string;
-	        controlBorder: string;
-	        controlBorderSelected: string;
-	        controlBorderDisabled: string;
-	        controlBackgroundUnselected: any;
-	        controlBackgroundDisabled: any;
-	        colorHasPlaceholder: string;
-	        colorDisabled: any;
-	        iconDisabled: any;
-	    };
-	    DARK: {
-	        background: string;
-	        backgroundFocused: string;
-	        backgroundAutofilled: string;
-	        prependBackground: string;
-	        border: string;
-	        controlBorder: string;
-	        controlBorderSelected: string;
-	        controlBorderDisabled: string;
-	        backgroundDisabled: string;
-	        backgroundReadOnly: any;
-	        borderAutofilled: string;
-	        controlBackgroundUnselected: any;
-	        controlBackgroundDisabled: any;
-	        colorHasPlaceholder: string;
-	        colorDisabled: any;
-	        iconDisabled: any;
-	    };
-	};
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
-	import { _EuiThemeComponents } from '@elastic/eui-theme-common';
-	export const components: _EuiThemeComponents;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/theme' {
-	import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
-	export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
-	export const euiThemeAmsterdam: EuiThemeShape;
-	export const EuiThemeAmsterdam: {
-	    model: EuiThemeShape;
-	    root: EuiThemeShape;
-	    key: string;
-	};
-
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
 	export * from '@elastic/eui/src/global_styling/mixins/_shadow';
@@ -12958,7 +12954,7 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	    /**
 	     * Will render either an accordion or group of nested child item links.
 	     *
-	     * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
+	     * Accepts any {@link EuiCollapsibleNavItemProps}. Or, to render completely custom
 	     * subitem content, pass an object with a `renderItem` callback.
 	     */
 	    items: EuiCollapsibleNavSubItemProps[];
@@ -13158,7 +13154,7 @@ declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	     */
 	    showToolTip?: boolean;
 	    /**
-	     * An object of #EuiListGroupItemExtraAction props.
+	     * An object of {@link EuiListGroupItemExtraAction} props.
 	     * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
 	     * pass `alwaysShow` if you don't want the default behavior of only showing on hover
 	     */
@@ -13224,7 +13220,7 @@ declare module '@elastic/eui/src/components/list_group/list_group' {
 	     */
 	    gutterSize?: EuiListGroupGutterSize;
 	    /**
-	     * Items to display in this group. See #EuiListGroupItem
+	     * Items to display in this group. See {@link EuiListGroupItem}
 	     */
 	    listItems?: EuiListGroupItemProps[];
 	    /**
@@ -13284,7 +13280,7 @@ declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinna
 	export interface EuiPinnableListGroupProps extends CommonProps, EuiListGroupProps {
 	    /**
 	     * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
-	     * See #EuiPinnableListGroupItemProps
+	     * See {@link EuiPinnableListGroupItemProps}
 	     */
 	    listItems: EuiPinnableListGroupItemProps[];
 	    /**
@@ -14049,7 +14045,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	    onOptionEnterKey?: OptionHandler<T>;
 	    onScroll?: ListProps['onScroll'];
 	    /**
-	     * Array of EuiComboBoxOptionOption objects. See #EuiComboBoxOptionOption
+	     * Array of EuiComboBoxOptionOption objects. See {@link EuiComboBoxOptionOption}
 	     */
 	    options: Array<EuiComboBoxOptionOption<T>>;
 	    renderOption?: (option: EuiComboBoxOptionOption<T>, searchValue: string, OPTION_CONTENT_CLASSNAME: string) => ReactNode;
@@ -14408,7 +14404,7 @@ declare module '@elastic/eui/src/components/timeline/timeline' {
 	export type EuiTimelineGutterSize = (typeof GUTTER_SIZES)[number];
 	export interface EuiTimelineProps extends HTMLAttributes<HTMLOListElement>, CommonProps {
 	    /**
-	     * List of timeline items to render. See #EuiTimelineItem
+	     * List of timeline items to render. See {@link EuiTimelineItem}
 	     */
 	    items?: EuiTimelineItemProps[];
 	    /**
@@ -14531,7 +14527,7 @@ declare module '@elastic/eui/src/components/comment_list/comment_list' {
 	import { EuiTimelineProps } from '@elastic/eui/src/components/timeline';
 	export type EuiCommentListProps = Omit<EuiTimelineProps, 'items' | 'gutterSize'> & {
 	    /**
-	     * List of comments to render. See #EuiComment
+	     * List of comments to render. See {@link EuiComment}
 	     */
 	    comments?: EuiCommentProps[];
 	    /**
@@ -14610,7 +14606,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	    /**
 	     * Height types
 	     */
-	    getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
+	    getHeightType: (option?: EuiDataGridRowHeightOption) => "default" | "auto" | "lineCount" | "numerical";
 	    /**
 	     * Line count utils
 	     */
@@ -14793,7 +14789,7 @@ declare module '@elastic/eui/src/components/token' {
 }
 declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	import { ComponentType, JSXElementConstructor, ReactNode, HTMLAttributes, CSSProperties, ReactElement, AriaAttributes, MutableRefObject, Ref, Component, ComponentClass, KeyboardEventHandler, JSX } from 'react';
-	import { VariableSizeGridProps, VariableSizeGrid as Grid, GridOnItemsRenderedProps } from 'react-window';
+	import { VariableSizeGridProps, VariableSizeGrid as Grid, GridOnItemsRenderedProps, GridOnScrollProps } from 'react-window';
 	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group';
 	import { EuiButtonEmpty, EuiButtonIcon } from '@elastic/eui/src/components/button';
 	import { ExclusiveUnion, CommonProps, OneOf } from '@elastic/eui/src/components/common';
@@ -14848,7 +14844,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	}
 	export interface EuiDataGridSchemaDetector {
 	    /**
-	     * The name of this data type, matches #EuiDataGridColumn / `schema`
+	     * The name of this data type, matches {@link EuiDataGridColumn} / `schema`
 	     */
 	    type: string;
 	    /**
@@ -14879,7 +14875,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    sortTextDesc: ReactNode;
 	    /**
-	     * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
+	     * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual {@link EuiDataGridColumn} level
 	     */
 	    isSortable?: boolean;
 	    /**
@@ -14887,7 +14883,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    textTransform?: 'uppercase' | 'lowercase' | 'capitalize';
 	    /**
-	     * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
+	     * Default sort direction of columns with this schema. Can be overridden at the individual {@link EuiDataGridColumn} level
 	     */
 	    defaultSortDirection?: 'asc' | 'desc';
 	}
@@ -14981,27 +14977,27 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	}
 	export type CommonGridProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
-	     * An array of #EuiDataGridColumn objects. Lists the columns available and the schema and settings tied to it.
+	     * An array of {@link EuiDataGridColumn} objects. Lists the columns available and the schema and settings tied to it.
 	     */
 	    columns: EuiDataGridColumn[];
 	    /**
-	     * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the left side of the data grid.
+	     * An array of {@link EuiDataGridControlColumn} objects. Used to define ancillary columns on the left side of the data grid.
 	     * Useful for adding items like checkboxes and buttons.
 	     */
 	    leadingControlColumns?: EuiDataGridControlColumn[];
 	    /**
-	     * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the right side of the data grid.
+	     * An array of {@link EuiDataGridControlColumn} objects. Used to define ancillary columns on the right side of the data grid.
 	     * Useful for adding items like checkboxes and buttons.
 	     */
 	    trailingControlColumns?: EuiDataGridControlColumn[];
 	    /**
-	     * An array of #EuiDataGridColumnVisibility objects.
+	     * An array of {@link EuiDataGridColumnVisibility} objects.
 	     * Defines which columns are **intitially** visible in the grid and the order they are displayed.
 	     * Users can still turn their visibility on/off when `toolbarVisibility.showColumnSelector = true` (which is the default).
 	     */
 	    columnVisibility: EuiDataGridColumnVisibility;
 	    /**
-	     * An array of custom #EuiDataGridSchemaDetector objects. You can inject custom schemas to the grid to define the classnames applied.
+	     * An array of custom {@link EuiDataGridSchemaDetector} objects. You can inject custom schemas to the grid to define the classnames applied.
 	     */
 	    schemaDetectors?: EuiDataGridSchemaDetector[];
 	    /**
@@ -15010,7 +15006,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    rowCount: number;
 	    /**
 	     * A function called to render a cell's value. Behind the scenes it is treated as a React component
-	     * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
+	     * allowing hooks, context, and other React concepts to be used. The function receives {@link EuiDataGridCellValueElementProps}
 	     * as its only argument.
 	     */
 	    renderCellValue: EuiDataGridCellProps['renderCellValue'];
@@ -15027,7 +15023,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * `<EuiPopoverFooter>` around the cell actions.
 	     *
 	     * Behind the scenes it is treated as a React component allowing hooks, context, and other React concepts to be used.
-	     * The function receives #EuiDataGridCellPopoverElementProps as its only argument.
+	     * The function receives {@link EuiDataGridCellPopoverElementProps} as its only argument.
 	     *
 	     */
 	    renderCellPopover?: EuiDataGridCellProps['renderCellPopover'];
@@ -15035,7 +15031,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * An optional function called to render a footer cell. If not specified, no footer row is rendered.
 	     *
 	     * Behind the scenes it is treated as a React component
-	     * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
+	     * allowing hooks, context, and other React concepts to be used. The function receives {@link EuiDataGridCellValueElementProps}
 	     * as its only argument.
 	     */
 	    renderFooterCellValue?: EuiDataGridCellProps['renderCellValue'];
@@ -15048,7 +15044,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     *
 	     * Behind the scenes, this function is treated as a React component,
 	     * allowing hooks, context, and other React concepts to be used.
-	     * It receives #EuiDataGridCustomBodyProps as its only argument.
+	     * It receives {@link EuiDataGridCustomBodyProps} as its only argument.
 	     */
 	    renderCustomGridBody?: (args: EuiDataGridCustomBodyProps) => ReactNode;
 	    /**
@@ -15057,34 +15053,34 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     *
 	     * Behind the scenes, this function is treated as a React component,
 	     * allowing hooks, context, and other React concepts to be used.
-	     * It receives #EuiDataGridCustomToolbarProps as its only argument.
+	     * It receives {@link EuiDataGridCustomToolbarProps} as its only argument.
 	     */
 	    renderCustomToolbar?: EuiDataGridToolbarProps['renderCustomToolbar'];
 	    /**
-	     * Defines the initial style of the grid. Accepts a partial #EuiDataGridStyle object.
+	     * Defines the initial style of the grid. Accepts a partial {@link EuiDataGridStyle} object.
 	     * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowDensity = true` (which is the default).
 	     */
 	    gridStyle?: EuiDataGridStyle;
 	    /**
 	     * Allows you to configure what features the toolbar shows.
 	     *
-	     * Accepts either a boolean or #EuiDataGridToolBarVisibilityOptions object.
+	     * Accepts either a boolean or {@link EuiDataGridToolBarVisibilityOptions} object.
 	     * When used as a boolean, defines the display of the entire toolbar.
 	     * When passed an object allows you to turn off individual controls within the toolbar as well as add additional buttons.
 	     */
 	    toolbarVisibility?: boolean | EuiDataGridToolBarVisibilityOptions;
 	    /**
-	     * A #EuiDataGridInMemory object to define the level of high order schema-detection and sorting logic to use on your data.
+	     * A {@link EuiDataGridInMemory} object to define the level of high order schema-detection and sorting logic to use on your data.
 	     * **Try to set when possible**.
 	     * If omitted, disables all enhancements and assumes content is flat strings.
 	     */
 	    inMemory?: EuiDataGridInMemory;
 	    /**
-	     * A #EuiDataGridPaginationProps object. Omit to disable pagination completely.
+	     * A {@link EuiDataGridPaginationProps} object. Omit to disable pagination completely.
 	     */
 	    pagination?: EuiDataGridPaginationProps;
 	    /**
-	     * A #EuiDataGridSorting object that provides the sorted columns along with their direction. Provides a callback for when it changes.
+	     * A {@link EuiDataGridSorting} object that provides the sorted columns along with their direction. Provides a callback for when it changes.
 	     * Optional, but required when inMemory is set.
 	     * Omit to disable, but you'll likely want to also turn off the user sorting controls through the `toolbarVisibility` prop.
 	     */
@@ -15108,9 +15104,23 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    /**
 	     * Allows customizing the underlying [react-window grid](https://react-window.vercel.app/#/api/VariableSizeGrid) props.
 	     */
-	    virtualizationOptions?: Pick<VariableSizeGridProps, 'className' | 'style' | 'direction' | 'estimatedRowHeight' | 'estimatedColumnWidth' | 'overscanRowCount' | 'overscanColumnCount' | 'initialScrollTop' | 'initialScrollLeft' | 'onScroll' | 'onItemsRendered' | 'itemKey' | 'outerElementType'>;
-	    /**
-	     * A #EuiDataGridRowHeightsOptions object that provides row heights options.
+	    virtualizationOptions?: Pick<VariableSizeGridProps, 'className' | 'style' | 'direction' | 'estimatedRowHeight' | 'estimatedColumnWidth' | 'overscanRowCount' | 'overscanColumnCount' | 'initialScrollTop' | 'initialScrollLeft' | 'onItemsRendered' | 'itemKey' | 'outerElementType'> & {
+	        /**
+	         * Called when the grid scroll positions changes, as a result of user scrolling or scroll-to method calls.
+	         */
+	        onScroll?: (args: GridOnScrollProps & {
+	            scrollHeight: number;
+	            scrollWidth: number;
+	            clientHeight: number;
+	            clientWidth: number;
+	            isScrolledToBlockStart: boolean;
+	            isScrolledToBlockEnd: boolean;
+	            isScrolledToInlineStart: boolean;
+	            isScrolledToInlineEnd: boolean;
+	        }) => void;
+	    };
+	    /**
+	     * A {@link EuiDataGridRowHeightsOptions} object that provides row heights options.
 	     * Allows configuring both default and specific heights of grid rows.
 	     * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowRowHeight = true` (which is the default).
 	     */
@@ -15273,7 +15283,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    colIndex: number;
 	    /**
-	     * ID of the column being rendered, the value comes from the #EuiDataGridColumn `id`
+	     * ID of the column being rendered, the value comes from the {@link EuiDataGridColumn} `id`
 	     */
 	    columnId: string;
 	    /**
@@ -15291,7 +15301,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    setCellProps: (props: EuiDataGridSetCellProps) => void;
 	    /**
-	     * Whether or not the cell is expandable, comes from the #EuiDataGridColumn `isExpandable` which defaults to `true`
+	     * Whether or not the cell is expandable, comes from the {@link EuiDataGridColumn} `isExpandable` which defaults to `true`
 	     */
 	    isExpandable: boolean;
 	    /**
@@ -15437,12 +15447,12 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    defaultSortDirection?: 'asc' | 'desc';
 	    /**
 	     * A Schema to use for the column.
-	     * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+	     * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own {@link EuiDataGrid} `schemaDetectors` (for in-memory detection).
 	     * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
 	     */
 	    schema?: string;
 	    /**
-	     * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+	     * Configuration of column actions. Set to false to disable or use {@link EuiDataGridColumnActions} to configure the actions displayed in the header cell of the column.
 	     */
 	    actions?: false | EuiDataGridColumnActions;
 	    /**
@@ -15513,7 +15523,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	}
 	export interface EuiDataGridColumnVisibility {
 	    /**
-	     * An array of #EuiDataGridColumn `id`s dictating the order and visibility of columns.
+	     * An array of {@link EuiDataGridColumn} `id`s dictating the order and visibility of columns.
 	     */
 	    visibleColumns: string[];
 	    /**
@@ -15554,7 +15564,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    stripes?: boolean;
 	    /**
-	     * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+	     * Visual style for the column headers. Recommendation is to use the `underline` style in times when {@link EuiDataGrid} `toolbarVisibility` is set to `false`.
 	     * @default shade
 	     */
 	    header?: EuiDataGridStyleHeader;
@@ -15627,13 +15637,13 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	export type EuiDataGridDisplaySelectorCustomRender = (args: EuiDataGridDisplaySelectorCustomRenderProps) => ReactNode;
 	export interface EuiDataGridToolBarVisibilityOptions {
 	    /**
-	     * Allows the ability for the user to hide fields and sort columns, boolean or a #EuiDataGridToolBarVisibilityColumnSelectorOptions
+	     * Allows the ability for the user to hide fields and sort columns, boolean or a {@link EuiDataGridToolBarVisibilityColumnSelectorOptions}
 	     * @default true
 	     */
 	    showColumnSelector?: boolean | EuiDataGridToolBarVisibilityColumnSelectorOptions;
 	    /**
 	     * Allows the ability for the user to customize display settings such as grid density and row heights.
-	     * User changes will override what is provided in #EuiDataGridStyle and #EuiDataGridRowHeightsOptions
+	     * User changes will override what is provided in {@link EuiDataGridStyle} and {@link EuiDataGridRowHeightsOptions}
 	     * @default true
 	     */
 	    showDisplaySelector?: boolean | EuiDataGridToolBarVisibilityDisplaySelectorOptions;
@@ -15655,14 +15665,14 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    showFullScreenSelector?: boolean;
 	    /**
 	     * If passed a `ReactNode`, appends the passed custom control into the left side of the toolbar, after the column & sort controls.
-	     * Or use #EuiDataGridToolBarAdditionalControlsOptions to customize the location of your control.
+	     * Or use {@link EuiDataGridToolBarAdditionalControlsOptions} to customize the location of your control.
 	     */
 	    additionalControls?: ReactNode | EuiDataGridToolBarAdditionalControlsOptions;
 	}
 	export interface EuiDataGridToolBarAdditionalControlsOptions {
 	    /**
 	     * If passed a `ReactNode`, appends the passed node into the left side of the toolbar, **after** the column & sort controls.
-	     * Or use #EuiDataGridToolBarAdditionalControlsLeftOptions to customize the location of your control.
+	     * Or use {@link EuiDataGridToolBarAdditionalControlsLeftOptions} to customize the location of your control.
 	     * We recommend using `<EuiButtonEmpty size="xs" />` to match the existing controls on the left.
 	     */
 	    left?: ReactNode | EuiDataGridToolBarAdditionalControlsLeftOptions;
@@ -15776,7 +15786,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * Defines the height for a specific row. It can be line count or just height.
 	     *
 	     * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
-	     * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+	     * toolbar control to `false` in {@link EuiDataGridToolBarVisibilityOptions}
 	     */
 	    rowHeights?: Record<number, EuiDataGridRowHeightOption>;
 	    /**
@@ -18334,7 +18344,7 @@ declare module '@elastic/eui/src/components/responsive/hide_for' {
 	    children: ReactNode;
 	    /**
 	     * List of all the responsive sizes to hide the children for.
-	     * Array of #EuiBreakpointSize
+	     * Array of {@link EuiBreakpointSize}
 	     */
 	    sizes: EuiHideForBreakpoints[] | 'all' | 'none';
 	}
@@ -18352,7 +18362,7 @@ declare module '@elastic/eui/src/components/responsive/show_for' {
 	    children: ReactNode;
 	    /**
 	     * List of all the responsive sizes to show the children for.
-	     * Array of #EuiBreakpointSize
+	     * Array of {@link EuiBreakpointSize}
 	     */
 	    sizes: EuiShowForBreakpoints[] | 'all' | 'none';
 	}
@@ -18606,11 +18616,11 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	     */
 	    isQuickSelectOnly?: boolean;
 	    /**
-	     * Props passed to the update button #EuiSuperUpdateButtonProps
+	     * Props passed to the update button {@link EuiSuperUpdateButtonProps}
 	     */
 	    updateButtonProps?: EuiSuperUpdateButtonProps;
 	    /**
-	     * Props passed to the quick select button #EuiQuickSelectButtonProps
+	     * Props passed to the quick select button {@link EuiQuickSelectButtonProps}
 	     */
 	    quickSelectButtonProps?: EuiQuickSelectButtonProps;
 	    /**
@@ -19043,26 +19053,18 @@ declare module '@elastic/eui/src/components/expression' {
 }
 declare module '@elastic/eui/src/components/filter_group/filter_button.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiFilterButtonDisplay: (euiThemeContext: UseEuiTheme) => {
+	export const euiFilterButtonDisplay: ({ euiTheme }: UseEuiTheme) => {
 	    flex: string;
 	    minInlineSize: string;
 	};
 	export const euiFilterButtonStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiFilterButton: import("@emotion/react").SerializedStyles;
-	    buttonType: {
-	        default: import("@emotion/react").SerializedStyles;
-	        toggle: import("@emotion/react").SerializedStyles;
-	    };
 	    withNext: import("@emotion/react").SerializedStyles;
 	    noGrow: import("@emotion/react").SerializedStyles;
 	    hasNotification: import("@emotion/react").SerializedStyles;
 	    hasActiveFilters: import("@emotion/react").SerializedStyles;
 	};
-	export const euiFilterButtonWrapperStyles: (euiThemeContext: UseEuiTheme) => {
-	    wrapper: import("@emotion/react").SerializedStyles;
-	    hasToggle: import("@emotion/react").SerializedStyles;
-	};
-	export const euiFilterButtonChildStyles: (euiThemeContext: UseEuiTheme) => {
+	export const euiFilterButtonChildStyles: ({ euiTheme }: UseEuiTheme) => {
 	    content: {
 	        euiFilterButton__content: import("@emotion/react").SerializedStyles;
 	        hasIcon: import("@emotion/react").SerializedStyles;
@@ -19119,7 +19121,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
 	export type EuiFilterButtonProps = {
 	    /**
-	     * Highlights active filters
+	     * Bolds the button if true
 	     */
 	    hasActiveFilters?: boolean;
 	    /**
@@ -19133,15 +19135,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	     */
 	    numActiveFilters?: number;
 	    /**
-	     * Switches between toggle and regular button
-	     * @default false
-	     */
-	    isToggle?: boolean;
-	    /**
-	     * Applies a visual state to the button.
-	     * Automatically applies `aria-pressed` when used with `isToggle={true}`.
-	     * Otherwise applies `aria-expanded` when used with `isToggle={false}` and
-	     * `iconType="arrowDown"` as trigger button for e.g. a popover.
+	     * Applies a visual state to the button useful when using with a popover.
 	     */
 	    isSelected?: boolean;
 	    /**
@@ -19165,7 +19159,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	     *  - warning
 	     */
 	    color?: _EuiButtonColor;
-	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size' | 'color' | 'isSelected'>;
+	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size' | 'color'>;
 	export const EuiFilterButton: FunctionComponent<EuiFilterButtonProps>;
 
 }
@@ -19381,24 +19375,24 @@ declare module '@elastic/eui/src/components/header/header' {
 	type EuiHeaderSectionItemType = EuiHeaderSectionItemProps['children'];
 	export interface EuiHeaderSections {
 	    /**
-	     * An array of items that will be wrapped in a #EuiHeaderSectionItem
+	     * An array of items that will be wrapped in a {@link EuiHeaderSectionItem}
 	     */
 	    items?: EuiHeaderSectionItemType[];
 	    /**
-	     * Breadcrumbs in the header cannot be wrapped in a #EuiHeaderSection in order for truncation to work.
+	     * Breadcrumbs in the header cannot be wrapped in a {@link EuiHeaderSection} in order for truncation to work.
 	     * Simply pass the array of EuiBreadcrumb objects
 	     */
 	    breadcrumbs?: EuiBreadcrumb[];
 	    /**
-	     * Other props to pass to #EuiHeaderBreadcrumbs
+	     * Other props to pass to {@link EuiHeaderBreadcrumbs}
 	     */
 	    breadcrumbProps?: Omit<EuiBreadcrumbsProps, 'breadcrumbs'>;
 	}
 	export type EuiHeaderProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
-	     * An array of objects to wrap in a #EuiHeaderSection.
+	     * An array of objects to wrap in a {@link EuiHeaderSection}.
 	     * Each section is spaced using `space-between`.
-	     * See #EuiHeaderSections for object details.
+	     * See {@link EuiHeaderSections} for object details.
 	     * This prop disregards the prop `children` if both are passed.
 	     */
 	    sections?: EuiHeaderSections[];
@@ -20190,7 +20184,7 @@ declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu' {
 	export type EuiKeyPadMenuProps = CommonProps & HTMLAttributes<HTMLElement> & {
 	    /**
 	     * Renders the the group as a `fieldset`.
-	     * Set to `true` to customize the labelling, or pass an #_EuiKeyPadMenuCheckableProps object to add a `legend` or `ariaLegend`
+	     * Set to `true` to customize the labelling, or pass an {@link _EuiKeyPadMenuCheckableProps} object to add a `legend` or `ariaLegend`
 	     */
 	    checkable?: _EuiKeyPadMenuCheckableProps | true;
 	};
@@ -20867,7 +20861,7 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	    };
 	    /**
 	     * Allows configuring the `allowRelative` and `allowProtocols` of
-	     * #EuiMarkdownLinkValidatorOptions
+	     * {@link EuiMarkdownLinkValidatorOptions}
 	     */
 	    linkValidator?: EuiMarkdownLinkValidatorOptions;
 	};
@@ -21779,7 +21773,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
 	import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
 	export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
 	    /**
-	     * Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
+	     * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
 	     * Pass `null` to remove all theming including global reset
 	     */
 	    theme?: EuiThemeSystem | null;
@@ -23038,12 +23032,12 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        slot?: string | undefined;
 	        style?: CSSProperties | undefined;
 	        title?: string | undefined;
+	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
 	        width: number;
 	        color?: string | undefined;
 	        content?: string | undefined;
-	        hidden?: boolean | undefined;
-	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
 	        translate?: "yes" | "no" | undefined;
+	        hidden?: boolean | undefined;
 	        property?: string | undefined;
 	        className?: string | undefined;
 	        defaultChecked?: boolean | undefined;
@@ -23352,6 +23346,16 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	    normalizedSearchValue: string;
 	}
 	export type EuiSelectableOptionMatcher<T> = (args: EuiSelectableOptionMatcherArgs<T>) => boolean;
+	/**
+	 * The `searchable` prop has significant implications for a11y. When present, we effectively change from adhering to the
+	 * - ARIA `listbox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)
+	 * - ARIA `combobox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#combobox)
+	 *
+	 * and (re)implement all relevant attributes and keyboard interactions.
+	 * Take note of logic that relies on `searchable` to ensure that any modifications remain in alignment.
+	 *
+	 * `searchProps` can only be specified when `searchable` is `true`.
+	 */
 	export type EuiSelectableSearchableProps<T> = ExclusiveUnion<{
 	    searchable: false;
 	}, {
@@ -23361,7 +23365,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	    searchable: true;
 	    /**
 	     * Passes props down to the `EuiFieldSearch`.
-	     * See #EuiSelectableSearchProps
+	     * {@link EuiSelectableSearchProps}
 	     */
 	    searchProps?: EuiSelectableSearchableSearchProps<T>;
 	}>;
@@ -23373,7 +23377,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     */
 	    children?: (list: ReactElement<typeof EuiSelectableMessage | typeof EuiSelectableList>, search: ReactElement<typeof EuiSelectableSearch> | undefined) => ReactNode;
 	    /**
-	     * Array of EuiSelectableOption objects. See #EuiSelectableOption
+	     * Array of EuiSelectableOption objects. See {@link EuiSelectableOption}
 	     */
 	    options: Array<EuiSelectableOption<T>>;
 	    /**
@@ -23409,7 +23413,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     */
 	    height?: number | 'full';
 	    /**
-	     * See #EuiSelectableOptionsListProps
+	     * See {@link EuiSelectableOptionsListPropsWithDefaults}
 	     */
 	    listProps?: EuiSelectableOptionsListPropsWithDefaults;
 	    /**
@@ -23569,7 +23573,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_templates/sele
 	     */
 	    avatar?: EuiAvatarProps;
 	    /**
-	     * An array of inline #EuiSelectableTemplateSitewideMetaData displayed beneath the label and separated by bullets.
+	     * An array of inline {@link EuiSelectableTemplateSitewideMetaData} displayed beneath the label and separated by bullets.
 	     */
 	    meta?: EuiSelectableTemplateSitewideMetaData[];
 	} & EuiSelectableOption<T>;
@@ -23587,8 +23591,8 @@ declare module '@elastic/eui/src/components/selectable/selectable_templates/sele
 	    [key: string]: any;
 	}>, 'options'>> & {
 	    /**
-	     * Extends the typical #EuiSelectableTemplateSitewideOption with the addition of pre-composed elements
-	     * such as `icon`, `avatar`and `meta`
+	     * Extends the typical EuiSelectable {@link EuiSelectableTemplateSitewideOption} with the addition of pre-composed elements
+	     * such as `icon`, `avatar` and `meta`
 	     */
 	    options: EuiSelectableTemplateSitewideOption[];
 	    /**
@@ -23660,7 +23664,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_selec
 	    field?: string;
 	    name: string;
 	    /**
-	     * See #FieldValueOptionType
+	     * See {@link FieldValueOptionType}
 	     */
 	    options: FieldValueOptionType[] | OptionsLoader;
 	    filterWith?: 'prefix' | 'includes' | OptionsFilter;
@@ -23756,7 +23760,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggl
 	    type: 'field_value_toggle_group';
 	    field: string;
 	    /**
-	     * See #FieldValueToggleGroupFilterItemType
+	     * See {@link FieldValueToggleGroupFilterItemType}
 	     */
 	    items: FieldValueToggleGroupFilterItemType[];
 	    available?: () => boolean;
@@ -23887,7 +23891,7 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	        schema?: SchemaType | boolean;
 	    };
 	    /**
-	     An array of search filters. See #SearchFilterConfig.
+	     An array of search filters. See {@link SearchFilterConfig}.
 	     */
 	    filters?: SearchFilterConfig[];
 	    /**
@@ -24129,7 +24133,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
 	     */
 	    heading?: ReactNode;
 	    /**
-	     * Adds a couple extra #EuiSideNavHeading props and extends the props of EuiTitle that wraps the `heading`
+	     * Adds a couple extra {@link EuiSideNavHeading} props and extends the props of EuiTitle that wraps the `heading`
 	     */
 	    headingProps?: Partial<EuiSideNavHeadingProps>;
 	    /**
@@ -24150,7 +24154,7 @@ declare module '@elastic/eui/src/components/side_nav/side_nav' {
 	     */
 	    mobileBreakpoints?: EuiBreakpointSize[];
 	    /**
-	     *  An array of #EuiSideNavItem objects. Lists navigation menu items.
+	     *  An array of {@link EuiSideNavItem} objects. Lists navigation menu items.
 	     */
 	    items: Array<EuiSideNavItemType<T>>;
 	    /**
@@ -24837,7 +24841,7 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     */
 	    cellProps?: object | CellPropsCallback<T>;
 	    /**
-	     * An array of one of the objects: #EuiTableFieldDataColumnType, #EuiTableComputedColumnType or #EuiTableActionsColumnType.
+	     * An array of one of the objects: {@link EuiTableFieldDataColumnType}, {@link EuiTableComputedColumnType} or {@link EuiTableActionsColumnType}.
 	     */
 	    columns: Array<EuiBasicTableColumn<T>>;
 	    /**
@@ -24861,11 +24865,12 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     */
 	    noItemsMessage?: ReactNode;
 	    /**
-	     * Called whenever pagination or sorting changes (this property is required when either pagination or sorting is configured). See #Criteria or #CriteriaWithPagination
+	     * Called whenever pagination or sorting changes (this property is required when either pagination or sorting is configured).
+	     * See {@link Criteria} or {@link CriteriaWithPagination}
 	     */
 	    onChange?: (criteria: Criteria<T>) => void;
 	    /**
-	     * Configures #Pagination
+	     * Configures {@link Pagination}
 	     */
 	    pagination?: undefined;
 	    /**
@@ -24873,11 +24878,11 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     */
 	    rowProps?: object | RowPropsCallback<T>;
 	    /**
-	     * Configures #EuiTableSelectionType
+	     * Configures {@link EuiTableSelectionType}
 	     */
 	    selection?: EuiTableSelectionType<T>;
 	    /**
-	     * Configures #EuiTableSortingType
+	     * Configures {@link EuiTableSortingType}
 	     */
 	    sorting?: EuiTableSortingType<T>;
 	    /**
@@ -24974,7 +24979,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	type InMemoryTableProps<T extends object> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage' | 'onChange'> & {
 	    message?: ReactNode;
 	    /**
-	     * Configures #Search.
+	     * Configures {@link Search}.
 	     */
 	    search?: Search;
 	    /**
@@ -24990,11 +24995,11 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	     */
 	    searchFormat?: 'eql' | 'text';
 	    /**
-	     * Configures #Pagination
+	     * Configures {@link Pagination}
 	     */
 	    pagination?: undefined;
 	    /**
-	     * Configures #EuiTableSortingType
+	     * Configures {@link EuiTableSortingType}
 	     */
 	    sorting?: Sorting;
 	    /**
@@ -25004,11 +25009,13 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	    /**
 	     * `onChange` is not required when `pagination` and/or `sorting` are configured,
 	     * but if `onChange` is present it is responsible for handling state for each/both.
-	     * See #Criteria or #CriteriaWithPagination
+	     * See {@link Criteria} or {@link CriteriaWithPagination}
 	     */
 	    onChange?: EuiBasicTableProps<T>['onChange'];
 	    /**
-	     * Callback for when table pagination or sorting is changed. This is meant to be informational only, and not used to set any state as the in-memory table already manages this state. See #Criteria or #CriteriaWithPagination.
+	     * Callback for when table pagination or sorting is changed. This is meant to be informational only,
+	     * and not used to set any state as the in-memory table already manages this state.
+	     * See {@link Criteria} or {@link CriteriaWithPagination}.
 	     */
 	    onTableChange?: (nextValues: Criteria<T>) => void;
 	    executeQueryOptions?: {
@@ -31419,16 +31426,1732 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions/shado
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions' {
 	export * from '@elastic/eui/src/themes/amsterdam/global_styling/functions/shadows';
 
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button' {
-	export { type _EuiButtonColor, type _EuiButtonDisplay, type _EuiButtonOptions, BUTTON_COLORS, BUTTON_DISPLAYS, euiButtonColor, euiButtonFillColor, euiButtonEmptyColor, useEuiButtonColorCSS, useEuiButtonFocusCSS, euiButtonSizeMap, } from '@elastic/eui/src/global_styling/mixins/_button';
-
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins' {
 	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button';
 	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
 
 }
+declare module '@elastic/eui/dist/eui_theme_amsterdam_dark.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
+declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
+declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
+declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      neutral: string;
+      success: string;
+      warning: string;
+      risk: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverityUnknown: string;
+    euiColorSeverityNeutral: string;
+    euiColorSeveritySuccess: string;
+    euiColorSeverityWarning: string;
+    euiColorSeverityRisk: string;
+    euiColorSeverityDanger: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextNeutral: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextRisk: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseNeutral: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseRisk: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightNeutral: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightRisk: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledNeutral: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledRisk: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseNeutral: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseRisk: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongNeutral: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongRisk: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}
 // TODO: remove once exported by package itself
 // https://github.com/oblador/loki/pull/516
 declare module '@loki/create-async-callback' {