@carbon/ibm-products 2.22.0 → 2.24.0

package/es/components/Datagrid/useActionsColumn.js

@@ -14,8 +14,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import React from 'react';
 import cx from 'classnames';
-import { IconSkeleton, OverflowMenu, OverflowMenuItem } from '@carbon/react';
+import { IconSkeleton, OverflowMenu, OverflowMenuItem, IconButton } from '@carbon/react';
 import { pkg } from '../../settings';
+import { prepareProps } from '../../global/js/utils/props-helper';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var useActionsColumn = function useActionsColumn(hooks) {
   var useAttachActionsOnInstance = function useAttachActionsOnInstance(instance) {
@@ -49,25 +50,28 @@ var useActionsColumn = function useActionsColumn(hooks) {
                 display: 'flex'
               }
             }, rowActions.map(function (action, index) {
-              var align = action.align,
-                id = action.id,
-                itemText = action.itemText,
-                _onClick = action.onClick,
-                icon = action.icon,
-                shouldHideMenuItem = action.shouldHideMenuItem,
-                rest = _objectWithoutProperties(action, _excluded);
+              var preparedActionProps = prepareProps(action, ['isDelete']);
+              var align = preparedActionProps.align,
+                id = preparedActionProps.id,
+                itemText = preparedActionProps.itemText,
+                _onClick = preparedActionProps.onClick,
+                icon = preparedActionProps.icon,
+                shouldHideMenuItem = preparedActionProps.shouldHideMenuItem,
+                rest = _objectWithoutProperties(preparedActionProps, _excluded);
               var hidden = typeof shouldHideMenuItem === 'function' && shouldHideMenuItem(row);
               if (hidden) {
                 return null;
               }
+              var Icon = icon;
               return /*#__PURE__*/React.createElement("div", {
                 className: cx("".concat(blockClass, "__actions-column-button"), _defineProperty({}, "".concat(blockClass, "__disabled-row-action-button"), getDisabledState(row.index))),
                 key: "".concat(itemText, "__").concat(index)
-              }, /*#__PURE__*/React.createElement(OverflowMenu, _extends({}, rest, {
+              }, /*#__PURE__*/React.createElement(IconButton, _extends({}, rest, {
                 align: align || 'top',
-                renderIcon: icon,
-                iconDescription: itemText,
+                label: itemText,
                 kind: "ghost",
+                name: itemText //for test use
+                ,
                 className: cx(_defineProperty({}, "".concat(blockClass, "__disabled-row-action"), getDisabledState(row.index))),
                 onClick: function onClick(e) {
                   if (getDisabledState(row.index)) {
@@ -77,7 +81,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                   e.stopPropagation();
                   _onClick(id, row, e);
                 }
-              })));
+              }), /*#__PURE__*/React.createElement(Icon, null)));
             })), !isFetching && (rowActions.length > 2 || isColumnSticky) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(OverflowMenu, {
               align: "left",
               size: "sm",

package/es/components/Datagrid/useDefaultStringRenderer.js

@@ -20,9 +20,9 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
       className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
     }, tableProps.value);
   };
-  var HeaderRenderer = function HeaderRenderer(header) {
+  var HeaderRenderer = function HeaderRenderer(header, slug) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(blockClass, "__defaultStringRenderer"),
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React.isValidElement(slug))),
       title: typeof header === 'string' ? header : '',
       key: typeof header === 'string' ? header : ''
     }, header);
@@ -32,7 +32,7 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
       return _objectSpread(_objectSpread({
         Cell: StringRenderer
       }, column), {}, {
-        Header: column.HeaderRenderer || HeaderRenderer(column.Header)
+        Header: column.HeaderRenderer || HeaderRenderer(column.Header, column.slug)
       });
     });
     return _toConsumableArray(columnsWithDefaultCells);

