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

package/eui.d.ts

@@ -171,13 +171,119 @@ 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/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/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/emotion/clone_element' {
@@ -276,10 +382,6 @@ 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';
@@ -302,15 +404,6 @@ 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';
@@ -507,11 +600,6 @@ 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';
@@ -645,135 +733,6 @@ 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';
@@ -820,7 +779,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    horizontal: string;
 	    vertical: string;
 	};
-	export const LOGICAL_SIDES: ("left" | "right" | "bottom" | "top" | "horizontal" | "vertical")[];
+	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
 	export type LogicalSides = (typeof LOGICAL_SIDES)[number];
 	export const logicals: {
 	    height: string;
@@ -879,7 +838,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    "border-bottom-right-radius": string;
 	    _shorthands: string[];
 	};
-	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 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 type LogicalProperties = (typeof LOGICAL_PROPERTIES)[number];
 	/**
 	 *
@@ -1051,6 +1010,142 @@ 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';
@@ -1171,12 +1266,6 @@ 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';
@@ -2896,7 +2985,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" | "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 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 type EuiIconType = keyof typeof typeToPathMap;
 	export type IconType = EuiIconType | string | ComponentType;
 	export type IconColor = string | NamedColor;
@@ -3449,7 +3538,12 @@ 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: import("@emotion/react").SerializedStyles;
+	    defaultMinWidth: {
+	        defaultMinWidth: import("@emotion/react").SerializedStyles;
+	        xs: string;
+	        s: string;
+	        m: string;
+	    };
 	    xs: import("@emotion/react").SerializedStyles;
 	    s: import("@emotion/react").SerializedStyles;
 	    m: import("@emotion/react").SerializedStyles;
@@ -3584,7 +3678,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: ({ euiTheme }: UseEuiTheme) => {
+	export const euiButtonDisplayContentStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiButtonDisplayContent: import("@emotion/react").SerializedStyles;
 	};
 
@@ -3756,7 +3850,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: import("@emotion/react").SerializedStyles;
+	    m: (string | false | import("@emotion/react").SerializedStyles)[];
 	    flush: import("@emotion/react").SerializedStyles;
 	    left: import("@emotion/react").SerializedStyles;
 	    right: import("@emotion/react").SerializedStyles;
@@ -4041,6 +4135,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	    };
 	    compressed: SerializedStyles;
 	    disabledAndSelected: SerializedStyles;
+	    hasBorder: string;
 	    tooltipWrapper: SerializedStyles;
 	    content: {
 	        euiButtonGroupButton__content: SerializedStyles;
@@ -4056,6 +4151,7 @@ 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 & {
 	    /**
@@ -4078,6 +4174,7 @@ 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 {};
@@ -6823,98 +6920,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/contrast' {
-	export const wcagContrastMin = 4.5;
-	/**
-	 * Creates a new color that meets or exceeds WCAG level AA
-	 * @param foreground - Color to manipulate
-	 * @param ratio - Amount to change in absolute terms. 0-10.
-	 * *
-	 * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
-	 */
-	export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
-	    colors: {
-	        body: string;
-	    };
-	    [key: string]: any;
-	}) => string;
-	/**
-	 * Creates a new color with increased contrast
-	 * Disabled content only needs a contrast of at least 2 because there is no interaction available
-	 * @param foreground - Color to manipulate
-	 * @param ratio - Amount to change in absolute terms. 0-10.
-	 * *
-	 * @param themeOrBackground - Color to use as the contrast basis
-	 */
-	export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
-	    colors: {
-	        body: string;
-	    };
-	    [key: string]: any;
-	}) => string;
-
-}
-declare module '@elastic/eui/src/services/color' {
-	export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
-	export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
-	export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
-	export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
-	export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
-	export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
-	export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
-	export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
-	export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
-	export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
-	export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
-	export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
-	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
-	export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
-	export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
-	export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
-	export * from '@elastic/eui/src/services/color/manipulation';
-	export * from '@elastic/eui/src/services/color/contrast';
-
-}
-declare module '@elastic/eui/src/services/theme/provider' {
-	import React, { PropsWithChildren, HTMLAttributes } from 'react';
-	import type { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
-	export interface EuiThemeProviderProps<T> extends PropsWithChildren {
-	    theme?: EuiThemeSystem<T>;
-	    colorMode?: EuiThemeColorMode;
-	    highContrastMode?: EuiThemeHighContrastModeProp;
-	    modify?: EuiThemeModifications<T>;
-	    children: any;
-	    /**
-	     * Nested theme providers will receive a wrapping `span` tag in order to correctly
-	     * set the default text `color` that all nested children will inherit.
-	     *
-	     * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
-	     * This requires a **single** child component that the correct color class can be passed to.
-	     *
-	     * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
-	     * the default inherited text color will be set on the page `body`.
-	     */
-	    wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
-	        cloneElement?: boolean;
-	    };
-	}
-	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, 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, } 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';
@@ -6981,228 +6986,107 @@ declare module '@elastic/eui/src/services/color/manipulation' {
 	export const brighten: (color: string, amount: number) => string;
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
+declare module '@elastic/eui/src/services/color/contrast' {
+	export const wcagContrastMin = 4.5;
 	/**
-	 * These are not actually used, but we map them to ensure token parity.
-	 * They are mapped to other vis colors
+	 * Creates a new color that meets or exceeds WCAG level AA
+	 * @param foreground - Color to manipulate
+	 * @param ratio - Amount to change in absolute terms. 0-10.
+	 * *
+	 * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
 	 */
-	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;
+	export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
+	    colors: {
+	        body: string;
 	    };
-	    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;
+	    [key: string]: any;
+	}) => string;
+	/**
+	 * Creates a new color with increased contrast
+	 * Disabled content only needs a contrast of at least 2 because there is no interaction available
+	 * @param foreground - Color to manipulate
+	 * @param ratio - Amount to change in absolute terms. 0-10.
+	 * *
+	 * @param themeOrBackground - Color to use as the contrast basis
+	 */
+	export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
+	    colors: {
+	        body: string;
 	    };
