@elastic/eui 62.2.1 → 64.0.0

package/es/components/collapsible_nav/collapsible_nav.js

@@ -2,14 +2,6 @@ var _excluded = ["id", "children", "className", "isDocked", "isOpen", "button",
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -39,10 +31,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import React, { cloneElement, useEffect, useRef, useState } from 'react';
+import React, { cloneElement, useRef } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { useGeneratedHtmlId, isWithinMinBreakpoint, throttle, useCombinedRefs } from '../../services';
+import { useGeneratedHtmlId, useIsWithinMinBreakpoint, useCombinedRefs } from '../../services';
 import { EuiFlyout } from '../flyout'; // Extend all the flyout props except `onClose` because we handle this internally
 
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -89,43 +81,9 @@ export var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
   var focusTrapProps = _objectSpread(_objectSpread({}, _focusTrapProps), {}, {
     shards: [buttonRef].concat(_toConsumableArray(_focusTrapProps.shards || []))
   });
-  /**
-   * Setting the initial state of pushed based on the `type` prop
-   * and if the current window size is large enough (larger than `pushBreakpoint`)
-   */
-
-
-  var _useState = useState(isWithinMinBreakpoint(typeof window === 'undefined' ? 0 : window.innerWidth, dockedBreakpoint)),
-      _useState2 = _slicedToArray(_useState, 2),
-      windowIsLargeEnoughToPush = _useState2[0],
-      setWindowIsLargeEnoughToPush = _useState2[1];
 
+  var windowIsLargeEnoughToPush = useIsWithinMinBreakpoint(dockedBreakpoint);
   var navIsDocked = isDocked && windowIsLargeEnoughToPush;
-  /**
-   * Watcher added to the window to maintain `isPushed` state depending on
-   * the window size compared to the `pushBreakpoint`
-   */
-
-  var functionToCallOnWindowResize = throttle(function () {
-    if (isWithinMinBreakpoint(window.innerWidth, dockedBreakpoint)) {
-      setWindowIsLargeEnoughToPush(true);
-    } else {
-      setWindowIsLargeEnoughToPush(false);
-    } // reacts every 50ms to resize changes and always gets the final update
-
-  }, 50);
-  useEffect(function () {
-    if (isDocked) {
-      // Only add the event listener if we'll need to accommodate with padding
-      window.addEventListener('resize', functionToCallOnWindowResize);
-    }
-
-    return function () {
-      if (isDocked) {
-        window.removeEventListener('resize', functionToCallOnWindowResize);
-      }
-    };
-  }, [isDocked, functionToCallOnWindowResize]);
   var classes = classNames('euiCollapsibleNav', className); // Show a trigger button if one was passed but
   // not if navIsDocked and showButtonIfDocked is false
 
@@ -169,6 +127,7 @@ EuiCollapsibleNav.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Sets the HTML element for `EuiFlyout`
@@ -225,6 +184,7 @@ EuiCollapsibleNav.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Function that applies to clicking the mask itself and not the children
@@ -266,9 +226,9 @@ EuiCollapsibleNav.propTypes = {
   role: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.string.isRequired]),
 
   /**
-     * Named breakpoint or pixel value for customizing the minimum window width to enable docking
+     * Named breakpoint (`xs` through `xl`) for customizing the minimum window width to enable docking
      */
-  pushMinBreakpoint: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.number.isRequired]),
+  pushMinBreakpoint: PropTypes.any,
   style: PropTypes.any,
 
   /**
@@ -292,7 +252,7 @@ EuiCollapsibleNav.propTypes = {
      * Keeps navigation flyout visible and push `<body>` content via padding
      */
   isDocked: PropTypes.bool,
-  dockedBreakpoint: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.number.isRequired]),
+  dockedBreakpoint: PropTypes.any,
 
   /**
      * Button for controlling visible state of the nav

package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js

@@ -129,6 +129,7 @@ EuiCollapsibleNavGroup.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
          * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.
@@ -197,6 +198,7 @@ EuiCollapsibleNavGroup.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * Applied to the entire .euiAccordion wrapper.
@@ -215,7 +217,8 @@ EuiCollapsibleNavGroup.propTypes = {
   buttonProps: PropTypes.shape({
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }),
 
   /**
@@ -279,6 +282,11 @@ EuiCollapsibleNavGroup.propTypes = {
        */
   isLoadingMessage: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.node.isRequired]),
 
