@elastic/eui 67.1.2 → 69.0.0

package/eui.d.ts

@@ -959,6 +959,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    beaker: string;
 	    bell: string;
 	    bellSlash: string;
+	    beta: string;
 	    bolt: string;
 	    boxesHorizontal: string;
 	    boxesVertical: string;
@@ -1063,6 +1064,9 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    faceSad: string;
 	    filebeatApp: string;
 	    filter: string;
+	    filterExclude: string;
+	    filterIgnore: string;
+	    filterInclude: string;
 	    flag: string;
 	    fleetApp: string;
 	    fold: string;
@@ -1102,6 +1106,8 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    indexRollupApp: string;
 	    indexRuntime: string;
 	    indexSettings: string;
+	    indexTemporary: string;
+	    infinity: string;
 	    inputOutput: string;
 	    inspect: string;
 	    invert: string;
@@ -1114,6 +1120,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    kqlValue: string;
 	    kubernetesNode: string;
 	    kubernetesPod: string;
+	    launch: string;
 	    layers: string;
 	    lensApp: string;
 	    lettering: string;
@@ -1261,11 +1268,14 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    shard: string;
 	    share: string;
 	    snowflake: string;
+	    sortAscending: string;
+	    sortDescending: string;
 	    sortDown: string;
 	    sortLeft: string;
 	    sortRight: string;
 	    sortUp: string;
 	    sortable: string;
+	    spaces: string;
 	    spacesApp: string;
 	    sqlApp: string;
 	    starEmpty: string;
