@elastic/eui 12.2.0 → 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;
@@ -203,6 +188,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    logoCeph: string;
 	    logoCloud: string;
 	    logoCloudEnterprise: string;
+	    logoCode: string;
 	    logoCodesandbox: string;
 	    logoCouchbase: string;
 	    logoDocker: string;
@@ -223,7 +209,9 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    logoKafka: string;
 	    logoKibana: string;
 	    logoKubernetes: string;
+	    logoLogging: string;
 	    logoLogstash: string;
+	    logoMaps: string;
 	    logoMemcached: string;
 	    logoMetrics: string;
 	    logoMongodb: string;
@@ -235,12 +223,13 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    logoPrometheus: string;
 	    logoRabbitmq: string;
 	    logoRedis: string;
+	    logoSecurity: string;
 	    logoSiteSearch: string;
 	    logoSketch: string;
 	    logoSlack: string;
+	    logoUptime: string;
 	    logoWebhook: string;
 	    logoWindows: string;
-	    logoXpack: string;
 	    logstashFilter: string;
 	    logstashIf: string;
 	    logstashInput: string;
@@ -318,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;
@@ -376,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" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticsearch" | "logoElasticStack" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogstash" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoWebhook" | "logoWindows" | "logoXpack" | "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: {
@@ -426,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" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticsearch" | "logoElasticStack" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogstash" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoWebhook" | "logoWindows" | "logoXpack" | "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 {};
@@ -1760,6 +1751,7 @@ declare module '@elastic/eui' {
 declare module '@elastic/eui' {
 	import {
 	  ButtonHTMLAttributes,
+	  HTMLAttributes,
 	  ReactNode,
 	  FunctionComponent,
 	  FocusEventHandler,
@@ -1770,47 +1762,51 @@ declare module '@elastic/eui' {
 	  EuiComboBoxOptionProps,
 	  EuiComboBoxOptionsListPosition,
 	  EuiComboBoxOptionsListProps,
+	  EuiComboBoxProps,
 	} from '@elastic/eui'; // eslint-disable-line import/no-unresolved
-	import { RefCallback, CommonProps } from '@elastic/eui/src/components/common'; module '@elastic/eui' {
-	  export type EuiComboBoxOptionProps = CommonProps &
-	    ButtonHTMLAttributes<HTMLButtonElement> & {
+	import { RefCallback, CommonProps, Omit } from '@elastic/eui/src/components/common'; module '@elastic/eui' {
+	  export type EuiComboBoxOptionProps<
+	    T = string | number | string[] | undefined
+	  > = CommonProps &
+	    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
 	      label: string;
 	      isGroupLabelOption?: boolean;
-	      options?: EuiComboBoxOptionProps[];
+	      options?: Array<EuiComboBoxOptionProps<T>>;
+	      value?: T;
 	    };
 
 	  export type EuiComboBoxOptionsListPosition = 'top' | 'bottom';
 
-	  export interface EuiComboBoxOption {
-	    option: EuiComboBoxOptionProps;
+	  export interface EuiComboBoxOption<T> {
+	    option: EuiComboBoxOptionProps<T>;
 	    children?: ReactNode;
 	    className?: string;
 	    optionRef?: RefCallback<HTMLButtonElement>;
-	    onClick: (option: EuiComboBoxOptionProps) => any;
-	    onEnterKey: (option: EuiComboBoxOptionProps) => any;
+	    onClick: (option: EuiComboBoxOptionProps<T>) => any;
+	    onEnterKey: (option: EuiComboBoxOptionProps<T>) => any;
 	    disabled?: boolean;
 	  }
 
-	  export interface EuiComboBoxOptionsListProps {
-	    options?: EuiComboBoxOptionProps[];
+	  export interface EuiComboBoxOptionsListProps<T> {
+	    options?: Array<EuiComboBoxOptionProps<T>>;
 	    isLoading?: boolean;
 	    selectedOptions?: any[];
 	    onCreateOption?: any;
 	    searchValue?: string;
-	    matchingOptions?: EuiComboBoxOptionProps[];
-	    optionRef?: EuiComboBoxOption['optionRef'];
-	    onOptionClick?: EuiComboBoxOption['onClick'];
-	    onOptionEnterKey?: EuiComboBoxOption['onEnterKey'];
+	    matchingOptions?: Array<EuiComboBoxOptionProps<T>>;
+	    optionRef?: EuiComboBoxOption<T>['optionRef'];
+	    onOptionClick?: EuiComboBoxOption<T>['onClick'];
+	    onOptionEnterKey?: EuiComboBoxOption<T>['onEnterKey'];
 	    areAllOptionsSelected?: boolean;
 	    getSelectedOptionForSearchValue?: (
 	      searchValue: string,
 	      selectedOptions: any[]
-	    ) => EuiComboBoxOptionProps;
+	    ) => EuiComboBoxOptionProps<T>;
 	    updatePosition: (parameter?: UIEvent | EuiPanelProps['panelRef']) => any;
 	    position?: EuiComboBoxOptionsListPosition;
 	    listRef: EuiPanelProps['panelRef'];
 	    renderOption?: (
-	      option: EuiComboBoxOptionProps,
+	      option: EuiComboBoxOptionProps<T>,
 	      searchValue: string,
 	      OPTION_CONTENT_CLASSNAME: string
 	    ) => ReactNode;
@@ -1820,15 +1816,15 @@ declare module '@elastic/eui' {
 	    rowHeight?: number;
 	    fullWidth?: boolean;
 	  }
-	  export const EuiComboBoxOptionsList: FunctionComponent<
-	    EuiComboBoxOptionsListProps
-	  >;
+	  export function EuiComboBoxOptionsList<T>(
+	    props: EuiComboBoxOptionsListProps<T>
+	  ): ReturnType<FunctionComponent<EuiComboBoxOptionsListProps<T>>>;
 
 	  export interface EuiComboBoxSingleSelectionShape {
 	    asPlainText?: boolean;
 	  }
 
-	  export interface EuiComboBoxProps {
+	  export interface EuiComboBoxProps<T> {
 	    id?: string;
 	    isDisabled?: boolean;
 	    className?: string;
@@ -1837,21 +1833,25 @@ declare module '@elastic/eui' {
 	    async?: boolean;
 	    singleSelection?: EuiComboBoxSingleSelectionShape | boolean;
 	    noSuggestions?: boolean;
-	    options?: EuiComboBoxOptionsListProps['options'];
-	    selectedOptions?: EuiComboBoxOptionsListProps['selectedOptions'];
+	    options?: EuiComboBoxOptionsListProps<T>['options'];
+	    selectedOptions?: EuiComboBoxOptionsListProps<T>['selectedOptions'];
 	    onBlur?: FocusEventHandler<HTMLInputElement>;
-	    onChange?: (options: EuiComboBoxOptionProps[]) => any;
+	    onChange?: (options: Array<EuiComboBoxOptionProps<T>>) => any;
 	    onFocus?: FocusEventHandler<HTMLInputElement>;
 	    onSearchChange?: (searchValue: string) => any;
-	    onCreateOption?: EuiComboBoxOptionsListProps['onCreateOption'];
-	    renderOption?: EuiComboBoxOptionsListProps['renderOption'];
+	    onCreateOption?: EuiComboBoxOptionsListProps<T>['onCreateOption'];
+	    renderOption?: EuiComboBoxOptionsListProps<T>['renderOption'];
 	    isInvalid?: boolean;
 	    rowHeight?: number;
 	    isClearable?: boolean;
 	    fullWidth?: boolean;
 	    inputRef?: (element: HTMLInputElement) => void;
 	  }
-	  export const EuiComboBox: FunctionComponent<EuiComboBoxProps>;
+
+	  export function EuiComboBox<T>(
+	    props: EuiComboBoxProps<T> &
+	      Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>
+	  ): ReturnType<FunctionComponent<EuiComboBoxProps<T>>>;
 	}
 
 }
@@ -2471,8 +2471,6 @@ declare module '@elastic/eui' {
 	
 	
 	
-	
-	
 
 	import { FunctionComponent, FormHTMLAttributes, ReactNode } from 'react'; module '@elastic/eui' {
 	  /**
@@ -3391,7 +3389,6 @@ declare module '@elastic/eui' {
 
 
 
-
 
 
 declare module '@elastic/eui' {
@@ -3419,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';
@@ -3583,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';
@@ -3858,12 +4059,17 @@ declare module '@elastic/eui/src/test/react_warnings' {
 	export const startThrowingReactWarnings: () => void;
 	export const stopThrowingReactWarnings: () => void;
 
+}
+declare module '@elastic/eui/src/test/sleep' {
+	export function sleep(ms?: number): Promise<{}>;
+
 }
 declare module '@elastic/eui' {
 	export { requiredProps } from '@elastic/eui/src/test/required_props';
 	export { takeMountedSnapshot } from '@elastic/eui/src/test/take_mounted_snapshot';
 	export { findTestSubject } from '@elastic/eui/src/test/find_test_subject';
 	export { startThrowingReactWarnings, stopThrowingReactWarnings, } from '@elastic/eui/src/test/react_warnings';
+	export { sleep } from '@elastic/eui/src/test/sleep';
 
 }
 declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge.test' {
@@ -3892,9 +4098,9 @@ declare module '@elastic/eui/src/components/color_picker/saturation.test' {
 }
 declare module '@elastic/eui/src/components/combo_box/matching_options' {
 	import { EuiComboBoxOptionProps } from '@elastic/eui';
-	export const flattenOptionGroups: (optionsOrGroups: EuiComboBoxOptionProps[]) => EuiComboBoxOptionProps[];
-	export const getSelectedOptionForSearchValue: (searchValue: string, selectedOptions: EuiComboBoxOptionProps[]) => EuiComboBoxOptionProps | undefined;
-	export const getMatchingOptions: (options: EuiComboBoxOptionProps[], selectedOptions: EuiComboBoxOptionProps[], searchValue: string, isPreFiltered: boolean, showPrevSelected: boolean) => EuiComboBoxOptionProps[];
+	export const flattenOptionGroups: <T>(optionsOrGroups: EuiComboBoxOptionProps<T>[]) => EuiComboBoxOptionProps<T>[];
+	export const getSelectedOptionForSearchValue: <T>(searchValue: string, selectedOptions: EuiComboBoxOptionProps<T>[]) => EuiComboBoxOptionProps<T> | undefined;
+	export const getMatchingOptions: <T>(options: EuiComboBoxOptionProps<T>[], selectedOptions: EuiComboBoxOptionProps<T>[], searchValue: string, isPreFiltered: boolean, showPrevSelected: boolean) => EuiComboBoxOptionProps<T>[];
 
 }
 declare module '@elastic/eui/src/components/combo_box/matching_options.test' {
@@ -4300,110 +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 interface EuiFlexGridProps {
-	    children?: ReactNode;
-	    columns?: FlexGridColumns;
-	    gutterSize?: FlexGridGutterSize;
-	    responsive?: boolean;
-	} 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 {};
@@ -4580,25 +4694,162 @@ declare module '@elastic/eui' {
 	}
 
 }
-declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button' {
-	import { FunctionComponent, ButtonHTMLAttributes } from 'react';
+declare module '@elastic/eui/src/components/loading/loading_kibana' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
+	    m: string;
+	    l: string;
+	    xl: string;
+	};
+	export const SIZES: ("m" | "l" | "xl")[];
+	export interface EuiLoadingKibanaProps {
+	    size?: keyof typeof sizeToClassNameMap;
+	}
+	export const EuiLoadingKibana: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & EuiLoadingKibanaProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/loading/loading_chart' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
+	    m: string;
+	    l: string;
+	    xl: string;
+	};
+	export const SIZES: ("m" | "l" | "xl")[];
+	export type EuiLoadingChartSize = keyof typeof sizeToClassNameMap;
+	export const EuiLoadingChart: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & {
+	    /**
+	     * Makes the loader animation black and white
+	     */
+	    mono?: boolean;
+	    size?: EuiLoadingChartSize;
+	}>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/loading/loading_content' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const EuiFormControlLayoutClearButton: FunctionComponent<CommonProps & ButtonHTMLAttributes<HTMLButtonElement>>;
+	export type LineRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+	export const EuiLoadingContent: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & {
+	    lines?: LineRange;
+	}>;
 
 }
-declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button.test' {
+declare module '@elastic/eui/src/components/loading/loading_spinner' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
+	    s: string;
+	    m: string;
+	    l: string;
+	    xl: string;
+	};
+	export const SIZES: ("s" | "m" | "l" | "xl")[];
+	export type EuiLoadingSpinnerSize = keyof typeof sizeToClassNameMap;
+	export const EuiLoadingSpinner: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & {
+	    size?: EuiLoadingSpinnerSize;
+	}>;
 	export {};
 
+}
+declare module '@elastic/eui' {
+	export { EuiLoadingKibana } from '@elastic/eui/src/components/loading/loading_kibana';
+	export { EuiLoadingChart } from '@elastic/eui/src/components/loading/loading_chart';
+	export { EuiLoadingContent } from '@elastic/eui/src/components/loading/loading_content';
+	export { EuiLoadingSpinner } from '@elastic/eui/src/components/loading/loading_spinner';
+
+}
+declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button' {
+	import { FunctionComponent, ButtonHTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type EuiFormControlLayoutClearButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+	export const EuiFormControlLayoutClearButton: FunctionComponent<EuiFormControlLayoutClearButtonProps>;
+
 }
 declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_custom_icon' {
 	import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes } from 'react';
 	import { IconType } from '@elastic/eui';
-	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	export interface EuiFormControlLayoutCustomIconProps {
+	import { CommonProps, ExclusiveUnion, Omit } from '@elastic/eui/src/components/common';
+	export type EuiFormControlLayoutCustomIconProps = CommonProps & ExclusiveUnion<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, HTMLAttributes<HTMLSpanElement>> & {
 	    type: IconType;
 	    iconRef?: string | ((el: HTMLButtonElement | HTMLSpanElement | null) => void);
+	};
+	export const EuiFormControlLayoutCustomIcon: FunctionComponent<EuiFormControlLayoutCustomIconProps>;
+
+}
+declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons' {
+	import { Component } from 'react';
+	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 { 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'];
+	};
+	export interface EuiFormControlLayoutIconsProps {
+	    icon?: IconType | IconShape;
+	    clear?: EuiFormControlLayoutClearButtonProps;
+	    isLoading?: boolean;
+	}
+	export class EuiFormControlLayoutIcons extends Component<EuiFormControlLayoutIconsProps> {
+	    render(): JSX.Element;
+	    renderCustomIcon(): JSX.Element | null;
+	    renderLoadingSpinner(): JSX.Element | null;
+	    renderClearButton(): JSX.Element | null;
+	}
+	export {};
+
+}
+declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout' {
+	import React, { Component, HTMLAttributes, ReactElement, ReactNode } from 'react';
+	import { EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export { ICON_SIDES } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons'; type ReactElements = ReactElement | ReactElement[];
+	interface AppendWithChildren {
+	    append: ReactElements;
+	    children?: ReactElement;
+	}
+	interface PrependWithChildren {
+	    prepend: ReactElements;
+	    children?: ReactElement;
+	} type SiblingsWithChildren = AppendWithChildren | PrependWithChildren; type ChildrenOptions = SiblingsWithChildren | {
+	    append?: undefined | null;
+	    prepend?: undefined | null;
+	    children?: ReactNode;
+	}; type EuiFormControlLayoutProps = CommonProps & HTMLAttributes<HTMLDivElement> & ChildrenOptions & {
+	    /**
+	     * Creates an input group with element(s) coming before children
+	     */
+	    prepend?: ReactElements;
+	    /**
+	     * Creates an input group with element(s) coming after children
+	     */
+	    append?: ReactElements;
+	    icon?: EuiFormControlLayoutIconsProps['icon'];
+	    clear?: EuiFormControlLayoutIconsProps['clear'];
+	    fullWidth?: boolean;
+	    isLoading?: boolean;
+	    className?: string;
+	    compressed?: boolean;
+	    readOnly?: boolean;
+	};
+	export class EuiFormControlLayout extends Component<EuiFormControlLayoutProps> {
+	    render(): JSX.Element;
+	    renderPrepends(): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[] | undefined;
+	    renderAppends(): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[] | undefined;
+	    createSideNode(node: ReactElement, side: 'append' | 'prepend', key: React.Key): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
 	}
-	export const EuiFormControlLayoutCustomIcon: FunctionComponent<CommonProps & ExclusiveUnion<ButtonHTMLAttributes<HTMLButtonElement>, HTMLAttributes<HTMLSpanElement>> & EuiFormControlLayoutCustomIconProps>;
+
+}
+declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout.test' {
+	export {};
+
+}
+declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button.test' {
+	export {};
 
 }
 declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_custom_icon.test' {
@@ -4606,18 +4857,9 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 
 }
 declare module '@elastic/eui' {
-	import { EuiFormControlLayoutClearButton as FormControlLayoutClearButton } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button';
-	import { EuiFormControlLayoutCustomIcon as FormControlLayoutCustomIcon } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_custom_icon'; module '@elastic/eui' {
-	  /**
-	   * @see './form_control_layout_clear_button.js'
-	   */
-	  export const EuiFormControlLayoutClearButton: typeof FormControlLayoutClearButton;
-
-	  /**
-	   * @see './form_control_layout_custom_icon.js'
-	   */
-	  export const EuiFormControlLayoutCustomIcon: typeof FormControlLayoutCustomIcon;
-	}
+	export { EuiFormControlLayout, ICON_SIDES } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout';
+	export { EuiFormControlLayoutClearButton, } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button';
+	export { EuiFormControlLayoutCustomIcon, } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_custom_icon';
 
 }
 declare module '@elastic/eui/src/components/form/form_error_text/form_error_text' {
@@ -4772,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
 	   *
@@ -4789,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;
@@ -4830,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';
@@ -5070,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 {
@@ -5144,72 +5575,6 @@ declare module '@elastic/eui' {
 	  export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
 	}
 
-}
-declare module '@elastic/eui/src/components/loading/loading_kibana' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
-	    m: string;
-	    l: string;
-	    xl: string;
-	};
-	export const SIZES: ("m" | "l" | "xl")[];
-	export interface EuiLoadingKibanaProps {
-	    size?: keyof typeof sizeToClassNameMap;
-	}
-	export const EuiLoadingKibana: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & EuiLoadingKibanaProps>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/loading/loading_chart' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
-	    m: string;
-	    l: string;
-	    xl: string;
-	};
-	export const SIZES: ("m" | "l" | "xl")[];
-	export type EuiLoadingChartSize = keyof typeof sizeToClassNameMap;
-	export const EuiLoadingChart: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & {
-	    /**
-	     * Makes the loader animation black and white
-	     */
-	    mono?: boolean;
-	    size?: EuiLoadingChartSize;
-	}>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/loading/loading_content' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type LineRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
-	export const EuiLoadingContent: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & {
-	    lines?: LineRange;
-	}>;
-
-}
-declare module '@elastic/eui/src/components/loading/loading_spinner' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const sizeToClassNameMap: {
-	    s: string;
-	    m: string;
-	    l: string;
-	    xl: string;
-	};
-	export const SIZES: ("s" | "m" | "l" | "xl")[];
-	export type EuiLoadingSpinnerSize = keyof typeof sizeToClassNameMap;
-	export const EuiLoadingSpinner: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement> & {
-	    size?: EuiLoadingSpinnerSize;
-	}>;
-	export {};
-
-}
-declare module '@elastic/eui' {
-	export { EuiLoadingKibana } from '@elastic/eui/src/components/loading/loading_kibana';
-	export { EuiLoadingChart } from '@elastic/eui/src/components/loading/loading_chart';
-	export { EuiLoadingContent } from '@elastic/eui/src/components/loading/loading_content';
-	export { EuiLoadingSpinner } from '@elastic/eui/src/components/loading/loading_spinner';
-
 }
 declare module '@elastic/eui/src/components/loading/loading_chart.test' {
 	export {};
@@ -5242,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>;
@@ -5898,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;
@@ -6260,6 +6606,11 @@ declare module '@elastic/eui/src-docs/src/views/flex/flex_grid' {
 	 const _default: () => JSX.Element;
 	export default _default;
 
+}
+declare module '@elastic/eui/src-docs/src/views/flex/flex_grid_column_first' {
+	 const _default: () => JSX.Element;
+	export default _default;
+
 }
 declare module '@elastic/eui/src-docs/src/views/flex/flex_grid_columns' {
 	 const _default: () => JSX.Element;