@elastic/eui 59.1.0-rc1 → 59.1.0

package/eui.d.ts

@@ -52,117 +52,6 @@ declare module '@elastic/eui/src/components/accessibility/screen_reader_live' {
 	export { EuiScreenReaderLive } from '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live';
 	export type { EuiScreenReaderLiveProps } from '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live';
 
-}
-declare module '@elastic/eui/src/components/common' {
-	import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentProps, Component, FunctionComponent, JSXElementConstructor, MouseEventHandler, SFC } from 'react';
-	export interface CommonProps {
-	    className?: string;
-	    'aria-label'?: string;
-	    'data-test-subj'?: string;
-	}
-	export type NoArgCallback<T> = () => T;
-	export const assertNever: (x: never) => never;
-	/**
-	 * XOR for some properties applied to a type
-	 * (XOR is one of these but not both or neither)
-	 *
-	 * Usage: OneOf<typeToExtend, one | but | not | multiple | of | these | are | required>
-	 *
-	 * To require aria-label or aria-labelledby but not both
-	 * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>
-	 */
-	export type OneOf<T, K extends keyof T> = Omit<T, K> & {
-	    [k in K]: Pick<Required<T>, k> & {
-	        [k1 in Exclude<K, k>]?: never;
-	    };
-	}[K];
-	/**
-	 * Wraps Object.keys with proper typescript definition of the resulting array
-	 */
-	export function keysOf<T, K extends keyof T>(obj: T): K[];
-	/**
-	 * Like `keyof typeof`, but for getting values instead of keys
-	 * ValueOf<typeof {key1: 'value1', key2: 'value2'}>
-	 * Results in `'value1' | 'value2'`
-	 */
-	export type ValueOf<T> = T[keyof T];
-	export type PropsOf<C> = C extends SFC<infer SFCProps> ? SFCProps : C extends FunctionComponent<infer FunctionProps> ? FunctionProps : C extends Component<infer ComponentProps> ? ComponentProps : never;
-	export type PropsOfElement<C extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, ComponentProps<C>>; type ExtractDefaultProps<T> = T extends {
-	    defaultProps: infer D;
-	} ? D : never; type ExtractProps<C extends new (...args: any) => any, IT = InstanceType<C>> = IT extends Component<infer P> ? P : never;
-	/**
-	 * Because of how TypeScript's LibraryManagedAttributes is designed to handle defaultProps (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-0.html#support-for-defaultprops-in-jsx)
-	 * we can't directly export the props definition as the defaulted values are not made optional,
-	 * because it isn't processed by LibraryManagedAttributes. To get around this, we:
-	 * - remove the props which have default values applied
-	 * - export (Props - Defaults) & Partial<Defaults>
-	 */
-	export type ApplyClassComponentDefaults<C extends new (...args: any) => any, D = ExtractDefaultProps<C>, P = ExtractProps<C>> = Omit<P, keyof D> & {
-	    [K in keyof D]?: K extends keyof P ? P[K] : never;
-	}; type UnionKeys<T> = T extends any ? keyof T : never;
-	export type DistributivePick<T, K extends UnionKeys<T>> = T extends any ? Pick<T, Extract<keyof T, K>> : never;
-	export type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any ? Omit<T, Extract<keyof T, K>> : never; type RecursiveDistributiveOmit<T, K extends PropertyKey> = T extends any ? T extends object ? RecursiveOmit<T, K> : T : never;
-	export type RecursiveOmit<T, K extends PropertyKey> = Omit<{
-	    [P in keyof T]: RecursiveDistributiveOmit<T[P], K>;
-	}, K>;
-	/**
-	 * Returns member keys in U not present in T set to never
-	 * T = { 'one', 'two', 'three' }
-	 * U = { 'three', 'four', 'five' }
-	 * returns { 'four': never, 'five': never }
-	 */
-	export type DisambiguateSet<T, U> = {
-	    [P in Exclude<keyof T, keyof U>]?: never;
-	};
-	/**
-	 * Allow either T or U, preventing any additional keys of the other type from being present
-	 */
-	export type ExclusiveUnion<T, U> = T | U extends object ? (DisambiguateSet<T, U> & U) | (DisambiguateSet<U, T> & T) : T | U;
-	/**
-	 * For components that conditionally render <button> or <a>
-	 * Convenience types for extending base props (T) and
-	 * element-specific props (P) with standard clickable properties
-	 *
-	 * These will likely be used together, along with `ExclusiveUnion`:
-	 *
-	 * type AnchorLike = PropsForAnchor<BaseProps>
-	 * type ButtonLike = PropsForButton<BaseProps>
-	 * type ComponentProps = ExclusiveUnion<AnchorLike, ButtonLike>
-	 * const Component: FunctionComponent<ComponentProps> ...
-	 */
-	export type PropsForAnchor<T, P = {}> = T & {
-	    href?: string;
-	    onClick?: MouseEventHandler<HTMLAnchorElement>;
-	} & AnchorHTMLAttributes<HTMLAnchorElement> & P;
-	export type PropsForButton<T, P = {}> = T & {
-	    onClick?: MouseEventHandler<HTMLButtonElement>;
-	} & ButtonHTMLAttributes<HTMLButtonElement> & P;
-	/**
-	 * Replaces all properties on any type as optional, includes nested types
-	 *
-	 * @example
-	 * ```ts
-	 * interface Person {
-	 *  name: string;
-	 *  age?: number;
-	 *  spouse: Person;
-	 *  children: Person[];
-	 * }
-	 * type PartialPerson = RecursivePartial<Person>;
-	 * // results in
-	 * interface PartialPerson {
-	 *  name?: string;
-	 *  age?: number;
-	 *  spouse?: RecursivePartial<Person>;
-	 *  children?: RecursivePartial<Person>[]
-	 * }
-	 * ```
-	 */
-	export type RecursivePartial<T> = {
-	    [P in keyof T]?: T[P] extends NonAny[] ? T[P] : T[P] extends readonly NonAny[] ? T[P] : T[P] extends Array<infer U> ? Array<RecursivePartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<RecursivePartial<U>> : T[P] extends Set<infer V> ? Set<RecursivePartial<V>> : T[P] extends Map<infer K, infer V> ? Map<K, RecursivePartial<V>> : T[P] extends NonAny ? T[P] : RecursivePartial<T[P]>;
-	}; type NonAny = number | boolean | string | symbol | null;
-	export {};
-
 }
 declare module '@elastic/eui/src/services/keys' {
 	export const ENTER = "Enter";
@@ -277,6 +166,117 @@ declare module '@elastic/eui/src/services/alignment' {
 	export const CENTER_ALIGNMENT = "center";
 	export type HorizontalAlignment = 'left' | 'right' | 'center';
 
+}
+declare module '@elastic/eui/src/components/common' {
+	import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentProps, Component, FunctionComponent, JSXElementConstructor, MouseEventHandler, SFC } from 'react';
+	export interface CommonProps {
+	    className?: string;
+	    'aria-label'?: string;
+	    'data-test-subj'?: string;
+	}
+	export type NoArgCallback<T> = () => T;
+	export const assertNever: (x: never) => never;
+	/**
+	 * XOR for some properties applied to a type
+	 * (XOR is one of these but not both or neither)
+	 *
+	 * Usage: OneOf<typeToExtend, one | but | not | multiple | of | these | are | required>
+	 *
+	 * To require aria-label or aria-labelledby but not both
+	 * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>
+	 */
+	export type OneOf<T, K extends keyof T> = Omit<T, K> & {
+	    [k in K]: Pick<Required<T>, k> & {
+	        [k1 in Exclude<K, k>]?: never;
+	    };
+	}[K];
+	/**
+	 * Wraps Object.keys with proper typescript definition of the resulting array
+	 */
+	export function keysOf<T, K extends keyof T>(obj: T): K[];
+	/**
+	 * Like `keyof typeof`, but for getting values instead of keys
+	 * ValueOf<typeof {key1: 'value1', key2: 'value2'}>
+	 * Results in `'value1' | 'value2'`
+	 */
+	export type ValueOf<T> = T[keyof T];
+	export type PropsOf<C> = C extends SFC<infer SFCProps> ? SFCProps : C extends FunctionComponent<infer FunctionProps> ? FunctionProps : C extends Component<infer ComponentProps> ? ComponentProps : never;
+	export type PropsOfElement<C extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, ComponentProps<C>>; type ExtractDefaultProps<T> = T extends {
+	    defaultProps: infer D;
+	} ? D : never; type ExtractProps<C extends new (...args: any) => any, IT = InstanceType<C>> = IT extends Component<infer P> ? P : never;
+	/**
+	 * Because of how TypeScript's LibraryManagedAttributes is designed to handle defaultProps (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-0.html#support-for-defaultprops-in-jsx)
+	 * we can't directly export the props definition as the defaulted values are not made optional,
+	 * because it isn't processed by LibraryManagedAttributes. To get around this, we:
+	 * - remove the props which have default values applied
+	 * - export (Props - Defaults) & Partial<Defaults>
+	 */
+	export type ApplyClassComponentDefaults<C extends new (...args: any) => any, D = ExtractDefaultProps<C>, P = ExtractProps<C>> = Omit<P, keyof D> & {
+	    [K in keyof D]?: K extends keyof P ? P[K] : never;
+	}; type UnionKeys<T> = T extends any ? keyof T : never;
+	export type DistributivePick<T, K extends UnionKeys<T>> = T extends any ? Pick<T, Extract<keyof T, K>> : never;
+	export type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any ? Omit<T, Extract<keyof T, K>> : never; type RecursiveDistributiveOmit<T, K extends PropertyKey> = T extends any ? T extends object ? RecursiveOmit<T, K> : T : never;
+	export type RecursiveOmit<T, K extends PropertyKey> = Omit<{
+	    [P in keyof T]: RecursiveDistributiveOmit<T[P], K>;
+	}, K>;
+	/**
+	 * Returns member keys in U not present in T set to never
+	 * T = { 'one', 'two', 'three' }
+	 * U = { 'three', 'four', 'five' }
+	 * returns { 'four': never, 'five': never }
+	 */
+	export type DisambiguateSet<T, U> = {
+	    [P in Exclude<keyof T, keyof U>]?: never;
+	};
+	/**
+	 * Allow either T or U, preventing any additional keys of the other type from being present
+	 */
+	export type ExclusiveUnion<T, U> = T | U extends object ? (DisambiguateSet<T, U> & U) | (DisambiguateSet<U, T> & T) : T | U;
+	/**
+	 * For components that conditionally render <button> or <a>
+	 * Convenience types for extending base props (T) and
+	 * element-specific props (P) with standard clickable properties
+	 *
+	 * These will likely be used together, along with `ExclusiveUnion`:
+	 *
+	 * type AnchorLike = PropsForAnchor<BaseProps>
+	 * type ButtonLike = PropsForButton<BaseProps>
+	 * type ComponentProps = ExclusiveUnion<AnchorLike, ButtonLike>
+	 * const Component: FunctionComponent<ComponentProps> ...
+	 */
+	export type PropsForAnchor<T, P = {}> = T & {
+	    href?: string;
+	    onClick?: MouseEventHandler<HTMLAnchorElement>;
+	} & AnchorHTMLAttributes<HTMLAnchorElement> & P;
+	export type PropsForButton<T, P = {}> = T & {
+	    onClick?: MouseEventHandler<HTMLButtonElement>;
+	} & ButtonHTMLAttributes<HTMLButtonElement> & P;
+	/**
+	 * Replaces all properties on any type as optional, includes nested types
+	 *
+	 * @example
+	 * ```ts
+	 * interface Person {
+	 *  name: string;
+	 *  age?: number;
+	 *  spouse: Person;
+	 *  children: Person[];
+	 * }
+	 * type PartialPerson = RecursivePartial<Person>;
+	 * // results in
+	 * interface PartialPerson {
+	 *  name?: string;
+	 *  age?: number;
+	 *  spouse?: RecursivePartial<Person>;
+	 *  children?: RecursivePartial<Person>[]
+	 * }
+	 * ```
+	 */
+	export type RecursivePartial<T> = {
+	    [P in keyof T]?: T[P] extends NonAny[] ? T[P] : T[P] extends readonly NonAny[] ? T[P] : T[P] extends Array<infer U> ? Array<RecursivePartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<RecursivePartial<U>> : T[P] extends Set<infer V> ? Set<RecursivePartial<V>> : T[P] extends Map<infer K, infer V> ? Map<K, RecursivePartial<V>> : T[P] extends NonAny ? T[P] : RecursivePartial<T[P]>;
+	}; type NonAny = number | boolean | string | symbol | null;
+	export {};
+
 }
 declare module '@elastic/eui/src/services/breakpoint' {
 	export type EuiBreakpointSize = 'xs' | 's' | 'm' | 'l' | 'xl';
@@ -2114,14 +2114,16 @@ declare module '@elastic/eui/src/services/theme/context' {
 }
 declare module '@elastic/eui/src/services/theme/provider' {
 	import React, { PropsWithChildren } from 'react';
+	import { EmotionCache } from '@emotion/react';
 	import { EuiThemeColorMode, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
 	export interface EuiThemeProviderProps<T> {
 	    theme?: EuiThemeSystem<T>;
 	    colorMode?: EuiThemeColorMode;
 	    modify?: EuiThemeModifications<T>;
+	    cache?: EmotionCache;
 	    children: any;
 	}
-	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
+	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, cache, children, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
 
 }
 declare module '@elastic/eui/src/services/theme' {
@@ -2289,40 +2291,6 @@ declare module '@elastic/eui/src/components/loading/loading_elastic' {
 	}
 	export const EuiLoadingElastic: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & EuiLoadingElasticProps>;
 
-}
-declare module '@elastic/eui/src/components/provider/cache/cache_context' {
-	
-	import { EmotionCache } from '@emotion/cache';
-	export const EuiCacheContext: import("react").Context<EmotionCache | undefined>;
-	export const useEuiCacheContext: () => EmotionCache | undefined;
-
-}
-declare module '@elastic/eui/src/components/provider/cache/cache_provider' {
-	import { PropsWithChildren } from 'react';
-	import { EmotionCache } from '@emotion/cache';
-	export interface EuiCacheProviderProps {
-	    cache?: false | EmotionCache;
-	}
-	export const EuiCacheProvider: ({ cache, children, }: PropsWithChildren<EuiCacheProviderProps>) => JSX.Element;
-
-}
-declare module '@elastic/eui/src/components/provider/cache' {
-	export * from '@elastic/eui/src/components/provider/cache/cache_context';
-	export * from '@elastic/eui/src/components/provider/cache/cache_provider';
-
-}
-declare module '@elastic/eui/src/components/provider/system/system' {
-	import React, { ComponentType, ForwardRefExoticComponent } from 'react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export interface WithEuiSystemProps<P = {}> {
-	    euiTheme: UseEuiTheme<P>;
-	}
-	export const withEuiSystem: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiSystemProps<U>> | React.ForwardRefExoticComponent<T & WithEuiSystemProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "euiTheme">> & React.RefAttributes<Omit<T, "euiTheme">>>;
-
-}
-declare module '@elastic/eui/src/components/provider/system' {
-	export * from '@elastic/eui/src/components/provider/system/system';
-
 }
 declare module '@elastic/eui/src/components/loading/loading_chart.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -2342,23 +2310,15 @@ declare module '@elastic/eui/src/components/loading/loading_chart.styles' {
 
 }
 declare module '@elastic/eui/src/components/loading/loading_chart' {
-	import React, { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const SIZES: readonly ["m", "l", "xl"];
 	export type EuiLoadingChartSize = typeof SIZES[number];
 	export type EuiLoadingChartProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    size?: EuiLoadingChartSize;
 	    mono?: boolean;
 	};
-	export const _EuiLoadingChart: FunctionComponent<EuiLoadingChartProps & WithEuiSystemProps>;
-	export const EuiLoadingChart: React.ForwardRefExoticComponent<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    size?: "m" | "l" | "xl" | undefined;
-	    mono?: boolean | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    size?: "m" | "l" | "xl" | undefined;
-	    mono?: boolean | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiLoadingChart: FunctionComponent<EuiLoadingChartProps>;
 
 }
 declare module '@elastic/eui/src/components/loading/loading_content.styles' {
@@ -2369,19 +2329,13 @@ declare module '@elastic/eui/src/components/loading/loading_content.styles' {
 
 }
 declare module '@elastic/eui/src/components/loading/loading_content' {
-	import React, { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export type LineRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
 	export type EuiLoadingContentProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    lines?: LineRange;
 	};
-	export const _EuiLoadingContent: FunctionComponent<EuiLoadingContentProps & WithEuiSystemProps>;
-	export const EuiLoadingContent: React.ForwardRefExoticComponent<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    lines?: LineRange | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    lines?: LineRange | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiLoadingContent: FunctionComponent<EuiLoadingContentProps>;
 
 }
 declare module '@elastic/eui/src/components/loading/loading_spinner.styles' {
@@ -2398,9 +2352,8 @@ declare module '@elastic/eui/src/components/loading/loading_spinner.styles' {
 
 }
 declare module '@elastic/eui/src/components/loading/loading_spinner' {
-	import React, { HTMLAttributes, FunctionComponent, CSSProperties } from 'react';
+	import { HTMLAttributes, FunctionComponent, CSSProperties } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const SIZES: readonly ["s", "m", "l", "xl", "xxl"];
 	export type EuiLoadingSpinnerSize = typeof SIZES[number];
 	export type EuiLoadingSpinnerColor = {
@@ -2416,24 +2369,7 @@ declare module '@elastic/eui/src/components/loading/loading_spinner' {
 	     */
 	    color?: EuiLoadingSpinnerColor;
 	};
-	export const _EuiLoadingSpinner: FunctionComponent<EuiLoadingSpinnerProps & WithEuiSystemProps>;
-	export const EuiLoadingSpinner: React.ForwardRefExoticComponent<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-	    size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
-	    /**
-	     * Sets the color of the border and highlight.
-	     * Each key accepts any valid CSS color value as a `string`
-	     * See #EuiLoadingSpinnerColor
-	     */
-	    color?: EuiLoadingSpinnerColor | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-	    size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
-	    /**
-	     * Sets the color of the border and highlight.
-	     * Each key accepts any valid CSS color value as a `string`
-	     * See #EuiLoadingSpinnerColor
-	     */
-	    color?: EuiLoadingSpinnerColor | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiLoadingSpinner: FunctionComponent<EuiLoadingSpinnerProps>;
 
 }
 declare module '@elastic/eui/src/components/loading/loading_logo.styles' {
@@ -2454,10 +2390,9 @@ declare module '@elastic/eui/src/components/loading/loading_logo.styles' {
 
 }
 declare module '@elastic/eui/src/components/loading/loading_logo' {
-	import React, { HTMLAttributes, FunctionComponent } from 'react';
+	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const SIZES: readonly ["m", "l", "xl"];
 	export type EuiLoadingLogoSize = typeof SIZES[number];
 	export type EuiLoadingLogoProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
@@ -2467,73 +2402,163 @@ declare module '@elastic/eui/src/components/loading/loading_logo' {
 	     */
 	    logo?: IconType;
 	};
-	export const _EuiLoadingLogo: FunctionComponent<EuiLoadingLogoProps & WithEuiSystemProps>;
-	export const EuiLoadingLogo: React.ForwardRefExoticComponent<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    size?: "m" | "l" | "xl" | undefined;
+	export const EuiLoadingLogo: FunctionComponent<EuiLoadingLogoProps>;
+
+}
+declare module '@elastic/eui/src/components/loading' {
+	export type { EuiLoadingElasticProps } from '@elastic/eui/src/components/loading/loading_elastic';
+	export { EuiLoadingElastic } from '@elastic/eui/src/components/loading/loading_elastic';
+	export type { EuiLoadingChartProps } from '@elastic/eui/src/components/loading/loading_chart';
+	export { EuiLoadingChart } from '@elastic/eui/src/components/loading/loading_chart';
+	export type { EuiLoadingContentProps } from '@elastic/eui/src/components/loading/loading_content';
+	export { EuiLoadingContent } from '@elastic/eui/src/components/loading/loading_content';
+	export type { EuiLoadingSpinnerProps } from '@elastic/eui/src/components/loading/loading_spinner';
+	export { EuiLoadingSpinner } from '@elastic/eui/src/components/loading/loading_spinner';
+	export type { EuiLoadingLogoProps } from '@elastic/eui/src/components/loading/loading_logo';
+	export { EuiLoadingLogo } from '@elastic/eui/src/components/loading/loading_logo';
+
+}
+declare module '@elastic/eui/src/components/button/_button_content_deprecated' {
+	import { HTMLAttributes, FunctionComponent, Ref } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { IconType } from '@elastic/eui/src/components/icon';
+	export type ButtonContentIconSide = 'left' | 'right';
+	export const ICON_SIDES: ButtonContentIconSide[];
+	export type EuiButtonContentType = HTMLAttributes<HTMLSpanElement>;
+	/**
+	 * *INTERNAL ONLY / DEPRECATED*
+	 * This component is simply a helper component for reuse within other button components
+	 * This component has been deprecated in favor of the new EuiButtonDisplayContent
+	 * that can be found in `src/components/button/button_display/_button_display_content.tsx`.
+	 */
+	export interface EuiButtonContentProps extends CommonProps {
 	    /**
-	     * While this component should be restricted to using logo icons, it works with any IconType
+	     * Any `type` accepted by EuiIcon
+	     */
+	    iconType?: IconType;
+	    /**
+	     * Can only be one side `left` or `right`
+	     */
+	    iconSide?: ButtonContentIconSide;
+	    isLoading?: boolean;
+	    /**
+	     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
+	     * It doesn't apply to the icon.
+	     */
+	    textProps?: HTMLAttributes<HTMLSpanElement> & CommonProps & {
+	        ref?: Ref<HTMLSpanElement>;
+	        'data-text'?: string;
+	    };
+	    iconSize?: 's' | 'm';
+	}
+	export const EuiButtonContentDeprecated: FunctionComponent<EuiButtonContentType & EuiButtonContentProps>;
+
+}
+declare module '@elastic/eui/src/services/security/href_validator' {
+	export function validateHref(href: string): boolean;
+
+}
+declare module '@elastic/eui/src/components/button/button' {
+	import React, { FunctionComponent, Ref, CSSProperties, HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
+	import { EuiButtonContentProps, EuiButtonContentType } from '@elastic/eui/src/components/button/_button_content_deprecated';
+	export type ButtonColor = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'ghost' | 'text';
+	export type ButtonSize = 's' | 'm';
+	export const colorToClassNameMap: {
+	    [color in ButtonColor]: string;
+	};
+	export const COLORS: ButtonColor[];
+	export const sizeToClassNameMap: {
+	    [size in ButtonSize]: string | null;
+	};
+	export const SIZES: ButtonSize[];
+	/**
+	 * Extends EuiButtonContentProps which provides
+	 * `iconType`, `iconSide`, and `textProps`
+	 */
+	export interface EuiButtonProps extends EuiButtonContentProps, CommonProps {
+	    children?: ReactNode;
+	    /**
+	     * Make button a solid color for prominence
+	     */
+	    fill?: boolean;
+	    /**
+	     * Any of our named colors.
+	     */
+	    color?: ButtonColor;
+	    /**
+	     * Use size `s` in confined spaces
+	     */
+	    size?: ButtonSize;
+	    /**
+	     * `disabled` is also allowed
+	     */
+	    isDisabled?: boolean;
+	    /**
+	     * Applies the boolean state as the `aria-pressed` property to create a toggle button.
+	     * *Only use when the readable text does not change between states.*
+	     */
+	    isSelected?: boolean;
+	    /**
+	     * Extends the button to 100% width
+	     */
+	    fullWidth?: boolean;
+	    /**
+	     * Override the default minimum width
+	     */
+	    minWidth?: CSSProperties['minWidth'];
+	    /**
+	     * Force disables the button and changes the icon to a loading spinner
 	     */
-	    logo?: IconType | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    size?: "m" | "l" | "xl" | undefined;
+	    isLoading?: boolean;
 	    /**
-	     * While this component should be restricted to using logo icons, it works with any IconType
+	     * Object of props passed to the <span/> wrapping the button's content
 	     */
-	    logo?: IconType | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
-
-}
-declare module '@elastic/eui/src/components/loading' {
-	export type { EuiLoadingElasticProps } from '@elastic/eui/src/components/loading/loading_elastic';
-	export { EuiLoadingElastic } from '@elastic/eui/src/components/loading/loading_elastic';
-	export type { EuiLoadingChartProps } from '@elastic/eui/src/components/loading/loading_chart';
-	export { EuiLoadingChart } from '@elastic/eui/src/components/loading/loading_chart';
-	export type { EuiLoadingContentProps } from '@elastic/eui/src/components/loading/loading_content';
-	export { EuiLoadingContent } from '@elastic/eui/src/components/loading/loading_content';
-	export type { EuiLoadingSpinnerProps } from '@elastic/eui/src/components/loading/loading_spinner';
-	export { EuiLoadingSpinner } from '@elastic/eui/src/components/loading/loading_spinner';
-	export type { EuiLoadingLogoProps } from '@elastic/eui/src/components/loading/loading_logo';
-	export { EuiLoadingLogo } from '@elastic/eui/src/components/loading/loading_logo';
-
-}
-declare module '@elastic/eui/src/components/button/_button_content_deprecated' {
-	import { HTMLAttributes, FunctionComponent, Ref } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { IconType } from '@elastic/eui/src/components/icon';
-	export type ButtonContentIconSide = 'left' | 'right';
-	export const ICON_SIDES: ButtonContentIconSide[];
-	export type EuiButtonContentType = HTMLAttributes<HTMLSpanElement>;
+	    contentProps?: EuiButtonContentType;
+	    style?: CSSProperties;
+	}
+	export type EuiButtonPropsForAnchor = PropsForAnchor<EuiButtonProps, {
+	    buttonRef?: Ref<HTMLAnchorElement>;
+	}>;
+	export type EuiButtonPropsForButton = PropsForButton<EuiButtonProps, {
+	    buttonRef?: Ref<HTMLButtonElement>;
+	}>;
+	export type Props = ExclusiveUnion<EuiButtonPropsForAnchor, EuiButtonPropsForButton>;
 	/**
-	 * *INTERNAL ONLY / DEPRECATED*
-	 * This component is simply a helper component for reuse within other button components
-	 * This component has been deprecated in favor of the new EuiButtonDisplayContent
-	 * that can be found in `src/components/button/button_display/_button_display_content.tsx`.
+	 * EuiButton is largely responsible for providing relevant props
+	 * and the logic for element-specific attributes
 	 */
-	export interface EuiButtonContentProps extends CommonProps {
+	export const EuiButton: FunctionComponent<Props>;
+	export type EuiButtonDisplayProps = EuiButtonProps & HTMLAttributes<HTMLElement> & {
 	    /**
-	     * Any `type` accepted by EuiIcon
+	     * Provide a valid element to render the element as
 	     */
-	    iconType?: IconType;
+	    element: 'a' | 'button' | 'span' | 'label';
 	    /**
-	     * Can only be one side `left` or `right`
+	     * Provide the component's base class name to build the class list on
 	     */
-	    iconSide?: ButtonContentIconSide;
-	    isLoading?: boolean;
+	    baseClassName: string;
+	};
+	/**
+	 * *DEPRECATED*
+	 * EuiButtonDisplay is an internal-only component used for displaying
+	 * any element as a button.
+	 * NOTE: This component *must* be below EuiButton in the file and
+	 * EuiButton must also set a displayName for react-docgen-typescript
+	 * to correctly set EuiButton's docgenInfo and display a props table.
+	 * This component has been deprecated in favor of the new EuiButtonDisplay
+	 * that can be found in `src/components/button/button_display/_button_display.tsx`
+	 */
+	export const EuiButtonDisplayDeprecated: React.ForwardRefExoticComponent<EuiButtonProps & React.HTMLAttributes<HTMLElement> & {
 	    /**
-	     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
-	     * It doesn't apply to the icon.
+	     * Provide a valid element to render the element as
 	     */
-	    textProps?: HTMLAttributes<HTMLSpanElement> & CommonProps & {
-	        ref?: Ref<HTMLSpanElement>;
-	        'data-text'?: string;
-	    };
-	    iconSize?: 's' | 'm';
-	}
-	export const EuiButtonContentDeprecated: FunctionComponent<EuiButtonContentType & EuiButtonContentProps>;
-
-}
-declare module '@elastic/eui/src/services/security/href_validator' {
-	export function validateHref(href: string): boolean;
+	    element: 'a' | 'button' | 'span' | 'label';
+	    /**
+	     * Provide the component's base class name to build the class list on
+	     */
+	    baseClassName: string;
+	} & React.RefAttributes<HTMLElement>>;
 
 }
 declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
@@ -3015,7 +3040,6 @@ declare module '@elastic/eui/src/components/title/title.styles' {
 declare module '@elastic/eui/src/components/title/title' {
 	import { FunctionComponent, ReactElement } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const TITLE_SIZES: readonly ["xxxs", "xxs", "xs", "s", "m", "l"];
 	export type EuiTitleSize = typeof TITLE_SIZES[number];
 	export const TEXT_TRANSFORM: readonly ["uppercase"];
@@ -3029,24 +3053,7 @@ declare module '@elastic/eui/src/components/title/title' {
 	    textTransform?: EuiTitleTextTransform;
 	    id?: string;
 	};
-	export const _EuiTitle: FunctionComponent<EuiTitleProps & WithEuiSystemProps>;
-	export const EuiTitle: import("react").ForwardRefExoticComponent<Omit<CommonProps & {
-	    /**
-	     * ReactElement to render as this component's content
-	     */
-	    children: ReactElement<any>;
-	    size?: "s" | "xs" | "m" | "l" | "xxs" | "xxxs" | undefined;
-	    textTransform?: "uppercase" | undefined;
-	    id?: string | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & import("react").RefAttributes<Omit<CommonProps & {
-	    /**
-	     * ReactElement to render as this component's content
-	     */
-	    children: ReactElement<any>;
-	    size?: "s" | "xs" | "m" | "l" | "xxs" | "xxxs" | undefined;
-	    textTransform?: "uppercase" | undefined;
-	    id?: string | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiTitle: FunctionComponent<EuiTitleProps>;
 
 }
 declare module '@elastic/eui/src/components/title' {
@@ -3118,9 +3125,8 @@ declare module '@elastic/eui/src/components/text/text_color.styles' {
 
 }
 declare module '@elastic/eui/src/components/text/text_color' {
-	import React, { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
+	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const COLORS: readonly ["default", "subdued", "success", "accent", "danger", "warning", "ghost", "inherit"];
 	export type TextColor = typeof COLORS[number];
 	export type EuiTextColorProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement> & HTMLAttributes<HTMLSpanElement>, 'color'> & {
@@ -3138,36 +3144,7 @@ declare module '@elastic/eui/src/components/text/text_color' {
 	     */
 	    cloneElement?: boolean;
 	};
-	export const _EuiTextColor: FunctionComponent<EuiTextColorProps & WithEuiSystemProps>;
-	export const EuiTextColor: React.ForwardRefExoticComponent<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLSpanElement>, "color"> & {
-	    /**
-	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
-	     */
-	    color?: TextColor | CSSProperties['color'];
-	    /**
-	     * Determines the root element
-	     */
-	    component?: "div" | "span" | undefined;
-	    /**
-	     * Applies text styling to the child element instead of rendering a parent wrapper `span`/`div`.
-	     * Can only be used when wrapping a *single* child element/tag, and not raw text.
-	     */
-	    cloneElement?: boolean | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLSpanElement>, "color"> & {
-	    /**
-	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
-	     */
-	    color?: TextColor | CSSProperties['color'];
-	    /**
-	     * Determines the root element
-	     */
-	    component?: "div" | "span" | undefined;
-	    /**
-	     * Applies text styling to the child element instead of rendering a parent wrapper `span`/`div`.
-	     * Can only be used when wrapping a *single* child element/tag, and not raw text.
-	     */
-	    cloneElement?: boolean | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiTextColor: FunctionComponent<EuiTextColorProps>;
 
 }
 declare module '@elastic/eui/src/components/text/text_align.styles' {
@@ -3196,9 +3173,8 @@ declare module '@elastic/eui/src/components/text/text_align' {
 
 }
 declare module '@elastic/eui/src/components/text/text' {
-	import React, { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
+	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	import { TextColor } from '@elastic/eui/src/components/text/text_color';
 	import { TextAlignment } from '@elastic/eui/src/components/text/text_align';
 	export const TEXT_SIZES: readonly ["xs", "s", "m", "relative"];
@@ -3215,30 +3191,7 @@ declare module '@elastic/eui/src/components/text/text' {
 	    color?: TextColor | CSSProperties['color'];
 	    grow?: boolean;
 	};
-	export const _EuiText: FunctionComponent<EuiTextProps & WithEuiSystemProps>;
-	export const EuiText: React.ForwardRefExoticComponent<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-	    textAlign?: "left" | "right" | "center" | undefined;
-	    /**
-	     * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.
-	     */
-	    size?: "s" | "xs" | "m" | "relative" | undefined;
-	    /**
-	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
-	     */
-	    color?: TextColor | CSSProperties['color'];
-	    grow?: boolean | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-	    textAlign?: "left" | "right" | "center" | undefined;
-	    /**
-	     * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.
-	     */
-	    size?: "s" | "xs" | "m" | "relative" | undefined;
-	    /**
-	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
-	     */
-	    color?: TextColor | CSSProperties['color'];
-	    grow?: boolean | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiText: FunctionComponent<EuiTextProps>;
 
 }
 declare module '@elastic/eui/src/components/text' {
@@ -4057,8 +4010,7 @@ declare module '@elastic/eui/src/components/panel/panel.style' {
 
 }
 declare module '@elastic/eui/src/components/panel/panel' {
-	import React, { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
+	import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
 	import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
@@ -4104,8 +4056,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
 	    element?: 'button';
 	}
 	export type EuiPanelProps = ExclusiveUnion<_EuiPanelButtonlike, _EuiPanelDivlike>;
-	export const _EuiPanel: FunctionComponent<EuiPanelProps & WithEuiSystemProps>;
-	export const EuiPanel: React.ForwardRefExoticComponent<Omit<((import ("@elastic/eui/src/components/common").DisambiguateSet<_EuiPanelButtonlike, _EuiPanelDivlike> & _EuiPanelDivlike) | (import ("@elastic/eui/src/components/common").DisambiguateSet<_EuiPanelDivlike, _EuiPanelButtonlike> & _EuiPanelButtonlike)) & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<((import ("@elastic/eui/src/components/common").DisambiguateSet<_EuiPanelButtonlike, _EuiPanelDivlike> & _EuiPanelDivlike) | (import ("@elastic/eui/src/components/common").DisambiguateSet<_EuiPanelDivlike, _EuiPanelButtonlike> & _EuiPanelButtonlike)) & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiPanel: FunctionComponent<EuiPanelProps>;
 	export {};
 
 }
@@ -4233,7 +4184,6 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	import React, { HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const COLORS: readonly ["primary", "success", "warning", "danger"];
 	export type Color = typeof COLORS[number];
 	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"]; type Heading = typeof HEADINGS[number]; type Size = 's' | 'm';
@@ -4244,14 +4194,13 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	    size?: Size;
 	    heading?: Heading;
 	};
-	export const _EuiCallOut: React.ForwardRefExoticComponent<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> & {
+	export const EuiCallOut: React.ForwardRefExoticComponent<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> & {
 	    title?: ReactNode;
 	    iconType?: IconType | undefined;
 	    color?: "primary" | "success" | "warning" | "danger" | undefined;
 	    size?: Size | undefined;
 	    heading?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
-	} & WithEuiSystemProps<{}> & React.RefAttributes<HTMLDivElement>>;
-	export const EuiCallOut: React.ForwardRefExoticComponent<Omit<EuiCallOutProps, "euiTheme"> & React.RefAttributes<Omit<EuiCallOutProps, "euiTheme">>>;
+	} & React.RefAttributes<HTMLDivElement>>;
 	export {};
 
 }
@@ -5975,9 +5924,8 @@ declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule.styl
 
 }
 declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule' {
-	import React, { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const SIZES: readonly ["full", "half", "quarter"];
 	export const MARGINS: readonly ["none", "xs", "s", "m", "l", "xl", "xxl"];
 	export type EuiHorizontalRuleSize = typeof SIZES[number];
@@ -5989,8 +5937,7 @@ declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule' {
 	    size?: EuiHorizontalRuleSize;
 	    margin?: EuiHorizontalRuleMargin;
 	}
-	export const _EuiHorizontalRule: FunctionComponent<EuiHorizontalRuleProps & WithEuiSystemProps>;
-	export const EuiHorizontalRule: React.ForwardRefExoticComponent<Omit<EuiHorizontalRuleProps & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<EuiHorizontalRuleProps & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiHorizontalRule: FunctionComponent<EuiHorizontalRuleProps>;
 
 }
 declare module '@elastic/eui/src/components/horizontal_rule' {
@@ -6284,20 +6231,14 @@ declare module '@elastic/eui/src/components/spacer/spacer.styles' {
 
 }
 declare module '@elastic/eui/src/components/spacer/spacer' {
-	import React, { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const SIZES: readonly ["xs", "s", "m", "l", "xl", "xxl"];
 	export type SpacerSize = typeof SIZES[number];
 	export type EuiSpacerProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
 	    size?: SpacerSize;
 	};
-	export const _EuiSpacer: FunctionComponent<EuiSpacerProps & WithEuiSystemProps>;
-	export const EuiSpacer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & CommonProps & {
-	    size?: "s" | "xs" | "m" | "l" | "xl" | "xxl" | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<React.HTMLAttributes<HTMLDivElement> & CommonProps & {
-	    size?: "s" | "xs" | "m" | "l" | "xl" | "xxl" | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiSpacer: FunctionComponent<EuiSpacerProps>;
 
 }
 declare module '@elastic/eui/src/components/spacer' {
@@ -6944,127 +6885,24 @@ declare module '@elastic/eui/src/services' {
 	export type { HSV } from '@elastic/eui/src/services/color';
 	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor, } from '@elastic/eui/src/services/color';
 	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
-	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
-	export * from '@elastic/eui/src/services/console';
-	export { copyToClipboard } from '@elastic/eui/src/services/copy_to_clipboard';
-	export * from '@elastic/eui/src/services/findElement';
-	export { formatAuto, formatBoolean, formatDate, formatNumber, formatText, dateFormatAliases, } from '@elastic/eui/src/services/format';
-	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
-	export { Pager } from '@elastic/eui/src/services/paging';
-	export { Random } from '@elastic/eui/src/services/random';
-	export { getSecureRelForTarget } from '@elastic/eui/src/services/security';
-	export { toSentenceCase, toInitials, slugify } from '@elastic/eui/src/services/string';
-	export type { PropertySort, Direction } from '@elastic/eui/src/services/sort';
-	export { PropertySortType, SortDirectionType, SortDirection, SortableProperties, Comparators, } from '@elastic/eui/src/services/sort';
-	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
-	export { getDurationAndPerformOnFrame, getTransitionTimings, getWaitDuration, performOnFrame, } from '@elastic/eui/src/services/transition';
-	export { EuiWindowEvent } from '@elastic/eui/src/services/window_event';
-	export * from '@elastic/eui/src/services/hooks';
-	export { throttle } from '@elastic/eui/src/services/throttle';
-	export * from '@elastic/eui/src/services/theme';
-
-}
-declare module '@elastic/eui/src/components/button/button' {
-	import React, { FunctionComponent, Ref, CSSProperties, HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
-	import { EuiButtonContentProps, EuiButtonContentType } from '@elastic/eui/src/components/button/_button_content_deprecated';
-	export type ButtonColor = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'ghost' | 'text';
-	export type ButtonSize = 's' | 'm';
-	export const colorToClassNameMap: {
-	    [color in ButtonColor]: string;
-	};
-	export const COLORS: ButtonColor[];
-	export const sizeToClassNameMap: {
-	    [size in ButtonSize]: string | null;
-	};
-	export const SIZES: ButtonSize[];
-	/**
-	 * Extends EuiButtonContentProps which provides
-	 * `iconType`, `iconSide`, and `textProps`
-	 */
-	export interface EuiButtonProps extends EuiButtonContentProps, CommonProps {
-	    children?: ReactNode;
-	    /**
-	     * Make button a solid color for prominence
-	     */
-	    fill?: boolean;
-	    /**
-	     * Any of our named colors.
-	     */
-	    color?: ButtonColor;
-	    /**
-	     * Use size `s` in confined spaces
-	     */
-	    size?: ButtonSize;
-	    /**
-	     * `disabled` is also allowed
-	     */
-	    isDisabled?: boolean;
-	    /**
-	     * Applies the boolean state as the `aria-pressed` property to create a toggle button.
-	     * *Only use when the readable text does not change between states.*
-	     */
-	    isSelected?: boolean;
-	    /**
-	     * Extends the button to 100% width
-	     */
-	    fullWidth?: boolean;
-	    /**
-	     * Override the default minimum width
-	     */
-	    minWidth?: CSSProperties['minWidth'];
-	    /**
-	     * Force disables the button and changes the icon to a loading spinner
-	     */
-	    isLoading?: boolean;
-	    /**
-	     * Object of props passed to the <span/> wrapping the button's content
-	     */
-	    contentProps?: EuiButtonContentType;
-	    style?: CSSProperties;
-	}
-	export type EuiButtonPropsForAnchor = PropsForAnchor<EuiButtonProps, {
-	    buttonRef?: Ref<HTMLAnchorElement>;
-	}>;
-	export type EuiButtonPropsForButton = PropsForButton<EuiButtonProps, {
-	    buttonRef?: Ref<HTMLButtonElement>;
-	}>;
-	export type Props = ExclusiveUnion<EuiButtonPropsForAnchor, EuiButtonPropsForButton>;
-	/**
-	 * EuiButton is largely responsible for providing relevant props
-	 * and the logic for element-specific attributes
-	 */
-	export const EuiButton: FunctionComponent<Props>;
-	export type EuiButtonDisplayProps = EuiButtonProps & HTMLAttributes<HTMLElement> & {
-	    /**
-	     * Provide a valid element to render the element as
-	     */
-	    element: 'a' | 'button' | 'span' | 'label';
-	    /**
-	     * Provide the component's base class name to build the class list on
-	     */
-	    baseClassName: string;
-	};
-	/**
-	 * *DEPRECATED*
-	 * EuiButtonDisplay is an internal-only component used for displaying
-	 * any element as a button.
-	 * NOTE: This component *must* be below EuiButton in the file and
-	 * EuiButton must also set a displayName for react-docgen-typescript
-	 * to correctly set EuiButton's docgenInfo and display a props table.
-	 * This component has been deprecated in favor of the new EuiButtonDisplay
-	 * that can be found in `src/components/button/button_display/_button_display.tsx`
-	 */
-	export const EuiButtonDisplayDeprecated: React.ForwardRefExoticComponent<EuiButtonProps & React.HTMLAttributes<HTMLElement> & {
-	    /**
-	     * Provide a valid element to render the element as
-	     */
-	    element: 'a' | 'button' | 'span' | 'label';
-	    /**
-	     * Provide the component's base class name to build the class list on
-	     */
-	    baseClassName: string;
-	} & React.RefAttributes<HTMLElement>>;
+	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
+	export * from '@elastic/eui/src/services/console';
+	export { copyToClipboard } from '@elastic/eui/src/services/copy_to_clipboard';
+	export * from '@elastic/eui/src/services/findElement';
+	export { formatAuto, formatBoolean, formatDate, formatNumber, formatText, dateFormatAliases, } from '@elastic/eui/src/services/format';
+	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
+	export { Pager } from '@elastic/eui/src/services/paging';
+	export { Random } from '@elastic/eui/src/services/random';
+	export { getSecureRelForTarget } from '@elastic/eui/src/services/security';
+	export { toSentenceCase, toInitials, slugify } from '@elastic/eui/src/services/string';
+	export type { PropertySort, Direction } from '@elastic/eui/src/services/sort';
+	export { PropertySortType, SortDirectionType, SortDirection, SortableProperties, Comparators, } from '@elastic/eui/src/services/sort';
+	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
+	export { getDurationAndPerformOnFrame, getTransitionTimings, getWaitDuration, performOnFrame, } from '@elastic/eui/src/services/transition';
+	export { EuiWindowEvent } from '@elastic/eui/src/services/window_event';
+	export * from '@elastic/eui/src/services/hooks';
+	export { throttle } from '@elastic/eui/src/services/throttle';
+	export * from '@elastic/eui/src/services/theme';
 
 }
 declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link.styles' {
@@ -7077,10 +6915,9 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link.st
 
 }
 declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
-	import React, { FunctionComponent, Ref } from 'react';
+	import { FunctionComponent, Ref } from 'react';
 	import { EuiButtonProps } from '@elastic/eui/src/components/button/button';
 	import { PropsForAnchor, PropsForButton, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const POSITIONS: readonly ["static", "fixed", "absolute"]; type Positions = typeof POSITIONS[number];
 	interface EuiSkipLinkInterface extends EuiButtonProps {
 	    /**
@@ -7093,6 +6930,12 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
 	     * will be prepended with a hash `#` and used as the link `href`
 	     */
 	    destinationId: string;
+	    /**
+	     * If default HTML anchor link behavior is not desired (e.g. for SPAs with hash routing),
+	     * setting this flag to true will manually scroll to and focus the destination element
+	     * without changing the browser URL's hash
+	     */
+	    overrideLinkBehavior?: boolean;
 	    /**
 	     * When position is fixed, this is forced to `0`
 	     */
@@ -7103,26 +6946,7 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
 	    buttonRef?: Ref<HTMLButtonElement>;
 	}>;
 	export type EuiSkipLinkProps = ExclusiveUnion<propsForAnchor, propsForButton>;
-	export const _EuiSkipLink: FunctionComponent<EuiSkipLinkProps & WithEuiSystemProps>;
-	export const EuiSkipLink: React.ForwardRefExoticComponent<Omit<((import ("@elastic/eui/src/components/common").DisambiguateSet<propsForAnchor, propsForButton> & EuiSkipLinkInterface & {
-	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-	} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-	    buttonRef?: React.Ref<HTMLButtonElement> | undefined;
-	}) | (import ("@elastic/eui/src/components/common").DisambiguateSet<propsForButton, propsForAnchor> & EuiSkipLinkInterface & {
-	    href?: string | undefined;
-	    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-	} & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-	    buttonRef?: React.Ref<HTMLAnchorElement> | undefined;
-	})) & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<((import ("@elastic/eui/src/components/common").DisambiguateSet<propsForAnchor, propsForButton> & EuiSkipLinkInterface & {
-	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-	} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-	    buttonRef?: React.Ref<HTMLButtonElement> | undefined;
-	}) | (import ("@elastic/eui/src/components/common").DisambiguateSet<propsForButton, propsForAnchor> & EuiSkipLinkInterface & {
-	    href?: string | undefined;
-	    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-	} & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-	    buttonRef?: React.Ref<HTMLAnchorElement> | undefined;
-	})) & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiSkipLink: FunctionComponent<EuiSkipLinkProps>;
 	export {};
 
 }
@@ -7471,9 +7295,8 @@ declare module '@elastic/eui/src/components/avatar/avatar.styles' {
 
 }
 declare module '@elastic/eui/src/components/avatar/avatar' {
-	import React, { HTMLAttributes, FunctionComponent } from 'react';
+	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	import { IconType, IconSize, IconColor } from '@elastic/eui/src/components/icon';
 	export const SIZES: readonly ["s", "m", "l", "xl"];
 	export type EuiAvatarSize = typeof SIZES[number];
@@ -7530,8 +7353,7 @@ declare module '@elastic/eui/src/components/avatar/avatar' {
 	     */
 	    isDisabled?: boolean;
 	};
-	export const _EuiAvatar: FunctionComponent<EuiAvatarProps & WithEuiSystemProps>;
-	export const EuiAvatar: React.ForwardRefExoticComponent<Omit<EuiAvatarProps & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<EuiAvatarProps & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiAvatar: FunctionComponent<EuiAvatarProps>;
 	export const checkValidColor: (color: EuiAvatarProps['color']) => void;
 	export {};
 
@@ -7783,8 +7605,7 @@ declare module '@elastic/eui/src/components/bottom_bar/bottom_bar.styles' {
 }
 declare module '@elastic/eui/src/components/bottom_bar/bottom_bar' {
 	import React, { CSSProperties, HTMLAttributes } from 'react';
-	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system'; type BottomBarPaddingSize = 'none' | 's' | 'm' | 'l';
+	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common'; type BottomBarPaddingSize = 'none' | 's' | 'm' | 'l';
 	export const paddingSizeToClassNameMap: {
 	    [value in BottomBarPaddingSize]: string | null;
 	};
@@ -7843,7 +7664,6 @@ declare module '@elastic/eui/src/components/bottom_bar/bottom_bar' {
 	     */
 	    left?: CSSProperties['left'];
 	};
-	export const _EuiBottomBar: React.ForwardRefExoticComponent<(EuiBottomBarProps & WithEuiSystemProps<{}>) & React.RefAttributes<HTMLElement>>;
 	export const EuiBottomBar: React.ForwardRefExoticComponent<EuiBottomBarProps & React.RefAttributes<HTMLElement>>;
 	export {};
 
@@ -7855,7 +7675,6 @@ declare module '@elastic/eui/src/components/bottom_bar' {
 }
 declare module '@elastic/eui/src/components/link/link' {
 	import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, MouseEventHandler } from 'react';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	export type EuiLinkType = 'button' | 'reset' | 'submit';
 	export const COLORS: readonly ["primary", "subdued", "success", "accent", "danger", "warning", "text", "ghost"];
@@ -7885,9 +7704,8 @@ declare module '@elastic/eui/src/components/link/link' {
 	export interface EuiLinkAnchorProps extends CommonProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | 'color' | 'onClick'>, LinkAnchorProps {
 	    onClick?: MouseEventHandler<HTMLAnchorElement>;
 	}
-	export type EuiLinkProps = ExclusiveUnion<EuiLinkButtonProps, EuiLinkAnchorProps>;
-	export const _EuiLink: React.ForwardRefExoticComponent<(((import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkButtonProps, EuiLinkAnchorProps> & EuiLinkAnchorProps) | (import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkAnchorProps, EuiLinkButtonProps> & EuiLinkButtonProps)) & WithEuiSystemProps<{}>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-	export const EuiLink: React.ForwardRefExoticComponent<Omit<(import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkButtonProps, EuiLinkAnchorProps> & EuiLinkAnchorProps) | (import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkAnchorProps, EuiLinkButtonProps> & EuiLinkButtonProps), "euiTheme"> & React.RefAttributes<Omit<(import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkButtonProps, EuiLinkAnchorProps> & EuiLinkAnchorProps) | (import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkAnchorProps, EuiLinkButtonProps> & EuiLinkButtonProps), "euiTheme">>>;
+	export type EuiLinkProps = ExclusiveUnion<EuiLinkButtonProps, EuiLinkAnchorProps>; const EuiLink: React.ForwardRefExoticComponent<((import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkButtonProps, EuiLinkAnchorProps> & EuiLinkAnchorProps) | (import ("@elastic/eui/src/components/common").DisambiguateSet<EuiLinkAnchorProps, EuiLinkButtonProps> & EuiLinkButtonProps)) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+	export { EuiLink };
 
 }
 declare module '@elastic/eui/src/components/link' {
@@ -8710,9 +8528,8 @@ declare module '@elastic/eui/src/components/mark/mark.styles' {
 
 }
 declare module '@elastic/eui/src/components/mark/mark' {
-	import React, { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
+	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export type EuiMarkProps = HTMLAttributes<HTMLElement> & CommonProps & {
 	    /**
 	     * Set to `false` to remove the CSS :before and :after
@@ -8724,28 +8541,7 @@ declare module '@elastic/eui/src/components/mark/mark' {
 	     */
 	    children: ReactNode;
 	};
-	export const _EuiMark: FunctionComponent<EuiMarkProps & WithEuiSystemProps>;
-	export const EuiMark: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & CommonProps & {
-	    /**
-	     * Set to `false` to remove the CSS :before and :after
-	     * screen reader helper text
-	     */
-	    hasScreenReaderHelpText?: boolean | undefined;
-	    /**
-	     * ReactNode to render as this component's content
-	     */
-	    children: ReactNode;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<React.HTMLAttributes<HTMLElement> & CommonProps & {
-	    /**
-	     * Set to `false` to remove the CSS :before and :after
-	     * screen reader helper text
-	     */
-	    hasScreenReaderHelpText?: boolean | undefined;
-	    /**
-	     * ReactNode to render as this component's content
-	     */
-	    children: ReactNode;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiMark: FunctionComponent<EuiMarkProps>;
 
 }
 declare module '@elastic/eui/src/components/mark' {
@@ -12910,9 +12706,8 @@ declare module '@elastic/eui/src/components/expression/expression.styles' {
 
 }
 declare module '@elastic/eui/src/components/expression/expression' {
-	import React, { ButtonHTMLAttributes, HTMLAttributes, MouseEventHandler, ReactNode, FunctionComponent } from 'react';
+	import { ButtonHTMLAttributes, HTMLAttributes, MouseEventHandler, ReactNode, FunctionComponent } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const COLORS: readonly ["subdued", "primary", "success", "accent", "warning", "danger"];
 	export type ExpressionColor = typeof COLORS[number];
 	export type EuiExpressionProps = CommonProps & {
@@ -12964,196 +12759,7 @@ declare module '@elastic/eui/src/components/expression/expression' {
 	}; type Buttonlike = EuiExpressionProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
 	    onClick: MouseEventHandler<HTMLButtonElement>;
 	}; type Spanlike = EuiExpressionProps & Omit<HTMLAttributes<HTMLSpanElement>, 'value'>;
-	export const _EuiExpression: FunctionComponent<ExclusiveUnion<Buttonlike, Spanlike> & WithEuiSystemProps>;
-	export const EuiExpression: React.ForwardRefExoticComponent<Omit<((import ("@elastic/eui/src/components/common").DisambiguateSet<Buttonlike, Spanlike> & CommonProps & {
-	    /**
-	     * First part of the expression
-	     */
-	    description: ReactNode;
-	    descriptionProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Second part of the expression
-	     */
-	    value?: ReactNode;
-	    valueProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Color of the `description`
-	     */
-	    color?: "primary" | "success" | "accent" | "warning" | "danger" | "subdued" | undefined;
-	    /**
-	     * Should the `description` auto-uppercase?
-	     */
-	    uppercase?: boolean | undefined;
-	    /**
-	     * Adds an solid border at the bottom
-	     */
-	    isActive?: boolean | undefined;
-	    /**
-	     * Turns the component into a button and adds an editable style border at the bottom
-	     */
-	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-	    /**
-	     * Sets the display style for the expression. Defaults to `inline`
-	     */
-	    display?: "inline" | "columns" | undefined;
-	    /**
-	     * Forces color to display as `danger` and shows an `alert` icon
-	     */
-	    isInvalid?: boolean | undefined;
-	    /**
-	     * Sets a custom width for the description when using the columns layout.
-	     * Set to a number for a custom width in `px`.
-	     * Set to a string for a custom width in custom measurement.
-	     * Defaults to `20%`
-	     */
-	    descriptionWidth?: string | number | undefined;
-	    /**
-	     * Sets how to handle the wrapping of long text.
-	     */
-	    textWrap?: "break-word" | "truncate" | undefined;
-	} & Omit<React.HTMLAttributes<HTMLSpanElement>, "value">) | (import ("@elastic/eui/src/components/common").DisambiguateSet<Spanlike, Buttonlike> & CommonProps & {
-	    /**
-	     * First part of the expression
-	     */
-	    description: ReactNode;
-	    descriptionProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Second part of the expression
-	     */
-	    value?: ReactNode;
-	    valueProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Color of the `description`
-	     */
-	    color?: "primary" | "success" | "accent" | "warning" | "danger" | "subdued" | undefined;
-	    /**
-	     * Should the `description` auto-uppercase?
-	     */
-	    uppercase?: boolean | undefined;
-	    /**
-	     * Adds an solid border at the bottom
-	     */
-	    isActive?: boolean | undefined;
-	    /**
-	     * Turns the component into a button and adds an editable style border at the bottom
-	     */
-	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-	    /**
-	     * Sets the display style for the expression. Defaults to `inline`
-	     */
-	    display?: "inline" | "columns" | undefined;
-	    /**
-	     * Forces color to display as `danger` and shows an `alert` icon
-	     */
-	    isInvalid?: boolean | undefined;
-	    /**
-	     * Sets a custom width for the description when using the columns layout.
-	     * Set to a number for a custom width in `px`.
-	     * Set to a string for a custom width in custom measurement.
-	     * Defaults to `20%`
-	     */
-	    descriptionWidth?: string | number | undefined;
-	    /**
-	     * Sets how to handle the wrapping of long text.
-	     */
-	    textWrap?: "break-word" | "truncate" | undefined;
-	} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
-	    onClick: MouseEventHandler<HTMLButtonElement>;
-	})) & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<((import ("@elastic/eui/src/components/common").DisambiguateSet<Buttonlike, Spanlike> & CommonProps & {
-	    /**
-	     * First part of the expression
-	     */
-	    description: ReactNode;
-	    descriptionProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Second part of the expression
-	     */
-	    value?: ReactNode;
-	    valueProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Color of the `description`
-	     */
-	    color?: "primary" | "success" | "accent" | "warning" | "danger" | "subdued" | undefined;
-	    /**
-	     * Should the `description` auto-uppercase?
-	     */
-	    uppercase?: boolean | undefined;
-	    /**
-	     * Adds an solid border at the bottom
-	     */
-	    isActive?: boolean | undefined;
-	    /**
-	     * Turns the component into a button and adds an editable style border at the bottom
-	     */
-	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-	    /**
-	     * Sets the display style for the expression. Defaults to `inline`
-	     */
-	    display?: "inline" | "columns" | undefined;
-	    /**
-	     * Forces color to display as `danger` and shows an `alert` icon
-	     */
-	    isInvalid?: boolean | undefined;
-	    /**
-	     * Sets a custom width for the description when using the columns layout.
-	     * Set to a number for a custom width in `px`.
-	     * Set to a string for a custom width in custom measurement.
-	     * Defaults to `20%`
-	     */
-	    descriptionWidth?: string | number | undefined;
-	    /**
-	     * Sets how to handle the wrapping of long text.
-	     */
-	    textWrap?: "break-word" | "truncate" | undefined;
-	} & Omit<React.HTMLAttributes<HTMLSpanElement>, "value">) | (import ("@elastic/eui/src/components/common").DisambiguateSet<Spanlike, Buttonlike> & CommonProps & {
-	    /**
-	     * First part of the expression
-	     */
-	    description: ReactNode;
-	    descriptionProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Second part of the expression
-	     */
-	    value?: ReactNode;
-	    valueProps?: React.HTMLAttributes<HTMLSpanElement> | undefined;
-	    /**
-	     * Color of the `description`
-	     */
-	    color?: "primary" | "success" | "accent" | "warning" | "danger" | "subdued" | undefined;
-	    /**
-	     * Should the `description` auto-uppercase?
-	     */
-	    uppercase?: boolean | undefined;
-	    /**
-	     * Adds an solid border at the bottom
-	     */
-	    isActive?: boolean | undefined;
-	    /**
-	     * Turns the component into a button and adds an editable style border at the bottom
-	     */
-	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-	    /**
-	     * Sets the display style for the expression. Defaults to `inline`
-	     */
-	    display?: "inline" | "columns" | undefined;
-	    /**
-	     * Forces color to display as `danger` and shows an `alert` icon
-	     */
-	    isInvalid?: boolean | undefined;
-	    /**
-	     * Sets a custom width for the description when using the columns layout.
-	     * Set to a number for a custom width in `px`.
-	     * Set to a string for a custom width in custom measurement.
-	     * Defaults to `20%`
-	     */
-	    descriptionWidth?: string | number | undefined;
-	    /**
-	     * Sets how to handle the wrapping of long text.
-	     */
-	    textWrap?: "break-word" | "truncate" | undefined;
-	} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
-	    onClick: MouseEventHandler<HTMLButtonElement>;
-	})) & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiExpression: FunctionComponent<ExclusiveUnion<Buttonlike, Spanlike>>;
 	export {};
 
 }
@@ -13303,9 +12909,8 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 
 }
 declare module '@elastic/eui/src/components/facet/facet_button' {
-	import React, { FunctionComponent, HTMLAttributes, MouseEventHandler, ReactNode, RefCallback } from 'react';
+	import { FunctionComponent, HTMLAttributes, MouseEventHandler, ReactNode, RefCallback } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export interface EuiFacetButtonProps extends CommonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
 	    buttonRef?: RefCallback<HTMLButtonElement>;
 	    /**
@@ -13331,8 +12936,7 @@ declare module '@elastic/eui/src/components/facet/facet_button' {
 	     */
 	    quantity?: number;
 	}
-	export const _EuiFacetButton: FunctionComponent<EuiFacetButtonProps & WithEuiSystemProps>;
-	export const EuiFacetButton: React.ForwardRefExoticComponent<Omit<EuiFacetButtonProps & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<EuiFacetButtonProps & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiFacetButton: FunctionComponent<EuiFacetButtonProps>;
 
 }
 declare module '@elastic/eui/src/components/facet/facet_group.styles' {
@@ -13350,9 +12954,8 @@ declare module '@elastic/eui/src/components/facet/facet_group.styles' {
 
 }
 declare module '@elastic/eui/src/components/facet/facet_group' {
-	import React, { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export const LAYOUTS: readonly ["vertical", "horizontal"];
 	export type EuiFacetGroupLayout = typeof LAYOUTS[number];
 	export const GUTTER_SIZES: readonly ["none", "s", "m", "l"];
@@ -13368,28 +12971,7 @@ declare module '@elastic/eui/src/components/facet/facet_group' {
 	     */
 	    gutterSize?: EuiFacetGroupGutterSizes;
 	};
-	export const _EuiFacetGroup: FunctionComponent<EuiFacetGroupProps & WithEuiSystemProps>;
-	export const EuiFacetGroup: React.ForwardRefExoticComponent<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    /**
-	     * Vertically in a column, or horizontally in one wrapping line
-	     */
-	    layout?: "horizontal" | "vertical" | undefined;
-	    /**
-	     * Distance between facet buttons.
-	     * Horizontal layout always adds more distance horizontally between buttons.
-	     */
-	    gutterSize?: "s" | "none" | "m" | "l" | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
-	    /**
-	     * Vertically in a column, or horizontally in one wrapping line
-	     */
-	    layout?: "horizontal" | "vertical" | undefined;
-	    /**
-	     * Distance between facet buttons.
-	     * Horizontal layout always adds more distance horizontally between buttons.
-	     */
-	    gutterSize?: "s" | "none" | "m" | "l" | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiFacetGroup: FunctionComponent<EuiFacetGroupProps>;
 
 }
 declare module '@elastic/eui/src/components/facet' {
@@ -13636,8 +13218,7 @@ declare module '@elastic/eui/src/components/health/health.styles' {
 
 }
 declare module '@elastic/eui/src/components/health/health' {
-	import React, { FunctionComponent, HTMLAttributes } from 'react';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconColor } from '@elastic/eui/src/components/icon';
 	export const TEXT_SIZES: readonly ["xs", "s", "m", "inherit"];
@@ -13654,32 +13235,7 @@ declare module '@elastic/eui/src/components/health/health' {
 	     */
 	    textSize?: typeof TEXT_SIZES[number];
 	};
-	export const _EuiHealth: FunctionComponent<EuiHealthProps & WithEuiSystemProps>;
-	export const EuiHealth: React.ForwardRefExoticComponent<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-	    /**
-	     * Sets the color of the dot icon.
-	     * It accepts any `IconColor`: `default`, `primary`, `success`, `accent`, `warning`, `danger`, `text`,
-	     * `subdued` or `ghost`; or any valid CSS color value as a `string`
-	     */
-	    color?: string | undefined;
-	    /**
-	     * Matches the text scales of EuiText.
-	     * The `inherit` style will get its font size from the parent element
-	     */
-	    textSize?: "s" | "xs" | "m" | "inherit" | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-	    /**
-	     * Sets the color of the dot icon.
-	     * It accepts any `IconColor`: `default`, `primary`, `success`, `accent`, `warning`, `danger`, `text`,
-	     * `subdued` or `ghost`; or any valid CSS color value as a `string`
-	     */
-	    color?: string | undefined;
-	    /**
-	     * Matches the text scales of EuiText.
-	     * The `inherit` style will get its font size from the parent element
-	     */
-	    textSize?: "s" | "xs" | "m" | "inherit" | undefined;
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiHealth: FunctionComponent<EuiHealthProps>;
 
 }
 declare module '@elastic/eui/src/components/health' {
@@ -14257,11 +13813,10 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 
 }
 declare module '@elastic/eui/src/components/markdown_editor/markdown_format' {
-	import React, { FunctionComponent } from 'react';
-	import unified, { PluggableList } from 'unified';
+	import { FunctionComponent } from 'react';
+	import { PluggableList } from 'unified';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiTextProps } from '@elastic/eui/src/components/text/text';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	export type EuiMarkdownFormatProps = CommonProps & Omit<EuiTextProps, 'size'> & {
 	    children: string;
 	    /** array of unified plugins to parse content into an AST */
@@ -14273,28 +13828,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_format' {
 	     */
 	    textSize?: EuiTextProps['size'];
 	};
-	export const _EuiMarkdownFormat: FunctionComponent<EuiMarkdownFormatProps & WithEuiSystemProps>;
-	export const EuiMarkdownFormat: React.ForwardRefExoticComponent<Omit<CommonProps & Omit<EuiTextProps, "size"> & {
-	    children: string;
-	    /** array of unified plugins to parse content into an AST */
-	    parsingPluginList?: unified.PluggableList<unified.Settings> | undefined;
-	    /** array of unified plugins to convert the AST into a ReactNode */
-	    processingPluginList?: unified.PluggableList<unified.Settings> | undefined;
-	    /**
-	     * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.
-	     */
-	    textSize?: EuiTextProps['size'];
-	} & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<CommonProps & Omit<EuiTextProps, "size"> & {
-	    children: string;
-	    /** array of unified plugins to parse content into an AST */
-	    parsingPluginList?: unified.PluggableList<unified.Settings> | undefined;
-	    /** array of unified plugins to convert the AST into a ReactNode */
-	    processingPluginList?: unified.PluggableList<unified.Settings> | undefined;
-	    /**
-	     * Determines the text size. Choose `relative` to control the `font-size` based on the value of a parent container.
-	     */
-	    textSize?: EuiTextProps['size'];
-	} & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiMarkdownFormat: FunctionComponent<EuiMarkdownFormatProps>;
 
 }
 declare module '@elastic/eui/src/components/modal/modal' {
@@ -15083,11 +14617,6 @@ declare module '@elastic/eui/src/components/page' {
 	export type { EuiPageTemplateProps } from '@elastic/eui/src/components/page/page_template';
 	export { EuiPageTemplate } from '@elastic/eui/src/components/page/page_template';
 
-}
-declare module '@elastic/eui/src/global_styling/utility/utility' {
-	
-	export const EuiUtilityClasses: () => JSX.Element;
-
 }
 declare module '@elastic/eui/src/themes/themes' {
 	import { EuiThemeSystem } from '@elastic/eui/src/services';
@@ -15099,11 +14628,16 @@ declare module '@elastic/eui/src/themes/themes' {
 	export const EUI_THEMES: EUI_THEME[];
 	export const isDefaultTheme: (name: string) => boolean;
 
+}
+declare module '@elastic/eui/src/themes/amsterdam' {
+	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
+
 }
 declare module '@elastic/eui/src/themes' {
 	export type { EUI_THEME } from '@elastic/eui/src/themes/themes';
 	export { EUI_THEMES, isDefaultTheme } from '@elastic/eui/src/themes/themes';
 	export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from '@elastic/eui/src/themes/amsterdam/theme';
+	export * from '@elastic/eui/src/themes/amsterdam';
 
 }
 declare module '@elastic/eui/src/components/provider/provider' {
@@ -15123,32 +14657,16 @@ declare module '@elastic/eui/src/components/provider/provider' {
 	     */
 	    globalStyles?: false | ((params: any) => JSX.Element | null);
 	    /**
-	     * Provide utility classes.
-	     * Pass `false` to remove the default EUI utility classes.
-	     */
-	    utilityClasses?: false | ((params: any) => JSX.Element | null);
-	    /**
-	     * Provide a cache configuration(s) from `@emotion/cache`.
-	     *
-	     * - `default` will encompass all Emotion styles, including consumer defined appliction styles, not handled by nested cache instances.
-	     * - `eui` will scope all EUI component styles.
-	     * - `global` will scope all EUI global and reset styles. Will use `eui` if not specified.
-	     * - `utility` will scope all EUI utility class styles.
-	     *
-	     * A cache instance provided as the sole value will function the same as the `default` cache.
+	     * Provide a cache configuration from `@emotion/cache`
 	     */
-	    cache?: EmotionCache | {
-	        default?: EmotionCache;
-	        eui?: EmotionCache;
-	        global?: EmotionCache;
-	        utility?: EmotionCache;
-	    };
+	    cache?: EmotionCache;
 	}
-	export const EuiProvider: <T extends {} = {}>({ cache, theme, globalStyles: Globals, utilityClasses: Utilities, colorMode, modify, children, }: React.PropsWithChildren<EuiProviderProps<T>>) => JSX.Element;
+	export const EuiProvider: <T extends {} = {}>({ cache, theme, globalStyles: GlobalStyles, colorMode, modify, children, }: React.PropsWithChildren<EuiProviderProps<T>>) => JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/provider' {
-	export * from '@elastic/eui/src/components/provider/provider';
+	export type { EuiProviderProps } from '@elastic/eui/src/components/provider/provider';
+	export { EuiProvider } from '@elastic/eui/src/components/provider/provider';
 
 }
 declare module '@elastic/eui/src/components/tree_view/tree_view' {
@@ -18338,9 +17856,8 @@ declare module '@elastic/eui/src/components/timeline/timeline_item_icon.styles'
 
 }
 declare module '@elastic/eui/src/components/timeline/timeline_item_icon' {
-	import React, { FunctionComponent, ReactNode } from 'react';
+	import { FunctionComponent, ReactNode } from 'react';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
 	export interface EuiTimelineItemIconProps {
 	    /**
@@ -18354,12 +17871,7 @@ declare module '@elastic/eui/src/components/timeline/timeline_item_icon' {
 	     */
 	    iconAriaLabel?: string;
 	}
-	export const _EuiTimelineItemIcon: FunctionComponent<EuiTimelineItemIconProps & WithEuiSystemProps>;
-	export const EuiTimelineItemIcon: React.ForwardRefExoticComponent<Omit<EuiTimelineItemIconProps & WithEuiSystemProps<{}> & {
-	    children?: React.ReactNode;
-	}, "euiTheme"> & React.RefAttributes<Omit<EuiTimelineItemIconProps & WithEuiSystemProps<{}> & {
-	    children?: React.ReactNode;
-	}, "euiTheme">>>;
+	export const EuiTimelineItemIcon: FunctionComponent<EuiTimelineItemIconProps>;
 
 }
 declare module '@elastic/eui/src/components/timeline/timeline_item.styles' {
@@ -18370,9 +17882,8 @@ declare module '@elastic/eui/src/components/timeline/timeline_item.styles' {
 
 }
 declare module '@elastic/eui/src/components/timeline/timeline_item' {
-	import React, { FunctionComponent, HTMLAttributes, ElementType } from 'react';
+	import { FunctionComponent, HTMLAttributes, ElementType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { WithEuiSystemProps } from '@elastic/eui/src/components/provider/system';
 	import { EuiTimelineItemEventProps } from '@elastic/eui/src/components/timeline/timeline_item_event';
 	import { EuiTimelineItemIconProps } from '@elastic/eui/src/components/timeline/timeline_item_icon';
 	export const VERTICAL_ALIGN: readonly ["top", "center"];
@@ -18389,8 +17900,7 @@ declare module '@elastic/eui/src/components/timeline/timeline_item' {
 	     */
 	    component?: ElementType;
 	}
-	export const _EuiTimelineItem: FunctionComponent<EuiTimelineItemProps & WithEuiSystemProps>;
-	export const EuiTimelineItem: React.ForwardRefExoticComponent<Omit<EuiTimelineItemProps & WithEuiSystemProps<{}>, "euiTheme"> & React.RefAttributes<Omit<EuiTimelineItemProps & WithEuiSystemProps<{}>, "euiTheme">>>;
+	export const EuiTimelineItem: FunctionComponent<EuiTimelineItemProps>;
 
 }
 declare module '@elastic/eui/src/components/timeline/timeline' {