@elastic/eui 102.2.0 → 102.3.0

package/es/themes/json/eui_theme_borealis_dark.json

@@ -392,7 +392,7 @@
   "euiColorBackgroundLightWarning": "#3D3014",
   "euiColorBackgroundLightRisk": "#4A221C",
   "euiColorBackgroundLightDanger": "#491D27",
-  "euiColorBackgroundLightText": "#1D2A3E",
+  "euiColorBackgroundLightText": "#2B394F",
   "euiColorBackgroundFilledPrimary": "#61A2FF",
   "euiColorBackgroundFilledAccent": "#EE72A6",
   "euiColorBackgroundFilledAccentSecondary": "#16C5C0",

package/eui.d.ts

@@ -738,135 +738,6 @@ declare module '@elastic/eui/src/services/color/eui_palettes_hooks' {
 	export const useEuiPaletteWarm: (steps: number) => EuiPalette;
 	export const useEuiPaletteGray: (steps: number) => EuiPalette;
 
-}
-declare module '@elastic/eui/src/global_styling/mixins/_button' {
-	import { type SerializedStyles } from '@emotion/react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	/** Tentative usage; these exist only to be used as button directly when used within other components */
-	export const SEVERITY_COLORS: readonly ["neutral", "risk"];
-	export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
-	export const EXTENDED_BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
-	export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
-	export type _EuiExtendedButtonColor = (typeof EXTENDED_BUTTON_COLORS)[number];
-	export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
-	export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
-	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: _EuiExtendedButtonColor | "disabled") => {
-	    border: string;
-	    color: string;
-	    backgroundColor: string;
-	} | {
-	    border?: undefined;
-	    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: _EuiExtendedButtonColor | "disabled") => {
-	    border: string;
-	    color: string;
-	    backgroundColor: string;
-	} | {
-	    border?: undefined;
-	    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: _EuiExtendedButtonColor | "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 `_EuiExtendedButtonColor` keys including `disabled`
-	 */
-	export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
-	/**
-	 * Creates the translate animation when button is in focus.
-	 * @returns string
-	 */
-	export const useEuiButtonFocusCSS: () => SerializedStyles;
-	/**
-	 * Map of `size` props to various sizings/scales
-	 * that should remain consistent across all buttons
-	 */
-	export const euiButtonSizeMap: ({ euiTheme }: UseEuiTheme) => {
-	    xs: {
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "xs";
-	    };
-	    s: {
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "s";
-	    };
-	    m: {
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "s";
-	    };
-	};
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_color' {
-	import { SerializedStyles } from '@emotion/react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
-	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';
-	}
-	/**
-	 * @deprecated - use background tokens directly
-	 * @returns A single background color with optional alpha transparency
-	 */
-	export const euiBackgroundColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
-	/**
-	 * @deprecated
-	 */
-	export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
-	/**
-	 * Hook to retrieve background style for a background color variant
-	 * @returns An object map of color keys to CSS,
-	 * e.g. { danger: css``, success: css``, ... }
-	 */
-	export const useEuiBackgroundColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
-	/**
-	 * Border colors
-	 * @deprecated - use border tokens directly or use
-	 * `useEuiBorderColorCSS()` for composed styles
-	 */
-	export const euiBorderColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor) => string;
-	/**
-	 * Hook to retrieve border style for a border variant
-	 * @returns An object map of color keys to CSS,
-	 * e.g. { danger: css``, success: css``, ... }
-	 */
-	export const useEuiBorderColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
-
 }
 declare module '@elastic/eui/src/global_styling/functions/high_contrast' {
 	import type { UseEuiTheme } from '@elastic/eui/src/services';
@@ -913,7 +784,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    horizontal: string;
 	    vertical: string;
 	};
-	export const LOGICAL_SIDES: ("left" | "right" | "bottom" | "top" | "horizontal" | "vertical")[];
+	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
 	export type LogicalSides = (typeof LOGICAL_SIDES)[number];
 	export const logicals: {
 	    height: string;
@@ -972,7 +843,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    "border-bottom-right-radius": string;
 	    _shorthands: string[];
 	};