package/es/components/Datagrid/useNestedRowExpander.js

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* eslint-disable react/prop-types */
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -27,7 +27,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
     instance: tempState === null || tempState === void 0 ? void 0 : tempState.current,
     lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === void 0 ? void 0 : lastExpandedRowIndex.current,
     blockClass: blockClass,
-    activeElement: document.activeElement
+    activeElement: typeof document !== 'undefined' && document.activeElement
   });
   var visibleColumns = function visibleColumns(columns) {
     var expanderColumn = {

package/es/components/Datagrid/useSortableColumns.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -15,6 +15,7 @@ import { pkg, carbon } from '../../settings';
 import { Button } from '@carbon/react';
 import { ArrowUp, ArrowDown, ArrowsVertical } from '@carbon/react/icons';
 import { SelectAll } from './Datagrid/DatagridSelectAll';
+import { ColumnHeaderSlug } from './Datagrid/addons/Slug/ColumnHeaderSlug';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var ordering = {
   ASC: 'ASC',
@@ -58,7 +59,13 @@ var useSortableColumns = function useSortableColumns(hooks) {
       ascendingSortableLabelText = instance.ascendingSortableLabelText,
       descendingSortableLabelText = instance.descendingSortableLabelText,
       defaultSortableLabelText = instance.defaultSortableLabelText;
-    var onSortClick = function onSortClick(column) {
+    var onSortClick = function onSortClick(event, column) {
+      var slug = event.target.classList.contains("".concat(carbon.prefix, "--slug")) || event.target.closest(".".concat(carbon.prefix, "--slug"));
+      // Do not continue with sorting if we find a slug
+      if (slug) {
+        event.stopPropagation();
+        return;
+      }
       var key = column.id;
       var sortDesc = column.isSortedDesc;
       var _getNewSortOrder = getNewSortOrder(sortDesc),
@@ -96,12 +103,15 @@ var useSortableColumns = function useSortableColumns(hooks) {
             defaultSortableLabelText: defaultSortableLabelText
           }),
           "aria-pressed": getAriaPressedValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column),
-          onClick: function onClick() {
-            return onSortClick(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column);
+          onClick: function onClick(event) {
+            return onSortClick(event, headerProp === null || headerProp === void 0 ? void 0 : headerProp.column);
           },
           kind: "ghost",
           renderIcon: function renderIcon(props) {
-            return icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props);
+            var _headerProp$column;
+            return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColumnHeaderSlug, {
+              slug: headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.slug
+            }), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
           },
           className: cx("".concat(carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _defineProperty(_defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false))
         }, column.Header);

package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "link", "size", "subtitle", "title"];
+var _excluded = ["action", "className", "illustrationPosition", "illustrationDescription", "illustrationTheme", "link", "size", "subtitle", "title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -36,6 +36,7 @@ export var ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
     illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
+    illustrationDescription = _ref.illustrationDescription,
     illustrationTheme = _ref.illustrationTheme,
     link = _ref.link,
     _ref$size = _ref.size,
@@ -49,7 +50,7 @@ export var ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration, {
     theme: illustrationTheme,
     size: size,
-    title: title
+    alt: illustrationDescription || title
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,
     link: link,
@@ -83,6 +84,10 @@ ErrorEmptyState.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * The alt text for empty state svg images. If not provided , title will be used.
+   */
+  illustrationDescription: PropTypes.string,
   /**
    * Designates the position of the illustration relative to the content
    */

package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "link", "size", "subtitle", "title"];
+var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -37,6 +37,7 @@ export var NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     _ref$illustrationPosi = _ref.illustrationPosition,
     illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
+    illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? defaults.size : _ref$size,
@@ -47,9 +48,9 @@ export var NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration, {
-    title: title,
     theme: illustrationTheme,
-    size: size
+    size: size,
+    alt: illustrationDescription || title
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,
     link: link,
@@ -83,6 +84,10 @@ NoDataEmptyState.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * The alt text for empty state svg images. If not provided , title will be used.
+   */
+  illustrationDescription: PropTypes.string,
   /**
    * Designates the position of the illustration relative to the content
    */

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "link", "size", "subtitle", "title"];
+var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -37,6 +37,7 @@ export var NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     _ref$illustrationPosi = _ref.illustrationPosition,
     illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
+    illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? defaults.size : _ref$size,
@@ -49,7 +50,7 @@ export var NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration, {
     theme: illustrationTheme,
     size: size,
-    title: title
+    alt: illustrationDescription || title
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,
     link: link,
@@ -83,6 +84,10 @@ NoTagsEmptyState.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * The alt text for empty state svg images. If not provided , title will be used.
+   */
+  illustrationDescription: PropTypes.string,
   /**
    * Designates the position of the illustration relative to the content
    */

package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "link", "size", "subtitle", "title"];
+var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -37,6 +37,7 @@ export var NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, re
     _ref$illustrationPosi = _ref.illustrationPosition,
     illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
+    illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? defaults.size : _ref$size,
@@ -49,7 +50,7 @@ export var NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, re
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration, {
     theme: illustrationTheme,
     size: size,
-    title: title
+    alt: illustrationDescription || title
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,
     link: link,
@@ -83,6 +84,10 @@ NotFoundEmptyState.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * The alt text for empty state svg images. If not provided , title will be used.
+   */
+  illustrationDescription: PropTypes.string,
   /**
    * Designates the position of the illustration relative to the content
    */

package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "link", "size", "subtitle", "title"];
+var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -37,6 +37,7 @@ export var NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_re
     _ref$illustrationPosi = _ref.illustrationPosition,
     illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
+    illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? defaults.size : _ref$size,
@@ -49,7 +50,7 @@ export var NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_re
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration, {
     size: size,
     theme: illustrationTheme,
-    title: title
+    alt: illustrationDescription || title
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,
     link: link,
@@ -83,6 +84,10 @@ NotificationsEmptyState.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * The alt text for empty state svg images. If not provided , title will be used.
+   */
+  illustrationDescription: PropTypes.string,
   /**
    * Designates the position of the illustration relative to the content
    */

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "link", "size", "subtitle", "title"];
+var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -37,6 +37,7 @@ export var UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref
     _ref$illustrationPosi = _ref.illustrationPosition,
     illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
+    illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? defaults.size : _ref$size,
@@ -49,7 +50,7 @@ export var UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(UnauthorizedIllustration, {
     size: size,
     theme: illustrationTheme,
-    title: title
+    alt: illustrationDescription || title
   }), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,
     link: link,
@@ -83,6 +84,10 @@ UnauthorizedEmptyState.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * The alt text for empty state svg images. If not provided , title will be used.
+   */
+  illustrationDescription: PropTypes.string,
   /**
    * Designates the position of the illustration relative to the content
    */

package/es/components/EmptyStates/assets/ErrorIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "title", "size"];
+var _excluded = ["theme", "size", "alt"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -21,8 +21,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var ErrorIllustration = function ErrorIllustration(_ref) {
   var theme = _ref.theme,
-    title = _ref.title,
     size = _ref.size,
+    alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
   return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
@@ -32,7 +32,7 @@ export var ErrorIllustration = function ErrorIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-error"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 38.9,
     y1: 77.08,
@@ -209,7 +209,7 @@ export var ErrorIllustration = function ErrorIllustration(_ref) {
   })));
 };
 ErrorIllustration.propTypes = {
+  alt: PropTypes.string.isRequired,
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  title: PropTypes.string
+  theme: PropTypes.oneOf(['light', 'dark'])
 };

