@elastic/eui 64.0.1 → 65.0.2

package/eui.d.ts

@@ -9,72 +9,6 @@ declare module '@elastic/eui/src/services/theme/clone_element' {
 	 */
 	export const cloneElementWithCss: (element: any, props: any) => React.ReactElement;
 
-}
-declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles' {
-	export const euiScreenReaderOnly: () => string;
-	export const euiScreenReaderOnlyStyles: (showOnFocus?: boolean | undefined) => {
-	    euiScreenReaderOnly: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only' {
-	import { ReactElement, FunctionComponent } from 'react';
-	export interface EuiScreenReaderOnlyProps {
-	    /**
-	     * ReactElement to render as this component's content
-	     */
-	    children: ReactElement;
-	    /**
-	     * For keyboard navigation, force content to display visually upon focus.
-	     */
-	    showOnFocus?: boolean;
-	    className?: string;
-	}
-	export const EuiScreenReaderOnly: FunctionComponent<EuiScreenReaderOnlyProps>;
-
-}
-declare module '@elastic/eui/src/components/accessibility/screen_reader_only' {
-	export type { EuiScreenReaderOnlyProps } from '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only';
-	export { EuiScreenReaderOnly } from '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only';
-	export { euiScreenReaderOnly } from '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles';
-
-}
-declare module '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live' {
-	import { AriaAttributes, HTMLAttributes, FunctionComponent, ReactNode } from 'react';
-	export interface EuiScreenReaderLiveProps {
-	    /**
-	     * Whether to make screen readers aware of the content
-	     */
-	    isActive?: boolean;
-	    /**
-	     * Content for screen readers to announce
-	     */
-	    children?: ReactNode;
-	    /**
-	     * `role` attribute for both live regions.
-	     *
-	     * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#roles_with_implicit_live_region_attributes
-	     */
-	    role?: HTMLAttributes<HTMLDivElement>['role'];
-	    /**
-	     * `aria-live` attribute for both live regions
-	     */
-	    'aria-live'?: AriaAttributes['aria-live'];
-	    /**
-	     * On `children`/text change, the region will auto-focus itself, causing screen readers
-	     * to automatically read out the text content. This prop should primarily be used for
-	     * navigation or page changes, where programmatically resetting focus location back to
-	     * a certain part of the page is desired.
-	     */
-	    focusRegionOnTextChange?: boolean;
-	}
-	export const EuiScreenReaderLive: FunctionComponent<EuiScreenReaderLiveProps>;
-
-}
-declare module '@elastic/eui/src/components/accessibility/screen_reader_live' {
-	export { EuiScreenReaderLive } from '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live';
-	export type { EuiScreenReaderLiveProps } from '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live';
-
 }
 declare module '@elastic/eui/src/services/keys' {
 	export const ENTER = "Enter";
@@ -1476,507 +1410,54 @@ declare module '@elastic/eui/src/components/icon/named_colors' {
 	export function isNamedColor(name: string): boolean;
 
 }
-declare module '@elastic/eui/src/global_styling/mixins/_color' {
+declare module '@elastic/eui/src/components/icon/icon.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "accent", "primary", "success", "warning", "danger"];
-	export type _EuiBackgroundColor = typeof BACKGROUND_COLORS[number];
-	export interface _EuiBackgroundColorOptions {
-	    /**
-	     * Use `opaque` for containers of unknown content.
-	     * Use `transparent` for interactive states like hover and focus.
-	     */
-	    method?: 'opaque' | 'transparent';
-	}
-	export const euiBackgroundColor: ({ euiTheme, colorMode }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
-	export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
-	export const useEuiBackgroundColorCSS: () => {
-	    transparent: import("@emotion/utils").SerializedStyles;
-	    plain: import("@emotion/utils").SerializedStyles;
-	    subdued: import("@emotion/utils").SerializedStyles;
+	export const iconLoadingOpacity = 0.05;
+	export const euiIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiIcon: import("@emotion/utils").SerializedStyles;
 	    accent: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    ghost: import("@emotion/utils").SerializedStyles;
 	    primary: import("@emotion/utils").SerializedStyles;
 	    success: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    text: import("@emotion/utils").SerializedStyles;
 	    warning: import("@emotion/utils").SerializedStyles;
-	    danger: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/global_styling/functions/logicals' {
-	/**
-	 * EUI utilizes logical CSS properties to enable directional writing-modes.
-	 * To encourage use of logical properties, we provide a few helper utilities to
-	 * convert certain directional properties to logical properties.
-	 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties
-	 */
-	export const logicalSide: {
-	    left: string;
-	    right: string;
-	    top: string;
-	    bottom: string;
-	    horizontal: string;
-	    vertical: string;
-	};
-	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
-	export type LogicalSides = typeof LOGICAL_SIDES[number];
-	export const logicals: {
-	    'border-horizontal': string;
-	    'border-horizontal-color': string;
-	    'border-horizontal-width': string;
-	    'border-horizontal-style': string;
-	    'border-vertical': string;
-	    'border-vertical-color': string;
-	    'border-vertical-width': string;
-	    'border-vertical-style': string;
-	    'border-bottom': string;
-	    'border-bottom-color': string;
-	    'border-bottom-style': string;
-	    'border-bottom-width': string;
-	    'border-top': string;
-	    'border-top-color': string;
-	    'border-top-style': string;
-	    'border-top-width': string;
-	    'border-right': string;
-	    'border-right-color': string;
-	    'border-right-style': string;
-	    'border-right-width': string;
-	    'border-left': string;
-	    'border-left-color': string;
-	    'border-left-style': string;
-	    'border-left-width': string;
-	    'border-top-left-radius': string;
-	    'border-top-right-radius': string;
-	    'border-bottom-left-radius': string;
-	    'border-bottom-right-radius': string;
-	    'overflow-x': string;
-	    'overflow-y': string;
-	    height: string;
-	    width: string;
-	    'max-height': string;
-	    'max-width': string;
-	    'min-height': string;
-	    'min-width': string;
-	    top: string;
-	    right: string;
-	    bottom: string;
-	    left: string;
-	    horizontal: string;
-	    vertical: string;
-	    inset: string;
-	    'padding-left': string;
-	    'padding-right': string;
-	    'padding-top': string;
-	    'padding-bottom': string;
-	    'padding-horizontal': string;
-	    'padding-vertical': string;
-	    'margin-left': string;
-	    'margin-right': string;
-	    'margin-top': string;
-	    'margin-bottom': string;
-	    'margin-horizontal': string;
-	    'margin-vertical': string;
-	};
-	export const LOGICAL_PROPERTIES: ("left" | "right" | "inset" | "top" | "width" | "height" | "bottom" | "horizontal" | "vertical" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "overflow-x" | "overflow-y" | "max-height" | "max-width" | "min-height" | "min-width" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical")[];
-	export type LogicalProperties = typeof LOGICAL_PROPERTIES[number];
-	/**
-	 *
-	 * @param property A string that is a valid CSS logical property
-	 * @param value String to output as the property value
-	 * @returns `string` Returns the logical CSS property version for the given `property: value` pair
-	 */
-	export const logicalCSS: (property: LogicalProperties, value?: any) => string;
-	/**
-	 * Some logical properties are not yet fully supported by all browsers.
-	 * For those cases, we should use the old property as a fallback for
-	 * browsers missing support, while allowing supporting browsers to use
-	 * the logical properties.
-	 *
-	 * Examples:
-	 * https://caniuse.com/?search=overflow-block
-	 * https://caniuse.com/mdn-css_properties_float_flow_relative_values
-	 */
-	export const logicalCSSWithFallback: (property: LogicalProperties, value?: any) => string;
-	/**
-	 *
-	 * @param property A string that is a valid CSS logical property
-	 * @param value String to output as the property value
-	 * @returns `object` Returns the logical CSS property version for the given `property: value` pair
-	 */
-	export const logicalStyle: (property: LogicalProperties, value?: any) => {
-	    [x: string]: any;
-	};
-	/**
-	 *
-	 * @param width A string value for the LTR width
-	 * @param height A string value for the LTR height
-	 * @returns `string` Returns the logical CSS properties for height and width
-	 */
-	export const logicalSizeCSS: (width: any, height: any) => string;
-	/**
-	 *
-	 * @param width A string value for the LTR width
-	 * @param height A string value for the LTR height
-	 * @returns `object` Returns the logical CSS properties for height and width
-	 */
-	export const logicalSizeStyle: (width: any, height: any) => {
-	    [x: string]: any;
-	};
-	export const logicalText: {
-	    'text-align': {
-	        left: string;
-	        center: string;
-	        right: string;
-	    };
-	};
-	export const LOGICAL_TEXT_ALIGNMENT: ("left" | "right" | "center")[];
-	export type LogicalText = typeof LOGICAL_TEXT_ALIGNMENT[number];
-	/**
-	 *
-	 * @param property A string that is a valid CSS logical property
-	 * @param value String to output as the property value
-	 * @returns `string` Returns the logical CSS property version for the given `property: value` pair
-	 */
-	export const logicalTextAlignCSS: (value: LogicalText) => string;
-	/**
-	 *
-	 * @param property A string that is a valid CSS logical property
-	 * @param value String to output as the property value
-	 * @returns `object` Returns the logical CSS property version for the given `property: value` pair
-	 */
-	export const logicalTextAlignStyle: (value: LogicalText) => {
-	    textAlign: string;
+	    inherit: import("@emotion/utils").SerializedStyles;
+	    default: import("@emotion/utils").SerializedStyles;
+	    customColor: import("@emotion/utils").SerializedStyles;
+	    logoElasticOutline: import("@emotion/utils").SerializedStyles;
+	    original: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	    xxl: import("@emotion/utils").SerializedStyles;
+	    app: import("@emotion/utils").SerializedStyles;
+	    logo: import("@emotion/utils").SerializedStyles;
+	    isLoading: import("@emotion/utils").SerializedStyles;
+	    isLoaded: import("@emotion/utils").SerializedStyles;
 	};
 
 }
-declare module '@elastic/eui/src/global_styling/functions/size' {
-	/**
-	 * Calculates the `px` value based on a scale multiplier
-	 * @param scale - The font scale multiplier
-	 * *
-	 * @param themeOrBase - Theme base value
-	 * *
-	 * @returns string - Rem unit aligned to baseline
-	 */
-	export const sizeToPixel: (scale?: number) => (themeOrBase: number | {
-	    [key: string]: any;
-	    base: number;
-	}) => string;
-
-}
-declare module '@elastic/eui/src/services/theme/hooks' {
-	import React from 'react';
-	import { EuiThemeColorModeStandard, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui/src/services/theme/types';
-	export interface UseEuiTheme<T extends {} = {}> {
-	    euiTheme: EuiThemeComputed<T>;
-	    colorMode: EuiThemeColorModeStandard;
-	    modifications: EuiThemeModifications<T>;
-	}
-	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
-	export interface WithEuiThemeProps<P = {}> {
-	    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">>>;
-
-}
-declare module '@elastic/eui/src/global_styling/functions/typography' {
-	import { _EuiThemeFontScale, _EuiThemeFontSizeMeasurement } from '@elastic/eui/src/global_styling/variables/typography';
-	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
-	export interface _FontScaleOptions {
+declare module '@elastic/eui/src/components/icon/icon' {
+	import React, { PureComponent, ComponentType, SVGAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { typeToPathMap } from '@elastic/eui/src/components/icon/icon_map';
+	import { WithEuiThemeProps } from '@elastic/eui/src/services';
+	export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
+	import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
+	export const TYPES: ("string" | "number" | "function" | "link" | "menu" | "filter" | "image" | "stop" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "alert" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "document" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "list" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "scale" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp")[];
+	export type EuiIconType = keyof typeof typeToPathMap;
+	export type IconType = EuiIconType | string | ComponentType;
+	export type IconColor = string | NamedColor;
+	export const SIZES: readonly ["original", "s", "m", "l", "xl", "xxl"];
+	export type IconSize = typeof SIZES[number];
+	export type EuiIconProps = CommonProps & Omit<SVGAttributes<SVGElement>, 'type' | 'color' | 'size'> & {
 	    /**
-	     * The returned string measurement
+	     * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any React SVG component
 	     */
-	    measurement?: _EuiThemeFontSizeMeasurement;
-	    /**
-	     * An additional custom scale multiplier to use against the current scale
-	     * This parameter can be used (e.g. by EuiText sizes) to get sizes of text smaller than the default
-	     */
-	    customScale?: _EuiThemeFontScale;
-	}
-	/**
-	 * Calculates the font-size value based on the provided scale key
-	 * @param scale - The font scale key
-	 * @param theme - Requires the `base` and `font` keys
-	 * @param options - Optional parameters - see _FontScaleOptions
-	 *
-	 * @returns string - Calculated font-size value
-	 */
-	export function euiFontSizeFromScale(scale: _EuiThemeFontScale, { base, font }: UseEuiTheme['euiTheme'], { measurement, customScale }?: _FontScaleOptions): string;
-	/**
-	 * Calculates the line-height to the closest multiple of the baseline
-	 * EX: A proper line-height for text is 1.5 times the font-size.
-	 *     If our base font size (euiFontSize) is 16, and our baseline is 4. To ensure the
-	 *     text stays on the baseline, we pass a multiplier to calculate a line-height.
-	 * @param scale - The font scale key
-	 * @param theme - Requires the `base` and `font` keys
-	 * @param options - Optional parameters - see _FontScaleOptions
-	 *
-	 * @returns string - Calculated line-height value aligned to baseline
-	 */
-	export function euiLineHeightFromBaseline(scale: _EuiThemeFontScale, { base, font }: UseEuiTheme['euiTheme'], { measurement, customScale }?: _FontScaleOptions): string;
-	/**
-	 * Text weight shifting
-	 *
-	 * When changing the font-weight based on the state of the component,
-	 * this mixin will ensure that the sizing is dependent on the boldest
-	 * weight so it doesn't shift sibling content.
-	 */
-	export const euiTextShift: (fontWeight: "bold" | "medium" | "light" | "regular" | "semiBold" | undefined, attribute: string | undefined, euiTheme: UseEuiTheme['euiTheme']) => string;
-
-}
-declare module '@elastic/eui/src/global_styling/functions' {
-	export * from '@elastic/eui/src/global_styling/functions/logicals';
-	export * from '@elastic/eui/src/global_styling/functions/size';
-	export * from '@elastic/eui/src/global_styling/functions/typography';
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
-	import { CSSProperties } from 'react';
-	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
-	/**
-	 * Set scroll bar appearance on Chrome (and firefox).
-	 * All parameters are optional and default to specific global settings.
-	 */
-	export interface EuiScrollBarStyles {
-	    thumbColor?: CSSProperties['backgroundColor'];
-	    trackColor?: CSSProperties['backgroundColor'];
-	    /**
-	     * Defaults to `thin`. Use `auto` only for large page scrollbars
-	     */
-	    width?: CSSProperties['scrollbarWidth'];
-	    /**
-	     * Overall width (height for horizontal scrollbars)
-	     */
-	    size?: CSSProperties['width'];
-	    /**
-	     * Corner sizes are usually determined by `width` and
-	     * are used as an inset border and therefore a smaller corner size means a larger thumb
-	     */
-	    corner?: CSSProperties['borderWidth'];
-	}
-	export const euiScrollBarStyles: ({ euiTheme: { colors, size } }: UseEuiTheme, { thumbColor: _thumbColor, trackColor, width, size: _size, corner: _corner, }?: EuiScrollBarStyles) => string;
-	export const useEuiScrollBar: (options?: EuiScrollBarStyles | undefined) => string;
-	/**
-	 * 1. Focus rings shouldn't be visible on scrollable regions, but a11y requires them to be focusable.
-	 *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
-	 *    Others like Safari, won't show anything at all.
-	 */
-	interface _EuiYScroll {
-	    height?: CSSProperties['height'];
-	}
-	export const euiYScroll: (euiTheme: UseEuiTheme, { height }?: _EuiYScroll) => string;
-	export const useEuiYScroll: ({ height }?: _EuiYScroll) => string;
-	export const euiYScrollWithShadows: (euiTheme: UseEuiTheme, { height }?: _EuiYScroll) => string;
-	export const useEuiYScrollWithShadows: ({ height }?: _EuiYScroll) => string;
-	export const euiXScroll: (euiTheme: UseEuiTheme) => string;
-	export const useEuiXScroll: () => string;
-	export const euiXScrollWithShadows: (euiTheme: UseEuiTheme) => string;
-	export const useEuiXScrollWithShadows: () => string;
-	interface EuiScrollOverflowStyles {
-	    direction?: 'y' | 'x';
-	    mask?: boolean;
-	}
-	export const euiOverflowScroll: (euiTheme: UseEuiTheme, { direction, mask }?: EuiScrollOverflowStyles) => string;
-	export const useEuiOverflowScroll: (direction: EuiScrollOverflowStyles['direction'], mask?: EuiScrollOverflowStyles['mask']) => string;
-	/**
-	 * For quickly applying a full-height element whether using flex or not
-	 */
-	export const euiFullHeight: () => string;
-	export {};
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_padding' {
-	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
-	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
-	export type EuiPaddingSize = typeof PADDING_SIZES[number];
-	export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
-	export const useEuiPaddingSize: (size: EuiPaddingSize) => string | null;
-	export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => {
-	    none: null;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    xl: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_states' {
-	import { CSSProperties } from 'react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export type _EuiFocusRingOffset = 'inset' | 'outset' | 'center' | CSSProperties['outlineOffset'];
-	/**
-	 * It is best practice to utilize the browser's default `outline` property for handling focus rings.
-	 * However, some components need to be forced to have the same behavior, or adjust the display.
-	 * This function re-applies the same default outline with a couple parameters
-	 * @param euiTheme UseEuiTheme.euiTheme
-	 * @param offset Accepts a specific measurement or 'inset', 'outset' or 'center' to adjust outline position
-	 * @param color Accepts any CSS color, **Note: only works in -webkit-**
-	 */
-	export const euiFocusRing: ({ euiTheme }: UseEuiTheme, offset?: _EuiFocusRingOffset, options?: {
-	    color?: CSSProperties['outlineColor'];
-	} | undefined) => string;
-	export const useEuiFocusRing: (offset?: _EuiFocusRingOffset, color?: CSSProperties['outlineColor']) => string;
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_typography' {
-	import { CSSProperties } from 'react';
-	import { _FontScaleOptions } from '@elastic/eui/src/global_styling/functions/typography';
-	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
-	import { _EuiThemeFontScale } from '@elastic/eui/src/global_styling/variables/typography';
-	export type EuiThemeFontSize = {
-	    fontSize: CSSProperties['fontSize'];
-	    lineHeight: CSSProperties['lineHeight'];
-	};
-	/**
-	 * Returns font-size and line-height
-	 */
-	export const euiFontSize: ({ euiTheme }: UseEuiTheme, scale: _EuiThemeFontScale, options?: _FontScaleOptions | undefined) => EuiThemeFontSize;
-	export const useEuiFontSize: (scale: _EuiThemeFontScale, options?: _FontScaleOptions | undefined) => EuiThemeFontSize;
-	/**
-	 * Force text to wrap on natural word breaks (e.g. spaces & hyphens)
-	 * https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
-	 */
-	export const euiTextBreakWord: () => string;
-	/**
-	 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
-	 */
-	export const euiTextTruncate: (maxWidth?: CSSProperties['maxWidth']) => string;
-	/**
-	 * Fixed-width numbers for tabular data
-	 */
-	export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
-	export const useEuiNumberFormat: () => string;
-
-}
-declare module '@elastic/eui/src/services/breakpoint/_sorting' {
-	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => {
-	    [k: string]: number;
-	};
-	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => {
-	    [k: string]: number;
-	};
-
-}
-declare module '@elastic/eui/src/global_styling/variables/shadow' {
-	export const EuiThemeShadowSizes: readonly ["xs", "s", "m", "l", "xl"];
-	export type _EuiThemeShadowSize = typeof EuiThemeShadowSizes[number];
-	/**
-	 * Shadow t-shirt sizes descriptions
-	 */
-	export const _EuiShadowSizesDescriptions: Record<_EuiThemeShadowSize, string>;
-	export interface _EuiThemeShadowCustomColor {
-	    color?: string;
-	    property?: 'box-shadow' | 'filter';
-	}
-
-}
-declare module '@elastic/eui/src/global_styling/variables' {
-	export * from '@elastic/eui/src/global_styling/variables/animations';
-	export * from '@elastic/eui/src/global_styling/variables/borders';
-	export * from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export * from '@elastic/eui/src/global_styling/variables/colors';
-	export * from '@elastic/eui/src/global_styling/variables/levels';
-	export * from '@elastic/eui/src/global_styling/variables/size';
-	export * from '@elastic/eui/src/global_styling/variables/shadow';
-	export * from '@elastic/eui/src/global_styling/variables/states';
-	export * from '@elastic/eui/src/global_styling/variables/typography';
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
-	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
-	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables';
-	/**
-	 * Generates a CSS media query rule string based on the input breakpoint ranges.
-	 * Examples with default theme breakpoints:
-	 *
-	 * euiBreakpoint(['s']) becomes `@media only screen and (min-width: 575px) and (max-width: 767px)`
-	 * euiBreakpoint(['s', 'l']) becomes `@media only screen and (min-width: 575px) and (max-width: 1199px)`
-	 *
-	 * Use the smallest and largest sizes to generate media queries with only min/max-width.
-	 * Examples with default theme breakpoints:
-	 *
-	 * euiBreakpoint(['xs', 'm']) becomes `@media only screen and (max-width: 991px)`
-	 * euiBreakpoint(['l', 'xl']) becomes `@media only screen and (min-width: 992px)`
-	 */
-	export const euiBreakpoint: ({ euiTheme }: UseEuiTheme, sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
-	export const useEuiBreakpoint: (sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
-
-}
-declare module '@elastic/eui/src/global_styling/mixins' {
-	export * from '@elastic/eui/src/global_styling/mixins/_color';
-	export * from '@elastic/eui/src/global_styling/mixins/_helpers';
-	export * from '@elastic/eui/src/global_styling/mixins/_padding';
-	export * from '@elastic/eui/src/global_styling/mixins/_states';
-	export * from '@elastic/eui/src/global_styling/mixins/_typography';
-	export * from '@elastic/eui/src/global_styling/mixins/_responsive';
-
-}
-declare module '@elastic/eui/src/global_styling/reset/reset' {
-	export const resetStyles = "\n/* // Adapted from Eric Meyer's reset (http://meyerweb.com/eric/tools/css/reset/, v2.0 | 20110126). */\n\n\n*, *:before, *:after {\n  box-sizing: border-box;\n}\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n}\n\nh1, h2, h3, h4, h5, h6, p {\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\na[href],\nbutton,\n[role='button'] {\n  cursor: pointer;\n}\n\nbutton {\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  border-radius: 0;\n  font-size: inherit;\n}\n\ninput {\n  margin: 0;\n  padding: 0;\n}\n\ninput:disabled {\n  opacity: 1; /* required on iOS */\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n  content: '';\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhr {\n  margin: 0;\n}\n\nfieldset {\n  min-inline-size: auto;\n}\n\n/* Chrome has an issue around RTL languages in SVGs when letter-spacing is negative\n * https://bugs.chromium.org/p/chromium/issues/detail?id=966480\n */\nsvg text {\n  letter-spacing: normal !important;\n}";
-
-}
-declare module '@elastic/eui/src/global_styling/reset/global_styles' {
-	
-	export interface EuiGlobalStylesProps {
-	}
-	export const EuiGlobalStyles: ({}: EuiGlobalStylesProps) => JSX.Element;
-
-}
-declare module '@elastic/eui/src/global_styling' {
-	export * from '@elastic/eui/src/global_styling/reset/global_styles';
-	export * from '@elastic/eui/src/global_styling/functions';
-	export * from '@elastic/eui/src/global_styling/variables';
-	export * from '@elastic/eui/src/global_styling/mixins';
-
-}
-declare module '@elastic/eui/src/components/icon/icon.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const iconLoadingOpacity = 0.05;
-	export const euiIconStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiIcon: import("@emotion/utils").SerializedStyles;
-	    accent: import("@emotion/utils").SerializedStyles;
-	    danger: import("@emotion/utils").SerializedStyles;
-	    ghost: import("@emotion/utils").SerializedStyles;
-	    primary: import("@emotion/utils").SerializedStyles;
-	    success: import("@emotion/utils").SerializedStyles;
-	    subdued: import("@emotion/utils").SerializedStyles;
-	    text: import("@emotion/utils").SerializedStyles;
-	    warning: import("@emotion/utils").SerializedStyles;
-	    inherit: import("@emotion/utils").SerializedStyles;
-	    default: import("@emotion/utils").SerializedStyles;
-	    customColor: import("@emotion/utils").SerializedStyles;
-	    logoElasticOutline: import("@emotion/utils").SerializedStyles;
-	    original: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    xl: import("@emotion/utils").SerializedStyles;
-	    xxl: import("@emotion/utils").SerializedStyles;
-	    app: import("@emotion/utils").SerializedStyles;
-	    logo: import("@emotion/utils").SerializedStyles;
-	    isLoading: import("@emotion/utils").SerializedStyles;
-	    isLoaded: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/icon/icon' {
-	import React, { PureComponent, ComponentType, SVGAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { typeToPathMap } from '@elastic/eui/src/components/icon/icon_map';
-	import { WithEuiThemeProps } from '@elastic/eui/src/services';
-	export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
-	import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
-	export const TYPES: ("string" | "number" | "function" | "link" | "menu" | "filter" | "image" | "stop" | "alert" | "document" | "grid" | "list" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "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" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "scale" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp")[];
-	export type EuiIconType = keyof typeof typeToPathMap;
-	export type IconType = EuiIconType | string | ComponentType;
-	export type IconColor = string | NamedColor;
-	export const SIZES: readonly ["original", "s", "m", "l", "xl", "xxl"];
-	export type IconSize = typeof SIZES[number];
-	export type EuiIconProps = CommonProps & Omit<SVGAttributes<SVGElement>, 'type' | 'color' | 'size'> & {
-	    /**
-	     * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any React SVG component
-	     */
-	    type: IconType;
+	    type: IconType;
 	    /**
 	     * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
 	     * Note that coloring only works if your SVG is removed of fill attributes.
@@ -2009,7 +1490,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    isLoading: boolean;
 	    neededLoading: boolean;
 	}
-	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "link" | "menu" | "filter" | "image" | "stop" | "alert" | "document" | "grid" | "list" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "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" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "scale" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
+	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "link" | "menu" | "filter" | "image" | "stop" | "search" | "temperature" | "color" | "accessibility" | "aggregate" | "alert" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "copy" | "cross" | "crossInACircleFilled" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "document" | "documentEdit" | "documentation" | "documents" | "dot" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "email" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grab" | "grid" | "heart" | "heatmap" | "help" | "home" | "iInCircle" | "inputOutput" | "inspect" | "invert" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "list" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "scale" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortLeft" | "sortRight" | "sortable" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrap" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
 	export const appendIconComponentCache: (iconTypeToIconComponentMap: {
 	    [iconType: string]: React.ComponentType<{}>;
 	}) => void;
@@ -2298,20 +1779,145 @@ declare module '@elastic/eui/src/components/loading' {
 	export { EuiLoadingLogo } from '@elastic/eui/src/components/loading/loading_logo';
 
 }
-declare module '@elastic/eui/src/components/button/_button_content_deprecated' {
+declare module '@elastic/eui/src/components/button/_button_content_deprecated' {
+	import { HTMLAttributes, FunctionComponent, Ref } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { IconType } from '@elastic/eui/src/components/icon';
+	export type ButtonContentIconSide = 'left' | 'right';
+	export const ICON_SIDES: ButtonContentIconSide[];
+	export type EuiButtonContentType = HTMLAttributes<HTMLSpanElement>;
+	/**
+	 * *INTERNAL ONLY / DEPRECATED*
+	 * This component is simply a helper component for reuse within other button components
+	 * This component has been deprecated in favor of the new EuiButtonDisplayContent
+	 * that can be found in `src/components/button/button_display/_button_display_content.tsx`.
+	 */
+	export interface EuiButtonContentProps extends CommonProps {
+	    /**
+	     * Any `type` accepted by EuiIcon
+	     */
+	    iconType?: IconType;
+	    /**
+	     * Can only be one side `left` or `right`
+	     */
+	    iconSide?: ButtonContentIconSide;
+	    isLoading?: boolean;
+	    /**
+	     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
+	     * It doesn't apply to the icon.
+	     */
+	    textProps?: HTMLAttributes<HTMLSpanElement> & CommonProps & {
+	        ref?: Ref<HTMLSpanElement>;
+	        'data-text'?: string;
+	    };
+	    iconSize?: 's' | 'm';
+	}
+	export const EuiButtonContentDeprecated: FunctionComponent<EuiButtonContentType & EuiButtonContentProps>;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const BUTTON_COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger"];
+	export type _EuiButtonColor = typeof BUTTON_COLORS[number];
+	export type _EuiButtonDisplay = 'base' | 'fill' | 'empty';
+	export interface _EuiButtonOptions {
+	    display?: _EuiButtonDisplay;
+	}
+	/**
+	 * Creates the `base` version of button styles with proper text contrast.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }`
+	 */
+	export const euiButtonColor: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor | 'disabled') => {
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Creates the `fill` version of buttons styles with proper text contrast.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }`
+	 */
+	export const euiButtonFillColor: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor | 'disabled') => {
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
+	 */
+	export const euiButtonEmptyColor: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor | 'disabled') => {
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Given the button display type, returns the Emotion based color keys.
+	 * @param options Button display type
+	 * @returns An object of `_EuiButtonColor` keys including `disabled`
+	 */
+	export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => {
+	    text: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	};
+	/**
+	 * Based on the button size, creates the style properties.
+	 * @returns An object of button size keys with Emption styles for `border-radius`
+	 */
+	export const useEuiButtonRadiusCSS: () => {
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	};
+	/**
+	 * Creates the translate animation when button is in focus.
+	 * @returns string
+	 */
+	export const useEuiButtonFocusCSS: () => string;
+
+}
+declare module '@elastic/eui/src/components/button/button_display/_button_display.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiButtonBaseCSS: () => string;
+	export const euiButtonDisplayStyles: (euiThemeContext: UseEuiTheme, minWidth: string) => {
+	    euiButtonDisplay: import("@emotion/utils").SerializedStyles;
+	    isDisabled: import("@emotion/utils").SerializedStyles;
+	    fullWidth: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/button/button_display/_button_display_content.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiButtonDisplayContentStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiButtonDisplayContent: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    euiButtonDisplayContent__spinner: import("@emotion/utils").SerializedStyles;
+	    euiButtonDisplayContent__icon: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/button/button_display/_button_display_content' {
 	import { HTMLAttributes, FunctionComponent, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	export type ButtonContentIconSide = 'left' | 'right';
-	export const ICON_SIDES: ButtonContentIconSide[];
-	export type EuiButtonContentType = HTMLAttributes<HTMLSpanElement>;
+	export type ButtonContentIconSide = 'left' | 'right' | undefined;
+	export type EuiButtonDisplayContentType = HTMLAttributes<HTMLSpanElement>;
 	/**
-	 * *INTERNAL ONLY / DEPRECATED*
-	 * This component is simply a helper component for reuse within other button components
-	 * This component has been deprecated in favor of the new EuiButtonDisplayContent
-	 * that can be found in `src/components/button/button_display/_button_display_content.tsx`.
+	 * *INTERNAL ONLY*
+	 * This component is simply a helper component for reuse within other button components.
 	 */
-	export interface EuiButtonContentProps extends CommonProps {
+	export interface EuiButtonDisplayContentProps extends CommonProps {
 	    /**
 	     * Any `type` accepted by EuiIcon
 	     */
@@ -2322,58 +1928,108 @@ declare module '@elastic/eui/src/components/button/_button_content_deprecated' {
 	    iconSide?: ButtonContentIconSide;
 	    isLoading?: boolean;
 	    /**
-	     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
-	     * It doesn't apply to the icon.
+	     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
 	     */
 	    textProps?: HTMLAttributes<HTMLSpanElement> & CommonProps & {
 	        ref?: Ref<HTMLSpanElement>;
 	        'data-text'?: string;
 	    };
 	    iconSize?: 's' | 'm';
+	    isDisabled?: boolean;
 	}
-	export const EuiButtonContentDeprecated: FunctionComponent<EuiButtonContentType & EuiButtonContentProps>;
+	export const EuiButtonDisplayContent: FunctionComponent<EuiButtonDisplayContentType & EuiButtonDisplayContentProps>;
 
 }
 declare module '@elastic/eui/src/services/security/href_validator' {
 	export function validateHref(href: string): boolean;
 
 }
-declare module '@elastic/eui/src/components/button/button' {
-	import React, { FunctionComponent, Ref, CSSProperties, HTMLAttributes, ReactNode } from 'react';
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions/shadows' {
+	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme/types';
+	export const getShadowColor: (color: string, opacity: number, colorMode: EuiThemeColorModeStandard) => string;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions' {
+	export * from '@elastic/eui/src/themes/amsterdam/global_styling/functions/shadows';
+
+}
+declare module '@elastic/eui/src/global_styling/variables/shadow' {
+	export const EuiThemeShadowSizes: readonly ["xs", "s", "m", "l", "xl"];
+	export type _EuiThemeShadowSize = typeof EuiThemeShadowSizes[number];
+	/**
+	 * Shadow t-shirt sizes descriptions
+	 */
+	export const _EuiShadowSizesDescriptions: Record<_EuiThemeShadowSize, string>;
+	export interface _EuiThemeShadowCustomColor {
+	    color?: string;
+	    property?: 'box-shadow' | 'filter';
+	}
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
+	import { _EuiThemeShadowSize, _EuiThemeShadowCustomColor } from '@elastic/eui/src/global_styling/variables/shadow';
+	export interface EuiShadowCustomColor {
+	    color?: string;
+	}
+	/**
+	 * euiSlightShadow
+	 */
+	export const euiShadowXSmall: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
+	/**
+	 * bottomShadowSmall
+	 */
+	export const euiShadowSmall: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
+	/**
+	 * bottomShadowMedium
+	 */
+	export const euiShadowMedium: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color, property }?: _EuiThemeShadowCustomColor) => string;
+	/**
+	 * bottomShadow
+	 */
+	export const euiShadowLarge: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
+	/**
+	 * bottomShadowLarge
+	 */
+	export interface EuiShadowXLarge extends _EuiThemeShadowCustomColor {
+	    reverse?: boolean;
+	}
+	export const euiShadowXLarge: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color, reverse }?: EuiShadowXLarge) => string;
+	/**
+	 * slightShadowHover
+	 * TODO: I think this is only used by panels/cards in the Amsterdam theme, move there
+	 */
+	export const euiSlightShadowHover: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
+	export const useEuiSlightShadowHover: (color?: _EuiThemeShadowCustomColor['color']) => string;
+	/**
+	 * bottomShadowFlat
+	 *
+	 * Similar to shadow medium but without the bottom depth.
+	 * Useful for popovers that drop UP rather than DOWN.
+	 */
+	export const euiShadowFlat: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
+	export const useEuiShadowFlat: (color?: _EuiThemeShadowCustomColor['color']) => string;
+	export const euiShadow: (euiThemeContext: UseEuiTheme, size?: _EuiThemeShadowSize, { color }?: _EuiThemeShadowCustomColor) => string;
+	export const useEuiShadow: (size?: _EuiThemeShadowSize, color?: _EuiThemeShadowCustomColor['color']) => string;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins' {
+	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button';
+	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
+
+}
+declare module '@elastic/eui/src/components/button/button_display/_button_display' {
+	import React, { CSSProperties, ReactNode, Ref } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
-	import { EuiButtonContentProps, EuiButtonContentType } from '@elastic/eui/src/components/button/_button_content_deprecated';
-	export type ButtonColor = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'ghost' | 'text';
-	export type ButtonSize = 's' | 'm';
-	export const colorToClassNameMap: {
-	    [color in ButtonColor]: string;
-	};
-	export const COLORS: ButtonColor[];
-	export const sizeToClassNameMap: {
-	    [size in ButtonSize]: string | null;
-	};
-	export const SIZES: ButtonSize[];
+	import { EuiButtonDisplayContentProps, EuiButtonDisplayContentType } from '@elastic/eui/src/components/button/button_display/_button_display_content'; const SIZES: readonly ["xs", "s", "m"];
+	export type EuiButtonDisplaySizes = typeof SIZES[number];
 	/**
-	 * Extends EuiButtonContentProps which provides
+	 * Extends EuiButtonDisplayContentProps which provides
 	 * `iconType`, `iconSide`, and `textProps`
 	 */
-	export interface EuiButtonProps extends EuiButtonContentProps, CommonProps {
+	export interface EuiButtonDisplayCommonProps extends EuiButtonDisplayContentProps, CommonProps {
 	    children?: ReactNode;
-	    /**
-	     * Make button a solid color for prominence
-	     */
-	    fill?: boolean;
-	    /**
-	     * Any of our named colors.
-	     */
-	    color?: ButtonColor;
-	    /**
-	     * Use size `s` in confined spaces
-	     */
-	    size?: ButtonSize;
-	    /**
-	     * `disabled` is also allowed
-	     */
-	    isDisabled?: boolean;
+	    size?: EuiButtonDisplaySizes;
 	    /**
 	     * Applies the boolean state as the `aria-pressed` property to create a toggle button.
 	     * *Only use when the readable text does not change between states.*
@@ -2394,9 +2050,69 @@ declare module '@elastic/eui/src/components/button/button' {
 	    /**
 	     * Object of props passed to the <span/> wrapping the button's content
 	     */
-	    contentProps?: EuiButtonContentType;
+	    contentProps?: EuiButtonDisplayContentType;
 	    style?: CSSProperties;
 	}
+	export type EuiButtonDisplayPropsForAnchor = PropsForAnchor<EuiButtonDisplayCommonProps, {
+	    buttonRef?: Ref<HTMLAnchorElement>;
+	}>;
+	export type EuiButtonDisplayPropsForButton = PropsForButton<EuiButtonDisplayCommonProps, {
+	    buttonRef?: Ref<HTMLButtonElement>;
+	}>;
+	export type EuiButtonDisplayProps = ExclusiveUnion<EuiButtonDisplayPropsForAnchor, EuiButtonDisplayPropsForButton>;
+	export function isButtonDisabled({ href, isDisabled, isLoading, }: {
+	    href?: string;
+	    isDisabled?: boolean;
+	    isLoading?: boolean;
+	}): boolean;
+	/**
+	 * EuiButtonDisplay is an internal-only component used for displaying
+	 * any element as a button.
+	 */
+	export const EuiButtonDisplay: React.ForwardRefExoticComponent<((import ("@elastic/eui/src/components/common").DisambiguateSet<EuiButtonDisplayPropsForAnchor, EuiButtonDisplayPropsForButton> & EuiButtonDisplayCommonProps & {
+	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+	} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+	    buttonRef?: React.Ref<HTMLButtonElement> | undefined;
+	}) | (import ("@elastic/eui/src/components/common").DisambiguateSet<EuiButtonDisplayPropsForButton, EuiButtonDisplayPropsForAnchor> & EuiButtonDisplayCommonProps & {
+	    href?: string | undefined;
+	    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+	} & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+	    buttonRef?: React.Ref<HTMLAnchorElement> | undefined;
+	})) & React.RefAttributes<HTMLElement>>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/button/button' {
+	import React, { FunctionComponent, Ref, HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
+	import { _EuiButtonColor } from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button';
+	import { EuiButtonDisplayCommonProps } from '@elastic/eui/src/components/button/button_display/_button_display';
+	export const COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger", "ghost"];
+	export type EuiButtonColor = _EuiButtonColor | 'ghost';
+	export const SIZES: readonly ["s", "m"];
+	export type EuiButtonSize = typeof SIZES[number];
+	interface BaseProps {
+	    children?: ReactNode;
+	    /**
+	     * Make button a solid color for prominence
+	     */
+	    fill?: boolean;
+	    /**
+	     * Any of the named color palette options.
+	     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
+	     */
+	    color?: EuiButtonColor;
+	    /**
+	     * Use size `s` in confined spaces
+	     */
+	    size?: EuiButtonSize;
+	    /**
+	     * `disabled` is also allowed
+	     */
+	    isDisabled?: boolean;
+	}
+	export interface EuiButtonProps extends BaseProps, Omit<EuiButtonDisplayCommonProps, 'size'>, CommonProps {
+	}
 	export type EuiButtonPropsForAnchor = PropsForAnchor<EuiButtonProps, {
 	    buttonRef?: Ref<HTMLAnchorElement>;
 	}>;
@@ -2419,6 +2135,12 @@ declare module '@elastic/eui/src/components/button/button' {
 	     */
 	    baseClassName: string;
 	};
+	export const sizeToClassNameMap: {
+	    [size in EuiButtonSize]: string | null;
+	};
+	export const colorToClassNameMap: {
+	    [color in EuiButtonColor]: string | null;
+	};
 	/**
 	 * *DEPRECATED*
 	 * EuiButtonDisplay is an internal-only component used for displaying
@@ -2439,14 +2161,14 @@ declare module '@elastic/eui/src/components/button/button' {
 	     */
 	    baseClassName: string;
 	} & React.RefAttributes<HTMLElement>>;
+	export {};
 
 }
 declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	import { FunctionComponent, Ref } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
 	import { EuiButtonContentProps, EuiButtonContentType } from '@elastic/eui/src/components/button/_button_content_deprecated';
-	export type EuiButtonEmptyColor = 'primary' | 'danger' | 'text' | 'ghost' | 'success' | 'warning';
-	export const COLORS: EuiButtonEmptyColor[]; const sizeToClassNameMap: {
+	import { _EuiButtonColor } from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button'; const sizeToClassNameMap: {
 	    xs: string;
 	    s: string;
 	    m: null;
@@ -2464,9 +2186,10 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	 */
 	export interface CommonEuiButtonEmptyProps extends EuiButtonContentProps, CommonProps {
 	    /**
-	     * Any of our named colors
+	     * Any of the named color palette options.
+	     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
 	     */
-	    color?: EuiButtonEmptyColor;
+	    color?: _EuiButtonColor | 'ghost';
 	    size?: EuiButtonEmptySizes;
 	    /**
 	     * Ensure the text of the button sits flush to the left, right, or both sides of its container
@@ -2501,16 +2224,15 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 
 }
 declare module '@elastic/eui/src/components/button/button_empty' {
-	export type { EuiButtonEmptyColor, EuiButtonEmptyProps, EuiButtonEmptySizes, } from '@elastic/eui/src/components/button/button_empty/button_empty';
-	export { COLORS, EuiButtonEmpty } from '@elastic/eui/src/components/button/button_empty/button_empty';
+	export type { EuiButtonEmptyProps, EuiButtonEmptySizes } from '@elastic/eui/src/components/button/button_empty/button_empty';
+	export { EuiButtonEmpty } from '@elastic/eui/src/components/button/button_empty/button_empty';
 
 }
 declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 	import { FunctionComponent, Ref } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
 	import { IconType, IconSize } from '@elastic/eui/src/components/icon';
-	import { ButtonColor } from '@elastic/eui/src/components/button/button';
-	export type EuiButtonIconColor = ButtonColor; const displayToClassNameMap: {
+	import { _EuiButtonColor } from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button'; const displayToClassNameMap: {
 	    base: null;
 	    empty: string;
 	    fill: string;
@@ -2520,8 +2242,9 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 	    iconType: IconType;
 	    /**
 	     * Any of the named color palette options.
+	     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
 	     */
-	    color?: EuiButtonIconColor;
+	    color?: _EuiButtonColor | 'ghost';
 	    'aria-label'?: string;
 	    'aria-labelledby'?: string;
 	    isDisabled?: boolean;
@@ -2561,8 +2284,7 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 	    type?: 'submit' | 'reset' | 'button';
 	} & PropsForButton<EuiButtonIconProps, {
 	    buttonRef?: Ref<HTMLButtonElement>;
-	}>; type Props = ExclusiveUnion<EuiButtonIconPropsForAnchor, EuiButtonIconPropsForButton>;
-	export const COLORS: ButtonColor[]; const sizeToClassNameMap: {
+	}>; type Props = ExclusiveUnion<EuiButtonIconPropsForAnchor, EuiButtonIconPropsForButton>; const sizeToClassNameMap: {
 	    xs: string;
 	    s: string;
 	    m: string;
@@ -2574,7 +2296,7 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 
 }
 declare module '@elastic/eui/src/components/button/button_icon' {
-	export type { EuiButtonIconColor, EuiButtonIconProps, EuiButtonIconPropsForButton, EuiButtonIconPropsForAnchor, } from '@elastic/eui/src/components/button/button_icon/button_icon';
+	export type { EuiButtonIconProps, EuiButtonIconPropsForButton, EuiButtonIconPropsForAnchor, } from '@elastic/eui/src/components/button/button_icon/button_icon';
 	export { EuiButtonIcon } from '@elastic/eui/src/components/button/button_icon/button_icon';
 
 }
@@ -2645,9 +2367,9 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 }
 declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
-	import { ButtonColor } from '@elastic/eui/src/components/button/button';
 	import { EuiButtonContentProps } from '@elastic/eui/src/components/button/_button_content_deprecated';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { _EuiButtonColor } from '@elastic/eui/src/themes/amsterdam/global_styling/mixins';
 	export interface EuiButtonGroupOptionProps extends EuiButtonContentProps, CommonProps {
 	    /**
 	     * Each option must have a unique `id` for maintaining selection
@@ -2688,9 +2410,9 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     */
 	    legend: string;
 	    /**
-	     * Compressed styles don't support `ghost` color (Color will be changed to "text")
+	     * Any of the named color palette options.
 	     */
-	    color?: ButtonColor;
+	    color?: _EuiButtonColor;
 	    /**
 	     * Actual type is `'single' | 'multi'`.
 	     * Determines how the selection of the group should be handled.
@@ -2748,11 +2470,11 @@ declare module '@elastic/eui/src/components/button/button_group' {
 
 }
 declare module '@elastic/eui/src/components/button' {
-	export type { ButtonColor, ButtonSize, EuiButtonProps } from '@elastic/eui/src/components/button/button';
+	export type { EuiButtonColor, EuiButtonSize, EuiButtonProps } from '@elastic/eui/src/components/button/button';
 	export { COLORS, EuiButton } from '@elastic/eui/src/components/button/button';
-	export type { EuiButtonEmptyColor, EuiButtonEmptyProps, EuiButtonEmptySizes, } from '@elastic/eui/src/components/button/button_empty';
+	export type { EuiButtonEmptyProps, EuiButtonEmptySizes } from '@elastic/eui/src/components/button/button_empty';
 	export { EuiButtonEmpty } from '@elastic/eui/src/components/button/button_empty';
-	export type { EuiButtonIconColor, EuiButtonIconProps, EuiButtonIconPropsForButton, } from '@elastic/eui/src/components/button/button_icon';
+	export type { EuiButtonIconProps, EuiButtonIconPropsForButton, } from '@elastic/eui/src/components/button/button_icon';
 	export { EuiButtonIcon } from '@elastic/eui/src/components/button/button_icon';
 	export type { EuiButtonGroupOptionProps, EuiButtonGroupProps, } from '@elastic/eui/src/components/button/button_group';
 	export { EuiButtonGroup } from '@elastic/eui/src/components/button/button_group';
@@ -3095,7 +2817,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
 	    l: string;
 	    xl: string;
 	};
-	export const GUTTER_SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
+	export const GUTTER_SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
 	export type EuiFlexGroupGutterSize = keyof typeof gutterSizeToClassNameMap; const alignItemsToClassNameMap: {
 	    stretch: null;
 	    flexStart: string;
@@ -3784,124 +3506,47 @@ declare module '@elastic/eui/src/components/form/file_picker/file_picker' {
 	     */
 	    onChange?: (files: FileList | null) => void;
 	    /**
-	     * Reduces the size to a typical (compressed) input
-	     */
-	    compressed?: boolean;
-	    /**
-	     * Size or type of display;
-	     * `default` for normal height, similar to other controls;
-	     * `large` for taller size
-	     */
-	    display?: EuiFilePickerDisplay;
-	    fullWidth?: boolean;
-	    isInvalid?: boolean;
-	    isLoading?: boolean;
-	    disabled?: boolean;
-	}
-	export class EuiFilePicker extends Component<EuiFilePickerProps> {
-	    static defaultProps: {
-	        initialPromptText: JSX.Element;
-	        compressed: boolean;
-	        display: string;
-	    };
-	    state: {
-	        promptText: null;
-	        isHoveringDrop: boolean;
-	    };
-	    fileInput: HTMLInputElement | null;
-	    generatedId: string;
-	    handleChange: () => void;
-	    removeFiles: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
-	    showDrop: () => void;
-	    hideDrop: () => void;
-	    render(): JSX.Element;
-	}
-	export {};
-
-}
-declare module '@elastic/eui/src/components/form/file_picker' {
-	export type { EuiFilePickerProps } from '@elastic/eui/src/components/form/file_picker/file_picker';
-	export { EuiFilePicker } from '@elastic/eui/src/components/form/file_picker/file_picker';
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const BUTTON_COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger", "disabled"];
-	export type _EuiButtonColor = typeof BUTTON_COLORS[number];
-	export const euiButtonColor: (color: _EuiButtonColor, { euiTheme, colorMode }: UseEuiTheme) => string;
-	export const useEuiButtonColorCSS: () => {
-	    text: import("@emotion/utils").SerializedStyles;
-	    accent: import("@emotion/utils").SerializedStyles;
-	    primary: import("@emotion/utils").SerializedStyles;
-	    success: import("@emotion/utils").SerializedStyles;
-	    warning: import("@emotion/utils").SerializedStyles;
-	    danger: import("@emotion/utils").SerializedStyles;
-	    disabled: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions/shadows' {
-	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme/types';
-	export const getShadowColor: (color: string, opacity: number, colorMode: EuiThemeColorModeStandard) => string;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions' {
-	export * from '@elastic/eui/src/themes/amsterdam/global_styling/functions/shadows';
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
-	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
-	import { _EuiThemeShadowSize, _EuiThemeShadowCustomColor } from '@elastic/eui/src/global_styling/variables/shadow';
-	export interface EuiShadowCustomColor {
-	    color?: string;
-	}
-	/**
-	 * euiSlightShadow
-	 */
-	export const euiShadowXSmall: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
-	/**
-	 * bottomShadowSmall
-	 */
-	export const euiShadowSmall: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
-	/**
-	 * bottomShadowMedium
-	 */
-	export const euiShadowMedium: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color, property }?: _EuiThemeShadowCustomColor) => string;
-	/**
-	 * bottomShadow
-	 */
-	export const euiShadowLarge: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
-	/**
-	 * bottomShadowLarge
-	 */
-	export interface EuiShadowXLarge extends _EuiThemeShadowCustomColor {
-	    reverse?: boolean;
+	     * Reduces the size to a typical (compressed) input
+	     */
+	    compressed?: boolean;
+	    /**
+	     * Size or type of display;
+	     * `default` for normal height, similar to other controls;
+	     * `large` for taller size
+	     */
+	    display?: EuiFilePickerDisplay;
+	    fullWidth?: boolean;
+	    isInvalid?: boolean;
+	    isLoading?: boolean;
+	    disabled?: boolean;
 	}
-	export const euiShadowXLarge: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color, reverse }?: EuiShadowXLarge) => string;
-	/**
-	 * slightShadowHover
-	 * TODO: I think this is only used by panels/cards in the Amsterdam theme, move there
-	 */
-	export const euiSlightShadowHover: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
-	export const useEuiSlightShadowHover: (color?: _EuiThemeShadowCustomColor['color']) => string;
-	/**
-	 * bottomShadowFlat
-	 *
-	 * Similar to shadow medium but without the bottom depth.
-	 * Useful for popovers that drop UP rather than DOWN.
-	 */
-	export const euiShadowFlat: ({ euiTheme, colorMode }: UseEuiTheme, { color: _color }?: _EuiThemeShadowCustomColor) => string;
-	export const useEuiShadowFlat: (color?: _EuiThemeShadowCustomColor['color']) => string;
-	export const euiShadow: (euiThemeContext: UseEuiTheme, size?: _EuiThemeShadowSize, { color }?: _EuiThemeShadowCustomColor) => string;
-	export const useEuiShadow: (size?: _EuiThemeShadowSize, color?: _EuiThemeShadowCustomColor['color']) => string;
+	export class EuiFilePicker extends Component<EuiFilePickerProps> {
+	    static defaultProps: {
+	        initialPromptText: JSX.Element;
+	        compressed: boolean;
+	        display: string;
+	    };
+	    state: {
+	        promptText: null;
+	        isHoveringDrop: boolean;
+	    };
+	    fileInput: HTMLInputElement | null;
+	    generatedId: string;
+	    handleChange: () => void;
+	    removeFiles: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
+	    showDrop: () => void;
+	    hideDrop: () => void;
+	    render(): JSX.Element;
+	}
+	export {};
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins' {
-	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button';
-	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
+declare module '@elastic/eui/src/components/form/file_picker' {
+	export type { EuiFilePickerProps } from '@elastic/eui/src/components/form/file_picker/file_picker';
+	export { EuiFilePicker } from '@elastic/eui/src/components/form/file_picker/file_picker';
 
 }
-declare module '@elastic/eui/src/components/panel/panel.style' {
+declare module '@elastic/eui/src/components/panel/panel.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiPanelStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiPanel: import("@emotion/utils").SerializedStyles;
@@ -3920,7 +3565,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" | "none" | "xs" | "m" | "l" | "xl")[];
+	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
 	export type PanelPaddingSize = typeof _SIZES[number];
 	export const BORDER_RADII: readonly ["none", "m"];
 	export type PanelBorderRadius = typeof BORDER_RADII[number];
@@ -4120,7 +3765,7 @@ declare module '@elastic/eui/src/components/form/form_row/form_row' {
 	    centerCompressed: string;
 	    columnCompressedSwitch: string;
 	};
-	export const DISPLAYS: ("row" | "center" | "rowCompressed" | "columnCompressed" | "centerCompressed" | "columnCompressedSwitch")[];
+	export const DISPLAYS: ("center" | "row" | "rowCompressed" | "columnCompressed" | "centerCompressed" | "columnCompressedSwitch")[];
 	export type EuiFormRowDisplayKeys = keyof typeof displayToClassNameMap;
 	interface EuiFormRowState {
 	    isFocused: boolean;
@@ -5615,7 +5260,8 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
 
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
-	import { Component, ReactElement, ReactNode, MouseEvent as ReactMouseEvent } from 'react';
+	import { Component, ReactElement, ReactNode, MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
 	export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
 	export const POSITIONS: ToolTipPositions[];
 	export type ToolTipDelay = 'regular' | 'long';
@@ -5631,9 +5277,13 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	};
 	export interface EuiToolTipProps {
 	    /**
-	     * Passes onto the the trigger.
+	     * Passes onto the span wrapping the trigger.
 	     */
 	    anchorClassName?: string;
+	    /**
+	     * Passes onto the span wrapping the trigger.
+	     */
+	    anchorProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	    /**
 	     * The in-view trigger for your tooltip.
 	     */
@@ -6554,11 +6204,249 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_anim
 	export const animation_ease: _EuiThemeAnimationEasings;
 	export const animation: _EuiThemeAnimation;
 
+}
+declare module '@elastic/eui/src/global_styling/variables' {
+	export * from '@elastic/eui/src/global_styling/variables/animations';
+	export * from '@elastic/eui/src/global_styling/variables/borders';
+	export * from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export * from '@elastic/eui/src/global_styling/variables/colors';
+	export * from '@elastic/eui/src/global_styling/variables/levels';
+	export * from '@elastic/eui/src/global_styling/variables/size';
+	export * from '@elastic/eui/src/global_styling/variables/shadow';
+	export * from '@elastic/eui/src/global_styling/variables/states';
+	export * from '@elastic/eui/src/global_styling/variables/typography';
+
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
 	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables';
 	export const breakpoint: _EuiThemeBreakpoints;
 
+}
+declare module '@elastic/eui/src/global_styling/functions/logicals' {
+	/**
+	 * EUI utilizes logical CSS properties to enable directional writing-modes.
+	 * To encourage use of logical properties, we provide a few helper utilities to
+	 * convert certain directional properties to logical properties.
+	 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties
+	 */
+	export const logicalSide: {
+	    left: string;
+	    right: string;
+	    top: string;
+	    bottom: string;
+	    horizontal: string;
+	    vertical: string;
+	};
+	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
+	export type LogicalSides = typeof LOGICAL_SIDES[number];
+	export const logicals: {
+	    height: string;
+	    width: string;
+	    "max-height": string;
+	    "max-width": string;
+	    "min-height": string;
+	    "min-width": string;
+	    top: string;
+	    right: string;
+	    bottom: string;
+	    left: string;
+	    horizontal: string;
+	    vertical: string;
+	    "margin-left": string;
+	    "margin-right": string;
+	    "margin-top": string;
+	    "margin-bottom": string;
+	    "margin-horizontal": string;
+	    "margin-vertical": string;
+	    "padding-left": string;
+	    "padding-right": string;
+	    "padding-top": string;
+	    "padding-bottom": string;
+	    "padding-horizontal": string;
+	    "padding-vertical": string;
+	    "overflow-x": string;
+	    "overflow-y": string;
+	    "border-horizontal": string;
+	    "border-horizontal-color": string;
+	    "border-horizontal-width": string;
+	    "border-horizontal-style": string;
+	    "border-vertical": string;
+	    "border-vertical-color": string;
+	    "border-vertical-width": string;
+	    "border-vertical-style": string;
+	    "border-bottom": string;
+	    "border-bottom-color": string;
+	    "border-bottom-style": string;
+	    "border-bottom-width": string;
+	    "border-top": string;
+	    "border-top-color": string;
+	    "border-top-style": string;
+	    "border-top-width": string;
+	    "border-right": string;
+	    "border-right-color": string;
+	    "border-right-style": string;
+	    "border-right-width": string;
+	    "border-left": string;
+	    "border-left-color": string;
+	    "border-left-style": string;
+	    "border-left-width": string;
+	    "border-top-left-radius": string;
+	    "border-top-right-radius": string;
+	    "border-bottom-left-radius": string;
+	    "border-bottom-right-radius": string;
+	};
+	export const LOGICAL_PROPERTIES: ("left" | "right" | "top" | "width" | "height" | "max-height" | "max-width" | "min-height" | "min-width" | "bottom" | "horizontal" | "vertical" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
+	export type LogicalProperties = typeof LOGICAL_PROPERTIES[number];
+	/**
+	 *
+	 * @param property A string that is a valid CSS logical property
+	 * @param value String to output as the property value
+	 * @returns `string` Returns the logical CSS property version for the given `property: value` pair
+	 */
+	export const logicalCSS: (property: LogicalProperties, value?: any) => string;
+	/**
+	 * Some logical properties are not yet fully supported by all browsers.
+	 * For those cases, we should use the old property as a fallback for
+	 * browsers missing support, while allowing supporting browsers to use
+	 * the logical properties.
+	 *
+	 * Examples:
+	 * https://caniuse.com/?search=overflow-block
+	 * https://caniuse.com/mdn-css_properties_float_flow_relative_values
+	 */
+	export const logicalCSSWithFallback: (property: LogicalProperties, value?: any) => string;
+	/**
+	 *
+	 * @param property A string that is a valid CSS logical property
+	 * @param value String to output as the property value
+	 * @returns `object` Returns the logical CSS property version for the given `property: value` pair
+	 */
+	export const logicalStyle: (property: LogicalProperties, value?: any) => {
+	    [x: string]: any;
+	};
+	/**
+	 *
+	 * @param width A string value for the LTR width
+	 * @param height A string value for the LTR height
+	 * @returns `string` Returns the logical CSS properties for height and width
+	 */
+	export const logicalSizeCSS: (width: any, height: any) => string;
+	/**
+	 *
+	 * @param width A string value for the LTR width
+	 * @param height A string value for the LTR height
+	 * @returns `object` Returns the logical CSS properties for height and width
+	 */
+	export const logicalSizeStyle: (width: any, height: any) => {
+	    [x: string]: any;
+	};
+	export const logicalText: {
+	    'text-align': {
+	        left: string;
+	        center: string;
+	        right: string;
+	    };
+	};
+	export const LOGICAL_TEXT_ALIGNMENT: ("left" | "right" | "center")[];
+	export type LogicalText = typeof LOGICAL_TEXT_ALIGNMENT[number];
+	/**
+	 *
+	 * @param property A string that is a valid CSS logical property
+	 * @param value String to output as the property value
+	 * @returns `string` Returns the logical CSS property version for the given `property: value` pair
+	 */
+	export const logicalTextAlignCSS: (value: LogicalText) => string;
+	/**
+	 *
+	 * @param property A string that is a valid CSS logical property
+	 * @param value String to output as the property value
+	 * @returns `object` Returns the logical CSS property version for the given `property: value` pair
+	 */
+	export const logicalTextAlignStyle: (value: LogicalText) => {
+	    textAlign: string;
+	};
+
+}
+declare module '@elastic/eui/src/global_styling/functions/size' {
+	/**
+	 * Calculates the `px` value based on a scale multiplier
+	 * @param scale - The font scale multiplier
+	 * *
+	 * @param themeOrBase - Theme base value
+	 * *
+	 * @returns string - Rem unit aligned to baseline
+	 */
+	export const sizeToPixel: (scale?: number) => (themeOrBase: number | {
+	    [key: string]: any;
+	    base: number;
+	}) => string;
+
+}
+declare module '@elastic/eui/src/services/theme/hooks' {
+	import React from 'react';
+	import { EuiThemeColorModeStandard, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui/src/services/theme/types';
+	export interface UseEuiTheme<T extends {} = {}> {
+	    euiTheme: EuiThemeComputed<T>;
+	    colorMode: EuiThemeColorModeStandard;
+	    modifications: EuiThemeModifications<T>;
+	}
+	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
+	export interface WithEuiThemeProps<P = {}> {
+	    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">>>;
+
+}
+declare module '@elastic/eui/src/global_styling/functions/typography' {
+	import { _EuiThemeFontScale, _EuiThemeFontSizeMeasurement } from '@elastic/eui/src/global_styling/variables/typography';
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
+	export interface _FontScaleOptions {
+	    /**
+	     * The returned string measurement
+	     */
+	    measurement?: _EuiThemeFontSizeMeasurement;
+	    /**
+	     * An additional custom scale multiplier to use against the current scale
+	     * This parameter can be used (e.g. by EuiText sizes) to get sizes of text smaller than the default
+	     */
+	    customScale?: _EuiThemeFontScale;
+	}
+	/**
+	 * Calculates the font-size value based on the provided scale key
+	 * @param scale - The font scale key
+	 * @param theme - Requires the `base` and `font` keys
+	 * @param options - Optional parameters - see _FontScaleOptions
+	 *
+	 * @returns string - Calculated font-size value
+	 */
+	export function euiFontSizeFromScale(scale: _EuiThemeFontScale, { base, font }: UseEuiTheme['euiTheme'], { measurement, customScale }?: _FontScaleOptions): string;
+	/**
+	 * Calculates the line-height to the closest multiple of the baseline
+	 * EX: A proper line-height for text is 1.5 times the font-size.
+	 *     If our base font size (euiFontSize) is 16, and our baseline is 4. To ensure the
+	 *     text stays on the baseline, we pass a multiplier to calculate a line-height.
+	 * @param scale - The font scale key
+	 * @param theme - Requires the `base` and `font` keys
+	 * @param options - Optional parameters - see _FontScaleOptions
+	 *
+	 * @returns string - Calculated line-height value aligned to baseline
+	 */
+	export function euiLineHeightFromBaseline(scale: _EuiThemeFontScale, { base, font }: UseEuiTheme['euiTheme'], { measurement, customScale }?: _FontScaleOptions): string;
+	/**
+	 * Text weight shifting
+	 *
+	 * When changing the font-weight based on the state of the component,
+	 * this mixin will ensure that the sizing is dependent on the boldest
+	 * weight so it doesn't shift sibling content.
+	 */
+	export const euiTextShift: (fontWeight: "bold" | "medium" | "light" | "regular" | "semiBold" | undefined, attribute: string | undefined, euiTheme: UseEuiTheme['euiTheme']) => string;
+
+}
+declare module '@elastic/eui/src/global_styling/functions' {
+	export * from '@elastic/eui/src/global_styling/functions/logicals';
+	export * from '@elastic/eui/src/global_styling/functions/size';
+	export * from '@elastic/eui/src/global_styling/functions/typography';
+
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
 	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
@@ -6635,6 +6523,16 @@ declare module '@elastic/eui/src/services/theme' {
 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) => {
+	    [k: string]: number;
+	};
+	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => {
+	    [k: string]: number;
+	};
+
 }
 declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
 	import React, { FunctionComponent } from 'react';
@@ -7104,56 +7002,318 @@ declare module '@elastic/eui/src/services/hooks/useLatest' {
 	export function useLatest<Value>(value: Value): MutableRefObject<Value | null>;
 
 }
-declare module '@elastic/eui/src/services/hooks/useMouseMove' {
-	import { MouseEvent, TouchEvent } from 'react';
-	export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
-	export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
-	    x: number;
-	    y: number;
-	}, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
-	    (e: MouseEvent<T>) => void,
-	    (e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
-	];
+declare module '@elastic/eui/src/services/hooks/useMouseMove' {
+	import { MouseEvent, TouchEvent } from 'react';
+	export function isMouseEvent<T = HTMLDivElement>(event: MouseEvent<T> | TouchEvent<T>): event is MouseEvent<T>;
+	export function useMouseMove<T = HTMLDivElement>(handleChange: (location: {
+	    x: number;
+	    y: number;
+	}, isFirstInteraction?: boolean) => void, interactionConditional?: any): [
+	    (e: MouseEvent<T>) => void,
+	    (e: MouseEvent<T> | TouchEvent<T>, isFirstInteraction?: boolean) => void
+	];
+
+}
+declare module '@elastic/eui/src/services/hooks' {
+	export * from '@elastic/eui/src/services/hooks/useDependentState';
+	export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
+	export * from '@elastic/eui/src/services/hooks/useForceRender';
+	export * from '@elastic/eui/src/services/hooks/useLatest';
+	export * from '@elastic/eui/src/services/hooks/useMouseMove';
+	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
+
+}
+declare module '@elastic/eui/src/services' {
+	import * as keys from '@elastic/eui/src/services/keys';
+	export { keys };
+	export { accessibleClickKeys, cascadingMenuKeys, comboBoxKeys, htmlIdGenerator, useGeneratedHtmlId, } from '@elastic/eui/src/services/accessibility';
+	export type { HorizontalAlignment } from '@elastic/eui/src/services/alignment';
+	export { LEFT_ALIGNMENT, RIGHT_ALIGNMENT, CENTER_ALIGNMENT } from '@elastic/eui/src/services/alignment';
+	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
+	export { useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, } from '@elastic/eui/src/services/breakpoint';
+	export type { HSV } from '@elastic/eui/src/services/color';
+	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor, } from '@elastic/eui/src/services/color';
+	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
+	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
+	export * from '@elastic/eui/src/services/console';
+	export { copyToClipboard } from '@elastic/eui/src/services/copy_to_clipboard';
+	export * from '@elastic/eui/src/services/findElement';
+	export { formatAuto, formatBoolean, formatDate, formatNumber, formatText, dateFormatAliases, } from '@elastic/eui/src/services/format';
+	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
+	export { Pager } from '@elastic/eui/src/services/paging';
+	export { Random } from '@elastic/eui/src/services/random';
+	export { getSecureRelForTarget } from '@elastic/eui/src/services/security';
+	export { toSentenceCase, toInitials, slugify } from '@elastic/eui/src/services/string';
+	export type { PropertySort, Direction } from '@elastic/eui/src/services/sort';
+	export { PropertySortType, SortDirectionType, SortDirection, SortableProperties, Comparators, } from '@elastic/eui/src/services/sort';
+	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
+	export { getDurationAndPerformOnFrame, getTransitionTimings, getWaitDuration, performOnFrame, } from '@elastic/eui/src/services/transition';
+	export { EuiWindowEvent } from '@elastic/eui/src/services/window_event';
+	export * from '@elastic/eui/src/services/hooks';
+	export { throttle } from '@elastic/eui/src/services/throttle';
+	export * from '@elastic/eui/src/services/theme';
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_color' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "accent", "primary", "success", "warning", "danger"];
+	export type _EuiBackgroundColor = typeof BACKGROUND_COLORS[number];
+	export interface _EuiBackgroundColorOptions {
+	    /**
+	     * Use `opaque` for containers of unknown content.
+	     * Use `transparent` for interactive states like hover and focus.
+	     */
+	    method?: 'opaque' | 'transparent';
+	}
+	export const euiBackgroundColor: ({ euiTheme, colorMode }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
+	export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
+	export const useEuiBackgroundColorCSS: () => {
+	    transparent: import("@emotion/utils").SerializedStyles;
+	    plain: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
+	import { CSSProperties } from 'react';
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
+	/**
+	 * Set scroll bar appearance on Chrome (and firefox).
+	 * All parameters are optional and default to specific global settings.
+	 */
+	export interface EuiScrollBarStyles {
+	    thumbColor?: CSSProperties['backgroundColor'];
+	    trackColor?: CSSProperties['backgroundColor'];
+	    /**
+	     * Defaults to `thin`. Use `auto` only for large page scrollbars
+	     */
+	    width?: CSSProperties['scrollbarWidth'];
+	    /**
+	     * Overall width (height for horizontal scrollbars)
+	     */
+	    size?: CSSProperties['width'];
+	    /**
+	     * Corner sizes are usually determined by `width` and
+	     * are used as an inset border and therefore a smaller corner size means a larger thumb
+	     */
+	    corner?: CSSProperties['borderWidth'];
+	}
+	export const euiScrollBarStyles: ({ euiTheme: { colors, size } }: UseEuiTheme, { thumbColor: _thumbColor, trackColor, width, size: _size, corner: _corner, }?: EuiScrollBarStyles) => string;
+	export const useEuiScrollBar: (options?: EuiScrollBarStyles | undefined) => string;
+	/**
+	 * 1. Focus rings shouldn't be visible on scrollable regions, but a11y requires them to be focusable.
+	 *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
+	 *    Others like Safari, won't show anything at all.
+	 */
+	interface _EuiYScroll {
+	    height?: CSSProperties['height'];
+	}
+	export const euiYScroll: (euiTheme: UseEuiTheme, { height }?: _EuiYScroll) => string;
+	export const useEuiYScroll: ({ height }?: _EuiYScroll) => string;
+	export const euiYScrollWithShadows: (euiTheme: UseEuiTheme, { height }?: _EuiYScroll) => string;
+	export const useEuiYScrollWithShadows: ({ height }?: _EuiYScroll) => string;
+	export const euiXScroll: (euiTheme: UseEuiTheme) => string;
+	export const useEuiXScroll: () => string;
+	export const euiXScrollWithShadows: (euiTheme: UseEuiTheme) => string;
+	export const useEuiXScrollWithShadows: () => string;
+	interface EuiScrollOverflowStyles {
+	    direction?: 'y' | 'x';
+	    mask?: boolean;
+	}
+	export const euiOverflowScroll: (euiTheme: UseEuiTheme, { direction, mask }?: EuiScrollOverflowStyles) => string;
+	export const useEuiOverflowScroll: (direction: EuiScrollOverflowStyles['direction'], mask?: EuiScrollOverflowStyles['mask']) => string;
+	/**
+	 * For quickly applying a full-height element whether using flex or not
+	 */
+	export const euiFullHeight: () => string;
+	/**
+	 * A constant storing the support for the `:has()` selector through a
+	 * media query that will only apply the content it is supported.
+	 */
+	export const euiSupportsHas = "@supports(selector(:has(p)))";
+	export {};
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_padding' {
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
+	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
+	export type EuiPaddingSize = typeof PADDING_SIZES[number];
+	export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
+	export const useEuiPaddingSize: (size: EuiPaddingSize) => string | null;
+	export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => {
+	    none: null;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_states' {
+	import { CSSProperties } from 'react';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export type _EuiFocusRingOffset = 'inset' | 'outset' | 'center' | CSSProperties['outlineOffset'];
+	/**
+	 * It is best practice to utilize the browser's default `outline` property for handling focus rings.
+	 * However, some components need to be forced to have the same behavior, or adjust the display.
+	 * This function re-applies the same default outline with a couple parameters
+	 * @param euiTheme UseEuiTheme.euiTheme
+	 * @param offset Accepts a specific measurement or 'inset', 'outset' or 'center' to adjust outline position
+	 * @param color Accepts any CSS color, **Note: only works in -webkit-**
+	 */
+	export const euiFocusRing: ({ euiTheme }: UseEuiTheme, offset?: _EuiFocusRingOffset, options?: {
+	    color?: CSSProperties['outlineColor'];
+	} | undefined) => string;
+	export const useEuiFocusRing: (offset?: _EuiFocusRingOffset, color?: CSSProperties['outlineColor']) => string;
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_typography' {
+	import { CSSProperties } from 'react';
+	import { _FontScaleOptions } from '@elastic/eui/src/global_styling/functions/typography';
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
+	import { _EuiThemeFontScale } from '@elastic/eui/src/global_styling/variables/typography';
+	export type EuiThemeFontSize = {
+	    fontSize: CSSProperties['fontSize'];
+	    lineHeight: CSSProperties['lineHeight'];
+	};
+	/**
+	 * Returns font-size and line-height
+	 */
+	export const euiFontSize: ({ euiTheme }: UseEuiTheme, scale: _EuiThemeFontScale, options?: _FontScaleOptions | undefined) => EuiThemeFontSize;
+	export const useEuiFontSize: (scale: _EuiThemeFontScale, options?: _FontScaleOptions | undefined) => EuiThemeFontSize;
+	/**
+	 * Force text to wrap on natural word breaks (e.g. spaces & hyphens)
+	 * https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
+	 */
+	export const euiTextBreakWord: () => string;
+	/**
+	 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
+	 */
+	export const euiTextTruncate: (maxWidth?: CSSProperties['maxWidth']) => string;
+	/**
+	 * Fixed-width numbers for tabular data
+	 */
+	export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
+	export const useEuiNumberFormat: () => string;
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables';
+	/**
+	 * Generates a CSS media query rule string based on the input breakpoint ranges.
+	 * Examples with default theme breakpoints:
+	 *
+	 * euiBreakpoint(['s']) becomes `@media only screen and (min-width: 575px) and (max-width: 767px)`
+	 * euiBreakpoint(['s', 'l']) becomes `@media only screen and (min-width: 575px) and (max-width: 1199px)`
+	 *
+	 * Use the smallest and largest sizes to generate media queries with only min/max-width.
+	 * Examples with default theme breakpoints:
+	 *
+	 * euiBreakpoint(['xs', 'm']) becomes `@media only screen and (max-width: 991px)`
+	 * euiBreakpoint(['l', 'xl']) becomes `@media only screen and (min-width: 992px)`
+	 */
+	export const euiBreakpoint: ({ euiTheme }: UseEuiTheme, sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
+	export const useEuiBreakpoint: (sizes: [_EuiThemeBreakpoint, ..._EuiThemeBreakpoint[]]) => string;
+
+}
+declare module '@elastic/eui/src/global_styling/mixins' {
+	export * from '@elastic/eui/src/global_styling/mixins/_color';
+	export * from '@elastic/eui/src/global_styling/mixins/_helpers';
+	export * from '@elastic/eui/src/global_styling/mixins/_padding';
+	export * from '@elastic/eui/src/global_styling/mixins/_states';
+	export * from '@elastic/eui/src/global_styling/mixins/_typography';
+	export * from '@elastic/eui/src/global_styling/mixins/_responsive';
+
+}
+declare module '@elastic/eui/src/global_styling/reset/reset' {
+	export const resetStyles = "\n/* // Adapted from Eric Meyer's reset (http://meyerweb.com/eric/tools/css/reset/, v2.0 | 20110126). */\n\n\n*, *:before, *:after {\n  box-sizing: border-box;\n}\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n}\n\nh1, h2, h3, h4, h5, h6, p {\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\na[href],\nbutton,\n[role='button'] {\n  cursor: pointer;\n}\n\nbutton {\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  border-radius: 0;\n  font-size: inherit;\n}\n\ninput {\n  margin: 0;\n  padding: 0;\n}\n\ninput:disabled {\n  opacity: 1; /* required on iOS */\n}\n\nol,\nul {\n  list-style: none;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n  content: '';\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nhr {\n  margin: 0;\n}\n\nfieldset {\n  min-inline-size: auto;\n}\n\n/* Chrome has an issue around RTL languages in SVGs when letter-spacing is negative\n * https://bugs.chromium.org/p/chromium/issues/detail?id=966480\n */\nsvg text {\n  letter-spacing: normal !important;\n}";
+
+}
+declare module '@elastic/eui/src/global_styling/reset/global_styles' {
+	
+	export interface EuiGlobalStylesProps {
+	}
+	export const EuiGlobalStyles: ({}: EuiGlobalStylesProps) => JSX.Element;
+
+}
+declare module '@elastic/eui/src/global_styling' {
+	export * from '@elastic/eui/src/global_styling/reset/global_styles';
+	export * from '@elastic/eui/src/global_styling/functions';
+	export * from '@elastic/eui/src/global_styling/variables';
+	export * from '@elastic/eui/src/global_styling/mixins';
+
+}
+declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles' {
+	export const euiScreenReaderOnly: () => string;
+	export const euiScreenReaderOnlyStyles: (showOnFocus?: boolean | undefined) => {
+	    euiScreenReaderOnly: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only' {
+	import { ReactElement, FunctionComponent } from 'react';
+	export interface EuiScreenReaderOnlyProps {
+	    /**
+	     * ReactElement to render as this component's content
+	     */
+	    children: ReactElement;
+	    /**
+	     * For keyboard navigation, force content to display visually upon focus.
+	     */
+	    showOnFocus?: boolean;
+	    className?: string;
+	}
+	export const EuiScreenReaderOnly: FunctionComponent<EuiScreenReaderOnlyProps>;
+
+}
+declare module '@elastic/eui/src/components/accessibility/screen_reader_only' {
+	export type { EuiScreenReaderOnlyProps } from '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only';
+	export { EuiScreenReaderOnly } from '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only';
+	export { euiScreenReaderOnly } from '@elastic/eui/src/components/accessibility/screen_reader_only/screen_reader_only.styles';
 
 }
-declare module '@elastic/eui/src/services/hooks' {
-	export * from '@elastic/eui/src/services/hooks/useDependentState';
-	export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
-	export * from '@elastic/eui/src/services/hooks/useForceRender';
-	export * from '@elastic/eui/src/services/hooks/useLatest';
-	export * from '@elastic/eui/src/services/hooks/useMouseMove';
-	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
+declare module '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live' {
+	import { AriaAttributes, HTMLAttributes, FunctionComponent, ReactNode } from 'react';
+	export interface EuiScreenReaderLiveProps {
+	    /**
+	     * Whether to make screen readers aware of the content
+	     */
+	    isActive?: boolean;
+	    /**
+	     * Content for screen readers to announce
+	     */
+	    children?: ReactNode;
+	    /**
+	     * `role` attribute for both live regions.
+	     *
+	     * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#roles_with_implicit_live_region_attributes
+	     */
+	    role?: HTMLAttributes<HTMLDivElement>['role'];
+	    /**
+	     * `aria-live` attribute for both live regions
+	     */
+	    'aria-live'?: AriaAttributes['aria-live'];
+	    /**
+	     * On `children`/text change, the region will auto-focus itself, causing screen readers
+	     * to automatically read out the text content. This prop should primarily be used for
+	     * navigation or page changes, where programmatically resetting focus location back to
+	     * a certain part of the page is desired.
+	     */
+	    focusRegionOnTextChange?: boolean;
+	}
+	export const EuiScreenReaderLive: FunctionComponent<EuiScreenReaderLiveProps>;
 
 }
-declare module '@elastic/eui/src/services' {
-	import * as keys from '@elastic/eui/src/services/keys';
-	export { keys };
-	export { accessibleClickKeys, cascadingMenuKeys, comboBoxKeys, htmlIdGenerator, useGeneratedHtmlId, } from '@elastic/eui/src/services/accessibility';
-	export type { HorizontalAlignment } from '@elastic/eui/src/services/alignment';
-	export { LEFT_ALIGNMENT, RIGHT_ALIGNMENT, CENTER_ALIGNMENT } from '@elastic/eui/src/services/alignment';
-	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
-	export { useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, } from '@elastic/eui/src/services/breakpoint';
-	export type { HSV } from '@elastic/eui/src/services/color';
-	export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor, } from '@elastic/eui/src/services/color';
-	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
-	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
-	export * from '@elastic/eui/src/services/console';
-	export { copyToClipboard } from '@elastic/eui/src/services/copy_to_clipboard';
-	export * from '@elastic/eui/src/services/findElement';
-	export { formatAuto, formatBoolean, formatDate, formatNumber, formatText, dateFormatAliases, } from '@elastic/eui/src/services/format';
-	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
-	export { Pager } from '@elastic/eui/src/services/paging';
-	export { Random } from '@elastic/eui/src/services/random';
-	export { getSecureRelForTarget } from '@elastic/eui/src/services/security';
-	export { toSentenceCase, toInitials, slugify } from '@elastic/eui/src/services/string';
-	export type { PropertySort, Direction } from '@elastic/eui/src/services/sort';
-	export { PropertySortType, SortDirectionType, SortDirection, SortableProperties, Comparators, } from '@elastic/eui/src/services/sort';
-	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
-	export { getDurationAndPerformOnFrame, getTransitionTimings, getWaitDuration, performOnFrame, } from '@elastic/eui/src/services/transition';
-	export { EuiWindowEvent } from '@elastic/eui/src/services/window_event';
-	export * from '@elastic/eui/src/services/hooks';
-	export { throttle } from '@elastic/eui/src/services/throttle';
-	export * from '@elastic/eui/src/services/theme';
+declare module '@elastic/eui/src/components/accessibility/screen_reader_live' {
+	export { EuiScreenReaderLive } from '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live';
+	export type { EuiScreenReaderLiveProps } from '@elastic/eui/src/components/accessibility/screen_reader_live/screen_reader_live';
 
 }
 declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link.styles' {
@@ -7262,7 +7422,7 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	    l: string;
 	    xl: string;
 	};
-	export const PADDING_SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
+	export const PADDING_SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
 	export type EuiAccordionSize = keyof typeof paddingSizeToClassNameMap;
 	export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id'> & {
 	    id: string;
@@ -7552,7 +7712,7 @@ declare module '@elastic/eui/src/components/badge/badge' {
 declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge' {
 	import { AriaAttributes, FunctionComponent, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
+	import { EuiToolTipProps, ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
 	import { IconType } from '@elastic/eui/src/components/icon'; const colorToClassMap: {
 	    accent: string;
 	    subdued: string;
@@ -7607,6 +7767,10 @@ declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge' {
 	     * Custom position of the tooltip
 	     */
 	    tooltipPosition?: ToolTipPositions;
+	    /**
+	     * Passes onto the span wrapping the badge
+	     */
+	    anchorProps?: EuiToolTipProps['anchorProps'];
 	    /**
 	     * Optional title will be supplied as tooltip title or title attribute
 	     * otherwise the label will be used
@@ -7665,7 +7829,7 @@ declare module '@elastic/eui/src/components/badge/badge_group/badge_group' {
 	    xs: string;
 	    s: string;
 	};
-	export const GUTTER_SIZES: ("s" | "none" | "xs")[]; type BadgeGroupGutterSize = keyof typeof gutterSizeToClassNameMap;
+	export const GUTTER_SIZES: ("s" | "xs" | "none")[]; type BadgeGroupGutterSize = keyof typeof gutterSizeToClassNameMap;
 	export interface EuiBadgeGroupProps {
 	    /**
 	     * Space between badges
@@ -7972,18 +8136,90 @@ declare module '@elastic/eui/src/components/breadcrumbs' {
 	export { EuiBreadcrumbs } from '@elastic/eui/src/components/breadcrumbs/breadcrumbs';
 
 }
-declare module '@elastic/eui/src/components/card/card_select' {
-	import { FunctionComponent } from 'react';
-	import { EuiButtonEmptyColor, EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
-	export type EuiCardSelectProps = EuiButtonEmptyProps & {
-	    /**
-	     * Is in the selected state
-	     */
-	    isSelected?: boolean;
-	    isDisabled?: boolean;
+declare module '@elastic/eui/src/components/card/card_select/card_select.styles' {
+	export const euiCardSelectStyles: () => {
+	    euiCardSelect: import("@emotion/utils").SerializedStyles;
 	};
+
+}
+declare module '@elastic/eui/src/components/card/card_select/card_select' {
+	import { FunctionComponent } from 'react';
+	import { Props } from '@elastic/eui/src/components/button/button';
+	export type EuiCardSelectProps = Props;
 	export const EuiCardSelect: FunctionComponent<EuiCardSelectProps>;
-	export function euiCardSelectableColor(color: EuiButtonEmptyColor | undefined, isSelected: boolean | undefined): string;
+	export function euiCardSelectableColor(color: Props['color'], isSelected: boolean | undefined): Props['color'];
+
+}
+declare module '@elastic/eui/src/components/card/card_select' {
+	export type { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select/card_select';
+	export { EuiCardSelect, euiCardSelectableColor } from '@elastic/eui/src/components/card/card_select/card_select';
+
+}
+declare module '@elastic/eui/src/components/card/card.styles' {
+	import { EuiCardProps } from '@elastic/eui/src/components';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/**
+	 * 1. Footer is always at the bottom.
+	 * 3. Horizontal layouts should always top left align no matter the textAlign prop
+	 * 4. Ensures the contents always stretch no matter the flex layout
+	 */
+	export const euiCardStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps['paddingSize'], color: EuiCardProps['display']) => {
+	    card: {
+	        euiCard: import("@emotion/utils").SerializedStyles;
+	        aligned: {
+	            center: import("@emotion/utils").SerializedStyles;
+	            left: import("@emotion/utils").SerializedStyles;
+	            right: import("@emotion/utils").SerializedStyles;
+	        };
+	        layout: {
+	            vertical: import("@emotion/utils").SerializedStyles;
+	            horizontal: import("@emotion/utils").SerializedStyles;
+	        };
+	        disabled: import("@emotion/utils").SerializedStyles;
+	    };
+	    content: {
+	        euiCard__content: import("@emotion/utils").SerializedStyles;
+	        layout: {
+	            vertical: import("@emotion/utils").SerializedStyles;
+	            horizontal: import("@emotion/utils").SerializedStyles;
+	        };
+	    };
+	    euiCard__children: import("@emotion/utils").SerializedStyles;
+	    euiCard__description: import("@emotion/utils").SerializedStyles;
+	    euiCard__footer: import("@emotion/utils").SerializedStyles;
+	    top: {
+	        euiCard__top: import("@emotion/utils").SerializedStyles;
+	        layout: {
+	            vertical: import("@emotion/utils").SerializedStyles;
+	            horizontal: import("@emotion/utils").SerializedStyles;
+	        };
+	        disabled: import("@emotion/utils").SerializedStyles;
+	    };
+	    euiCard__image: import("@emotion/utils").SerializedStyles;
+	    icon: {
+	        euiCard__icon: import("@emotion/utils").SerializedStyles;
+	        withImage: import("@emotion/utils").SerializedStyles;
+	        layout: {
+	            vertical: import("@emotion/utils").SerializedStyles;
+	            horizontal: import("@emotion/utils").SerializedStyles;
+	        };
+	    };
+	};
+	export const euiCardTextStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCard__text: import("@emotion/utils").SerializedStyles;
+	    interactive: import("@emotion/utils").SerializedStyles;
+	    aligned: {
+	        center: import("@emotion/utils").SerializedStyles;
+	        left: import("@emotion/utils").SerializedStyles;
+	        right: import("@emotion/utils").SerializedStyles;
+	    };
+	    disabled: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiCardBetaBadgeStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps['paddingSize']) => {
+	    hasBetaBadge: import("@emotion/utils").SerializedStyles;
+	    euiCard__betaBadgeAnchor: import("@emotion/utils").SerializedStyles;
+	    euiCard__betaBadge: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/components/card/card' {
@@ -8023,7 +8259,7 @@ declare module '@elastic/eui/src/components/card/card' {
 	    /**
 	     * Determines the title's heading element
 	     */
-	    titleElement?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
+	    titleElement?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p';
 	    /**
 	     * Determines the title's size, matching that of EuiTitle.
 	     * Though, card titles can't be too large or small relative to the description text.
@@ -8053,7 +8289,7 @@ declare module '@elastic/eui/src/components/card/card' {
 	     * Adds a badge to top of the card to label it as "Beta" or other non-GA state.
 	     * Accepts all the props of [EuiBetaBadge](#/display/badge#beta-badge-type), where `label` is required.
 	     */
-	    betaBadgeProps?: Partial<EuiBetaBadgeProps>;
+	    betaBadgeProps?: EuiBetaBadgeProps;
 	    /**
 	     * Matches to the color property of EuiPanel. If defined, removes any border & shadow.
 	     * Leave as `undefined` to display as a default panel.
@@ -8072,15 +8308,23 @@ declare module '@elastic/eui/src/components/card/card' {
 	     * Use a border style of card instead of shadow
 	     */
 	    hasBorder?: EuiPanelProps['hasBorder'];
-	} & ({
-	    description?: NonNullable<ReactNode>;
-	    children: ReactNode;
-	} | {
-	    description: NonNullable<ReactNode>;
-	});
+	};
 	export const EuiCard: FunctionComponent<EuiCardProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/card/checkable_card/checkable_card.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCheckableCardStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCheckableCard: import("@emotion/utils").SerializedStyles;
+	    isChecked: import("@emotion/utils").SerializedStyles;
+	    label: {
+	        euiCheckableCard__label: import("@emotion/utils").SerializedStyles;
+	        isDisabled: import("@emotion/utils").SerializedStyles;
+	    };
+	    euiCheckableCard__children: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/card/checkable_card/checkable_card' {
 	import { FunctionComponent, ReactNode } from 'react';
@@ -8384,7 +8628,7 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	export const SIDES: ("left" | "right")[]; type _EuiFlyoutSide = typeof SIDES[number];
 	export const SIZES: ("s" | "m" | "l")[];
 	export type EuiFlyoutSize = typeof SIZES[number];
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[]; type _EuiFlyoutPaddingSize = typeof PADDING_SIZES[number];
+	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[]; type _EuiFlyoutPaddingSize = typeof PADDING_SIZES[number];
 	interface _EuiFlyoutProps {
 	    onClose: (event: MouseEvent | TouchEvent | KeyboardEvent) => void;
 	    /**
@@ -13092,7 +13336,7 @@ declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
 	import { EuiTitleSize } from '@elastic/eui/src/components/title';
 	import { IconColor, IconType } from '@elastic/eui/src/components/icon';
 	import { _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[];
+	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
 	export type PaddingSize = typeof PADDING_SIZES[number];
 	export type EuiEmptyPromptProps = CommonProps & Omit<_EuiPanelDivlike, 'borderRadius' | 'grow' | 'panelRef' | 'paddingSize' | 'title'> & {
 	    iconType?: IconType;
@@ -13310,128 +13554,11 @@ declare module '@elastic/eui/src/components/facet/facet_button.styles' {
 	    isDisabled: import("@emotion/utils").SerializedStyles;
 	};
 
-}
-declare module '@elastic/eui/src/components/button/button_display/_button_display.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiButtonBaseCSS: () => string;
-	export const euiButtonDisplayStyles: (euiThemeContext: UseEuiTheme, minWidth: string) => {
-	    euiButtonDisplay: import("@emotion/utils").SerializedStyles;
-	    isDisabled: import("@emotion/utils").SerializedStyles;
-	    fullWidth: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/button/button_display/_button_display_content.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiButtonDisplayContentStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiButtonDisplayContent: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
-	    right: import("@emotion/utils").SerializedStyles;
-	    euiButtonDisplayContent__spinner: import("@emotion/utils").SerializedStyles;
-	    euiButtonDisplayContent__icon: import("@emotion/utils").SerializedStyles;
-	    isDisabled: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/button/button_display/_button_display_content' {
-	import { HTMLAttributes, FunctionComponent, Ref } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { IconType } from '@elastic/eui/src/components/icon';
-	export type ButtonContentIconSide = 'left' | 'right' | undefined;
-	export type EuiButtonDisplayContentType = HTMLAttributes<HTMLSpanElement>;
-	/**
-	 * *INTERNAL ONLY*
-	 * This component is simply a helper component for reuse within other button components.
-	 */
-	export interface EuiButtonDisplayContentProps extends CommonProps {
-	    /**
-	     * Any `type` accepted by EuiIcon
-	     */
-	    iconType?: IconType;
-	    /**
-	     * Can only be one side `left` or `right`
-	     */
-	    iconSide?: ButtonContentIconSide;
-	    isLoading?: boolean;
-	    /**
-	     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
-	     */
-	    textProps?: HTMLAttributes<HTMLSpanElement> & CommonProps & {
-	        ref?: Ref<HTMLSpanElement>;
-	        'data-text'?: string;
-	    };
-	    iconSize?: 's' | 'm';
-	    isDisabled: boolean;
-	}
-	export const EuiButtonDisplayContent: FunctionComponent<EuiButtonDisplayContentType & EuiButtonDisplayContentProps>;
-
-}
-declare module '@elastic/eui/src/components/button/button_display/_button_display' {
-	import React, { CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';
-	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
-	import { EuiButtonDisplayContentProps, EuiButtonDisplayContentType } from '@elastic/eui/src/components/button/button_display/_button_display_content';
-	/**
-	 * Extends EuiButtonDisplayContentProps which provides
-	 * `iconType`, `iconSide`, and `textProps`
-	 */
-	export interface EuiButtonDisplayCommonProps extends EuiButtonDisplayContentProps, CommonProps {
-	    children?: ReactNode;
-	    size?: 'xs' | 's' | 'm';
-	    /**
-	     * Applies the boolean state as the `aria-pressed` property to create a toggle button.
-	     * *Only use when the readable text does not change between states.*
-	     */
-	    isSelected?: boolean;
-	    /**
-	     * Extends the button to 100% width
-	     */
-	    fullWidth?: boolean;
-	    /**
-	     * Override the default minimum width
-	     */
-	    minWidth?: CSSProperties['minWidth'];
-	    /**
-	     * Force disables the button and changes the icon to a loading spinner
-	     */
-	    isLoading?: boolean;
-	    /**
-	     * Object of props passed to the <span/> wrapping the button's content
-	     */
-	    contentProps?: EuiButtonDisplayContentType;
-	    style?: CSSProperties;
-	}
-	export type EuiButtonDisplayPropsForAnchor = PropsForAnchor<EuiButtonDisplayCommonProps, {
-	    buttonRef?: Ref<HTMLAnchorElement>;
-	}>;
-	export type EuiButtonDisplayPropsForButton = PropsForButton<EuiButtonDisplayCommonProps, {
-	    buttonRef?: Ref<HTMLButtonElement>;
-	}>;
-	export type Props = ExclusiveUnion<EuiButtonDisplayPropsForAnchor, EuiButtonDisplayPropsForButton>;
-	export type EuiButtonDisplayProps = EuiButtonDisplayCommonProps & HTMLAttributes<HTMLElement> & {
-	    /**
-	     * Provide a valid element to render the element as
-	     */
-	    element?: 'a' | 'button' | 'span' | 'label';
-	};
-	/**
-	 * EuiButtonDisplay is an internal-only component used for displaying
-	 * any element as a button.
-	 */
-	export const EuiButtonDisplay: React.ForwardRefExoticComponent<EuiButtonDisplayCommonProps & React.HTMLAttributes<HTMLElement> & {
-	    /**
-	     * Provide a valid element to render the element as
-	     */
-	    element?: "a" | "button" | "label" | "span" | undefined;
-	} & React.RefAttributes<HTMLElement>>;
-
 }
 declare module '@elastic/eui/src/components/facet/facet_button' {
-	import { FunctionComponent, HTMLAttributes, MouseEventHandler, ReactNode, RefCallback } from 'react';
+	import { FunctionComponent, HTMLAttributes, ReactNode, RefCallback } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiFacetButtonProps extends CommonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
+	export interface EuiFacetButtonProps extends CommonProps, HTMLAttributes<HTMLButtonElement> {
 	    buttonRef?: RefCallback<HTMLButtonElement>;
 	    /**
 	     * ReactNode to render as this component's content
@@ -13450,7 +13577,6 @@ declare module '@elastic/eui/src/components/facet/facet_button' {
 	     * Changes visual of button to indicate it's currently selected
 	     */
 	    isSelected?: boolean;
-	    onClick?: MouseEventHandler<HTMLButtonElement>;
 	    /**
 	     * Adds a notification indicator for displaying the quantity provided
 	     */
@@ -14533,7 +14659,7 @@ declare module '@elastic/eui/src/components/modal/modal_body' {
 declare module '@elastic/eui/src/components/modal/confirm_modal' {
 	import React, { FunctionComponent, ReactNode } from 'react';
 	import { EuiModalProps } from '@elastic/eui/src/components/modal/modal';
-	import { ButtonColor } from '@elastic/eui/src/components/button';
+	import { EuiButtonColor } from '@elastic/eui/src/components/button';
 	export interface EuiConfirmModalProps extends Omit<EuiModalProps, 'children' | 'initialFocus' | 'onClose' | 'title'> {
 	    /**
 	     * ReactNode to render as this component's content
@@ -14547,7 +14673,7 @@ declare module '@elastic/eui/src/components/modal/confirm_modal' {
 	    confirmButtonDisabled?: boolean;
 	    className?: string;
 	    defaultFocusedButton?: typeof CONFIRM_BUTTON | typeof CANCEL_BUTTON;
-	    buttonColor?: ButtonColor;
+	    buttonColor?: EuiButtonColor;
 	    /**
 	     * Sets the max-width of the modal.
 	     * Set to `true` to use the default (`euiBreakpoints 'm'`),
@@ -15012,7 +15138,7 @@ declare module '@elastic/eui/src/components/page/page_content/page_content_body'
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[];
+	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
 	export interface EuiPageContentBodyProps extends CommonProps, HTMLAttributes<HTMLDivElement>, _EuiPageRestrictWidth {
 	    /**
 	     * Adjust the padding.
@@ -15301,7 +15427,7 @@ declare module '@elastic/eui/src/components/page/page_section' {
 declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const PADDING_SIZES: ("s" | "none" | "m" | "l")[];
+	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
 	export interface EuiPageSideBarProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
 	    /**
 	     * Adds `position: sticky`
@@ -18234,9 +18360,9 @@ declare module '@elastic/eui/src/components/tour' {
 declare module '@elastic/eui/src/components/basic_table/action_types' {
 	import { ReactElement, ReactNode } from 'react';
 	import { EuiIconType } from '@elastic/eui/src/components/icon/icon';
-	import { EuiButtonIconColor } from '@elastic/eui/src/components/button/button_icon/button_icon';
-	import { EuiButtonEmptyColor } from '@elastic/eui/src/components/button/button_empty';
-	import { ExclusiveUnion } from '@elastic/eui/src/components/common'; type IconFunction<T> = (item: T) => EuiIconType; type ButtonColor = EuiButtonIconColor | EuiButtonEmptyColor; type EuiButtonIconColorFunction<T> = (item: T) => ButtonColor;
+	import { EuiButtonIconProps } from '@elastic/eui/src/components/button/button_icon/button_icon';
+	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
+	import { ExclusiveUnion } from '@elastic/eui/src/components/common'; type IconFunction<T> = (item: T) => EuiIconType; type ButtonColor = EuiButtonIconProps['color'] | EuiButtonEmptyProps['color']; type EuiButtonIconColorFunction<T> = (item: T) => ButtonColor;
 	export interface DefaultItemActionBase<T> {
 	    /**
 	     * The display name of the action (will be the button caption)
@@ -18268,7 +18394,7 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	     * The type of action
 	     */
 	    type?: 'button';
-	    color?: EuiButtonEmptyColor | EuiButtonIconColorFunction<T>;
+	    color?: EuiButtonEmptyProps['color'] | EuiButtonIconColorFunction<T>;
 	}
 	export interface DefaultItemIconButtonAction<T> extends DefaultItemActionBase<T> {
 	    type: 'icon';
@@ -18279,7 +18405,7 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	    /**
 	     * Defines the color of the button
 	     */
-	    color?: EuiButtonIconColor | EuiButtonIconColorFunction<T>;
+	    color?: EuiButtonIconProps['color'] | EuiButtonIconColorFunction<T>;
 	}
 	export type DefaultItemAction<T> = ExclusiveUnion<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>>;
 	export interface CustomItemAction<T> {