@carbon/ibm-products 2.43.2-canary.271 → 2.43.2-canary.281

package/lib/components/TagSet/TagSet.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var react = require('@carbon/react');
 var TagSetModal = require('./TagSetModal.js');
 var TagSetOverflow = require('./TagSetOverflow.js');
@@ -19,7 +19,7 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
 
-var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAutoAlign", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
+var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAutoAlign", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalAriaLabel", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "onOverflowClick", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
   _excluded2 = ["label", "id"],
   _excluded3 = ["label", "onClose"];
 var componentName = 'TagSet';
@@ -47,6 +47,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     overflowClassName = _ref.overflowClassName,
     _ref$overflowType = _ref.overflowType,
     overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
+    allTagsModalAriaLabel = _ref.allTagsModalAriaLabel,
     _ref$allTagsModalTitl = _ref.allTagsModalTitle,
     allTagsModalTitle = _ref$allTagsModalTitl === void 0 ? 'All tags' : _ref$allTagsModalTitl,
     _ref$allTagsModalSear = _ref.allTagsModalSearchLabel,
@@ -55,6 +56,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     allTagsModalSearchPlaceholderText = _ref$allTagsModalSear2 === void 0 ? 'Search all tags' : _ref$allTagsModalSear2,
     _ref$showAllTagsLabel = _ref.showAllTagsLabel,
     showAllTagsLabel = _ref$showAllTagsLabel === void 0 ? 'View all tags' : _ref$showAllTagsLabel,
+    onOverflowClick = _ref.onOverflowClick,
     tags = _ref.tags,
     containingElementRef = _ref.containingElementRef,
     _ref$measurementOffse = _ref.measurementOffset,
@@ -171,11 +173,12 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       key: "displayed-tag-overflow",
       ref: overflowTag,
       popoverOpen: popoverOpen,
+      onOverflowClick: onOverflowClick,
       setPopoverOpen: setPopoverOpen
     }));
     onOverflowTagChange === null || onOverflowTagChange === void 0 || onOverflowTagChange(newOverflowTags);
     setDisplayedTags(newDisplayedTags);
