@carbon/ibm-products 2.59.0-rc.0 → 2.60.0-rc.0

package/es/components/Tearsheet/Tearsheet.d.ts

@@ -4,10 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import { type ButtonProps } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface TearsheetAction extends ButtonProps<'button'> {
     label?: string;
 }
@@ -148,5 +146,5 @@ export declare const 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: PropTypes.Requireable<string>;
+    verticalPosition: any;
 };

package/es/components/Tearsheet/Tearsheet.js

@@ -40,9 +40,9 @@ var componentName = 'Tearsheet';
  */
 var Tearsheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$influencerPositi = _ref.influencerPosition,
-    influencerPosition = _ref$influencerPositi === void 0 ? 'left' : _ref$influencerPositi,
+    influencerPosition = _ref$influencerPositi === undefined ? 'left' : _ref$influencerPositi,
     _ref$influencerWidth = _ref.influencerWidth,
-    influencerWidth = _ref$influencerWidth === void 0 ? 'narrow' : _ref$influencerWidth,
+    influencerWidth = _ref$influencerWidth === undefined ? 'narrow' : _ref$influencerWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement(TearsheetShell, _objectSpread2(_objectSpread2(_objectSpread2({}, getDevtoolsProps(componentName)), rest), {}, {
     influencerPosition: influencerPosition,

package/es/components/Tearsheet/TearsheetNarrow.d.ts

@@ -4,10 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import { ButtonProps } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface TearsheetNarrowProps extends PropsWithChildren {
     /**
      * The navigation actions to be shown as buttons in the action area at the
@@ -113,5 +111,5 @@ export declare const 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: PropTypes.Requireable<string>;
+    verticalPosition: any;
 };

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -36,7 +36,7 @@ var defaults = {
 
 var TearsheetNarrow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$verticalPosition = _ref.verticalPosition,
-    verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+    verticalPosition = _ref$verticalPosition === undefined ? defaults.verticalPosition : _ref$verticalPosition,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement(TearsheetShell, _objectSpread2(_objectSpread2(_objectSpread2({}, getDevtoolsProps(componentName)), prepareProps(rest, tearsheetShellWideProps)), {}, {
     verticalPosition: verticalPosition,

package/es/components/Tearsheet/TearsheetShell.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode, RefObject } from 'react';
-import PropTypes from 'prop-types';
 import { TearsheetAction } from './Tearsheet';
 interface TearsheetShellProps extends PropsWithChildren {
     actions?: TearsheetAction[];
@@ -136,7 +135,7 @@ export declare const tearsheetHasCloseIcon: (actions: any, hasCloseIcon: any) =>
  * See the canvas tab for the component API details.
  * */
 export declare const TearsheetShell: React.ForwardRefExoticComponent<TearsheetShellProps & React.RefAttributes<HTMLDivElement>>;
-export declare const portalType: PropTypes.Requireable<object>;
+export declare const portalType: any;
 export declare const deprecatedProps: {
     /**
      *  @deprecated Property replaced by `decorator`
@@ -151,6 +150,6 @@ export declare const 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: PropTypes.Requireable<string>;
+    verticalPosition: any;
 };
 export {};

package/es/components/Tearsheet/TearsheetShell.js

@@ -12,7 +12,7 @@ import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
-import { getNodeTextContent } from '../../global/js/utils/getNodeTextContent.js';
+import { getNodeTextContent as _getNodeTextContent } from '../../global/js/utils/getNodeTextContent.js';
 import { deprecateProp } from '../../global/js/utils/props-helper.js';
 import { checkHeightOverflow } from '../../global/js/utils/checkForOverflow.js';
 import { Button, usePrefix, unstable_FeatureFlags, ComposedModal, ModalHeader, Layer, DefinitionTooltip } from '@carbon/react';
@@ -50,10 +50,10 @@ var stack = {
 // these props are only applicable when size='wide'
 var tearsheetShellWideProps = ['headerActions', 'influencer', 'influencerPosition', 'influencerWidth', 'navigation'];
 var tearsheetIsPassive = function tearsheetIsPassive(actions) {
-  return !actions || !(actions !== null && actions !== void 0 && actions.length);
+  return !actions || !(actions !== null && actions !== undefined && actions.length);
 };
 var tearsheetHasCloseIcon = function tearsheetHasCloseIcon(actions, hasCloseIcon) {
-  return hasCloseIcon !== null && hasCloseIcon !== void 0 ? hasCloseIcon : tearsheetIsPassive(actions);
+  return hasCloseIcon !== null && hasCloseIcon !== undefined ? hasCloseIcon : tearsheetIsPassive(actions);
 };
 
 /**
@@ -70,7 +70,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     children = _ref.children,
     className = _ref.className,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? 'Close' : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === undefined ? 'Close' : _ref$closeIconDescrip,
     currentStep = _ref.currentStep,
     description = _ref.description,
     hasCloseIcon = _ref.hasCloseIcon,
@@ -86,7 +86,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     portalTargetIn = _ref.portalTarget,
     selectorPrimaryFocus = _ref.selectorPrimaryFocus,
     _ref$selectorsFloatin = _ref.selectorsFloatingMenus,
-    selectorsFloatingMenus = _ref$selectorsFloatin === void 0 ? [] : _ref$selectorsFloatin,
+    selectorsFloatingMenus = _ref$selectorsFloatin === undefined ? [] : _ref$selectorsFloatin,
     size = _ref.size,
     deprecated_slug = _ref.slug,
     title = _ref.title,
@@ -219,17 +219,17 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     var includeHeader = label || title || description || headerActions || navigation || effectiveHasCloseIcon;
 
     // Include an ActionSet if and only if one or more actions is given.
-    var includeActions = actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
+    var includeActions = actions && (actions === null || actions === undefined ? undefined : actions.length) > 0;
     var _areAllSameSizeVariant = function _areAllSameSizeVariant() {
       return new Set(stack.sizes).size === 1;
     };
-    return renderPortalUse( /*#__PURE__*/React__default.createElement(unstable_FeatureFlags, {
+    return renderPortalUse(/*#__PURE__*/React__default.createElement(unstable_FeatureFlags, {
       enableExperimentalFocusWrapWithoutSentinels: true
     }, /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
-      "aria-label": ariaLabel || getNodeTextContent(title),
+      "aria-label": ariaLabel || _getNodeTextContent(title),
       className: cx(bc, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(bc, "--stacked-").concat(position, "-of-").concat(depth),
       // Don't apply this on the initial open of a single tearsheet.
-      depth > 1 || depth === 1 && ((_prevDepth$current = prevDepth === null || prevDepth === void 0 ? void 0 : prevDepth.current) !== null && _prevDepth$current !== void 0 ? _prevDepth$current : 0) > 1), "".concat(bc, "--wide"), wide), "".concat(bc, "--narrow"), !wide), "".concat(bc, "--has-slug"), deprecated_slug), "".concat(bc, "--has-ai-label"), !!decorator && ((_decorator$type = decorator['type']) === null || _decorator$type === void 0 ? void 0 : _decorator$type.displayName) === 'AILabel'), "".concat(bc, "--has-decorator"), !!decorator && ((_decorator$type2 = decorator['type']) === null || _decorator$type2 === void 0 ? void 0 : _decorator$type2.displayName) !== 'AILabel'), "".concat(bc, "--has-close"), effectiveHasCloseIcon)),
+      depth > 1 || depth === 1 && ((_prevDepth$current = prevDepth === null || prevDepth === undefined ? undefined : prevDepth.current) !== null && _prevDepth$current !== undefined ? _prevDepth$current : 0) > 1), "".concat(bc, "--wide"), wide), "".concat(bc, "--narrow"), !wide), "".concat(bc, "--has-slug"), deprecated_slug), "".concat(bc, "--has-ai-label"), !!decorator && ((_decorator$type = decorator['type']) === null || _decorator$type === undefined ? undefined : _decorator$type.displayName) === 'AILabel'), "".concat(bc, "--has-decorator"), !!decorator && ((_decorator$type2 = decorator['type']) === null || _decorator$type2 === undefined ? undefined : _decorator$type2.displayName) !== 'AILabel'), "".concat(bc, "--has-close"), effectiveHasCloseIcon)),
       decorator: decorator || deprecated_slug,
       containerClassName: cx("".concat(bc, "__container"), _defineProperty(_defineProperty({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower'), "".concat(bc, "__container--mixed-size-stacking"), !_areAllSameSizeVariant())),
       onClose: onClose,

package/es/components/Toolbar/Toolbar.d.ts

@@ -18,7 +18,7 @@ interface ToolbarContextType {
 declare const ToolbarContext: React.Context<ToolbarContextType>;
 /** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
 declare let Toolbar: React.ForwardRefExoticComponent<ToolbarProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const componentName = "Toolbar";
 export { blockClass, componentName, Toolbar, ToolbarContext };

package/es/components/Toolbar/Toolbar.js

@@ -36,15 +36,19 @@ var Toolbar = /*#__PURE__*/forwardRef(function (_ref, r) {
     focus = _useState2[0],
     setFocus = _useState2[1];
   useEffect(function () {
-    var _getFocusableElements2;
-    focusableElements.current = getFocusableElements(ref === null || ref === void 0 ? void 0 : ref['current']);
-    focus !== -1 && ((_getFocusableElements2 = getFocusableElements$1()) === null || _getFocusableElements2 === void 0 ? void 0 : _getFocusableElements2.forEach(function (element, index) {
-      element[index !== focus ? 'setAttribute' : 'removeAttribute']('tabindex', '-1');
-    }));
+    focusableElements.current = getFocusableElements(ref === null || ref === undefined ? undefined : ref['current']);
+    if (focus !== -1) {
+      var _getFocusableElements2;
+      (_getFocusableElements2 = getFocusableElements$1()) === null || _getFocusableElements2 === undefined || _getFocusableElements2.forEach(function (element, index) {
+        element[index !== focus ? 'setAttribute' : 'removeAttribute']('tabindex', '-1');
+      });
+    }
   });
   useEffect(function () {
-    var _getFocusableElements3;
-    focus !== -1 && ((_getFocusableElements3 = getFocusableElements$1()) === null || _getFocusableElements3 === void 0 ? void 0 : _getFocusableElements3[focus].focus());
+    if (focus !== -1) {
+      var _getFocusableElements3;
+      (_getFocusableElements3 = getFocusableElements$1()) === null || _getFocusableElements3 === undefined || _getFocusableElements3[focus].focus();
+    }
   }, [focus, getFocusableElements$1]);
   var _ref2 = !vertical ? ['ArrowRight', 'ArrowLeft'] : ['ArrowDown', 'ArrowUp'],
     _ref3 = _slicedToArray(_ref2, 2),
@@ -53,18 +57,22 @@ var Toolbar = /*#__PURE__*/forwardRef(function (_ref, r) {
   function onArrowDown(increment) {
     var _getFocusableElements4;
     var nextFocus = focus + increment;
-    ((_getFocusableElements4 = getFocusableElements$1()) === null || _getFocusableElements4 === void 0 ? void 0 : _getFocusableElements4[nextFocus]) && setFocus(nextFocus);
+    if ((_getFocusableElements4 = getFocusableElements$1()) !== null && _getFocusableElements4 !== undefined && _getFocusableElements4[nextFocus]) {
+      setFocus(nextFocus);
+    }
   }
   function onFocus(_ref4) {
     var target = _ref4.target;
     var elements = getFocusableElements$1();
-    (elements === null || elements === void 0 ? void 0 : elements.includes(target)) && setFocus(elements.indexOf(target));
+    if (elements !== null && elements !== undefined && elements.includes(target)) {
+      setFocus(elements.indexOf(target));
+    }
   }
   function onKeyDown(_ref5) {
     var _getFocusableElements5;
     var key = _ref5.key,
       target = _ref5.target;
-    if ((_getFocusableElements5 = getFocusableElements$1()) !== null && _getFocusableElements5 !== void 0 && _getFocusableElements5.includes(target)) {
+    if ((_getFocusableElements5 = getFocusableElements$1()) !== null && _getFocusableElements5 !== undefined && _getFocusableElements5.includes(target)) {
       switch (key) {
         case arrowNext:
           onArrowDown(1);

package/es/components/Toolbar/ToolbarButton.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React from 'react';
 import { IconButton } from '@carbon/react';
 export declare const blockClass: string;
@@ -24,12 +23,12 @@ export interface ToolbarButtonProps extends React.ComponentProps<typeof IconButt
 }
 /** Toolbar buttons are common functions performed as part of a products interface or an open window.  */
 export declare let ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<unknown>>;
 export declare const deprecatedProps: {
     /**
      * **Deprecated**
      * Specifies the label for the icon button
      *  */
-    iconDescription: import("prop-types").Requireable<string>;
+    iconDescription: any;
 };

package/es/components/Toolbar/ToolbarButton.js

@@ -19,19 +19,19 @@ var blockClass = "".concat(blockClass$1, "__button");
 var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useContext;
   var _ref$caret = _ref.caret,
-    caret = _ref$caret === void 0 ? false : _ref$caret,
+    caret = _ref$caret === undefined ? false : _ref$caret,
     children = _ref.children,
     className = _ref.className,
     renderIcon = _ref.renderIcon,
     _ref$iconDescription = _ref.iconDescription,
-    deprecated_iconDescription = _ref$iconDescription === void 0 ? '' : _ref$iconDescription,
+    deprecated_iconDescription = _ref$iconDescription === undefined ? '' : _ref$iconDescription,
     label = _ref.label,
     rest = _objectWithoutProperties(_ref, _excluded);
   var Icon = renderIcon;
   return /*#__PURE__*/React__default.createElement(IconButton, _extends({
-    align: (_useContext = useContext(ToolbarContext)) !== null && _useContext !== void 0 && _useContext.vertical ? 'right' : 'top'
+    align: (_useContext = useContext(ToolbarContext)) !== null && _useContext !== undefined && _useContext.vertical ? 'right' : 'top'
   }, rest, {
-    label: label !== null && label !== void 0 ? label : deprecated_iconDescription,
+    label: label !== null && label !== undefined ? label : deprecated_iconDescription,
     ref: ref,
     className: cx(className, _defineProperty({}, "".concat(blockClass, "--caret"), caret)),
     kind: "ghost",

package/es/components/Toolbar/ToolbarGroup.d.ts

@@ -13,5 +13,5 @@ export interface ToolbarGroupProps {
 }
 /** Toolbar groups organize the commands within a toolbar into related groups. */
 export declare let ToolbarGroup: React.ForwardRefExoticComponent<ToolbarGroupProps & {
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/es/components/TruncatedList/TruncatedList.js

@@ -38,18 +38,18 @@ var TruncatedList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   var children = _ref.children,
     className = _ref.className,
     _ref$as = _ref.as,
-    List = _ref$as === void 0 ? defaults.as : _ref$as,
+    List = _ref$as === undefined ? defaults.as : _ref$as,
     buttonClassName = _ref.buttonClassName,
     _ref$collapsedItemsLi = _ref.collapsedItemsLimit,
-    collapsedItemsLimit = _ref$collapsedItemsLi === void 0 ? defaults.collapsedItemsLimit : _ref$collapsedItemsLi,
+    collapsedItemsLimit = _ref$collapsedItemsLi === undefined ? defaults.collapsedItemsLimit : _ref$collapsedItemsLi,
     _ref$expandedItemsLim = _ref.expandedItemsLimit,
-    expandedItemsLimit = _ref$expandedItemsLim === void 0 ? defaults.expandedItemsLimit : _ref$expandedItemsLim,
+    expandedItemsLimit = _ref$expandedItemsLim === undefined ? defaults.expandedItemsLimit : _ref$expandedItemsLim,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? defaults.onClick : _ref$onClick,
+    onClick = _ref$onClick === undefined ? defaults.onClick : _ref$onClick,
     _ref$viewLessLabel = _ref.viewLessLabel,
-    viewLessLabel = _ref$viewLessLabel === void 0 ? defaults.viewLessLabel : _ref$viewLessLabel,
+    viewLessLabel = _ref$viewLessLabel === undefined ? defaults.viewLessLabel : _ref$viewLessLabel,
     _ref$viewMoreLabel = _ref.viewMoreLabel,
-    viewMoreLabel = _ref$viewMoreLabel === void 0 ? defaults.viewMoreLabel : _ref$viewMoreLabel,
+    viewMoreLabel = _ref$viewMoreLabel === undefined ? defaults.viewMoreLabel : _ref$viewMoreLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
   var childrenArray = Children.toArray(children);
   // Exception handling: minimum number of items is 1.
@@ -86,13 +86,13 @@ var TruncatedList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     if (listRef && childrenArray.length > 0) {
       var _listRef$current;
       var numItemsToShow = isCollapsed ? minItems : maxItems;
-      var items = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.childNodes;
+      var items = (_listRef$current = listRef.current) === null || _listRef$current === undefined ? undefined : _listRef$current.childNodes;
       var _listHeight = 0;
       for (var index = 0; index < numItemsToShow; index++) {
         if (items && items[index]) {
           var _window;
           var itemElement = items[index];
-          var height = ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(itemElement)) === null || _window === void 0 ? void 0 : _window.height) || '16';
+          var height = ((_window = window) === null || _window === undefined || (_window = _window.getComputedStyle(itemElement)) === null || _window === undefined ? undefined : _window.height) || '16';
           _listHeight += parseInt(height);
         }
       }

package/es/components/UserAvatar/UserAvatar.js

@@ -32,17 +32,17 @@ var componentName = 'UserAvatar';
 
 var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? 'order-1-cyan' : _ref$backgroundColor,
+    backgroundColor = _ref$backgroundColor === undefined ? 'order-1-cyan' : _ref$backgroundColor,
     className = _ref.className,
     image = _ref.image,
     imageDescription = _ref.imageDescription,
     name = _ref.name,
     RenderIcon = _ref.renderIcon,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
+    size = _ref$size === undefined ? 'md' : _ref$size,
     tooltipText = _ref.tooltipText,
     _ref$tooltipAlignment = _ref.tooltipAlignment,
-    tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
+    tooltipAlignment = _ref$tooltipAlignment === undefined ? 'bottom' : _ref$tooltipAlignment,
     rest = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
   var iconSize = {
@@ -53,7 +53,7 @@ var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   };
   var formatInitials = function formatInitials() {
     var _ref2;
-    var parts = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
+    var parts = (name === null || name === undefined ? undefined : name.split(' ')) || [];
     var firstChar = parts[0].charAt(0).toUpperCase();
     var secondChar = parts[0].charAt(1).toUpperCase();
     if (parts.length === 1) {

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

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import '../../global/js/utils/props-helper';
 import { PopoverAlignment } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';

package/es/components/UserProfileImage/UserProfileImage.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../global/js/utils/props-helper.js';
-import { User, Group } from '@carbon/react/icons';
+import { Group, User } from '@carbon/react/icons';
 import { usePrefix, Tooltip } from '@carbon/react';
 import PropTypes from '../../_virtual/index.js';
 import React__default from 'react';
@@ -40,7 +40,7 @@ var UserProfileImage = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     theme = _ref.theme,
     tooltipText = _ref.tooltipText,
     _ref$tooltipAlignment = _ref.tooltipAlignment,
-    tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
+    tooltipAlignment = _ref$tooltipAlignment === undefined ? 'bottom' : _ref$tooltipAlignment,
     rest = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
   var icons = {
@@ -86,7 +86,7 @@ var UserProfileImage = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     }
     // RegEx takes in the display name and returns the first and last initials. Thomas Watson and Thomas J. Watson
     // both return JW.
-    return ((_match = (initials || '').match(/(^\S\S?|\b\S)?/g)) === null || _match === void 0 || (_match = _match.join('').match(/(^\S|\S$)?/g)) === null || _match === void 0 ? void 0 : _match.join('').toUpperCase()) || '';
+    return ((_match = (initials || '').match(/(^\S\S?|\b\S)?/g)) === null || _match === undefined || (_match = _match.join('').match(/(^\S|\S$)?/g)) === null || _match === undefined ? undefined : _match.join('').toUpperCase()) || '';
   };
   var getFillItem = function getFillItem() {
     if (image) {

package/es/components/WebTerminal/WebTerminal.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import { OverflowMenuItem } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
 interface Action {

package/es/components/WebTerminal/WebTerminal.js

@@ -14,8 +14,8 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { moderate02 } from '@carbon/motion';
 import { pkg } from '../../settings.js';
-import usePrefersReducedMotion from '../../global/js/hooks/usePrefersReducedMotion.js';
 import { useWebTerminal } from './hooks/index.js';
+import { usePrefersReducedMotion } from '../../global/js/hooks/usePrefersReducedMotion.js';
 import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
 var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen", "webTerminalAriaLabel"];
@@ -37,21 +37,21 @@ var defaults = {
  */
 var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
+    actions = _ref$actions === undefined ? defaults.actions : _ref$actions,
     children = _ref.children,
     className = _ref.className,
     closeIconDescription = _ref.closeIconDescription,
     _ref$documentationLin = _ref.documentationLinks,
-    documentationLinks = _ref$documentationLin === void 0 ? defaults.documentationLinks : _ref$documentationLin,
+    documentationLinks = _ref$documentationLin === undefined ? defaults.documentationLinks : _ref$documentationLin,
     _ref$documentationLin2 = _ref.documentationLinksIconDescription,
-    documentationLinksIconDescription = _ref$documentationLin2 === void 0 ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
+    documentationLinksIconDescription = _ref$documentationLin2 === undefined ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
     _ref$isInitiallyOpen = _ref.isInitiallyOpen,
-    isInitiallyOpen = _ref$isInitiallyOpen === void 0 ? defaults.isInitiallyOpen : _ref$isInitiallyOpen,
+    isInitiallyOpen = _ref$isInitiallyOpen === undefined ? defaults.isInitiallyOpen : _ref$isInitiallyOpen,
     _ref$webTerminalAriaL = _ref.webTerminalAriaLabel,
-    webTerminalAriaLabel = _ref$webTerminalAriaL === void 0 ? defaults.webTerminalAriaLabel : _ref$webTerminalAriaL,
+    webTerminalAriaLabel = _ref$webTerminalAriaL === undefined ? defaults.webTerminalAriaLabel : _ref$webTerminalAriaL,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var localRef = useRef();
-  var webTerminalRef = ref !== null && ref !== void 0 ? ref : localRef;
+  var localRef = useRef(null);
+  var webTerminalRef = ref !== null && ref !== undefined ? ref : localRef;
   var _useWebTerminal = useWebTerminal(),
     open = _useWebTerminal.open,
     closeWebTerminal = _useWebTerminal.closeWebTerminal,
@@ -86,7 +86,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   */
   useEffect(function () {
     if (isInitiallyOpen) {
-      openWebTerminal === null || openWebTerminal === void 0 || openWebTerminal();
+      openWebTerminal === null || openWebTerminal === undefined || openWebTerminal();
     }
   }, []); // eslint-disable-line
 
@@ -106,7 +106,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     if (shouldReduceMotion) {
       setRender(false);
     }
-    closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
+    closeWebTerminal === null || closeWebTerminal === undefined || closeWebTerminal();
   };
   return shouldRender ? /*#__PURE__*/React__default.createElement("div", _extends({}, _objectSpread2(_objectSpread2({}, rest), getDevtoolsProps(componentName)), {
     ref: webTerminalRef,

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

@@ -6,7 +6,7 @@
  */
 
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useCallback, useContext, createContext } from 'react';
+import React__default, { useState, useCallback, createContext, useContext } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import { pkg } from '../../../settings.js';
 

package/es/components/_Canary/Canary.d.ts

@@ -5,9 +5,8 @@ export function Canary({ className, componentName, ...rest }: {
 }): React.JSX.Element;
 export namespace Canary {
     namespace propTypes {
-        let className: PropTypes.Requireable<string>;
-        let componentName: PropTypes.Validator<string>;
+        let className: any;
+        let componentName: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

package/es/global/js/hooks/index.d.ts

@@ -11,4 +11,6 @@ export { useControllableState } from "./useControllableState";
 export { usePrefix } from "./usePrefix";
 export { useFocus } from "./useFocus";
 export { useIsomorphicEffect } from "./useIsomorphicEffect";
+export { usePresence } from "./usePresence";
+export { usePrefersReducedMotion } from "./usePrefersReducedMotion";
 export { useNearestScroll, useWindowScroll } from "./useWindowScroll";

package/es/global/js/hooks/useControllableState.js

@@ -33,10 +33,10 @@ import pconsole from '../utils/pconsole.js';
 function useControllableState(_ref) {
   var defaultValue = _ref.defaultValue,
     _ref$name = _ref.name,
-    name = _ref$name === void 0 ? 'custom' : _ref$name,
+    name = _ref$name === undefined ? 'custom' : _ref$name,
     onChange = _ref.onChange,
     value = _ref.value;
-  var _useState = useState(value !== null && value !== void 0 ? value : defaultValue),
+  var _useState = useState(value !== null && value !== undefined ? value : defaultValue),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     internalSetState = _useState2[1];

package/es/global/js/hooks/useCreateComponentFocus.js

@@ -24,7 +24,7 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
   useEffect(function () {
     // because of how handleStackChange.claimFocus in TearsheetShell works a timeout is required to focus on specific elements
     var awaitFocus = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(elm) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(elm) {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -42,7 +42,7 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
         return _ref2.apply(this, arguments);
       };
     }();
-    if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
+    if ((previousState === null || previousState === undefined ? undefined : previousState.currentStep) !== currentStep && currentStep > 0) {
       if (firstFocusElement) {
         var elm = document.querySelector(firstFocusElement);
         if (elm) {

package/es/global/js/hooks/useCreateComponentStepChange.js

@@ -18,9 +18,9 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
     setCurrentStep = _ref.setCurrentStep,
     setIsSubmitting = _ref.setIsSubmitting,
     _ref$setLoadingPrevio = _ref.setLoadingPrevious,
-    setLoadingPrevious = _ref$setLoadingPrevio === void 0 ? null : _ref$setLoadingPrevio,
+    setLoadingPrevious = _ref$setLoadingPrevio === undefined ? null : _ref$setLoadingPrevio,
     _ref$loadingPrevious = _ref.loadingPrevious,
-    loadingPrevious = _ref$loadingPrevious === void 0 ? false : _ref$loadingPrevious,
+    loadingPrevious = _ref$loadingPrevious === undefined ? false : _ref$loadingPrevious,
     onClose = _ref.onClose,
     onRequestSubmit = _ref.onRequestSubmit,
     componentName = _ref.componentName,
@@ -44,7 +44,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       do {
         var _stepData;
         prev++;
-      } while (!((_stepData = stepData[prev - 1]) !== null && _stepData !== void 0 && _stepData.shouldIncludeStep));
+      } while (!((_stepData = stepData[prev - 1]) !== null && _stepData !== undefined && _stepData.shouldIncludeStep));
       return prev;
     });
   }, [setCurrentStep, setIsSubmitting, stepData]);
@@ -59,7 +59,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       do {
         var _stepData2;
         prev--;
-      } while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== void 0 && _stepData2.shouldIncludeStep));
+      } while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== undefined && _stepData2.shouldIncludeStep));
       return prev;
     });
   }, [setCurrentStep, stepData, setLoadingPrevious, componentName]);
@@ -74,7 +74,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       onClose();
     };
     var handleOnRequestSubmit = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -101,11 +101,11 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handlePrevious = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              setLoadingPrevious === null || setLoadingPrevious === void 0 || setLoadingPrevious(true);
+              setLoadingPrevious === null || setLoadingPrevious === undefined || setLoadingPrevious(true);
               if (!(typeof onPrevious === 'function')) {
                 _context2.next = 13;
                 break;
@@ -137,7 +137,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handleNext = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -174,7 +174,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handleSubmit = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -215,13 +215,13 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handleExperimentalSecondarySubmit = function handleExperimentalSecondarySubmit() {
-      if (typeof (experimentalSecondarySubmit === null || experimentalSecondarySubmit === void 0 ? void 0 : experimentalSecondarySubmit.onClick) === 'function') {
+      if (typeof (experimentalSecondarySubmit === null || experimentalSecondarySubmit === undefined ? undefined : experimentalSecondarySubmit.onClick) === 'function') {
         experimentalSecondarySubmit.onClick();
       }
     };
-    if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 0) {
+    if ((stepData === null || stepData === undefined ? undefined : stepData.length) > 0) {
       var buttons = [];
-      if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 1) {
+      if ((stepData === null || stepData === undefined ? undefined : stepData.length) > 1) {
         buttons.push({
           key: 'create-action-button-back',
           label: backButtonText,
@@ -239,13 +239,13 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
         } : onUnmount,
         kind: 'ghost'
       });
-      if (experimentalSecondarySubmitText && !(experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== void 0 && experimentalSecondarySubmit.hideSecondarySubmit)) {
+      if (experimentalSecondarySubmitText && !(experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== undefined && experimentalSecondarySubmit.hideSecondarySubmit)) {
         buttons.push({
           key: 'create-action-button-experimentalSecondarySubmit',
           label: experimentalSecondarySubmitText,
           onClick: handleExperimentalSecondarySubmit,
           kind: 'secondary',
-          disabled: experimentalSecondarySubmit === null || experimentalSecondarySubmit === void 0 ? void 0 : experimentalSecondarySubmit.disabled
+          disabled: experimentalSecondarySubmit === null || experimentalSecondarySubmit === undefined ? undefined : experimentalSecondarySubmit.disabled
         });
       }
       buttons.push({