@carbon/ibm-products 2.37.0 → 2.38.0

package/lib/components/SearchBar/SearchBar.js

@@ -22,7 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "clearButtonLabelText", "hideScopesLabel", "labelText", "onChange", "onSubmit", "placeHolderText", "scopes", "scopesTypeLabel", "scopeToString", "selectedScopes", "sortItems", "submitLabel", "translateWithId", "value"];
+var _excluded = ["className", "clearButtonLabelText", "hideScopesLabel", "labelText", "onChange", "onSubmit", "placeholderText", "scopes", "scopesTypeLabel", "scopeToString", "selectedScopes", "sortItems", "submitLabel", "translateWithId", "value"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--search-bar");
@@ -48,7 +48,7 @@ exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (
     onChange = _ref$onChange === void 0 ? defaults.onChange : _ref$onChange,
     _ref$onSubmit = _ref.onSubmit,
     onSubmit = _ref$onSubmit === void 0 ? defaults.onSubmit : _ref$onSubmit,
-    placeHolderText = _ref.placeHolderText,
+    placeholderText = _ref.placeholderText,
     _ref$scopes = _ref.scopes,
     scopes = _ref$scopes === void 0 ? [] : _ref$scopes,
     scopesTypeLabel = _ref.scopesTypeLabel,
@@ -122,30 +122,32 @@ exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (
     setText(value);
     onChange(eventObject);
   };
+  var multiSelectProps = {
+    initialSelectedItems: selectedScopes,
+    items: scopes,
+    itemToString: scopeToString,
+    label: scopesTypeLabel,
+    sortItems: sortItems,
+    translateWithId: translateWithId
+  };
   return /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {
     className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hide-scopes-label"), hideScopesLabel)),
     onSubmit: handleSubmit
-  }), scopes !== null && scopes !== void 0 && scopes.length ? /*#__PURE__*/React__default["default"].createElement(react.MultiSelect, {
+  }), scopes !== null && scopes !== void 0 && scopes.length ? /*#__PURE__*/React__default["default"].createElement(react.MultiSelect, _rollupPluginBabelHelpers["extends"]({}, multiSelectProps, {
     id: "".concat(blockClass, "__multi-select"),
     name: "search-scopes",
     className: "".concat(blockClass, "__scopes"),
-    label: scopesTypeLabel,
     onChange: handleSearchScopeChange,
-    initialSelectedItems: selectedScopes,
-    items: scopes,
-    itemToString: scopeToString,
-    translateWithId: translateWithId,
-    sortItems: sortItems,
     size: "lg"
-  }) : null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  })) : null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
     className: "".concat(blockClass, "__input"),
     closeButtonLabelText: clearButtonLabelText,
     labelText: labelText || '',
     name: "search-input",
     onChange: handleInputChange,