package/es/components/EmptyStates/assets/NoDataIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "title", "size"];
+var _excluded = ["theme", "size", "alt"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -21,8 +21,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NoDataIllustration = function NoDataIllustration(_ref) {
   var theme = _ref.theme,
-    title = _ref.title,
     size = _ref.size,
+    alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
   return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
@@ -32,7 +32,7 @@ export var NoDataIllustration = function NoDataIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 11.12,
     y1: 43.34,
@@ -172,7 +172,7 @@ export var NoDataIllustration = function NoDataIllustration(_ref) {
   })));
 };
 NoDataIllustration.propTypes = {
+  alt: PropTypes.string.isRequired,
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  title: PropTypes.string
+  theme: PropTypes.oneOf(['light', 'dark'])
 };

package/es/components/EmptyStates/assets/NoTagsIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "title", "size"];
+var _excluded = ["theme", "size", "alt"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -21,8 +21,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NoTagsIllustration = function NoTagsIllustration(_ref) {
   var theme = _ref.theme,
-    title = _ref.title,
     size = _ref.size,
+    alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
   return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
@@ -33,7 +33,7 @@ export var NoTagsIllustration = function NoTagsIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noTags"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__c_dark_".concat(svgId),
     x1: 34.96,
     y1: 5.37,
@@ -479,7 +479,7 @@ export var NoTagsIllustration = function NoTagsIllustration(_ref) {
   })));
 };
 NoTagsIllustration.propTypes = {
+  alt: PropTypes.string.isRequired,
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  title: PropTypes.string
+  theme: PropTypes.oneOf(['light', 'dark'])
 };

