@carbon/ibm-products 2.52.0 → 2.53.0

package/es/components/Datagrid/useSortableColumns.js

@@ -12,7 +12,7 @@ import { pkg, carbon } from '../../settings.js';
 import { Button } from '@carbon/react';
 import { ArrowsVertical, ArrowDown, ArrowUp } from '@carbon/react/icons';
 import { SelectAll } from './Datagrid/DatagridSelectAll.js';
-import { DatagridSlug } from './Datagrid/addons/Slug/DatagridSlug.js';
+import { DatagridAILabel } from './Datagrid/addons/AiLabel/DatagridAiLabel.js';
 
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var getNewSortOrder = function getNewSortOrder(currentOrder) {
@@ -78,9 +78,9 @@ var useSortableColumns = function useSortableColumns(hooks) {
       descendingSortableLabelText = instance.descendingSortableLabelText,
       defaultSortableLabelText = instance.defaultSortableLabelText;
     var onSortClick = function onSortClick(event, column) {
-      var slug = event.target.classList.contains("".concat(carbon.prefix, "--slug")) || event.target.closest(".".concat(carbon.prefix, "--slug"));
+      var aiLabel = 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) {
+      if (aiLabel) {
         event.stopPropagation();
         return;
       }
@@ -136,9 +136,9 @@ var useSortableColumns = function useSortableColumns(hooks) {
           },
           kind: "ghost",
           renderIcon: function renderIcon(props) {
-            var _headerProp$column;
-            return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DatagridSlug, {
-              slug: headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.slug
+            var _headerProp$column, _headerProp$column2;
+            return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DatagridAILabel, {
+              aiLabel: (headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.aiLabel) || (headerProp === null || headerProp === void 0 || (_headerProp$column2 = headerProp.column) === null || _headerProp$column2 === void 0 ? void 0 : _headerProp$column2.slug)
             }), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
           },
           id: column === null || column === void 0 ? void 0 : column.id,
@@ -166,6 +166,5 @@ var useSortableColumns = function useSortableColumns(hooks) {
   hooks.visibleColumns.push(sortableVisibleColumns);
   hooks.useInstance.push(sortInstanceProps);
 };
-var useSortableColumns$1 = useSortableColumns;
 
-export { useSortableColumns$1 as default, getNewSortOrder };
+export { useSortableColumns as default, getNewSortOrder };

package/es/components/Datagrid/useStickyColumn.js

@@ -16,9 +16,9 @@ var styleClassPrefix = "".concat(blockClass, "__right-sticky-column");
 var leftStickyStyleClassPrefix = "".concat(blockClass, "__left-sticky-column");
 var OFFSET_SCROLL_CLASS = "".concat(styleClassPrefix, "-offset-scroll");
 var useStickyColumn = function useStickyColumn(hooks) {
-  var tableBodyRef = useRef();
-  var stickyHeaderCellRef = useRef();
-  var _useState = useState(),
+  var tableBodyRef = useRef(undefined);
+  var stickyHeaderCellRef = useRef(undefined);
+  var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     windowSize = _useState2[0],
     setWindowSize = _useState2[1];
@@ -192,6 +192,5 @@ var hasVertScroll = function hasVertScroll(element) {
     clientHeight = element.clientHeight;
   return scrollHeight > clientHeight;
 };
-var useStickyColumn$1 = useStickyColumn;
 
-export { useStickyColumn$1 as default };
+export { useStickyColumn as default };

package/es/components/EmptyStates/EmptyState.d.ts

@@ -17,7 +17,7 @@ export declare const defaults: {
     position: string;
     size: sizes;
 };
-interface EmptyStateProps {
+export interface EmptyStateProps {
     /**
      * Empty state action button
      */

package/es/components/EmptyStates/EmptyState.js

@@ -5,8 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
+import { EmptyStateV2 } from './EmptyStateV2.js';
+import './ErrorEmptyState/ErrorEmptyState.js';
+import './NoDataEmptyState/NoDataEmptyState.js';
+import './NoTagsEmptyState/NoTagsEmptyState.js';
+import './NotFoundEmptyState/NotFoundEmptyState.js';
+import './NotificationsEmptyState/NotificationsEmptyState.js';
+import './UnauthorizedEmptyState/UnauthorizedEmptyState.js';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { Button, Link } from '@carbon/react';
@@ -14,7 +21,6 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
 import { EmptyStateContent } from './EmptyStateContent.js';
-import { EmptyStateV2 } from './EmptyStateV2.js';
 
 var _excluded = ["v2"],
   _excluded2 = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "link", "size", "subtitle", "title"];

package/es/components/EmptyStates/EmptyStateContent.d.ts

@@ -4,7 +4,7 @@ export function EmptyStateContent({ action, link, size, subtitle, title }: {
     size: any;
     subtitle: any;
     title: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace EmptyStateContent {
     export { componentName as displayName };
     export namespace propTypes {
@@ -15,6 +15,7 @@ export namespace EmptyStateContent {
         let title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
     }
 }
+import React from 'react';
 declare const componentName: "EmptyStateContent";
 import PropTypes from 'prop-types';
 export {};

package/es/components/EmptyStates/EmptyStateIllustration.d.ts

@@ -2,10 +2,11 @@ export default EmptyStateIllustration;
 declare function EmptyStateIllustration({ kind, ...rest }: {
     [x: string]: any;
     kind: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace EmptyStateIllustration {
     namespace propTypes {
         let kind: PropTypes.Requireable<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/es/components/EmptyStates/EmptyStateV2.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { ReactNode } from 'react';
 import '../../global/js/utils/props-helper';
-interface EmptyStateV2Props {
+export interface EmptyStateV2Props {
     /**
      * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
      */
@@ -64,4 +64,3 @@ interface EmptyStateV2Props {
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
  */
 export declare let EmptyStateV2: React.ForwardRefExoticComponent<EmptyStateV2Props & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts

@@ -8,7 +8,7 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-interface ErrorEmptyStateProps {
+export interface ErrorEmptyStateProps {
     /**
      * Empty state action button
      */
@@ -61,4 +61,3 @@ interface ErrorEmptyStateProps {
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
 export declare let ErrorEmptyState: React.ForwardRefExoticComponent<ErrorEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import { Button, Link } from '@carbon/react';

package/es/components/EmptyStates/ErrorEmptyState/index.d.ts

@@ -1 +1,8 @@
-export { ErrorEmptyState } from "./ErrorEmptyState";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { ErrorEmptyState } from './ErrorEmptyState';
+export type { ErrorEmptyStateProps } from './ErrorEmptyState';

package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts

@@ -8,7 +8,7 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-interface NoDataEmptyStateProps {
+export interface NoDataEmptyStateProps {
     /**
      * Empty state action button
      */
@@ -61,4 +61,3 @@ interface NoDataEmptyStateProps {
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
 export declare let NoDataEmptyState: React.ForwardRefExoticComponent<NoDataEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';

package/es/components/EmptyStates/NoDataEmptyState/index.d.ts

@@ -1 +1,8 @@
-export { NoDataEmptyState } from "./NoDataEmptyState";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NoDataEmptyState } from './NoDataEmptyState';
+export type { NoDataEmptyStateProps } from './NoDataEmptyState';

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts

@@ -8,7 +8,7 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-interface NoTagsEmptyStateProps {
+export interface NoTagsEmptyStateProps {
     /**
      * Empty state action button
      */
@@ -61,4 +61,3 @@ interface NoTagsEmptyStateProps {
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
 export declare let NoTagsEmptyState: React.ForwardRefExoticComponent<NoTagsEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';

package/es/components/EmptyStates/NoTagsEmptyState/index.d.ts

@@ -1 +1,8 @@
-export { NoTagsEmptyState } from "./NoTagsEmptyState";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NoTagsEmptyState } from './NoTagsEmptyState';
+export type { NoTagsEmptyStateProps } from './NoTagsEmptyState';

package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts

@@ -8,7 +8,7 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-interface NotFoundEmptyStateProps {
+export interface NotFoundEmptyStateProps {
     /**
      * Empty state action button
      */
@@ -61,4 +61,3 @@ interface NotFoundEmptyStateProps {
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
 export declare let NotFoundEmptyState: React.ForwardRefExoticComponent<NotFoundEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';

package/es/components/EmptyStates/NotFoundEmptyState/index.d.ts

@@ -1 +1,8 @@
-export { NotFoundEmptyState } from "./NotFoundEmptyState";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NotFoundEmptyState } from './NotFoundEmptyState';
+export type { NotFoundEmptyStateProps } from './NotFoundEmptyState';

package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts

@@ -8,7 +8,7 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-interface NotificationsEmptyStateProps {
+export interface NotificationsEmptyStateProps {
     /**
      * Empty state action button
      */
@@ -61,4 +61,3 @@ interface NotificationsEmptyStateProps {
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
 export declare let NotificationsEmptyState: React.ForwardRefExoticComponent<NotificationsEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';

package/es/components/EmptyStates/NotificationsEmptyState/index.d.ts

@@ -1 +1,8 @@
-export { NotificationsEmptyState } from "./NotificationsEmptyState";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { NotificationsEmptyState } from './NotificationsEmptyState';
+export type { NotificationsEmptyStateProps } from './NotificationsEmptyState';

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts

@@ -8,7 +8,7 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-interface UnauthorizedEmptyStateProps {
+export interface UnauthorizedEmptyStateProps {
     /**
      * Empty state action button
      */
@@ -61,4 +61,3 @@ interface UnauthorizedEmptyStateProps {
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
 export declare let UnauthorizedEmptyState: React.ForwardRefExoticComponent<UnauthorizedEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';

package/es/components/EmptyStates/UnauthorizedEmptyState/index.d.ts

@@ -1 +1,8 @@
-export { UnauthorizedEmptyState } from "./UnauthorizedEmptyState";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { UnauthorizedEmptyState } from './UnauthorizedEmptyState';
+export type { UnauthorizedEmptyStateProps } from './UnauthorizedEmptyState';

package/es/components/EmptyStates/assets/ErrorIllustration.d.ts

@@ -3,7 +3,7 @@ export function ErrorIllustration({ theme, size, alt, ...rest }: {
     theme: any;
     size: any;
     alt: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace ErrorIllustration {
     namespace propTypes {
         let alt: PropTypes.Validator<string>;
@@ -12,4 +12,5 @@ export namespace ErrorIllustration {
     }
 }
 export default ErrorIllustration;
+import React from 'react';
 import PropTypes from 'prop-types';

package/es/components/EmptyStates/assets/NoDataIllustration.d.ts

@@ -3,7 +3,7 @@ export function NoDataIllustration({ theme, size, alt, ...rest }: {
     theme: any;
     size: any;
     alt: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace NoDataIllustration {
     namespace propTypes {
         let alt: PropTypes.Validator<string>;
@@ -12,4 +12,5 @@ export namespace NoDataIllustration {
     }
 }
 export default NoDataIllustration;
+import React from 'react';
 import PropTypes from 'prop-types';

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

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { pkg } from '../../../settings.js';
 import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
-var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7;
+var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7, _path8;
 var _excluded = ["theme", "size", "alt"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -146,7 +146,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
   })), _stop14 || (_stop14 = /*#__PURE__*/React__default.createElement("stop", {
     offset: 1,
     stopColor: "#e0e0e0"
-  }))), /*#__PURE__*/React__default.createElement("style", null, ".prefix__g_".concat(svgId, "{fill:#fff}"))), _path6 || (_path6 = /*#__PURE__*/React__default.createElement("path", {
+  })))), _path6 || (_path6 = /*#__PURE__*/React__default.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.createElement("path", {
@@ -164,10 +164,10 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
   }), _path7 || (_path7 = /*#__PURE__*/React__default.createElement("path", {
     fill: "#c6c6c6",
     d: "M25.97 26.67l28.67-16.55-.42-.24-28.68 16.56.43.23z"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    className: "prefix__g_".concat(svgId),
+  })), _path8 || (_path8 = /*#__PURE__*/React__default.createElement("path", {
+    fill: "#fff",
     d: "M40 35.24L11.13 18.57v-.24l.21-.12 28.87 16.67-.21.11v.25zM21.49 33.33l-8.2-4.73.01-5.69 8.19 4.74v5.68z"
-  })));
+  }))));
 };
 NoDataIllustration.propTypes = {
   alt: PropTypes.string.isRequired,

package/es/components/EmptyStates/assets/NoTagsIllustration.d.ts

@@ -3,7 +3,7 @@ export function NoTagsIllustration({ theme, size, alt, ...rest }: {
     theme: any;
     size: any;
     alt: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace NoTagsIllustration {
     namespace propTypes {
         let alt: PropTypes.Validator<string>;
@@ -12,4 +12,5 @@ export namespace NoTagsIllustration {
     }
 }
 export default NoTagsIllustration;
+import React from 'react';
 import PropTypes from 'prop-types';

package/es/components/EmptyStates/assets/NotFoundIllustration.d.ts

@@ -3,7 +3,7 @@ export function NotFoundIllustration({ theme, size, alt, ...rest }: {
     theme: any;
     size: any;
     alt: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace NotFoundIllustration {
     namespace propTypes {
         let alt: PropTypes.Validator<string>;
@@ -12,4 +12,5 @@ export namespace NotFoundIllustration {
     }
 }
 export default NotFoundIllustration;
+import React from 'react';
 import PropTypes from 'prop-types';

package/es/components/EmptyStates/assets/NotificationsIllustration.d.ts

@@ -3,7 +3,7 @@ export function NotificationsIllustration({ theme, size, alt, ...rest }: {
     theme: any;
     size: any;
     alt: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace NotificationsIllustration {
     namespace propTypes {
         let alt: PropTypes.Validator<string>;
@@ -12,4 +12,5 @@ export namespace NotificationsIllustration {
     }
 }
 export default NotificationsIllustration;
+import React from 'react';
 import PropTypes from 'prop-types';

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

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { pkg } from '../../../settings.js';
 import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
-var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path3;
+var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _path3, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path4;
 var _excluded = ["theme", "size", "alt"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -104,7 +104,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 0.97,
     stopColor: "#262626",
     stopOpacity: 0
-  }))), /*#__PURE__*/React__default.createElement("style", null, ".prefix__f_dark_".concat(svgId, "{fill:#525252}"))), _path || (_path = /*#__PURE__*/React__default.createElement("path", {
+  })))), _path || (_path = /*#__PURE__*/React__default.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), _path2 || (_path2 = /*#__PURE__*/React__default.createElement("path", {
@@ -119,10 +119,10 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z",
     fill: "url(#prefix__c_dark_".concat(svgId, ")")
-  }), /*#__PURE__*/React__default.createElement("path", {
-    className: "prefix__f_dark_".concat(svgId),
+  }), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
+    fill: "#525252",
     d: "M57.99 37.07l-.01 3.9L18.03 17.9l.01-3.9 39.95 23.07zM57.99 45.11l-.01 3.91-39.95-23.07.01-3.9 39.95 23.06zM44.62 45.04l-.01 3.9L18.03 33.6l.01-3.9 26.58 15.34z"
-  }), /*#__PURE__*/React__default.createElement("path", {
+  })), /*#__PURE__*/React__default.createElement("path", {
     d: "M60.76 30.55a2.54 2.54 0 01.14.8v3.95l.41-.13v-3.82a3.54 3.54 0 00-1.63-2.82L16.86 3.8a2.09 2.09 0 00-.44-.19l-.78.45a1 1 0 01.21-.06h.48l.27.12 21.47 12.4 21.41 12.36a3.19 3.19 0 011.28 1.67z",
     fill: "url(#prefix__d_dark_".concat(svgId, ")")
   })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
@@ -285,7 +285,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 0.97,
     stopColor: "#d0d0d0",
     stopOpacity: 0
-  }))), /*#__PURE__*/React__default.createElement("style", null, ".prefix__f_".concat(svgId, "{fill:url(#prefix__e_").concat(svgId, ")}"))), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
+  })))), _path4 || (_path4 = /*#__PURE__*/React__default.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.createElement("path", {
@@ -301,13 +301,13 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     d: "M63.45 26.58L20.63 1.86a1 1 0 00-1-.1l-4 2.3a1 1 0 011 .1l42.85 24.72a3.17 3.17 0 011.42 2.47l-.1 36.08a1 1 0 01-.42.91l4-2.3a1 1 0 00.42-.91L64.88 29a3.14 3.14 0 00-1.43-2.42z",
     fill: "url(#prefix__d_".concat(svgId, ")")
   }), /*#__PURE__*/React__default.createElement("path", {
-    className: "prefix__f_".concat(svgId),
+    fill: "url(#prefix__e_".concat(svgId, ")"),
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z"
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z",
     fill: "url(#prefix__f_".concat(svgId, ")")
   }), /*#__PURE__*/React__default.createElement("path", {
-    className: "prefix__f_".concat(svgId),
+    fill: "url(#prefix__e_".concat(svgId, ")"),
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z"
   }), /*#__PURE__*/React__default.createElement("path", {
     fill: "url(#prefix__h_".concat(svgId, ")"),

package/es/components/EmptyStates/assets/UnauthorizedIllustration.d.ts

@@ -3,7 +3,7 @@ export function UnauthorizedIllustration({ theme, size, alt, ...rest }: {
     theme: any;
     size: any;
     alt: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace UnauthorizedIllustration {
     namespace propTypes {
         let alt: PropTypes.Validator<string>;
@@ -12,4 +12,5 @@ export namespace UnauthorizedIllustration {
     }
 }
 export default UnauthorizedIllustration;
+import React from 'react';
 import PropTypes from 'prop-types';

package/es/components/EmptyStates/index.d.ts

@@ -1,8 +1,22 @@
-export { EmptyState } from "./EmptyState";
-export { EmptyStateV2 } from "./EmptyStateV2";
-export { ErrorEmptyState } from "./ErrorEmptyState";
-export { NoDataEmptyState } from "./NoDataEmptyState";
-export { NoTagsEmptyState } from "./NoTagsEmptyState";
-export { NotFoundEmptyState } from "./NotFoundEmptyState";
-export { NotificationsEmptyState } from "./NotificationsEmptyState";
-export { UnauthorizedEmptyState } from "./UnauthorizedEmptyState";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { EmptyState } from './EmptyState';
+export { EmptyStateV2 } from './EmptyStateV2';
+export { ErrorEmptyState } from './ErrorEmptyState';
+export { NoDataEmptyState } from './NoDataEmptyState';
+export { NoTagsEmptyState } from './NoTagsEmptyState';
+export { NotFoundEmptyState } from './NotFoundEmptyState';
+export { NotificationsEmptyState } from './NotificationsEmptyState';
+export { UnauthorizedEmptyState } from './UnauthorizedEmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export type { EmptyStateV2Props } from './EmptyStateV2';
+export type { ErrorEmptyStateProps } from './ErrorEmptyState';
+export type { NoDataEmptyStateProps } from './NoDataEmptyState';
+export type { NoTagsEmptyStateProps } from './NoTagsEmptyState';
+export type { NotFoundEmptyStateProps } from './NotFoundEmptyState';
+export type { NotificationsEmptyStateProps } from './NotificationsEmptyState';
+export type { UnauthorizedEmptyStateProps } from './UnauthorizedEmptyState';

package/es/components/ExportModal/ExportModal.js

@@ -127,9 +127,7 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onBlur: onBlurHandler
   }, 'data-modal-primary-focus', true);
   return renderPortalUse( /*#__PURE__*/React__default.createElement(unstable_FeatureFlags, {
-    flags: {
-      'enable-experimental-focus-wrap-without-sentinels': true
-    }
+    enableExperimentalFocusWrapWithoutSentinels: true
   }, /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
     className: cx(blockClass, className),
     "aria-label": title,

package/es/components/ExpressiveCard/ExpressiveCard.d.ts

@@ -13,6 +13,10 @@ export interface ExpressiveCardProps extends PropsWithChildren {
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
      */
     actionIcons?: ActionIcon[];
+    /**
+     * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+     */
+    aiLabel?: ReactNode | boolean;
     /**
      * Content that shows in the body of the card
      */
@@ -87,6 +91,7 @@ export interface ExpressiveCardProps extends PropsWithChildren {
     /**
      * **Experimental:** For all cases a `Slug` component can be provided.
      * Clickable tiles only accept a boolean value of true and display a hollow slug.
+     * @deprecated please use the `aiLabel` prop
      */
     slug?: ReactNode | boolean;
     /**