-	export const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "bottom" | "height" | "top" | "horizontal" | "vertical" | "max-height" | "max-width" | "min-height" | "min-width" | "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 const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "top" | "bottom" | "horizontal" | "vertical" | "height" | "max-height" | "max-width" | "min-height" | "min-width" | "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];
 	/**
 	 *
@@ -1144,6 +1015,142 @@ declare module '@elastic/eui/src/global_styling/functions' {
 	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/_button' {
+	import { type SerializedStyles } from '@emotion/react';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/** Tentative usage; these exist only to be used as button directly when used within other components */
+	export const SEVERITY_COLORS: readonly ["neutral", "risk"];
+	export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
+	export const EXTENDED_BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
+	export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
+	export type _EuiExtendedButtonColor = (typeof EXTENDED_BUTTON_COLORS)[number];
+	export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
+	export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
+	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: _EuiExtendedButtonColor | "disabled") => {
+	    border: string;
+	    color: string;
+	    backgroundColor: string;
+	} | {
+	    border?: undefined;
+	    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: _EuiExtendedButtonColor | "disabled") => {
+	    border: string;
+	    color: string;
+	    backgroundColor: string;
+	} | {
+	    border?: undefined;
+	    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: _EuiExtendedButtonColor | "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 `_EuiExtendedButtonColor` keys including `disabled`
+	 */
+	export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
+	/**
+	 * Creates the translate animation when button is in focus.
+	 * @returns string
+	 */
+	export const useEuiButtonFocusCSS: () => SerializedStyles;
+	/**
+	 * Map of `size` props to various sizings/scales
+	 * that should remain consistent across all buttons
+	 */
+	export const euiButtonSizeMap: (euiThemeContext: UseEuiTheme) => {
+	    xs: {
+	        minWidth: number;
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "xs";
+	    };
+	    s: {
+	        minWidth: number;
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "s";
+	    };
+	    m: {
+	        minWidth: number;
+	        height: string;
+	        radius: string | number | undefined;
+	        fontScale: "s";
+	    };
+	};
+	/**
+	 * creates a bottom border on hover/focus to ensure a visible change as forced mode removed background colors
+	 */
+	export const highContrastHoverIndicatorStyles: ({ euiTheme }: UseEuiTheme) => string;
+
+}
+declare module '@elastic/eui/src/global_styling/mixins/_color' {
+	import { SerializedStyles } from '@emotion/react';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
+	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';
+	}
+	/**
+	 * @deprecated - use background tokens directly
+	 * @returns A single background color with optional alpha transparency
+	 */
+	export const euiBackgroundColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
+	/**
+	 * @deprecated
+	 */
+	export const useEuiBackgroundColor: (color: _EuiBackgroundColor, { method }?: _EuiBackgroundColorOptions) => string;
+	/**
+	 * Hook to retrieve background style for a background color variant
+	 * @returns An object map of color keys to CSS,
+	 * e.g. { danger: css``, success: css``, ... }
+	 */
+	export const useEuiBackgroundColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
+	/**
+	 * Border colors
+	 * @deprecated - use border tokens directly or use
+	 * `useEuiBorderColorCSS()` for composed styles
+	 */
+	export const euiBorderColor: ({ euiTheme }: UseEuiTheme, color: _EuiBackgroundColor) => string;
+	/**
+	 * Hook to retrieve border style for a border variant
+	 * @returns An object map of color keys to CSS,
+	 * e.g. { danger: css``, success: css``, ... }
+	 */
+	export const useEuiBorderColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
+
 }
 declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
 	import { CSSProperties } from 'react';
@@ -2983,7 +2990,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
 	export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
 	import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
-	export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "empty" | "wordWrap" | "grid" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
+	export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
 	export type EuiIconType = keyof typeof typeToPathMap;
 	export type IconType = EuiIconType | string | ComponentType;
 	export type IconColor = string | NamedColor;
@@ -3536,7 +3543,12 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	    euiButtonDisplay: import("@emotion/react").SerializedStyles;
 	    isDisabled: import("@emotion/react").SerializedStyles;
 	    fullWidth: import("@emotion/react").SerializedStyles;
