@carbon/ibm-products 2.43.2-canary.308 → 2.43.2-canary.317

package/es/components/Carousel/Carousel.js

@@ -12,6 +12,7 @@ import { CarouselItem } from './CarouselItem.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
+import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
 var _excluded = ["children", "className", "disableArrowScroll", "fadedEdgeColor", "onChangeIsScrollable", "onScroll"];
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -54,6 +55,8 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var carouselRef = useRef(null);
   var scrollRef = useRef(null);
+  var leftFadedEdgeRef = useRef(null);
+  var rightFadedEdgeRef = useRef(null);
   // Array of refs used to reference this component's children DOM elements
   var childElementsRef = useRef(Array(React__default.Children.count(children)).fill(useRef(null)));
   var leftFadedEdgeColor = _typeof(fadedEdgeColor) === 'object' ? fadedEdgeColor === null || fadedEdgeColor === void 0 ? void 0 : fadedEdgeColor.left : fadedEdgeColor;
@@ -264,6 +267,16 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       }
     };
   }, [handleScrollNext, handleScrollPrev, handleScrollReset, handleScrollToView]);
+  useIsomorphicEffect(function () {
+    if (leftFadedEdgeRef !== null && leftFadedEdgeRef !== void 0 && leftFadedEdgeRef.current && leftFadedEdgeRef.current.style) {
+      leftFadedEdgeRef.current.style.background = "linear-gradient(90deg, ".concat(leftFadedEdgeColor, ", transparent)");
+    }
+  }, [leftFadedEdgeRef, leftFadedEdgeColor]);
+  useIsomorphicEffect(function () {
+    if (rightFadedEdgeRef !== null && rightFadedEdgeRef !== void 0 && rightFadedEdgeRef.current && rightFadedEdgeRef.current.style) {
+      rightFadedEdgeRef.current.style.background = "linear-gradient(270deg, ".concat(rightFadedEdgeColor, ", transparent)");
+    }
+  }, [rightFadedEdgeRef, rightFadedEdgeColor]);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     tabIndex: -1,
     className: cx(blockClass, className),
@@ -281,15 +294,11 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       }
     }, child);
   })), leftFadedEdgeColor && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__elements-container--scrolled"),
-    style: {
-      background: "linear-gradient(90deg, ".concat(leftFadedEdgeColor, ", transparent)")
-    }
+    ref: leftFadedEdgeRef,
+    className: "".concat(blockClass, "__elements-container--scrolled")
   }), rightFadedEdgeColor && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__elements-container--scroll-max"),
-    style: {
-      background: "linear-gradient(270deg, ".concat(rightFadedEdgeColor, ", transparent)")
-    }
+    ref: rightFadedEdgeRef,
+    className: "".concat(blockClass, "__elements-container--scroll-max")
   })));
 });
 Carousel.displayName = componentName;

