@carbon/ibm-products 2.50.0 → 2.51.0

package/es/components/Datagrid/useSelectRows.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { TableSelectRow } from '@carbon/react';
@@ -95,24 +95,45 @@ var SelectRow = function SelectRow(datagridState) {
       return window.removeEventListener('resize', updateSize);
     };
   }, []);
-  var onSelectHandler = function onSelectHandler(event) {
-    event.stopPropagation(); // avoid triggering onRowClick
-    if (radio) {
-      toggleAllRowsSelected(false);
-      if (onRadioSelect) {
-        onRadioSelect(row);
-      }
-    }
-    onChange(event);
-    onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
-    handleToggleRowSelected({
-      dispatch: dispatch,
-      rowData: row,
-      isChecked: event.target.checked,
-      getRowId: getRowId,
-      selectAll: null
-    });
-  };
+  var onSelectHandler = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+      var _document$activeEleme, _document, _document2;
+      var activeElement;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            event.stopPropagation(); // avoid triggering onRowClick
+            if (radio) {
+              toggleAllRowsSelected(false);
+              if (onRadioSelect) {
+                onRadioSelect(row);
+              }
+            }
+            onChange(event);
+            onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
+            handleToggleRowSelected({
+              dispatch: dispatch,
+              rowData: row,
+              isChecked: event.target.checked,
+              getRowId: getRowId,
+              selectAll: null
+            });
+            // focus the radio / checkbox if lost
+            activeElement = (_document$activeEleme = (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 ? void 0 : _document.id) !== null && _document$activeEleme !== void 0 ? _document$activeEleme : '';
+            _context.next = 8;
+            return undefined;
+          case 8:
+            (_document2 = document) === null || _document2 === void 0 || (_document2 = _document2.getElementById(activeElement)) === null || _document2 === void 0 || _document2.focus();
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onSelectHandler(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   var selectDisabled = isFetching || row.getRowProps().disabled;
   var _row$getToggleRowSele2 = row.getToggleRowSelectedProps(),
     onChange = _row$getToggleRowSele2.onChange,

package/es/components/EditInPlace/EditInPlace.js

@@ -169,9 +169,6 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-label": labelText,
     "aria-invalid": invalid
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__ellipsis"),
-    "aria-hidden": !focused
-  }, "\u2026"), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__toolbar")
   }, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
     size: 16,

package/es/components/ExportModal/ExportModal.js

@@ -6,13 +6,13 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { ComposedModal, ModalHeader, ModalBody, FormGroup, RadioButtonGroup, RadioButton, TextInput, PasswordInput, Loading, ModalFooter, Button } from '@carbon/react';
+import { unstable_FeatureFlags, ComposedModal, ModalHeader, ModalBody, FormGroup, RadioButtonGroup, RadioButton, TextInput, PasswordInput, Loading, ModalFooter, Button } from '@carbon/react';
 import { CheckmarkFilled, ErrorFilled } from '@carbon/react/icons';
 import React__default, { forwardRef, useState, useEffect, useRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { pkg } from '../../settings.js';
+import { pkg, carbon } from '../../settings.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 
@@ -58,6 +58,7 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$validExtensions = _ref.validExtensions,
     validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var blockClass = "".concat(pkg.prefix, "--export-modal");
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     name = _useState2[0],
@@ -80,6 +81,12 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setExtension(preformattedExtensions === null || preformattedExtensions === void 0 || (_preformattedExtensio2 = preformattedExtensions[0]) === null || _preformattedExtensio2 === void 0 ? void 0 : _preformattedExtensio2.extension);
     }
   }, [filename, preformattedExtensions, open]);
+  useEffect(function () {
+    if (successful) {
+      var button = document.querySelector(".".concat(blockClass, " .").concat(carbon.prefix, "--modal-close-button button"));
+      button === null || button === void 0 || button.focus();
+    }
+  }, [successful, blockClass]);
   var onNameChangeHandler = function onNameChangeHandler(evt) {
     setName(evt.target.value);
   };
