@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/TagSet/TagSet.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -21,11 +19,6 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAutoAlign", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
   _excluded2 = ["label", "id"],
   _excluded3 = ["label", "onClose"];
@@ -41,7 +34,7 @@ var defaults = {
   overflowType: 'default',
   onOverflowTagChange: function onOverflowTagChange() {}
 };
-exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'start' : _ref$align,
     allTagsModalTarget = _ref.allTagsModalTarget,
@@ -116,7 +109,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       var label = _ref2.label,
         id = _ref2.id,
         other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: index,
         className: "".concat(blockClass, "__sizing-tag"),
         ref: function ref(el) {
@@ -124,7 +117,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
             newSizingTags[index] = el;
           }
         }
-      }, /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
+      }, /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
         // ensure id is not duplicated
         "data-original-id": id
       }), label));
@@ -138,12 +131,16 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     }
   }, [displayCount]);
   React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
-      return /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
+      if (index == tags.length - 1 && other.size) {
+        size = other.size;
+      }
+      return /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
         key: "displayed-tag-".concat(index),
         onClose: function onClose() {
           return handleTagOnClose(_onClose, index);
@@ -156,12 +153,12 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
 
     // add wrapper around displayed tags
     newDisplayedTags = newDisplayedTags.map(function (tag, index) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: index,
         className: "".concat(blockClass, "__displayed-tag")
       }, tag);
     });
-    newDisplayedTags.push( /*#__PURE__*/React__default["default"].createElement(TagSetOverflow.TagSetOverflow, {
+    newDisplayedTags.push( /*#__PURE__*/React.createElement(TagSetOverflow.TagSetOverflow, {
       allTagsModalSearchThreshold: allTagsModalSearchThreshold,
       overflowAutoAlign: overflowAutoAlign,
       className: overflowClassName,
@@ -170,6 +167,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       overflowAlign: overflowAlign,
       overflowType: overflowType,
       showAllTagsLabel: showAllTagsLabel,
+      size: size,
       key: "displayed-tag-overflow",
       ref: overflowTag,
       popoverOpen: popoverOpen,
@@ -236,19 +234,19 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   useResizeObserver.useResizeObserver(sizingContainerRef, handleSizerTagsResize);
   var resizeOption = containingElementRef ? containingElementRef : tagSetRef;
   useResizeObserver.useResizeObserver(resizeOption, handleResize);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"]([blockClass, className]),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx([blockClass, className]),
     ref: tagSetRef
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(blockClass, "__space"), "".concat(blockClass, "__space--align-").concat(align)])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
+    className: cx(["".concat(blockClass, "__space"), "".concat(blockClass, "__space--align-").concat(align)])
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__tag-container ").concat(blockClass, "__tag-container--hidden"),
     "aria-hidden": true,
     ref: sizingContainerRef
-  }, hiddenSizingTags), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
+  }, hiddenSizingTags), /*#__PURE__*/React.createElement("div", {
+    className: cx(["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
     ref: displayedArea
-  }, displayedTags)), /*#__PURE__*/React__default["default"].createElement(TagSetModal.TagSetModal, {
+  }, displayedTags)), /*#__PURE__*/React.createElement(TagSetModal.TagSetModal, {
     allTags: tags,
     open: showAllModalOpen,
     title: allTagsModalTitle,
@@ -266,7 +264,7 @@ exports.TagSet = settings.pkg.checkComponentEnabled(exports.TagSet, componentNam
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
  * @returns null if no problems
  */
-var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index["default"].string, function (_ref4) {
+var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index.default.string, function (_ref4) {
   var tags = _ref4.tags;
   return tags && tags.length > allTagsModalSearchThreshold;
 });
@@ -292,70 +290,70 @@ exports.TagSet.propTypes = {
   /**
    * align the Tags displayed by the TagSet. Default start.
    */
-  align: index["default"].oneOf(['start', 'center', 'end']),
+  align: index.default.oneOf(['start', 'center', 'end']),
   /**
    * label text for the show all search.
    */
-  allTagsModalSearchLabel: index["default"].string,
+  allTagsModalSearchLabel: index.default.string,
   /**
    * placeholder text for the show all search.
    */
-  allTagsModalSearchPlaceholderText: index["default"].string,
+  allTagsModalSearchPlaceholderText: index.default.string,
   /**
    * portal target for the all tags modal
    */
-  allTagsModalTarget: index["default"].node,
+  allTagsModalTarget: index.default.node,
   /**
    * title for the show all modal.
    */
-  allTagsModalTitle: index["default"].string,
+  allTagsModalTitle: index.default.string,
   /**
    * className
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Optional ref for custom resize container to measure available space
    * Default will measure the available space of the TagSet container itself.
    */
   /**@ts-ignore */
-  containingElementRef: index["default"].object,
+  containingElementRef: index.default.object,
   /**
    * maximum visible tags
    */
-  maxVisible: index["default"].number,
+  maxVisible: index.default.number,
   /**
    * Specify offset amount for measure available space, only used when `containingElementSelector`
    * is also provided
    */
-  measurementOffset: index["default"].number,
+  measurementOffset: index.default.number,
   /**
    * display tags in multiple lines
    */
-  multiline: index["default"].bool,
+  multiline: index.default.bool,
   /**
    * Handler to get overflow tags
    */
-  onOverflowTagChange: index["default"].func,
+  onOverflowTagChange: index.default.func,
   /**
    * overflowAlign from the standard tooltip. Default center.
    */
-  overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+  overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
   /**
    * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
    */
-  overflowAutoAlign: index["default"].bool,
+  overflowAutoAlign: index.default.bool,
   /**
    * overflowClassName for the tooltip popup
    */
-  overflowClassName: index["default"].string,
+  overflowClassName: index.default.string,
   /**
    * Type of rendering displayed inside of the tag overflow component
    */
-  overflowType: index["default"].oneOf(['default', 'tag']),
+  overflowType: index.default.oneOf(['default', 'tag']),
   /**
    * label for the overflow show all tags link.
    */
-  showAllTagsLabel: index["default"].string,
+  showAllTagsLabel: index.default.string,
   /**
    * The tags to be shown in the TagSet. Each tag is specified as an object
    * with properties: **label**\* (required) to supply the tag content, and
@@ -364,10 +362,10 @@ exports.TagSet.propTypes = {
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
    */
-  tags: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Tag.propTypes), {}, {
-    label: index["default"].string.isRequired,
+  tags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Tag.propTypes), {}, {
+    label: index.default.string.isRequired,
     // we duplicate this prop to improve the DocGen
-    type: index["default"].oneOf(tagTypes)
+    type: index.default.oneOf(tagTypes)
   })))
 };
 exports.TagSet.displayName = componentName;