-	};
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
-	import { _EuiThemeComponents } from '@elastic/eui-theme-common';
-	export const components: _EuiThemeComponents;
+	    [key: string]: any;
+	}) => string;
 
 }
-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/color' {
+	export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
+	export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
+	export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
+	export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
+	export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
+	export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
+	export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
+	export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
+	export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
+	export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
+	export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
+	export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
+	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
+	export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
+	export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
+	export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
+	export * from '@elastic/eui/src/services/color/manipulation';
+	export * from '@elastic/eui/src/services/color/contrast';
 
 }
-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;
+declare module '@elastic/eui/src/services/theme/provider' {
+	import React, { PropsWithChildren, HTMLAttributes } from 'react';
+	import type { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
+	export interface EuiThemeProviderProps<T> extends PropsWithChildren {
+	    theme?: EuiThemeSystem<T>;
+	    colorMode?: EuiThemeColorMode;
+	    highContrastMode?: EuiThemeHighContrastModeProp;
+	    modify?: EuiThemeModifications<T>;
+	    children: any;
+	    /**
+	     * Nested theme providers will receive a wrapping `span` tag in order to correctly
+	     * set the default text `color` that all nested children will inherit.
+	     *
+	     * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
+	     * This requires a **single** child component that the correct color class can be passed to.
+	     *
+	     * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
+	     * the default inherited text color will be set on the page `body`.
+	     */
+	    wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
+	        cloneElement?: boolean;
 	    };
-	    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, 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;
-	};
+	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/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>;
+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;
 	/**
-	 * 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
+	 * Util to retrieve visual variant for UI elements
+	 * Note: Temporary only - will be removed once the visual refresh is completed.
 	 */
-	export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
-	export {};
+	export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
 
 }
-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' {
+	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/is_within_hooks' {
@@ -8225,15 +8109,6 @@ 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;
@@ -8265,10 +8140,6 @@ 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;
@@ -8844,10 +8715,6 @@ 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';
@@ -12658,6 +12525,11 @@ 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';
@@ -12667,6 +12539,143 @@ 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';
@@ -14601,7 +14610,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	    /**
 	     * Height types
 	     */
-	    getHeightType: (option?: EuiDataGridRowHeightOption) => "default" | "auto" | "lineCount" | "numerical";
+	    getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
 	    /**
 	     * Line count utils
 	     */
@@ -19034,18 +19043,26 @@ 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: ({ euiTheme }: UseEuiTheme) => {
+	export const euiFilterButtonDisplay: (euiThemeContext: 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 euiFilterButtonChildStyles: ({ euiTheme }: UseEuiTheme) => {
+	export const euiFilterButtonWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    wrapper: import("@emotion/react").SerializedStyles;
+	    hasToggle: import("@emotion/react").SerializedStyles;
+	};
+	export const euiFilterButtonChildStyles: (euiThemeContext: UseEuiTheme) => {
 	    content: {
 	        euiFilterButton__content: import("@emotion/react").SerializedStyles;
 	        hasIcon: import("@emotion/react").SerializedStyles;
@@ -19102,7 +19119,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
 	export type EuiFilterButtonProps = {
 	    /**
-	     * Bolds the button if true
+	     * Highlights active filters
 	     */
 	    hasActiveFilters?: boolean;
 	    /**
@@ -19116,7 +19133,15 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	     */
 	    numActiveFilters?: number;
 	    /**
-	     * Applies a visual state to the button useful when using with a popover.
+	     * 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.
 	     */
 	    isSelected?: boolean;
 	    /**
@@ -19140,7 +19165,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	     *  - warning
 	     */
 	    color?: _EuiButtonColor;
-	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size' | 'color'>;
+	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size' | 'color' | 'isSelected'>;
 	export const EuiFilterButton: FunctionComponent<EuiFilterButtonProps>;
 
 }
@@ -21754,7 +21779,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 EuiThemeAmsterdam;
+	     * Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
 	     * Pass `null` to remove all theming including global reset
 	     */
 	    theme?: EuiThemeSystem | null;
@@ -23013,12 +23038,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;
-	        translate?: "yes" | "no" | undefined;
 	        hidden?: boolean | undefined;
+	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
+	        translate?: "yes" | "no" | undefined;
 	        property?: string | undefined;
 	        className?: string | undefined;
 	        defaultChecked?: boolean | undefined;
@@ -31394,6 +31419,10 @@ 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';