@@ -106,7 +113,6 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return false;
   };
-  var blockClass = "".concat(pkg.prefix, "--export-modal");
   var internalId = useRef(uuidv4());
   var primaryButtonDisabled = loading || !name || hasInvalidExtension();
   var submitted = loading || error || successful;
@@ -119,7 +125,11 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     invalidText: invalidInputText,
     onBlur: onBlurHandler
   }, 'data-modal-primary-focus', true);
-  return renderPortalUse( /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
+  return renderPortalUse( /*#__PURE__*/React__default.createElement(unstable_FeatureFlags, {
+    flags: {
+      'enable-experimental-focus-wrap-without-sentinels': true
+    }
+  }, /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
     className: cx(blockClass, className),
     "aria-label": title,
     size: "sm",
@@ -158,8 +168,11 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     hidePasswordLabel: hidePasswordLabel,
     tooltipPosition: "left"
   })))), /*#__PURE__*/React__default.createElement("div", {
+    "aria-live": "polite",
     className: "".concat(blockClass, "__messaging")
   }, loading && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _Loading || (_Loading = /*#__PURE__*/React__default.createElement(Loading, {
+    "aria-live": "off",
+    description: "",
     small: true,
     withOverlay: false
   })), /*#__PURE__*/React__default.createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CheckmarkFilled, {
@@ -179,7 +192,7 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     kind: "primary",
     onClick: onSubmitHandler,
     disabled: primaryButtonDisabled
-  }, primaryButtonText))));
+  }, primaryButtonText)))));
 });
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/NotificationsPanel/NotificationsPanel.d.ts

@@ -6,7 +6,7 @@
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
 import { Link } from '@carbon/react';