-  }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, tags, onOverflowTagChange, popoverOpen, handleTagOnClose, overflowAutoAlign]);
+  }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, onOverflowClick, tags, onOverflowTagChange, popoverOpen, handleTagOnClose, overflowAutoAlign]);
   var checkFullyVisibleTags = React.useCallback(function () {
     if (multiline) {
       return setDisplayCount(maxVisibleCount);
@@ -246,11 +249,12 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, hiddenSizingTags), /*#__PURE__*/React.createElement("div", {
     className: cx(["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
     ref: displayedArea
-  }, displayedTags)), /*#__PURE__*/React.createElement(TagSetModal.TagSetModal, {
+  }, displayedTags)), !onOverflowClick && /*#__PURE__*/React.createElement(TagSetModal.TagSetModal, {
     allTags: tags,
     open: showAllModalOpen,
     title: allTagsModalTitle,
     onClose: handleModalClose,
+    modalAriaLabel: allTagsModalAriaLabel,
     searchLabel: allTagsModalSearchLabel,
     searchPlaceholder: allTagsModalSearchPlaceholderText,
     portalTarget: allTagsModalTarget
@@ -291,6 +295,10 @@ exports.TagSet.propTypes = {
    * align the Tags displayed by the TagSet. Default start.
    */
   align: index.default.oneOf(['start', 'center', 'end']),
+  /**
+   * aria label for all tags modal with hasScrollingContent
+   */
+  allTagsModalAriaLabel: index.default.string,
   /**
    * label text for the show all search.
    */
@@ -330,6 +338,10 @@ exports.TagSet.propTypes = {
    * display tags in multiple lines
    */
   multiline: index.default.bool,
+  /**
+   * An optional click handler that overrides the default functionality of displaying all tags in a modal
+   */
+  onOverflowClick: index.default.func,
   /**
    * Handler to get overflow tags
    */

package/lib/components/TagSet/TagSetModal.d.ts

@@ -9,6 +9,7 @@ type AllTags = TagType[] & Omit<React.ComponentProps<Tag>, 'filter'>[];
 interface TagSetModalProps {
     allTags?: AllTags;
     className?: string;
+    modalAriaLabel?: string;
     onClose?: () => void;
     open?: boolean;
     portalTarget?: ReactNode;
@@ -17,7 +18,7 @@ interface TagSetModalProps {
     title?: string;
 }
 export declare const TagSetModal: {
-    ({ allTags, className, title, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
+    ({ allTags, className, title, modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
     propTypes: {
         allTags: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Validator<string>;

package/lib/components/TagSet/TagSetModal.js

@@ -9,20 +9,22 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 
-var _excluded = ["allTags", "className", "title", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
+var _excluded = ["allTags", "className", "title", "modalAriaLabel", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
   _excluded2 = ["label"];
 var componentName = 'TagSetModal';
 var blockClass = "".concat(settings.pkg.prefix, "--tag-set-modal");
 
 // Default values for props
 var defaults = {
+  // required for accessibility if using hasScrollingContent
+  modalAriaLabel: 'List of all tags',
   // marked as required by TagSet if needed, default used to satisfy <Search /> component
   searchLabel: ''
 };
@@ -30,6 +32,8 @@ var TagSetModal = function TagSetModal(_ref) {
   var allTags = _ref.allTags,
     className = _ref.className,
     title = _ref.title,
+    _ref$modalAriaLabel = _ref.modalAriaLabel,
+    modalAriaLabel = _ref$modalAriaLabel === void 0 ? defaults.modalAriaLabel : _ref$modalAriaLabel,
     onClose = _ref.onClose,
     open = _ref.open,
     portalTargetIn = _ref.portalTarget,
@@ -87,7 +91,9 @@ var TagSetModal = function TagSetModal(_ref) {
     size: "lg"
   })), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body"),
-    hasForm: true
+    hasForm: true,
+    hasScrollingContent: true,
+    "aria-label": modalAriaLabel
   }, filteredModalTags.map(function (_ref2, index) {
     var label = _ref2.label,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
@@ -95,9 +101,9 @@ var TagSetModal = function TagSetModal(_ref) {
       filter: false,
       key: "all-tags-".concat(index)
     }), label);
-  })), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__fade")
-  })));
+  }))));
 };
 TagSetModal.propTypes = {
   allTags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {

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

@@ -10,6 +10,10 @@ interface TagSetOverflowProps {
      * className
      */
     className?: string;
+    /**
+     * An optional click handler that overrides the default functionality of displaying all tags in a modal
+     */
+    onOverflowClick?: ((overFlowTags: ReactNode[]) => void) | undefined;
     /**
      * function to execute on clicking show all
      */
@@ -37,7 +41,7 @@ interface TagSetOverflowProps {
     /**
      * Setter function for the popoverOpen state value
      */
-    setPopoverOpen?: ((value: boolean) => void) | undefined;
+    setPopoverOpen: (value: boolean) => void;
     /**
      * label for the overflow show all tags link
      */

package/lib/components/TagSet/TagSetOverflow.js

@@ -9,13 +9,13 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
 
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen", "size"];
+var _excluded = ["allTagsModalSearchThreshold", "onOverflowClick", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen", "size"];
 var componentName = 'TagSetOverflow';
 var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
 
@@ -26,6 +26,7 @@ var defaults = {
 var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
     allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
+    onOverflowClick = _ref.onOverflowClick,
     className = _ref.className,
     onShowAllClick = _ref.onShowAllClick,
     _ref$overflowAlign = _ref.overflowAlign,
@@ -42,21 +43,44 @@ var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var overflowTagContent = React.useRef(null);
   useClickOutside.useClickOutside(ref || localRef, function () {
     if (popoverOpen) {
-      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
+      setPopoverOpen(false);
     }
   });
   var handleShowAllTagsClick = function handleShowAllTagsClick(ev) {
     ev.stopPropagation();
     ev.preventDefault();
-    setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
+    setPopoverOpen(false);
     onShowAllClick();
   };
   var handleEscKeyPress = function handleEscKeyPress(event) {
     var key = event.key;
     if (key === 'Escape') {
-      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
+      setPopoverOpen(false);
     }
   };
+  var handleOverflowClick = function handleOverflowClick() {
+    // If a custom overflow function is provided then trigger that function
+    // on clicking the overflow
+    if (onOverflowClick) {
+      onOverflowClick(overflowTags);
+    } else {
+      setPopoverOpen(!popoverOpen);
+    }
+  };
+  if (onOverflowClick) {
+    return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+      "aria-hidden": overflowTags.length === 0,
+      className: cx("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
+      ref: ref || localRef
+    }), /*#__PURE__*/React.createElement(react.OperationalTag, {
+      onClick: function onClick() {
+        return handleOverflowClick();
+      },
+      className: "".concat(blockClass, "__popover-trigger"),
+      size: size,
+      text: "+".concat(overflowTags.length)
+    }));
+  }
   return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-hidden": overflowTags.length === 0,
     className: cx("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
@@ -71,7 +95,7 @@ var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     autoAlign: overflowAutoAlign
   }, /*#__PURE__*/React.createElement(react.OperationalTag, {
     onClick: function onClick() {
-      return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
+      return setPopoverOpen(!popoverOpen);
     },
     className: cx("".concat(blockClass, "__popover-trigger")),
     size: size,
@@ -114,6 +138,10 @@ TagSetOverflow.propTypes = {
    * className
    */
   className: index.default.string,
+  /**
+   * An optional click handler that overrides the default functionality of displaying all tags in a modal
+   */
+  onOverflowClick: index.default.func,
   /**
    * function to execute on clicking show all
    */
@@ -142,7 +170,7 @@ TagSetOverflow.propTypes = {
   /**
    * Setter function for the popoverOpen state value
    */
-  setPopoverOpen: index.default.func,
+  setPopoverOpen: index.default.func.isRequired,
   /**
    * label for the overflow show all tags link
    */

package/lib/components/Tearsheet/Tearsheet.js

@@ -12,7 +12,7 @@ var react = require('@carbon/react');
 var React = require('react');
 var TearsheetShell = require('./TearsheetShell.js');
 var ActionSet = require('../ActionSet/ActionSet.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -13,7 +13,7 @@ var TearsheetShell = require('./TearsheetShell.js');
 var React = require('react');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var ActionSet = require('../ActionSet/ActionSet.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 

package/lib/components/Tearsheet/TearsheetShell.js

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var pconsole = require('../../global/js/utils/pconsole.js');

package/lib/components/Toolbar/Toolbar.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var getFocusableElements = require('../../global/js/utils/getFocusableElements.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

package/lib/components/Toolbar/ToolbarButton.js

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Toolbar = require('./Toolbar.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var react = require('@carbon/react');
 var cx = require('classnames');
 var settings = require('../../settings.js');

package/lib/components/Toolbar/ToolbarGroup.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var Toolbar = require('./Toolbar.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');

package/lib/components/TooltipTrigger/TooltipTrigger.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 

package/lib/components/TruncatedList/TruncatedList.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 

package/lib/components/UserAvatar/UserAvatar.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/UserProfileImage/UserProfileImage.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 require('../../global/js/utils/props-helper.js');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var React = require('react');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

package/lib/components/WebTerminal/WebTerminal.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var carbonMotion = require('@carbon/motion');

package/lib/components/WebTerminal/WebTerminalContentWrapper.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var index$1 = require('./hooks/index.js');

package/lib/components/WebTerminal/hooks/index.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var settings = require('../../../settings.js');
 
 var WebTerminalContext = /*#__PURE__*/React.createContext({});

package/lib/components/_Canary/Canary.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var packageSettings = require('../../global/js/package-settings.js');
 var react = require('@carbon/react');

package/lib/global/js/utils/Wrap.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 
 var _excluded = ["alwaysRender", "children", "element", "neverRender", "className", "title"];
 

package/lib/global/js/utils/props-helper.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var pconsole = require('./pconsole.js');
 
 // helper functions for component props

package/lib/node_modules/@carbon/icons-react/es/Icon.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../icon-helpers/es/index.js');
-var index$1 = require('../../../prop-types/index.js');
+var index$1 = require('../../../../_virtual/index.js');
 var React = require('react');
 
 var _excluded = ["className", "children", "tabIndex", "xmlns", "preserveAspectRatio"],

package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var index = require('../../../prop-types/index.js');
+var index = require('../../../../_virtual/index.js');
 
 var iconPropTypes = {
   size: index.default.oneOfType([index.default.number, index.default.string])

package/lib/node_modules/prop-types/checkPropTypes.js

@@ -18,9 +18,9 @@ function requireCheckPropTypes() {
   hasRequiredCheckPropTypes = 1;
   var printWarning = function printWarning() {};
   if (process.env.NODE_ENV !== 'production') {
-    var ReactPropTypesSecret$1 = ReactPropTypesSecret.__require();
+    var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
     var loggedTypeFailures = {};
-    var has$1 = has.__require();
+    var has$1 = /*@__PURE__*/has.__require();
     printWarning = function printWarning(text) {
       var message = 'Warning: ' + text;
       if (typeof console !== 'undefined') {

package/lib/node_modules/prop-types/factoryWithThrowingShims.js

@@ -14,7 +14,7 @@ var hasRequiredFactoryWithThrowingShims;
 function requireFactoryWithThrowingShims() {
   if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
   hasRequiredFactoryWithThrowingShims = 1;
-  var ReactPropTypesSecret$1 = ReactPropTypesSecret.__require();
+  var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
   function emptyFunction() {}
   function emptyFunctionWithReset() {}
   emptyFunctionWithReset.resetWarningCache = emptyFunction;

package/lib/node_modules/prop-types/factoryWithTypeCheckers.js

@@ -21,9 +21,9 @@ function requireFactoryWithTypeCheckers() {
   hasRequiredFactoryWithTypeCheckers = 1;
   var ReactIs = require$$0;
   var assign = index.__require();
-  var ReactPropTypesSecret$1 = ReactPropTypesSecret.__require();
-  var has$1 = has.__require();
-  var checkPropTypes$1 = checkPropTypes.__require();
+  var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
+  var has$1 = /*@__PURE__*/has.__require();
+  var checkPropTypes$1 = /*@__PURE__*/checkPropTypes.__require();
   var printWarning = function printWarning() {};
   if (process.env.NODE_ENV !== 'production') {
     printWarning = function printWarning(text) {

package/lib/node_modules/prop-types/index.js

@@ -7,28 +7,28 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
-var index = require('../../_virtual/index.js');
+var index = require('../../_virtual/index2.js');
 var require$$0 = require('react-is');
 var factoryWithTypeCheckers = require('./factoryWithTypeCheckers.js');
 var factoryWithThrowingShims = require('./factoryWithThrowingShims.js');
 
-if (process.env.NODE_ENV !== 'production') {
-  var ReactIs = require$$0;
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes) return index.__module.exports;
+  hasRequiredPropTypes = 1;
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = require$$0;
 
-  // By explicitly using `prop-types` you are opting into new development behavior.
-  // http://fb.me/prop-types-in-prod
-  var throwOnDirectAccess = true;
-  index.__module.exports = factoryWithTypeCheckers.__require()(ReactIs.isElement, throwOnDirectAccess);
-} else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  index.__module.exports = factoryWithThrowingShims.__require()();
+    // By explicitly using `prop-types` you are opting into new development behavior.
+    // http://fb.me/prop-types-in-prod
+    var throwOnDirectAccess = true;
+    index.__module.exports = /*@__PURE__*/factoryWithTypeCheckers.__require()(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    // By explicitly using `prop-types` you are opting into new production behavior.
+    // http://fb.me/prop-types-in-prod
+    index.__module.exports = /*@__PURE__*/factoryWithThrowingShims.__require()();
+  }
+  return index.__module.exports;
 }
-var propTypesExports = index.__module.exports;
-var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
 
-exports.default = PropTypes;
-exports.propTypesExports = propTypesExports;
+exports.__require = requirePropTypes;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.43.2-canary.271+978f3e65f",
+  "version": "2.43.2-canary.281+29e960c85",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -67,9 +67,9 @@
     "@babel/preset-typescript": "^7.21.5",
     "@ibm/telemetry-js-config-generator": "^1.0.3",
     "@rollup/plugin-babel": "^6.0.0",
-    "@rollup/plugin-commonjs": "^25.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-typescript": "^11.0.0",
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.0",
     "@types/react-table": "^7.7.20",
     "babel-plugin-dev-expression": "^0.2.3",
     "babel-preset-ibm-cloud-cognitive": "^0.14.40",
@@ -81,7 +81,7 @@
     "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.10.0-rc.0",
+    "jest-config-ibm-cloud-cognitive": "^1.10.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-check-updates": "^16.14.12",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.22.0",
-    "@carbon/ibm-products-styles": "^2.47.0-rc.0",
+    "@carbon/ibm-products-styles": "^2.47.0",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "978f3e65fff94f6399714fb921e8ef2208a1ec51"
+  "gitHead": "29e960c858d2c58d46c86e9ea638a351d5fddd76"
 }

package/scss/components/DecoratorBase/_decorator-base.scss

@@ -17,7 +17,6 @@
 // DecoratorBase uses the following Carbon for IBM Products components:
 @use '@carbon/layout/scss/convert' as *;
 @use '@carbon/react/scss/colors' as *;
-@use '@carbon/styles/scss/colors' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/themes';