@elastic/eui 60.2.0 → 62.0.0

package/eui.d.ts

@@ -718,7 +718,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    inspect: string;
 	    invert: string;
 	    ip: string;
-	    keyboardShortcut: string;
+	    keyboard: string;
 	    kqlField: string;
 	    kqlFunction: string;
 	    kqlOperand: string;
@@ -946,57 +946,59 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    wordWrapDisabled: string;
 	    workplaceSearchApp: string;
 	    wrench: string;
+	    tokenAlias: string;
+	    tokenAnnotation: string;
+	    tokenArray: string;
+	    tokenBinary: string;
+	    tokenBoolean: string;
 	    tokenClass: string;
-	    tokenProperty: string;
+	    tokenCompletionSuggester: string;
+	    tokenConstant: string;
+	    tokenDate: string;
+	    tokenDenseVector: string;
+	    tokenElement: string;
 	    tokenEnum: string;
-	    tokenVariable: string;
-	    tokenMethod: string;
-	    tokenAnnotation: string;
+	    tokenEnumMember: string;
+	    tokenEvent: string;
 	    tokenException: string;
-	    tokenInterface: string;
-	    tokenParameter: string;
 	    tokenField: string;
-	    tokenElement: string;
+	    tokenFile: string;
+	    tokenFlattened: string;
 	    tokenFunction: string;
-	    tokenBoolean: string;
-	    tokenString: string;
-	    tokenArray: string;
-	    tokenNumber: string;
-	    tokenConstant: string;
-	    tokenObject: string;
-	    tokenEvent: string;
+	    tokenGeo: string;
+	    tokenHistogram: string;
+	    tokenInterface: string;
+	    tokenIP: string;
+	    tokenJoin: string;
 	    tokenKey: string;
-	    tokenNull: string;
-	    tokenStruct: string;
-	    tokenPackage: string;
-	    tokenOperator: string;
-	    tokenEnumMember: string;
-	    tokenRepo: string;
-	    tokenSymbol: string;
-	    tokenFile: string;
+	    tokenKeyword: string;
+	    tokenMethod: string;
+	    tokenMetricCounter: string;
+	    tokenMetricGauge: string;
 	    tokenModule: string;
 	    tokenNamespace: string;
-	    tokenDate: string;
-	    tokenIP: string;
 	    tokenNested: string;
-	    tokenAlias: string;
-	    tokenShape: string;
-	    tokenGeo: string;
-	    tokenRange: string;
-	    tokenBinary: string;
-	    tokenJoin: string;
+	    tokenNull: string;
+	    tokenNumber: string;
+	    tokenObject: string;
+	    tokenOperator: string;
+	    tokenPackage: string;
+	    tokenParameter: string;
 	    tokenPercolator: string;
-	    tokenFlattened: string;
+	    tokenProperty: string;
+	    tokenRange: string;
 	    tokenRankFeature: string;
 	    tokenRankFeatures: string;
-	    tokenKeyword: string;
+	    tokenRepo: string;
+	    tokenSearchType: string;
+	    tokenShape: string;
+	    tokenString: string;
+	    tokenStruct: string;
+	    tokenSymbol: string;
 	    tokenTag: string;
-	    tokenCompletionSuggester: string;
-	    tokenDenseVector: string;
 	    tokenText: string;
 	    tokenTokenCount: string;
-	    tokenSearchType: string;
-	    tokenHistogram: string;
+	    tokenVariable: string;
 	};
 
 }
@@ -1663,6 +1665,7 @@ declare module '@elastic/eui/src/global_styling/variables/shadow' {
 	export const _EuiShadowSizesDescriptions: Record<_EuiThemeShadowSize, string>;
 	export interface _EuiThemeShadowCustomColor {
 	    color?: string;
+	    property?: 'box-shadow' | 'filter';
 	}
 
 }
@@ -1775,6 +1778,22 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	export const logicalStyle: (property: LogicalProperties, value?: any) => {
 	    [x: string]: string;
 	};
