elastic · weronikaolejniczak · Apr 30, 2026 · Apr 30, 2026 · Apr 30, 2026 · May 4, 2026
@@ -41,12 +41,7 @@ export const ToolTipDemo: FunctionComponent = () => {
             <UserAvatarTip user={userProfile.user} avatar={userProfile.data.avatar} />
           }
           username={
-            <UserToolTip
-              position="top"
-              delay="regular"
-              user={userProfile.user}
-              avatar={userProfile.data.avatar}
-            >
+            <UserToolTip position="top" user={userProfile.user} avatar={userProfile.data.avatar}>
               <strong>{userProfile.user.full_name}</strong>
             </UserToolTip>
           }

diff --git a/package.json b/package.json
@@ -145,7 +145,7 @@
     "@elastic/elasticsearch": "9.3.4",
     "@elastic/ems-client": "8.7.0",
     "@elastic/esql": "3.0.0",
-    "@elastic/eui": "114.3.0",
+    "@elastic/eui": "115.0.0",
     "@elastic/eui-theme-borealis": "7.0.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/kibana-d3-color": "npm:@elastic/kibana-d3-color@2.0.1",
@@ -1603,7 +1603,7 @@
     "@cypress/debugging-proxy": "2.0.1",
     "@cypress/grep": "5.1.0",
     "@cypress/webpack-preprocessor": "6.0.2",
-    "@elastic/eslint-plugin-eui": "2.11.1",
+    "@elastic/eslint-plugin-eui": "2.12.0",
     "@elastic/makelogs": "6.1.1",
     "@emotion/babel-preset-css-prop": "11.11.0",
     "@emotion/jest": "11.11.0",