@@ -1447,7 +1457,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" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "alert" | "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" | "document" | "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" | "grid" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "list" | "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 const TYPES: ("string" | "number" | "function" | "link" | "menu" | "filter" | "image" | "stop" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "alert" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "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" | "document" | "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" | "filterExclude" | "filterIgnore" | "filterInclude" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "list" | "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" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "spaces" | "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;
@@ -1490,7 +1500,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" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "alert" | "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" | "document" | "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" | "grid" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "list" | "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 clearIconComponentCache: (iconType?: "string" | "number" | "function" | "link" | "menu" | "filter" | "image" | "stop" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "alert" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "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" | "document" | "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" | "filterExclude" | "filterIgnore" | "filterInclude" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "list" | "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" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "spaces" | "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;
@@ -2782,6 +2792,7 @@ declare module '@elastic/eui/src/components/text/text' {
 	    size?: TextSize;
 	    /**
 	     * Any of our named colors or a `hex`, `rgb` or `rgba` value.
+	     * @default inherit
 	     */
 	    color?: TextColor | CSSProperties['color'];
 	    grow?: boolean;
@@ -2797,118 +2808,175 @@ declare module '@elastic/eui/src/components/text' {
 	export type { EuiTextAlignProps } from '@elastic/eui/src/components/text/text_align';
 	export { EuiTextAlign } from '@elastic/eui/src/components/text/text_align';
 
+}
+declare module '@elastic/eui/src/components/flex/flex_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlexGroupStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFlexGroup: import("@emotion/utils").SerializedStyles;
+	    responsive: import("@emotion/utils").SerializedStyles;
+	    wrap: import("@emotion/utils").SerializedStyles;
+	    gutterSizes: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        xs: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	    justifyContent: {
+	        flexStart: import("@emotion/utils").SerializedStyles;
+	        flexEnd: import("@emotion/utils").SerializedStyles;
+	        spaceEvenly: import("@emotion/utils").SerializedStyles;
+	        spaceBetween: import("@emotion/utils").SerializedStyles;
+	        spaceAround: import("@emotion/utils").SerializedStyles;
+	        center: import("@emotion/utils").SerializedStyles;
+	    };
+	    alignItems: {
+	        stretch: import("@emotion/utils").SerializedStyles;
+	        flexStart: import("@emotion/utils").SerializedStyles;
+	        flexEnd: import("@emotion/utils").SerializedStyles;
+	        center: import("@emotion/utils").SerializedStyles;
+	        baseline: import("@emotion/utils").SerializedStyles;
+	    };
+	    direction: {
+	        row: import("@emotion/utils").SerializedStyles;
+	        rowReverse: import("@emotion/utils").SerializedStyles;
+	        column: import("@emotion/utils").SerializedStyles;
+	        columnReverse: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/flex/flex_group' {
 	import React, { HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type FlexGroupAlignItems = keyof typeof alignItemsToClassNameMap;
-	export type FlexGroupComponentType = 'div' | 'span';
-	export type FlexGroupDirection = keyof typeof directionToClassNameMap;
-	export type FlexGroupGutterSize = keyof typeof gutterSizeToClassNameMap;
-	export type FlexGroupJustifyContent = keyof typeof justifyContentToClassNameMap;
+	export const GUTTER_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
+	export type EuiFlexGroupGutterSize = typeof GUTTER_SIZES[number];
+	export const ALIGN_ITEMS: readonly ["stretch", "flexStart", "flexEnd", "center", "baseline"];
+	export type FlexGroupAlignItems = typeof ALIGN_ITEMS[number];
+	export const JUSTIFY_CONTENTS: readonly ["flexStart", "flexEnd", "center", "spaceBetween", "spaceAround", "spaceEvenly"]; type FlexGroupJustifyContent = typeof JUSTIFY_CONTENTS[number];
+	export const DIRECTIONS: readonly ["row", "rowReverse", "column", "columnReverse"]; type FlexGroupDirection = typeof DIRECTIONS[number]; type FlexGroupComponentType = 'div' | 'span';
 	export interface EuiFlexGroupProps extends CommonProps, HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
 	    alignItems?: FlexGroupAlignItems;
 	    component?: FlexGroupComponentType;
 	    direction?: FlexGroupDirection;
-	    gutterSize?: FlexGroupGutterSize;
+	    gutterSize?: EuiFlexGroupGutterSize;
 	    justifyContent?: FlexGroupJustifyContent;
 	    responsive?: boolean;
 	    wrap?: boolean;
-	} const gutterSizeToClassNameMap: {
-	    none: null;
-	    xs: string;
-	    s: string;
-	    m: string;
-	    l: string;
-	    xl: string;
-	};
-	export const GUTTER_SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
-	export type EuiFlexGroupGutterSize = keyof typeof gutterSizeToClassNameMap; const alignItemsToClassNameMap: {
-	    stretch: null;
-	    flexStart: string;
-	    flexEnd: string;
-	    center: string;
-	    baseline: string;
-	};
-	export const ALIGN_ITEMS: ("center" | "baseline" | "stretch" | "flexStart" | "flexEnd")[]; const justifyContentToClassNameMap: {
-	    flexStart: null;
-	    flexEnd: string;
-	    center: string;
-	    spaceBetween: string;
-	    spaceAround: string;
-	    spaceEvenly: string;
-	};
-	export const JUSTIFY_CONTENTS: ("center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly")[]; const directionToClassNameMap: {
-	    row: string;
-	    rowReverse: string;
-	    column: string;
-	    columnReverse: string;
-	};
-	export const DIRECTIONS: ("row" | "column" | "rowReverse" | "columnReverse")[];
+	}
 	export const EuiFlexGroup: React.ForwardRefExoticComponent<EuiFlexGroupProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/flex/flex_grid.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlexGridStyles: (euiThemeContext: UseEuiTheme, gridTemplateRows?: number) => {
+	    euiFlexGrid: import("@emotion/utils").SerializedStyles;
+	    responsive: import("@emotion/utils").SerializedStyles;
+	    direction: {
+	        row: import("@emotion/utils").SerializedStyles;
+	        column: import("@emotion/utils").SerializedStyles;
+	    };
+	    columnCount: {
+	        '1': import("@emotion/utils").SerializedStyles;
+	        '2': import("@emotion/utils").SerializedStyles;
+	        '3': import("@emotion/utils").SerializedStyles;
+	        '4': import("@emotion/utils").SerializedStyles;
+	    };
+	    gutterSizes: {
+	        none: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	    alignItems: {
+	        stretch: import("@emotion/utils").SerializedStyles;
+	        start: import("@emotion/utils").SerializedStyles;
+	        end: import("@emotion/utils").SerializedStyles;
+	        center: import("@emotion/utils").SerializedStyles;
+	        baseline: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/flex/flex_grid' {
-	import { HTMLAttributes, ReactNode, FunctionComponent } from 'react';
+	import { HTMLAttributes, ReactNode, FunctionComponent, ElementType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type FlexGridGutterSize = keyof typeof gutterSizeToClassNameMap;
-	export type FlexGridColumns = 0 | 1 | 2 | 3 | 4;
-	export type FlexGridDirection = keyof typeof directionToClassNameMap;
+	export const DIRECTIONS: readonly ["row", "column"];
+	export type FlexGridDirection = typeof DIRECTIONS[number];
+	export const ALIGN_ITEMS: readonly ["stretch", "start", "end", "center", "baseline"];
+	export type FlexGridAlignItems = typeof ALIGN_ITEMS[number];
+	export const GUTTER_SIZES: readonly ["none", "s", "m", "l", "xl"];
+	export type FlexGridGutterSize = typeof GUTTER_SIZES[number];
 	export interface EuiFlexGridProps {
 	    /**
 	     * ReactNode to render as this component's content
 	     */
 	    children?: ReactNode;
 	    /**
-	     * Number of columns `1-4`, pass `0` for normal display
+	     * Number of columns. Accepts `1-4`
 	     */
-	    columns?: FlexGridColumns;
+	    columns?: 1 | 2 | 3 | 4;
 	    /**
 	     * Flex layouts default to left-right then top-down (`row`).
 	     * Change this prop to `column` to create a top-down then left-right display.
-	     * Only works with column count of `1-4`.
 	     */
 	    direction?: FlexGridDirection;
+	    /**
+	     * Aligns grid items vertically
+	     */
+	    alignItems?: FlexGridAlignItems;
 	    /**
 	     * Space between flex items
 	     */
 	    gutterSize?: FlexGridGutterSize;
 	    /**
-	     * Force each item to be display block on smaller screens
+	     * Will display each item at full-width on smaller screens
 	     */
 	    responsive?: boolean;
 	    /**
 	     * The tag to render
+	     * @default div
 	     */
-	    component?: keyof JSX.IntrinsicElements;
-	} const directionToClassNameMap: {
-	    row: null;
-	    column: string;
-	};
-	export const DIRECTIONS: ("row" | "column")[]; const gutterSizeToClassNameMap: {
-	    none: string;
-	    s: string;
-	    m: string;
-	    l: string;
-	    xl: string;
-	};
-	export const GUTTER_SIZES: FlexGridGutterSize[];
-	export const COLUMNS: FlexGridColumns[];
+	    component?: ElementType;
+	}
 	export const EuiFlexGrid: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & EuiFlexGridProps>;
-	export {};
+
+}
+declare module '@elastic/eui/src/components/flex/flex_item.styles' {
+	export const euiFlexItemStyles: () => {
+	    euiFlexItem: import("@emotion/utils").SerializedStyles;
+	    growZero: import("@emotion/utils").SerializedStyles;
+	    grow: import("@emotion/utils").SerializedStyles;
+	    growSizes: {
+	        '1': import("@emotion/utils").SerializedStyles;
+	        '2': import("@emotion/utils").SerializedStyles;
+	        '3': import("@emotion/utils").SerializedStyles;
+	        '4': import("@emotion/utils").SerializedStyles;
+	        '5': import("@emotion/utils").SerializedStyles;
+	        '6': import("@emotion/utils").SerializedStyles;
+	        '7': import("@emotion/utils").SerializedStyles;
+	        '8': import("@emotion/utils").SerializedStyles;
+	        '9': import("@emotion/utils").SerializedStyles;
+	        '10': import("@emotion/utils").SerializedStyles;
+	    };
+	};
 
 }
 declare module '@elastic/eui/src/components/flex/flex_item' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { HTMLAttributes, FunctionComponent, ElementType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type FlexItemGrowSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | true | false | null;
 	export interface EuiFlexItemProps {
-	    grow?: FlexItemGrowSize;
-	    component?: keyof JSX.IntrinsicElements;
+	    grow?: boolean | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null;
+	    /**
+	     * @default div
+	     */
+	    component?: ElementType;
 	}
-	export const GROW_SIZES: FlexItemGrowSize[];
 	export const EuiFlexItem: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement | HTMLSpanElement> & EuiFlexItemProps>;
+	export const VALID_GROW_VALUES: readonly [null, undefined, true, false, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 
 }
 declare module '@elastic/eui/src/components/flex' {
@@ -2919,6 +2987,15 @@ declare module '@elastic/eui/src/components/flex' {
 	export type { EuiFlexItemProps } from '@elastic/eui/src/components/flex/flex_item';
 	export { EuiFlexItem } from '@elastic/eui/src/components/flex/flex_item';
 
+}
+declare module '@elastic/eui/src/components/form/eui_form_context' {
+	import React from 'react';
+	export interface FormContextValue {
+	    defaultFullWidth: boolean;
+	}
+	export const FormContext: React.Context<FormContextValue>;
+	export function useFormContext(): FormContextValue;
+
 }
 declare module '@elastic/eui/src/components/form/described_form_group/described_form_group' {
 	import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
@@ -2932,17 +3009,21 @@ declare module '@elastic/eui/src/components/form/described_form_group/described_
 	    children?: ReactNode;
 	    /**
 	     * Passed to `EuiFlexGroup`.
+	     * @default l
 	     */
 	    gutterSize?: EuiFlexGroupGutterSize;
 	    /**
 	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
 	     * Default max-width is 800px.
+	     * @default false
 	     */
 	    fullWidth?: boolean;
 	    /**
 	     * Width ratio of description column compared to field column.
 	     * Can be used in conjunction with `fullWidth` and
 	     * may require `fullWidth` to be applied to child elements.
+	     * @default half
 	     */
 	    ratio?: 'half' | 'third' | 'quarter';
 	    /**
@@ -2951,6 +3032,7 @@ declare module '@elastic/eui/src/components/form/described_form_group/described_
 	    title: EuiTitleProps['children'];
 	    /**
 	     * Adjust the visual `size` of the EuiTitle that wraps `title`.
+	     * @default xs
 	     */
 	    titleSize?: EuiTitleSize;
 	    /**
@@ -3063,6 +3145,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	import React, { Component, HTMLAttributes, ReactElement, ReactNode } from 'react';
 	import { EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context';
 	export { ICON_SIDES } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons'; type StringOrReactElement = string | ReactElement; type PrependAppendType = StringOrReactElement | StringOrReactElement[];
 	export type EuiFormControlLayoutProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
@@ -3078,6 +3161,11 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	    children?: ReactNode;
 	    icon?: EuiFormControlLayoutIconsProps['icon'];
 	    clear?: EuiFormControlLayoutIconsProps['clear'];
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    isLoading?: boolean;
 	    isDisabled?: boolean;
@@ -3095,6 +3183,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	    inputId?: string;
 	};
 	export class EuiFormControlLayout extends Component<EuiFormControlLayoutProps> {
+	    static contextType: React.Context<FormContextValue>;
 	    render(): JSX.Element;
 	    renderSideNode(side: 'append' | 'prepend', nodes?: PrependAppendType, inputId?: string): JSX.Element | JSX.Element[] | undefined;
 	    createFormLabel(side: 'append' | 'prepend', string: string, inputId?: string): JSX.Element;
@@ -3185,7 +3274,15 @@ declare module '@elastic/eui/src/components/form/field_number/field_number' {
 	export type EuiFieldNumberProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'readOnly' | 'step'> & CommonProps & {
 	    icon?: IconType;
 	    isInvalid?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
+	    /**
+	     * @default false
+	     */
 	    isLoading?: boolean;
 	    readOnly?: boolean;
 	    min?: number;
@@ -3214,6 +3311,7 @@ declare module '@elastic/eui/src/components/form/field_number/field_number' {
 	    controlOnly?: boolean;
 	    /**
 	     * when `true` creates a shorter height input
+	     * @default false
 	     */
 	    compressed?: boolean;
 	};
@@ -3232,6 +3330,11 @@ declare module '@elastic/eui/src/components/form/field_password/field_password'
 	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
 	export type EuiFieldPasswordProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> & CommonProps & {
 	    isInvalid?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    isLoading?: boolean;
 	    compressed?: boolean;
@@ -3251,6 +3354,7 @@ declare module '@elastic/eui/src/components/form/field_password/field_password'
 	     * Change the `type` of input for manually handling obfuscation.
 	     * The `dual` option adds the ability to toggle the obfuscation of the input by
 	     * adding an icon button as the first `append` element
+	     * @default password
 	     */
 	    type?: 'password' | 'text' | 'dual';
 	    /**
@@ -3279,15 +3383,21 @@ declare module '@elastic/eui/src/services/browser' {
 
 }
 declare module '@elastic/eui/src/components/form/field_search/field_search' {
-	import { Component, InputHTMLAttributes, KeyboardEvent } from 'react';
+	import React, { Component, InputHTMLAttributes, KeyboardEvent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context';
 	export interface EuiFieldSearchProps extends CommonProps, InputHTMLAttributes<HTMLInputElement> {
 	    name?: string;
 	    id?: string;
 	    placeholder?: string;
 	    value?: string;
 	    isInvalid?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    isLoading?: boolean;
 	    /**
@@ -3324,8 +3434,8 @@ declare module '@elastic/eui/src/components/form/field_search/field_search' {
 	    value: string;
 	}
 	export class EuiFieldSearch extends Component<EuiFieldSearchProps, EuiFieldSearchState> {
+	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
-	        fullWidth: boolean;
 	        isLoading: boolean;
 	        incremental: boolean;
 	        compressed: boolean;
@@ -3358,6 +3468,11 @@ declare module '@elastic/eui/src/components/form/field_text/field_text' {
 	export type EuiFieldTextProps = InputHTMLAttributes<HTMLInputElement> & CommonProps & {
 	    icon?: EuiFormControlLayoutProps['icon'];
 	    isInvalid?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    isLoading?: boolean;
 	    readOnly?: boolean;
@@ -3492,7 +3607,8 @@ declare module '@elastic/eui/src/components/progress' {
 }
 declare module '@elastic/eui/src/components/form/file_picker/file_picker' {
 	import React, { Component, InputHTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const displayToClassNameMap: {
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context'; const displayToClassNameMap: {
 	    default: null;
 	    large: string;
 	};
@@ -3520,12 +3636,18 @@ declare module '@elastic/eui/src/components/form/file_picker/file_picker' {
 	     * `large` for taller size
 	     */
 	    display?: EuiFilePickerDisplay;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    isInvalid?: boolean;
 	    isLoading?: boolean;
 	    disabled?: boolean;
 	}
 	export class EuiFilePicker extends Component<EuiFilePickerProps> {
+	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
 	        initialPromptText: JSX.Element;
 	        compressed: boolean;
@@ -3727,6 +3849,14 @@ declare module '@elastic/eui/src/components/form/form' {
 	     * Where to display the callout with the list of errors
 	     */
 	    invalidCallout?: 'above' | 'none';
+	    /**
+	     * When set to `true`, all the rows/controls in this form will
+	     * default to taking up 100% of the width of their continer. You
+	     * can specify `fullWidth={false}` on individual rows/controls to
+	     * disable this behavior for specific components.
+	     * @default false
+	     */
+	    fullWidth?: boolean;
 	};
 	export const EuiForm: React.ForwardRefExoticComponent<EuiFormProps & React.RefAttributes<HTMLElement>>;
 
@@ -3761,8 +3891,9 @@ declare module '@elastic/eui/src/services/objects' {
 
 }
 declare module '@elastic/eui/src/components/form/form_row/form_row' {
-	import { Component, HTMLAttributes, ReactElement, ReactNode } from 'react';
-	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common'; const displayToClassNameMap: {
+	import React, { Component, HTMLAttributes, ReactElement, ReactNode } from 'react';
+	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context'; const displayToClassNameMap: {
 	    row: null;
 	    rowCompressed: string;
 	    columnCompressed: string;
@@ -3787,6 +3918,11 @@ declare module '@elastic/eui/src/components/form/form_row/form_row' {
 	     */
 	    display?: EuiFormRowDisplayKeys;
 	    hasEmptyLabelSpace?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    /**
 	     * IDs of additional elements that should be part of children's `aria-describedby`
@@ -3829,10 +3965,10 @@ declare module '@elastic/eui/src/components/form/form_row/form_row' {
 	} & EuiFormRowCommonProps & Omit<HTMLAttributes<HTMLFieldSetElement>, 'disabled'>;
 	export type EuiFormRowProps = ExclusiveUnion<LabelProps, LegendProps>;
 	export class EuiFormRow extends Component<EuiFormRowProps, EuiFormRowState> {
+	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
 	        display: string;
 	        hasEmptyLabelSpace: boolean;
-	        fullWidth: boolean;
 	        describedByIds: never[];
 	        labelType: string;
 	        hasChildLabel: boolean;
@@ -4631,7 +4767,47 @@ declare module '@elastic/eui/src/components/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;
+	export const euiFormVariables: (euiThemeContext: UseEuiTheme) => {
+	    controlLayoutGroupInputHeight: string | undefined;
+	    controlLayoutGroupInputCompressedHeight: string | undefined;
+	    controlLayoutGroupInputCompressedBorderRadius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	    controlIconSize: {
+	        s: string;
+	        m: string;
+	        l: string;
+	        xl: string;
+	        xxl: string;
+	    };
+	    customControlDisabledIconColor: string;
+	    customControlBorderColor: string;
+	    backgroundColor: string;
+	    backgroundDisabledColor: string;
+	    backgroundReadOnlyColor: string;
+	    borderColor: string;
+	    borderDisabledColor: string;
+	    controlDisabledColor: string;
+	    controlBoxShadow: string;
+	    controlPlaceholderText: string;
+	    inputGroupLabelBackground: string;
+	    inputGroupBorder: string;
+	    maxWidth: string | undefined;
+	    controlHeight: string;
+	    controlCompressedHeight: string;
+	    controlPadding: string;
+	    controlCompressedPadding: string;
+	    controlBorderRadius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	    controlCompressedBorderRadius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	};
+	export const euiFormControlSize: (euiThemeContext: UseEuiTheme, options?: {
+	    height?: string;
+	    fullWidth?: boolean;
+	    compressed?: boolean;
+	    inGroup?: boolean;
+	}) => string;
+	export const euiCustomControl: (euiThemeContext: UseEuiTheme, options?: {
+	    type?: 'round' | 'square';
+	    size?: string;
+	}) => string;
 
 }
 declare module '@elastic/eui/src/components/popover/input_popover' {
@@ -4905,6 +5081,11 @@ declare module '@elastic/eui/src/components/form/range/range_wrapper' {
 	import React, { HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export interface EuiRangeWrapperProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    compressed?: boolean;
 	}
@@ -4918,9 +5099,15 @@ declare module '@elastic/eui/src/components/form/range/range' {
 	import { EuiRangeInputProps } from '@elastic/eui/src/components/form/range/range_input';
 	import { EuiRangeLevel } from '@elastic/eui/src/components/form/range/range_levels';
 	import { EuiRangeTick } from '@elastic/eui/src/components/form/range/range_ticks';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context';
 	export interface EuiRangeProps extends CommonProps, Omit<EuiRangeInputProps, 'onChange' | 'digitTolerance' | 'isLoading'> {
 	    compressed?: boolean;
 	    readOnly?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    id?: string;
 	    /**
@@ -4972,11 +5159,11 @@ declare module '@elastic/eui/src/components/form/range/range' {
 	    onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>, isValid: boolean) => void;
 	}
 	export class EuiRange extends Component<EuiRangeProps> {
+	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
 	        min: number;
 	        max: number;
 	        step: number;
-	        fullWidth: boolean;
 	        compressed: boolean;
 	        isLoading: boolean;
 	        showLabels: boolean;
@@ -5044,12 +5231,18 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	import { EuiRangeInputProps } from '@elastic/eui/src/components/form/range/range_input';
 	import { EuiRangeLevel } from '@elastic/eui/src/components/form/range/range_levels';
 	import { EuiRangeSliderProps } from '@elastic/eui/src/components/form/range/range_slider';
-	import { EuiRangeTick } from '@elastic/eui/src/components/form/range/range_ticks'; type ValueMember = number | string;
+	import { EuiRangeTick } from '@elastic/eui/src/components/form/range/range_ticks';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context'; type ValueMember = number | string;
 	export interface EuiDualRangeProps extends Omit<EuiRangeSliderProps, 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'isLoading'> {
 	    value: [ValueMember, ValueMember];
 	    onBlur?: (event: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLDivElement>) => void;
 	    onFocus?: (event: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLDivElement>) => void;
 	    onChange: (values: [ValueMember, ValueMember], isValid: boolean, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    isInvalid?: boolean;
 	    /**
@@ -5101,11 +5294,11 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    isLoading?: boolean;
 	}
 	export class EuiDualRange extends Component<EuiDualRangeProps> {
+	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
 	        min: number;
 	        max: number;
 	        step: number;
-	        fullWidth: boolean;
 	        compressed: boolean;
 	        isLoading: boolean;
 	        showLabels: boolean;
@@ -5180,18 +5373,28 @@ declare module '@elastic/eui/src/components/form/select/select' {
 	    text: React.ReactNode;
 	}
 	export type EuiSelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'value'> & CommonProps & {
+	    /**
+	     * @default []
+	     */
 	    options?: EuiSelectOption[];
 	    isInvalid?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    isLoading?: boolean;
 	    /**
 	     * Simulates no selection by creating an empty, selected, hidden first option
+	     * @default false
 	     */
 	    hasNoInitialSelection?: boolean;
 	    inputRef?: Ref<HTMLSelectElement>;
 	    value?: string | number;
 	    /**
 	     * when `true` creates a shorter height input
+	     * @default false
 	     */
 	    compressed?: boolean;
 	    /**
@@ -5225,9 +5428,23 @@ declare module '@elastic/eui/src/components/form/super_select/super_select_contr
 	    'data-test-subj'?: string;
 	}
 	export interface EuiSuperSelectControlProps<T> extends CommonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
+	    /**
+	     * @default false
+	     */
 	    compressed?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
+	    /**
+	     * @default false
+	     */
 	    isInvalid?: boolean;
+	    /**
+	     * @default false
+	     */
 	    isLoading?: boolean;
 	    readOnly?: boolean;
 	    name?: string;
@@ -5830,10 +6047,16 @@ declare module '@elastic/eui/src/components/form/text_area/text_area' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export type EuiTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & CommonProps & {
 	    isInvalid?: boolean;
+	    /**
+	     * Expand to fill 100% of the parent.
+	     * Defaults to `fullWidth` prop of `<EuiForm>`.
+	     * @default false
+	     */
 	    fullWidth?: boolean;
 	    compressed?: boolean;
 	    /**
 	     * Which direction, if at all, should the textarea resize
+	     * @default vertical
 	     */
 	    resize?: keyof typeof resizeToClassNameMap;
 	    inputRef?: Ref<HTMLTextAreaElement>;
@@ -6043,7 +6266,7 @@ declare module '@elastic/eui/src/components/color_picker/color_picker' {
 
 }
 declare module '@elastic/eui/src/components/color_picker/color_stops/color_stop_thumb' {
-	import { FunctionComponent } from 'react';
+	import { FunctionComponent, CSSProperties } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiColorPickerProps } from '@elastic/eui/src/components/color_picker/color_picker';
 	import { EuiFieldNumberProps } from '@elastic/eui/src/components/form';
@@ -6075,6 +6298,7 @@ declare module '@elastic/eui/src/components/color_picker/color_stops/color_stop_
 	    closePopover: () => void;
 	    'data-index'?: string;
 	    'aria-valuetext'?: string;
+	    style?: CSSProperties;
 	    valueInputProps?: Partial<EuiFieldNumberProps>;
 	}
 	export const EuiColorStopThumb: FunctionComponent<EuiColorStopThumbProps>;
@@ -6187,6 +6411,12 @@ declare module '@elastic/eui/src/services/color/manipulation' {
 	 * @param color
 	 */
 	export const lightness: (color: string) => number;
+	/**
+	 * Returns the darken value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const darken: (color: string, amount: number) => string;
 
 }
 declare module '@elastic/eui/src/services/color/contrast' {
@@ -7103,7 +7333,7 @@ declare module '@elastic/eui/src/services' {
 	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
 	export { useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, } from '@elastic/eui/src/services/breakpoint';
 	export type { HSV } from '@elastic/eui/src/services/color';
-	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor, wcagContrastMin, } from '@elastic/eui/src/services/color';
+	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, darken, makeHighContrastColor, makeDisabledContrastColor, wcagContrastMin, } from '@elastic/eui/src/services/color';
 	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
 	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
 	export * from '@elastic/eui/src/services/console';
@@ -7407,7 +7637,7 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link.st
 declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
 	import { FunctionComponent, Ref } from 'react';
 	import { EuiButtonProps } from '@elastic/eui/src/components/button/button';
-	import { PropsForAnchor, PropsForButton, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { PropsForAnchor } from '@elastic/eui/src/components/common';
 	export const POSITIONS: readonly ["static", "fixed", "absolute"]; type Positions = typeof POSITIONS[number];
 	interface EuiSkipLinkInterface extends EuiButtonProps {
 	    /**
@@ -7420,6 +7650,12 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
 	     * will be prepended with a hash `#` and used as the link `href`
 	     */
 	    destinationId: string;
+	    /**
+	     * If no destination ID element exists or can be found, you may provide a string of
+	     * query selectors to fall back to (e.g. a `main` or `role="main"` element)
+	     * @default main
+	     */
+	    fallbackDestination?: string;
 	    /**
 	     * If default HTML anchor link behavior is not desired (e.g. for SPAs with hash routing),
 	     * setting this flag to true will manually scroll to and focus the destination element
@@ -7430,12 +7666,10 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
 	     * When position is fixed, this is forced to `0`
 	     */
 	    tabIndex?: number;
-	} type propsForAnchor = PropsForAnchor<EuiSkipLinkInterface, {
+	}
+	export type EuiSkipLinkProps = PropsForAnchor<EuiSkipLinkInterface, {
 	    buttonRef?: Ref<HTMLAnchorElement>;
-	}>; type propsForButton = PropsForButton<EuiSkipLinkInterface, {
-	    buttonRef?: Ref<HTMLButtonElement>;
 	}>;
-	export type EuiSkipLinkProps = ExclusiveUnion<propsForAnchor, propsForButton>;
 	export const EuiSkipLink: FunctionComponent<EuiSkipLinkProps>;
 	export {};
 
@@ -7813,23 +8047,40 @@ declare module '@elastic/eui/src/components/badge/badge' {
 	export const EuiBadge: FunctionComponent<EuiBadgeProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiBetaBadgeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiBetaBadge: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    hollow: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    badgeSizes: {
+	        default: {
+	            m: string;
+	            s: string;
+	        };
+	        circle: {
+	            m: string;
+	            s: string;
+	        };
+	    };
+	    euiBetaBadge__icon: import("@emotion/utils").SerializedStyles;
+	};
+	export const getBadgeColors: (backgroundColor: string, { euiTheme }: UseEuiTheme) => string;
+
 }
 declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge' {
 	import { AriaAttributes, FunctionComponent, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	import { EuiToolTipProps, ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
-	import { IconType } from '@elastic/eui/src/components/icon'; const colorToClassMap: {
-	    accent: string;
-	    subdued: string;
-	    hollow: string;
-	};
-	export const COLORS: BetaBadgeColor[];
-	export type BetaBadgeColor = keyof typeof colorToClassMap;
-	export type BetaBadgeSize = 's' | 'm';
-	export const sizeToClassMap: {
-	    [size in BetaBadgeSize]: string | null;
-	};
-	export const SIZES: BetaBadgeSize[]; type WithButtonProps = {
+	import { IconType } from '@elastic/eui/src/components/icon';
+	export const COLORS: readonly ["accent", "subdued", "hollow"];
+	export type BetaBadgeColor = typeof COLORS[number];
+	export const SIZES: readonly ["s", "m"];
+	export type BetaBadgeSize = typeof SIZES[number]; type WithButtonProps = {
 	    /**
 	     * Will apply an onclick to the badge itself
 	     */
@@ -7896,20 +8147,25 @@ declare module '@elastic/eui/src/components/badge/beta_badge' {
 	export type { EuiBetaBadgeProps } from '@elastic/eui/src/components/badge/beta_badge/beta_badge';
 	export { EuiBetaBadge } from '@elastic/eui/src/components/badge/beta_badge/beta_badge';
 
+}
+declare module '@elastic/eui/src/components/badge/notification_badge/badge_notification.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiNotificationBadgeStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiNotificationBadge: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/badge/notification_badge/badge_notification' {
 	import { HTMLAttributes, ReactNode, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const colorToClassMap: {
-	    accent: null;
-	    subdued: string;
-	};
-	export const COLORS: BadgeNotificationColor[];
-	export type BadgeNotificationColor = keyof typeof colorToClassMap; const sizeToClassNameMap: {
-	    s: null;
-	    m: string;
-	};
-	export const SIZES: BadgeNotificationSize[];
-	export type BadgeNotificationSize = keyof typeof sizeToClassNameMap;
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const COLORS: readonly ["accent", "subdued"];
+	export type BadgeNotificationColor = typeof COLORS[number];
+	export const SIZES: readonly ["s", "m"];
+	export type BadgeNotificationSize = typeof SIZES[number];
 	export interface EuiNotificationBadgeProps extends CommonProps, Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
 	    /**
 	     * ReactNode to render as this component's content
@@ -7919,30 +8175,34 @@ declare module '@elastic/eui/src/components/badge/notification_badge/badge_notif
 	    color?: BadgeNotificationColor;
 	}
 	export const EuiNotificationBadge: FunctionComponent<EuiNotificationBadgeProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/badge/notification_badge' {
 	export type { EuiNotificationBadgeProps } from '@elastic/eui/src/components/badge/notification_badge/badge_notification';
 	export { EuiNotificationBadge } from '@elastic/eui/src/components/badge/notification_badge/badge_notification';
 
+}
+declare module '@elastic/eui/src/components/badge/badge_group/badge_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiBadgeGroupStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiBadgeGroup: import("@emotion/utils").SerializedStyles;
+	    none: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/badge/badge_group/badge_group' {
 	import React, { ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const gutterSizeToClassNameMap: {
-	    none: null;
-	    xs: string;
-	    s: string;
-	};
-	export const GUTTER_SIZES: ("s" | "xs" | "none")[]; type BadgeGroupGutterSize = keyof typeof gutterSizeToClassNameMap;
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const GUTTER_SIZES: readonly ["none", "xs", "s"]; type BadgeGroupGutterSize = typeof GUTTER_SIZES[number];
 	export interface EuiBadgeGroupProps {
 	    /**
 	     * Space between badges
 	     */
 	    gutterSize?: BadgeGroupGutterSize;
 	    /**
-	     * Should be a list of EuiBadge's but can also be any other element
-	     * Will apply an extra class to add spacing
+	     * Should be a list of `EuiBadge`s, but can also be any other element
 	     */
 	    children?: ReactNode;
 	}
@@ -8166,6 +8426,7 @@ declare module '@elastic/eui/src/components/breadcrumbs/breadcrumb' {
 	    isLastBreadcrumb?: boolean;
 	    isOnlyBreadcrumb?: boolean;
 	    highlightLastBreadcrumb?: boolean;
+	    truncateLastBreadcrumb?: boolean;
 	} & Pick<EuiBreadcrumbProps, 'truncate'>;
 	export const EuiBreadcrumb: FunctionComponent<HTMLAttributes<HTMLLIElement> & _EuiBreadcrumbProps>;
 	export const EuiBreadcrumbContent: FunctionComponent<EuiBreadcrumbProps & _EuiBreadcrumbProps>;
@@ -8733,6 +8994,8 @@ declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav_grou
 }
 declare module '@elastic/eui/src/components/flyout/flyout.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlyoutSlideInRight: import("@emotion/serialize").Keyframes;
+	export const euiFlyoutSlideInLeft: import("@emotion/serialize").Keyframes;
 	export const euiFlyoutCloseButtonStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiFlyout__closeButton: import("@emotion/utils").SerializedStyles;
 	    inside: import("@emotion/utils").SerializedStyles;
@@ -8940,6 +9203,7 @@ declare module '@elastic/eui/src/components/flyout' {
 	export { EuiFlyoutFooter } from '@elastic/eui/src/components/flyout/flyout_footer';
 	export type { EuiFlyoutHeaderProps } from '@elastic/eui/src/components/flyout/flyout_header';
 	export { EuiFlyoutHeader } from '@elastic/eui/src/components/flyout/flyout_header';
+	export { euiFlyoutSlideInRight, euiFlyoutSlideInLeft } from '@elastic/eui/src/components/flyout/flyout.styles';
 
 }
 declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav' {
@@ -9272,7 +9536,12 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	     */
 	    customOptionText?: string;
 	    fullWidth?: boolean;
-	    getSelectedOptionForSearchValue?: (searchValue: string, selectedOptions: any[]) => EuiComboBoxOptionOption<T> | undefined;
+	    getSelectedOptionForSearchValue?: (params: {
+	        isCaseSensitive?: boolean;
+	        searchValue: string;
+	        selectedOptions: any[];
+	    }) => EuiComboBoxOptionOption<T> | undefined;
+	    isCaseSensitive?: boolean;
 	    isLoading?: boolean;
 	    listRef: RefCallback<HTMLDivElement>;
 	    matchingOptions: Array<EuiComboBoxOptionOption<T>>;
@@ -9306,6 +9575,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	    static defaultProps: {
 	        'data-test-subj': string;
 	        rowHeight: number;
+	        isCaseSensitive: boolean;
 	    };
 	    updatePosition: () => void;
 	    componentDidMount(): void;
@@ -9351,9 +9621,24 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list' {
 }
 declare module '@elastic/eui/src/components/combo_box/matching_options' {
 	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
+	export type SortMatchesBy = 'none' | 'startsWith';
+	interface GetMatchingOptions<T> {
+	    options: Array<EuiComboBoxOptionOption<T>>;
+	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
+	    searchValue: string;
+	    isCaseSensitive?: boolean;
+	    isPreFiltered?: boolean;
+	    showPrevSelected?: boolean;
+	    sortMatchesBy?: SortMatchesBy;
+	}
+	interface GetSelectedOptionForSearchValue<T> extends Pick<GetMatchingOptions<T>, 'isCaseSensitive' | 'searchValue' | 'selectedOptions'> {
+	    optionKey?: string;
+	}
+	export const transformForCaseSensitivity: (string: string, isCaseSensitive?: boolean | undefined) => string;
 	export const flattenOptionGroups: <T>(optionsOrGroups: EuiComboBoxOptionOption<T>[]) => EuiComboBoxOptionOption<T>[];
-	export const getSelectedOptionForSearchValue: <T>(searchValue: string, selectedOptions: EuiComboBoxOptionOption<T>[], optionKey?: string | undefined) => EuiComboBoxOptionOption<T> | undefined;
-	export const getMatchingOptions: <T>(options: EuiComboBoxOptionOption<T>[], selectedOptions: EuiComboBoxOptionOption<T>[], searchValue: string, isPreFiltered: boolean, showPrevSelected: boolean, sortMatchesBy: string) => EuiComboBoxOptionOption<T>[];
+	export const getSelectedOptionForSearchValue: <T>({ isCaseSensitive, searchValue, selectedOptions, optionKey, }: GetSelectedOptionForSearchValue<T>) => EuiComboBoxOptionOption<T> | undefined;
+	export const getMatchingOptions: <T>({ options, selectedOptions, searchValue, isCaseSensitive, isPreFiltered, showPrevSelected, sortMatchesBy, }: GetMatchingOptions<T>) => EuiComboBoxOptionOption<T>[];
+	export {};
 
 }
 declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill' {
@@ -9503,6 +9788,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	 * from the tab order with tabindex={-1} so that we can control the keyboard navigation interface.
 	 */
 	import { Component, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, RefCallback } from 'react';
+	import { SortMatchesBy } from '@elastic/eui/src/components/combo_box/matching_options';
 	import { EuiComboBoxInputProps } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input';
 	import { EuiComboBoxOptionsListProps } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list';
 	import { UpdatePositionHandler, OptionHandler, RefInstance, EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape } from '@elastic/eui/src/components/combo_box/types';
@@ -9572,7 +9858,11 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	     * `startsWith`: moves items that start with search value to top of the list;
 	     * `none`: don't change the sort order of initial object
 	     */
-	    sortMatchesBy: 'none' | 'startsWith';
+	    sortMatchesBy: SortMatchesBy;
+	    /**
+	     * Whether to match options with case sensitivity.
+	     */
+	    isCaseSensitive?: boolean;
 	    /**
 	     * Creates an input group with element(s) coming before input. It won't show if `singleSelection` is set to `false`.
 	     * `string` | `ReactElement` or an array of these
@@ -10081,24 +10371,95 @@ declare module '@elastic/eui/src/components/control_bar' {
 	export type { EuiControlBarProps } from '@elastic/eui/src/components/control_bar/control_bar';
 	export { EuiControlBar } from '@elastic/eui/src/components/control_bar/control_bar';
 
+}
+declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
+	    euiListGroupItemExtraAction: import("@emotion/utils").SerializedStyles;
+	    hoverStyles: import("@emotion/utils").SerializedStyles;
+	    alwaysShow: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action' {
+	import { FunctionComponent } from 'react';
+	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
+	export type EuiListGroupItemExtraActionProps = {
+	    alwaysShow?: boolean;
+	} & EuiButtonIconPropsForButton; type _FromEuiListGroupItem = {
+	    parentIsDisabled?: boolean;
+	};
+	export const EuiListGroupItemExtraAction: FunctionComponent<EuiListGroupItemExtraActionProps & _FromEuiListGroupItem>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/list_group/list_group_item.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupItemStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroupItem: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    colors: {
+	        isActive: {
+	            primary: import("@emotion/utils").SerializedStyles;
+	            text: import("@emotion/utils").SerializedStyles;
+	            subdued: import("@emotion/utils").SerializedStyles;
+	        };
+	        isClickable: {
+	            primary: import("@emotion/utils").SerializedStyles;
+	            text: import("@emotion/utils").SerializedStyles;
+	            subdued: import("@emotion/utils").SerializedStyles;
+	        };
+	    };
+	};
+	export const euiListGroupItemInnerStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroupItem__inner: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    text: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    ghost: import("@emotion/utils").SerializedStyles;
+	    isDisabled: import("@emotion/utils").SerializedStyles;
+	    isActive: import("@emotion/utils").SerializedStyles;
+	    isClickable: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiListGroupItemLabelStyles: () => {
+	    euiListGroupItem__label: import("@emotion/utils").SerializedStyles;
+	    truncate: import("@emotion/utils").SerializedStyles;
+	    wrapText: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiListGroupItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiListGroupItem__icon: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiListGroupItemTooltipStyles: () => {
+	    euiListGroupItem__tooltip: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	import React, { HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, FunctionComponent } from 'react';
-	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
 	import { IconType, EuiIconProps } from '@elastic/eui/src/components/icon';
-	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common'; type ItemSize = 'xs' | 's' | 'm' | 'l';
-	export const SIZES: ItemSize[]; type Color = 'inherit' | 'primary' | 'text' | 'subdued' | 'ghost';
-	export const COLORS: Color[];
+	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
+	export const SIZES: readonly ["xs", "s", "m", "l"];
+	export type EuiListGroupItemSize = typeof SIZES[number];
+	export const COLORS: readonly ["primary", "text", "subdued"];
+	export type EuiListGroupItemColor = typeof COLORS[number];
 	export type EuiListGroupItemProps = CommonProps & Omit<ExclusiveUnion<ExclusiveUnion<ButtonHTMLAttributes<HTMLButtonElement>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>, HTMLAttributes<HTMLSpanElement>>, 'onClick' | 'color' | 'target' | 'rel'> & {
 	    /**
 	     * Size of the label text
 	     */
-	    size?: ItemSize;
+	    size?: EuiListGroupItemSize;
 	    /**
-	     * By default the item will inherit the color of its wrapper (button/link/span),
-	     * otherwise pass one of the acceptable options
+	     * By default the item will get the color `text`.
+	     * You can customize the color of the item by passing a color name.
 	     */
-	    color?: Color;
+	    color?: EuiListGroupItemColor;
 	    /**
 	     * Content to be displayed in the list item
 	     */
@@ -10136,12 +10497,11 @@ declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	     */
 	    showToolTip?: boolean;
 	    /**
+	     * An object of #EuiListGroupItemExtraAction props.
 	     * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
 	     * pass `alwaysShow` if you don't want the default behavior of only showing on hover
 	     */
-	    extraAction?: EuiButtonIconPropsForButton & {
-	        alwaysShow?: boolean;
-	    };
+	    extraAction?: EuiListGroupItemExtraActionProps;
 	    /**
 	     * Make the list item label a button.
 	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -10163,14 +10523,27 @@ declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	    toolTipText?: string;
 	};
 	export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
-	export {};
+
+}
+declare module '@elastic/eui/src/components/list_group/list_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroup: import("@emotion/utils").SerializedStyles;
+	    flush: import("@emotion/utils").SerializedStyles;
+	    bordered: import("@emotion/utils").SerializedStyles;
+	    maxWidthDefault: import("@emotion/utils").SerializedStyles;
+	    none: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/components/list_group/list_group' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
 	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
-	import { CommonProps } from '@elastic/eui/src/components/common'; type GutterSize = 'none' | 's' | 'm';
-	export const GUTTER_SIZES: GutterSize[];
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const GUTTER_SIZES: readonly ["none", "s", "m"];
+	export type EuiListGroupGutterSize = typeof GUTTER_SIZES[number];
 	export type EuiListGroupProps = CommonProps & Omit<HTMLAttributes<HTMLUListElement>, 'color'> & {
 	    /**
 	     * Add a border to the list container
@@ -10183,27 +10556,28 @@ declare module '@elastic/eui/src/components/list_group/list_group' {
 	    /**
 	     * Spacing between list items
 	     */
-	    gutterSize?: GutterSize;
+	    gutterSize?: EuiListGroupGutterSize;
 	    /**
 	     * Items to display in this group. See #EuiListGroupItem
 	     */
 	    listItems?: EuiListGroupItemProps[];
 	    /**
 	     * Change the colors of all `listItems` at once
+	     * @default text
 	     */
 	    color?: EuiListGroupItemProps['color'];
 	    /**
 	     * Change the size of all `listItems` at once
+	     * @default m
 	     */
 	    size?: EuiListGroupItemProps['size'];
 	    /**
-	     * Sets the max-width of the page,
-	     * set to `true` to use the default size,
+	     * Sets the max-width of the page.
+	     * Set to `true` to use the default size,
 	     * set to `false` to not restrict the width,
-	     * set to a number for a custom width in px,
-	     * set to a string for a custom width in custom measurement.
+	     * or set to a number/string for a custom CSS width/measurement.
 	     */
-	    maxWidth?: boolean | number | string;
+	    maxWidth?: boolean | CSSProperties['maxWidth'];
 	    /**
 	     * Display tooltips on all list items
 	     */
@@ -10215,7 +10589,14 @@ declare module '@elastic/eui/src/components/list_group/list_group' {
 	    ariaLabelledby?: string;
 	};
 	export const EuiListGroup: FunctionComponent<EuiListGroupProps>;
-	export {};
+
+}
+declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPinnableListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
+	    euiPinnableListGroup__itemExtraAction: import("@emotion/utils").SerializedStyles;
+	    pinned: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group' {
@@ -10270,6 +10651,7 @@ declare module '@elastic/eui/src/components/list_group' {
 	export type { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
 	export { EuiListGroup } from '@elastic/eui/src/components/list_group/list_group';
 	export type { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
 	export { EuiListGroupItem } from '@elastic/eui/src/components/list_group/list_group_item';
 	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group';
 	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group';
@@ -19418,6 +19800,8 @@ declare module '@elastic/eui/src/components/resizable_container/types' {
 	export type PanelModeType = 'collapsible' | 'main' | 'custom';
 	export type PanelPosition = 'first' | 'middle' | 'last';
 	export type PanelDirection = 'left' | 'right';
+	export type KeyMoveDirection = 'forward' | 'backward';
+	export type ResizeTrigger = 'pointer' | 'key';
 	export interface EuiResizablePanelController {
 	    id: string;
 	    size: number;
@@ -19443,7 +19827,7 @@ declare module '@elastic/eui/src/components/resizable_container/types' {
 	    };
 	}
 	export type EuiResizableButtonMouseEvent = MouseEvent<HTMLButtonElement> | TouchEvent<HTMLButtonElement>;
-	export type EuiResizableButtonKeyDownEvent = KeyboardEvent<HTMLButtonElement>;
+	export type EuiResizableButtonKeyEvent = KeyboardEvent<HTMLButtonElement>;
 	export interface EuiResizableContainerState {
 	    isDragging: boolean;
 	    currentResizerPos: number;
@@ -19487,7 +19871,7 @@ declare module '@elastic/eui/src/components/resizable_container/types' {
 	    payload: {
 	        prevPanelId: string;
 	        nextPanelId: string;
-	        direction: 'forward' | 'backward';
+	        direction: KeyMoveDirection;
 	    };
 	}
 	export interface ActionResize {
@@ -19575,9 +19959,10 @@ declare module '@elastic/eui/src/components/resizable_container/context' {
 declare module '@elastic/eui/src/components/resizable_container/resizable_button' {
 	import { FunctionComponent, ButtonHTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiResizableButtonController, EuiResizableButtonMouseEvent, EuiResizableButtonKeyDownEvent } from '@elastic/eui/src/components/resizable_container/types';
+	import { EuiResizableButtonController, EuiResizableButtonMouseEvent, EuiResizableButtonKeyEvent } from '@elastic/eui/src/components/resizable_container/types';
 	interface EuiResizableButtonControls {
-	    onKeyDown: (eve: EuiResizableButtonKeyDownEvent) => void;
+	    onKeyDown: (eve: EuiResizableButtonKeyEvent) => void;
+	    onKeyUp: (eve: EuiResizableButtonKeyEvent) => void;
 	    onMouseDown: (eve: EuiResizableButtonMouseEvent) => void;
 	    onTouchStart: (eve: EuiResizableButtonMouseEvent) => void;
 	    onFocus: (id: string) => void;
@@ -19732,7 +20117,7 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_contai
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiResizableButtonProps } from '@elastic/eui/src/components/resizable_container/resizable_button';
 	import { EuiResizablePanelProps, ToggleCollapseCallback } from '@elastic/eui/src/components/resizable_container/resizable_panel';
-	import { EuiResizableContainerActions } from '@elastic/eui/src/components/resizable_container/types'; const containerDirections: {
+	import { EuiResizableContainerActions, ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types'; const containerDirections: {
 	    vertical: string;
 	    horizontal: string;
 	};
@@ -19752,8 +20137,16 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_contai
 	     */
 	    onPanelWidthChange?: ({}: {
 	        [key: string]: number;
-	    }) => any;
+	    }) => void;
 	    onToggleCollapsed?: ToggleCollapseCallback;
+	    /**
+	     * Called when resizing starts
+	     */
+	    onResizeStart?: (trigger: ResizeTrigger) => void;
+	    /**
+	     * Called when resizing ends
+	     */
+	    onResizeEnd?: () => void;
 	    style?: CSSProperties;
 	}
 	export const EuiResizableContainer: FunctionComponent<EuiResizableContainerProps>;
@@ -20541,6 +20934,16 @@ declare module '@elastic/eui/src/components/icon/assets/bellSlash' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/beta' {
+	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/bolt' {
 	import * as React from 'react';
@@ -21411,6 +21814,36 @@ declare module '@elastic/eui/src/components/icon/assets/filter' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/filterExclude' {
+	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/filterIgnore' {
+	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/filterInclude' {
+	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/flag' {
 	import * as React from 'react';
@@ -21651,6 +22084,16 @@ declare module '@elastic/eui/src/components/icon/assets/import' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/indexTemporary' {
+	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/index_close' {
 	import * as React from 'react';
@@ -21721,6 +22164,16 @@ declare module '@elastic/eui/src/components/icon/assets/index_settings' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/infinity' {
+	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/inputOutput' {
 	import * as React from 'react';
@@ -21841,6 +22294,16 @@ declare module '@elastic/eui/src/components/icon/assets/kubernetesPod' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/launch' {
+	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/layers' {
 	import * as React from 'react';
@@ -23221,6 +23684,26 @@ declare module '@elastic/eui/src/components/icon/assets/snowflake' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/sortAscending' {
+	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/sortDescending' {
+	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/sortLeft' {
 	import * as React from 'react';
@@ -23271,6 +23754,16 @@ declare module '@elastic/eui/src/components/icon/assets/sortable' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/spaces' {
+	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/starPlusEmpty' {
 	import * as React from 'react';