+  /**
+       * Disable the open/close interaction and visually subdues the trigger
+       */
+  isDisabled: PropTypes.bool,
+
   /**
      * If `true`, wraps children in the body of an accordion,
      * requiring the prop `title` to be used as the button.

package/es/components/color_picker/color_palette_display/color_palette_display.js

@@ -62,6 +62,7 @@ EuiColorPaletteDisplay.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.

package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js

@@ -42,6 +42,7 @@ EuiColorPaletteDisplayFixed.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.

package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js

@@ -45,6 +45,7 @@ EuiColorPaletteDisplayGradient.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Array of color `strings` or an array of #ColorStop. The stops must be numbers in an ordered range.

package/es/components/color_picker/color_palette_picker/color_palette_picker.js

@@ -97,6 +97,7 @@ EuiColorPalettePicker.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   compressed: PropTypes.bool,
   fullWidth: PropTypes.bool,
   isInvalid: PropTypes.bool,
@@ -184,7 +185,8 @@ EuiColorPalettePicker.propTypes = {
     }).isRequired).isRequired]),
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired, PropTypes.shape({
     /**
        *  For storing unique value of item
@@ -210,7 +212,8 @@ EuiColorPalettePicker.propTypes = {
     }).isRequired).isRequired]).isRequired,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired, PropTypes.shape({
     /**
        *  For storing unique value of item
@@ -236,6 +239,7 @@ EuiColorPalettePicker.propTypes = {
     }).isRequired).isRequired]).isRequired,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired]).isRequired).isRequired
 };

package/es/components/color_picker/color_picker.js

@@ -620,6 +620,7 @@ EuiColorPicker.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * hex (string)

package/es/components/color_picker/color_picker_swatch.js

@@ -55,6 +55,7 @@ EuiColorPickerSwatch.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   color: PropTypes.string
 };
 EuiColorPickerSwatch.displayName = 'EuiColorPickerSwatch';

package/es/components/color_picker/color_stops/color_stop_thumb.js

@@ -383,6 +383,7 @@ EuiColorStopThumb.propTypes = {
   valueInputProps: PropTypes.any,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   stop: PropTypes.number.isRequired,
   color: PropTypes.string.isRequired
 };

package/es/components/color_picker/color_stops/color_stops.js

@@ -533,5 +533,6 @@ EuiColorStops.propTypes = {
      */
   valueInputProps: PropTypes.any,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/color_picker/hue.js

@@ -58,6 +58,7 @@ EuiHue.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   hex: PropTypes.string,
   hue: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired]),
   onChange: PropTypes.func.isRequired

package/es/components/color_picker/saturation.js

@@ -213,6 +213,7 @@ EuiSaturation.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   color: PropTypes.any,
   onChange: PropTypes.func.isRequired,
   hex: PropTypes.string

package/es/components/combo_box/combo_box.js