package/es/components/Checklist/ChecklistChart.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, createForOfIteratorHelper as _createForOfIteratorHelper, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import clamp from 'lodash/clamp';
@@ -38,12 +38,28 @@ function (_ref, ref) {
   var numDegrees = clamp(value * 360, 0, 360);
   var circleColor = theme === Themes.light ? gray20 : gray70; // $ui-03 (-ish)
   var progressColor = purple50;
+  useEffect(function () {
+    var ele = document.getElementsByClassName("".concat(blockClass));
+    setTimeout(function () {
+      var _iterator = _createForOfIteratorHelper(ele),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var el = _step.value;
+          if (el instanceof HTMLElement) {
+            el.style.setProperty('background-image', "conic-gradient(".concat(progressColor, " ").concat(numDegrees, "deg, ").concat(circleColor, " ").concat(numDegrees, "deg 360deg)"));
+            el.style.setProperty('border-radius', '50%');
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }, 0);
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: cx(blockClass, className),
-    style: {
-      backgroundImage: "conic-gradient(".concat(progressColor, " ").concat(numDegrees, "deg, ").concat(circleColor, " ").concat(numDegrees, "deg 360deg)"),
-      borderRadius: '50%'
-    },
     ref: ref,
     role: "img"
   }, getDevtoolsProps(componentName)));

package/es/components/Coachmark/Coachmark.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import { useClickOutsideElement, useWindowEvent } from './utils/hooks.js';
 import { COACHMARK_OVERLAY_KIND } from './utils/enums.js';
@@ -39,7 +39,6 @@ var defaults = {
  */
 
 var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _positionTune$y, _positionTune$x;
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? defaults.align : _ref$align,
     autoAlign = _ref.autoAlign,
@@ -83,6 +82,7 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _coachmarkRef = ref || backupRef;
   var _overlayRef = overlayRef || overlayBackupRef;
   var portalNode = useRef(null);
+  var popoverRef = useRef(null);
   useIsomorphicEffect(function () {
     var _document$querySelect, _document, _document2, _document3;
     portalNode.current = portalTarget ? (_document$querySelect = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector('body') : (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.querySelector('body');
@@ -128,10 +128,6 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setShouldResetPosition(true);
     }
   };
-  var overlayPositionStyle = {
-    top: ((_positionTune$y = positionTune === null || positionTune === void 0 ? void 0 : positionTune.y) !== null && _positionTune$y !== void 0 ? _positionTune$y : 0) - 16,
-    left: ((_positionTune$x = positionTune === null || positionTune === void 0 ? void 0 : positionTune.x) !== null && _positionTune$x !== void 0 ? _positionTune$x : 0) - 16
-  };
   var contextValue = {
     buttonProps: {
       'aria-expanded': isOpen,
@@ -162,6 +158,19 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setIsOpen(true);
     }
   }, [shouldResetPosition]);
+  useIsomorphicEffect(function () {
+    var _positionTune$y, _positionTune$x;
+    var overlayPositionStyle = {
+      top: "".concat(((_positionTune$y = positionTune === null || positionTune === void 0 ? void 0 : positionTune.y) !== null && _positionTune$y !== void 0 ? _positionTune$y : 0) - 16, "px"),
+      left: "".concat(((_positionTune$x = positionTune === null || positionTune === void 0 ? void 0 : positionTune.x) !== null && _positionTune$x !== void 0 ? _positionTune$x : 0) - 16, "px")
+    };
+    if (popoverRef.current && popoverRef.current.style && overlayPositionStyle) {
+      var combinedStyle = _objectSpread2({
+        position: 'absolute'
+      }, overlayPositionStyle);
+      Object.assign(popoverRef.current.style, combinedStyle);
+    }
+  }, [popoverRef, positionTune]);
 
   // On unmount:
   // - DO NOT "Close()" the coachmark.
@@ -193,9 +202,7 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   portalNode === null || portalNode === void 0 ? void 0 : portalNode.current)) : /*#__PURE__*/React__default.createElement(Popover, {
     highContrast: true,
     caret: true,
-    style: _objectSpread2({
-      position: 'absolute'
-    }, overlayPositionStyle),
+    ref: popoverRef,
     align: align,
     autoAlign: autoAlign,
     open: isOpen

package/es/components/Coachmark/CoachmarkOverlay.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
+import React__default, { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -17,6 +17,7 @@ import { CoachmarkHeader } from './CoachmarkHeader.js';
 import { getOffsetTune } from './utils/constants.js';
 import { useCoachmark } from './utils/context.js';
 import { COACHMARK_OVERLAY_KIND } from './utils/enums.js';
+import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
 var _excluded = ["children", "onClose", "fixedIsVisible", "className", "kind", "theme"];
 
@@ -81,26 +82,27 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     }
   };
-  var styledTune = {};
-  if (isBeacon || isDraggable) {
-    if (coachmark.targetRect) {
-      styledTune.left = coachmark.targetRect.x + window.scrollX;
-      styledTune.top = coachmark.targetRect.y + window.scrollY;
-    }
-    if (styledTune.left && styledTune.top) {
-      if (isBeacon) {
-        // Compensate for radius of beacon
-        styledTune.left += 16;
-        styledTune.top += 16;
+  var styledTune = useMemo(function () {
+    var style = {};
+    if (isBeacon || isDraggable) {
+      if (coachmark.targetRect) {
+        style.left = coachmark.targetRect.x + window.scrollX;
+        style.top = coachmark.targetRect.y + window.scrollY;
       }
-      if (isDraggable) {
-        // Compensate for width and height of target element
-        var offsetTune = getOffsetTune(coachmark, kind);
-        styledTune.left += offsetTune.left;
-        styledTune.top += offsetTune.top;
+      if (style.left && style.top) {
+        if (isBeacon) {
+          style.left = style.left + 16;
+          style.top = style.top + 16;
+        }
+        if (isDraggable) {
+          var offsetTune = getOffsetTune(coachmark, kind);
+          style.left = style.left + offsetTune.left;
+          style.top = style.top + offsetTune.top;
+        }
       }
     }
-  }
+    return style;
+  }, [isBeacon, isDraggable, coachmark, kind]);
   function handleDragBounds(x, y) {
     var xRes = x;
     var yRes = y;
@@ -139,10 +141,19 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
     overlay.style.bottom = 'auto';
   }
   var contentId = uuidv4();
+  useIsomorphicEffect(function () {
+    if (overlayRef.current) {
+      var _overlayRef$current;
+      var currentStyle = (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.style;
+      Object.keys(styledTune).forEach(function (key) {
+        var value = styledTune[key];
+        currentStyle.setProperty(key, "".concat(value, "px"));
+      });
+    }
+  }, [styledTune, overlayRef]);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: cx(blockClass, "".concat(blockClass, "--").concat(kind), "".concat(blockClass, "__").concat(theme), (isBeacon || isDraggable) && "".concat(blockClass, "--").concat(coachmark.align), fixedIsVisible && "".concat(blockClass, "--is-visible"), a11yDragMode && "".concat(blockClass, "--is-dragmode"), className),
     ref: overlayRef,
-    style: styledTune,
     "aria-labelledby": contentId,
     tabIndex: -1
   }, getDevtoolsProps(componentName)), isDraggable ? /*#__PURE__*/React__default.createElement(CoachmarkDragbar, {

package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js

@@ -9,10 +9,14 @@ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers
 import React__default from 'react';
 import { pkg } from '../../../settings.js';
 import { TableBody, TableRow, TableCell } from '@carbon/react';
+import { EmptyState } from '../../EmptyStates/EmptyState.js';
+import '../../EmptyStates/EmptyStateV2.js';
 import { ErrorEmptyState } from '../../EmptyStates/ErrorEmptyState/ErrorEmptyState.js';
 import { NoDataEmptyState } from '../../EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
+import '../../EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js';
 import { NotFoundEmptyState } from '../../EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js';
-import { EmptyState } from '../../EmptyStates/EmptyState.js';
+import '../../EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js';
+import '../../EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js';
 
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {

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/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/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/NotificationsPanel/NotificationsPanel.js

@@ -9,6 +9,14 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import { usePrefix, Button, Toggle, Link, IconButton } from '@carbon/react';
 import { Settings, ErrorFilled, CheckmarkFilled, WarningAltFilled, InformationSquareFilled, Close, ChevronDown } from '@carbon/react/icons';
 import React__default, { useRef, useState, useEffect } from 'react';
+import '../EmptyStates/EmptyState.js';
+import '../EmptyStates/EmptyStateV2.js';
+import '../EmptyStates/ErrorEmptyState/ErrorEmptyState.js';
+import '../EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
+import '../EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js';
+import '../EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js';
+import { NotificationsEmptyState } from '../EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js';
+import '../EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
@@ -19,7 +27,6 @@ import usePrefersReducedMotion from '../../global/js/hooks/usePrefersReducedMoti
 import wrapFocus from '../../global/js/utils/wrapFocus.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 import { useClickOutside } from '../../global/js/hooks/useClickOutside.js';
-import { NotificationsEmptyState } from '../EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js';
 
 var _Close;
 var _excluded = ["className", "data", "daysAgoText", "dismissAllLabel", "dismissSingleNotificationIconDescription", "doNotDisturbDefaultToggled", "doNotDisturbLabel", "emptyStateLabel", "hourAgoText", "hoursAgoText", "minuteAgoText", "minutesAgoText", "monthAgoText", "monthsAgoText", "nowText", "onClickOutside", "onDismissAllNotifications", "onDismissSingleNotification", "onDoNotDisturbChange", "onSettingsClick", "onViewAllClick", "open", "previousLabel", "readLessLabel", "readMoreLabel", "secondsAgoText", "settingsIconDescription", "title", "todayLabel", "viewAllLabel", "yearAgoText", "yearsAgoText", "yesterdayAtText", "yesterdayLabel", "selectorsFloatingMenus", "triggerButtonRef"];

package/es/components/UserAvatar/UserAvatar.d.ts

@@ -41,7 +41,7 @@ type UserAvatarBaseProps = {
     /**
      * Provide a custom icon to use if you need to use an icon other than the default one
      */
-    renderIcon?: React.ElementType;
+    renderIcon?: React.ElementType | string;
     /**
      * Set the size of the avatar circle
      */

package/es/components/UserAvatar/UserAvatar.js

@@ -123,7 +123,8 @@ UserAvatar.displayName = componentName;
 // See https://www.npmjs.com/package/prop-types#usage.
 UserAvatar.propTypes = {
   /**
-   * Provide the background color need to be set for UserAvatar.
+   * Provide the background color need to be set for UserAvatar. Background color will be set based on lighter or darker theme.
+   * For example: if you select order-5-purple, it will take $purple-60 for lighter theme and $purple-50 for darker theme.
    */
   backgroundColor: PropTypes.oneOf(['order-1-cyan', 'order-2-gray', 'order-3-green', 'order-4-magenta', 'order-5-purple', 'order-6-teal', 'order-7-cyan', 'order-8-gray', 'order-9-green', 'order-10-magenta', 'order-11-purple', 'order-12-teal']),
   /**
@@ -151,7 +152,7 @@ UserAvatar.propTypes = {
    * Provide a custom icon to use if you need to use an icon other than the default one
    */
   /**@ts-ignore */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),
   /**
    * Set the size of the avatar circle
    */