-	    defaultMinWidth: import("@emotion/react").SerializedStyles;
+	    defaultMinWidth: {
+	        defaultMinWidth: import("@emotion/react").SerializedStyles;
+	        xs: string;
+	        s: string;
+	        m: string;
+	    };
 	    xs: import("@emotion/react").SerializedStyles;
 	    s: import("@emotion/react").SerializedStyles;
 	    m: import("@emotion/react").SerializedStyles;
@@ -3671,7 +3683,7 @@ declare module '@elastic/eui/src/components/loading' {
 }
 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) => {
+	export const euiButtonDisplayContentStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiButtonDisplayContent: import("@emotion/react").SerializedStyles;
 	};
 
@@ -3843,7 +3855,7 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty.sty
 	    isDisabled: import("@emotion/react").SerializedStyles;
 	    xs: import("@emotion/react").SerializedStyles;
 	    s: import("@emotion/react").SerializedStyles;
-	    m: import("@emotion/react").SerializedStyles;
+	    m: (string | false | import("@emotion/react").SerializedStyles)[];
 	    flush: import("@emotion/react").SerializedStyles;
 	    left: import("@emotion/react").SerializedStyles;
 	    right: import("@emotion/react").SerializedStyles;
@@ -4128,6 +4140,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	    };
 	    compressed: SerializedStyles;
 	    disabledAndSelected: SerializedStyles;
+	    hasBorder: string;
 	    tooltipWrapper: SerializedStyles;
 	    content: {
 	        euiButtonGroupButton__content: SerializedStyles;
@@ -4143,6 +4156,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 }
 declare module '@elastic/eui/src/components/button/button_group/button_group_button' {
 	import { FunctionComponent, MouseEventHandler } from 'react';
+	import { EuiButtonDisplayCommonProps } from '@elastic/eui/src/components/button/button_display/_button_display';
 	import { EuiButtonGroupOptionProps, EuiButtonGroupProps } from '@elastic/eui/src/components/button/button_group/button_group';
 	type Props = EuiButtonGroupOptionProps & {
 	    /**
@@ -4165,6 +4179,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	     * Inherit from EuiButtonGroup
 	     */
 	    onClick: MouseEventHandler<HTMLButtonElement>;
+	    contentProps?: EuiButtonDisplayCommonProps['contentProps'];
 	};
 	export const EuiButtonGroupButton: FunctionComponent<Props>;
 	export {};
@@ -5264,9 +5279,12 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	        render?: (item: T) => ReactNode;
 	    };
 	    /**
-	     * Describe a custom renderer function for the content
+	     * A custom renderer for this column's cell content.
+	     * Unlike computed columns or `mobileOptions.render`, this function receives:
+	     * - `value`: The value of the specified field for this row
+	     * - `item`: The full data item (row object)
 	     */
-	    render?: (value: any, record: T) => ReactNode;
+	    render?: (value: any, item: T) => ReactNode;
 	    /**
 	     * Content to display in the footer beneath this column
 	     */
@@ -5281,7 +5299,7 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	    /**
 	     * A function that computes the value for each item and renders it
 	     */
-	    render: (record: T) => ReactNode;
+	    render: (item: T) => ReactNode;
 	    /**
 	     * The display name of the column
 	     */
@@ -7054,6 +7072,16 @@ declare module '@elastic/eui/src/services/theme/provider' {
 	}
 	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
 
+}
+declare module '@elastic/eui/src/services/theme/theme_variant' {
+	import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
+	export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
+	/**
+	 * Util to retrieve visual variant for UI elements
+	 * Note: Temporary only - will be removed once the visual refresh is completed.
+	 */
+	export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
+
 }
 declare module '@elastic/eui/src/services/theme' {
 	export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
@@ -7066,6 +7094,7 @@ declare module '@elastic/eui/src/services/theme' {
 	export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
 	export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
 	export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
+	export * from '@elastic/eui/src/services/theme/theme_variant';
 
 }
 declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
@@ -8088,15 +8117,6 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
 	        color: string;
 	        backgroundColor: string;
 	    };
-	    accentSecondary: {
-	        border: string;
-	        color: string;
-	        backgroundColor: string;
-	    } | {
-	        border?: undefined;
-	        color: string;
-	        backgroundColor: string;
-	    };
 	    disabled: {
 	        borderColor: string;
 	        border: string;
@@ -8128,10 +8148,6 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
 	        backgroundColor: string;
 	        color: string;
 	    };