package/es/components/EmptyStates/assets/NotFoundIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "title", "size"];
+var _excluded = ["theme", "size", "alt"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -21,8 +21,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NotFoundIllustration = function NotFoundIllustration(_ref) {
   var theme = _ref.theme,
-    title = _ref.title,
     size = _ref.size,
+    alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
   return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
@@ -32,7 +32,7 @@ export var NotFoundIllustration = function NotFoundIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notFound"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 2.6,
     y1: -12.81,
@@ -356,7 +356,7 @@ export var NotFoundIllustration = function NotFoundIllustration(_ref) {
   })));
 };
 NotFoundIllustration.propTypes = {
+  alt: PropTypes.string.isRequired,
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  title: PropTypes.string
+  theme: PropTypes.oneOf(['light', 'dark'])
 };

package/es/components/EmptyStates/assets/NotificationsIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "title", "size"];
+var _excluded = ["theme", "size", "alt"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -21,8 +21,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var NotificationsIllustration = function NotificationsIllustration(_ref) {
   var theme = _ref.theme,
-    title = _ref.title,
     size = _ref.size,
+    alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
   return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
@@ -32,7 +32,7 @@ export var NotificationsIllustration = function NotificationsIllustration(_ref)
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notification"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 30.05,
     y1: 54.31,
@@ -327,7 +327,7 @@ export var NotificationsIllustration = function NotificationsIllustration(_ref)
   })));
 };
 NotificationsIllustration.propTypes = {
+  alt: PropTypes.string.isRequired,
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  title: PropTypes.string
+  theme: PropTypes.oneOf(['light', 'dark'])
 };

package/es/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["theme", "title", "size"];
+var _excluded = ["theme", "size", "alt"];
 /**
  * Copyright IBM Corp. 2020, 2021
  *
@@ -21,8 +21,8 @@ import uuidv4 from '../../../global/js/utils/uuidv4';
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
   var theme = _ref.theme,
-    title = _ref.title,
     size = _ref.size,
+    alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
   return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
@@ -33,7 +33,7 @@ export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     viewBox: "0 0 80 80",
     className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-unauthorized"), "".concat(blockClass, "__illustration--").concat(size)]),
     role: "img"
-  }), /*#__PURE__*/React.createElement("title", null, title), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_dark_".concat(svgId),
     x1: 17.33,
     y1: 40.68,
@@ -300,7 +300,7 @@ export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
   })));
 };
 UnauthorizedIllustration.propTypes = {
+  alt: PropTypes.string.isRequired,
   size: PropTypes.oneOf(['lg', 'sm']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  title: PropTypes.string
+  theme: PropTypes.oneOf(['light', 'dark'])
 };