@@ -1049,5 +1049,6 @@ EuiComboBox.propTypes = {
      * Reference ID of a text element containing the visible label for the combo box when not
      * supplied by `aria-label` or from [EuiFormRow](/#/forms/form-layouts).
      */
-  "aria-labelledby": PropTypes.string
+  "aria-labelledby": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/combo_box/combo_box_input/combo_box_input.js

@@ -306,12 +306,14 @@ EuiComboBoxInput.propTypes = {
       value: PropTypes.any,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
     value: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired),
   singleSelection: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
     asPlainText: PropTypes.bool
@@ -326,5 +328,6 @@ EuiComboBoxInput.propTypes = {
   "aria-label": PropTypes.string,
   "aria-labelledby": PropTypes.string,
   className: PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/combo_box/combo_box_input/combo_box_pill.js

@@ -157,13 +157,16 @@ EuiComboBoxPill.propTypes = {
       value: PropTypes.any,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
     value: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/combo_box/combo_box_options_list/combo_box_option.js

@@ -145,14 +145,17 @@ EuiComboBoxOption.propTypes = {
       value: PropTypes.any,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
     value: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired,
   optionRef: PropTypes.any,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -420,6 +420,7 @@ EuiComboBoxOptionsList.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.oneOfType([PropTypes.string, PropTypes.string.isRequired]),
+  css: PropTypes.any,
   activeOptionIndex: PropTypes.number,
   areAllOptionsSelected: PropTypes.bool,
   listboxAriaLabel: PropTypes.string.isRequired,
@@ -445,12 +446,14 @@ EuiComboBoxOptionsList.propTypes = {
       value: PropTypes.any,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
     value: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired).isRequired,
   onCloseList: PropTypes.func.isRequired,
   onCreateOption: PropTypes.func,
@@ -474,12 +477,14 @@ EuiComboBoxOptionsList.propTypes = {
       value: PropTypes.any,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
     value: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired).isRequired,
   position: PropTypes.oneOf(["top", "bottom"]),
   renderOption: PropTypes.func,
@@ -499,12 +504,14 @@ EuiComboBoxOptionsList.propTypes = {
       value: PropTypes.any,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
     value: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired).isRequired,
   updatePosition: PropTypes.func.isRequired,
   width: PropTypes.number.isRequired,

package/es/components/comment_list/comment.js

@@ -101,6 +101,7 @@ EuiComment.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Main avatar that accompanies the comment. Should indicate who is the author of the comment.

package/es/components/comment_list/comment_event.js

@@ -138,5 +138,6 @@ EuiCommentEvent.propTypes = {
   eventColor: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/comment_list/comment_list.js

@@ -47,6 +47,7 @@ EuiCommentList.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * List of comments to render. See #EuiComment
@@ -95,6 +96,7 @@ EuiCommentList.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Main avatar that accompanies the comment. Should indicate who is the author of the comment.

package/es/components/comment_list/comment_timeline.js

@@ -51,5 +51,6 @@ EuiCommentTimeline.propTypes = {
   timelineAvatarAriaLabel: PropTypes.string,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/context_menu/context_menu.js

@@ -385,6 +385,7 @@ EuiContextMenu.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   panels: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired]).isRequired,
     title: PropTypes.node,
@@ -401,7 +402,8 @@ EuiContextMenu.propTypes = {
       margin: PropTypes.any,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
     content: PropTypes.node,
     width: PropTypes.any,

package/es/components/context_menu/context_menu_item.js

@@ -177,6 +177,7 @@ EuiContextMenuItem.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   icon: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.string.isRequired, PropTypes.any.isRequired]),
   hasPanel: PropTypes.bool,
   disabled: PropTypes.bool,

package/es/components/context_menu/context_menu_panel.js

@@ -508,6 +508,7 @@ EuiContextMenuPanel.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   initialFocusedItemIndex: PropTypes.number,
   items: PropTypes.arrayOf(PropTypes.element.isRequired),
   onClose: PropTypes.func,

package/es/components/control_bar/control_bar.js

@@ -317,6 +317,7 @@ EuiControlBar.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * Show or hide the content area containing the `children`
@@ -337,6 +338,7 @@ EuiControlBar.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
@@ -369,6 +371,7 @@ EuiControlBar.propTypes = {
       className: PropTypes.string,
       "aria-label": PropTypes.string,
       "data-test-subj": PropTypes.string,
+      css: PropTypes.any,
       href: PropTypes.string,
       rel: PropTypes.string,
       onClick: PropTypes.func,

package/es/components/copy/copy.js

@@ -127,5 +127,6 @@ EuiCopy.propTypes = {
   children: PropTypes.func.isRequired,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/datagrid/body/data_grid_body.js

@@ -553,6 +553,7 @@ EuiDataGridBody.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
 
         /**
              * Size of the label text
@@ -658,6 +659,7 @@ EuiDataGridBody.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -687,6 +689,7 @@ EuiDataGridBody.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -714,6 +717,7 @@ EuiDataGridBody.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -729,6 +733,7 @@ EuiDataGridBody.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -756,6 +761,7 @@ EuiDataGridBody.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -771,6 +777,7 @@ EuiDataGridBody.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -798,6 +805,7 @@ EuiDataGridBody.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -813,6 +821,7 @@ EuiDataGridBody.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -840,6 +849,7 @@ EuiDataGridBody.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),
@@ -855,6 +865,7 @@ EuiDataGridBody.propTypes = {
         className: PropTypes.string,
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
         size: PropTypes.oneOf(["xs", "s", "m", "l"]),
         color: PropTypes.oneOf(["inherit", "primary", "text", "subdued", "ghost"]),
         label: PropTypes.node.isRequired,
@@ -882,6 +893,7 @@ EuiDataGridBody.propTypes = {
           isLoading: PropTypes.bool,
           className: PropTypes.string,
           "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
           buttonRef: PropTypes.any,
           alwaysShow: PropTypes.bool
         }),