-    placeholder: placeHolderText,
+    placeholder: placeholderText,
     value: text,
     size: "lg"
   }), /*#__PURE__*/React__default["default"].createElement(react.Button, {
@@ -173,11 +175,19 @@ var conditionalScopePropValidator = function conditionalScopePropValidator(props
   }
   return index["default"].string.apply(index["default"], [props, propName, componentName].concat(rest));
 };
+var deprecatedProps = {
+  /**
+   * **Deprecated**
+   *
+   * Provide accessible label text for the scopes MultiSelect.
+   */
+  titleText: index["default"].string
+};
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-exports.SearchBar.propTypes = {
+exports.SearchBar.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /** @type {string} Optional additional class name. */
   className: index["default"].string,
   /** @type {string} The label text for the search text input. */
@@ -193,7 +203,7 @@ exports.SearchBar.propTypes = {
   /** @type {Function} Function handler for when the user submits a search. */
   onSubmit: index["default"].func,
   /** @type {string} Placeholder text to be displayed in the search input. */
-  placeHolderText: index["default"].string.isRequired,
+  placeholderText: index["default"].string.isRequired,
   /** @type {Function} Function to get the text for each scope to display in dropdown. */
   scopeToString: index["default"].func,
   /** @type {Array<any>} Array of allowed search scopes. */
@@ -215,14 +225,12 @@ exports.SearchBar.propTypes = {
 
   /** @type {string} The label text for the search submit button. */
   submitLabel: index["default"].string.isRequired,
-  /**
-   * Provide accessible label text for the scopes MultiSelect.
-   */
-  titleText: index["default"].string,
   /** @type {func} Callback function for translating MultiSelect's child ListBoxMenuIcon SVG title. */
   translateWithId: index["default"].func,
   // eslint-disable-line react/require-default-props
 
   /** @type {string} Search query value. */
   value: index["default"].string
-};
+}, deprecatedProps);
+
+exports.deprecatedProps = deprecatedProps;

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

@@ -1,8 +1,92 @@
-export let TagSet: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React, { ReactNode, PropsWithChildren } from 'react';
+import { TagBaseProps } from '@carbon/type';
+type Align = 'start' | 'center' | 'end';
+type OverflowAlign = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-bottom' | 'left-top' | 'right' | 'right-bottom' | 'right-top';
+type OverflowType = 'default' | 'tag';
+type TagType = {
+    label: string;
+    type?: keyof typeof tagTypes;
+} & TagBaseProps;
+interface TagSetProps extends PropsWithChildren {
+    /**
+     * align the Tags displayed by the TagSet. Default start.
+     */
+    align?: Align;
+    /**
+     * label text for the show all search. **Note: Required if more than 10 tags**
+     */
+    allTagsModalSearchLabel?: string;
+    /**
+     * placeholder text for the show all search. **Note: Required if more than 10 tags**
+     */
+    allTagsModalSearchPlaceholderText?: string;
+    /**
+     * portal target for the all tags modal
+     */
+    allTagsModalTarget?: ReactNode;
+    /**
+     * title for the show all modal. **Note: Required if more than 10 tags**
+     */
+    allTagsModalTitle?: string;
+    /**
+     * className
+     */
+    className?: string;
+    /**
+     * Optional ref for custom resize container to measure available space
+     * Default will measure the available space of the TagSet container itself.
+     */
+    containingElementRef?: React.RefObject<HTMLElement>;
+    /**
+     * maximum visible tags
+     */
+    maxVisible?: number;
+    /**
+     * Specify offset amount for measure available space, only used when `containingElementSelector`
+     * is also provided
+     */
+    measurementOffset?: number;
+    /**
+     * display tags in multiple lines
+     */
+    multiline?: boolean;
+    /**
+     * Handler to get overflow tags
+     */
+    onOverflowTagChange?: (value: ReactNode) => void;
+    /**
+     * overflowAlign from the standard tooltip. Default center.
+     */
+    overflowAlign?: OverflowAlign;
+    /**
+     * overflowClassName for the tooltip popup
+     */
+    overflowClassName?: string;
+    /**
+     * Type of rendering displayed inside of the tag overflow component
+     */
+    overflowType?: OverflowType;
+    /**
+     * label for the overflow show all tags link.
+     *
+     * **Note:** Required if more than 10 tags
+     */
+    showAllTagsLabel: 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
+     * other properties will be passed to the Carbon Tag component, such as
+     * **type**, **disabled**, **ref**, **className** , and any other Tag props.
+     *
+     * See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
+     */
+    tags?: TagType[];
+}
+export declare let TagSet: React.ForwardRefExoticComponent<TagSetProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
  * @returns null if no problems
  */
-export const string_required_if_more_than_10_tags: (props: any, propName: any, componentName: any, location: any, propFullName: any, secret: any) => any;
+export declare const string_required_if_more_than_10_tags: (props: any, propName: any, componentName: any, location: any, propFullName: any, secret: any) => any;
+declare const tagTypes: string[];
 export default TagSet;
-import React from 'react';

package/lib/components/TagSet/TagSet.js

@@ -41,18 +41,26 @@ var defaults = {
   overflowType: 'default',
   onOverflowTagChange: function onOverflowTagChange() {}
 };
+
+// interface TagType extends TagBaseProps
+// {
+//   label: string;
+//   // we duplicate this prop to improve the DocGen
+//   type?: typeof tagTypes[number];
+// }
+
 exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? defaults.align : _ref$align,
+    align = _ref$align === void 0 ? 'start' : _ref$align,
     allTagsModalTarget = _ref.allTagsModalTarget,
     className = _ref.className,
     maxVisible = _ref.maxVisible,
     multiline = _ref.multiline,
     _ref$overflowAlign = _ref.overflowAlign,
-    overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
+    overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
     overflowClassName = _ref.overflowClassName,
     _ref$overflowType = _ref.overflowType,
-    overflowType = _ref$overflowType === void 0 ? defaults.overflowType : _ref$overflowType,
+    overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
     allTagsModalTitle = _ref.allTagsModalTitle,
     allTagsModalSearchLabel = _ref.allTagsModalSearchLabel,
     allTagsModalSearchPlaceholderText = _ref.allTagsModalSearchPlaceholderText,
@@ -82,7 +90,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     setShowAllModalOpen = _useState8[1];
   var localTagSetRef = React.useRef(null);
   var tagSetRef = ref || localTagSetRef;
-  var sizingContainerRef = React.useRef();
+  var sizingContainerRef = React.useRef(null);
   var displayedArea = React.useRef(null);
   var _useState9 = React.useState([]),
     _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
@@ -107,7 +115,9 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
         key: index,
         className: "".concat(blockClass, "__sizing-tag"),
         ref: function ref(el) {
-          return newSizingTags[index] = el;
+          if (el != null) {
+            newSizingTags[index] = el;
+          }
         }
       }, /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
         // ensure id is not duplicated
