@elastic/eui 101.3.0 → 101.4.0-amsterdam.0

package/eui.d.ts

@@ -167,115 +167,13 @@ declare module '@elastic/eui/src/components/common' {
 	    onClick?: MouseEventHandler<HTMLButtonElement>;
 	} & ButtonHTMLAttributes<HTMLButtonElement> & P;
 
-}
-declare module '@elastic/eui/src/services/theme/types' {
-	export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
-
 }
 declare module '@elastic/eui/src/services/theme/utils' {
 	export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
 
 }
-declare module '@elastic/eui/src/services/theme/context' {
-	import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
-	export const DEFAULTS: {
-	    system: {
-	        model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
-	        root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
-	        key: string;
-	    };
-	    modifications: {};
-	    colorMode: "LIGHT";
-	    highContrastMode: false;
-	};
-	export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
-	export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>>;
-	export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
-	export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
-	export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
-	export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
-	export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
-
-}
-declare module '@elastic/eui/src/services/theme/warning' {
-	 type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
-	export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
-	export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
-	export const emitEuiProviderWarning: (providerMessage: string) => void;
-	export {};
-
-}
-declare module '@elastic/eui/src/services/theme/hooks' {
-	import React from 'react';
-	import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
-	/**
-	 * Hook for function components
-	 */
-	export interface UseEuiTheme<T extends {} = {}> {
-	    euiTheme: EuiThemeComputed<T>;
-	    colorMode: EuiThemeColorModeStandard;
-	    highContrastMode: EuiThemeHighContrastMode;
-	    modifications: EuiThemeModifications<T>;
-	}
-	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
-	/**
-	 * HOC for class components
-	 */
-	export interface WithEuiThemeProps<P extends {} = {}> {
-	    theme: UseEuiTheme<P>;
-	}
-	export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
-	/**
-	 * Render prop alternative for complex class components
-	 * Most useful for scenarios where a HOC may interfere with typing
-	 */
-	export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
-	    children: (theme: UseEuiTheme) => React.ReactElement;
-	}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-	/**
-	 * Minor syntactical sugar hook for theme CSS variables.
-	 * Primarily meant for internal EUI usage.
-	 */
-	export const useEuiThemeCSSVariables: () => {
-	    setGlobalCSSVariables: Function;
-	    globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
-	    setNearestThemeCSSVariables: Function;
-	    themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
-	};
-
-}
-declare module '@elastic/eui/src/services/throttle' {
-	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
-
-}
-declare module '@elastic/eui/src/services/breakpoint/_sorting' {
-	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
-	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
-
-}
-declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
-	import React, { FunctionComponent, PropsWithChildren } from 'react';
-	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
-	export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
-	/**
-	 * Returns the current breakpoint based on window width.
-	 * Typically only called by the top-level `EuiProvider` (to reduce the number
-	 * of window resize listeners on the page). Also conditionally called if a
-	 * nested `EuiThemeProvider` defines a `modify.breakpoint` override
-	 */
-	export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
-	export {};
-
-}
-declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
-	/**
-	 * Hook util / syntactical sugar for useContext()
-	 *
-	 * This hook is in its own separate file to make mocking it
-	 * as a testenv easy for Jest unit tests
-	 */
-	export const useCurrentEuiBreakpoint: () => string | undefined;
+declare module '@elastic/eui/src/services/theme/types' {
+	export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
 
 }
 declare module '@elastic/eui/src/services/emotion/clone_element' {
@@ -373,6 +271,10 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
 	 */
 	export const useDeepEqual: <T = any[] | Record<string, any> | undefined>(object: T) => T;
 
+}
+declare module '@elastic/eui/src/services/throttle' {
+	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
+
 }
 declare module '@elastic/eui/src/services/hooks/useMouseMove' {
 	import { MouseEvent, TouchEvent } from 'react';
@@ -395,6 +297,14 @@ declare module '@elastic/eui/src/services/hooks' {
 	export * from '@elastic/eui/src/services/hooks/useMouseMove';
 	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
 
+}
+declare module '@elastic/eui/src/services/theme/warning' {
+	 type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
+	export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
+	export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
+	export const emitEuiProviderWarning: (providerMessage: string) => void;
+	export {};
+
 }
 declare module '@elastic/eui/src/services/theme/style_memoization' {
 	import React, { FunctionComponent, PropsWithChildren } from 'react';
@@ -431,7 +341,9 @@ declare module '@elastic/eui/src/services/theme/high_contrast_overrides' {
 	    colorMode: EuiThemeColorModeStandard;
 	    system: EuiThemeSystem;
 	    modifications: EuiThemeModifications;
-	}) => import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShape> | {
+	}) => import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
+	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined;
+	}> | {
 	    colors: {
 	        LIGHT: {
 	            borderBasePrimary: string;
@@ -486,6 +398,7 @@ declare module '@elastic/eui/src/services/theme/high_contrast_overrides' {
 	    levels?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeLevels> | undefined;
 	    components?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeComponents> | undefined;
 	    flags?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeFlags> | undefined;
+	    overrides?: import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined>;
 	};
 
 }
@@ -586,6 +499,11 @@ declare module '@elastic/eui/src/services/color/color_palette' {
 	 */
 	categorical?: boolean): string[];
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
+	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+	export const colorVis: _EuiThemeVisColors;
+
 }
 declare module '@elastic/eui/src/services/color/vis_color_store' {
 	import { _EuiVisColorStore } from '@elastic/eui-theme-common';
@@ -1106,7 +1024,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
 	 */
 	export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
 	export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
-	export const useEuiPaddingCSS: (side?: "left" | "right" | "bottom" | "top" | "horizontal" | "vertical" | undefined) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
+	export const useEuiPaddingCSS: (side?: "left" | "right" | "bottom" | "top" | "horizontal" | "vertical" | undefined) => Record<"s" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins/_states' {
@@ -1156,6 +1074,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
 	 */
 	export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
 
+}
+declare module '@elastic/eui/src/services/breakpoint/_sorting' {
+	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
+	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
+
 }
 declare module '@elastic/eui/src/global_styling/variables/animations' {
 	export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
@@ -2420,6 +2344,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    code: string;
 	    codeApp: string;
 	    color: string;
+	    comment: string;
 	    compute: string;
 	    console: string;
 	    consoleApp: string;
@@ -2430,6 +2355,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    continuityWithin: string;
 	    contrast: string;
 	    contrastHigh: string;
+	    controls: string;
 	    controlsHorizontal: string;
 	    controlsVertical: string;
 	    copy: string;
@@ -2504,6 +2430,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    exit: string;
 	    expand: string;
 	    expandMini: string;
+	    export: string;
 	    exportAction: string;
 	    eye: string;
 	    eyeClosed: string;
@@ -2517,6 +2444,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    filterIgnore: string;
 	    filterInclude: string;
 	    filterInCircle: string;
+	    flask: string;
 	    flag: string;
 	    fleetApp: string;
 	    fold: string;
@@ -2714,6 +2642,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    push: string;
 	    questionInCircle: string;
 	    quote: string;
+	    readOnly: string;
 	    recentlyViewedApp: string;
 	    refresh: string;
 	    regressionJob: string;
@@ -2942,7 +2871,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
 	export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
 	import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
-	export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "error" | "warning" | "scale" | "color" | "pause" | "play" | "offline" | "online" | "storage" | "copy" | "cut" | "temperature" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
+	export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
 	export type EuiIconType = keyof typeof typeToPathMap;
 	export type IconType = EuiIconType | string | ComponentType;
 	export type IconColor = string | NamedColor;
@@ -2985,7 +2914,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    isLoading: boolean;
 	    neededLoading: boolean;
 	}
-	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "error" | "warning" | "scale" | "color" | "pause" | "play" | "offline" | "online" | "storage" | "copy" | "cut" | "temperature" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
+	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
 	export const appendIconComponentCache: (iconTypeToIconComponentMap: {
 	    [iconType: string]: React.ComponentType<{}>;
 	}) => void;
@@ -4631,7 +4560,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
 	export const EuiFlexGroup: (<TComponent extends React.ElementType = "div", TComponentRef = React.ReactElement<any, TComponent>>(props: {
 	    children?: React.ReactNode;
 	} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
-	    alignItems?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
+	    alignItems?: "center" | "stretch" | "baseline" | "flexStart" | "flexEnd" | undefined;
 	    /**
 	     * Customize the component type that is rendered.
 	     *
@@ -4646,7 +4575,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
 	     */
 	    component?: TComponent | undefined;
 	    direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
-	    gutterSize?: "s" | "xs" | "m" | "l" | "xl" | "none" | undefined;
+	    gutterSize?: "s" | "none" | "xs" | "m" | "l" | "xl" | undefined;
 	    justifyContent?: "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
 	    responsive?: boolean | undefined;
 	    wrap?: boolean | undefined;
@@ -4781,7 +4710,7 @@ declare module '@elastic/eui/src/components/flex/flex_item' {
 	export const EuiFlexItem: (<TComponent extends React.ElementType, TComponentRef = React.ReactElement<any, TComponent>>(props: {
 	    children?: React.ReactNode;
 	} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
-	    grow?: boolean | 0 | 2 | 1 | 3 | 8 | 6 | 4 | 5 | 7 | 9 | 10 | null | undefined;
+	    grow?: boolean | 0 | 1 | 6 | 3 | 2 | 4 | 5 | 7 | 8 | 9 | 10 | null | undefined;
 	    /**
 	     * Customize the component type that is rendered.
 	     *
@@ -5757,7 +5686,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
 	import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
 	import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
+	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
 	export type PanelPaddingSize = (typeof _SIZES)[number];
 	export const BORDER_RADII: readonly ["none", "m"];
 	export type PanelBorderRadius = (typeof BORDER_RADII)[number];
@@ -6862,71 +6791,6 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
 	import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
 	export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
 
-}
-declare module '@elastic/eui/src/services/color/manipulation' {
-	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
-	/**
-	 * Makes a color more transparent.
-	 * @param color - Color to manipulate
-	 * @param alpha - alpha channel value. From 0-1.
-	 */
-	export const transparentize: (color: string, alpha: number) => string;
-	/**
-	 * Mixes a provided color with white.
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 */
-	export const tint: (color: string, ratio: number) => string;
-	/**
-	 * Mixes a provided color with black.
-	 * @param color - Color to mix with black
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more black.
-	 */
-	export const shade: (color: string, ratio: number) => string;
-	/**
-	 * Returns the tinted color for light mode and shaded color for dark mode
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 * @param colorMode - Light or dark only
-	 */
-	export const tintOrShade: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
-	/**
-	 * Returns the shaded color for light mode and tinted color for dark mode
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 * @param colorMode - Light or dark only
-	 */
-	export const shadeOrTint: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
-	/**
-	 * Increases the saturation of a color by manipulating the hsl saturation.
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const saturate: (color: string, amount: number) => string;
-	/**
-	 * Decreases the saturation of a color by manipulating the hsl saturation.
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const desaturate: (color: string, amount: number) => string;
-	/**
-	 * Returns the lightness value of a color. 0-100
-	 * @param color
-	 */
-	export const lightness: (color: string) => number;
-	/**
-	 * Returns the darken value of a color. 0-100
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const darken: (color: string, amount: number) => string;
-	/**
-	 * Returns the brighten value of a color. 0-100
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const brighten: (color: string, amount: number) => string;
-
 }
 declare module '@elastic/eui/src/services/color/contrast' {
 	export const wcagContrastMin = 4.5;
@@ -7020,57 +6884,330 @@ declare module '@elastic/eui/src/services/theme' {
 	export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
 
 }
-declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
-	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
+declare module '@elastic/eui/src/services/color/manipulation' {
+	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
 	/**
-	 * Given an array of breakpoint keys, this hook returns true or false
-	 * if the breakpoint size of the current window width falls within
-	 * any of the named breakpoints.
-	 *
-	 * @param {EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
-	 * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
-	 *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
-	 * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
+	 * Makes a color more transparent.
+	 * @param color - Color to manipulate
+	 * @param alpha - alpha channel value. From 0-1.
 	 */
-	export const useIsWithinBreakpoints: (sizes: _EuiThemeBreakpoint[], isResponsive?: boolean) => boolean;
+	export const transparentize: (color: string, alpha: number) => string;
 	/**
-	 * Given a max breakpoint key, this hook returns true if the breakpoint size
-	 * of the current window width falls within the max breakpoint or any below,
-	 * and false otherwise
-	 *
-	 * @param {EuiThemeBreakpoint} max The named max breakpoint to check against
-	 * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
+	 * Mixes a provided color with white.
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
 	 */
-	export function useIsWithinMaxBreakpoint(max: _EuiThemeBreakpoint): boolean;
+	export const tint: (color: string, ratio: number) => string;
 	/**
-	 * Given a min breakpoint key, this hook returns true if the breakpoint size
-	 * of the current window width falls within the min breakpoint or any above,
-	 * and false otherwise
-	 *
-	 * @param {EuiThemeBreakpoint} min The named min breakpoint to check against
-	 * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
+	 * Mixes a provided color with black.
+	 * @param color - Color to mix with black
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more black.
 	 */
-	export function useIsWithinMinBreakpoint(min: _EuiThemeBreakpoint): boolean;
-
-}
-declare module '@elastic/eui/src/services/breakpoint' {
-	export type { _EuiThemeBreakpoint as EuiBreakpointSize } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint';
-	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint_hook';
-	export * from '@elastic/eui/src/services/breakpoint/is_within_hooks';
-
-}
-declare module '@elastic/eui/src/services/color_picker/color_picker' {
-	interface colorStopsType {
-	    stop: number;
-	    color: string;
-	}
+	export const shade: (color: string, ratio: number) => string;
 	/**
-	 * @deprecated
+	 * Returns the tinted color for light mode and shaded color for dark mode
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
+	 * @param colorMode - Light or dark only
 	 */
-	export const useColorStopsState: (useRandomColor?: boolean, initialColorStops?: colorStopsType[]) => (string | colorStopsType[] | ((colorStops: colorStopsType[]) => void))[];
-	export type EuiSetColorMethod = (text: string, { hex, isValid }: {
-	    hex: string;
+	export const tintOrShade: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
+	/**
+	 * Returns the shaded color for light mode and tinted color for dark mode
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
+	 * @param colorMode - Light or dark only
+	 */
+	export const shadeOrTint: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
+	/**
+	 * Increases the saturation of a color by manipulating the hsl saturation.
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const saturate: (color: string, amount: number) => string;
+	/**
+	 * Decreases the saturation of a color by manipulating the hsl saturation.
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const desaturate: (color: string, amount: number) => string;
+	/**
+	 * Returns the lightness value of a color. 0-100
+	 * @param color
+	 */
+	export const lightness: (color: string) => number;
+	/**
+	 * Returns the darken value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const darken: (color: string, amount: number) => string;
+	/**
+	 * Returns the brighten value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const brighten: (color: string, amount: number) => string;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
+	import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
+	export const brand_colors: _EuiThemeBrandColors;
+	export const brand_text_colors: _EuiThemeBrandTextColors;
+	export const shade_colors: _EuiThemeShadeColors;
+	export const special_colors: _EuiThemeSpecialColors;
+	export const text_colors: _EuiThemeTextColors;
+	export const background_colors: _EuiThemeBackgroundColors;
+	export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
+	export const border_colors: _EuiThemeBorderColors;
+	export const light_colors: _EuiThemeColorsMode;
+	export const dark_shades: _EuiThemeShadeColors;
+	export const dark_background_colors: _EuiThemeBackgroundColors;
+	export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
+	export const dark_border_colors: _EuiThemeBorderColors;
+	export const dark_colors_ams: _EuiThemeColorsMode;
+	export const colors: _EuiThemeColors;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
+	import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
+	export const animation_speed: _EuiThemeAnimationSpeeds;
+	export const animation_ease: _EuiThemeAnimationEasings;
+	export const animation: _EuiThemeAnimation;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
+	export { breakpoint } from '@elastic/eui-theme-common';
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
+	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
+	export const base: _EuiThemeBase;
+	export const size: _EuiThemeSizes;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
+	import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
+	export const border: _EuiThemeBorder;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
+	import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
+	export const levels: _EuiThemeLevels;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
+	import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
+	export const fontScale: _EuiThemeFontScales;
+	export const fontBase: _EuiThemeFontBase;
+	export const fontWeight: _EuiThemeFontWeights;
+	export const font: _EuiThemeFont;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
+	import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
+	export const focus: _EuiThemeFocus;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
+	import { _EuiThemeButton } from '@elastic/eui-theme-common';
+	export const buttons: _EuiThemeButton;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
+	export const forms: {
+	    maxWidth: string;
+	    LIGHT: {
+	        background: string;
+	        backgroundDisabled: string;
+	        backgroundReadOnly: any;
+	        backgroundFocused: any;
+	        backgroundAutofilled: string;
+	        prependBackground: string;
+	        border: string;
+	        borderAutofilled: string;
+	        controlBorder: string;
+	        controlBorderSelected: string;
+	        controlBorderDisabled: string;
+	        controlBackgroundUnselected: any;
+	        controlBackgroundDisabled: any;
+	        colorHasPlaceholder: string;
+	        colorDisabled: any;
+	        iconDisabled: any;
+	    };
+	    DARK: {
+	        background: string;
+	        backgroundFocused: string;
+	        backgroundAutofilled: string;
+	        prependBackground: string;
+	        border: string;
+	        controlBorder: string;
+	        controlBorderSelected: string;
+	        controlBorderDisabled: string;
+	        backgroundDisabled: string;
+	        backgroundReadOnly: any;
+	        borderAutofilled: string;
+	        controlBackgroundUnselected: any;
+	        controlBackgroundDisabled: any;
+	        colorHasPlaceholder: string;
+	        colorDisabled: any;
+	        iconDisabled: any;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
+	import { _EuiThemeComponents } from '@elastic/eui-theme-common';
+	export const components: _EuiThemeComponents;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/theme' {
+	import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
+	export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
+	export const euiThemeAmsterdam: EuiThemeShape;
+	export const EuiThemeAmsterdam: {
+	    model: EuiThemeShape;
+	    root: EuiThemeShape;
+	    key: string;
+	};
+
+}
+declare module '@elastic/eui/src/services/theme/context' {
+	import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
+	export const DEFAULTS: {
+	    system: {
+	        model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
+	        root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
+	        key: string;
+	    };
+	    modifications: {};
+	    colorMode: "LIGHT";
+	    highContrastMode: false;
+	};
+	export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
+	export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
+	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined;
+	}>>;
+	export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
+	export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
+	export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
+	export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
+	export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
+
+}
+declare module '@elastic/eui/src/services/theme/hooks' {
+	import React from 'react';
+	import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
+	/**
+	 * Hook for function components
+	 */
+	export interface UseEuiTheme<T extends {} = {}> {
+	    euiTheme: EuiThemeComputed<T>;
+	    colorMode: EuiThemeColorModeStandard;
+	    highContrastMode: EuiThemeHighContrastMode;
+	    modifications: EuiThemeModifications<T>;
+	}
+	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
+	/**
+	 * HOC for class components
+	 */
+	export interface WithEuiThemeProps<P extends {} = {}> {
+	    theme: UseEuiTheme<P>;
+	}
+	export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
+	/**
+	 * Render prop alternative for complex class components
+	 * Most useful for scenarios where a HOC may interfere with typing
+	 */
+	export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
+	    children: (theme: UseEuiTheme) => React.ReactElement;
+	}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+	/**
+	 * Minor syntactical sugar hook for theme CSS variables.
+	 * Primarily meant for internal EUI usage.
+	 */
+	export const useEuiThemeCSSVariables: () => {
+	    setGlobalCSSVariables: Function;
+	    globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
+	    setNearestThemeCSSVariables: Function;
+	    themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
+	};
+
+}
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
+	import React, { FunctionComponent, PropsWithChildren } from 'react';
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
+	export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
+	/**
+	 * Returns the current breakpoint based on window width.
+	 * Typically only called by the top-level `EuiProvider` (to reduce the number
+	 * of window resize listeners on the page). Also conditionally called if a
+	 * nested `EuiThemeProvider` defines a `modify.breakpoint` override
+	 */
+	export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
+	export {};
+
+}
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
+	/**
+	 * Hook util / syntactical sugar for useContext()
+	 *
+	 * This hook is in its own separate file to make mocking it
+	 * as a testenv easy for Jest unit tests
+	 */
+	export const useCurrentEuiBreakpoint: () => string | undefined;
+
+}
+declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	/**
+	 * Given an array of breakpoint keys, this hook returns true or false
+	 * if the breakpoint size of the current window width falls within
+	 * any of the named breakpoints.
+	 *
+	 * @param {EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
+	 * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
+	 *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
+	 * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
+	 */
+	export const useIsWithinBreakpoints: (sizes: _EuiThemeBreakpoint[], isResponsive?: boolean) => boolean;
+	/**
+	 * Given a max breakpoint key, this hook returns true if the breakpoint size
+	 * of the current window width falls within the max breakpoint or any below,
+	 * and false otherwise
+	 *
+	 * @param {EuiThemeBreakpoint} max The named max breakpoint to check against
+	 * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
+	 */
+	export function useIsWithinMaxBreakpoint(max: _EuiThemeBreakpoint): boolean;
+	/**
+	 * Given a min breakpoint key, this hook returns true if the breakpoint size
+	 * of the current window width falls within the min breakpoint or any above,
+	 * and false otherwise
+	 *
+	 * @param {EuiThemeBreakpoint} min The named min breakpoint to check against
+	 * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
+	 */
+	export function useIsWithinMinBreakpoint(min: _EuiThemeBreakpoint): boolean;
+
+}
+declare module '@elastic/eui/src/services/breakpoint' {
+	export type { _EuiThemeBreakpoint as EuiBreakpointSize } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint';
+	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint_hook';
+	export * from '@elastic/eui/src/services/breakpoint/is_within_hooks';
+
+}
+declare module '@elastic/eui/src/services/color_picker/color_picker' {
+	interface colorStopsType {
+	    stop: number;
+	    color: string;
+	}
+	/**
+	 * @deprecated
+	 */
+	export const useColorStopsState: (useRandomColor?: boolean, initialColorStops?: colorStopsType[]) => (string | colorStopsType[] | ((colorStops: colorStopsType[]) => void))[];
+	export type EuiSetColorMethod = (text: string, { hex, isValid }: {
+	    hex: string;
 	    isValid: boolean;
 	}) => void;
 	export const useColorPickerState: (initialColor?: string) => [color: string, setColor: EuiSetColorMethod, errors: string[] | null];
@@ -9064,7 +9201,7 @@ declare module '@elastic/eui/src/components/form/checkbox/checkbox' {
 	    disabled?: boolean;
 	    indeterminate?: boolean;
 	    /**
-	     * Object of props passed to the <label/>
+	     * Object of props passed to the `label` element
 	     */
 	    labelProps?: CommonProps & LabelHTMLAttributes<HTMLLabelElement>;
 	}
@@ -9967,7 +10104,7 @@ declare module '@elastic/eui/src/components/form/radio/radio' {
 	    disabled?: boolean;
 	    onChange: ChangeEventHandler<HTMLInputElement>;
 	    /**
-	     * Object of props passed to the <label/>
+	     * Object of props passed to the `label` element
 	     */
 	    labelProps?: CommonProps & LabelHTMLAttributes<HTMLLabelElement>;
 	}
@@ -12341,198 +12478,71 @@ declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav' {
 	export const EuiCollapsibleNav: FunctionComponent<EuiCollapsibleNavProps>;
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav' {
-	export type { EuiCollapsibleNavGroupProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
-	export { EuiCollapsibleNavGroup } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
-	export type { EuiCollapsibleNavProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
-	export { EuiCollapsibleNav } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
-
-}
-declare module '@elastic/eui/src/components/header/header.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiHeaderVariables: (euiThemeContext: UseEuiTheme) => {
-	    height: string;
-	    childHeight: string;
-	    padding: string;
-	};
-	export const euiHeaderStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiHeader: import("@emotion/react").SerializedStyles;
-	    static: import("@emotion/react").SerializedStyles;
-	    fixed: import("@emotion/react").SerializedStyles;
-	    default: import("@emotion/react").SerializedStyles;
-	    dark: import("@emotion/react").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/collapsible_nav_beta/context' {
-	import { MouseEventHandler } from 'react';
-	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/flyout'; type _EuiCollapsibleNavContext = {
-	    isCollapsed: boolean;
-	    isPush: boolean;
-	    isOverlayOpen: boolean;
-	    side: _EuiFlyoutSide;
-	    closePortals?: MouseEventHandler;
-	};
-	export const EuiCollapsibleNavContext: import("react").Context<_EuiCollapsibleNavContext>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCollapsibleNavButtonWrapperStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiCollapsibleNavButtonWrapper: import("@emotion/react").SerializedStyles;
-	    euiCollapsibleNavButton: import("@emotion/react").SerializedStyles;
-	    left: import("@emotion/react").SerializedStyles;
-	    right: import("@emotion/react").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button' {
-	import React from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	export type EuiCollapsibleNavButtonProps = CommonProps & Partial<EuiButtonIconPropsForButton>;
-	export const EuiCollapsibleNavButton: React.ForwardRefExoticComponent<CommonProps & Partial<EuiButtonIconPropsForButton> & React.RefAttributes<HTMLDivElement>>;
-
-}
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
-	export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
-	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
-	export const colorVis: _EuiThemeVisColors;
-
-}
-declare module '@elastic/eui/src/themes/themes' {
-	import { EuiThemeSystem } from '@elastic/eui/src/services';
-	export interface EUI_THEME {
-	    text: string;
-	    value: string;
-	    provider?: EuiThemeSystem;
-	}
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
-	import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
-	export const brand_colors: _EuiThemeBrandColors;
-	export const brand_text_colors: _EuiThemeBrandTextColors;
-	export const shade_colors: _EuiThemeShadeColors;
-	export const special_colors: _EuiThemeSpecialColors;
-	export const text_colors: _EuiThemeTextColors;
-	export const background_colors: _EuiThemeBackgroundColors;
-	export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
-	export const border_colors: _EuiThemeBorderColors;
-	export const light_colors: _EuiThemeColorsMode;
-	export const dark_shades: _EuiThemeShadeColors;
-	export const dark_background_colors: _EuiThemeBackgroundColors;
-	export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
-	export const dark_border_colors: _EuiThemeBorderColors;
-	export const dark_colors_ams: _EuiThemeColorsMode;
-	export const colors: _EuiThemeColors;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
-	import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
-	export const animation_speed: _EuiThemeAnimationSpeeds;
-	export const animation_ease: _EuiThemeAnimationEasings;
-	export const animation: _EuiThemeAnimation;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
-	export { breakpoint } from '@elastic/eui-theme-common';
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
-	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
-	export const base: _EuiThemeBase;
-	export const size: _EuiThemeSizes;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
-	import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
-	export const border: _EuiThemeBorder;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
-	import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
-	export const levels: _EuiThemeLevels;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
-	import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
-	export const fontScale: _EuiThemeFontScales;
-	export const fontBase: _EuiThemeFontBase;
-	export const fontWeight: _EuiThemeFontWeights;
-	export const font: _EuiThemeFont;
+declare module '@elastic/eui/src/components/collapsible_nav' {
+	export type { EuiCollapsibleNavGroupProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
+	export { EuiCollapsibleNavGroup } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
+	export type { EuiCollapsibleNavProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
+	export { EuiCollapsibleNav } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
-	import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
-	export const focus: _EuiThemeFocus;
+declare module '@elastic/eui/src/components/header/header.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiHeaderVariables: (euiThemeContext: UseEuiTheme) => {
+	    height: string;
+	    childHeight: string;
+	    padding: string;
+	};
+	export const euiHeaderStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiHeader: import("@emotion/react").SerializedStyles;
+	    static: import("@emotion/react").SerializedStyles;
+	    fixed: import("@emotion/react").SerializedStyles;
+	    default: import("@emotion/react").SerializedStyles;
+	    dark: import("@emotion/react").SerializedStyles;
+	};
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
-	import { _EuiThemeButton } from '@elastic/eui-theme-common';
-	export const buttons: _EuiThemeButton;
+declare module '@elastic/eui/src/components/collapsible_nav_beta/context' {
+	import { MouseEventHandler } from 'react';
+	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/flyout'; type _EuiCollapsibleNavContext = {
+	    isCollapsed: boolean;
+	    isPush: boolean;
+	    isOverlayOpen: boolean;
+	    side: _EuiFlyoutSide;
+	    closePortals?: MouseEventHandler;
+	};
+	export const EuiCollapsibleNavContext: import("react").Context<_EuiCollapsibleNavContext>;
+	export {};
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
-	export const forms: {
-	    maxWidth: string;
-	    LIGHT: {
-	        background: string;
-	        backgroundDisabled: string;
-	        backgroundReadOnly: any;
-	        backgroundFocused: any;
-	        backgroundAutofilled: string;
-	        prependBackground: string;
-	        border: string;
-	        borderAutofilled: string;
-	        controlBorder: string;
-	        controlBorderSelected: string;
-	        controlBorderDisabled: string;
-	        controlBackgroundUnselected: any;
-	        controlBackgroundDisabled: any;
-	        colorHasPlaceholder: string;
-	        colorDisabled: any;
-	        iconDisabled: any;
-	    };
-	    DARK: {
-	        background: string;
-	        backgroundFocused: string;
-	        backgroundAutofilled: string;
-	        prependBackground: string;
-	        border: string;
-	        controlBorder: string;
-	        controlBorderSelected: string;
-	        controlBorderDisabled: string;
-	        backgroundDisabled: string;
-	        backgroundReadOnly: any;
-	        borderAutofilled: string;
-	        controlBackgroundUnselected: any;
-	        controlBackgroundDisabled: any;
-	        colorHasPlaceholder: string;
-	        colorDisabled: any;
-	        iconDisabled: any;
-	    };
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCollapsibleNavButtonWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCollapsibleNavButtonWrapper: import("@emotion/react").SerializedStyles;
+	    euiCollapsibleNavButton: import("@emotion/react").SerializedStyles;
+	    left: import("@emotion/react").SerializedStyles;
+	    right: import("@emotion/react").SerializedStyles;
 	};
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
-	import { _EuiThemeComponents } from '@elastic/eui-theme-common';
-	export const components: _EuiThemeComponents;
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button' {
+	import React from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
+	export type EuiCollapsibleNavButtonProps = CommonProps & Partial<EuiButtonIconPropsForButton>;
+	export const EuiCollapsibleNavButton: React.ForwardRefExoticComponent<CommonProps & Partial<EuiButtonIconPropsForButton> & React.RefAttributes<HTMLDivElement>>;
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/theme' {
-	import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
-	export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
-	export const euiThemeAmsterdam: EuiThemeShape;
-	export const EuiThemeAmsterdam: {
-	    model: EuiThemeShape;
-	    root: EuiThemeShape;
-	    key: string;
-	};
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
+	export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
+
+}
+declare module '@elastic/eui/src/themes/themes' {
+	import { EuiThemeSystem } from '@elastic/eui/src/services';
+	export interface EUI_THEME {
+	    text: string;
+	    value: string;
+	    provider?: EuiThemeSystem;
+	}
 
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
@@ -12932,7 +12942,7 @@ declare module '@elastic/eui/src/components/list_group/list_group_item.styles' {
 	    isClickable: import("@emotion/react").SerializedStyles;
 	    externalIcon: import("@emotion/react").SerializedStyles;
 	};
-	export const euiListGroupItemLabelStyles: () => {
+	export const euiListGroupItemLabelStyles: {
 	    euiListGroupItem__label: import("@emotion/react").SerializedStyles;
 	    truncate: import("@emotion/react").SerializedStyles;
 	    wrapText: import("@emotion/react").SerializedStyles;
@@ -12940,16 +12950,16 @@ declare module '@elastic/eui/src/components/list_group/list_group_item.styles' {
 	export const euiListGroupItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiListGroupItem__icon: import("@emotion/react").SerializedStyles;
 	};
-	export const euiListGroupItemTooltipStyles: () => {
+	export const euiListGroupItemTooltipStyles: {
 	    euiListGroupItem__tooltip: import("@emotion/react").SerializedStyles;
 	};
 
 }
 declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	import React, { HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, FunctionComponent } from 'react';
+	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType, EuiIconProps } from '@elastic/eui/src/components/icon';
 	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
-	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
 	export const SIZES: readonly ["xs", "s", "m", "l"];
 	export type EuiListGroupItemSize = (typeof SIZES)[number];
@@ -13055,8 +13065,8 @@ declare module '@elastic/eui/src/components/list_group/list_group.styles' {
 }
 declare module '@elastic/eui/src/components/list_group/list_group' {
 	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
-	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
 	export const GUTTER_SIZES: readonly ["none", "s", "m"];
 	export type EuiListGroupGutterSize = (typeof GUTTER_SIZES)[number];
 	export type EuiListGroupProps = CommonProps & Omit<HTMLAttributes<HTMLUListElement>, 'color'> & {
@@ -13133,7 +13143,7 @@ declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinna
 	export interface EuiPinnableListGroupProps extends CommonProps, EuiListGroupProps {
 	    /**
 	     * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
-	     * See #EuiPinnableListGroupItem
+	     * See #EuiPinnableListGroupItemProps
 	     */
 	    listItems: EuiPinnableListGroupItemProps[];
 	    /**
@@ -14333,7 +14343,7 @@ declare module '@elastic/eui/src/components/comment_list/comment_timeline' {
 	    /**
 	     * Main avatar that accompanies the comment. Should indicate who is the author of the comment.
 	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiAvatarProps['iconType']`.
-	     * If no `timelineAvatar` is passed, the `userAvatar` icon will be used as the avatar.
+	     * If no `timelineAvatar` is passed, the `user` icon will be used as the avatar.
 	     */
 	    timelineAvatar?: ReactNode | EuiAvatarProps['iconType'];
 	    /**
@@ -14440,7 +14450,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	    /**
 	     * Height types
 	     */
-	    getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "auto" | "default" | "lineCount" | "numerical";
+	    getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "default" | "auto" | "lineCount" | "numerical";
 	    /**
 	     * Line count utils
 	     */
@@ -18239,7 +18249,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty_interval' {
 	export const usePrettyInterval: (isPaused: boolean, intervalInMs: number, options?: {
 	    shortHand?: boolean | undefined;
-	    unit?: "s" | "m" | "h" | "d" | undefined;
+	    unit?: "s" | "h" | "m" | "d" | undefined;
 	} | undefined) => string;
 
 }
@@ -18760,7 +18770,7 @@ declare module '@elastic/eui/src/components/expression/expression.styles' {
 	    isUppercase: import("@emotion/react").SerializedStyles;
 	    columns: import("@emotion/react").SerializedStyles;
 	};
-	export const euiExpressionValueStyles: ({}: UseEuiTheme) => {
+	export const euiExpressionValueStyles: {
 	    euiExpression__value: import("@emotion/react").SerializedStyles;
 	    truncate: import("@emotion/react").SerializedStyles;
 	    columns: import("@emotion/react").SerializedStyles;
@@ -18955,17 +18965,7 @@ declare module '@elastic/eui/src/components/facet/facet_button.styles' {
 	    isSelected: import("@emotion/react").SerializedStyles;
 	    unSelected: import("@emotion/react").SerializedStyles;
 	};
-	export const euiFacetButtonIconStyles: () => {
-	    euiFacetButton__icon: import("@emotion/react").SerializedStyles;
-	    isDisabled: import("@emotion/react").SerializedStyles;
-	};
-	export const euiFacetButtonLoadingSpinnerStyles: () => {
-	    euiFacetButton__loadingSpinner: import("@emotion/react").SerializedStyles;
-	};
-	export const euiFacetButtonQuantityStyles: () => {
-	    euiFacetButton__quantity: import("@emotion/react").SerializedStyles;
-	    isDisabled: import("@emotion/react").SerializedStyles;
-	};
+	export const euiFacetButton__disabled: import("@emotion/react").SerializedStyles;
 
 }
 declare module '@elastic/eui/src/components/facet/facet_button' {
@@ -19000,15 +19000,24 @@ declare module '@elastic/eui/src/components/facet/facet_button' {
 }
 declare module '@elastic/eui/src/components/facet/facet_group.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	import { EuiFacetGroupLayout } from '@elastic/eui/src/components/facet/facet_group';
-	export const euiFacetGroupStyles: ({ euiTheme }: UseEuiTheme, layout: EuiFacetGroupLayout) => {
+	export const euiFacetGroupStyles: ({ euiTheme }: UseEuiTheme) => {
 	    euiFacetGroup: import("@emotion/react").SerializedStyles;
-	    none: import("@emotion/react").SerializedStyles;
-	    s: import("@emotion/react").SerializedStyles;
-	    m: import("@emotion/react").SerializedStyles;
-	    l: import("@emotion/react").SerializedStyles;
 	    horizontal: import("@emotion/react").SerializedStyles;
 	    vertical: import("@emotion/react").SerializedStyles;
+	    gutterSizes: {
+	        vertical: {
+	            none: import("@emotion/react").SerializedStyles;
+	            s: import("@emotion/react").SerializedStyles;
+	            m: import("@emotion/react").SerializedStyles;
+	            l: import("@emotion/react").SerializedStyles;
+	        };
+	        horizontal: {
+	            none: import("@emotion/react").SerializedStyles;
+	            s: import("@emotion/react").SerializedStyles;
+	            m: import("@emotion/react").SerializedStyles;
+	            l: import("@emotion/react").SerializedStyles;
+	        };
+	    };
 	};
 
 }
@@ -19148,7 +19157,7 @@ declare module '@elastic/eui/src/components/header/header' {
 	import { EuiHeaderSectionItemProps } from '@elastic/eui/src/components/header/header_section'; type EuiHeaderSectionItemType = EuiHeaderSectionItemProps['children'];
 	export interface EuiHeaderSections {
 	    /**
-	     * An arry of items that will be wrapped in a #EuiHeaderSectionItem
+	     * An array of items that will be wrapped in a #EuiHeaderSectionItem
 	     */
 	    items?: EuiHeaderSectionItemType[];
 	    /**
@@ -19165,7 +19174,7 @@ declare module '@elastic/eui/src/components/header/header' {
 	    /**
 	     * An array of objects to wrap in a #EuiHeaderSection.
 	     * Each section is spaced using `space-between`.
-	     * See #EuiHeaderSectionsProp for object details.
+	     * See #EuiHeaderSections for object details.
 	     * This prop disregards the prop `children` if both are passed.
 	     */
 	    sections?: EuiHeaderSections[];
@@ -19952,7 +19961,7 @@ declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu' {
 	export type EuiKeyPadMenuProps = CommonProps & HTMLAttributes<HTMLElement> & {
 	    /**
 	     * Renders the the group as a `fieldset`.
-	     * Set to `true` to customize the labelling, or pass an #EuiKeyPadMenuCheckableProps object to add a `legend` or `ariaLegend`
+	     * Set to `true` to customize the labelling, or pass an #_EuiKeyPadMenuCheckableProps object to add a `legend` or `ariaLegend`
 	     */
 	    checkable?: _EuiKeyPadMenuCheckableProps | true;
 	};
@@ -21531,7 +21540,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
 	import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
 	export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
 	    /**
-	     * Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
+	     * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
 	     * Pass `null` to remove all theming including global reset
 	     */
 	    theme?: EuiThemeSystem | null;
@@ -22791,13 +22800,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        slot?: string | undefined;
 	        style?: React.CSSProperties | undefined;
 	        title?: string | undefined;
+	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
 	        width: number | undefined;
 	        color?: string | undefined;
 	        content?: string | undefined;
-	        hidden?: boolean | undefined;
-	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
 	        translate?: "yes" | "no" | undefined;
 	        property?: string | undefined;
+	        hidden?: boolean | undefined;
 	        className?: string | undefined;
 	        defaultChecked?: boolean | undefined;
 	        defaultValue?: string | number | readonly string[] | undefined;
@@ -22839,7 +22848,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        is?: string | undefined;
 	        "aria-activedescendant"?: string | undefined;
 	        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-	        "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+	        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
 	        "aria-braillelabel"?: string | undefined;
 	        "aria-brailleroledescription"?: string | undefined;
 	        "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -22854,7 +22863,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        "aria-description"?: string | undefined;
 	        "aria-details"?: string | undefined;
 	        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-	        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+	        "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
 	        "aria-errormessage"?: string | undefined;
 	        "aria-expanded"?: (boolean | "true" | "false") | undefined;
 	        "aria-flowto"?: string | undefined;
@@ -23123,7 +23132,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     */
 	    children?: (list: ReactElement<typeof EuiSelectableMessage | typeof EuiSelectableList>, search: ReactElement<typeof EuiSelectableSearch> | undefined) => ReactNode;
 	    /**
-	     * Array of EuiSelectableOption objects. See #EuiSelectableOptionProps
+	     * Array of EuiSelectableOption objects. See #EuiSelectableOption
 	     */
 	    options: Array<EuiSelectableOption<T>>;
 	    /**
@@ -23159,7 +23168,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     */
 	    height?: number | 'full';
 	    /**
-	     * See #EuiSelectableOptionsList
+	     * See #EuiSelectableOptionsListProps
 	     */
 	    listProps?: EuiSelectableOptionsListPropsWithDefaults;
 	    /**
@@ -23319,7 +23328,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_templates/sele
 	     */
 	    avatar?: EuiAvatarProps;
 	    /**
-	     * An array of inline #MetaData displayed beneath the label and separated by bullets.
+	     * An array of inline #EuiSelectableTemplateSitewideMetaData displayed beneath the label and separated by bullets.
 	     */
 	    meta?: EuiSelectableTemplateSitewideMetaData[];
 	} & EuiSelectableOption<T>;
@@ -23337,7 +23346,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_templates/sele
 	    [key: string]: any;
 	}>, 'options'>> & {
 	    /**
-	     * Extends the typical EuiSelectable #Options with the addition of pre-composed elements
+	     * Extends the typical #EuiSelectableTemplateSitewideOption with the addition of pre-composed elements
 	     * such as `icon`, `avatar`and `meta`
 	     */
 	    options: EuiSelectableTemplateSitewideOption[];
@@ -26199,17 +26208,6 @@ declare module '@elastic/eui/src/components/icon/assets/at' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/icon/assets/beaker' {
-	import * as React from 'react';
-	import type { SVGProps } from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/icon/assets/bell' {
 	import * as React from 'react';
@@ -26519,7 +26517,7 @@ declare module '@elastic/eui/src/components/icon/assets/color' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/compute' {
+declare module '@elastic/eui/src/components/icon/assets/comment' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26530,7 +26528,7 @@ declare module '@elastic/eui/src/components/icon/assets/compute' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/console' {
+declare module '@elastic/eui/src/components/icon/assets/compute' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26541,7 +26539,7 @@ declare module '@elastic/eui/src/components/icon/assets/console' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/container' {
+declare module '@elastic/eui/src/components/icon/assets/console' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26552,7 +26550,7 @@ declare module '@elastic/eui/src/components/icon/assets/container' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/continuityAbove' {
+declare module '@elastic/eui/src/components/icon/assets/container' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26563,7 +26561,7 @@ declare module '@elastic/eui/src/components/icon/assets/continuityAbove' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/continuityAboveBelow' {
+declare module '@elastic/eui/src/components/icon/assets/continuityAbove' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26574,7 +26572,7 @@ declare module '@elastic/eui/src/components/icon/assets/continuityAboveBelow' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/continuityBelow' {
+declare module '@elastic/eui/src/components/icon/assets/continuityAboveBelow' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26585,7 +26583,7 @@ declare module '@elastic/eui/src/components/icon/assets/continuityBelow' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/continuityWithin' {
+declare module '@elastic/eui/src/components/icon/assets/continuityBelow' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26596,7 +26594,7 @@ declare module '@elastic/eui/src/components/icon/assets/continuityWithin' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/contrast' {
+declare module '@elastic/eui/src/components/icon/assets/continuityWithin' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26607,7 +26605,7 @@ declare module '@elastic/eui/src/components/icon/assets/contrast' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/contrastHigh' {
+declare module '@elastic/eui/src/components/icon/assets/contrast' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26618,7 +26616,7 @@ declare module '@elastic/eui/src/components/icon/assets/contrastHigh' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/controls_horizontal' {
+declare module '@elastic/eui/src/components/icon/assets/contrastHigh' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26629,7 +26627,7 @@ declare module '@elastic/eui/src/components/icon/assets/controls_horizontal' {
 	export {};
 
 }
-declare module '@elastic/eui/src/components/icon/assets/controls_vertical' {
+declare module '@elastic/eui/src/components/icon/assets/controls' {
 	import * as React from 'react';
 	import type { SVGProps } from 'react';
 	interface SVGRProps {
@@ -26760,17 +26758,6 @@ declare module '@elastic/eui/src/components/icon/assets/diff' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/icon/assets/discuss' {
-	import * as React from 'react';
-	import type { SVGProps } from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/icon/assets/document' {
 	import * as React from 'react';
@@ -27057,28 +27044,6 @@ declare module '@elastic/eui/src/components/icon/assets/editor_checklist' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/icon/assets/editor_code_block' {
-	import * as React from 'react';
-	import type { SVGProps } from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/icon/assets/editor_comment' {
-	import * as React from 'react';
-	import type { SVGProps } from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/icon/assets/editor_heading' {
 	import * as React from 'react';
@@ -27442,6 +27407,17 @@ declare module '@elastic/eui/src/components/icon/assets/flag' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/flask' {
+	import * as React from 'react';
+	import type { SVGProps } from 'react';
+	interface SVGRProps {
+	    title?: string;
+	    titleId?: string;
+	}
+	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/icon/assets/fold' {
 	import * as React from 'react';
@@ -27563,17 +27539,6 @@ declare module '@elastic/eui/src/components/icon/assets/gear' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/icon/assets/glasses' {
-	import * as React from 'react';
-	import type { SVGProps } from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/icon/assets/globe' {
 	import * as React from 'react';
@@ -29520,6 +29485,17 @@ declare module '@elastic/eui/src/components/icon/assets/quote' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/readOnly' {
+	import * as React from 'react';
+	import type { SVGProps } from 'react';
+	interface SVGRProps {
+	    title?: string;
+	    titleId?: string;
+	}
+	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/icon/assets/refresh' {
 	import * as React from 'react';
@@ -30818,17 +30794,6 @@ declare module '@elastic/eui/src/components/icon/assets/user' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/icon/assets/userAvatar' {
-	import * as React from 'react';
-	import type { SVGProps } from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/icon/assets/users' {
 	import * as React from 'react';
@@ -31038,17 +31003,6 @@ declare module '@elastic/eui/src/components/icon/assets/vis_timelion' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/icon/assets/vis_vega' {
-	import * as React from 'react';
-	import type { SVGProps } from 'react';
-	interface SVGRProps {
-	    title?: string;
-	    titleId?: string;
-	}
-	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
-	export {};
-
 }
 declare module '@elastic/eui/src/components/icon/assets/vis_visual_builder' {
 	import * as React from 'react';