@@ -151,7 +151,7 @@ export const AppMenuActionButton = (props: AppMenuActionButtonProps) => {
    */
   const button =
     showTooltip && !hasSplitItems ? (
-      <EuiToolTip content={content} title={title} delay="long">
+      <EuiToolTip content={content} title={title}>
         {buttonComponent}
       </EuiToolTip>
     ) : (

@@ -111,7 +111,7 @@ export const AppMenuItem = ({
    */
   const button =
     showTooltip && !hasItems ? (
-      <EuiToolTip content={content} title={title} delay="long">
+      <EuiToolTip content={content} title={title}>
         {buttonComponent}
       </EuiToolTip>
     ) : (

@@ -73,7 +73,7 @@ export const AppMenuPopover = ({
   const showTooltip = Boolean(content || title);
 
   const button = showTooltip ? (
-    <EuiToolTip delay="long" content={content} title={title}>
+    <EuiToolTip content={content} title={title}>
       {anchorElement}
     </EuiToolTip>
   ) : (

@@ -787,38 +787,6 @@ describe('Both modes', () => {
         expect(integrationsLink).toHaveAttribute('data-highlighted', 'true');
       });
 
-      /**
-       * GIVEN there are footer items
-       * WHEN I hover over a footer item
-       * THEN a tooltip appears with the item label
-       * AND when I click on the trigger
-       * AND then I hover out
-       * THEN the tooltip disappears
-       */
-      it('should display a tooltip with the item label on hover, and hide on hover out', async () => {
-        render(<TestComponent items={basicMock.navItems} logo={basicMock.logo} />);
-
-        const developerToolsLink = screen.getByTestId(footerItemId('developer_tools'));
-
-        await user.hover(developerToolsLink);
-        flushPopoverTimers();
-
-        const tooltip = await screen.findByRole('tooltip', {
-          name: 'Developer tools',
-        });
-
-        expect(tooltip).toBeInTheDocument();
-
-        await user.click(developerToolsLink);
-        await user.unhover(developerToolsLink);
-
-        // Even after clicking on the trigger which makes the `EuiToolTip` persistent by default
-        // See: https://eui.elastic.co/docs/components/display/tooltip/
-        await waitFor(() => {
-          expect(tooltip).not.toBeInTheDocument();
-        });
-      });
-
       it('should switch popover when hovering from one item to another', async () => {
         const customNavItems = {
           ...basicMock.navItems,

@@ -77,38 +77,6 @@ describe('Collapsed mode', () => {
       // See: https://eui.elastic.co/docs/utilities/accessibility/#screen-reader-only
       expect(solutionLogo.children[1].className).toContain('euiScreenReaderOnly');
     });
-
-    /**
-     * GIVEN the side navigation is in collapsed mode
-     * WHEN I hover over the solution logo
-     * THEN a tooltip appears with the item label
-     * AND when I click on the trigger
-     * AND then I hover out
-     * THEN the tooltip disappears
-     */
-    it('should display a tooltip with the solution label on hover, and hide on hover out', async () => {
-      render(<TestComponent isCollapsed items={basicMock.navItems} logo={basicMock.logo} />);
-
-      const solutionLogo = screen.getByTestId(logoId);
-
-      await user.hover(solutionLogo);
-      flushPopoverTimers();
-
-      const tooltip = await screen.findByRole('tooltip', {
-        name: 'Solution',
-      });
-
-      expect(tooltip).toBeInTheDocument();
-
-      await user.click(solutionLogo);
-      await user.unhover(solutionLogo);
-
-      // Even after clicking on the trigger which makes the `EuiToolTip` persistent by default
-      // See: https://eui.elastic.co/docs/components/display/tooltip/
-      await waitFor(() => {
-        expect(tooltip).not.toBeInTheDocument();
-      });
-    });
   });
 
   describe('Primary menu', () => {
@@ -262,38 +230,6 @@ describe('Collapsed mode', () => {
         expect(dashboardsLink).toHaveAttribute('href', expectedHref);
       });
 
-      /**
-       * GIVEN the side navigation is in collapsed mode
-       * WHEN I hover over a primary menu item
-       * THEN a tooltip appears with the item label
-       * AND when I click on the trigger
-       * AND then I hover out
-       * THEN the tooltip disappears
-       */
-      it('should display a tooltip with the item label on hover, and hide on hover out', async () => {
-        render(<TestComponent isCollapsed items={basicMock.navItems} logo={basicMock.logo} />);
-
-        const dashboardsLink = screen.getByTestId(primaryItemId('dashboards'));
-
-        await user.hover(dashboardsLink);
-        flushPopoverTimers();
-
-        const tooltip = await screen.findByRole('tooltip', {
-          name: 'Dashboards',
-        });
-
-        expect(tooltip).toBeInTheDocument();
-
-        await user.click(dashboardsLink);
-        await user.unhover(dashboardsLink);
-
-        // Even after clicking on the trigger which makes the `EuiToolTip` persistent by default
-        // See: https://eui.elastic.co/docs/components/display/tooltip/
-        await waitFor(() => {
-          expect(tooltip).not.toBeInTheDocument();
-        });
-      });
-
       /**
        * GIVEN the side navigation is in collapsed mode
        * AND a primary menu item is in beta

@@ -18,7 +18,6 @@ import { BetaBadge } from '../beta_badge';
 import { NAVIGATION_SELECTOR_PREFIX, TOOLTIP_OFFSET } from '../../constants';
 import { focusMainContent } from '../../utils/focus_main_content';
 import { useHighContrastModeStyles } from '../../hooks/use_high_contrast_mode_styles';
-import { useTooltip } from '../../hooks/use_tooltip';
 import { NewItemIndicator } from '../new_item_indicator';
 
 export interface FooterItemProps extends Omit<EuiButtonIconProps, 'iconType'>, MenuItem {
@@ -43,7 +42,6 @@ export const FooterItem = forwardRef<HTMLAnchorElement, FooterItemProps>(
     ref: ForwardedRef<HTMLAnchorElement>
   ) => {
     const { euiTheme } = useEuiTheme();
-    const { tooltipRef, handleMouseOut } = useTooltip();
     const highContrastModeStyles = useHighContrastModeStyles();
 
     const handleFooterItemKeyDown = (e: KeyboardEvent) => {
@@ -125,9 +123,7 @@ export const FooterItem = forwardRef<HTMLAnchorElement, FooterItemProps>(
           }}
           content={tooltipContent}
           disableScreenReaderOutput
-          onMouseOut={handleMouseOut}
           position="right"
-          ref={tooltipRef}
           repositionOnScroll
           offset={TOOLTIP_OFFSET}
         >

@@ -17,7 +17,6 @@ import type { MenuItem } from '../../../types';
 import { BetaBadge } from '../beta_badge';
 import { MenuItem as MenuItemComponent } from '../menu_item';
 import { NAVIGATION_SELECTOR_PREFIX, TOOLTIP_OFFSET } from '../../constants';
-import { useTooltip } from '../../hooks/use_tooltip';
 
 export interface PrimaryMenuItemProps extends Omit<MenuItem, 'href'> {
   as?: 'a' | 'button';
@@ -57,7 +56,6 @@ export const PrimaryMenuItem = forwardRef<
     ref: ForwardedRef<HTMLAnchorElement | HTMLButtonElement>
   ): JSX.Element => {
     const { euiTheme } = useEuiTheme();
-    const { tooltipRef, handleMouseOut } = useTooltip();
 
     const wrapperStyles = css`
       display: flex;
@@ -110,11 +108,9 @@ export const PrimaryMenuItem = forwardRef<
     if (tooltipContent) {
       return (
         <EuiToolTip
-          ref={tooltipRef}
           anchorProps={{ css: wrapperStyles }}
           content={tooltipContent}
           disableScreenReaderOutput
-          onMouseOut={handleMouseOut}
           position="right"
           repositionOnScroll
           offset={TOOLTIP_OFFSET}

@@ -16,7 +16,6 @@ import { i18n } from '@kbn/i18n';
 import type { SideNavLogo } from '../../../types';
 import { MenuItem } from '../menu_item';
 import { NAVIGATION_SELECTOR_PREFIX } from '../../constants';
-import { useTooltip } from '../../hooks/use_tooltip';
 import { getHighContrastSeparator } from '../../hooks/use_high_contrast_mode_styles';
 
 export interface LogoProps extends Omit<HTMLAttributes<HTMLAnchorElement>, 'onClick'>, SideNavLogo {
@@ -36,7 +35,6 @@ export const Logo = ({
 }: LogoProps): JSX.Element => {
   const euiThemeContext = useEuiTheme();
   const { euiTheme } = euiThemeContext;
-  const { tooltipRef, handleMouseOut } = useTooltip();
 
   /**
    * **Icon size**
@@ -90,14 +88,7 @@ export const Logo = ({
 
   if (isCollapsed) {
     return (
-      <EuiToolTip
-        ref={tooltipRef}
-        content={label}
-        disableScreenReaderOutput
-        onMouseOut={handleMouseOut}
-        position="right"
-        repositionOnScroll
-      >
+      <EuiToolTip content={label} disableScreenReaderOutput position="right" repositionOnScroll>
         {menuItem}
       </EuiToolTip>
     );

@@ -104,7 +104,7 @@ export function KeyboardShortcuts() {
         anchorPosition="downRight"
         panelPaddingSize="none"
         button={
-          <EuiToolTip content={label} delay="long" disableScreenReaderOutput>
+          <EuiToolTip content={label} disableScreenReaderOutput>
             <EuiButtonIcon
               size="xs"
               iconType="keyboard"

@@ -26,7 +26,7 @@ export const TooltipWrapper: React.FunctionComponent<TooltipWrapperProps> = ({
   return (
     <>
       {condition ? (
-        <EuiToolTip content={tooltipContent} delay="regular" {...tooltipProps}>
+        <EuiToolTip content={tooltipContent} {...tooltipProps}>
           <>{children}</>
         </EuiToolTip>
       ) : (

diff --git a/src/platform/packages/private/kbn-ui-shared-deps-npm/version_dependencies.txt b/src/platform/packages/private/kbn-ui-shared-deps-npm/version_dependencies.txt
@@ -18,7 +18,7 @@
 @elastic/esql@3.0.0
 @elastic/eui-theme-borealis@7.0.0
 @elastic/eui-theme-common@9.0.0
-@elastic/eui@114.3.0
+@elastic/eui@115.0.0
 @elastic/numeral@2.5.1
 @elastic/prismjs-esql@1.1.2
 @emotion/babel-plugin@11.13.5

@@ -64,7 +64,6 @@ export function ColorRangesExtraActions({
           )}
           condition={shouldDisableAdd}
           position="top"
-          delay="regular"
         >
           <EuiButtonEmpty
             data-test-subj={`lnsPalettePanel_dynamicColoring_addColor`}
@@ -90,7 +89,6 @@ export function ColorRangesExtraActions({
           tooltipContent={oneColorRangeWarn}
           condition={shouldDisableReverse}
           position="top"
-          delay="regular"
         >
           <EuiButtonEmpty
             data-test-subj={`lnsPalettePanel_dynamicColoring_reverseColors`}
@@ -116,7 +114,6 @@ export function ColorRangesExtraActions({
           tooltipContent={oneColorRangeWarn}
           condition={shouldDisableDistribute}
           position="top"
-          delay="regular"
         >
           <EuiButtonEmpty
             data-test-subj={`lnsPalettePanel_dynamicColoring_distributeValues`}

@@ -104,7 +104,7 @@ export function ColorRangeEditButton({
   }
 
   return (
-    <TooltipWrapper tooltipContent={tooltipContent} condition={true} position="top" delay="regular">
+    <TooltipWrapper tooltipContent={tooltipContent} condition={true} position="top">
       <EuiButtonIcon
         iconType="pencil"
         aria-label={tooltipContent}
@@ -136,7 +136,7 @@ export function ColorRangeAutoDetectButton({
   }, [continuity, dataBounds, dispatch, isLast, palettes]);
 
   return (
-    <TooltipWrapper tooltipContent={tooltipContent} condition={true} position="top" delay="regular">
+    <TooltipWrapper tooltipContent={tooltipContent} condition={true} position="top">
       <EuiButtonIcon
         iconType={iconFactory}
         aria-label={tooltipContent}