@@ -164,7 +174,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, tags, onOverflowTagChange, popoverOpen, handleTagOnClose]);
   var checkFullyVisibleTags = React.useCallback(function () {
     if (multiline) {
-      return setDisplayCount(maxVisible);
+      return setDisplayCount(maxVisible || 3);
     }
 
     // how many will fit?
@@ -172,7 +182,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     if (sizingTags.length > 0) {
       var optionalContainingElement = containingElementRef === null || containingElementRef === void 0 ? void 0 : containingElementRef.current;
       var measurementOffsetValue = typeof measurementOffset === 'number' ? measurementOffset : 0;
-      var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef.current.offsetWidth;
+      var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef === null || tagSetRef === void 0 ? void 0 : tagSetRef['current'].offsetWidth;
       for (var i in sizingTags) {
         var _sizingTags$i;
         var tagWidth = ((_sizingTags$i = sizingTags[i]) === null || _sizingTags$i === void 0 ? void 0 : _sizingTags$i.offsetWidth) || 0;
@@ -183,7 +193,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
           break;
         }
       }
-      if (willFit < sizingTags.length) {
+      if (willFit < sizingTags.length && overflowTag.current) {
         while (willFit > 0 && spaceAvailable < overflowTag.current.offsetWidth) {
           // Highly unlikely any useful tag is smaller
           willFit -= 1; // remove one tag
@@ -271,7 +281,7 @@ var TYPES = {
   outline: 'Outline'
 };
 var tagTypes = Object.keys(TYPES);
-exports.TagSet.types = tagTypes;
+exports.TagSet['types'] = tagTypes;
 exports.TagSet.propTypes = {
   /**
    * align the Tags displayed by the TagSet. Default start.
@@ -301,6 +311,7 @@ exports.TagSet.propTypes = {
    * 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,
   /**
    * maximum visible tags

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

@@ -1,29 +1,35 @@
-export function TagSetModal({ allTags, className, title, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: {
-    [x: string]: any;
-    allTags: any;
-    className: any;
-    title: any;
-    onClose: any;
-    open: any;
-    portalTarget: any;
-    searchLabel?: string | undefined;
-    searchPlaceholder: any;
-}): any;
-export namespace TagSetModal {
-    export namespace propTypes {
-        let allTags: PropTypes.Requireable<(PropTypes.InferProps<{
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { Tag } from '@carbon/react';
+interface TagType {
+    label: string;
+}
+type AllTags = TagType[] & Omit<React.ComponentProps<Tag>, 'filter'>[];
+interface TagSetModalProps {
+    allTags?: AllTags;
+    className?: string;
+    onClose?: () => void;
+    open?: boolean;
+    portalTarget?: ReactNode;
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    title?: string;
+}
+export declare const TagSetModal: {
+    ({ allTags, className, title, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
+    propTypes: {
+        allTags: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
         }> | null | undefined)[]>;
-        let className: PropTypes.Requireable<string>;
-        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        let open: PropTypes.Requireable<boolean>;
-        let portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let searchLabel: PropTypes.Requireable<string>;
-        let searchPlaceholder: PropTypes.Requireable<string>;
-        let title: PropTypes.Requireable<string>;
-    }
-    export { componentName as displayName };
-}
-import PropTypes from 'prop-types';
-declare const componentName: "TagSetModal";
+        className: PropTypes.Requireable<string>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        searchLabel: PropTypes.Requireable<string>;
+        searchPlaceholder: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
 export {};

package/lib/components/TagSet/TagSetModal.js

@@ -56,11 +56,11 @@ var TagSetModal = function TagSetModal(_ref) {
   React.useEffect(function () {
     var newFilteredModalTags = [];
     if (open) {
-      if (search === '') {
-        newFilteredModalTags = allTags.slice(0);
+      if (search === '' && allTags) {
+        newFilteredModalTags = allTags === null || allTags === void 0 ? void 0 : allTags.slice(0);
       } else {
         var lCaseSearch = search.toLocaleLowerCase();
-        allTags.forEach(function (tag) {
+        allTags === null || allTags === void 0 || allTags.forEach(function (tag) {
           var _tag$dataSearch, _tag$label;
           var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === void 0 || (_tag$dataSearch = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch === void 0 ? void 0 : _tag$dataSearch.indexOf(lCaseSearch);
           var labelSearch = (_tag$label = tag.label) === null || _tag$label === void 0 || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === void 0 ? void 0 : _tag$label.indexOf(lCaseSearch);

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

@@ -1,2 +1,45 @@
-export const TagSetOverflow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+import React, { ReactNode } from 'react';
+type OverflowAlign = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-bottom' | 'left-top' | 'right' | 'right-bottom' | 'right-top';
+type OverflowType = 'default' | 'tag';
+interface TagSetOverflowProps {
+    /**
+     * count of overflowTags over which a modal is offered
+     */
+    allTagsModalSearchThreshold?: number;
+    /**
+     * className
+     */
+    className?: string;
+    /**
+     * function to execute on clicking show all
+     */
+    onShowAllClick: () => void;
+    /**
+     * overflowAlign from the standard tooltip
+     */
+    overflowAlign?: OverflowAlign;
+    /** @type {Array<any>}
+     * tags shown in overflow
+     */
+    overflowTags: ReactNode[];
+    /**
+     * Type of rendering displayed inside of the tag overflow component
+     */
+    overflowType?: OverflowType;
+    /**
+     * Open state of the popover
+     */
+    popoverOpen?: boolean;
+    /**
+     * Setter function for the popoverOpen state value
+     */
+    setPopoverOpen?: ((value: boolean) => void) | undefined;
+    /**
+     * label for the overflow show all tags link
+     */
+    showAllTagsLabel?: string;
+}
+export declare const TagSetOverflow: React.ForwardRefExoticComponent<TagSetOverflowProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/lib/components/TagSet/TagSetOverflow.js

@@ -28,8 +28,7 @@ var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
 
 // Default values for props
 var defaults = {
-  allTagsModalSearchThreshold: 10,
-  overflowAlign: 'bottom'
+  allTagsModalSearchThreshold: 10
 };
 var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
@@ -37,30 +36,30 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     className = _ref.className,
     onShowAllClick = _ref.onShowAllClick,
     _ref$overflowAlign = _ref.overflowAlign,
-    overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
+    overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
     overflowTags = _ref.overflowTags,
     overflowType = _ref.overflowType,
     showAllTagsLabel = _ref.showAllTagsLabel,
     popoverOpen = _ref.popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var localRef = React.useRef();
+  var localRef = React.useRef(null);
   var overflowTagContent = React.useRef(null);
   useClickOutside.useClickOutside(ref || localRef, function () {
     if (popoverOpen) {
-      setPopoverOpen(false);
+      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
     }
   });
   var handleShowAllTagsClick = function handleShowAllTagsClick(ev) {
     ev.stopPropagation();
     ev.preventDefault();
-    setPopoverOpen(false);
+    setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
     onShowAllClick();
   };
   var handleEscKeyPress = function handleEscKeyPress(event) {
     var key = event.key;
     if (key === 'Escape') {
-      setPopoverOpen(false);
+      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
     }
   };
   return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
@@ -76,7 +75,7 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     open: popoverOpen
   }, /*#__PURE__*/React__default["default"].createElement(react.Tag, {
     onClick: function onClick() {
-      return setPopoverOpen(!popoverOpen);
+      return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
     },
     className: cx__default["default"]("".concat(blockClass, "__popover-trigger"))
   }, "+", overflowTags.length), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -94,10 +93,12 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     if (overflowType === 'default') {
       tagProps.filter = false;
     }
-    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')),
-      key: index
-    }, /*#__PURE__*/React__default["default"].cloneElement(tag, tagProps));
+    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')),
+        key: index
+      }, /*#__PURE__*/React__default["default"].cloneElement(tag, tagProps));
+    }
   })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React__default["default"].createElement(react.Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",
@@ -126,6 +127,7 @@ TagSetOverflow.propTypes = {
   /**
    * tags shown in overflow
    */
+  /**@ts-ignore */
   overflowTags: index["default"].arrayOf(index["default"].object).isRequired,
   /**
    * Type of rendering displayed inside of the tag overflow component

package/lib/components/WebTerminal/WebTerminal.js

@@ -81,7 +81,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
   */
   React.useEffect(function () {
     if (isInitiallyOpen) {
-      openWebTerminal();
+      openWebTerminal === null || openWebTerminal === void 0 || openWebTerminal();
     }
   }, []); // eslint-disable-line
 
@@ -101,7 +101,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
     if (prefersReducedMotion) {
       setRender(false);
     }
-    closeWebTerminal();
+    closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
   };
   return shouldRender ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
     ref: ref,

package/lib/components/WebTerminal/WebTerminalContentWrapper.d.ts

@@ -1,2 +1,15 @@
-export let WebTerminalContentWrapper: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+interface WebTerminalContentWrapperProps {
+    /**
+     * Pass in content as children.
+     */
+    children: ReactNode | ReactNode[];
+}
+export declare let WebTerminalContentWrapper: React.ForwardRefExoticComponent<WebTerminalContentWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/WebTerminal/hooks/index.d.ts

@@ -1,12 +1,17 @@
-export const WebTerminalContext: React.Context<any>;
-export function WebTerminalProvider({ children }: {
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace WebTerminalProvider {
-    namespace propTypes {
-        let children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-    }
+import React, { ReactNode } from 'react';
+export interface WebTerminalContextType {
+    open?: boolean;
+    openWebTerminal?: () => void;
+    closeWebTerminal?: () => void;
+    toggleWebTerminal?: () => void;
 }
-export function useWebTerminal(): any;
-import React from 'react';
-import PropTypes from 'prop-types';
+export declare const WebTerminalContext: React.Context<WebTerminalContextType>;
+interface WebTerminalProviderProps {
+    /**
+     * Provide your own terminal component as children to show up in the web terminal
+     */
+    children: ReactNode | ReactNode[];
+}
+export declare let WebTerminalProvider: React.FC<WebTerminalProviderProps>;
+export declare const useWebTerminal: () => WebTerminalContextType;
+export {};

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

@@ -18,7 +18,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var WebTerminalContext = /*#__PURE__*/React.createContext();
+var WebTerminalContext = /*#__PURE__*/React.createContext({});
 var componentName = 'WebTerminalProvider';
 exports.WebTerminalProvider = function WebTerminalProvider(_ref) {
   var children = _ref.children;

package/lib/global/js/package-settings.d.ts

@@ -24,6 +24,7 @@ declare namespace defaults {
         let AboutModal: boolean;
         let APIKeyModal: boolean;
         let Cascade: boolean;
+        let Checklist: boolean;
         let CreateModal: boolean;
         let CreateFullPage: boolean;
         let CreateFullPageStep: boolean;
@@ -112,7 +113,6 @@ declare namespace defaults {
         let DescriptionListRow: boolean;
         let SearchBar: boolean;
         let UserAvatar: boolean;
-        let Checklist: boolean;
         let EmptyStateV2: boolean;
         let Guidebanner: boolean;
         let GuidebannerElement: boolean;

package/lib/global/js/package-settings.js

@@ -26,6 +26,7 @@ var defaults = {
     AboutModal: true,
     APIKeyModal: true,
     Cascade: true,
+    Checklist: true,
     CreateModal: true,
     CreateFullPage: true,
     CreateFullPageStep: true,
@@ -121,7 +122,6 @@ var defaults = {
     /* new component flags here - comment used by generate CLI */
 
     // Novice to pro components not yet reviewed and released:
-    Checklist: false,
     EmptyStateV2: false,
     Guidebanner: false,
     GuidebannerElement: false,

package/lib/node_modules/@carbon/colors/es/index.js

@@ -9,8 +9,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var purple50 = '#a56eff';
 var purple70 = '#6929c4';
 var blue90 = '#001d6c';
+var gray20 = '#e0e0e0';
+var gray70 = '#525252';
 
 exports.blue90 = blue90;
+exports.gray20 = gray20;
+exports.gray70 = gray70;
+exports.purple50 = purple50;
 exports.purple70 = purple70;

package/lib/settings.d.ts

@@ -10,6 +10,7 @@ export const pkg: {
         AboutModal: boolean;
         APIKeyModal: boolean;
         Cascade: boolean;
+        Checklist: boolean;
         CreateModal: boolean;
         CreateFullPage: boolean;
         CreateFullPageStep: boolean;
@@ -98,7 +99,6 @@ export const pkg: {
         DescriptionListRow: boolean;
         SearchBar: boolean;
         UserAvatar: boolean;
-        Checklist: boolean;
         EmptyStateV2: boolean;
         Guidebanner: boolean;
         GuidebannerElement: boolean;