package/lib/components/TagSet/TagSetModal.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -18,11 +16,6 @@ var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["allTags", "className", "title", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
   _excluded2 = ["label"];
 var componentName = 'TagSetModal';
@@ -75,48 +68,48 @@ var TagSetModal = function TagSetModal(_ref) {
   var handleSearch = function handleSearch(ev) {
     setSearch(ev.target.value || '');
   };
-  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
-    className: cx__default["default"](className, "".concat(blockClass)),
+    className: cx(className, "".concat(blockClass)),
     size: "sm",
     open: open,
     onClose: onClose
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+  }), /*#__PURE__*/React.createElement(react.ModalHeader, {
     className: "".concat(blockClass, "__header"),
     closeModal: onClose,
     title: title
-  }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  }, /*#__PURE__*/React.createElement(react.Search, {
     "data-modal-primary-focus": true,
     className: "".concat(blockClass, "__search"),
     labelText: searchLabel,
     placeholder: searchPlaceholder,
     onChange: handleSearch,
     size: "lg"
-  })), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
+  })), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body"),
     hasForm: true
   }, filteredModalTags.map(function (_ref2, index) {
     var label = _ref2.label,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-    return /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
+    return /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
       filter: false,
       key: "all-tags-".concat(index)
     }), label);
-  })), /*#__PURE__*/React__default["default"].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')), {}, {
-    label: index["default"].string.isRequired
+  allTags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
+    label: index.default.string.isRequired
   }))),
-  className: index["default"].string,
-  onClose: index["default"].func,
-  open: index["default"].bool,
-  portalTarget: index["default"].node,
-  searchLabel: index["default"].string,
-  searchPlaceholder: index["default"].string,
-  title: index["default"].string
+  className: index.default.string,
+  onClose: index.default.func,
+  open: index.default.bool,
+  portalTarget: index.default.node,
+  searchLabel: index.default.string,
+  searchPlaceholder: index.default.string,
+  title: index.default.string
 };
 TagSetModal.displayName = componentName;
 

package/lib/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/lib/components/TagSet/TagSetOverflow.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -17,12 +15,7 @@ var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-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(settings.pkg.prefix, "--tag-set-overflow");
 
@@ -30,7 +23,7 @@ var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
 var defaults = {
   allTagsModalSearchThreshold: 10
 };
-var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
     allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
     className = _ref.className,
@@ -43,6 +36,7 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     showAllTagsLabel = _ref.showAllTagsLabel,
     popoverOpen = _ref.popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
