@elastic/eui 114.3.0 → 116.0.0

package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js

@@ -104,12 +104,22 @@ EuiPinnableListGroup.propTypes = {
     "data-test-subj": _propTypes.default.string,
     css: _propTypes.default.any,
     /**
-         * Size of the label text
-         */
-    size: _propTypes.default.any,
+       * Controls the disabled behavior via the native `disabled` attribute.
+       */
+    isDisabled: _propTypes.default.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.default.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.default.any,
     /**
@@ -120,10 +130,6 @@ EuiPinnableListGroup.propTypes = {
          * Apply styles indicating an item is active
          */
     isActive: _propTypes.default.bool,
-    /**
-         * Apply styles indicating an item is disabled
-         */
-    isDisabled: _propTypes.default.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.
@@ -258,13 +264,12 @@ EuiPinnableListGroup.propTypes = {
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
     css: _propTypes.default.any,
-    /**
-         * Size of the label text
-         */
-    size: _propTypes.default.any,
+    isDisabled: _propTypes.default.bool,
+    hasAriaDisabled: _propTypes.default.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.default.any,
     /**
@@ -275,10 +280,6 @@ EuiPinnableListGroup.propTypes = {
          * Apply styles indicating an item is active
          */
     isActive: _propTypes.default.bool,
-    /**
-         * Apply styles indicating an item is disabled
-         */
-    isDisabled: _propTypes.default.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.
@@ -383,24 +384,11 @@ EuiPinnableListGroup.propTypes = {
        * Add a border to the list container
        */
   bordered: _propTypes.default.bool,
-  /**
-       * Remove container padding, stretching list items to the edges
-       */
-  flush: _propTypes.default.bool,
-  /**
-       * Spacing between list items
-       */
-  gutterSize: _propTypes.default.any,
   /**
        * Change the colors of all `listItems` at once
        * @default text
        */
   color: _propTypes.default.any,
-  /**
-       * Change the size of all `listItems` at once
-       * @default m
-       */
-  size: _propTypes.default.any,
   /**
        * Sets the max-width of the page.
        * Set to `true` to use the default size,