@elastic/eui 115.0.0 → 116.0.0

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

@@ -163,22 +163,28 @@ EuiDataGridCellContent.propTypes = {
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
         /**
-             * Size of the label text
-             */
-        size: PropTypes.any,
+           * Controls the disabled behavior via the native `disabled` attribute.
+           */
+        isDisabled: PropTypes.bool,
+        /**
+           * NOTE: Beta feature, may be changed or removed in the future
+           *
+           * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+           * This results in a semantically disabled button without the default browser handling of the disabled state.
+           *
+           * Use e.g. when a disabled button should have a tooltip.
+           */
+        hasAriaDisabled: PropTypes.bool,
         /**
              * By default the item will get the color `text`.
              * You can customize the color of the item by passing a color name.
+             * @default 'text'
              */
         color: PropTypes.any,
         /**
              * Apply styles indicating an item is active
              */
         isActive: PropTypes.bool,
-        /**
-             * Apply styles indicating an item is disabled
-             */
-        isDisabled: PropTypes.bool,
         /**
              * Make the list item label a link.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -299,10 +305,10 @@ EuiDataGridCellContent.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -343,10 +349,10 @@ EuiDataGridCellContent.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -387,10 +393,10 @@ EuiDataGridCellContent.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -431,10 +437,10 @@ EuiDataGridCellContent.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -475,10 +481,10 @@ EuiDataGridCellContent.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -1116,10 +1122,10 @@ EuiDataGridCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -1160,10 +1166,10 @@ EuiDataGridCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -1204,10 +1210,10 @@ EuiDataGridCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -1248,10 +1254,10 @@ EuiDataGridCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -1292,10 +1298,10 @@ EuiDataGridCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -1336,10 +1342,10 @@ EuiDataGridCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,

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

@@ -155,22 +155,28 @@ EuiDataGridBody.propTypes = {
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
         /**
-             * Size of the label text
-             */
-        size: PropTypes.any,
+           * Controls the disabled behavior via the native `disabled` attribute.
+           */
+        isDisabled: PropTypes.bool,
+        /**
+           * NOTE: Beta feature, may be changed or removed in the future
+           *
+           * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+           * This results in a semantically disabled button without the default browser handling of the disabled state.
+           *
+           * Use e.g. when a disabled button should have a tooltip.
+           */
+        hasAriaDisabled: PropTypes.bool,
         /**
              * By default the item will get the color `text`.
              * You can customize the color of the item by passing a color name.
+             * @default 'text'
              */
         color: PropTypes.any,
         /**
              * Apply styles indicating an item is active
              */
         isActive: PropTypes.bool,
-        /**
-             * Apply styles indicating an item is disabled
-             */
-        isDisabled: PropTypes.bool,
         /**
              * Make the list item label a link.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -291,10 +297,10 @@ EuiDataGridBody.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -335,10 +341,10 @@ EuiDataGridBody.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -379,10 +385,10 @@ EuiDataGridBody.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -423,10 +429,10 @@ EuiDataGridBody.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -467,10 +473,10 @@ EuiDataGridBody.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,

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

@@ -321,22 +321,28 @@ EuiDataGridBodyCustomRender.propTypes = {
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
         /**
-             * Size of the label text
-             */
-        size: PropTypes.any,
+           * Controls the disabled behavior via the native `disabled` attribute.
+           */
+        isDisabled: PropTypes.bool,
+        /**
+           * NOTE: Beta feature, may be changed or removed in the future
+           *
+           * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+           * This results in a semantically disabled button without the default browser handling of the disabled state.
+           *
+           * Use e.g. when a disabled button should have a tooltip.
+           */
+        hasAriaDisabled: PropTypes.bool,
         /**
              * By default the item will get the color `text`.
              * You can customize the color of the item by passing a color name.
+             * @default 'text'
              */
         color: PropTypes.any,
         /**
              * Apply styles indicating an item is active
              */
         isActive: PropTypes.bool,
-        /**
-             * Apply styles indicating an item is disabled
-             */
-        isDisabled: PropTypes.bool,
         /**
              * Make the list item label a link.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -457,10 +463,10 @@ EuiDataGridBodyCustomRender.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -501,10 +507,10 @@ EuiDataGridBodyCustomRender.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -545,10 +551,10 @@ EuiDataGridBodyCustomRender.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -589,10 +595,10 @@ EuiDataGridBodyCustomRender.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -633,10 +639,10 @@ EuiDataGridBodyCustomRender.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,

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

@@ -492,22 +492,28 @@ EuiDataGridBodyVirtualized.propTypes = {
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
         /**
-             * Size of the label text
-             */
-        size: PropTypes.any,
+           * Controls the disabled behavior via the native `disabled` attribute.
+           */
+        isDisabled: PropTypes.bool,
+        /**
+           * NOTE: Beta feature, may be changed or removed in the future
+           *
+           * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+           * This results in a semantically disabled button without the default browser handling of the disabled state.
+           *
+           * Use e.g. when a disabled button should have a tooltip.
+           */
+        hasAriaDisabled: PropTypes.bool,
         /**
              * By default the item will get the color `text`.
              * You can customize the color of the item by passing a color name.
+             * @default 'text'
              */
         color: PropTypes.any,
         /**
              * Apply styles indicating an item is active
              */
         isActive: PropTypes.bool,
-        /**
-             * Apply styles indicating an item is disabled
-             */
-        isDisabled: PropTypes.bool,
         /**
              * Make the list item label a link.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -628,10 +634,10 @@ EuiDataGridBodyVirtualized.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -672,10 +678,10 @@ EuiDataGridBodyVirtualized.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -716,10 +722,10 @@ EuiDataGridBodyVirtualized.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -760,10 +766,10 @@ EuiDataGridBodyVirtualized.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -804,10 +810,10 @@ EuiDataGridBodyVirtualized.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,

package/es/components/datagrid/body/header/column_actions.js

@@ -138,7 +138,7 @@ export var ColumnActions = /*#__PURE__*/memo(function (_ref) {
   var styles = useEuiMemoizedStyles(euiDataGridHeaderCellStyles);
   return ___EmotionJSX(EuiPopover, _extends({
     display: "block",
-    panelPaddingSize: "none",
+    panelPaddingSize: "s",
     offset: 7,
     anchorPosition: "downRight",
     css: styles.euiDataGridHeaderCell__popover,
@@ -157,7 +157,6 @@ export var ColumnActions = /*#__PURE__*/memo(function (_ref) {
     closePopover: closePopover
   }, popoverArrowNavigationProps), ___EmotionJSX(EuiListGroup, {
     listItems: columnActions,
-    gutterSize: "none",
     "data-test-subj": "dataGridHeaderCellActionGroup-".concat(id)
   }));
 });

package/es/components/datagrid/body/header/data_grid_header_cell.js

@@ -194,22 +194,28 @@ EuiDataGridHeaderCell.propTypes = {
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
         /**
-             * Size of the label text
-             */
-        size: PropTypes.any,
+           * Controls the disabled behavior via the native `disabled` attribute.
+           */
+        isDisabled: PropTypes.bool,
+        /**
+           * NOTE: Beta feature, may be changed or removed in the future
+           *
+           * Changes the native `disabled` attribute to `aria-disabled` to preserve focusability.
+           * This results in a semantically disabled button without the default browser handling of the disabled state.
+           *
+           * Use e.g. when a disabled button should have a tooltip.
+           */
+        hasAriaDisabled: PropTypes.bool,
         /**
              * By default the item will get the color `text`.
              * You can customize the color of the item by passing a color name.
+             * @default 'text'
              */
         color: PropTypes.any,
         /**
              * Apply styles indicating an item is active
              */
         isActive: PropTypes.bool,
-        /**
-             * Apply styles indicating an item is disabled
-             */
-        isDisabled: PropTypes.bool,
         /**
              * Make the list item label a link.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -330,10 +336,10 @@ EuiDataGridHeaderCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -374,10 +380,10 @@ EuiDataGridHeaderCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -418,10 +424,10 @@ EuiDataGridHeaderCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -462,10 +468,10 @@ EuiDataGridHeaderCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,
@@ -506,10 +512,10 @@ EuiDataGridHeaderCell.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-        size: PropTypes.any,
+        isDisabled: PropTypes.bool,
+        hasAriaDisabled: PropTypes.bool,
         color: PropTypes.any,
         isActive: PropTypes.bool,
-        isDisabled: PropTypes.bool,
         href: PropTypes.string,
         rel: PropTypes.string,
         target: PropTypes.string,