@elastic/eui 61.0.0 → 62.0.2

package/eui.d.ts

@@ -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" | "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" | "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" | "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" | "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" | "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" | "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
 	 */
@@ -4573,7 +4611,7 @@ declare module '@elastic/eui/src/components/portal/portal' {
 	 * NOTE: We can't test this component because Enzyme doesn't support rendering
 	 * into portals.
 	 */
-	import { Component, ReactNode } from 'react';
+	import { ReactNode } from 'react';
 	interface InsertPositionsMap {
 	    after: InsertPosition;
 	    before: InsertPosition;
@@ -4591,14 +4629,7 @@ declare module '@elastic/eui/src/components/portal/portal' {
 	    };
 	    portalRef?: (ref: HTMLDivElement | null) => void;
 	}
-	export class EuiPortal extends Component<EuiPortalProps> {
-	    portalNode: HTMLDivElement;
-	    constructor(props: EuiPortalProps);
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    updatePortalRef(ref: HTMLDivElement | null): void;
-	    render(): import("react").ReactPortal;
-	}
+	export const EuiPortal: React.FC<EuiPortalProps>;
 	export {};
 
 }
@@ -4892,17 +4923,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
 	     */
@@ -4933,7 +5050,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
 	     */
@@ -4946,11 +5063,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
@@ -4974,15 +5091,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,
@@ -5034,12 +5151,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;
@@ -5049,17 +5161,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>;
@@ -5068,10 +5178,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;
@@ -5079,7 +5187,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;
@@ -5128,6 +5235,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';
@@ -5143,39 +5255,53 @@ 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;
 
 }
 declare module '@elastic/eui/src/components/popover/wrapping_popover' {
-	import { Component } from 'react';
+	import { FunctionComponent } from 'react';
 	import { Props as EuiPopoverProps } from '@elastic/eui/src/components/popover/popover';
 	export interface EuiWrappingPopoverProps extends EuiPopoverProps {
 	    button: HTMLElement;
@@ -5185,15 +5311,7 @@ declare module '@elastic/eui/src/components/popover/wrapping_popover' {
 	 * then the button element is moved into the popover dom.
 	 * On unmount, the button is moved back to its original location.
 	 */
-	export class EuiWrappingPopover extends Component<EuiWrappingPopoverProps> {
-	    private portal;
-	    private anchor;
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    setPortalRef: (node: HTMLElement | null) => void;
-	    setAnchorRef: (node: HTMLElement | null) => void;
-	    render(): JSX.Element;
-	}
+	export const EuiWrappingPopover: FunctionComponent<EuiWrappingPopoverProps>;
 
 }
 declare module '@elastic/eui/src/components/popover' {
@@ -8592,12 +8710,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;
@@ -9152,16 +9270,14 @@ declare module '@elastic/eui/src/components/comment_list/comment_event.styles' {
 	};
 	export const euiCommentEventHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiCommentEvent__header: import("@emotion/utils").SerializedStyles;
-	    euiCommentEvent__headerPanel: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    hasEventColor: 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;
@@ -9180,7 +9296,7 @@ declare module '@elastic/eui/src/components/comment_list/comment_event' {
 	    /**
 	     * Author of the comment.
 	     */
-	    username: string;
+	    username: ReactNode;
 	    /**
 	     * Time of occurrence of the event. Its format is set on the consumer's side
 	     */
@@ -9218,13 +9334,18 @@ declare module '@elastic/eui/src/components/comment_list/comment_timeline' {
 	import { FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiAvatarProps } from '@elastic/eui/src/components/avatar';
-	import { EuiCommentEventProps } from '@elastic/eui/src/components/comment_list/comment_event';
 	export interface EuiCommentTimelineProps extends CommonProps {
 	    /**
-	     * Main icon that accompanies the comment. Should indicate who is the author of the comment. To customize, pass a `string` as an `EuiIcon['type']` or any `ReactNode`. If no icon is provided, it  will default to the `username`'s initials.
+	     * 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 | EuiAvatarProps['iconType'];
-	    username: EuiCommentEventProps['username'];
+	    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>;
 
@@ -9710,7 +9831,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
@@ -10946,8 +11067,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
@@ -12767,10 +12900,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;
@@ -12780,12 +12921,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 {};
 
 }
@@ -13378,10 +13520,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
 	     */
@@ -13389,27 +13535,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
 	     */
@@ -13419,20 +13572,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';
 
 }
@@ -15943,7 +16203,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;
@@ -17963,6 +18222,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';
@@ -22574,6 +22840,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';
@@ -23138,6 +23424,90 @@ declare module 'mdast-util-to-hast/lib/all' {
   const all: (h: H, node: Node) => Node[];
   export = all;
 }
+declare module '@elastic/eui/src/test/rtl/component_helpers' {
+	/**
+	 * Ensure the EuiPopover being tested is open/closed before contiuning
+	 * Note: Because EuiPopover is portalled, we want to query `document`
+	 * instead of the `container` returned by RTL's render()
+	 */
+	export const waitForEuiPopoverOpen: () => Promise<void>;
+	export const waitForEuiPopoverClose: () => Promise<void>;
+
+}
+declare module '@elastic/eui/src/test/rtl/data_test_subj_queries' {
+	import { queryHelpers, Matcher, MatcherOptions } from '@testing-library/react'; const queryAllByTestSubject: (container: HTMLElement, id: Matcher, options?: MatcherOptions | undefined) => HTMLElement[]; const queryByTestSubject: queryHelpers.QueryBy<[Matcher]>, getAllByTestSubject: queryHelpers.GetAllBy<[Matcher]>, getByTestSubject: queryHelpers.GetBy<[Matcher]>, findAllByTestSubject: queryHelpers.FindAllBy<[Matcher]>, findByTestSubject: queryHelpers.FindBy<[Matcher]>;
+	export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, };
+
+}
+declare module '@elastic/eui/src/test/rtl/custom_render' {
+	import { ReactElement } from 'react';
+	import { queries, RenderOptions, Screen } from '@testing-library/react';
+	import * as dataTestSubjQueries from '@elastic/eui/src/test/rtl/data_test_subj_queries'; const customRender: (ui: ReactElement, { queries: renderQueries, ...options }?: RenderOptions) => import("@testing-library/react").RenderResult<{
+	    getByLabelText: typeof queries.getByLabelText;
+	    getAllByLabelText: typeof queries.getAllByLabelText;
+	    queryByLabelText: typeof queries.queryByLabelText;
+	    queryAllByLabelText: typeof queries.queryAllByLabelText;
+	    findByLabelText: typeof queries.findByLabelText;
+	    findAllByLabelText: typeof queries.findAllByLabelText;
+	    getByPlaceholderText: typeof queries.getByPlaceholderText;
+	    getAllByPlaceholderText: typeof queries.getAllByPlaceholderText;
+	    queryByPlaceholderText: typeof queries.queryByPlaceholderText;
+	    queryAllByPlaceholderText: typeof queries.queryAllByPlaceholderText;
+	    findByPlaceholderText: typeof queries.findByPlaceholderText;
+	    findAllByPlaceholderText: typeof queries.findAllByPlaceholderText;
+	    getByText: typeof queries.getByText;
+	    getAllByText: typeof queries.getAllByText;
+	    queryByText: typeof queries.queryByText;
+	    queryAllByText: typeof queries.queryAllByText;
+	    findByText: typeof queries.findByText;
+	    findAllByText: typeof queries.findAllByText;
+	    getByAltText: typeof queries.getByAltText;
+	    getAllByAltText: typeof queries.getAllByAltText;
+	    queryByAltText: typeof queries.queryByAltText;
+	    queryAllByAltText: typeof queries.queryAllByAltText;
+	    findByAltText: typeof queries.findByAltText;
+	    findAllByAltText: typeof queries.findAllByAltText;
+	    getByTitle: typeof queries.getByTitle;
+	    getAllByTitle: typeof queries.getAllByTitle;
+	    queryByTitle: typeof queries.queryByTitle;
+	    queryAllByTitle: typeof queries.queryAllByTitle;
+	    findByTitle: typeof queries.findByTitle;
+	    findAllByTitle: typeof queries.findAllByTitle;
+	    getByDisplayValue: typeof queries.getByDisplayValue;
+	    getAllByDisplayValue: typeof queries.getAllByDisplayValue;
+	    queryByDisplayValue: typeof queries.queryByDisplayValue;
+	    queryAllByDisplayValue: typeof queries.queryAllByDisplayValue;
+	    findByDisplayValue: typeof queries.findByDisplayValue;
+	    findAllByDisplayValue: typeof queries.findAllByDisplayValue;
+	    getByRole: typeof queries.getByRole;
+	    getAllByRole: typeof queries.getAllByRole;
+	    queryByRole: typeof queries.queryByRole;
+	    queryAllByRole: typeof queries.queryAllByRole;
+	    findByRole: typeof queries.findByRole;
+	    findAllByRole: typeof queries.findAllByRole;
+	    getByTestId: typeof queries.getByTestId;
+	    getAllByTestId: typeof queries.getAllByTestId;
+	    queryByTestId: typeof queries.queryByTestId;
+	    queryAllByTestId: typeof queries.queryAllByTestId;
+	    findByTestId: typeof queries.findByTestId;
+	    findAllByTestId: typeof queries.findAllByTestId;
+	    queryByTestSubject: import("@testing-library/react").QueryBy<[import("@testing-library/react").Matcher]>;
+	    queryAllByTestSubject: (container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+	    getByTestSubject: import("@testing-library/react").GetBy<[import("@testing-library/react").Matcher]>;
+	    getAllByTestSubject: import("@testing-library/react").GetAllBy<[import("@testing-library/react").Matcher]>;
+	    findAllByTestSubject: import("@testing-library/react").FindAllBy<[import("@testing-library/react").Matcher]>;
+	    findByTestSubject: import("@testing-library/react").FindBy<[import("@testing-library/react").Matcher]>;
+	}, HTMLElement, HTMLElement>;
+	export { customRender as render }; const customScreen: Screen<typeof queries & typeof dataTestSubjQueries>;
+	export { customScreen as screen };
+
+}
+declare module '@elastic/eui/src/test/rtl' {
+	export * from '@elastic/eui/src/test/rtl/component_helpers';
+	export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, } from '@elastic/eui/src/test/rtl/data_test_subj_queries';
+	export { render, screen } from '@elastic/eui/src/test/rtl/custom_render';
+
+}
 declare module '@elastic/eui/src/components/table/mobile' {
 	export { EuiTableHeaderMobile } from '@elastic/eui/src/components/table/mobile/table_header_mobile';
 	export type { EuiTableSortMobileProps } from '@elastic/eui/src/components/table/mobile/table_sort_mobile';
@@ -23245,6 +23615,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;
@@ -23418,8 +23794,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;