@elastic/eui 12.3.1 → 12.4.0

package/eui.d.ts

@@ -12,7 +12,9 @@ declare module '@elastic/eui/src/components/common' {
 	 * Wraps Object.keys with proper typescript definition of the resulting array
 	 */
 	export function keysOf<T, K extends keyof T>(obj: T): K[];
-	export type PropsOf<C> = C extends SFC<infer SFCProps> ? SFCProps : C extends FunctionComponent<infer FunctionProps> ? FunctionProps : C extends Component<infer ComponentProps> ? ComponentProps : never;
+	export type PropsOf<C> = C extends SFC<infer SFCProps> ? SFCProps : C extends FunctionComponent<infer FunctionProps> ? FunctionProps : C extends Component<infer ComponentProps> ? ComponentProps : never; type UnionKeys<T> = T extends any ? keyof T : never;
+	export type DistributivePick<T, K extends UnionKeys<T>> = T extends any ? Pick<T, Extract<keyof T, K>> : never;
+	export type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any ? Omit<T, Extract<keyof T, K>> : never;
 	/**
 	 * Returns member keys in U not present in T set to never
 	 * T = { 'one', 'two', 'three' }
@@ -26,29 +28,7 @@ declare module '@elastic/eui/src/components/common' {
 	 * Allow either T or U, preventing any additional keys of the other type from being present
 	 */
 	export type ExclusiveUnion<T, U> = (T | U) extends object ? (DisambiguateSet<T, U> & U) | (DisambiguateSet<U, T> & T) : T | U;
-
-}
-declare module '@elastic/eui' {
-	import { HTMLAttributes, Component, ReactNode } from 'react';
-
-	import { CommonProps } from '@elastic/eui/src/components/common'; module '@elastic/eui' {
-	  export type EuiAccordionSize = 'none' | 'xs' | 's' | 'm' | 'l' | 'xl';
-
-	  export interface EuiAccordionProps {
-	    id: string;
-	    buttonContentClassName?: string;
-	    buttonContent?: ReactNode;
-	    extraAction?: ReactNode;
-	    initialIsOpen?: boolean;
-	    onToggle?: (isOpen: boolean) => void;
-	    paddingSize?: EuiAccordionSize;
-	  }
-
-	  // eslint-disable-next-line react/prefer-stateless-function
-	  export class EuiAccordion extends Component<
-	    CommonProps & HTMLAttributes<HTMLDivElement> & EuiAccordionProps
-	  > {}
-	}
+	export {};
 
 }
 declare module '@elastic/eui/src/components/icon/icon' {
@@ -83,6 +63,9 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    check: string;
 	    checkInCircleFilled: string;
 	    clock: string;
+	    cloudDrizzle: string;
+	    cloudStormy: string;
+	    cloudSunny: string;
 	    compute: string;
 	    console: string;
 	    consoleApp: string;
@@ -105,6 +88,8 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    devToolsApp: string;
 	    discoverApp: string;
 	    document: string;
+	    documentEdit: string;
+	    documents: string;
 	    dot: string;
 	    editorAlignCenter: string;
 	    editorAlignLeft: string;
@@ -322,12 +307,14 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    tear: string;
 	    temperature: string;
 	    timelionApp: string;
+	    training: string;
 	    trash: string;
 	    upgradeAssistantApp: string;
 	    uptimeApp: string;
 	    user: string;
 	    usersRolesApp: string;
 	    vector: string;
+	    videoPlayer: string;
 	    visArea: string;
 	    visBarHorizontal: string;
 	    visBarVertical: string;
@@ -380,7 +367,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    tokenModule: string;
 	    tokenNamespace: string;
 	};