-	    accentSecondaryText: {
-	        backgroundColor: string;
-	        color: string;
-	    };
 	};
 	export const getBadgeColors: (euiThemeContext: UseEuiTheme, backgroundColor: string) => {
 	    backgroundColor: string;
@@ -8707,10 +8723,6 @@ declare module '@elastic/eui/src/components/breadcrumbs/types' {
 	    truncateLastBreadcrumb?: boolean;
 	};
 
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button' {
-	export { type _EuiButtonColor, type _EuiButtonDisplay, type _EuiButtonOptions, BUTTON_COLORS, BUTTON_DISPLAYS, euiButtonColor, euiButtonFillColor, euiButtonEmptyColor, useEuiButtonColorCSS, useEuiButtonFocusCSS, euiButtonSizeMap, } from '@elastic/eui/src/global_styling/mixins/_button';
-
 }
 declare module '@elastic/eui/src/components/breadcrumbs/_breadcrumb_content.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -11750,8 +11762,9 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	     * Object of props passed to EuiFocusTrap.
 	     * `shards` specifies an array of elements that will be considered part of the flyout, preventing the flyout from being closed when clicked.
 	     * `closeOnMouseup` will delay the close callback, allowing time for external toggle buttons to handle close behavior.
+	     * `returnFocus` defines the return focus behavior and provides the possibility to check the available target element or opt out of the behavior in favor of manually returning focus
 	     */
-	    focusTrapProps?: Pick<EuiFocusTrapProps, 'closeOnMouseup' | 'shards'>;
+	    focusTrapProps?: Pick<EuiFocusTrapProps, 'closeOnMouseup' | 'shards' | 'returnFocus'>;
 	    /**
 	     * By default, EuiFlyout will consider any fixed `EuiHeader`s that sit alongside or above the EuiFlyout
 	     * as part of the flyout's focus trap. This prevents focus fighting with interactive elements
@@ -19053,18 +19066,26 @@ declare module '@elastic/eui/src/components/expression' {
 }
 declare module '@elastic/eui/src/components/filter_group/filter_button.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiFilterButtonDisplay: ({ euiTheme }: UseEuiTheme) => {
+	export const euiFilterButtonDisplay: (euiThemeContext: UseEuiTheme) => {
 	    flex: string;
 	    minInlineSize: string;
 	};
 	export const euiFilterButtonStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiFilterButton: import("@emotion/react").SerializedStyles;
+	    buttonType: {
+	        default: import("@emotion/react").SerializedStyles;
+	        toggle: import("@emotion/react").SerializedStyles;
+	    };
 	    withNext: import("@emotion/react").SerializedStyles;
 	    noGrow: import("@emotion/react").SerializedStyles;
 	    hasNotification: import("@emotion/react").SerializedStyles;
 	    hasActiveFilters: import("@emotion/react").SerializedStyles;
 	};
-	export const euiFilterButtonChildStyles: ({ euiTheme }: UseEuiTheme) => {
+	export const euiFilterButtonWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    wrapper: import("@emotion/react").SerializedStyles;
+	    hasToggle: import("@emotion/react").SerializedStyles;
+	};
+	export const euiFilterButtonChildStyles: (euiThemeContext: UseEuiTheme) => {
 	    content: {
 	        euiFilterButton__content: import("@emotion/react").SerializedStyles;
 	        hasIcon: import("@emotion/react").SerializedStyles;
@@ -19121,7 +19142,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
 	export type EuiFilterButtonProps = {
 	    /**
-	     * Bolds the button if true
+	     * Highlights active filters
 	     */
 	    hasActiveFilters?: boolean;
 	    /**
@@ -19135,7 +19156,15 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	     */
 	    numActiveFilters?: number;
 	    /**
-	     * Applies a visual state to the button useful when using with a popover.
+	     * Switches between toggle and regular button
+	     * @default false
+	     */
+	    isToggle?: boolean;
+	    /**
+	     * Applies a visual state to the button.
+	     * Automatically applies `aria-pressed` when used with `isToggle={true}`.
+	     * Otherwise applies `aria-expanded` when used with `isToggle={false}` and
+	     * `iconType="arrowDown"` as trigger button for e.g. a popover.
 	     */
 	    isSelected?: boolean;
 	    /**
@@ -19159,7 +19188,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	     *  - warning
 	     */
 	    color?: _EuiButtonColor;
