@elastic/eui 70.3.0 → 71.0.0

package/eui.d.ts

@@ -954,6 +954,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    arrowUp: string;
 	    arrowStart: string;
 	    arrowEnd: string;
+	    article: string;
 	    asterisk: string;
 	    auditbeatApp: string;
 	    beaker: string;
@@ -1011,11 +1012,13 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    desktop: string;
 	    devToolsApp: string;
 	    discoverApp: string;
+	    discuss: string;
 	    document: string;
 	    documentEdit: string;
 	    documentation: string;
 	    documents: string;
 	    dot: string;
+	    dotInCircle: string;
 	    doubleArrowLeft: string;
 	    doubleArrowRight: string;
 	    download: string;
@@ -1067,6 +1070,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    filterExclude: string;
 	    filterIgnore: string;
 	    filterInclude: string;
+	    filterInCircle: string;
 	    flag: string;
 	    fleetApp: string;
 	    fold: string;
@@ -1457,7 +1461,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" | "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 const TYPES: ("string" | "number" | "function" | "article" | "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" | "discuss" | "document" | "documentEdit" | "documentation" | "documents" | "dot" | "dotInCircle" | "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" | "filterInCircle" | "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;
@@ -1500,7 +1504,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" | "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 clearIconComponentCache: (iconType?: "string" | "number" | "function" | "article" | "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" | "discuss" | "document" | "documentEdit" | "documentation" | "documents" | "dot" | "dotInCircle" | "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" | "filterInCircle" | "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;
@@ -4920,308 +4924,387 @@ declare module '@elastic/eui/src/components/popover' {
 	export { EuiWrappingPopover } from '@elastic/eui/src/components/popover/wrapping_popover';
 
 }
-declare module '@elastic/eui/src/components/form/range/range_highlight' {
-	import React, { FunctionComponent } from 'react';
-	export interface EuiRangeHighlightProps {
-	    className?: string;
-	    background?: string;
-	    compressed?: boolean;
-	    hasFocus?: boolean;
-	    showTicks?: boolean;
-	    lowerValue: number;
-	    upperValue: number;
+declare module '@elastic/eui/src/components/form/range/range_levels_colors' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	import type { EuiRangeLevel } from '@elastic/eui/src/components/form/range/types';
+	export const LEVEL_COLORS: readonly ["primary", "success", "warning", "danger"];
+	export type EuiRangeLevelColor = typeof LEVEL_COLORS[number];
+	export const isNamedLevelColor: (color?: string | undefined) => boolean;
+	export const euiRangeLevelColor: (color: EuiRangeLevelColor | string, euiTheme: UseEuiTheme['euiTheme']) => string;
+	export const getLevelColor: (levels: EuiRangeLevel[], value: number) => "primary" | "success" | "warning" | "danger" | import("csstype").Property.Color | undefined;
+
+}
+declare module '@elastic/eui/src/components/form/range/types' {
+	import type { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
+	import type { CommonProps } from '@elastic/eui/src/components/common';
+	import type { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
+	import type { EuiRangeLevelColor } from '@elastic/eui/src/components/form/range/range_levels_colors';
+	/**
+	 * Internal type atoms split up both for easier categorization
+	 * and for easier reusing/picking
+	 */
+	export interface _SharedRangeValuesProps {
 	    max: number;
 	    min: number;
-	    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+	    /**
+	     * The number to increment or decrement between each interval
+	     * @default 1
+	     */
+	    step?: number;
 	}
-	export const EuiRangeHighlight: FunctionComponent<EuiRangeHighlightProps>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range_input' {
-	import { FunctionComponent } from 'react';
-	import { EuiFieldNumberProps } from '@elastic/eui/src/components/form/field_number';
-	export interface EuiRangeInputProps extends Omit<EuiFieldNumberProps, 'max' | 'min' | 'value'> {
-	    autoSize?: boolean;
-	    digitTolerance: number;
-	    max: number;
-	    min: number;
-	    side?: 'min' | 'max';
+	export interface _SingleRangeValue extends _SharedRangeValuesProps {
 	    value: string | number;
+	    onChange?: (event: _SingleRangeChangeEvent, isValid: boolean) => void;
 	}
-	export const EuiRangeInput: FunctionComponent<EuiRangeInputProps>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range_label' {
-	import { FunctionComponent } from 'react';
-	export interface EuiRangeLabelProps {
+	export interface _DualRangeValue extends _SharedRangeValuesProps {
+	    value: [_SingleRangeValue['value'], _SingleRangeValue['value']];
+	    onChange: (values: [_SingleRangeValue['value'], _SingleRangeValue['value']], isValid: boolean, event?: _DualRangeChangeEvent) => void;
+	}
+	export interface _SharedRangesValues extends _SharedRangeValuesProps {
+	    value?: _SingleRangeValue['value'] | _DualRangeValue['value'];
+	}
+	export type _SingleRangeChangeEvent = React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>;
+	export type _DualRangeChangeEvent = _SingleRangeChangeEvent | React.KeyboardEvent<HTMLDivElement>;
+	export interface _SharedRangeDataStructures {
 	    /**
-	     * ReactNode to render as this component's content
+	     * Specified ticks at specified values
 	     */
-	    children: string | number;
-	    disabled?: boolean;
-	    side?: 'min' | 'max';
-	}
-	export const EuiRangeLabel: FunctionComponent<EuiRangeLabelProps>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range_levels' {
-	import { CSSProperties, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiRangeLevelColor = 'primary' | 'success' | 'warning' | 'danger';
-	export const LEVEL_COLORS: EuiRangeLevelColor[];
-	export interface EuiRangeLevel extends CommonProps {
-	    min: number;
-	    max: number;
+	    ticks?: EuiRangeTick[];
 	    /**
-	     * Accepts one of `["primary", "success", "warning", "danger"]` or a valid CSS color value.
+	     * Modifies the number of tick marks and at what interval
 	     */
-	    color: EuiRangeLevelColor | CSSProperties['color'];
-	}
-	export interface EuiRangeLevelsProps {
+	    tickInterval?: number;
 	    /**
+	     * Create colored indicators for certain intervals.
 	     * An array of #EuiRangeLevel objects
 	     */
 	    levels?: EuiRangeLevel[];
-	    max: number;
-	    min: number;
-	    showTicks?: boolean;
-	    compressed?: boolean;
 	}
-	export const EuiRangeLevels: FunctionComponent<EuiRangeLevelsProps>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range_slider' {
-	import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiRangeSliderProps = InputHTMLAttributes<HTMLInputElement> & CommonProps & {
-	    id?: string;
-	    name?: string;
-	    min: number;
-	    max: number;
-	    step?: number;
-	    compressed?: boolean;
-	    isLoading?: boolean;
-	    hasFocus?: boolean;
+	export interface _SharedRangeVisualConfiguration {
+	    /**
+	     * Pass `true` to displays an extra input control for direct manipulation.
+	     * Pass `"inputWithPopover"` to only show the input but show the range in a dropdown.
+	     */
+	    showInput?: boolean | 'inputWithPopover';
+	    /**
+	     * Shows static min/max labels on the sides of the range slider
+	     */
+	    showLabels?: boolean;
+	    /**
+	     * Shows a thick line from min to value
+	     */
 	    showRange?: boolean;
+	    /**
+	     * Shows clickable tick marks and labels at the given interval (`step`/`tickInterval`)
+	     */
 	    showTicks?: boolean;
-	    disabled?: boolean;
-	    tabIndex?: number;
-	    onChange?: ChangeEventHandler<HTMLInputElement>;
-	};
-	export const EuiRangeSlider: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & CommonProps & {
-	    id?: string | undefined;
-	    name?: string | undefined;
-	    min: number;
-	    max: number;
-	    step?: number | undefined;
-	    compressed?: boolean | undefined;
-	    isLoading?: boolean | undefined;
-	    hasFocus?: boolean | undefined;
-	    showRange?: boolean | undefined;
-	    showTicks?: boolean | undefined;
-	    disabled?: boolean | undefined;
-	    tabIndex?: number | undefined;
-	    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-	} & React.RefAttributes<HTMLInputElement>>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range_ticks' {
-	import { ButtonHTMLAttributes, MouseEventHandler, FunctionComponent, ReactNode } from 'react';
-	export interface EuiRangeTick {
-	    value: number;
-	    label: ReactNode;
 	}
-	export type EuiRangeTicksProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
-	    ticks?: EuiRangeTick[];
-	    tickSequence: number[];
-	    value?: number | string | Array<string | number>;
-	    min: number;
-	    max: number;
-	    compressed?: boolean;
-	    interval?: number;
-	    disabled?: boolean;
-	    onChange?: MouseEventHandler<HTMLButtonElement>;
-	};
-	export const EuiRangeTicks: FunctionComponent<EuiRangeTicksProps>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range_tooltip' {
-	import { FunctionComponent, ReactNode } from 'react';
-	export interface EuiRangeTooltipProps {
-	    value?: number | string;
-	    valueAppend?: ReactNode;
-	    valuePrepend?: ReactNode;
-	    max: number;
-	    min: number;
+	export interface _SharedRangeInputProps {
+	    id?: string;
 	    name?: string;
-	    showTicks?: boolean;
-	    compressed?: boolean;
-	}
-	export const EuiRangeTooltip: FunctionComponent<EuiRangeTooltipProps>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range_track' {
-	import { Component, MouseEventHandler, HTMLAttributes } from 'react';
-	import { EuiRangeLevel, LEVEL_COLORS } from '@elastic/eui/src/components/form/range/range_levels';
-	import { EuiRangeTick } from '@elastic/eui/src/components/form/range/range_ticks';
-	export { LEVEL_COLORS };
-	export interface EuiRangeTrackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-	    min: number;
-	    max: number;
-	    step?: number;
-	    value?: number | string | Array<string | number>;
+	    /**
+	     * Only impacts ticks rendered by `showTicks` or inputs rendered by `showInput`.
+	     */
 	    compressed?: boolean;
+	    /**
+	     * Only impacts inputs rendered by the `showInput` prop.
+	     * The range slider itself remains interactable unless `disabled` is applied.
+	     */
+	    readOnly?: boolean;
+	    /**
+	     * Disables both the range track and any input(s)
+	     */
 	    disabled?: boolean;
-	    showTicks?: boolean;
-	    tickInterval?: number;
-	    ticks?: EuiRangeTick[];
-	    onChange?: MouseEventHandler<HTMLButtonElement>;
-	    levels?: EuiRangeLevel[];
-	}
-	export class EuiRangeTrack extends Component<EuiRangeTrackProps> {
-	    validateValueIsInStep: (value: number) => number;
-	    calculateSequence: (min: EuiRangeTrackProps['min'], max: EuiRangeTrackProps['max'], interval?: EuiRangeTrackProps['tickInterval']) => number[];
-	    calculateTicks: (min: EuiRangeTrackProps['min'], max: EuiRangeTrackProps['max'], step?: EuiRangeTrackProps['step'], tickInterval?: EuiRangeTrackProps['tickInterval'], customTicks?: EuiRangeTick[] | undefined) => number[];
-	    render(): JSX.Element;
-	}
-
-}
-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;
+	    /**
+	     * Only impacts inputs rendered when the `showInput` prop is set to `"inputWithPopover"`
+	     */
+	    isLoading?: boolean;
+	    /**
+	     * Only impacts inputs rendered by the `showInput` prop
+	     */
+	    isInvalid?: boolean;
 	}
-	export const EuiRangeWrapper: React.ForwardRefExoticComponent<EuiRangeWrapperProps & React.RefAttributes<HTMLDivElement>>;
-
-}
-declare module '@elastic/eui/src/components/form/range/range' {
-	
-	import React, { Component, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	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;
+	export type _SharedRangeInputSide = {
 	    /**
-	     * Expand to fill 100% of the parent.
-	     * Defaults to `fullWidth` prop of `<EuiForm>`.
-	     * @default false
+	     * @default 'max'
 	     */
-	    fullWidth?: boolean;
-	    id?: string;
+	    side?: 'min' | 'max';
+	};
+	/**
+	 * Externally exported props types
+	 */
+	export interface EuiRangeProps extends CommonProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'min' | 'max' | 'step' | 'onChange'>, _SingleRangeValue, _SharedRangeDataStructures, _SharedRangeVisualConfiguration, _SharedRangeInputProps {
 	    /**
-	     * Create colored indicators for certain intervals
+	     * Shows a tooltip styled value
 	     */
-	    levels?: EuiRangeLevel[];
-	    step?: number;
+	    showValue?: boolean;
 	    /**
-	     * Pass `true` to displays an extra input control for direct manipulation.
-	     * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.
+	     * Appends to the tooltip
 	     */
-	    showInput?: boolean | 'inputWithPopover';
+	    valueAppend?: ReactNode;
 	    /**
-	     * Shows static min/max labels on the sides of the range slider
+	     * Prepends to the tooltip
 	     */
-	    showLabels?: boolean;
+	    valuePrepend?: ReactNode;
 	    /**
-	     * Shows a thick line from min to value
+	     * Only impacts the input rendered by the `showInput` prop.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    showRange?: boolean;
+	    prepend?: EuiFormControlLayoutProps['prepend'];
 	    /**
-	     * Shows clickable tick marks and labels at the given interval (`step`/`tickInterval`)
+	     * Only impacts the input rendered by the `showInput` prop.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    showTicks?: boolean;
+	    append?: EuiFormControlLayoutProps['append'];
+	}
+	export interface EuiDualRangeProps extends CommonProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'min' | 'max' | 'step' | 'onChange'>, _DualRangeValue, _SharedRangeDataStructures, _SharedRangeVisualConfiguration, _SharedRangeInputProps {
 	    /**
-	     * Shows a tooltip styled value
+	     * Creates a draggble highlighted range area
 	     */
-	    showValue?: boolean;
+	    isDraggable?: boolean;
+	    onBlur?: (event: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLDivElement>) => void;
+	    onFocus?: (event: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLDivElement>) => void;
 	    /**
-	     * Specified ticks at specified values
+	     * Only impacts inputs rendered when the `showInput` prop is set to `"inputWithPopover"`.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    ticks?: EuiRangeTick[];
+	    prepend?: EuiFormControlLayoutProps['prepend'];
 	    /**
-	     * Modifies the number of tick marks and at what interval
+	     * Only impacts inputs rendered when the `showInput` prop is set to `"inputWithPopover"`.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    tickInterval?: number;
+	    append?: EuiFormControlLayoutProps['append'];
 	    /**
-	     * Appends to the tooltip
+	     * Intended to be used with aria attributes. Some attributes may be overwritten.
 	     */
-	    valueAppend?: ReactNode;
+	    minInputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'max' | 'min' | 'value' | 'step' | 'disabled' | 'readonly' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseDown'>;
 	    /**
-	     * Prepends to the tooltip
+	     *  Intended to be used with aria attributes. Some attributes may be overwritten.
 	     */
-	    valuePrepend?: ReactNode;
+	    maxInputProps?: EuiDualRangeProps['minInputProps'];
+	}
+	export interface EuiRangeTick {
+	    value: number;
+	    label: ReactNode;
+	}
+	export interface EuiRangeLevel extends CommonProps, Pick<_SharedRangeValuesProps, 'min' | 'max'> {
 	    /**
-	     * Will only show if `showInput = inputWithPopover`
+	     * Accepts one of `["primary", "success", "warning", "danger"]` or a valid CSS color value.
 	     */
-	    isLoading?: boolean;
-	    onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>, isValid: boolean) => void;
+	    color: EuiRangeLevelColor | CSSProperties['color'];
 	}
-	export class EuiRange extends Component<EuiRangeProps> {
-	    static contextType: React.Context<FormContextValue>;
-	    static defaultProps: {
-	        min: number;
-	        max: number;
-	        step: number;
-	        compressed: boolean;
-	        isLoading: boolean;
-	        showLabels: boolean;
-	        showInput: boolean;
-	        showRange: boolean;
-	        showTicks: boolean;
-	        showValue: boolean;
-	        levels: never[];
-	    };
-	    preventPopoverClose: boolean;
-	    state: {
-	        id: string;
-	        isPopoverOpen: boolean;
-	    };
-	    handleOnChange: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
-	    get isValid(): boolean;
-	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-	    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => NodeJS.Timeout;
-	    closePopover: () => void;
-	    render(): JSX.Element;
+
+}
+declare module '@elastic/eui/src/components/form/range/range.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeVariables: (euiThemeContext: UseEuiTheme) => {
+	    trackColor: string;
+	    highlightColor: string;
+	    focusColor: string;
+	    thumbHeight: string;
+	    thumbWidth: string;
+	    thumbBorderWidth: import("csstype").Property.BorderWidth<string | number> | undefined;
+	    thumbBorderColor: string;
+	    thumbBackgroundColor: string;
+	    trackWidth: string;
+	    trackHeight: string;
+	    trackBorderWidth: string;
+	    trackBorderColor: string;
+	    trackBorderRadius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	    tickHeight: string;
+	    tickWidth: string;
+	    disabledOpacity: number;
+	    highlightHeight: string;
+	    height: string;
+	    compressedHeight: string;
+	    trackTopPositionWithTicks: string;
+	    trackBottomPositionWithTicks: string;
+	    trackTopPositionWithoutTicks: string;
+	    levelsZIndex: number;
+	    highlightZIndex: number;
+	    thumbZIndex: number;
+	};
+	export const euiRangeTrackPerBrowser: (content: string) => string;
+	export const euiRangeThumbBorder: (euiThemeContext: UseEuiTheme) => string;
+	export const euiRangeThumbBoxShadow: (euiThemeContext: UseEuiTheme) => string;
+	export const euiRangeThumbFocusBoxShadow: (euiThemeContext: UseEuiTheme) => string;
+	export const euiRangeThumbStyle: (euiThemeContext: UseEuiTheme) => string;
+	export const euiRangeThumbPerBrowser: (content: string) => string;
+	export const euiRangeThumbFocus: (euiThemeContext: UseEuiTheme, color?: string | undefined) => string;
+	export const euiRangeStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiRange: import("@emotion/utils").SerializedStyles;
+	    hasInput: import("@emotion/utils").SerializedStyles;
+	    euiRange__horizontalSpacer: import("@emotion/utils").SerializedStyles;
+	    euiRange__slimHorizontalSpacer: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_draggable.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeDraggableStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeDraggable: import("@emotion/utils").SerializedStyles;
+	    hasTicks: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeDraggableInnerStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeDraggable__inner: import("@emotion/utils").SerializedStyles;
+	    enabled: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_draggable' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import type { EuiDualRangeProps } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeDraggableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<EuiDualRangeProps, 'min' | 'max' | 'value' | 'disabled' | 'showTicks'> {
+	    lowerPosition: string;
+	    upperPosition: string;
+	    onChange: (x: number, isFirstInteraction?: boolean) => void;
+	}
+	export const EuiRangeDraggable: FunctionComponent<EuiRangeDraggableProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_highlight.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeHighlightStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeHighlight: import("@emotion/utils").SerializedStyles;
+	    hasTicks: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeHighlightProgressStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeHighlight__progress: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeHighlightLevelsWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeHighlight__levelsWrapper: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeHighlightLevelsStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeHighlight__levels: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_levels.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeLevelsStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeLevels: import("@emotion/utils").SerializedStyles;
+	    hasRange: import("@emotion/utils").SerializedStyles;
+	    hasTicks: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeLevelStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeLevel: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    customColor: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_levels' {
+	import { CSSProperties, FunctionComponent } from 'react';
+	import type { EuiRangeProps } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeLevelsProps extends Pick<EuiRangeProps, 'levels' | 'min' | 'max' | 'showTicks' | 'showRange'> {
+	    trackWidth: number;
+	    style?: CSSProperties;
+	}
+	export const EuiRangeLevels: FunctionComponent<EuiRangeLevelsProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_highlight' {
+	import React, { FunctionComponent } from 'react';
+	import type { EuiRangeProps } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeHighlightProps extends Pick<EuiRangeProps, 'min' | 'max' | 'levels' | 'showTicks'> {
+	    className?: string;
+	    background?: string;
+	    trackWidth: number;
+	    lowerValue: number;
+	    upperValue: number;
+	    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+	}
+	export const EuiRangeHighlight: FunctionComponent<EuiRangeHighlightProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_input.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeInputStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiRangeInput: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_input' {
+	import { FunctionComponent } from 'react';
+	import { EuiFieldNumberProps } from '@elastic/eui/src/components/form/field_number';
+	import type { _SingleRangeValue, _SharedRangeInputSide } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeInputProps extends Omit<EuiFieldNumberProps, 'max' | 'min' | 'value' | 'step'>, Omit<_SingleRangeValue, 'onChange'>, _SharedRangeInputSide {
+	    autoSize?: boolean;
+	    digitTolerance: number;
+	}
+	export const EuiRangeInput: FunctionComponent<EuiRangeInputProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_label.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeLabelStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeLabel: import("@emotion/utils").SerializedStyles;
+	    min: import("@emotion/utils").SerializedStyles;
+	    max: import("@emotion/utils").SerializedStyles;
+	    isDisabled: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_label' {
+	import { FunctionComponent } from 'react';
+	import type { _SharedRangeInputProps, _SharedRangeInputSide } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeLabelProps extends Pick<_SharedRangeInputProps, 'disabled'>, _SharedRangeInputSide {
+	    /**
+	     * ReactNode to render as this component's content
+	     */
+	    children: string | number;
 	}
+	export const EuiRangeLabel: FunctionComponent<EuiRangeLabelProps>;
 
 }
-declare module '@elastic/eui/src/components/form/range/range_draggable' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	export interface EuiRangeDraggableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-	    min: number;
-	    max: number;
-	    value: number[];
-	    disabled?: boolean;
-	    compressed?: boolean;
-	    showTicks?: boolean;
-	    lowerPosition: string;
-	    upperPosition: string;
-	    onChange: (x: number, isFirstInteraction?: boolean) => void;
+declare module '@elastic/eui/src/components/form/range/range_slider.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeSliderStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeSlider: import("@emotion/utils").SerializedStyles;
+	    hasTicks: import("@emotion/utils").SerializedStyles;
+	    hasRange: import("@emotion/utils").SerializedStyles;
+	    hasLevels: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeSliderThumbStyles: (euiThemeContext: UseEuiTheme) => {
+	    thumb: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_slider' {
+	import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import type { EuiRangeProps, EuiRangeLevel } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeSliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'step'>, CommonProps, Pick<EuiRangeProps, 'id' | 'name' | 'tabIndex' | 'min' | 'max' | 'step' | 'disabled' | 'isLoading' | 'showRange' | 'showTicks'> {
+	    onChange?: ChangeEventHandler<HTMLInputElement>;
+	    thumbColor?: EuiRangeLevel['color'];
 	}
-	export const EuiRangeDraggable: FunctionComponent<EuiRangeDraggableProps>;
+	export const EuiRangeSlider: React.ForwardRefExoticComponent<EuiRangeSliderProps & React.RefAttributes<HTMLInputElement>>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_thumb.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeThumbStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeThumb: import("@emotion/utils").SerializedStyles;
+	    hasTicks: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/components/form/range/range_thumb' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	interface BaseProps extends CommonProps {
-	    min: number;
-	    max: number;
-	    value?: number | string;
-	    disabled?: boolean;
-	    showInput?: boolean;
-	    showTicks?: boolean;
+	import type { EuiRangeProps } from '@elastic/eui/src/components/form/range/types';
+	interface BaseProps extends CommonProps, Pick<EuiRangeProps, 'min' | 'max' | 'value' | 'disabled' | 'showInput' | 'showTicks'> {
 	}
 	interface ButtonLike extends BaseProps, HTMLAttributes<HTMLButtonElement> {
 	}
@@ -5231,78 +5314,92 @@ declare module '@elastic/eui/src/components/form/range/range_thumb' {
 	export const EuiRangeThumb: FunctionComponent<EuiRangeThumbProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/form/range/range_ticks.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeTicksStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeTicks: import("@emotion/utils").SerializedStyles;
+	    isCustom: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    compressed: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeTickStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeTick: import("@emotion/utils").SerializedStyles;
+	    compressed: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    selected: import("@emotion/utils").SerializedStyles;
+	    isCustom: import("@emotion/utils").SerializedStyles;
+	    hasPseudoTickMark: import("@emotion/utils").SerializedStyles;
+	    euiRangeTick__pseudo: import("@emotion/utils").SerializedStyles;
+	    isMin: import("@emotion/utils").SerializedStyles;
+	    isMax: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_ticks' {
+	import { ButtonHTMLAttributes, MouseEventHandler, FunctionComponent } from 'react';
+	import type { _SharedRangesValues, _SharedRangeDataStructures, _SharedRangeInputProps } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeTicksProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'>, _SharedRangesValues, Pick<_SharedRangeInputProps, 'compressed' | 'disabled'>, Pick<_SharedRangeDataStructures, 'ticks' | 'tickInterval'> {
+	    tickSequence: number[];
+	    trackWidth: number;
+	    onChange?: MouseEventHandler<HTMLButtonElement>;
+	}
+	export const EuiRangeTicks: FunctionComponent<EuiRangeTicksProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_track.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeTrackStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeTrack: import("@emotion/utils").SerializedStyles;
+	    hasTicks: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	    hasLevels: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_track' {
+	import React, { FunctionComponent, MouseEventHandler, HTMLAttributes, ReactNode } from 'react';
+	import type { _SharedRangesValues, _SharedRangeDataStructures, _SharedRangeVisualConfiguration, _SharedRangeInputProps } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeTrackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, _SharedRangesValues, _SharedRangeDataStructures, Pick<_SharedRangeVisualConfiguration, 'showTicks' | 'showRange'>, Pick<_SharedRangeInputProps, 'compressed' | 'disabled'> {
+	    onChange?: MouseEventHandler<HTMLButtonElement>;
+	    children?: ReactNode | ((trackWidth: number) => React.ReactNode);
+	}
+	export const EuiRangeTrack: FunctionComponent<EuiRangeTrackProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_wrapper.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeWrapper: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    compressed: import("@emotion/utils").SerializedStyles;
+	    fullWidth: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_wrapper' {
+	import React, { HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import type { _SharedRangeInputProps } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeWrapperProps extends CommonProps, HTMLAttributes<HTMLDivElement>, Pick<_SharedRangeInputProps, 'fullWidth' | 'compressed'> {
+	}
+	export const EuiRangeWrapper: React.ForwardRefExoticComponent<EuiRangeWrapperProps & React.RefAttributes<HTMLDivElement>>;
+
+}
+declare module '@elastic/eui/src/components/form/range/dual_range.styles' {
+	export const euiDualRangeStyles: () => {
+	    euiDualRange: import("@emotion/utils").SerializedStyles;
+	    euiDualRange__slider: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/form/range/dual_range' {
 	
 	import React, { Component } from 'react';
-	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
-	import { EuiRangeProps } from '@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 { EuiRangeSliderProps } from '@elastic/eui/src/components/form/range/range_slider';
-	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;
-	    /**
-	     * Create colored indicators for certain intervals
-	     */
-	    levels?: EuiRangeLevel[];
-	    /**
-	     * Shows static min/max labels on the sides of the range slider
-	     */
-	    showLabels?: boolean;
-	    /**
-	     * Pass `true` to displays an extra input control for direct manipulation.
-	     * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.
-	     */
-	    showInput?: EuiRangeProps['showInput'];
-	    /**
-	     * Modifies the number of tick marks and at what interval
-	     */
-	    tickInterval?: number;
-	    /**
-	     * Specified ticks at specified values
-	     */
-	    ticks?: EuiRangeTick[];
-	    /**
-	     * Creates an input group with element(s) coming before input.  Will only show if `showInput = inputWithPopover`.
-	     * `string` | `ReactElement` or an array of these
-	     */
-	    prepend?: EuiFormControlLayoutProps['prepend'];
-	    /**
-	     * Creates an input group with element(s) coming after input. Will only show if `showInput = inputWithPopover`.
-	     * `string` | `ReactElement` or an array of these
-	     */
-	    append?: EuiFormControlLayoutProps['append'];
-	    /**
-	     *  Intended to be uses with aria attributes. Some attributes may be overwritten.
-	     */
-	    minInputProps?: Partial<EuiRangeInputProps>;
-	    /**
-	     *  Intended to be uses with aria attributes. Some attributes may be overwritten.
-	     */
-	    maxInputProps?: Partial<EuiRangeInputProps>;
-	    /**
-	     *  Creates a draggble highlighted range area
-	     */
-	    isDraggable?: boolean;
-	    /**
-	     * Will only show if `showInput = inputWithPopover`
-	     */
-	    isLoading?: boolean;
-	}
-	export class EuiDualRange extends Component<EuiDualRangeProps> {
+	import { WithEuiThemeProps } from '@elastic/eui/src/services';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context';
+	import type { EuiDualRangeProps, _SingleRangeValue } from '@elastic/eui/src/components/form/range/types'; type ValueMember = _SingleRangeValue['value'];
+	export class EuiDualRangeClass extends Component<EuiDualRangeProps & WithEuiThemeProps> {
 	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
 	        min: number;
@@ -5318,7 +5415,6 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    };
 	    state: {
 	        id: string;
-	        hasFocus: boolean;
 	        rangeSliderRefAvailable: boolean;
 	        isPopoverOpen: boolean;
 	        rangeWidth: undefined;
@@ -5329,8 +5425,8 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    handleRangeSliderRefUpdate: (ref: HTMLInputElement | null) => void;
 	    private leftPosition;
 	    private dragAcc;
-	    get lowerValue(): ValueMember;
-	    get upperValue(): ValueMember;
+	    get lowerValue(): string | number;
+	    get upperValue(): string | number;
 	    get lowerValueIsValid(): boolean;
 	    get upperValueIsValid(): boolean;
 	    get isValid(): boolean;
@@ -5353,7 +5449,6 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    calculateThumbPositionStyle: (value: number, width?: number | undefined) => {
 	        left: string;
 	    };
-	    toggleHasFocus: (shouldFocused?: boolean) => void;
 	    onThumbFocus: (e: React.FocusEvent<HTMLDivElement>) => void;
 	    onThumbBlur: (e: React.FocusEvent<HTMLDivElement>) => void;
 	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
@@ -5364,14 +5459,72 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    handleDrag: (x: number, isFirstInteraction?: boolean | undefined) => void;
 	    render(): JSX.Element;
 	}
+	export const EuiDualRange: React.ForwardRefExoticComponent<Omit<EuiDualRangeProps, "theme"> & React.RefAttributes<Omit<EuiDualRangeProps, "theme">>>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/form/range/range_tooltip.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiRangeTooltipStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeTooltip: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiRangeTooltipValueStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiRangeTooltip__value: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    hasTicks: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_tooltip' {
+	import { FunctionComponent } from 'react';
+	import type { EuiRangeProps } from '@elastic/eui/src/components/form/range/types';
+	export interface EuiRangeTooltipProps extends Pick<EuiRangeProps, 'min' | 'max' | 'value' | 'valueAppend' | 'valuePrepend' | 'showTicks'> {
+	    name?: string;
+	}
+	export const EuiRangeTooltip: FunctionComponent<EuiRangeTooltipProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range' {
+	
+	import React, { Component } from 'react';
+	import { WithEuiThemeProps } from '@elastic/eui/src/services';
+	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context';
+	import type { EuiRangeProps } from '@elastic/eui/src/components/form/range/types';
+	export class EuiRangeClass extends Component<EuiRangeProps & WithEuiThemeProps> {
+	    static contextType: React.Context<FormContextValue>;
+	    static defaultProps: {
+	        min: number;
+	        max: number;
+	        step: number;
+	        compressed: boolean;
+	        isLoading: boolean;
+	        showLabels: boolean;
+	        showInput: boolean;
+	        showRange: boolean;
+	        showTicks: boolean;
+	        showValue: boolean;
+	        levels: never[];
+	    };
+	    preventPopoverClose: boolean;
+	    state: {
+	        id: string;
+	        isPopoverOpen: boolean;
+	    };
+	    handleOnChange: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
+	    get isValid(): boolean;
+	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+	    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => NodeJS.Timeout;
+	    closePopover: () => void;
+	    render(): JSX.Element;
+	}
+	export const EuiRange: React.ForwardRefExoticComponent<Omit<EuiRangeProps, "theme"> & React.RefAttributes<Omit<EuiRangeProps, "theme">>>;
+
 }
 declare module '@elastic/eui/src/components/form/range' {
-	export type { EuiDualRangeProps } from '@elastic/eui/src/components/form/range/dual_range';
 	export { EuiDualRange } from '@elastic/eui/src/components/form/range/dual_range';
-	export type { EuiRangeProps } from '@elastic/eui/src/components/form/range/range';
 	export { EuiRange } from '@elastic/eui/src/components/form/range/range';
+	export type { EuiRangeProps, EuiDualRangeProps, EuiRangeTick, EuiRangeLevel, } from '@elastic/eui/src/components/form/range/types';
 
 }
 declare module '@elastic/eui/src/components/form/select/select' {
@@ -6523,6 +6676,7 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_brea
 
 }
 declare module '@elastic/eui/src/global_styling/functions/logicals' {
+	import { CSSProperties } from 'react';
 	/**
 	 * EUI utilizes logical CSS properties to enable directional writing-modes.
 	 * To encourage use of logical properties, we provide a few helper utilities to
@@ -6594,6 +6748,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    "border-top-right-radius": string;
 	    "border-bottom-left-radius": string;
 	    "border-bottom-right-radius": string;
+	    _shorthands: string[];
 	};
 	export const LOGICAL_PROPERTIES: ("left" | "right" | "top" | "width" | "height" | "max-height" | "max-width" | "min-height" | "min-width" | "bottom" | "horizontal" | "vertical" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
 	export type LogicalProperties = typeof LOGICAL_PROPERTIES[number];
@@ -6624,6 +6779,14 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	export const logicalStyle: (property: LogicalProperties, value?: any) => {
 	    [x: string]: any;
 	};
+	/**
+	 * Given a style object with any amount of unknown CSS properties,
+	 * find ones that can be converted to logical properties and convert them
+	 *
+	 * @param styleObject - A React object of camelCased styles
+	 * @returns `object`
+	 */
+	export const logicalStyles: (styleObject: CSSProperties) => Record<string, string | number | undefined>;
 	/**
 	 *
 	 * @param width A string value for the LTR width
@@ -6666,6 +6829,33 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    textAlign: string;
 	};
 
+}
+declare module '@elastic/eui/src/global_styling/functions/logical_shorthands' {
+	export const LOGICAL_SHORTHANDS: string[];
+	export type LogicalShorthands = typeof LOGICAL_SHORTHANDS[number];
+	/**
+	 * Unfortunately, shorthand properties that describe boxes
+	 * (@see https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties#edges_of_a_box)
+	 * do not currently automatically respond to logical changes in display direction
+	 * (@see https://github.com/w3c/csswg-drafts/issues/1282)
+	 *
+	 * This utility is essentially a stop-gap for those shorthand properties,
+	 * converting them to corresponding longer logical `-inline` and `-block` properties
+	 *
+	 * 🗑 NOTE: This file is in a separate util file from logicals.ts due to its relatively
+	 * convoluted logic, & to make deleting it easier when an official CSS spec is implemented.
+	 */
+	export const logicalShorthandCSS: (property: LogicalShorthands, value: string | number) => string;
+	/**
+	 * Logical border radius is unfortunately a very special case as it handles corners
+	 * and not sides (@see https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties#corners_of_a_box)
+	 * and does not have `-inline` or `-block` shorthands.
+	 *
+	 * It also needs to account for `/` syntax (horizontal vs vertical radii)
+	 * @see https://www.sitepoint.com/setting-css3-border-radius-with-slash-syntax/
+	 */
+	export const logicalBorderRadiusCSS: (value: string, ignoreZeroes?: boolean) => string;
+
 }
 declare module '@elastic/eui/src/global_styling/functions/math' {
 	 type ValueTypes = string | number | undefined;
@@ -6765,6 +6955,7 @@ declare module '@elastic/eui/src/global_styling/functions/typography' {
 }
 declare module '@elastic/eui/src/global_styling/functions' {
 	export * from '@elastic/eui/src/global_styling/functions/logicals';
+	export * from '@elastic/eui/src/global_styling/functions/logical_shorthands';
 	export * from '@elastic/eui/src/global_styling/functions/math';
 	export * from '@elastic/eui/src/global_styling/functions/size';
 	export * from '@elastic/eui/src/global_styling/functions/typography';
@@ -7529,7 +7720,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
 	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
 	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables';
 	/**
-	 * Generates a CSS media query rule string based on the input breakpoint ranges.
+	 * Generates a CSS media query rule string based on the input breakpoint *ranges*.
 	 * Examples with default theme breakpoints:
 	 *
 	 * euiBreakpoint(['s']) becomes `@media only screen and (min-width: 575px) and (max-width: 767px)`
@@ -7543,6 +7734,24 @@ declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
 	 */
 	export const euiBreakpoint: ({ euiTheme }: UseEuiTheme, sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
 	export const useEuiBreakpoint: (sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
+	/**
+	 * Min/Max width breakpoint utilities that generate only a single min/max query/bound
+	 *
+	 * *Unlike the above euiBreakpoint utility*, these utilities treat breakpoint
+	 * sizes as a one-dimensional point, rather than a two-dimensional *screen range*.
+	 * Examples with default theme breakpoints:
+	 *
+	 * euiMaxBreakpoint('m') becomes `@media only screen and (max-width: 767px)`
+	 * euiMinBreakpoint('m') becomes `@media only screen and (min-width: 768px)`
+	 *
+	 * This is safer and more intentional to use than euiBreakpoint(['xs', 's']) / euiBreakpoint(['m', 'xl'])
+	 * in the event that consumers add larger or smaller custom breakpoints (e.g 'xxs' or `xxl`)
+	 * and if the intention of the media query is actually "m and below/above" vs. "only screens m/l/xl".
+	 */
+	export const euiMinBreakpoint: ({ euiTheme }: UseEuiTheme, size: _EuiThemeBreakpoint) => string;
+	export const useEuiMinBreakpoint: (size: _EuiThemeBreakpoint) => string;
+	export const euiMaxBreakpoint: ({ euiTheme }: UseEuiTheme, size: _EuiThemeBreakpoint) => string;
+	export const useEuiMaxBreakpoint: (size: _EuiThemeBreakpoint) => string;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins' {
@@ -8253,19 +8462,32 @@ declare module '@elastic/eui/src/components/badge' {
 
 }
 declare module '@elastic/eui/src/components/beacon/beacon.styles' {
-	export const euiBeaconStyles: () => {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiBeaconStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiBeacon: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
 	};
 
 }
 declare module '@elastic/eui/src/components/beacon/beacon' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiBeaconProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & CommonProps & {
+	export const COLORS: readonly ["subdued", "primary", "success", "accent", "danger", "warning"];
+	export type EuiBeaconColor = typeof COLORS[number];
+	export type EuiBeaconProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & CommonProps & {
 	    /**
 	     * Height and width of the center circle. Value is passed directly to the `style` attribute
 	     */
 	    size?: number | string;
+	    /**
+	     * Any of the named color palette options.
+	     */
+	    color?: EuiBeaconColor;
 	};
 	export const EuiBeacon: FunctionComponent<EuiBeaconProps>;
 
@@ -19262,9 +19484,10 @@ declare module '@elastic/eui/src/components/tour/tour_step' {
 	     */
 	    decoration?: 'none' | 'beacon';
 	    /**
-	     * Element to replace the 'Skip tour' link in the footer
+	     * Accepts any `ReactNode` to replace the 'Skip tour' link in the footer.
+	     * Ideally, pass one button or an array of up to 2 buttons.
 	     */
-	    footerAction?: ReactElement;
+	    footerAction?: ReactNode | ReactNode[];
 	};
 	export const EuiTourStep: FunctionComponent<EuiTourStepProps>;
 	export {};
@@ -19901,7 +20124,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	} type Pagination = boolean | PaginationOptions;
 	interface SortingOptions {
 	    sort: PropertySort;
-	} type Sorting = boolean | SortingOptions; type InMemoryTableProps<T> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage'> & {
+	} type Sorting = boolean | SortingOptions; type InMemoryTableProps<T> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage' | 'onChange'> & {
 	    message?: ReactNode;
 	    /**
 	     * Configures #Search.
@@ -19913,6 +20136,12 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	     * Set `allowNeutralSort` to false to force column sorting. Defaults to true.
 	     */
 	    allowNeutralSort?: boolean;
+	    /**
+	     * `onChange` is not required when `pagination` and/or `sorting` are configured,
+	     * but if `onChange` is present it is responsible for handling state for each/both.
+	     * See #Criteria or #CriteriaWithPagination
+	     */
+	    onChange?: EuiBasicTableProps<T>['onChange'];
 	    /**
 	     * Callback for when table pagination or sorting is changed. This is meant to be informational only, and not used to set any state as the in-memory table already manages this state. See #Criteria or #CriteriaWithPagination.
 	     */
@@ -21283,6 +21512,16 @@ declare module '@elastic/eui/src/components/icon/assets/arrow_up' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/article' {
+	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/asterisk' {
 	import * as React from 'react';
@@ -21703,6 +21942,16 @@ declare module '@elastic/eui/src/components/icon/assets/desktop' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/discuss' {
+	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/document' {
 	import * as React from 'react';
@@ -21753,6 +22002,16 @@ declare module '@elastic/eui/src/components/icon/assets/dot' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/dotInCircle' {
+	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/doubleArrowLeft' {
 	import * as React from 'react';
@@ -22223,6 +22482,16 @@ declare module '@elastic/eui/src/components/icon/assets/filterIgnore' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/filterInCircle' {
+	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';
@@ -22603,6 +22872,16 @@ declare module '@elastic/eui/src/components/icon/assets/ip' {
 	export const icon: ({ title, titleId, ...props }: React.SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/issue' {
+	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/keyboard' {
 	import * as React from 'react';