-	export const TYPES: ("string" | "number" | "search" | "link" | "alert" | "apps" | "asterisk" | "beaker" | "bell" | "bolt" | "branch" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "clock" | "compute" | "console" | "copy" | "cross" | "crosshairs" | "crossInACircleFilled" | "cut" | "database" | "document" | "dot" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignLeft" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "exit" | "expand" | "eye" | "faceNeutral" | "filter" | "flag" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "list" | "lock" | "lockOpen" | "magnet" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuLeft" | "menuRight" | "merge" | "moon" | "node" | "offline" | "online" | "pause" | "pencil" | "pin" | "play" | "popout" | "refresh" | "save" | "scale" | "shard" | "share" | "snowflake" | "sortable" | "sortLeft" | "sortRight" | "starPlusEmpty" | "starPlusFilled" | "stats" | "stop" | "storage" | "submodule" | "symlink" | "tableOfContents" | "tag" | "tear" | "temperature" | "trash" | "user" | "vector" | "wrench" | "addDataApp" | "advancedSettingsApp" | "apmApp" | "apmTrace" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceSad" | "filebeatApp" | "folderClosed" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexSettings" | "infraApp" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "listAdd" | "loggingApp" | "logoAerospike" | "logoApache" | "logoAPM" | "logoAppSearch" | "logoAWS" | "logoAWSMono" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticsearch" | "logoElasticStack" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "packetbeatApp" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "reportingApp" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visBarHorizontal" | "visBarVertical" | "visControls" | "visGauge" | "visGoal" | "visHeatmap" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visualizeApp" | "visVega" | "visVisualBuilder" | "watchesApp" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace")[];
+	export const TYPES: ("string" | "number" | "search" | "link" | "alert" | "apps" | "asterisk" | "beaker" | "bell" | "bolt" | "branch" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "compute" | "console" | "copy" | "cross" | "crosshairs" | "crossInACircleFilled" | "cut" | "database" | "document" | "documentEdit" | "documents" | "dot" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignLeft" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "exit" | "expand" | "eye" | "faceNeutral" | "filter" | "flag" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "list" | "lock" | "lockOpen" | "magnet" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuLeft" | "menuRight" | "merge" | "moon" | "node" | "offline" | "online" | "pause" | "pencil" | "pin" | "play" | "popout" | "refresh" | "save" | "scale" | "shard" | "share" | "snowflake" | "sortable" | "sortLeft" | "sortRight" | "starPlusEmpty" | "starPlusFilled" | "stats" | "stop" | "storage" | "submodule" | "symlink" | "tableOfContents" | "tag" | "tear" | "temperature" | "training" | "trash" | "user" | "vector" | "videoPlayer" | "wrench" | "addDataApp" | "advancedSettingsApp" | "apmApp" | "apmTrace" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceSad" | "filebeatApp" | "folderClosed" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexSettings" | "infraApp" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "listAdd" | "loggingApp" | "logoAerospike" | "logoApache" | "logoAPM" | "logoAppSearch" | "logoAWS" | "logoAWSMono" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticsearch" | "logoElasticStack" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "packetbeatApp" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "reportingApp" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visBarHorizontal" | "visBarVertical" | "visControls" | "visGauge" | "visGoal" | "visHeatmap" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visualizeApp" | "visVega" | "visVisualBuilder" | "watchesApp" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace")[];
 	export type EuiIconType = keyof typeof typeToPathMap;
 	export type IconType = EuiIconType | string | ReactElement;
 	export const IconPropType: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>; const colorToClassMap: {
@@ -430,7 +417,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    constructor(props: Props);
 	    componentDidUpdate(prevProps: Props): void;
 	    componentWillUnmount(): void;
-	    loadIconComponent: (iconType: "string" | "number" | "search" | "link" | "alert" | "apps" | "asterisk" | "beaker" | "bell" | "bolt" | "branch" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "clock" | "compute" | "console" | "copy" | "cross" | "crosshairs" | "crossInACircleFilled" | "cut" | "database" | "document" | "dot" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignLeft" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "exit" | "expand" | "eye" | "faceNeutral" | "filter" | "flag" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "list" | "lock" | "lockOpen" | "magnet" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuLeft" | "menuRight" | "merge" | "moon" | "node" | "offline" | "online" | "pause" | "pencil" | "pin" | "play" | "popout" | "refresh" | "save" | "scale" | "shard" | "share" | "snowflake" | "sortable" | "sortLeft" | "sortRight" | "starPlusEmpty" | "starPlusFilled" | "stats" | "stop" | "storage" | "submodule" | "symlink" | "tableOfContents" | "tag" | "tear" | "temperature" | "trash" | "user" | "vector" | "wrench" | "addDataApp" | "advancedSettingsApp" | "apmApp" | "apmTrace" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceSad" | "filebeatApp" | "folderClosed" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexSettings" | "infraApp" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "listAdd" | "loggingApp" | "logoAerospike" | "logoApache" | "logoAPM" | "logoAppSearch" | "logoAWS" | "logoAWSMono" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticsearch" | "logoElasticStack" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "packetbeatApp" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "reportingApp" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visBarHorizontal" | "visBarVertical" | "visControls" | "visGauge" | "visGoal" | "visHeatmap" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visualizeApp" | "visVega" | "visVisualBuilder" | "watchesApp" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace") => void;
+	    loadIconComponent: (iconType: "string" | "number" | "search" | "link" | "alert" | "apps" | "asterisk" | "beaker" | "bell" | "bolt" | "branch" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "compute" | "console" | "copy" | "cross" | "crosshairs" | "crossInACircleFilled" | "cut" | "database" | "document" | "documentEdit" | "documents" | "dot" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignLeft" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "exit" | "expand" | "eye" | "faceNeutral" | "filter" | "flag" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "list" | "lock" | "lockOpen" | "magnet" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuLeft" | "menuRight" | "merge" | "moon" | "node" | "offline" | "online" | "pause" | "pencil" | "pin" | "play" | "popout" | "refresh" | "save" | "scale" | "shard" | "share" | "snowflake" | "sortable" | "sortLeft" | "sortRight" | "starPlusEmpty" | "starPlusFilled" | "stats" | "stop" | "storage" | "submodule" | "symlink" | "tableOfContents" | "tag" | "tear" | "temperature" | "training" | "trash" | "user" | "vector" | "videoPlayer" | "wrench" | "addDataApp" | "advancedSettingsApp" | "apmApp" | "apmTrace" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceSad" | "filebeatApp" | "folderClosed" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexSettings" | "infraApp" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "listAdd" | "loggingApp" | "logoAerospike" | "logoApache" | "logoAPM" | "logoAppSearch" | "logoAWS" | "logoAWSMono" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticsearch" | "logoElasticStack" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "packetbeatApp" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "reportingApp" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visBarHorizontal" | "visBarVertical" | "visControls" | "visGauge" | "visGoal" | "visHeatmap" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visualizeApp" | "visVega" | "visVisualBuilder" | "watchesApp" | "tokenClass" | "tokenProperty" | "tokenEnum" | "tokenVariable" | "tokenMethod" | "tokenAnnotation" | "tokenException" | "tokenInterface" | "tokenParameter" | "tokenField" | "tokenElement" | "tokenFunction" | "tokenBoolean" | "tokenString" | "tokenArray" | "tokenNumber" | "tokenConstant" | "tokenObject" | "tokenEvent" | "tokenKey" | "tokenNull" | "tokenStruct" | "tokenPackage" | "tokenOperator" | "tokenEnumMember" | "tokenRepo" | "tokenSymbol" | "tokenFile" | "tokenModule" | "tokenNamespace") => void;
 	    render(): JSX.Element;
 	}
 	export {};
@@ -3402,7 +3389,6 @@ declare module '@elastic/eui' {
 
 
 
-
 
 
 declare module '@elastic/eui' {
@@ -3430,6 +3416,234 @@ declare module '@elastic/eui/src/test/required_props' {
 	    'data-test-subj': string;
 	};
 
+}
+declare module '@elastic/eui/src/components/flex/flex_group' {
+	import { HTMLAttributes, FunctionComponent } 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 interface EuiFlexGroupProps {
+	    alignItems?: FlexGroupAlignItems;
+	    component?: FlexGroupComponentType;
+	    direction?: FlexGroupDirection;
+	    gutterSize?: FlexGroupGutterSize;
+	    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" | "m" | "l" | "xl" | "none" | "xs")[]; const alignItemsToClassNameMap: {
+	    stretch: null;
+	    flexStart: string;
+	    flexEnd: string;
+	    center: string;
+	    baseline: string;
+	};
+	export const ALIGN_ITEMS: ("baseline" | "center" | "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" | "rowReverse" | "column" | "columnReverse")[];
+	export const EuiFlexGroup: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement | HTMLSpanElement> & EuiFlexGroupProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/flex/flex_grid' {
+	import { HTMLAttributes, ReactNode, FunctionComponent } 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 interface EuiFlexGridProps {
+	    children?: ReactNode;
+	    /**
+	     * Number of columns `1-4`, pass `0` for normal display
+	     */
+	    columns?: FlexGridColumns;
+	    /**
+	     * 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;
+	    /**
+	     * Space between flex items
+	     */
+	    gutterSize?: FlexGridGutterSize;
+	    /**
+	     * Force each item to be display block on smaller screens
+	     */
+	    responsive?: boolean;
+	} 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[];
+	export const EuiFlexGrid: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & EuiFlexGridProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/flex/flex_item' {
+	import { HTMLAttributes, FunctionComponent } 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 type FlexItemComponentType = 'div' | 'span' | 'figure';
+	export interface EuiFlexItemProps {
+	    grow?: FlexItemGrowSize;
+	    component?: FlexItemComponentType;
+	}
+	export const GROW_SIZES: FlexItemGrowSize[];
+	export const EuiFlexItem: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement | HTMLSpanElement> & EuiFlexItemProps>;
+
+}
+declare module '@elastic/eui' {
+	export { EuiFlexGroup } from '@elastic/eui/src/components/flex/flex_group';
+	export { EuiFlexGrid } from '@elastic/eui/src/components/flex/flex_grid';
+	export { EuiFlexItem } from '@elastic/eui/src/components/flex/flex_item';
+
+}
+declare module '@elastic/eui/src/components/observer/observer' {
+	import { Component, ReactNode } from 'react';
+	interface BaseProps {
+	    children: (ref: any) => ReactNode;
+	}
+	interface Observer {
+	    disconnect: () => void;
+	    observe: (element: Element, options?: {
+	        [key: string]: any;
+	    }) => void;
+	}
+	export class EuiObserver<Props extends BaseProps> extends Component<Props> {
+	    protected name: string;
+	    protected childNode: null | Element;
+	    protected observer: null | Observer;
+	    componentDidMount(): void;
+	    componentWillUnmount(): void;
+	    updateChildNode: (ref: Element) => void;
+	    beginObserve: () => void;
+	    render(): ReactNode;
+	}
+	export {};
+
+}
+declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_observer' {
+	import { ReactNode } from 'react';
+	import { EuiObserver } from '@elastic/eui/src/components/observer/observer';
+	interface Props {
+	    children: (ref: (e: HTMLElement | null) => void) => ReactNode;
+	    onMutation: MutationCallback;
+	    observerOptions?: MutationObserverInit;
+	}
+	export class EuiMutationObserver extends EuiObserver<Props> {
+	    name: string;
+	    beginObserve: () => void;
+	}
+	export {};
+
+}
+declare module '@elastic/eui' {
+	export { EuiMutationObserver } from '@elastic/eui/src/components/observer/mutation_observer/mutation_observer';
+
+}
+declare module '@elastic/eui/src/components/accordion/accordion' {
+	import { Component, HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common'; const paddingSizeToClassNameMap: {
+	    none: null;
+	    xs: string;
+	    s: string;
+	    m: string;
+	    l: string;
+	    xl: string;
+	};
+	export const PADDING_SIZES: ("s" | "m" | "l" | "xl" | "none" | "xs")[];
+	export type EuiAccordionSize = keyof typeof paddingSizeToClassNameMap;
+	export type EuiAccordionProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
+	    id: string;
+	    /**
+	     * Class that will apply to the trigger for the accordion.
+	     */
+	    buttonClassName?: string;
+	    /**
+	     * Class that will apply to the trigger content for the accordion.
+	     */
+	    buttonContentClassName?: string;
+	    /**
+	     * The content of the clickable trigger
+	     */
+	    buttonContent?: ReactNode;
+	    /**
+	     * Will appear right aligned against the button. Useful for separate actions like deletions.
+	     */
+	    extraAction?: ReactNode;
+	    /**
+	     * The accordion will start in the open state.
+	     */
+	    initialIsOpen: boolean;
+	    /**
+	     * Optional callback method called on open and close with a single `isOpen` parameter
+	     */
+	    onToggle?: (isOpen: boolean) => void;
+	    /**
+	     * The padding around the exposed accordion content.
+	     */
+	    paddingSize: EuiAccordionSize;
+	};
+	export class EuiAccordion extends Component<EuiAccordionProps, {
+	    isOpen: boolean;
+	}> {
+	    static defaultProps: {
+	        initialIsOpen: boolean;
+	        paddingSize: string;
+	    };
+	    childContent: HTMLDivElement | null;
+	    childWrapper: HTMLDivElement | null;
+	    state: {
+	        isOpen: boolean;
+	    };
+	    setChildContentHeight: () => void;
+	    componentDidMount(): void;
+	    componentDidUpdate(): void;
+	    onToggle: () => void;
+	    setChildContentRef: (node: HTMLDivElement | null) => void;
+	    render(): JSX.Element;
+	}
+	export {};
+
+}
+declare module '@elastic/eui/src/components/accordion/accordion.test' {
+	export {};
+
+}
+declare module '@elastic/eui' {
+	export { EuiAccordion, EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion';
+
 }
 declare module '@elastic/eui/src/components/avatar/avatar' {
 	import { HTMLAttributes, FunctionComponent } from 'react';
@@ -3594,30 +3808,6 @@ declare module '@elastic/eui/src/components/form/form_row/make_id' {
 	 function makeId(): string;
 	export default makeId;
 
-}
-declare module '@elastic/eui/src/components/observer/observer' {
-	import { Component, ReactNode } from 'react';
-	interface BaseProps {
-	    children: (ref: any) => ReactNode;
-	}
-	interface Observer {
-	    disconnect: () => void;
-	    observe: (element: Element, options?: {
-	        [key: string]: any;
-	    }) => void;
-	}
-	export class EuiObserver<Props extends BaseProps> extends Component<Props> {
-	    protected name: string;
-	    protected childNode: null | Element;
-	    protected observer: null | Observer;
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    updateChildNode: (ref: Element) => void;
-	    beginObserve: () => void;
-	    render(): ReactNode;
-	}
-	export {};
-
 }
 declare module '@elastic/eui/src/components/observer/resize_observer/resize_observer' {
 	import { ReactNode } from 'react';
@@ -4316,130 +4506,18 @@ declare module '@elastic/eui' {
 declare module '@elastic/eui/src/components/filter_group/filter_group.test' {
 	export {};
 
-}
-declare module '@elastic/eui/src/components/flex/flex_grid' {
-	import { HTMLAttributes, ReactNode, FunctionComponent } 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 interface EuiFlexGridProps {
-	    children?: ReactNode;
-	    /**
-	     * Number of columns `1-4`, pass `0` for normal display
-	     */
-	    columns?: FlexGridColumns;
-	    /**
-	     * 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;
-	    /**
-	     * Space between flex items
-	     */
-	    gutterSize?: FlexGridGutterSize;
-	    /**
-	     * Force each item to be display block on smaller screens
-	     */
-	    responsive?: boolean;
-	} 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[];
-	export const EuiFlexGrid: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & EuiFlexGridProps>;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/flex/flex_grid.test' {
 	export {};
 
-}
-declare module '@elastic/eui/src/components/flex/flex_group' {
-	import { HTMLAttributes, FunctionComponent } 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 interface EuiFlexGroupProps {
-	    alignItems?: FlexGroupAlignItems;
-	    component?: FlexGroupComponentType;
-	    direction?: FlexGroupDirection;
-	    gutterSize?: FlexGroupGutterSize;
-	    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" | "m" | "l" | "xl" | "none" | "xs")[]; const alignItemsToClassNameMap: {
-	    stretch: null;
-	    flexStart: string;
-	    flexEnd: string;
-	    center: string;
-	    baseline: string;
-	};
-	export const ALIGN_ITEMS: ("baseline" | "center" | "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: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement | HTMLSpanElement> & EuiFlexGroupProps>;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/flex/flex_group.test' {
 	export {};
 
-}
-declare module '@elastic/eui/src/components/flex/flex_item' {
-	import { HTMLAttributes, FunctionComponent } 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 type FlexItemComponentType = 'div' | 'span' | 'figure';
-	export interface EuiFlexItemProps {
-	    grow?: FlexItemGrowSize;
-	    component?: FlexItemComponentType;
-	}
-	export const GROW_SIZES: FlexItemGrowSize[];
-	export const EuiFlexItem: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement | HTMLSpanElement> & EuiFlexItemProps>;
-
 }
 declare module '@elastic/eui/src/components/flex/flex_item.test' {
 	export {};
 
-}
-declare module '@elastic/eui' {
-	export { EuiFlexGroup } from '@elastic/eui/src/components/flex/flex_group';
-	export { EuiFlexGrid } from '@elastic/eui/src/components/flex/flex_grid';
-	export { EuiFlexItem } from '@elastic/eui/src/components/flex/flex_item';
-
 }
 declare module '@elastic/eui/src/components/flyout/flyout_body.test' {
 	export {};
@@ -4705,8 +4783,8 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	import { EuiFormControlLayoutClearButtonProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button';
 	import { EuiFormControlLayoutCustomIconProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_custom_icon';
 	import { IconType } from '@elastic/eui';
-	import { Omit } from '@elastic/eui/src/components/common';
-	export const ICON_SIDES: ['left', 'right']; type IconShape = Partial<Omit<EuiFormControlLayoutCustomIconProps, 'type' | 'iconRef'>> & {
+	import { DistributiveOmit } from '@elastic/eui/src/components/common';
+	export const ICON_SIDES: ['left', 'right']; type IconShape = DistributiveOmit<EuiFormControlLayoutCustomIconProps, 'type' | 'iconRef'> & {
 	    type: IconType;
 	    side?: typeof ICON_SIDES[number];
 	    ref?: EuiFormControlLayoutCustomIconProps['iconRef'];
@@ -4936,13 +5014,190 @@ declare module '@elastic/eui' {
 	  >;
 	}
 
+}
+declare module '@elastic/eui/src/components/form/range/range_highlight' {
+	import { FunctionComponent } from 'react';
+	export interface EuiRangeHighlightProps {
+	    hasFocus?: boolean;
+	    showTicks?: boolean;
+	    lowerValue: number;
+	    upperValue: number;
+	    max: number;
+	    min: number;
+	}
+	export const EuiRangeHighlight: FunctionComponent<EuiRangeHighlightProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_label' {
+	import { FunctionComponent } from 'react';
+	export interface EuiRangeLabelProps {
+	    children: string | number;
+	    disabled?: boolean;
+	    side?: 'min' | 'max';
+	}
+	export const EuiRangeLabel: FunctionComponent<EuiRangeLabelProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_levels' {
+	import { FunctionComponent } from 'react';
+	export type EuiRangeLevelColor = 'primary' | 'success' | 'warning' | 'danger';
+	export const LEVEL_COLORS: EuiRangeLevelColor[];
+	export interface EuiRangeLevel {
+	    min: number;
+	    max: number;
+	    color: EuiRangeLevelColor;
+	}
+	export interface EuiRangeLevelsProps {
+	    levels?: EuiRangeLevel[];
+	    max: number;
+	    min: number;
+	    showTicks?: boolean;
+	}
+	export const EuiRangeLevels: FunctionComponent<EuiRangeLevelsProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_slider' {
+	import { ChangeEventHandler, FunctionComponent, 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;
+	    hasFocus?: boolean;
+	    showRange?: boolean;
+	    showTicks?: boolean;
+	    disabled?: boolean;
+	    tabIndex?: number;
+	    onChange?: ChangeEventHandler<HTMLInputElement>;
+	};
+	export const EuiRangeSlider: FunctionComponent<EuiRangeSliderProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_thumb' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type EuiRangeThumbProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
+	    min: number;
+	    max: number;
+	    value?: number | string;
+	    disabled?: boolean;
+	    showInput?: boolean;
+	    showTicks?: boolean;
+	};
+	export const EuiRangeThumb: FunctionComponent<EuiRangeThumbProps>;
+
+}
+declare module '@elastic/eui/src/components/inner_text/inner_text' {
+	import { FunctionComponent, ReactElement } from 'react'; type RefT = HTMLElement | Element | undefined | null;
+	export function useInnerText(innerTextFallback?: string): [((node: RefT) => void), string | undefined];
+	export interface EuiInnerTextProps {
+	    children: (ref?: (node: RefT) => void, innerText?: string) => ReactElement;
+	    fallback?: string;
+	}
+	export const EuiInnerText: FunctionComponent<EuiInnerTextProps>;
+	export {};
+
+}
+declare module '@elastic/eui' {
+	export { useInnerText, EuiInnerText } from '@elastic/eui/src/components/inner_text/inner_text';
+
+}
+declare module '@elastic/eui/src/components/form/range/range_ticks' {
+	import { ButtonHTMLAttributes, MouseEventHandler, FunctionComponent, ReactNode } from 'react';
+	import { Omit } from '@elastic/eui/src/components/common';
+	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;
+	    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;
+	    name?: string;
+	    showTicks?: boolean;
+	}
+	export const EuiRangeTooltip: FunctionComponent<EuiRangeTooltipProps>;
+
+}
+declare module '@elastic/eui/src/components/form/range/range_track' {
+	import { Component, MouseEventHandler } 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 {
+	    min: number;
+	    max: number;
+	    step?: number;
+	    value?: number | string | Array<string | number>;
+	    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: number, max: number, interval?: number | undefined) => number[];
+	    calculateTicks: (min: number, max: number, step?: number | undefined, tickInterval?: number | undefined, customTicks?: EuiRangeTick[] | undefined) => number[];
+	    render(): JSX.Element;
+	}
+
+}
+declare module '@elastic/eui/src/components/form/range/range_wrapper' {
+	import { FunctionComponent } from 'react';
+	export interface EuiRangeWrapperProps {
+	    className?: string;
+	    fullWidth?: boolean;
+	}
+	export const EuiRangeWrapper: FunctionComponent<EuiRangeWrapperProps>;
+
 }
 declare module '@elastic/eui' {
 	import { CommonProps, Omit } from '@elastic/eui/src/components/common';
 
-	import { ReactNode, FunctionComponent, InputHTMLAttributes } from 'react'; module '@elastic/eui' {
+	import { ReactNode, FunctionComponent, InputHTMLAttributes } from 'react';
+
+	import { EuiRangeHighlightProps } from '@elastic/eui/src/components/form/range/range_highlight';
+	import { EuiRangeLabelProps } from '@elastic/eui/src/components/form/range/range_label';
+	import { EuiRangeLevelsProps, EuiRangeLevel } from '@elastic/eui/src/components/form/range/range_levels';
+	import { EuiRangeSliderProps } from '@elastic/eui/src/components/form/range/range_slider';
+	import { EuiRangeThumbProps } from '@elastic/eui/src/components/form/range/range_thumb';
+	import { EuiRangeTicksProps } from '@elastic/eui/src/components/form/range/range_ticks';
+	import { EuiRangeTooltipProps } from '@elastic/eui/src/components/form/range/range_tooltip';
+	import { EuiRangeTrackProps } from '@elastic/eui/src/components/form/range/range_track';
+	import { EuiRangeWrapperProps } from '@elastic/eui/src/components/form/range/range_wrapper'; module '@elastic/eui' {
 	  export type EuiRangeLevelColor = 'primary' | 'success' | 'warning' | 'danger';
 
+	  export const EuiRangeHighlight: FunctionComponent<EuiRangeHighlightProps>;
+	  export const EuiRangeLabel: FunctionComponent<EuiRangeLabelProps>;
+	  export const EuiRangeLevels: FunctionComponent<EuiRangeLevelsProps>;
+	  export const EuiRangeSlider: FunctionComponent<EuiRangeSliderProps>;
+	  export const EuiRangeThumb: FunctionComponent<EuiRangeThumbProps>;
+	  export const EuiRangeTicks: FunctionComponent<EuiRangeTicksProps>;
+	  export const EuiRangeTooltip: FunctionComponent<EuiRangeTooltipProps>;
+	  export const EuiRangeTrack: FunctionComponent<EuiRangeTrackProps>;
+	  export const EuiRangeWrapper: FunctionComponent<EuiRangeWrapperProps>;
+
 	  /**
 	   * single range type def
 	   *
@@ -4953,7 +5208,7 @@ declare module '@elastic/eui' {
 	    compressed?: boolean;
 	    fullWidth?: boolean;
 	    id?: string;
-	    levels?: Array<{ min?: number; max?: number; color?: EuiRangeLevelColor }>;
+	    levels?: EuiRangeLevel[];
 	    // `min` and `max` are optional in HTML but required for our component,
 	    // so we override them.
 	    max: number;
@@ -4994,6 +5249,14 @@ declare module '@elastic/eui' {
 	  >;
 	}
 
+}
+declare module '@elastic/eui/src/components/form/range/range_levels.test' {
+	export {};
+
+}
+declare module '@elastic/eui/src/components/form/range/range_track.test' {
+	export {};
+
 }
 declare module '@elastic/eui' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
@@ -5234,6 +5497,10 @@ declare module '@elastic/eui/src/components/i18n/i18n_util.test' {
 declare module '@elastic/eui/src/components/icon/icon.test' {
 	export {};
 
+}
+declare module '@elastic/eui/src/components/inner_text/inner_text.test' {
+	export {};
+
 }
 declare module '@elastic/eui' {
 	import {
@@ -5340,25 +5607,6 @@ declare module '@elastic/eui/src/components/modal/modal_header.test' {
 declare module '@elastic/eui/src/components/modal/modal_header_title.test' {
 	export {};
 
-}
-declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_observer' {
-	import { ReactNode } from 'react';
-	import { EuiObserver } from '@elastic/eui/src/components/observer/observer';
-	interface Props {
-	    children: (ref: (e: HTMLElement | null) => void) => ReactNode;
-	    onMutation: MutationCallback;
-	    observerOptions?: MutationObserverInit;
-	}
-	export class EuiMutationObserver extends EuiObserver<Props> {
-	    name: string;
-	    beginObserve: () => void;
-	}
-	export {};
-
-}
-declare module '@elastic/eui' {
-	export { EuiMutationObserver } from '@elastic/eui/src/components/observer/mutation_observer/mutation_observer';
-
 }
 declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_observer.test' {
 	export function waitforMutationObserver(period?: number): Promise<void>;
@@ -5996,7 +6244,7 @@ declare module '@elastic/eui/src/components/toast/toast' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps, Omit } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui'; type ToastColor = 'primary' | 'success' | 'warning' | 'danger';
-	export const COLORS: ToastColor[];
+	export const COLORS: import ("@elastic/eui/src/components/form/range/range_levels").EuiRangeLevelColor[];
 	export interface EuiToastProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
 	    title?: ReactNode;
 	    color?: ToastColor;