-import React from 'react';
+import React, { RefObject } from 'react';
 interface Link {
     url: string;
     text: string;
@@ -138,6 +138,10 @@ export interface NotificationsPanelProps {
      * Sets the today label text
      */
     todayLabel?: string;
+    /**
+     * Reference to trigger button
+     */
+    triggerButtonRef?: RefObject<any>;
     /**
      * Sets the View all button text
      */

package/es/components/NotificationsPanel/NotificationsPanel.js

@@ -22,7 +22,7 @@ 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"];
+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"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var componentName = 'NotificationsPanel';
@@ -143,6 +143,7 @@ var NotificationsPanel = /*#__PURE__*/React__default.forwardRef(function (_ref,
     _ref$yesterdayLabel = _ref.yesterdayLabel,
     yesterdayLabel = _ref$yesterdayLabel === void 0 ? defaults.yesterdayLabel : _ref$yesterdayLabel,
     selectorsFloatingMenus = _ref.selectorsFloatingMenus,
+    triggerButtonRef = _ref.triggerButtonRef,
     rest = _objectWithoutProperties(_ref, _excluded);
   var notificationPanelRef = useRef(null);
   var notificationPanelInnerRef = useRef(null);
@@ -167,6 +168,10 @@ var NotificationsPanel = /*#__PURE__*/React__default.forwardRef(function (_ref,
   }, [data]);
   useClickOutside(ref || notificationPanelRef, function () {
     onClickOutside();
+    setTimeout(function () {
+      var _triggerButtonRef$cur;
+      triggerButtonRef === null || triggerButtonRef === void 0 || (_triggerButtonRef$cur = triggerButtonRef.current) === null || _triggerButtonRef$cur === void 0 || _triggerButtonRef$cur.focus();
+    }, 0);
   });
   useEffect(function () {
     // initialize the notification panel to open
@@ -220,6 +225,10 @@ var NotificationsPanel = /*#__PURE__*/React__default.forwardRef(function (_ref,
     event.stopPropagation();
     if (event.key === 'Escape') {
       onClickOutside();
+      setTimeout(function () {
+        var _triggerButtonRef$cur2;
+        triggerButtonRef === null || triggerButtonRef === void 0 || (_triggerButtonRef$cur2 = triggerButtonRef.current) === null || _triggerButtonRef$cur2 === void 0 || _triggerButtonRef$cur2.focus();
+      }, 100);
     }
   };
   useEffect(function () {
@@ -595,6 +604,10 @@ NotificationsPanel.propTypes = {
    * Sets the today label text
    */
   todayLabel: PropTypes.string,
+  /**
+   * Sets the today label text
+   */
+  triggerButtonRef: PropTypes.any,
   /**
    * Sets the View all button text
    */

package/es/components/OptionsTile/OptionsTile.d.ts

@@ -45,7 +45,7 @@ export interface OptionsTileProps {
      * Provide a function which will be called each time the user
      * interacts with the toggle.
      */
-    onToggle: (value: boolean) => void;
+    onToggle?: (value: boolean) => void;
     /**
      * Whether the OptionsTile is in open state.
      */

package/es/components/OptionsTile/OptionsTile.js

@@ -295,7 +295,6 @@ OptionsTile.propTypes = {
    * Provide a function which will be called each time the user
    * interacts with the toggle.
    */
-  /**@ts-ignore*/
   onToggle: PropTypes.func,
   /**
    * Whether the OptionsTile is in open state.

package/es/components/ProductiveCard/ProductiveCard.d.ts

@@ -65,6 +65,10 @@ export interface ProductiveCardProps extends PropsWithChildren {
      * Aria label prop required for OverflowMenu
      */
     overflowAriaLabel?: string;
+    /**
+     * Determines if the primary button is enabled or not
+     */
+    primaryButtonDisabled?: boolean;
     /**
      * Optionally specify an href for your Button to become an <a> element
      */

package/es/components/ProductiveCard/ProductiveCard.js

@@ -98,6 +98,10 @@ ProductiveCard.propTypes = {
    * Aria label prop required for OverflowMenu
    */
   overflowAriaLabel: PropTypes.string,
+  /**
+   * Determines if the primary button is enabled or not
+   */
+  primaryButtonDisabled: PropTypes.bool,
   /**
    * Optionally specify an href for your Button to become an <a> element
    */

package/es/components/ScrollGradient/ScrollGradient.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg, carbon } from '../../settings.js';
 import { throttle } from 'lodash';
-import { ScrollStates, getScrollState, ScrollDirection, useIsOverflow } from './constants.js';
+import { ScrollStates, getScrollState, useIsOverflow, ScrollDirection } from './constants.js';
 
 var _excluded = ["children", "className", "color", "onScroll", "scrollElementClassName", "getScrollElementRef", "hideStartGradient"];
 var blockClass = "".concat(pkg.prefix, "--scroll-gradient");

package/es/components/SimpleHeader/SimpleHeader.d.ts

@@ -11,7 +11,7 @@ export const overflowAriaLabel_required_if_breadcrumbs_exist: (props: any, propN
  * The component will throw a warning message if neither a title or breadcrumbs are provided
  * since it requires at least one of them.
  * */
-export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, ...rest }: {
+export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, overflowTooltipAlign, ...rest }: {
     [x: string]: any;
     breadcrumbs: any;
     className: any;
@@ -19,6 +19,7 @@ export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, m
     noTrailingSlash?: boolean | undefined;
     maxVisible: any;
     overflowAriaLabel: any;
+    overflowTooltipAlign: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace SimpleHeader {
     namespace propTypes {
@@ -38,6 +39,7 @@ export namespace SimpleHeader {
         export let maxVisible: PropTypes.Requireable<number>;
         export let noTrailingSlash: PropTypes.Requireable<boolean>;
         export { overflowAriaLabel_required_if_breadcrumbs_exist as overflowAriaLabel };
+        export let overflowTooltipAlign: any;
         export let title: PropTypes.Requireable<string>;
     }
 }

package/es/components/SimpleHeader/SimpleHeader.js

@@ -12,9 +12,10 @@ import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';
+import { Tooltip } from '@carbon/react';
 import { BreadcrumbWithOverflow } from '../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js';
 
-var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel"];
+var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel", "overflowTooltipAlign"];
 var blockClass = "".concat(pkg.prefix, "--simple-header");
 var componentName = 'SimpleHeader';
 /**
@@ -37,6 +38,7 @@ var SimpleHeader = function SimpleHeader(_ref) {
     noTrailingSlash = _ref$noTrailingSlash === void 0 ? true : _ref$noTrailingSlash,
     maxVisible = _ref.maxVisible,
     overflowAriaLabel = _ref.overflowAriaLabel,
+    overflowTooltipAlign = _ref.overflowTooltipAlign,
     rest = _objectWithoutProperties(_ref, _excluded);
   var warnIfNoTitleOrBreadcrumbs = useCallback(function () {
     if (!title && !(breadcrumbs !== null && breadcrumbs !== void 0 && breadcrumbs.length)) {
@@ -53,7 +55,8 @@ var SimpleHeader = function SimpleHeader(_ref) {
     className: cx("".concat(blockClass, "__breadcrumbs")),
     breadcrumbs: breadcrumbs,
     maxVisible: maxVisible,
-    overflowAriaLabel: overflowAriaLabel
+    overflowAriaLabel: overflowAriaLabel,
+    overflowTooltipAlign: overflowTooltipAlign
   }), title && /*#__PURE__*/React__default.createElement("h1", {
     className: cx("".concat(blockClass, "__title"))
   }, title));
@@ -84,6 +87,10 @@ SimpleHeader.propTypes = {
   noTrailingSlash: PropTypes.bool,
   /** Label for open/close overflow button used for breadcrumb items that do not fit */
   overflowAriaLabel: overflowAriaLabel_required_if_breadcrumbs_exist,
+  /**
+   * overflowTooltipAlign: align tooltip position
+   */
+  overflowTooltipAlign: Tooltip.propTypes.align,
   /** Header title */
   title: PropTypes.string
 };

package/es/components/StringFormatter/StringFormatter.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { DefinitionTooltip } from '@carbon/react';
-import { StringFormatterAlignment, deprecated_StringFormatterAlignment, propMappingFunction } from './utils/enums.js';
+import { propMappingFunction, StringFormatterAlignment, deprecated_StringFormatterAlignment } from './utils/enums.js';
 import { allPropTypes } from '../../global/js/utils/props-helper.js';
 
 var _excluded = ["className", "lines", "tooltipDirection", "truncate", "width", "value"];

package/es/components/TagSet/TagSet.js

@@ -129,11 +129,15 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     }
   }, [displayCount]);
   useEffect(function () {
+    var size = 'md';
     // create visible and overflow tags
     var newDisplayedTags = tags && tags.length > 0 ? tags.map(function (_ref3, index) {
       var label = _ref3.label,
         _onClose = _ref3.onClose,
         other = _objectWithoutProperties(_ref3, _excluded3);
+      if (index == tags.length - 1 && other.size) {
+        size = other.size;
+      }
       return /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
         key: "displayed-tag-".concat(index),
         onClose: function onClose() {
@@ -161,6 +165,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       overflowAlign: overflowAlign,
       overflowType: overflowType,
       showAllTagsLabel: showAllTagsLabel,
+      size: size,
       key: "displayed-tag-overflow",
       ref: overflowTag,
       popoverOpen: popoverOpen,

package/es/components/TagSet/TagSetOverflow.d.ts

@@ -42,6 +42,10 @@ interface TagSetOverflowProps {
      * label for the overflow show all tags link
      */
     showAllTagsLabel?: string;
+    /**
+     * Size of the overflow tag
+     */
+    size?: string;
 }
 export declare const TagSetOverflow: React.ForwardRefExoticComponent<TagSetOverflowProps & {
     children?: React.ReactNode;

package/es/components/TagSet/TagSetOverflow.js

@@ -9,11 +9,11 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import React__default, { useRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
-import { Popover, Tag, PopoverContent, Link } from '@carbon/react';
+import { Popover, OperationalTag, PopoverContent, Link } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { useClickOutside } from '../../global/js/hooks/useClickOutside.js';
 
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"];
+var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen", "size"];
 var componentName = 'TagSetOverflow';
 var blockClass = "".concat(pkg.prefix, "--tag-set-overflow");
 
@@ -34,6 +34,7 @@ var TagSetOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     showAllTagsLabel = _ref.showAllTagsLabel,
     popoverOpen = _ref.popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
+    size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var localRef = useRef(null);
   var overflowTagContent = useRef(null);
@@ -66,12 +67,14 @@ var TagSetOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     onKeyDown: handleEscKeyPress,
     open: popoverOpen,
     autoAlign: overflowAutoAlign
-  }, /*#__PURE__*/React__default.createElement(Tag, {
+  }, /*#__PURE__*/React__default.createElement(OperationalTag, {
     onClick: function onClick() {
       return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
     },
-    className: cx("".concat(blockClass, "__popover-trigger"))
-  }, "+".concat(overflowTags.length)), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement("div", {
+    className: cx("".concat(blockClass, "__popover-trigger")),
+    size: size,
+    text: "+".concat(overflowTags.length)
+  }), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement("div", {
     ref: overflowTagContent,
     className: "".concat(blockClass, "__content")
   }, /*#__PURE__*/React__default.createElement("ul", {
@@ -141,7 +144,11 @@ TagSetOverflow.propTypes = {
   /**
    * label for the overflow show all tags link
    */
-  showAllTagsLabel: PropTypes.string
+  showAllTagsLabel: PropTypes.string,
+  /**
+   * Size of the overflow tag
+   */
+  size: PropTypes.string
 };
 
 export { TagSetOverflow };

package/es/components/Tearsheet/TearsheetShell.js

@@ -6,7 +6,7 @@
  */
 
 import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState, useEffect } from 'react';
+import React__default, { useRef, useCallback, useState, useEffect } from 'react';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
@@ -102,6 +102,12 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     keyDownListener = _useFocus.keyDownListener,
     specifiedElement = _useFocus.specifiedElement;
   var modalRefValue = modalRef.current;
+
+  // Function to strip html tags out of a string.
+  var stripTags = useCallback(function (input) {
+    return input.replace(/<\/?[^>]+(>|$)/g, '');
+  }, []);
+  var titleText = stripTags(String(description));
   var wide = size === 'wide';
 
   // Keep track of the stack depth and our position in it (1-based, 0=closed)
@@ -283,7 +289,8 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       element: "h3",
       className: cx("".concat(bcModalHeader, "__heading"), "".concat(bc, "__heading"))
     }, title), /*#__PURE__*/React__default.createElement(Wrap, {
-      className: "".concat(bc, "__header-description")
+      className: "".concat(bc, "__header-description"),
+      title: titleText
     }, description)), /*#__PURE__*/React__default.createElement(Wrap, {
       className: "".concat(bc, "__header-actions")
     }, headerActions)), /*#__PURE__*/React__default.createElement(Wrap, {

package/es/components/UserProfileImage/UserProfileImage.d.ts

@@ -25,7 +25,7 @@ type imageProps = {
 type UserProfileImageBaseProps = {
     /**
      * The background color passed should match one of the background colors in the library documentation:
-     * https://pages.github.ibm.com/cdai-design/pal/patterns/user-profile-images/
+     * https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
      */
     backgroundColor?: string;
     /**

package/es/components/UserProfileImage/UserProfileImage.js

@@ -136,7 +136,7 @@ UserProfileImage.displayName = componentName;
 UserProfileImage.propTypes = {
   /**
    * The background color passed should match one of the background colors in the library documentation:
-   * https://pages.github.ibm.com/cdai-design/pal/patterns/user-profile-images/
+   * https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
    */
   backgroundColor: PropTypes.oneOf(['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal']),
   /**

package/es/global/js/utils/Wrap.d.ts

@@ -30,6 +30,10 @@ interface WrapProps extends PropsWithChildren {
      * Tab index for the wrapper div
      */
     tabIndex?: number;
+    /**
+     * The title attribute the content.
+     */
+    title?: string;
 }
 /**
  * A simple conditional wrapper that encloses its children in a <div> (or other

package/es/global/js/utils/Wrap.js

@@ -9,7 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import React__default from 'react';
 import PropTypes from '../../../node_modules/prop-types/index.js';
 
-var _excluded = ["alwaysRender", "children", "element", "neverRender", "className"];
+var _excluded = ["alwaysRender", "children", "element", "neverRender", "className", "title"];
 
 // Examine a flat array of children to decide whether it is effectively empty.
 // If there are no children, or all the children are falsy, or all the non-falsy
@@ -41,11 +41,13 @@ var Wrap = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     Wrapper = _ref$element === void 0 ? 'div' : _ref$element,
     neverRender = _ref.neverRender,
     className = _ref.className,
+    title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return (neverRender || isEmpty(children)) && !alwaysRender ? null : /*#__PURE__*/React__default.createElement(Wrapper, _extends({
     className: className
   }, rest, {
-    ref: ref
+    ref: ref,
+    title: title
   }), children);
 });
 Wrap.displayName = 'Wrap';
@@ -75,7 +77,11 @@ Wrap.propTypes = {
    * set to true then it will take precedence and the wrapper element and
    * content will be rendered.
    */
-  neverRender: PropTypes.bool
+  neverRender: PropTypes.bool,
+  /**
+   * The title attribute the content.
+   */
+  title: PropTypes.string
 };
 
 export { Wrap };

package/es/global/js/utils/devtools.js

@@ -7,10 +7,9 @@
 
 import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getDevtoolsId, devtoolsAttribute } from '../package-settings.js';
-export { devtoolsAttribute, getDevtoolsId } from '../package-settings.js';
 
 function getDevtoolsProps(componentName) {
   return _defineProperty({}, devtoolsAttribute, getDevtoolsId(componentName));
 }
 
-export { getDevtoolsProps };
+export { devtoolsAttribute, getDevtoolsId, getDevtoolsProps };

package/es/node_modules/@carbon/icon-helpers/es/index.js

@@ -42,8 +42,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
@@ -51,7 +51,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.indexOf(n) >= 0) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;

package/lib/_virtual/_commonjsHelpers.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }

package/lib/_virtual/_rollupPluginBabelHelpers.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -563,7 +561,7 @@ exports.arrayWithoutHoles = _arrayWithoutHoles;
 exports.asyncToGenerator = _asyncToGenerator;
 exports.createForOfIteratorHelper = _createForOfIteratorHelper;
 exports.defineProperty = _defineProperty;
-exports["extends"] = _extends;
+exports.extends = _extends;
 exports.iterableToArray = _iterableToArray;
 exports.iterableToArrayLimit = _iterableToArrayLimit;
 exports.nonIterableRest = _nonIterableRest;
@@ -578,5 +576,5 @@ exports.toArray = _toArray;
 exports.toConsumableArray = _toConsumableArray;
 exports.toPrimitive = _toPrimitive;
 exports.toPropertyKey = _toPropertyKey;
-exports["typeof"] = _typeof;
+exports.typeof = _typeof;
 exports.unsupportedIterableToArray = _unsupportedIterableToArray;

package/lib/_virtual/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var propTypes = {exports: {}};
 
 exports.__module = propTypes;