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

package/lib/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/lib/components/Tearsheet/TearsheetShell.js

@@ -52,10 +52,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);
 };
 
 /**
@@ -72,7 +72,7 @@ var TearsheetShell = /*#__PURE__*/React.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,
@@ -88,7 +88,7 @@ var TearsheetShell = /*#__PURE__*/React.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,
@@ -221,17 +221,17 @@ var TearsheetShell = /*#__PURE__*/React.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.createElement(react.unstable_FeatureFlags, {
+    return renderPortalUse(/*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
       enableExperimentalFocusWrapWithoutSentinels: true
     }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
       "aria-label": ariaLabel || getNodeTextContent.getNodeTextContent(title),
       className: cx(bc, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower'), "".concat(bc, "__container--mixed-size-stacking"), !_areAllSameSizeVariant())),
       onClose: onClose,

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

@@ -38,15 +38,19 @@ exports.Toolbar = /*#__PURE__*/React.forwardRef(function (_ref, r) {
     focus = _useState2[0],
     setFocus = _useState2[1];
   React.useEffect(function () {
-    var _getFocusableElements2;
-    focusableElements.current = getFocusableElements.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.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');
+      });
+    }
   });
   React.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 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
@@ -55,18 +59,22 @@ exports.Toolbar = /*#__PURE__*/React.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/lib/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/lib/components/Toolbar/ToolbarButton.js

@@ -21,19 +21,19 @@ var blockClass = "".concat(Toolbar.blockClass, "__button");
 exports.ToolbarButton = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var Icon = renderIcon;
   return /*#__PURE__*/React.createElement(react.IconButton, _rollupPluginBabelHelpers.extends({
-    align: (_useContext = React.useContext(Toolbar.ToolbarContext)) !== null && _useContext !== void 0 && _useContext.vertical ? 'right' : 'top'
+    align: (_useContext = React.useContext(Toolbar.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, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--caret"), caret)),
     kind: "ghost",

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

@@ -40,18 +40,18 @@ exports.TruncatedList = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var childrenArray = React.Children.toArray(children);
   // Exception handling: minimum number of items is 1.
@@ -88,13 +88,13 @@ exports.TruncatedList = /*#__PURE__*/React.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/lib/components/UserAvatar/UserAvatar.js

@@ -34,17 +34,17 @@ var componentName = 'UserAvatar';
 
 exports.UserAvatar = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = react.usePrefix();
   var iconSize = {
@@ -55,7 +55,7 @@ exports.UserAvatar = /*#__PURE__*/React.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/lib/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/lib/components/UserProfileImage/UserProfileImage.js

@@ -42,7 +42,7 @@ exports.UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = react.usePrefix();
   var icons$1 = {
@@ -88,7 +88,7 @@ exports.UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     // 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/lib/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/lib/components/WebTerminal/WebTerminal.js

@@ -16,8 +16,8 @@ var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var carbonMotion = require('@carbon/motion');
 var settings = require('../../settings.js');
-var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
 var index$1 = require('./hooks/index.js');
+var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
 var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
 
 var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen", "webTerminalAriaLabel"];
@@ -39,21 +39,21 @@ var defaults = {
  */
 exports.WebTerminal = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var localRef = React.useRef();
-  var webTerminalRef = ref !== null && ref !== void 0 ? ref : localRef;
+  var localRef = React.useRef(null);
+  var webTerminalRef = ref !== null && ref !== undefined ? ref : localRef;
   var _useWebTerminal = index$1.useWebTerminal(),
     open = _useWebTerminal.open,
     closeWebTerminal = _useWebTerminal.closeWebTerminal,
@@ -62,7 +62,7 @@ exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     shouldRender = _useState2[0],
     setRender = _useState2[1];
-  var shouldReduceMotion = usePrefersReducedMotion.default();
+  var shouldReduceMotion = usePrefersReducedMotion.usePrefersReducedMotion();
   var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit forwards', " ").concat(carbonMotion.moderate02);
   useIsomorphicEffect.useIsomorphicEffect(function () {
     var timeout = setTimeout(function () {
@@ -88,7 +88,7 @@ exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   */
   React.useEffect(function () {
     if (isInitiallyOpen) {
-      openWebTerminal === null || openWebTerminal === void 0 || openWebTerminal();
+      openWebTerminal === null || openWebTerminal === undefined || openWebTerminal();
     }
   }, []); // eslint-disable-line
 
@@ -108,7 +108,7 @@ exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (shouldReduceMotion) {
       setRender(false);
     }
-    closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
+    closeWebTerminal === null || closeWebTerminal === undefined || closeWebTerminal();
   };
   return shouldRender ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
     ref: webTerminalRef,

package/lib/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/lib/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/lib/global/js/hooks/useControllableState.js

@@ -35,10 +35,10 @@ var pconsole = require('../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 = React.useState(value !== null && value !== void 0 ? value : defaultValue),
+  var _useState = React.useState(value !== null && value !== undefined ? value : defaultValue),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     state = _useState2[0],
     internalSetState = _useState2[1];

package/lib/global/js/hooks/useCreateComponentFocus.js

@@ -26,7 +26,7 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
   React.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 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(elm) {
+      var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(elm) {
         return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -44,7 +44,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/lib/global/js/hooks/useCreateComponentStepChange.js

@@ -20,9 +20,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,
@@ -46,7 +46,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]);
@@ -61,7 +61,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]);
@@ -76,7 +76,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       onClose();
     };
     var handleOnRequestSubmit = /*#__PURE__*/function () {
-      var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
         return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -103,11 +103,11 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handlePrevious = /*#__PURE__*/function () {
-      var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
+      var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
         return _rollupPluginBabelHelpers.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;
@@ -139,7 +139,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handleNext = /*#__PURE__*/function () {
-      var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3() {
+      var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3() {
         return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -176,7 +176,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handleSubmit = /*#__PURE__*/function () {
-      var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee4() {
+      var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee4() {
         return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -217,13 +217,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,
@@ -241,13 +241,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({