+    size = _ref.size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var localRef = React.useRef(null);
   var overflowTagContent = React.useRef(null);
@@ -63,27 +57,29 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
       setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
     }
   };
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-hidden": overflowTags.length === 0,
-    className: cx__default["default"]("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
+    className: cx("".concat(blockClass), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
     ref: ref || localRef
-  }), /*#__PURE__*/React__default["default"].createElement(react.Popover, {
+  }), /*#__PURE__*/React.createElement(react.Popover, {
     align: overflowAlign,
-    className: cx__default["default"](className, "".concat(blockClass, "__tagset-popover")),
+    className: cx(className, "".concat(blockClass, "__tagset-popover")),
     dropShadow: true,
     highContrast: true,
     onKeyDown: handleEscKeyPress,
     open: popoverOpen,
     autoAlign: overflowAutoAlign
-  }, /*#__PURE__*/React__default["default"].createElement(react.Tag, {
+  }, /*#__PURE__*/React.createElement(react.OperationalTag, {
     onClick: function onClick() {
       return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
     },
-    className: cx__default["default"]("".concat(blockClass, "__popover-trigger"))
-  }, "+".concat(overflowTags.length)), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx("".concat(blockClass, "__popover-trigger")),
+    size: size,
+    text: "+".concat(overflowTags.length)
+  }), /*#__PURE__*/React.createElement(react.PopoverContent, null, /*#__PURE__*/React.createElement("div", {
     ref: overflowTagContent,
     className: "".concat(blockClass, "__content")
-  }, /*#__PURE__*/React__default["default"].createElement("ul", {
+  }, /*#__PURE__*/React.createElement("ul", {
     className: "".concat(blockClass, "__tag-list")
   }, overflowTags.filter(function (_, index) {
     return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
@@ -95,13 +91,13 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     if (overflowType === 'default') {
       tagProps.filter = false;
     }
-    if ( /*#__PURE__*/React__default["default"].isValidElement(tag)) {
-      return /*#__PURE__*/React__default["default"].createElement("li", {
-        className: cx__default["default"]("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
+    if ( /*#__PURE__*/React.isValidElement(tag)) {
+      return /*#__PURE__*/React.createElement("li", {
+        className: cx("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
         key: index
-      }, /*#__PURE__*/React__default["default"].cloneElement(tag, tagProps));
+      }, /*#__PURE__*/React.cloneElement(tag, tagProps));
     }
-  })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React__default["default"].createElement(react.Link, {
+  })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React.createElement(react.Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",
     onClick: handleShowAllTagsClick,
@@ -113,44 +109,48 @@ TagSetOverflow.propTypes = {
   /**
    * count of overflowTags over which a modal is offered
    */
-  allTagsModalSearchThreshold: index["default"].number,
+  allTagsModalSearchThreshold: index.default.number,
   /**
    * className
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * function to execute on clicking show all
    */
-  onShowAllClick: index["default"].func.isRequired,
+  onShowAllClick: index.default.func.isRequired,
   /**
    * overflowAlign from the standard tooltip
    */
-  overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+  overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
   /**
    * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
    */
-  overflowAutoAlign: index["default"].bool,
+  overflowAutoAlign: index.default.bool,
   /**
    * tags shown in overflow
    */
   /**@ts-ignore */
-  overflowTags: index["default"].arrayOf(index["default"].object).isRequired,
+  overflowTags: index.default.arrayOf(index.default.object).isRequired,
   /**
    * Type of rendering displayed inside of the tag overflow component
    */
-  overflowType: index["default"].oneOf(['default', 'tag']),
+  overflowType: index.default.oneOf(['default', 'tag']),
   /**
    * Open state of the popover
    */
-  popoverOpen: index["default"].bool,
+  popoverOpen: index.default.bool,
   /**
    * Setter function for the popoverOpen state value
    */
-  setPopoverOpen: index["default"].func,
+  setPopoverOpen: index.default.func,
   /**
    * label for the overflow show all tags link
    */
-  showAllTagsLabel: index["default"].string
+  showAllTagsLabel: index.default.string,
+  /**
+   * Size of the overflow tag
+   */
+  size: index.default.string
 };
 
 exports.TagSetOverflow = TagSetOverflow;

package/lib/components/Tearsheet/Tearsheet.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
@@ -19,10 +17,6 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["influencerPosition", "influencerWidth"];
 var componentName = 'Tearsheet';
 
@@ -54,13 +48,13 @@ var componentName = 'Tearsheet';
  * panel on either the left or right side, the main content area, and a set of
  * action buttons.
  */
-exports.Tearsheet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.Tearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$influencerPositi = _ref.influencerPosition,
     influencerPosition = _ref$influencerPositi === void 0 ? 'left' : _ref$influencerPositi,
     _ref$influencerWidth = _ref.influencerWidth,
     influencerWidth = _ref$influencerWidth === void 0 ? 'narrow' : _ref$influencerWidth,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), rest), {}, {
+  return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), rest), {}, {
     influencerPosition: influencerPosition,
     influencerWidth: influencerWidth,
     ref: ref,
@@ -84,7 +78,7 @@ var deprecatedProps = {
    * from below. The 'lower' position (the default) provides a little extra room at the top
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
-  verticalPosition: index["default"].oneOf(['normal', 'lower'])
+  verticalPosition: index.default.oneOf(['normal', 'lower'])
 };
 
 // The types and DocGen commentary for the component props,
@@ -110,10 +104,10 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   actions: propsHelper.allPropTypes([/**@ts-ignore */
   ActionSet.ActionSet.validateActions(function () {
     return '2xl';
-  }), index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-    label: index["default"].string,
-    loading: index["default"].bool,
+  }), index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+    label: index.default.string,
+    loading: index.default.bool,
     // we duplicate this Button prop to improve the DocGen here
     onClick: react.Button.propTypes.onClick
   })))]),