+	/**
+	 *
+	 * @param width A string value for the LTR width
+	 * @param height A string value for the LTR height
+	 * @returns `string` Returns the logical CSS properties for height and width
+	 */
+	export const logicalSizeCSS: (width: any, height: any) => string;
+	/**
+	 *
+	 * @param width A string value for the LTR width
+	 * @param height A string value for the LTR height
+	 * @returns `object` Returns the logical CSS properties for height and width
+	 */
+	export const logicalSizeStyle: (width: any, height: any) => {
+	    [x: string]: any;
+	};
 	export const logicalText: {
 	    'text-align': {
 	        left: string;
@@ -2066,6 +2085,24 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
 	export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
 	export const useEuiNumberFormat: () => string;
 
+}
+declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables';
+	/**
+	 * Generates a CSS media query rule string based on the input breakpoint ranges.
+	 * Examples:
+	 * euiBreakpoint(['s']) becomes `@media only screen and (min-width: 575px) and (max-width: 767px)`
+	 * euiBreakpoint(['s', 'l']) becomes `@media only screen and (min-width: 575px) and (max-width: 1199px)`
+	 *
+	 * Use the `xs` and `xl` sizes to generate media queries with only min/max-width.
+	 * Examples:
+	 * euiBreakpoint(['xs', 'm']) becomes `@media only screen and (max-width: 991px)`
+	 * euiBreakpoint(['l', 'xl']) becomes `@media only screen and (min-width: 992px)`
+	 */
+	export const euiBreakpoint: ({ euiTheme }: UseEuiTheme, sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
+	export const useEuiBreakpoint: (sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
+
 }
 declare module '@elastic/eui/src/global_styling/mixins' {
 	export * from '@elastic/eui/src/global_styling/mixins/_color';
@@ -2073,6 +2110,7 @@ declare module '@elastic/eui/src/global_styling/mixins' {
 	export * from '@elastic/eui/src/global_styling/mixins/_padding';
 	export * from '@elastic/eui/src/global_styling/mixins/_states';
 	export * from '@elastic/eui/src/global_styling/mixins/_typography';
+	export * from '@elastic/eui/src/global_styling/mixins/_responsive';
 
 }
 declare module '@elastic/eui/src/global_styling/reset/reset' {
@@ -2130,7 +2168,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	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" | "cluster" | "compute" | "console" | "container" | "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" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "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 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" | "cluster" | "compute" | "console" | "container" | "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" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "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" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "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" | "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;
@@ -2173,7 +2211,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    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" | "cluster" | "compute" | "console" | "container" | "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" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "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 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" | "cluster" | "compute" | "console" | "container" | "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" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "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" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "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" | "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;
@@ -4030,7 +4068,7 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow'
 	/**
 	 * bottomShadowMedium
 	 */
-	export const euiShadowMedium: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
+	export const euiShadowMedium: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color, property }?: _EuiThemeShadowCustomColor) => string;
 	/**
 	 * bottomShadow
 	 */
@@ -4162,6 +4200,15 @@ declare module '@elastic/eui/src/services/hooks/useIsWithinBreakpoints' {
 	 */
 	export function useIsWithinBreakpoints(sizes: EuiBreakpointSize[], isActive?: boolean): boolean;
 
+}
+declare module '@elastic/eui/src/services/hooks/useLatest' {
+	import { MutableRefObject } from 'react';
+	/**
+	 * Wraps the given `value` into a `MutableRefObject` and keeps the `current`
+	 * value up-to-date on every render cycle.
+	 */
+	export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
+
 }
 declare module '@elastic/eui/src/services/throttle' {
 	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
@@ -4184,6 +4231,7 @@ declare module '@elastic/eui/src/services/hooks' {
 	export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
 	export * from '@elastic/eui/src/services/hooks/useForceRender';
 	export * from '@elastic/eui/src/services/hooks/useIsWithinBreakpoints';
+	export * from '@elastic/eui/src/services/hooks/useLatest';
 	export * from '@elastic/eui/src/services/hooks/useMouseMove';
 	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
 
@@ -4882,17 +4930,103 @@ declare module '@elastic/eui/src/components/outside_click_detector' {
 	export type { EuiOutsideClickDetectorProps } from '@elastic/eui/src/components/outside_click_detector/outside_click_detector';
 	export { EuiOutsideClickDetector } from '@elastic/eui/src/components/outside_click_detector/outside_click_detector';
 
+}
+declare module '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const popoverArrowSize = "m";
+	export const euiPopoverArrowStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPopoverArrow: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    bottom: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const POSITIONS: readonly ["top", "left", "right", "bottom"];
+	export type EuiPopoverArrowPositions = typeof POSITIONS[number];
+	export type EuiPopoverArrowProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
+	    position: EuiPopoverArrowPositions;
+	};
+	export const EuiPopoverArrow: FunctionComponent<EuiPopoverArrowProps>;
+
+}
+declare module '@elastic/eui/src/components/popover/popover_arrow' {
+	export type { EuiPopoverArrowProps, EuiPopoverArrowPositions, } from '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow';
+	export { EuiPopoverArrow } from '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow';
+
+}
+declare module '@elastic/eui/src/components/popover/popover.styles' {
+	export const euiPopoverStyles: () => {
+	    euiPopover: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/**
+	 * 1. Can expand further, but it looks weird if it's smaller than the originating button.
+	 * 2. Animation happens on the panel. But don't animate position when using the attached mode like for inputs
+	 * 3. Make sure the panel stays within the window.
+	 */
+	export const euiPopoverPanelStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiPopover__panel: import("@emotion/utils").SerializedStyles;
+	    isOpen: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    bottom: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    attached: {
+	        isOpen: import("@emotion/utils").SerializedStyles;
+	        top: import("@emotion/utils").SerializedStyles;
+	        bottom: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel' {
+	import React, { FunctionComponent } from 'react';
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
+	import { _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
+	import { EuiPopoverArrowPositions } from '@elastic/eui/src/components/popover/popover_arrow';
+	interface ContextShape {
+	    paddingSize: EuiPaddingSize;
+	}
+	export const EuiPopoverPanelContext: React.Context<ContextShape>;
+	export type EuiPopoverPanelProps = _EuiPanelDivlike; type EuiPopoverPanelInternalProps = {
+	    isOpen?: boolean;
+	    isAttached?: boolean;
+	    position?: EuiPopoverArrowPositions | null;
+	};
+	/**
+	 * *INTERNAL ONLY*
+	 * Purely for re-use of styling
+	 */
+	export const EuiPopoverPanel: FunctionComponent<EuiPopoverPanelProps & EuiPopoverPanelInternalProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/popover/popover_panel' {
+	export { EuiPopoverPanel } from '@elastic/eui/src/components/popover/popover_panel/_popover_panel';
+
 }
 declare module '@elastic/eui/src/components/popover/popover' {
 	import { Component, KeyboardEvent, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback } from 'react';
 	import { CommonProps, NoArgCallback } from '@elastic/eui/src/components/common';
 	import { FocusTarget, EuiFocusTrapProps } from '@elastic/eui/src/components/focus_trap';
 	import { ReactFocusOnProps } from 'react-focus-on/dist/es5/types';
-	import { PanelPaddingSize, EuiPanelProps } from '@elastic/eui/src/components/panel';
 	import { EuiPopoverPosition } from '@elastic/eui/src/services/popover';
+	import { EuiPopoverArrowPositions } from '@elastic/eui/src/components/popover/popover_arrow';
+	import { EuiPopoverPanelProps } from '@elastic/eui/src/components/popover/popover_panel/_popover_panel';
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	export const popoverAnchorPosition: readonly ["upCenter", "upLeft", "upRight", "downCenter", "downLeft", "downRight", "leftCenter", "leftUp", "leftDown", "rightCenter", "rightUp", "rightDown"];
 	export type PopoverAnchorPosition = typeof popoverAnchorPosition[number];
-	export interface EuiPopoverProps {
+	export interface EuiPopoverProps extends CommonProps {
 	    /**
 	     * Class name passed to the direct parent of the button
 	     */
@@ -4923,7 +5057,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    /**
 	     * CSS display type for both the popover and anchor
 	     */
-	    display?: keyof typeof displayToClassNameMap;
+	    display?: CSSProperties['display'];
 	    /**
 	     * Object of props passed to EuiFocusTrap
 	     */
@@ -4936,11 +5070,11 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	     * Specifies what element should initially have focus; Can be a DOM
 	     * node, or a selector string (which will be passed to
 	     * document.querySelector() to find the DOM node), or a function that
-	     * returns a DOM node
-	     * Set to `false` to prevent initial auto-focus. Use only
-	     * when your app handles setting initial focus state.
+	     * returns a DOM node.
+	     *
+	     * If not passed, initial focus defaults to the popover panel.
 	     */
-	    initialFocus?: FocusTarget | false;
+	    initialFocus?: FocusTarget;
 	    /**
 	     * Passed directly to EuiPortal for DOM positioning. Both properties are
 	     * required if prop is specified
@@ -4964,15 +5098,15 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    /**
 	     * EuiPanel padding on all sides
 	     */
-	    panelPaddingSize?: PanelPaddingSize;
+	    panelPaddingSize?: EuiPaddingSize;
 	    /**
 	     * Standard DOM `style` attribute. Passed to the EuiPanel
 	     */
 	    panelStyle?: CSSProperties;
 	    /**
-	     * Object of props passed to EuiPanel
+	     * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
 	     */
-	    panelProps?: Omit<EuiPanelProps, 'style'>;
+	    panelProps?: Omit<EuiPopoverPanelProps, 'style'>;
 	    panelRef?: RefCallback<HTMLElement | null>;
 	    /**
 	     * Optional screen reader instructions to announce upon popover open,
@@ -5024,12 +5158,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	}
 	export function getPopoverPositionFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
 	export function getPopoverAlignFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
-	export const ANCHOR_POSITIONS: string[]; const displayToClassNameMap: {
-	    inlineBlock: undefined;
-	    block: string;
-	};
-	export const DISPLAY: string[];
-	export type Props = CommonProps & HTMLAttributes<HTMLDivElement> & EuiPopoverProps;
+	export type Props = EuiPopoverProps & HTMLAttributes<HTMLDivElement>;
 	interface State {
 	    prevProps: {
 	        isOpen?: boolean;
@@ -5039,17 +5168,15 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    isOpening: boolean;
 	    popoverStyles: CSSProperties;
 	    arrowStyles?: CSSProperties;
-	    arrowPosition: any;
+	    arrowPosition: EuiPopoverArrowPositions | null;
 	    openPosition: any;
 	    isOpenStable: boolean;
 	} type PropsWithDefaults = Props & {
 	    anchorPosition: PopoverAnchorPosition;
-	    /** CSS display type for both the popover and anchor */
-	    display: keyof typeof displayToClassNameMap;
 	    hasArrow: boolean;
 	    isOpen: boolean;
 	    ownFocus: boolean;
-	    panelPaddingSize: PanelPaddingSize;
+	    panelPaddingSize: EuiPaddingSize;
 	};
 	export class EuiPopover extends Component<Props, State> {
 	    static defaultProps: Partial<PropsWithDefaults>;
@@ -5058,10 +5185,8 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    private strandedFocusTimeout;
 	    private closingTransitionTimeout;
 	    private closingTransitionAnimationFrame;
-	    private updateFocusAnimationFrame;
 	    private button;
 	    private panel;
-	    private hasSetInitialFocus;
 	    private descriptionId;
 	    constructor(props: Props);
 	    closePopover: () => void;
@@ -5069,7 +5194,6 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    handleStrandedFocus: () => void;
 	    onKeyDown: (event: KeyboardEvent) => void;
 	    onClickOutside: (event: Event) => void;
-	    updateFocus(): void;
 	    onOpenPopover: () => void;
 	    componentDidMount(): void;
 	    componentDidUpdate(prevProps: Props): void;
@@ -5118,6 +5242,11 @@ declare module '@elastic/eui/src/components/observer/resize_observer' {
 	export type { EuiResizeObserverProps } from '@elastic/eui/src/components/observer/resize_observer/resize_observer';
 	export { EuiResizeObserver, useResizeObserver } from '@elastic/eui/src/components/observer/resize_observer/resize_observer';
 
+}
+declare module '@elastic/eui/src/components/form/form.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFormMaxWidth: ({ euiTheme }: UseEuiTheme) => string;
+
 }
 declare module '@elastic/eui/src/components/popover/input_popover' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
@@ -5133,34 +5262,48 @@ declare module '@elastic/eui/src/components/popover/input_popover' {
 	export type EuiInputPopoverProps = CommonProps & HTMLAttributes<HTMLDivElement> & _EuiInputPopoverProps;
 	export const EuiInputPopover: FunctionComponent<EuiInputPopoverProps>;
 
+}
+declare module '@elastic/eui/src/components/popover/popover_title.styles' {
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPopoverTitleStyles: (euiThemeContext: UseEuiTheme, panelPadding: EuiPaddingSize) => {
+	    euiPopoverTitle: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/popover/popover_title' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { PanelPaddingSize } from '@elastic/eui/src/components/panel';
 	export type EuiPopoverTitleProps = FunctionComponent<HTMLAttributes<HTMLDivElement> & CommonProps & {
 	    /**
 	     * Customize the all around padding of the popover title.
 	     * Leave `undefined` to inherit from the `panelPaddingSize` of the containing EuiPopover
 	     */
-	    paddingSize?: PanelPaddingSize;
+	    paddingSize?: EuiPaddingSize;
 	}>;
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[];
 	export const EuiPopoverTitle: EuiPopoverTitleProps;
 
+}
+declare module '@elastic/eui/src/components/popover/popover_footer.styles' {
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPopoverFooterStyles: (euiThemeContext: UseEuiTheme, panelPadding: EuiPaddingSize) => {
+	    euiPopoverFooter: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/popover/popover_footer' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { PanelPaddingSize } from '@elastic/eui/src/components/panel';
 	export type EuiPopoverFooterProps = FunctionComponent<HTMLAttributes<HTMLDivElement> & CommonProps & {
 	    /**
 	     * Customize the all around padding of the popover footer.
 	     * Leave `undefined` to inherit from the `panelPaddingSize` of the containing EuiPopover
 	     */
-	    paddingSize?: PanelPaddingSize;
+	    paddingSize?: EuiPaddingSize;
 	}>;
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[];
 	export const EuiPopoverFooter: EuiPopoverFooterProps;
 
 }
@@ -6024,7 +6167,7 @@ declare module '@elastic/eui/src/components/horizontal_rule' {
 
 }
 declare module '@elastic/eui/src/components/context_menu/context_menu' {
-	import React, { Component, HTMLAttributes, ReactElement, ReactNode } from 'react';
+	import React, { Component, HTMLAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	import { EuiContextMenuPanelTransitionDirection, EuiContextMenuPanelTransitionType } from '@elastic/eui/src/components/context_menu/context_menu_panel';
 	import { EuiContextMenuItemProps } from '@elastic/eui/src/components/context_menu/context_menu_item';
@@ -6045,7 +6188,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu' {
 	    title?: ReactNode;
 	    items?: EuiContextMenuPanelItemDescriptor[];
 	    content?: ReactNode;
-	    width?: number;
+	    width?: CSSProperties['width'];
 	    initialFocusedItemIndex?: number;
 	    /**
 	     * Alters the size of the items and the title
@@ -7178,6 +7321,8 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	    onToggle: () => void;
 	    setChildContentRef: (node: HTMLDivElement | null) => void;
 	    generatedId: string;
+	    resizeRef: (e: HTMLElement | null) => void;
+	    observerRef: (ref: HTMLDivElement) => void;
 	    render(): JSX.Element;
 	}
 	export const EuiAccordion: React.ForwardRefExoticComponent<Omit<EuiAccordionProps, "theme"> & React.RefAttributes<Omit<EuiAccordionProps, "theme">>>;
@@ -8580,12 +8725,12 @@ declare module '@elastic/eui/src/components/combo_box/types' {
 declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list' {
 	import { Component, ComponentProps, ReactNode, RefCallback } from 'react';
 	import { FixedSizeList, ListProps, ListChildComponentProps } from 'react-window';
-	import { EuiPanel } from '@elastic/eui/src/components/panel';
 	import { EuiFilterSelectItem } from '@elastic/eui/src/components/filter_group/filter_select_item';
 	import { htmlIdGenerator } from '@elastic/eui/src/services';
 	import { EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape, OptionHandler, RefInstance, UpdatePositionHandler } from '@elastic/eui/src/components/combo_box/types';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiComboBoxOptionsListProps<T> = CommonProps & ComponentProps<typeof EuiPanel> & {
+	import { EuiPopoverPanel } from '@elastic/eui/src/components/popover/popover_panel';
+	export type EuiComboBoxOptionsListProps<T> = CommonProps & ComponentProps<typeof EuiPopoverPanel> & {
 	    'data-test-subj': string;
 	    activeOptionIndex?: number;
 	    areAllOptionsSelected?: boolean;
@@ -9017,13 +9162,156 @@ declare module '@elastic/eui/src/components/combo_box' {
 	export * from '@elastic/eui/src/components/combo_box/combo_box_options_list';
 	export type { EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape, } from '@elastic/eui/src/components/combo_box/types';
 
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_event.styles' {
+	export const euiTimelineItemEventStyles: () => {
+	    euiTimelineItemEvent: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_event' {
+	import { FunctionComponent, ReactNode } from 'react';
+	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
+	export interface EuiTimelineItemEventProps {
+	    /**
+	     * Accepts any node. But preferably `EuiPanel`
+	     */
+	    children: ReactNode;
+	    verticalAlign?: EuiTimelineItemVerticalAlign;
+	}
+	export const EuiTimelineItemEvent: FunctionComponent<EuiTimelineItemEventProps>;
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_icon.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTimelineItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTimelineItemIcon: import("@emotion/utils").SerializedStyles;
+	    euiTimelineItemIcon__content: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_icon' {
+	import { FunctionComponent, ReactNode } from 'react';
+	import { IconType } from '@elastic/eui/src/components/icon';
+	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
+	export interface EuiTimelineItemIconProps {
+	    /**
+	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiIcon['type']`.
+	     */
+	    icon: ReactNode | IconType;
+	    verticalAlign?: EuiTimelineItemVerticalAlign;
+	    /**
+	     * Specify an `aria-label` for the icon when passed as an `IconType`.
+	     * If no `aria-label` is passed we assume the icon is purely decorative.
+	     */
+	    iconAriaLabel?: string;
+	}
+	export const EuiTimelineItemIcon: FunctionComponent<EuiTimelineItemIconProps>;
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item.styles' {
+	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 } 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<HTMLElement>, 'children'>, CommonProps, Omit<EuiTimelineItemIconProps, 'verticalAlign'>, Omit<EuiTimelineItemEventProps, 'verticalAlign'> {
+	    /**
+	     * Vertical alignment of the event with the icon
+	     */
+	    verticalAlign?: EuiTimelineItemVerticalAlign;
+	}
+	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>;
+
+}
+declare module '@elastic/eui/src/components/timeline' {
+	export type { EuiTimelineProps } from '@elastic/eui/src/components/timeline/timeline';
+	export { EuiTimeline } from '@elastic/eui/src/components/timeline/timeline';
+	export type { EuiTimelineItemProps, EuiTimelineItemVerticalAlign, } from '@elastic/eui/src/components/timeline/timeline_item';
+	export { EuiTimelineItem } from '@elastic/eui/src/components/timeline/timeline_item';
+	export { EuiTimelineItemEvent } from '@elastic/eui/src/components/timeline/timeline_item_event';
+	export { EuiTimelineItemIcon } from '@elastic/eui/src/components/timeline/timeline_item_icon';
+
+}
+declare module '@elastic/eui/src/components/comment_list/comment_event.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCommentEventStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiCommentEvent: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    update: import("@emotion/utils").SerializedStyles;
+	    custom: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiCommentEventHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiCommentEvent__header: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerPanel: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerMain: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerData: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerEventIcon: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerUsername: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerEvent: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerTimestamp: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerActions: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    hasEventColor: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiCommentEventBodyStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiCommentEvent__body: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    update: import("@emotion/utils").SerializedStyles;
+	    custom: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/comment_list/comment_event' {
 	import { FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { IconType } from '@elastic/eui/src/components/icon';
+	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
 	export interface EuiCommentEventProps extends CommonProps {
 	    /**
-	     * Author of the comment. Display a small icon or avatar with it if needed.
+	     * Author of the comment.
 	     */
 	    username: ReactNode;
 	    /**
@@ -9037,59 +9325,70 @@ declare module '@elastic/eui/src/components/comment_list/comment_event' {
 	    /**
 	     * Custom actions that the user can perform from the comment's header
 	     */
-	    actions?: ReactNode;
+	    actions?: ReactNode | ReactNode[];
 	    /**
-	     * Use "update" when the comment is primarily showing info about actions that the user or the system has performed (e.g. "user1 edited a case").
+	     * Accepts any ReactNode. Renders in a panel within the comment event.
 	     */
-	    type?: EuiCommentType;
-	} const typeToClassNameMap: {
-	    regular: string;
-	    update: string;
-	};
-	export const TYPES: ("regular" | "update")[];
-	export type EuiCommentType = keyof typeof typeToClassNameMap;
+	    children?: ReactNode;
+	    /**
+	     * Custom icon that shows before the username.
+	     */
+	    eventIcon?: IconType;
+	    /**
+	     * Specify an `aria-label` for the `eventIcon`.
+	     * If no `aria-label` is passed we assume the icon is purely decorative.
+	     */
+	    eventIconAriaLabel?: string;
+	    /**
+	     * Background color for the comment's header.
+	     */
+	    eventColor?: EuiPanelProps['color'];
+	}
 	export const EuiCommentEvent: FunctionComponent<EuiCommentEventProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/comment_list/comment_timeline' {
 	import { FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { IconType } from '@elastic/eui/src/components/icon';
+	import { EuiAvatarProps } from '@elastic/eui/src/components/avatar';
 	export interface EuiCommentTimelineProps extends CommonProps {
 	    /**
-	     * Main icon that accompanies the comment. The default is `user` for regular comments and `dot` for update comments. To customize, pass a `string` as an `EuiIcon['type']` or any `ReactNode`.
+	     * Main avatar that accompanies the comment. Should indicate who is the author of the comment.
+	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiAvatarProps['iconType']`.
+	     * If no `timelineAvatar` is passed, the `userAvatar` icon will be used as the avatar.
 	     */
-	    timelineIcon?: ReactNode | IconType;
-	    type?: EuiCommentType;
-	} const typeToClassNameMap: {
-	    regular: string;
-	    update: string;
-	};
-	export const TYPES: ("regular" | "update")[];
-	export type EuiCommentType = keyof typeof typeToClassNameMap;
+	    timelineAvatar?: ReactNode | EuiAvatarProps['iconType'];
+	    /**
+	     * Specify an `aria-label` and `title` for the `timelineAvatar` when passed as an `IconType` or when nothing is passed.
+	     * If no `timelineAvatarAriaLabel` is passed we assume the avatar is purely decorative.
+	     */
+	    timelineAvatarAriaLabel?: string;
+	}
 	export const EuiCommentTimeline: FunctionComponent<EuiCommentTimelineProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/comment_list/comment' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent } from 'react';
 	import { EuiCommentEventProps } from '@elastic/eui/src/components/comment_list/comment_event';
 	import { EuiCommentTimelineProps } from '@elastic/eui/src/components/comment_list/comment_timeline';
-	export interface EuiCommentProps extends HTMLAttributes<HTMLDivElement>, EuiCommentEventProps, EuiCommentTimelineProps {
+	export interface EuiCommentProps extends EuiCommentEventProps, EuiCommentTimelineProps {
 	}
 	export const EuiComment: FunctionComponent<EuiCommentProps>;
 
 }
 declare module '@elastic/eui/src/components/comment_list/comment_list' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { FunctionComponent } from 'react';
 	import { EuiCommentProps } from '@elastic/eui/src/components/comment_list/comment';
-	export type EuiCommentListProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
+	import { EuiTimelineProps } from '@elastic/eui/src/components/timeline';
+	export type EuiCommentListProps = Omit<EuiTimelineProps, 'items' | 'gutterSize'> & {
 	    /**
 	     * List of comments to render. See #EuiComment
 	     */
 	    comments?: EuiCommentProps[];
+	    /**
+	     * Sets the size of the vertical space between each comment
+	     */
+	    gutterSize?: EuiTimelineProps['gutterSize'];
 	};
 	export const EuiCommentList: FunctionComponent<EuiCommentListProps>;
 
@@ -9097,7 +9396,7 @@ declare module '@elastic/eui/src/components/comment_list/comment_list' {
 declare module '@elastic/eui/src/components/comment_list' {
 	export type { EuiCommentProps } from '@elastic/eui/src/components/comment_list/comment';
 	export { EuiComment } from '@elastic/eui/src/components/comment_list/comment';
-	export type { EuiCommentType } from '@elastic/eui/src/components/comment_list/comment_event';
+	export type { EuiCommentEventProps } from '@elastic/eui/src/components/comment_list/comment_event';
 	export { EuiCommentEvent } from '@elastic/eui/src/components/comment_list/comment_event';
 	export { EuiCommentTimeline } from '@elastic/eui/src/components/comment_list/comment_timeline';
 	export type { EuiCommentListProps } from '@elastic/eui/src/components/comment_list/comment_list';
@@ -9491,13 +9790,15 @@ declare module '@elastic/eui/src/components/datagrid/utils/sorting' {
 
 }
 declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
-	import { CSSProperties } from 'react';
-	import type { VariableSizeGrid as Grid } from 'react-window';
-	import { EuiDataGridStyleCellPaddings, EuiDataGridStyle, EuiDataGridRowHeightOption, EuiDataGridRowHeightsOptions, EuiDataGridColumn } from '@elastic/eui/src/components/datagrid/data_grid_types';
+	import { CSSProperties, MutableRefObject } from 'react';
+	import { EuiDataGridStyleCellPaddings, EuiDataGridStyle, EuiDataGridRowHeightOption, EuiDataGridRowHeightsOptions, EuiDataGridColumn, ImperativeGridApi } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	export const cellPaddingsMap: Record<EuiDataGridStyleCellPaddings, number>;
 	export const AUTO_HEIGHT = "auto";
 	export const DEFAULT_ROW_HEIGHT = 34;
 	export class RowHeightUtils {
+	    private gridRef;
+	    private rerenderGridBodyRef;
+	    constructor(gridRef: MutableRefObject<ImperativeGridApi | null>, rerenderGridBodyRef: MutableRefObject<(() => void) | null>);
 	    getRowHeightOption(rowIndex: number, rowHeightsOptions?: EuiDataGridRowHeightsOptions): EuiDataGridRowHeightOption | undefined;
 	    isRowHeightOverride(rowIndex: number, rowHeightsOptions?: EuiDataGridRowHeightsOptions): boolean;
 	    getCalculatedHeight(heightOption: EuiDataGridRowHeightOption, defaultHeight: number, rowIndex?: number, isRowHeightOverride?: boolean): number;
@@ -9517,24 +9818,20 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	     */
 	    private heightsCache;
 	    private timerId?;
-	    private grid?;
 	    private lastUpdatedRow;
-	    private rerenderGridBody;
 	    isAutoHeight(rowIndex: number, rowHeightsOptions?: EuiDataGridRowHeightsOptions): boolean;
 	    getRowHeight(rowIndex: number): number;
 	    setRowHeight(rowIndex: number, colId: string, height: number | undefined, visibleRowIndex: number): void;
 	    pruneHiddenColumnHeights(visibleColumns: EuiDataGridColumn[]): void;
 	    resetRow(visibleRowIndex: number): void;
 	    resetGrid(): void;
-	    setGrid(grid: Grid): void;
-	    setRerenderGridBody(rerenderGridBody: Function): void;
 	}
 	/**
 	 * Hook for instantiating RowHeightUtils, setting internal class vars,
 	 * and setting up various row-height-related side effects
 	 */
 	export const useRowHeightUtils: ({ gridRef, gridStyles, columns, rowHeightsOptions, }: {
-	    gridRef: Grid | null;
+	    gridRef: MutableRefObject<ImperativeGridApi | null>;
 	    gridStyles: EuiDataGridStyle;
 	    columns: EuiDataGridColumn[];
 	    rowHeightsOptions?: EuiDataGridRowHeightsOptions | undefined;
@@ -9551,7 +9848,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 }
 declare module '@elastic/eui/src/components/token/token_map' {
 	import { TokenProps } from '@elastic/eui/src/components/token/token';
-	export type EuiTokenMapType = 'tokenAnnotation' | 'tokenArray' | 'tokenBoolean' | 'tokenClass' | 'tokenConstant' | 'tokenElement' | 'tokenEnum' | 'tokenEnumMember' | 'tokenEvent' | 'tokenException' | 'tokenField' | 'tokenFile' | 'tokenFunction' | 'tokenInterface' | 'tokenKey' | 'tokenMethod' | 'tokenModule' | 'tokenNamespace' | 'tokenNull' | 'tokenNumber' | 'tokenObject' | 'tokenOperator' | 'tokenPackage' | 'tokenParameter' | 'tokenProperty' | 'tokenRepo' | 'tokenString' | 'tokenStruct' | 'tokenDate' | 'tokenIP' | 'tokenNested' | 'tokenAlias' | 'tokenShape' | 'tokenGeo' | 'tokenRange' | 'tokenSymbol' | 'tokenVariable' | 'tokenBinary' | 'tokenJoin' | 'tokenPercolator' | 'tokenFlattened' | 'tokenRankFeature' | 'tokenRankFeatures' | 'tokenKeyword' | 'tokenTag' | 'tokenCompletionSuggester' | 'tokenDenseVector' | 'tokenText' | 'tokenTokenCount' | 'tokenSearchType' | 'tokenHistogram';
+	export type EuiTokenMapType = 'tokenAlias' | 'tokenAnnotation' | 'tokenArray' | 'tokenBinary' | 'tokenBoolean' | 'tokenClass' | 'tokenCompletionSuggester' | 'tokenConstant' | 'tokenDate' | 'tokenDenseVector' | 'tokenElement' | 'tokenEnum' | 'tokenEnumMember' | 'tokenEvent' | 'tokenException' | 'tokenField' | 'tokenFile' | 'tokenFlattened' | 'tokenFunction' | 'tokenGeo' | 'tokenHistogram' | 'tokenInterface' | 'tokenIP' | 'tokenJoin' | 'tokenKey' | 'tokenKeyword' | 'tokenMethod' | 'tokenMetricCounter' | 'tokenMetricGauge' | 'tokenModule' | 'tokenNamespace' | 'tokenNested' | 'tokenNull' | 'tokenNumber' | 'tokenObject' | 'tokenOperator' | 'tokenPackage' | 'tokenParameter' | 'tokenPercolator' | 'tokenProperty' | 'tokenRange' | 'tokenRankFeature' | 'tokenRankFeatures' | 'tokenRepo' | 'tokenSearchType' | 'tokenShape' | 'tokenString' | 'tokenStruct' | 'tokenSymbol' | 'tokenTag' | 'tokenText' | 'tokenTokenCount' | 'tokenVariable';
 	/**
 	 * Most of the style combinations for tokens are semi-arbitrary. However, there was an effort
 	 * to use the square shape for more common token types like string and number. Reserving the
@@ -9614,7 +9911,7 @@ declare module '@elastic/eui/src/components/token' {
 
 }
 declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
-	import { ComponentType, JSXElementConstructor, ReactNode, HTMLAttributes, CSSProperties, ReactElement, AriaAttributes, MutableRefObject } from 'react';
+	import { ComponentType, JSXElementConstructor, ReactNode, HTMLAttributes, CSSProperties, ReactElement, AriaAttributes, MutableRefObject, Component } from 'react';
 	import { VariableSizeGridProps, VariableSizeGrid as Grid, GridOnItemsRenderedProps } from 'react-window';
 	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group';
 	import { EuiButtonEmpty, EuiButtonIcon } from '@elastic/eui/src/components/button';
@@ -9622,6 +9919,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	import { RowHeightUtils } from '@elastic/eui/src/components/datagrid/utils/row_heights';
 	import { IconType } from '@elastic/eui/src/components/icon';
 	import { EuiTokenProps } from '@elastic/eui/src/components/token';
+	export type ImperativeGridApi = Omit<Grid, keyof Component>;
 	export interface EuiDataGridToolbarProps {
 	    gridWidth: number;
 	    minSizeForControls?: number;
@@ -9913,6 +10211,14 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * Closes any currently open popovers in the data grid.
 	     */
 	    closeCellPopover: () => void;
+	    /**
+	     * Scrolls to a specified top and left offset.
+	     */
+	    scrollTo?: ImperativeGridApi['scrollTo'];
+	    /**
+	     * Scrolls to a specified rowIndex.
+	     */
+	    scrollToItem?: ImperativeGridApi['scrollToItem'];
 	}
 	export interface EuiDataGridColumnResizerProps {
 	    columnId: string;
@@ -10052,6 +10358,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    rowHeightsOptions?: EuiDataGridRowHeightsOptions;
 	    rowHeightUtils?: RowHeightUtils;
 	    rowManager?: EuiDataGridRowManager;
+	    pagination?: EuiDataGridPaginationProps;
 	}
 	export interface EuiDataGridCellState {
 	    cellProps: EuiDataGridSetCellProps;
@@ -10777,8 +11084,20 @@ declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_colum
 }
 declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_header_cell' {
 	import React, { FunctionComponent } from 'react';
-	import { EuiDataGridHeaderCellProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
+	import { EuiDataGridHeaderCellProps, EuiDataGridSorting } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	export const EuiDataGridHeaderCell: FunctionComponent<EuiDataGridHeaderCellProps>;
+	/**
+	 * Column sorting utility helpers
+	 */
+	export const useSortingUtils: ({ sorting, id, showColumnActions, }: {
+	    sorting?: EuiDataGridSorting | undefined;
+	    id: string;
+	    showColumnActions: boolean;
+	}) => {
+	    sortingArrow: JSX.Element | null;
+	    ariaSort: "ascending" | "descending" | undefined;
+	    sortingScreenReaderText: JSX.Element | null;
+	};
 	/**
 	 * Add keyboard arrow navigation to the cell actions popover
 	 * to match the UX of the rest of EuiDataGrid
@@ -11136,10 +11455,12 @@ declare module '@elastic/eui/src/components/datagrid/utils/data_grid_pagination'
 
 }
 declare module '@elastic/eui/src/components/datagrid/utils/ref' {
-	import { Ref } from 'react';
+	import { Ref, RefObject } from 'react';
+	import type { VariableSizeGrid } from 'react-window';
 	import { EuiDataGridRefProps, EuiDataGridProps, DataGridFocusContextShape, DataGridCellPopoverContextShape, DataGridSortingContextShape } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	interface Dependencies {
 	    ref: Ref<unknown>;
+	    gridRef: RefObject<VariableSizeGrid>;
 	    setIsFullScreen: EuiDataGridRefProps['setIsFullScreen'];
 	    focusContext: DataGridFocusContextShape;
 	    cellPopoverContext: DataGridCellPopoverContextShape;
@@ -11148,7 +11469,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/ref' {
 	    rowCount: number;
 	    visibleColCount: number;
 	}
-	export const useImperativeGridRef: ({ ref, setIsFullScreen, focusContext, cellPopoverContext, sortingContext: { sortedRowMap }, pagination, rowCount, visibleColCount, }: Dependencies) => void;
+	export const useImperativeGridRef: ({ ref, gridRef, setIsFullScreen, focusContext, cellPopoverContext, sortingContext: { sortedRowMap }, pagination, rowCount, visibleColCount, }: Dependencies) => void;
 	/**
 	 * Throw a digestible error if the consumer attempts to focus into an invalid
 	 * cell range, which should also stop the APIs from continuing
@@ -12596,10 +12917,18 @@ declare module '@elastic/eui/src/components/empty_prompt' {
 	export type { EuiEmptyPromptProps } from '@elastic/eui/src/components/empty_prompt/empty_prompt';
 	export { EuiEmptyPrompt } from '@elastic/eui/src/components/empty_prompt/empty_prompt';
 
+}
+declare module '@elastic/eui/src/components/error_boundary/error_boundary.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiErrorBoundaryStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiErrorBoundary: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/error_boundary/error_boundary' {
 	import React, { Component, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { WithEuiThemeProps } from '@elastic/eui/src/services';
 	interface EuiErrorBoundaryState {
 	    hasError: boolean;
 	    error?: string;
@@ -12609,12 +12938,13 @@ declare module '@elastic/eui/src/components/error_boundary/error_boundary' {
 	     * ReactNode to render as this component's content
 	     */
 	    children: ReactNode;
-	};
-	export class EuiErrorBoundary extends Component<EuiErrorBoundaryProps, EuiErrorBoundaryState> {
-	    constructor(props: EuiErrorBoundaryProps);
+	}; type EuiErrorBoundaryExtendedProps = EuiErrorBoundaryProps & WithEuiThemeProps;
+	export class _EuiErrorBoundary extends Component<EuiErrorBoundaryExtendedProps, EuiErrorBoundaryState> {
+	    constructor(props: EuiErrorBoundaryExtendedProps);
 	    componentDidCatch({ message, stack }: Error): void;
 	    render(): React.ReactNode;
 	}
+	export const EuiErrorBoundary: React.ForwardRefExoticComponent<Omit<EuiErrorBoundaryProps, "theme"> & React.RefAttributes<Omit<EuiErrorBoundaryProps, "theme">>>;
 	export {};
 
 }
@@ -13207,10 +13537,14 @@ declare module '@elastic/eui/src/components/health' {
 	export { EuiHealth } from '@elastic/eui/src/components/health/health';
 
 }
-declare module '@elastic/eui/src/components/image/image' {
-	import { FunctionComponent, ImgHTMLAttributes, ReactNode } from 'react';
-	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common'; type ImageSize = 's' | 'm' | 'l' | 'xl' | 'fullWidth' | 'original'; type Floats = 'left' | 'right'; type Margins = 's' | 'm' | 'l' | 'xl';
-	export const SIZES: string[]; type FullScreenIconColor = 'light' | 'dark'; type _EuiImageSrcOrUrl = ExclusiveUnion<{
+declare module '@elastic/eui/src/components/image/image_types' {
+	import { HTMLAttributes, ReactNode, ImgHTMLAttributes } from 'react';
+	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	export const SIZES: readonly ["s", "m", "l", "xl", "fullWidth", "original"];
+	export type EuiImageSize = typeof SIZES[number]; const FLOATS: readonly ["left", "right"];
+	export type EuiImageWrapperFloat = typeof FLOATS[number]; const MARGINS: readonly ["s", "m", "l", "xl"];
+	export type EuiImageWrapperMargin = typeof MARGINS[number];
+	export type EuiImageButtonIconColor = 'light' | 'dark'; type _EuiImageSrcOrUrl = ExclusiveUnion<{
 	    /**
 	     * Requires either `src` or `url` but defaults to using `src` if both are provided
 	     */
@@ -13218,27 +13552,34 @@ declare module '@elastic/eui/src/components/image/image' {
 	}, {
 	    url: string;
 	}>;
-	export type EuiImageProps = CommonProps & _EuiImageSrcOrUrl & Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & {
+	export type EuiImageProps = CommonProps & Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & _EuiImageSrcOrUrl & {
 	    /**
-	     * Separate from the caption is a title on the alt tag itself.
-	     * This one is required for accessibility.
+	     * Alt text should describe the image to aid screen reader users. See
+	     * https://webaim.org/techniques/alttext/ for a guide on writing
+	     * effective alt text.
+	     *
+	     * If no meaningful description exists, or if the image is adequately
+	     * described by the surrounding text, pass an empty string.
 	     */
 	    alt: string;
+	    /**
+	     * Provides a visible caption to the image
+	     */
+	    caption?: ReactNode;
 	    /**
 	     * Accepts `s` / `m` / `l` / `xl` / `original` / `fullWidth` / or a CSS size of `number` or `string`.
 	     * `fullWidth` will set the figure to stretch to 100% of its container.
 	     * `string` and `number` types will max both the width or height, whichever is greater.
 	     */
-	    size?: ImageSize | number | string;
+	    size?: EuiImageSize | number | string;
 	    /**
-	     * Changes the color of the icon that floats above the image when it can be clicked to fullscreen.
-	     * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.
+	     * Float the image to the left or right. Useful in large text blocks.
 	     */
-	    fullScreenIconColor?: FullScreenIconColor;
+	    float?: EuiImageWrapperFloat;
 	    /**
-	     * Provides the visible caption to the image
+	     * Margin around the image.
 	     */
-	    caption?: ReactNode;
+	    margin?: EuiImageWrapperMargin;
 	    /**
 	     * When set to `true` (default) will apply a slight shadow to the image
 	     */
@@ -13248,20 +13589,127 @@ declare module '@elastic/eui/src/components/image/image' {
 	     */
 	    allowFullScreen?: boolean;
 	    /**
-	     * Float the image to the left or right. Useful in large text blocks.
+	     * Changes the color of the icon that floats above the image when it can be clicked to fullscreen.
+	     * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.
 	     */
-	    float?: Floats;
+	    fullScreenIconColor?: EuiImageButtonIconColor;
 	    /**
-	     * Margin around the image.
+	     * Props to add to the wrapping figure element
 	     */
-	    margin?: Margins;
+	    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+	};
+	export type EuiImageWrapperProps = Pick<EuiImageProps, 'alt' | 'caption' | 'float' | 'margin' | 'hasShadow' | 'wrapperProps' | 'fullScreenIconColor' | 'allowFullScreen'> & {
+	    isFullWidth: boolean;
+	    setIsFullScreen: (isFullScreen: boolean) => void;
+	};
+	export type EuiImageButtonProps = Pick<EuiImageProps, 'hasShadow' | 'fullScreenIconColor'> & {
+	    hasAlt: boolean;
+	    onClick: () => void;
+	    onKeyDown?: (e: React.KeyboardEvent) => void;
+	    isFullWidth: boolean;
+	    isFullScreen?: boolean;
+	};
+	export type EuiImageCaptionProps = Pick<EuiImageProps, 'caption'> & {
+	    isOnOverlayMask?: boolean;
 	};
-	export const EuiImage: FunctionComponent<EuiImageProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/image/image_wrapper.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiImageWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiImageWrapper: import("@emotion/utils").SerializedStyles;
+	    allowFullScreen: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    fullWidth: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/image/image_button.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiImageButtonStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiImageButton: import("@emotion/utils").SerializedStyles;
+	    fullWidth: import("@emotion/utils").SerializedStyles;
+	    shadowHover: import("@emotion/utils").SerializedStyles;
+	    hasShadowHover: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiImageButtonIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiImageButton__icon: import("@emotion/utils").SerializedStyles;
+	    openFullScreen: import("@emotion/utils").SerializedStyles;
+	    closeFullScreen: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/image/image_button' {
+	import { FunctionComponent } from 'react';
+	import type { EuiImageButtonProps } from '@elastic/eui/src/components/image/image_types';
+	export const EuiImageButton: FunctionComponent<EuiImageButtonProps>;
+
+}
+declare module '@elastic/eui/src/components/image/image_caption.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiImageCaptionStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiImageCaption: import("@emotion/utils").SerializedStyles;
+	    isOnOverlayMask: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/image/image_caption' {
+	import React from 'react';
+	export const EuiImageCaption: React.ForwardRefExoticComponent<Pick<import ("@elastic/eui/src/components/image/image_types").EuiImageProps, "caption"> & {
+	    isOnOverlayMask?: boolean | undefined;
+	} & React.RefAttributes<HTMLDivElement>>;
+
+}
+declare module '@elastic/eui/src/components/image/image_wrapper' {
+	import { FunctionComponent } from 'react';
+	import type { EuiImageWrapperProps } from '@elastic/eui/src/components/image/image_types';
+	export const EuiImageWrapper: FunctionComponent<EuiImageWrapperProps>;
+
+}
+declare module '@elastic/eui/src/components/image/image.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiImageStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiImage: import("@emotion/utils").SerializedStyles;
+	    isFullScreen: import("@emotion/utils").SerializedStyles;
+	    hasShadow: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	    original: import("@emotion/utils").SerializedStyles;
+	    fullWidth: import("@emotion/utils").SerializedStyles;
+	    customSize: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/image/image_fullscreen_wrapper.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiImageFullscreenWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiImageFullscreenWrapper: import("@emotion/utils").SerializedStyles;
+	    fullWidth: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/image/image_fullscreen_wrapper' {
+	import { FunctionComponent } from 'react';
+	import type { EuiImageWrapperProps } from '@elastic/eui/src/components/image/image_types';
+	export const EuiImageFullScreenWrapper: FunctionComponent<EuiImageWrapperProps>;
+
+}
+declare module '@elastic/eui/src/components/image/image' {
+	import { FunctionComponent } from 'react';
+	import type { EuiImageProps } from '@elastic/eui/src/components/image/image_types';
+	export const EuiImage: FunctionComponent<EuiImageProps>;
+
 }
 declare module '@elastic/eui/src/components/image' {
-	export type { EuiImageProps } from '@elastic/eui/src/components/image/image';
+	export type { EuiImageProps } from '@elastic/eui/src/components/image/image_types';
 	export { EuiImage } from '@elastic/eui/src/components/image/image';
 
 }
@@ -15772,7 +16220,6 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	    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;
 	    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
@@ -17792,6 +18239,13 @@ declare module '@elastic/eui/src/components/basic_table' {
 	export type { Pagination } from '@elastic/eui/src/components/basic_table/pagination_bar';
 	export type { DefaultItemAction, CustomItemAction } from '@elastic/eui/src/components/basic_table/action_types';
 
+}
+declare module '@elastic/eui/src/components/text_diff/text_diff.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTextDiffStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTextDiff: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/text_diff/text_diff' {
 	import { HTMLAttributes, ElementType } from 'react';
@@ -17834,118 +18288,6 @@ declare module '@elastic/eui/src/components/text_diff' {
 	export type { EuiTextDiffProps } from '@elastic/eui/src/components/text_diff/text_diff';
 	export { useEuiTextDiff } from '@elastic/eui/src/components/text_diff/text_diff';
 
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item_event.styles' {
-	export const euiTimelineItemEventStyles: () => {
-	    euiTimelineItemEvent: import("@emotion/utils").SerializedStyles;
-	    top: import("@emotion/utils").SerializedStyles;
-	    center: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item_event' {
-	import { FunctionComponent, ReactNode } from 'react';
-	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
-	export interface EuiTimelineItemEventProps {
-	    /**
-	     * Accepts any node. But preferably `EuiPanel`
-	     */
-	    children: ReactNode;
-	    verticalAlign?: EuiTimelineItemVerticalAlign;
-	}
-	export const EuiTimelineItemEvent: FunctionComponent<EuiTimelineItemEventProps>;
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item_icon.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiTimelineItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiTimelineItemIcon: import("@emotion/utils").SerializedStyles;
-	    euiTimelineItemIcon__content: import("@emotion/utils").SerializedStyles;
-	    top: import("@emotion/utils").SerializedStyles;
-	    center: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item_icon' {
-	import { FunctionComponent, ReactNode } from 'react';
-	import { IconType } from '@elastic/eui/src/components/icon';
-	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
-	export interface EuiTimelineItemIconProps {
-	    /**
-	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiIcon['type']`.
-	     */
-	    icon: ReactNode | IconType;
-	    verticalAlign?: EuiTimelineItemVerticalAlign;
-	    /**
-	     * Specify an `aria-label` for the icon when passed as an `IconType`.
-	     * If no `aria-label` is passed we assume the icon is purely decorative.
-	     */
-	    iconAriaLabel?: string;
-	}
-	export const EuiTimelineItemIcon: FunctionComponent<EuiTimelineItemIconProps>;
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item.styles' {
-	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 } 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<HTMLElement>, 'children'>, CommonProps, Omit<EuiTimelineItemIconProps, 'verticalAlign'>, Omit<EuiTimelineItemEventProps, 'verticalAlign'> {
-	    /**
-	     * Vertical alignment of the event with the icon
-	     */
-	    verticalAlign?: EuiTimelineItemVerticalAlign;
-	}
-	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>;
-
-}
-declare module '@elastic/eui/src/components/timeline' {
-	export type { EuiTimelineProps } from '@elastic/eui/src/components/timeline/timeline';
-	export { EuiTimeline } from '@elastic/eui/src/components/timeline/timeline';
-	export type { EuiTimelineItemProps, EuiTimelineItemVerticalAlign, } from '@elastic/eui/src/components/timeline/timeline_item';
-	export { EuiTimelineItem } from '@elastic/eui/src/components/timeline/timeline_item';
-	export { EuiTimelineItemEvent } from '@elastic/eui/src/components/timeline/timeline_item_event';
-	export { EuiTimelineItemIcon } from '@elastic/eui/src/components/timeline/timeline_item_icon';
-
 }
 declare module '@elastic/eui/src/components/toast/toast' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
@@ -20456,7 +20798,7 @@ declare module '@elastic/eui/src/components/icon/assets/ip' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/keyboard_shortcut' {
+declare module '@elastic/eui/src/components/icon/assets/keyboard' {
 	import * as React from 'react';
 	interface SVGRProps {
 	    title?: string;
@@ -22515,6 +22857,26 @@ declare module '@elastic/eui/src/components/icon/assets/tokenMethod' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/tokenMetricCounter' {
+	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/components/icon/assets/tokenMetricGauge' {
+	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/components/icon/assets/tokenModule' {
 	import * as React from 'react';
@@ -23186,6 +23548,12 @@ declare module '@elastic/eui' {
 "euiColumnActions.moveRight": any;
 "euiColumnActions.sort": any;
 "euiDataGridHeaderCell.headerActions": any;
+"euiDataGridHeaderCell.sortedByAscendingSingle": any;
+"euiDataGridHeaderCell.sortedByDescendingSingle": any;
+"euiDataGridHeaderCell.sortedByAscendingFirst": any;
+"euiDataGridHeaderCell.sortedByDescendingFirst": any;
+"euiDataGridHeaderCell.sortedByAscendingMultiple": any;
+"euiDataGridHeaderCell.sortedByDescendingMultiple": any;
 "euiDataGridHeaderCell.actionsPopoverScreenReaderText": any;
 "euiColumnSelector.button": any;
 "euiColumnSelector.buttonActiveSingular": any;
@@ -23359,8 +23727,8 @@ declare module '@elastic/eui' {
 "euiSuperSelect.screenReaderAnnouncement": any;
 "euiHeaderLinks.openNavigationMenu": any;
 "euiHeaderLinks.appNavigation": any;
-"euiImage.closeImage": any;
-"euiImage.openImage": any;
+"euiImageButton.openFullScreen": any;
+"euiImageButton.closeFullScreen": any;
 "euiLink.newTarget.screenReaderOnlyText": any;
 "euiLink.external.ariaLabel": any;
 "euiPinnableListGroup.pinExtraActionLabel": any;