-	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size' | 'color'>;
+	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size' | 'color' | 'isSelected'>;
 	export const EuiFilterButton: FunctionComponent<EuiFilterButtonProps>;
 
 }
@@ -31426,6 +31455,10 @@ declare module '@elastic/eui/src/themes/amsterdam/global_styling/functions/shado
 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/button' {
+	export { type _EuiButtonColor, type _EuiButtonDisplay, type _EuiButtonOptions, BUTTON_COLORS, BUTTON_DISPLAYS, euiButtonColor, euiButtonFillColor, euiButtonEmptyColor, useEuiButtonColorCSS, useEuiButtonFocusCSS, euiButtonSizeMap, } from '@elastic/eui/src/global_styling/mixins/_button';
+
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins' {
 	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button';

package/lib/components/badge/color_utils.js

@@ -40,7 +40,6 @@ var euiBadgeColors = exports.euiBadgeColors = function euiBadgeColors(euiThemeCo
     risk: (0, _button.euiButtonFillColor)(euiThemeContext, 'risk'),
     danger: (0, _button.euiButtonFillColor)(euiThemeContext, 'danger'),
     accent: (0, _button.euiButtonFillColor)(euiThemeContext, 'accent'),
-    accentSecondary: (0, _button.euiButtonFillColor)(euiThemeContext, 'accentSecondary'),
     disabled: _objectSpread(_objectSpread({}, (0, _button.euiButtonColor)(euiThemeContext, 'disabled')), {}, {
       borderColor: highContrastMode ? euiTheme.colors.textDisabled : ''
     }),
@@ -58,8 +57,7 @@ var euiBadgeColors = exports.euiBadgeColors = function euiBadgeColors(euiThemeCo
     }),
     accentText: _objectSpread(_objectSpread({}, badgeColorsAccentText), {}, {
       borderColor: highContrastMode ? badgeColorsAccentText.backgroundColor : ''
-    }),
-    accentSecondaryText: getBadgeColors(euiThemeContext, euiTheme.colors.textAccentSecondary)
+    })
   };
 };
 var getBadgeColors = exports.getBadgeColors = function getBadgeColors(euiThemeContext, backgroundColor) {

package/lib/components/badge/notification_badge/badge_notification.styles.js

@@ -7,6 +7,7 @@ exports.euiNotificationBadgeStyles = void 0;
 var _react = require("@emotion/react");
 var _global_styling = require("../../../global_styling");
 var _high_contrast = require("../../../global_styling/functions/high_contrast");
+var _services = require("../../../services");
 var _color_utils = require("../color_utils");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -18,9 +19,13 @@ var _color_utils = require("../color_utils");
 
 var euiNotificationBadgeStyles = exports.euiNotificationBadgeStyles = function euiNotificationBadgeStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
+  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
   var badgeColors = (0, _color_utils.euiBadgeColors)(euiThemeContext);
+  var borderRadius = isRefreshVariant ? (0, _global_styling.mathWithUnits)(euiTheme.border.radius.small, function (x) {
+    return x / 2;
+  }) : euiTheme.border.radius.small;
   return {
-    euiNotificationBadge: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " border-radius:", euiTheme.border.radius.small, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    euiNotificationBadge: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " border-radius:", borderRadius, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       preferred: "\n          border: ".concat(euiTheme.border.thin, ";\n          overflow: hidden; /* Fix text clipping */\n        ")
     }), " cursor:default;font-size:", (0, _global_styling.euiFontSizeFromScale)('xs', euiTheme), ";font-weight:", euiTheme.font.weight.medium, ";", (0, _global_styling.euiNumberFormat)(euiThemeContext), " text-align:center;", _global_styling.euiCanAnimate, "{transition:all ", euiTheme.animation.fast, " ease-in;};label:euiNotificationBadge;"),
     // Sizes