@@ -121,11 +115,11 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    * The aria-label for the tearsheet, which is optional.
    * if it is not passed, the title will be used as the aria-label.
    */
-  ariaLabel: index["default"].string,
+  ariaLabel: index.default.string,
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The accessibility title for the close icon (if shown).
    *
@@ -133,7 +127,7 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
   /**@ts-ignore */
-  closeIconDescription: index["default"].string.isRequired.if(function (_ref2) {
+  closeIconDescription: index.default.string.isRequired.if(function (_ref2) {
     var actions = _ref2.actions,
       hasCloseIcon = _ref2.hasCloseIcon;
     return TearsheetShell.tearsheetHasCloseIcon(actions, hasCloseIcon);
@@ -141,7 +135,7 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
-  description: index["default"].node,
+  description: index.default.node,
   /**
    * Enable a close icon ('x') in the header area of the tearsheet. By default,
    * (when this prop is omitted, or undefined or null) a tearsheet does not
@@ -151,47 +145,47 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    * this prop to either true or false.
    */
   /**@ts-ignore */
-  hasCloseIcon: index["default"].bool,
+  hasCloseIcon: index.default.bool,
   /**
    * The content for the influencer section of the tearsheet, displayed
    * alongside the main content. This is typically a menu, or filter, or
    * progress indicator, or similar.
    */
-  influencer: index["default"].element,
+  influencer: index.default.element,
   /**
    * The position of the influencer section, 'left' or 'right'.
    */
-  influencerPosition: index["default"].oneOf(['left', 'right']),
+  influencerPosition: index.default.oneOf(['left', 'right']),
   /**
    * The width of the influencer: 'narrow' (the default) is 256px, and 'wide'
    * is 320px.
    */
-  influencerWidth: index["default"].oneOf(['narrow', 'wide']),
+  influencerWidth: index.default.oneOf(['narrow', 'wide']),
   /**
    * A label for the tearsheet, displayed in the header area of the tearsheet
    * to maintain context for the tearsheet (e.g. as the title changes from page
    * to page of a multi-page task).
    */
-  label: index["default"].node,
+  label: index.default.node,
   /**
    * Provide a ref to return focus to once the tearsheet is closed.
    */
-  launcherButtonRef: index["default"].any,
+  launcherButtonRef: index.default.any,
   /**
    * Navigation content, such as a set of tabs, to be displayed at the bottom
    * of the header area of the tearsheet.
    */
-  navigation: index["default"].element,
+  navigation: index.default.element,
   /**
    * An optional handler that is called when the user closes the tearsheet (by
    * clicking the close button, if enabled, or clicking outside, if enabled).
    * Returning `false` here prevents the modal from closing.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Specifies whether the tearsheet is currently open.
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
@@ -201,18 +195,18 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    * Specify a CSS selector that matches the DOM element that should be
    * focused when the Modal opens.
    */
-  selectorPrimaryFocus: index["default"].string,
+  selectorPrimaryFocus: index.default.string,
   /**
    * Specify the CSS selectors that match the floating menus.
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
    */
   /**@ts-ignore*/
-  selectorsFloatingMenus: index["default"].arrayOf(index["default"].string),
+  selectorsFloatingMenus: index.default.arrayOf(index.default.string),
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
-  title: index["default"].node
+  title: index.default.node
 }, deprecatedProps);
 
 exports.deprecatedProps = deprecatedProps;