@elastic/eui 59.1.0 → 60.1.0

package/eui.d.ts

@@ -1,21 +1,37 @@
+declare module '@elastic/eui/src/services/theme/clone_element' {
+	import React from 'react';
+	/**
+	 * React.cloneElement does not work if the cloned element does not already have the
+	 * `css` prop - as a result, we need to use `jsx()` to manually clone the element
+	 * See https://github.com/emotion-js/emotion/issues/1404
+	 *
+	 * NOTE: We're still using/testing this utility internally, so this is not yet a public API
+	 */
+	export const cloneElementWithCss: (element: any, props: any) => React.ReactElement;
+
+}
+declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles' {
+	export const euiScreenReaderOnly: () => string;
+	export const euiScreenReaderOnlyStyles: (showOnFocus?: boolean | undefined) => {
+	    euiScreenReaderOnly: import("@emotion/utils").SerializedStyles;
+	};
+
+}
 declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only' {
 	import { ReactElement, FunctionComponent } from 'react';
 	export interface EuiScreenReaderOnlyProps {
 	    /**
 	     * ReactElement to render as this component's content
 	     */
-	    children: ReactElement<any>;
+	    children: ReactElement;
 	    /**
 	     * For keyboard navigation, force content to display visually upon focus.
 	     */
 	    showOnFocus?: boolean;
+	    className?: string;
 	}
 	export const EuiScreenReaderOnly: FunctionComponent<EuiScreenReaderOnlyProps>;
 
-}
-declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles' {
-	export const euiScreenReaderOnly: () => string;
-
 }
 declare module '@elastic/eui/src/components/accessibility/screen_reader_only' {
 	export type { EuiScreenReaderOnlyProps } from '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only';
@@ -44,6 +60,13 @@ declare module '@elastic/eui/src/components/accessibility/screen_reader_live/scr
 	     * `aria-live` attribute for both live regions
 	     */
 	    'aria-live'?: AriaAttributes['aria-live'];
+	    /**
+	     * On `children`/text change, the region will auto-focus itself, causing screen readers
+	     * to automatically read out the text content. This prop should primarily be used for
+	     * navigation or page changes, where programmatically resetting focus location back to
+	     * a certain part of the page is desired.
+	     */
+	    focusRegionOnTextChange?: boolean;
 	}
 	export const EuiScreenReaderLive: FunctionComponent<EuiScreenReaderLiveProps>;
 
@@ -523,41 +546,8 @@ declare module '@elastic/eui/src/components/color_picker/color_stops/utils' {
 	export const getPositionFromStop: (stop: ColorStop['stop'], ref: HTMLDivElement, min: number, max: number) => number;
 
 }
