@elastic/eui 116.1.0 → 116.2.0-snapshot.1780097782326

package/es/components/datagrid/body/cell/data_grid_cell_actions.js

@@ -24,6 +24,7 @@ import { EuiButtonIcon } from '../../../button/button_icon';
 import { EuiButtonEmpty } from '../../../button/button_empty';
 import { EuiFlexGroup, EuiFlexItem } from '../../../flex';
 import { EuiPopoverFooter } from '../../../popover';
+import { EuiToolTip } from '../../../tool_tip';
 import { euiDataGridCellActionsStyles } from './data_grid_cell_actions.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiDataGridCellActions = function EuiDataGridCellActions(_ref) {
@@ -44,18 +45,21 @@ export var EuiDataGridCellActions = function EuiDataGridCellActions(_ref) {
       token: "euiDataGridCellActions.expandButtonTitle",
       default: "Click or hit enter to interact with cell content"
     }, function (expandButtonTitle) {
-      return ___EmotionJSX(EuiButtonIcon, {
-        css: styles.euiDataGridRowCell__actionButtonIcon,
+      return ___EmotionJSX(EuiToolTip, {
+        content: expandButtonTitle,
+        disableScreenReaderOutput: true,
+        display: "flex"
+      }, ___EmotionJSX(EuiButtonIcon, {
+        "aria-hidden": true,
         className: "euiDataGridRowCell__actionButtonIcon euiDataGridRowCell__expandCell",
+        color: "primary",
+        css: styles.euiDataGridRowCell__actionButtonIcon,
         "data-test-subj": "euiDataGridCellExpandButton",
         display: "fill",
-        color: "primary",
         iconSize: "s",
         iconType: "maximize",
-        "aria-hidden": true,
-        onClick: onExpandClick,
-        title: expandButtonTitle
-      });
+        onClick: onExpandClick
+      }));
     });
   }, [onExpandClick, styles]);
   var additionalButtons = useMemo(function () {

package/es/components/datagrid/body/cell/data_grid_cell_actions.styles.js

@@ -9,7 +9,7 @@ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.fre
  */
 
 import { css, keyframes } from '@emotion/react';
-import { euiCanAnimate, logicalCSS, logicalSizeCSS, mathWithUnits } from '../../../../global_styling';
+import { euiCanAnimate, euiDisabledSelector, logicalCSS, logicalSizeCSS, mathWithUnits } from '../../../../global_styling';
 import { highContrastModeStyles } from '../../../../global_styling/functions/high_contrast';
 import { euiDataGridVariables } from '../../data_grid.styles';
 import { euiDataGridCellOutlineStyles, euiDataGridCellOutlineSelectors } from './data_grid_cell.styles';
@@ -28,7 +28,7 @@ export var euiDataGridCellActionsStyles = function euiDataGridCellActionsStyles(
     })), " background-color:inherit;}", cellSelectors.hoverColor, " &{background-color:", cellOutline.hoverColor, ";border-color:", cellOutline.hoverColor, ";}", euiCanAnimate, "{transform:scaleY(0);transform-origin:bottom;", cellSelectors.showAnimation, " &{animation-duration:", euiTheme.animation.fast, ";animation-name:", slideUp, ";animation-iteration-count:1;animation-fill-mode:forwards;}", cellSelectors.hoverAnimation, " &{animation-delay:", euiTheme.animation.slow, ";}};label:euiDataGridRowCell__actions;"),
     euiDataGridRowCell__actionButtonIcon: /*#__PURE__*/css(logicalCSS('width', euiTheme.size.base), " ", logicalCSS('height', mathWithUnits([euiTheme.size.base, euiTheme.size.xs], function (x, y) {
       return x + y;
-    })), " border-radius:0;&,svg{background-color:transparent!important;color:currentColor!important;fill:currentColor!important;}", highContrastModeStyles(euiThemeContext, {
+    })), " border-radius:0;&,& svg{background-color:transparent!important;}&:not(", euiDisabledSelector, "),&:not(", euiDisabledSelector, ") svg{color:currentColor!important;fill:currentColor!important;}", highContrastModeStyles(euiThemeContext, {
       preferred: 'border: none;'
     }), ";;label:euiDataGridRowCell__actionButtonIcon;")
   };