-declare module '@elastic/eui/src/components/icon/assets/empty' {
-	import * as React from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
-	export {};
-
-}
-declare module '@elastic/eui/src/services/react' {
-	export function enqueueStateChange(fn: Function): void;
-
-}
-declare module '@elastic/eui/src/components/icon/named_colors' {
-	export const colorToClassMap: {
-	    default: null;
-	    primary: string;
-	    success: string;
-	    accent: string;
-	    warning: string;
-	    danger: string;
-	    text: string;
-	    subdued: string;
-	    ghost: string;
-	    inherit: string;
-	};
-	export type NamedColor = keyof typeof colorToClassMap;
-	export function isNamedColor(name: string): name is NamedColor;
-
-}
-declare module '@elastic/eui/src/components/icon/icon' {
-	import React, { PureComponent, ComponentType, SVGAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { NamedColor } from '@elastic/eui/src/components/icon/named_colors'; const typeToPathMap: {
+declare module '@elastic/eui/src/components/icon/icon_map' {
+	export const typeToPathMap: {
 	    accessibility: string;
 	    addDataApp: string;
 	    advancedSettingsApp: string;
@@ -1003,201 +993,26 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    tokenSearchType: string;
 	    tokenHistogram: string;
 	};
-	export const TYPES: ("string" | "number" | "function" | "link" | "menu" | "alert" | "document" | "grid" | "list" | "search" | "filter" | "image" | "stop" | "temperature" | "color" | "scale" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace" | "tokenDate" | "tokenIP" | "tokenNested" | "tokenAlias" | "tokenShape" | "tokenGeo" | "tokenRange" | "tokenBinary" | "tokenJoin" | "tokenPercolator" | "tokenFlattened" | "tokenRankFeature" | "tokenRankFeatures" | "tokenKeyword" | "tokenTag" | "tokenCompletionSuggester" | "tokenDenseVector" | "tokenText" | "tokenTokenCount" | "tokenSearchType" | "tokenHistogram" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "keyboardShortcut" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "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" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp")[];
-	export type EuiIconType = keyof typeof typeToPathMap;
-	export type IconType = EuiIconType | string | ComponentType;
-	export const COLORS: NamedColor[];
-	export type IconColor = string | NamedColor; const sizeToClassNameMap: {
-	    original: null;
-	    s: string;
-	    m: string;
-	    l: string;
-	    xl: string;
-	    xxl: string;
-	};
-	export const SIZES: IconSize[];
-	export type IconSize = keyof typeof sizeToClassNameMap;
-	export type EuiIconProps = CommonProps & Omit<SVGAttributes<SVGElement>, 'type' | 'color' | 'size'> & {
-	    /**
-	     * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any React SVG component
-	     */
-	    type: IconType;
-	    /**
-	     * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
-	     * Note that coloring only works if your SVG is removed of fill attributes.
-	     */
-	    color?: IconColor;
-	    /**
-	     * Note that every size other than `original` assumes the provided SVG sits on a square viewbox.
-	     */
-	    size?: IconSize;
-	    /**
-	     * Descriptive title for naming the icon based on its use
-	     */
+
+}
+declare module '@elastic/eui/src/components/icon/assets/empty' {
+	import * as React from 'react';
+	interface SVGRProps {
 	    title?: string;
-	    /**
-	     * A unique identifier for the title element
-	     */
 	    titleId?: string;
-	    /**
-	     * Its value should be one or more element IDs
-	     */
-	    'aria-labelledby'?: string;
-	    /**
-	     * Callback when the icon has been loaded & rendered
-	     */
-	    onIconLoad?: () => void;
-	};
-	interface State {
-	    icon: undefined | ComponentType | string;
-	    iconTitle: undefined | string;
-	    isLoading: boolean;
-	    neededLoading: boolean;
-	}
-	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "link" | "menu" | "alert" | "document" | "grid" | "list" | "search" | "filter" | "image" | "stop" | "temperature" | "color" | "scale" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace" | "tokenDate" | "tokenIP" | "tokenNested" | "tokenAlias" | "tokenShape" | "tokenGeo" | "tokenRange" | "tokenBinary" | "tokenJoin" | "tokenPercolator" | "tokenFlattened" | "tokenRankFeature" | "tokenRankFeatures" | "tokenKeyword" | "tokenTag" | "tokenCompletionSuggester" | "tokenDenseVector" | "tokenText" | "tokenTokenCount" | "tokenSearchType" | "tokenHistogram" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "keyboardShortcut" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "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" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
-	export const appendIconComponentCache: (iconTypeToIconComponentMap: {
-	    [iconType: string]: React.ComponentType<{}>;
-	}) => void;
-	export class EuiIcon extends PureComponent<EuiIconProps, State> {
-	    isMounted: boolean;
-	    constructor(props: EuiIconProps);
-	    componentDidMount(): void;
-	    componentDidUpdate(prevProps: EuiIconProps): void;
-	    componentWillUnmount(): void;
-	    loadIconComponent: (iconType: EuiIconType) => void;
-	    onIconLoad: () => void;
-	    render(): JSX.Element;
 	}
+	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon' {
-	export type { EuiIconProps, IconColor, IconSize, IconType } from '@elastic/eui/src/components/icon/icon';
-	export { EuiIcon, TYPES as ICON_TYPES, SIZES as ICON_SIZES, COLORS as ICON_COLORS, } from '@elastic/eui/src/components/icon/icon';
-
-}
-declare module '@elastic/eui/src/components/context/context' {
-	import React, { Context, FunctionComponent, ReactChild, ReactNode } from 'react';
-	export interface RenderableValues {
-	    [key: string]: ReactChild | undefined;
-	}
-	export type Renderable<T> = ReactChild | ((values: T) => ReactChild);
-	export interface I18nShape {
-	    mapping?: {
-	        [key: string]: Renderable<object>;
-	    };
-	    mappingFunc?: (value: string) => string;
-	    /**
-	     * Some browsers' translation features don't work with a rendered `<Fragment>` component.
-	     * The `render` function allows you to pass in another component instead, e.g. `<div>`
-	     */
-	    render?: (children: any) => FunctionComponent;
-	    formatNumber?: (x: number) => string;
-	    formatDateTime?: (x: Date) => string;
-	    locale?: string;
-	} const I18nContext: Context<I18nShape>; const EuiI18nConsumer: React.Consumer<I18nShape>;
-	export interface EuiContextProps {
-	    i18n: I18nShape;
-	    /**
-	     * ReactNode to render as this component's content
-	     */
-	    children: ReactNode;
-	} const EuiContext: FunctionComponent<EuiContextProps>;
-	export { EuiContext, EuiI18nConsumer, I18nContext };
-
-}
-declare module '@elastic/eui/src/components/context' {
-	export type { EuiContextProps } from '@elastic/eui/src/components/context/context';
-	export { EuiContext, EuiI18nConsumer } from '@elastic/eui/src/components/context/context';
-
-}
-declare module '@elastic/eui/src/services/predicate/common_predicates' {
-	import moment from 'moment';
-	export const always: (_value?: any) => boolean;
-	export const never: (_value?: any) => boolean;
-	export const isUndefined: (value: any) => value is undefined;
-	export const isNull: (value: any) => value is null;
-	export const isNil: (value: any) => value is null | undefined;
-	export const isMoment: (value: any) => boolean;
-	export const isDate: (value: any) => value is Date;
-	export const isDateLike: (value: any) => value is Date | moment.Moment;
-
-}
-declare module '@elastic/eui/src/services/predicate/lodash_predicates' {
-	export const isFunction: (value: any) => value is (...args: any[]) => any;
-	export const isArray: (value: any) => value is any[];
-	export const isString: (value: any) => value is string;
-	export const isBoolean: (value: any) => value is boolean;
-	export const isNumber: (value: any) => value is number;
-	export const isNaN: (value: any) => boolean;
-	export const isObject: (value: any) => value is object;
-
-}
-declare module '@elastic/eui/src/services/predicate' {
-	export * from '@elastic/eui/src/services/predicate/common_predicates';
-	export * from '@elastic/eui/src/services/predicate/lodash_predicates';
-
-}
-declare module '@elastic/eui/src/components/i18n/i18n_util' {
-	import { ReactChild } from 'react';
-	import { RenderableValues } from '@elastic/eui/src/components/context/context';
-	/**
-	 * Replaces placeholder values in `input` with their matching value in `values`
-	 * e.g. input:'Hello, {name}' will replace `{name}` with `values[name]`
-	 * @param {string} input
-	 * @param {RenderableValues} values
-	 * @param {Function} i18nMappingFunc
-	 * @returns {string | React.ReactChild[]}
-	 */
-	export function processStringToChildren(input: string, values: RenderableValues, i18nMappingFunc?: (token: string) => string): string | ReactChild[];
-
-}
-declare module '@elastic/eui/src/components/i18n/i18n' {
-	import { ReactChild, ReactElement } from 'react';
-	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { Renderable } from '@elastic/eui/src/components/context/context'; type ResolvedType<T> = T extends (...args: any[]) => any ? ReturnType<T> : T;
-	interface I18nTokenShape<T, DEFAULT extends Renderable<T>> {
-	    token: string;
-	    default: DEFAULT;
-	    children?: (x: ResolvedType<DEFAULT>) => ReactChild;
-	    values?: T;
-	}
-	interface I18nTokensShape<T extends any[]> {
-	    tokens: string[];
-	    defaults: T;
-	    children: (x: Array<T[number]>) => ReactChild;
-	}
-	export type EuiI18nProps<T, DEFAULT extends Renderable<T>, DEFAULTS extends any[]> = ExclusiveUnion<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>>; const EuiI18n: <T extends {}, DEFAULT extends Renderable<T>, DEFAULTS extends any[]>(props: (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>> & I18nTokensShape<DEFAULTS>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokensShape<DEFAULTS>, I18nTokenShape<T, DEFAULT>> & I18nTokenShape<T, DEFAULT>)) => JSX.Element; type DefaultRenderType<T, K extends Renderable<T>> = K extends ReactChild ? K : K extends () => infer RetValue ? RetValue : never; type DefaultsRenderType<K extends Array<string | ReactElement>> = K extends Array<infer Item> ? Item : never; function useEuiI18n<T extends {}, DEFAULT extends Renderable<T>>(token: string, defaultValue: DEFAULT, values?: T): DefaultRenderType<T, DEFAULT>; function useEuiI18n<DEFAULTS extends Array<string | ReactElement>>(tokens: string[], defaultValues: DEFAULTS): Array<DefaultsRenderType<DEFAULTS>>;
-	export { EuiI18n, useEuiI18n };
-
-}
-declare module '@elastic/eui/src/components/i18n/i18n_number' {
-	import { FunctionComponent, ReactChild, ReactElement } from 'react';
-	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
-	interface EuiI18nNumberValueShape {
-	    value: number;
-	    children?: (x: ReactChild) => ReactElement<any>;
-	}
-	interface EuiI18nNumberValuesShape {
-	    values: number[];
-	    /**
-	     * ReactNode to render as this component's content
-	     */
-	    children: (x: ReactChild[]) => ReactElement<any>;
-	}
-	export type EuiI18nNumberProps = ExclusiveUnion<EuiI18nNumberValueShape, EuiI18nNumberValuesShape>; const EuiI18nNumber: FunctionComponent<EuiI18nNumberProps>;
-	export { EuiI18nNumber };
-
-}
-declare module '@elastic/eui/src/components/i18n' {
-	export type { EuiI18nProps } from '@elastic/eui/src/components/i18n/i18n';
-	export { EuiI18n, useEuiI18n } from '@elastic/eui/src/components/i18n/i18n';
-	export type { EuiI18nNumberProps } from '@elastic/eui/src/components/i18n/i18n_number';
-	export { EuiI18nNumber } from '@elastic/eui/src/components/i18n/i18n_number';
+declare module '@elastic/eui/src/services/react' {
+	export function enqueueStateChange(fn: Function): void;
 
 }
-declare module '@elastic/eui/src/components/loading/_loading_strings' {
-	export const useLoadingAriaLabel: () => string;
+declare module '@elastic/eui/src/components/icon/named_colors' {
+	export const COLORS: readonly ["default", "primary", "success", "accent", "warning", "danger", "text", "subdued", "ghost", "inherit"];
+	export type NamedColor = typeof COLORS[number];
+	export function isNamedColor(name: string): boolean;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins/_color' {
@@ -1878,7 +1693,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    horizontal: string;
 	    vertical: string;
 	};
-	export const LOGICAL_SIDES: ("left" | "right" | "top" | "horizontal" | "vertical" | "bottom")[];
+	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
 	export type LogicalSides = typeof LOGICAL_SIDES[number];
 	export const logicals: {
 	    'border-horizontal': string;
@@ -1937,7 +1752,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    'margin-horizontal': string;
 	    'margin-vertical': string;
 	};
-	export const LOGICAL_PROPERTIES: ("left" | "right" | "top" | "width" | "height" | "horizontal" | "vertical" | "inset" | "bottom" | "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" | "overflow-x" | "overflow-y" | "max-height" | "max-width" | "min-height" | "min-width" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical")[];
+	export const LOGICAL_PROPERTIES: ("left" | "right" | "top" | "width" | "height" | "inset" | "bottom" | "horizontal" | "vertical" | "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" | "overflow-x" | "overflow-y" | "max-height" | "max-width" | "min-height" | "min-width" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical")[];
 	export type LogicalProperties = typeof LOGICAL_PROPERTIES[number];
 	/**
 	 *
@@ -2114,16 +1929,14 @@ 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, cache, children, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
+	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, modify: _modifications, children, }: React.PropsWithChildren<EuiThemeProviderProps<T>>) => JSX.Element;
 
 }
 declare module '@elastic/eui/src/services/theme' {
@@ -2191,7 +2004,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
 	export type EuiPaddingSize = typeof PADDING_SIZES[number];
 	export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
 	export const useEuiPaddingSize: (size: EuiPaddingSize) => string | null;
-	export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "horizontal" | "vertical" | "bottom" | undefined) => {
+	export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => {
 	    none: null;
 	    xs: import("@emotion/utils").SerializedStyles;
 	    s: import("@emotion/utils").SerializedStyles;
@@ -2257,22 +2070,248 @@ declare module '@elastic/eui/src/global_styling/mixins' {
 	export * from '@elastic/eui/src/global_styling/mixins/_typography';
 
 }
-declare module '@elastic/eui/src/global_styling/reset/reset' {
-	export const resetStyles = "\n/* // Adapted from Eric Meyer's reset (http://meyerweb.com/eric/tools/css/reset/, v2.0 | 20110126). */\n\n\n*, *:before, *:after {\n  box-sizing: border-box;\n}\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n}\n\nh1, h2, h3, h4, h5, h6, p {\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\na[href],\nbutton,\n[role='button'] {\n  cursor: pointer;\n}\n\nbutton {\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  border-radius: 0;\n  font-size: inherit;\n}\n\ninput {\n  margin: 0;\n  padding: 0;\n}\n\ninput:disabled {\n  opacity: 1; /* required on iOS */\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n  content: '';\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhr {\n  margin: 0;\n}\n\nfieldset {\n  min-inline-size: auto;\n}\n\n/* Chrome has an issue around RTL languages in SVGs when letter-spacing is negative\n * https://bugs.chromium.org/p/chromium/issues/detail?id=966480\n */\nsvg text {\n  letter-spacing: normal !important;\n}";
+declare module '@elastic/eui/src/global_styling/reset/reset' {
+	export const resetStyles = "\n/* // Adapted from Eric Meyer's reset (http://meyerweb.com/eric/tools/css/reset/, v2.0 | 20110126). */\n\n\n*, *:before, *:after {\n  box-sizing: border-box;\n}\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n}\n\nh1, h2, h3, h4, h5, h6, p {\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\na[href],\nbutton,\n[role='button'] {\n  cursor: pointer;\n}\n\nbutton {\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  border-radius: 0;\n  font-size: inherit;\n}\n\ninput {\n  margin: 0;\n  padding: 0;\n}\n\ninput:disabled {\n  opacity: 1; /* required on iOS */\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n  content: '';\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhr {\n  margin: 0;\n}\n\nfieldset {\n  min-inline-size: auto;\n}\n\n/* Chrome has an issue around RTL languages in SVGs when letter-spacing is negative\n * https://bugs.chromium.org/p/chromium/issues/detail?id=966480\n */\nsvg text {\n  letter-spacing: normal !important;\n}";
+
+}
+declare module '@elastic/eui/src/global_styling/reset/global_styles' {
+	
+	export interface EuiGlobalStylesProps {
+	}
+	export const EuiGlobalStyles: ({}: EuiGlobalStylesProps) => JSX.Element;
+
+}
+declare module '@elastic/eui/src/global_styling' {
+	export * from '@elastic/eui/src/global_styling/reset/global_styles';
+	export * from '@elastic/eui/src/global_styling/functions';
+	export * from '@elastic/eui/src/global_styling/variables';
+	export * from '@elastic/eui/src/global_styling/mixins';
+
+}
+declare module '@elastic/eui/src/components/icon/icon.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const iconLoadingOpacity = 0.05;
+	export const euiIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiIcon: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    ghost: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    text: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    inherit: import("@emotion/utils").SerializedStyles;
+	    default: import("@emotion/utils").SerializedStyles;
+	    customColor: import("@emotion/utils").SerializedStyles;
+	    logoElasticOutline: import("@emotion/utils").SerializedStyles;
+	    original: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	    xxl: import("@emotion/utils").SerializedStyles;
+	    app: import("@emotion/utils").SerializedStyles;
+	    logo: import("@emotion/utils").SerializedStyles;
+	    isLoading: import("@emotion/utils").SerializedStyles;
+	    isLoaded: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/icon/icon' {
+	import React, { PureComponent, ComponentType, SVGAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { typeToPathMap } from '@elastic/eui/src/components/icon/icon_map';
+	import { WithEuiThemeProps } 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" | "link" | "menu" | "filter" | "image" | "stop" | "alert" | "document" | "grid" | "list" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "scale" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace" | "tokenDate" | "tokenIP" | "tokenNested" | "tokenAlias" | "tokenShape" | "tokenGeo" | "tokenRange" | "tokenBinary" | "tokenJoin" | "tokenPercolator" | "tokenFlattened" | "tokenRankFeature" | "tokenRankFeatures" | "tokenKeyword" | "tokenTag" | "tokenCompletionSuggester" | "tokenDenseVector" | "tokenText" | "tokenTokenCount" | "tokenSearchType" | "tokenHistogram" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "keyboardShortcut" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "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" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp")[];
+	export type EuiIconType = keyof typeof typeToPathMap;
+	export type IconType = EuiIconType | string | ComponentType;
+	export type IconColor = string | NamedColor;
+	export const SIZES: readonly ["original", "s", "m", "l", "xl", "xxl"];
+	export type IconSize = typeof SIZES[number];
+	export type EuiIconProps = CommonProps & Omit<SVGAttributes<SVGElement>, 'type' | 'color' | 'size'> & {
+	    /**
+	     * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any React SVG component
+	     */
+	    type: IconType;
+	    /**
+	     * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
+	     * Note that coloring only works if your SVG is removed of fill attributes.
+	     */
+	    color?: IconColor;
+	    /**
+	     * Note that every size other than `original` assumes the provided SVG sits on a square viewbox.
+	     */
+	    size?: IconSize;
+	    /**
+	     * Descriptive title for naming the icon based on its use
+	     */
+	    title?: string;
+	    /**
+	     * A unique identifier for the title element
+	     */
+	    titleId?: string;
+	    /**
+	     * Its value should be one or more element IDs
+	     */
+	    'aria-labelledby'?: string;
+	    /**
+	     * Callback when the icon has been loaded & rendered
+	     */
+	    onIconLoad?: () => void;
+	};
+	interface State {
+	    icon: undefined | ComponentType | string;
+	    iconTitle: undefined | string;
+	    isLoading: boolean;
+	    neededLoading: boolean;
+	}
+	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "link" | "menu" | "filter" | "image" | "stop" | "alert" | "document" | "grid" | "list" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "scale" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace" | "tokenDate" | "tokenIP" | "tokenNested" | "tokenAlias" | "tokenShape" | "tokenGeo" | "tokenRange" | "tokenBinary" | "tokenJoin" | "tokenPercolator" | "tokenFlattened" | "tokenRankFeature" | "tokenRankFeatures" | "tokenKeyword" | "tokenTag" | "tokenCompletionSuggester" | "tokenDenseVector" | "tokenText" | "tokenTokenCount" | "tokenSearchType" | "tokenHistogram" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "keyboardShortcut" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "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" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
+	export const appendIconComponentCache: (iconTypeToIconComponentMap: {
+	    [iconType: string]: React.ComponentType<{}>;
+	}) => void;
+	export class EuiIconClass extends PureComponent<EuiIconProps & WithEuiThemeProps, State> {
+	    isMounted: boolean;
+	    constructor(props: EuiIconProps & WithEuiThemeProps);
+	    componentDidMount(): void;
+	    componentDidUpdate(prevProps: EuiIconProps): void;
+	    componentWillUnmount(): void;
+	    loadIconComponent: (iconType: EuiIconType) => void;
+	    onIconLoad: () => void;
+	    render(): JSX.Element;
+	}
+	export const EuiIcon: React.ForwardRefExoticComponent<Omit<EuiIconProps, "theme"> & React.RefAttributes<Omit<EuiIconProps, "theme">>>;
+
+}
+declare module '@elastic/eui/src/components/icon' {
+	export type { EuiIconProps, IconColor, IconSize, IconType } from '@elastic/eui/src/components/icon/icon';
+	export { EuiIcon, TYPES as ICON_TYPES, SIZES as ICON_SIZES, COLORS as ICON_COLORS, } from '@elastic/eui/src/components/icon/icon';
+
+}
+declare module '@elastic/eui/src/components/context/context' {
+	import React, { Context, FunctionComponent, ReactChild, ReactNode } from 'react';
+	export interface RenderableValues {
+	    [key: string]: ReactChild | undefined;
+	}
+	export type Renderable<T> = ReactChild | ((values: T) => ReactChild);
+	export interface I18nShape {
+	    mapping?: {
+	        [key: string]: Renderable<object>;
+	    };
+	    mappingFunc?: (value: string) => string;
+	    /**
+	     * Some browsers' translation features don't work with a rendered `<Fragment>` component.
+	     * The `render` function allows you to pass in another component instead, e.g. `<div>`
+	     */
+	    render?: (children: any) => FunctionComponent;
+	    formatNumber?: (x: number) => string;
+	    formatDateTime?: (x: Date) => string;
+	    locale?: string;
+	} const I18nContext: Context<I18nShape>; const EuiI18nConsumer: React.Consumer<I18nShape>;
+	export interface EuiContextProps {
+	    i18n: I18nShape;
+	    /**
+	     * ReactNode to render as this component's content
+	     */
+	    children: ReactNode;
+	} const EuiContext: FunctionComponent<EuiContextProps>;
+	export { EuiContext, EuiI18nConsumer, I18nContext };
+
+}
+declare module '@elastic/eui/src/components/context' {
+	export type { EuiContextProps } from '@elastic/eui/src/components/context/context';
+	export { EuiContext, EuiI18nConsumer } from '@elastic/eui/src/components/context/context';
+
+}
+declare module '@elastic/eui/src/services/predicate/common_predicates' {
+	import moment from 'moment';
+	export const always: (_value?: any) => boolean;
+	export const never: (_value?: any) => boolean;
+	export const isUndefined: (value: any) => value is undefined;
+	export const isNull: (value: any) => value is null;
+	export const isNil: (value: any) => value is null | undefined;
+	export const isMoment: (value: any) => boolean;
+	export const isDate: (value: any) => value is Date;
+	export const isDateLike: (value: any) => value is Date | moment.Moment;
+
+}
+declare module '@elastic/eui/src/services/predicate/lodash_predicates' {
+	export const isFunction: (value: any) => value is (...args: any[]) => any;
+	export const isArray: (value: any) => value is any[];
+	export const isString: (value: any) => value is string;
+	export const isBoolean: (value: any) => value is boolean;
+	export const isNumber: (value: any) => value is number;
+	export const isNaN: (value: any) => boolean;
+	export const isObject: (value: any) => value is object;
+
+}
+declare module '@elastic/eui/src/services/predicate' {
+	export * from '@elastic/eui/src/services/predicate/common_predicates';
+	export * from '@elastic/eui/src/services/predicate/lodash_predicates';
+
+}
+declare module '@elastic/eui/src/components/i18n/i18n_util' {
+	import { ReactChild } from 'react';
+	import { RenderableValues } from '@elastic/eui/src/components/context/context';
+	/**
+	 * Replaces placeholder values in `input` with their matching value in `values`
+	 * e.g. input:'Hello, {name}' will replace `{name}` with `values[name]`
+	 * @param {string} input
+	 * @param {RenderableValues} values
+	 * @param {Function} i18nMappingFunc
+	 * @returns {string | React.ReactChild[]}
+	 */
+	export function processStringToChildren(input: string, values: RenderableValues, i18nMappingFunc?: (token: string) => string): string | ReactChild[];
+
+}
+declare module '@elastic/eui/src/components/i18n/i18n' {
+	import { ReactChild, ReactElement } from 'react';
+	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { Renderable } from '@elastic/eui/src/components/context/context'; type ResolvedType<T> = T extends (...args: any[]) => any ? ReturnType<T> : T;
+	interface I18nTokenShape<T, DEFAULT extends Renderable<T>> {
+	    token: string;
+	    default: DEFAULT;
+	    children?: (x: ResolvedType<DEFAULT>) => ReactChild;
+	    values?: T;
+	}
+	interface I18nTokensShape<T extends any[]> {
+	    tokens: string[];
+	    defaults: T;
+	    children: (x: Array<T[number]>) => ReactChild;
+	}
+	export type EuiI18nProps<T, DEFAULT extends Renderable<T>, DEFAULTS extends any[]> = ExclusiveUnion<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>>; const EuiI18n: <T extends {}, DEFAULT extends Renderable<T>, DEFAULTS extends any[]>(props: (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>> & I18nTokensShape<DEFAULTS>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokensShape<DEFAULTS>, I18nTokenShape<T, DEFAULT>> & I18nTokenShape<T, DEFAULT>)) => JSX.Element; type DefaultRenderType<T, K extends Renderable<T>> = K extends ReactChild ? K : K extends () => infer RetValue ? RetValue : never; type DefaultsRenderType<K extends Array<string | ReactElement>> = K extends Array<infer Item> ? Item : never; function useEuiI18n<T extends {}, DEFAULT extends Renderable<T>>(token: string, defaultValue: DEFAULT, values?: T): DefaultRenderType<T, DEFAULT>; function useEuiI18n<DEFAULTS extends Array<string | ReactElement>>(tokens: string[], defaultValues: DEFAULTS): Array<DefaultsRenderType<DEFAULTS>>;
+	export { EuiI18n, useEuiI18n };
+
+}
+declare module '@elastic/eui/src/components/i18n/i18n_number' {
+	import { FunctionComponent, ReactChild, ReactElement } from 'react';
+	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
+	interface EuiI18nNumberValueShape {
+	    value: number;
+	    children?: (x: ReactChild) => ReactElement<any>;
+	}
+	interface EuiI18nNumberValuesShape {
+	    values: number[];
+	    /**
+	     * ReactNode to render as this component's content
+	     */
+	    children: (x: ReactChild[]) => ReactElement<any>;
+	}
+	export type EuiI18nNumberProps = ExclusiveUnion<EuiI18nNumberValueShape, EuiI18nNumberValuesShape>; const EuiI18nNumber: FunctionComponent<EuiI18nNumberProps>;
+	export { EuiI18nNumber };
 
 }
-declare module '@elastic/eui/src/global_styling/reset/global_styles' {
-	
-	export interface EuiGlobalStylesProps {
-	}
-	export const EuiGlobalStyles: ({}: EuiGlobalStylesProps) => JSX.Element;
+declare module '@elastic/eui/src/components/i18n' {
+	export type { EuiI18nProps } from '@elastic/eui/src/components/i18n/i18n';
+	export { EuiI18n, useEuiI18n } from '@elastic/eui/src/components/i18n/i18n';
+	export type { EuiI18nNumberProps } from '@elastic/eui/src/components/i18n/i18n_number';
+	export { EuiI18nNumber } from '@elastic/eui/src/components/i18n/i18n_number';
 
 }
-declare module '@elastic/eui/src/global_styling' {
-	export * from '@elastic/eui/src/global_styling/reset/global_styles';
-	export * from '@elastic/eui/src/global_styling/functions';
-	export * from '@elastic/eui/src/global_styling/variables';
-	export * from '@elastic/eui/src/global_styling/mixins';
+declare module '@elastic/eui/src/components/loading/_loading_strings' {
+	export const useLoadingAriaLabel: () => string;
 
 }
 declare module '@elastic/eui/src/components/loading/loading_elastic.styles' {
@@ -2635,7 +2674,7 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 	    empty: string;
 	    fill: string;
 	};
-	export const DISPLAYS: ("base" | "fill" | "empty")[]; type EuiButtonIconDisplay = keyof typeof displayToClassNameMap;
+	export const DISPLAYS: ("base" | "empty" | "fill")[]; type EuiButtonIconDisplay = keyof typeof displayToClassNameMap;
 	export interface EuiButtonIconProps extends CommonProps {
 	    iconType: IconType;
 	    /**
@@ -2996,18 +3035,6 @@ declare module '@elastic/eui/src/components/form/checkbox' {
 	export type { EuiCheckboxGroupProps, EuiCheckboxGroupOption, } from '@elastic/eui/src/components/form/checkbox/checkbox_group';
 	export { EuiCheckboxGroup } from '@elastic/eui/src/components/form/checkbox/checkbox_group';
 
-}
-declare module '@elastic/eui/src/services/theme/clone_element' {
-	import React from 'react';
-	/**
-	 * React.cloneElement does not work if the cloned element does not already have the
-	 * `css` prop - as a result, we need to use `jsx()` to manually clone the element
-	 * See https://github.com/emotion-js/emotion/issues/1404
-	 *
-	 * NOTE: We're still using/testing this utility internally, so this is not yet a public API
-	 */
-	export const cloneElementWithCss: (element: any, props: any) => React.ReactElement;
-
 }
 declare module '@elastic/eui/src/components/title/title.styles' {
 	import { CSSProperties } from 'react';
@@ -3794,43 +3821,82 @@ declare module '@elastic/eui/src/components/form/field_text' {
 	export type { EuiFieldTextProps } from '@elastic/eui/src/components/form/field_text/field_text';
 	export { EuiFieldText } from '@elastic/eui/src/components/form/field_text/field_text';
 
+}
+declare module '@elastic/eui/src/components/progress/progress.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/**
+	 * Emotion styles
+	 */
+	export const euiProgressStyles: ({ euiTheme }: UseEuiTheme, isNative: boolean) => {
+	    euiProgress: import("@emotion/utils").SerializedStyles;
+	    native: import("@emotion/utils").SerializedStyles;
+	    indeterminate: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    fixed: import("@emotion/utils").SerializedStyles;
+	    absolute: import("@emotion/utils").SerializedStyles;
+	    static: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    vis0: import("@emotion/utils").SerializedStyles;
+	    vis1: import("@emotion/utils").SerializedStyles;
+	    vis2: import("@emotion/utils").SerializedStyles;
+	    vis3: import("@emotion/utils").SerializedStyles;
+	    vis4: import("@emotion/utils").SerializedStyles;
+	    vis5: import("@emotion/utils").SerializedStyles;
+	    vis6: import("@emotion/utils").SerializedStyles;
+	    vis7: import("@emotion/utils").SerializedStyles;
+	    vis8: import("@emotion/utils").SerializedStyles;
+	    vis9: import("@emotion/utils").SerializedStyles;
+	    customColor: import("@emotion/utils").SerializedStyles;
+	};
+	/**
+	 * Data styles
+	 */
+	export const euiProgressDataStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiProgress__data: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiProgressLabelStyles: {
+	    euiProgress__label: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiProgressValueTextStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiProgress__valueText: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    vis0: import("@emotion/utils").SerializedStyles;
+	    vis1: import("@emotion/utils").SerializedStyles;
+	    vis2: import("@emotion/utils").SerializedStyles;
+	    vis3: import("@emotion/utils").SerializedStyles;
+	    vis4: import("@emotion/utils").SerializedStyles;
+	    vis5: import("@emotion/utils").SerializedStyles;
+	    vis6: import("@emotion/utils").SerializedStyles;
+	    vis7: import("@emotion/utils").SerializedStyles;
+	    vis8: import("@emotion/utils").SerializedStyles;
+	    vis9: import("@emotion/utils").SerializedStyles;
+	    customColor: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/progress/progress' {
 	import { FunctionComponent, HTMLAttributes, ProgressHTMLAttributes, ReactNode, CSSProperties } from 'react';
-	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
-	    xs: string;
-	    s: string;
-	    m: string;
-	    l: string;
-	};
-	export const SIZES: ("s" | "xs" | "m" | "l")[];
-	export type EuiProgressSize = keyof typeof sizeToClassNameMap;
-	export type ProgressColor = 'primary' | 'success' | 'warning' | 'danger' | 'subdued' | 'accent' | 'vis0' | 'vis1' | 'vis2' | 'vis3' | 'vis4' | 'vis5' | 'vis6' | 'vis7' | 'vis8' | 'vis9'; const colorToClassNameMap: {
-	    primary: string;
-	    success: string;
-	    warning: string;
-	    danger: string;
-	    subdued: string;
-	    accent: string;
-	    vis0: string;
-	    vis1: string;
-	    vis2: string;
-	    vis3: string;
-	    vis4: string;
-	    vis5: string;
-	    vis6: string;
-	    vis7: string;
-	    vis8: string;
-	    vis9: string;
-	};
-	export const COLORS: ("primary" | "success" | "accent" | "warning" | "danger" | "subdued" | "vis0" | "vis1" | "vis2" | "vis3" | "vis4" | "vis5" | "vis6" | "vis7" | "vis8" | "vis9")[];
-	export type EuiProgressColor = keyof typeof colorToClassNameMap; const positionsToClassNameMap: {
-	    fixed: string;
-	    absolute: string;
-	    static: string;
-	};
-	export const POSITIONS: ("fixed" | "absolute" | "static")[];
-	export type EuiProgressPosition = keyof typeof positionsToClassNameMap;
+	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	export const SIZES: readonly ["xs", "s", "m", "l"];
+	export type EuiProgressSize = typeof SIZES[number];
+	export const COLORS: readonly ["primary", "success", "warning", "danger", "subdued", "accent", "vis0", "vis1", "vis2", "vis3", "vis4", "vis5", "vis6", "vis7", "vis8", "vis9"];
+	export type EuiProgressColor = typeof COLORS[number];
+	export const POSITIONS: readonly ["fixed", "absolute", "static"];
+	export type EuiProgressPosition = typeof POSITIONS[number];
 	export type EuiProgressProps = CommonProps & {
 	    size?: EuiProgressSize;
 	    /**
@@ -5779,7 +5845,7 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 	    /**
 	     * Pass certain props down to `EuiIcon`
 	     */
-	    iconProps?: Omit<PropsOf<EuiIcon>, 'type'> & {
+	    iconProps?: Omit<PropsOf<typeof EuiIcon>, 'type'> & {
 	        type?: never;
 	    };
 	} type Props = Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & EuiIconTipProps & {
@@ -7102,135 +7168,7 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	    generatedId: string;
 	    render(): JSX.Element;
 	}
-	export const EuiAccordion: React.ForwardRefExoticComponent<Omit<WithEuiThemeProps<{}> & CommonProps & Omit<React.HTMLAttributes<HTMLElement>, "id"> & {
-	    id: string;
-	    /**
-	     * Applied to the entire .euiAccordion wrapper.
-	     * When using `fieldset`, it will enforce `buttonElement = legend` as well.
-	     */
-	    element?: "div" | "fieldset" | undefined;
-	    /**
-	     * Class that will apply to the trigger for the accordion.
-	     */
-	    buttonClassName?: string | undefined;
-	    /**
-	     * Apply more props to the triggering button
-	     */
-	    buttonProps?: (CommonProps & React.HTMLAttributes<HTMLElement>) | undefined;
-	    /**
-	     * Class that will apply to the trigger content for the accordion.
-	     */
-	    buttonContentClassName?: string | undefined;
-	    /**
-	     * The content of the clickable trigger
-	     */
-	    buttonContent?: ReactNode;
-	    /**
-	     * Applied to the main button receiving the `onToggle` event.
-	     * Anything other than the default `button` does not support removing the arrow display (for accessibility of focus).
-	     */
-	    buttonElement?: "button" | "div" | "legend" | undefined;
-	    /**
-	     * Extra props to pass to the EuiButtonIcon containing the arrow.
-	     */
-	    arrowProps?: Partial<Omit<EuiButtonIconProps, "aria-labelledby" | "onClick" | "iconType">> | undefined;
-	    /**
-	     * Will appear right aligned against the button. Useful for separate actions like deletions.
-	     */
-	    extraAction?: ReactNode;
-	    /**
-	     * The accordion will start in the open state.
-	     */
-	    initialIsOpen?: boolean | undefined;
-	    /**
-	     * Optional callback method called on open and close with a single `isOpen` parameter
-	     */
-	    onToggle?: ((isOpen: boolean) => void) | undefined;
-	    /**
-	     * The padding around the exposed accordion content.
-	     */
-	    paddingSize?: "s" | "none" | "xs" | "m" | "l" | "xl" | undefined;
-	    /**
-	     * Placement of the arrow indicator, or 'none' to hide it.
-	     */
-	    arrowDisplay?: "none" | "left" | "right" | undefined;
-	    /**
-	     * Control the opening of accordion via prop
-	     */
-	    forceState?: "open" | "closed" | undefined;
-	    /**
-	     * Change `extraAction` and children into a loading spinner
-	     */
-	    isLoading?: boolean | undefined;
-	    /**
-	     * Choose whether the loading message replaces the content. Customize the message by passing a node
-	     */
-	    isLoadingMessage?: boolean | ReactNode;
-	}, "theme"> & React.RefAttributes<Omit<WithEuiThemeProps<{}> & CommonProps & Omit<React.HTMLAttributes<HTMLElement>, "id"> & {
-	    id: string;
-	    /**
-	     * Applied to the entire .euiAccordion wrapper.
-	     * When using `fieldset`, it will enforce `buttonElement = legend` as well.
-	     */
-	    element?: "div" | "fieldset" | undefined;
-	    /**
-	     * Class that will apply to the trigger for the accordion.
-	     */
-	    buttonClassName?: string | undefined;
-	    /**
-	     * Apply more props to the triggering button
-	     */
-	    buttonProps?: (CommonProps & React.HTMLAttributes<HTMLElement>) | undefined;
-	    /**
-	     * Class that will apply to the trigger content for the accordion.
-	     */
-	    buttonContentClassName?: string | undefined;
-	    /**
-	     * The content of the clickable trigger
-	     */
-	    buttonContent?: ReactNode;
-	    /**
-	     * Applied to the main button receiving the `onToggle` event.
-	     * Anything other than the default `button` does not support removing the arrow display (for accessibility of focus).
-	     */
-	    buttonElement?: "button" | "div" | "legend" | undefined;
-	    /**
-	     * Extra props to pass to the EuiButtonIcon containing the arrow.
-	     */
-	    arrowProps?: Partial<Omit<EuiButtonIconProps, "aria-labelledby" | "onClick" | "iconType">> | undefined;
-	    /**
-	     * Will appear right aligned against the button. Useful for separate actions like deletions.
-	     */
-	    extraAction?: ReactNode;
-	    /**
-	     * The accordion will start in the open state.
-	     */
-	    initialIsOpen?: boolean | undefined;
-	    /**
-	     * Optional callback method called on open and close with a single `isOpen` parameter
-	     */
-	    onToggle?: ((isOpen: boolean) => void) | undefined;
-	    /**
-	     * The padding around the exposed accordion content.
-	     */
-	    paddingSize?: "s" | "none" | "xs" | "m" | "l" | "xl" | undefined;
-	    /**
-	     * Placement of the arrow indicator, or 'none' to hide it.
-	     */
-	    arrowDisplay?: "none" | "left" | "right" | undefined;
-	    /**
-	     * Control the opening of accordion via prop
-	     */
-	    forceState?: "open" | "closed" | undefined;
-	    /**
-	     * Change `extraAction` and children into a loading spinner
-	     */
-	    isLoading?: boolean | undefined;
-	    /**
-	     * Choose whether the loading message replaces the content. Customize the message by passing a node
-	     */
-	    isLoadingMessage?: boolean | ReactNode;
-	}, "theme">>>;
+	export const EuiAccordion: React.ForwardRefExoticComponent<Omit<EuiAccordionProps, "theme"> & React.RefAttributes<Omit<EuiAccordionProps, "theme">>>;
 	export {};
 
 }
@@ -7410,7 +7348,7 @@ declare module '@elastic/eui/src/components/badge/badge' {
 	    /**
 	     * Props passed to the close button.
 	     */
-	    closeButtonProps?: Partial<PropsOf<EuiIcon>>;
+	    closeButtonProps?: Partial<PropsOf<typeof EuiIcon>>;
 	} & CommonProps & ExclusiveUnion<WithIconOnClick, {}> & ExclusiveUnion<ExclusiveUnion<WithButtonProps, WithAnchorProps>, WithSpanProps>;
 	export const COLORS: string[];
 	export const ICON_SIDES: IconSide[];
@@ -12563,7 +12501,7 @@ declare module '@elastic/eui/src/components/description_list/description_list' {
 	    normal: string;
 	    reverse: string;
 	};
-	export const TEXT_STYLES: ("reverse" | "normal")[];
+	export const TEXT_STYLES: ("normal" | "reverse")[];
 	export const EuiDescriptionList: FunctionComponent<CommonProps & HTMLAttributes<HTMLDListElement> & EuiDescriptionListProps>;
 	export {};
 
@@ -14617,6 +14555,11 @@ 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';
@@ -14639,6 +14582,19 @@ declare module '@elastic/eui/src/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/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_provider';
+
 }
 declare module '@elastic/eui/src/components/provider/provider' {
 	import React, { PropsWithChildren } from 'react';
@@ -14657,11 +14613,26 @@ declare module '@elastic/eui/src/components/provider/provider' {
 	     */
 	    globalStyles?: false | ((params: any) => JSX.Element | null);
 	    /**
-	     * Provide a cache configuration from `@emotion/cache`
+	     * 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.
+	     * - `global` will scope all EUI global and reset styles.
+	     * - `utility` will scope all EUI utility class styles.
+	     *
+	     * A cache instance provided as the sole value will function the same as the `default` cache.
 	     */
-	    cache?: EmotionCache;
+	    cache?: EmotionCache | {
+	        default?: EmotionCache;
+	        global?: EmotionCache;
+	        utility?: EmotionCache;
+	    };
 	}
-	export const EuiProvider: <T extends {} = {}>({ cache, theme, globalStyles: GlobalStyles, colorMode, modify, children, }: React.PropsWithChildren<EuiProviderProps<T>>) => JSX.Element;
+	export const EuiProvider: <T extends {} = {}>({ cache, theme, globalStyles: Globals, utilityClasses: Utilities, colorMode, modify, children, }: React.PropsWithChildren<EuiProviderProps<T>>) => JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/provider' {
@@ -15688,6 +15659,11 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     * Also passes back the React click/keyboard event as a second argument.
 	     */
 	    onChange?: (options: Array<EuiSelectableOption<T>>, event: EuiSelectableOnChangeEvent) => void;
+	    /**
+	     * Passes back the current active option whenever the user changes the currently
+	     * highlighted option via keyboard navigation or searching.
+	     */
+	    onActiveOptionChange?: (option: EuiSelectableOption | null) => void;
 	    /**
 	     * Sets the single selection policy of
 	     * `false`: allows multiple selection
@@ -15769,6 +15745,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	    listId: string;
 	    constructor(props: EuiSelectableProps<T>);
 	    static getDerivedStateFromProps<T>(nextProps: EuiSelectableProps<T>, prevState: EuiSelectableState<T>): Partial<EuiSelectableState<T>>;
+	    componentDidUpdate<T>(prevProps: EuiSelectableProps<T>, prevState: EuiSelectableState<T>): void;
 	    hasActiveOption: () => boolean;
 	    onMouseDown: () => void;
 	    onFocus: () => void;
@@ -16314,25 +16291,33 @@ declare module '@elastic/eui/src/components/side_nav' {
 	export { EuiSideNav } from '@elastic/eui/src/components/side_nav/side_nav';
 	export * from '@elastic/eui/src/components/side_nav/side_nav_types';
 
+}
+declare module '@elastic/eui/src/components/stat/stat.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiStatStyles: () => {
+	    euiStat: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiStatTitleStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiStat__title: import("@emotion/utils").SerializedStyles;
+	    default: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    isLoading: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/stat/stat' {
 	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiTitleSize } from '@elastic/eui/src/components/title/title'; const colorToClassNameMap: {
-	    default: null;
-	    subdued: string;
-	    primary: string;
-	    success: string;
-	    danger: string;
-	    accent: string;
-	};
-	export const COLORS: ("default" | "primary" | "success" | "accent" | "danger" | "subdued")[]; const textAlignToClassNameMap: {
-	    left: string;
-	    center: string;
-	    right: string;
-	};
-	export const isColorClass: (input: string) => input is "default" | "primary" | "success" | "accent" | "danger" | "subdued";
-	export const ALIGNMENTS: ("left" | "right" | "center")[];
+	import { EuiTitleSize } from '@elastic/eui/src/components/title/title';
+	export const COLORS: readonly ["default", "subdued", "primary", "success", "danger", "accent"]; type TitleColor = typeof COLORS[number];
+	export const ALIGNMENTS: readonly ["left", "center", "right"];
 	export interface EuiStatProps {
 	    /**
 	     * Set the description (label) text
@@ -16346,7 +16331,7 @@ declare module '@elastic/eui/src/components/stat/stat' {
 	     * Flips the order of the description and title
 	     */
 	    reverse?: boolean;
-	    textAlign?: keyof typeof textAlignToClassNameMap;
+	    textAlign?: typeof ALIGNMENTS[number];
 	    /**
 	     * The (value) text
 	     */
@@ -16354,7 +16339,7 @@ declare module '@elastic/eui/src/components/stat/stat' {
 	    /**
 	     * The color of the title text
 	     */
-	    titleColor?: keyof typeof colorToClassNameMap | string;
+	    titleColor?: TitleColor | string;
 	    /**
 	     * Size of the title. See EuiTitle for options ('s', 'm', 'l'... etc)
 	     */
@@ -17875,43 +17860,54 @@ declare module '@elastic/eui/src/components/timeline/timeline_item_icon' {
 
 }
 declare module '@elastic/eui/src/components/timeline/timeline_item.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiTimelineItemStyles: ({ euiTheme }: UseEuiTheme) => {
+	export const euiTimelineItemStyles: () => {
 	    euiTimelineItem: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
 	};
 
 }
 declare module '@elastic/eui/src/components/timeline/timeline_item' {
-	import { FunctionComponent, HTMLAttributes, ElementType } from 'react';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiTimelineItemEventProps } from '@elastic/eui/src/components/timeline/timeline_item_event';
 	import { EuiTimelineItemIconProps } from '@elastic/eui/src/components/timeline/timeline_item_icon';
 	export const VERTICAL_ALIGN: readonly ["top", "center"];
 	export type EuiTimelineItemVerticalAlign = typeof VERTICAL_ALIGN[number];
-	export interface EuiTimelineItemProps extends Omit<HTMLAttributes<ElementType>, 'children'>, CommonProps, Omit<EuiTimelineItemIconProps, 'verticalAlign'>, Omit<EuiTimelineItemEventProps, 'verticalAlign'> {
+	export interface EuiTimelineItemProps extends Omit<HTMLAttributes<HTMLElement>, 'children'>, CommonProps, Omit<EuiTimelineItemIconProps, 'verticalAlign'>, Omit<EuiTimelineItemEventProps, 'verticalAlign'> {
 	    /**
 	     * Vertical alignment of the event with the icon
 	     */
 	    verticalAlign?: EuiTimelineItemVerticalAlign;
-	    /**
-	     * Sets the HTML element for `EuiTimelineItem`.
-	     * By default, the element renders as a `<li/>`.
-	     * Only change the HTML element when it is not wrapped in a `EuiTimeline` that renders as a `<ol/>`.
-	     */
-	    component?: ElementType;
 	}
 	export const EuiTimelineItem: FunctionComponent<EuiTimelineItemProps>;
 
+}
+declare module '@elastic/eui/src/components/timeline/timeline.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTimelineStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTimeline: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/timeline/timeline' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiTimelineItemProps } from '@elastic/eui/src/components/timeline/timeline_item';
+	export const GUTTER_SIZES: readonly ["m", "l", "xl"];
+	export type EuiTimelineGutterSize = typeof GUTTER_SIZES[number];
 	export interface EuiTimelineProps extends HTMLAttributes<HTMLOListElement>, CommonProps {
 	    /**
 	     * List of timeline items to render. See #EuiTimelineItem
 	     */
 	    items?: EuiTimelineItemProps[];
+	    /**
+	     * Sets the size of the vertical space between each timeline item
+	     */
+	    gutterSize?: EuiTimelineGutterSize;
 	}
 	export const EuiTimeline: FunctionComponent<EuiTimelineProps>;