@carbon/react 1.21.0-rc.0 → 1.22.0-rc.0

package/es/components/ListBox/ListBoxSelection.js

@@ -10,18 +10,18 @@ import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
-import { Enter } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Enter } from '../../internal/keyboard/keys.js';
 
 var _Close, _Close2, _defaultTranslations;
+
 /**
  * `ListBoxSelection` is used to provide controls for clearing a selection, in
  * addition to conditionally rendering a badge if the control has more than one
  * selection.
  */
-
-function ListBoxSelection(_ref) {
+var ListBoxSelection = function ListBoxSelection(_ref) {
   var _cx;
 
   var clearSelection = _ref.clearSelection,
@@ -55,7 +55,7 @@ function ListBoxSelection(_ref) {
     } // When a user hits ENTER, we'll clear the selection
 
 
-    if (match(event, Enter)) {
+    if (match(event.code, Enter)) {
       clearSelection(event);
 
       if (onClearSelection) {
@@ -70,14 +70,13 @@ function ListBoxSelection(_ref) {
     className: tagClasses
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--tag__label"),
-    title: selectionCount
+    title: "".concat(selectionCount)
   }, selectionCount), /*#__PURE__*/React__default.createElement("div", {
     role: "button",
     tabIndex: disabled ? -1 : 0,
     className: "".concat(prefix, "--tag__close-icon"),
     onClick: handleOnClick,
     onKeyDown: handleOnKeyDown,
-    disabled: disabled,
     "aria-label": t('clear.all'),
     title: description,
     "aria-disabled": readOnly ? true : undefined
@@ -90,7 +89,7 @@ function ListBoxSelection(_ref) {
     "aria-label": description,
     title: description
   }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));
-}
+};
 
 var translationIds = {
   'clear.all': 'clear.all',
@@ -115,18 +114,6 @@ ListBoxSelection.propTypes = {
    */
   onClearSelection: PropTypes.func,
 
-  /**
-   * Specify an optional `onClick` handler that is called when the underlying
-   * clear selection element is clicked
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * Specify an optional `onKeyDown` handler that is called when the underlying
-   * clear selection element fires a keydown event
-   */
-  onKeyDown: PropTypes.func,
-
   /**
    * Whether or not the Dropdown is readonly
    */

package/es/components/ListBox/index.js

@@ -5,17 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './ListBoxPropTypes.js';
-import ListBox from './ListBox.js';
-export { default } from './ListBox.js';
+export { ListBoxSize, ListBoxType } from './ListBoxPropTypes.js';
+import ListBox$1 from './ListBox.js';
 import ListBoxField from './ListBoxField.js';
 import ListBoxMenu from './ListBoxMenu.js';
 import ListBoxMenuIcon from './ListBoxMenuIcon.js';
 import ListBoxMenuItem from './ListBoxMenuItem.js';
 import ListBoxSelection from './ListBoxSelection.js';
 
-ListBox.Field = ListBoxField;
-ListBox.Menu = ListBoxMenu;
-ListBox.MenuIcon = ListBoxMenuIcon;
-ListBox.MenuItem = ListBoxMenuItem;
-ListBox.Selection = ListBoxSelection;
+var ListBox = Object.assign(ListBox$1, {
+  Field: ListBoxField,
+  Menu: ListBoxMenu,
+  MenuIcon: ListBoxMenuIcon,
+  MenuItem: ListBoxMenuItem,
+  Selection: ListBoxSelection
+});
+
+export { ListBox as default };

package/es/components/ListBox/next/ListBoxSelection.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
-import { Enter } from '../../../internal/keyboard/keys.js';
-import { match } from '../../../internal/keyboard/match.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
+import { match } from '../../../internal/keyboard/match.js';
+import { Enter } from '../../../internal/keyboard/keys.js';
 
 var _Close, _Close2, _defaultTranslations;
 

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -63,5 +63,6 @@ ListBoxTrigger.defaultProps = {
     return defaultTranslations[id];
   }
 };
+var ListBoxTrigger$1 = ListBoxTrigger;
 
-export { ListBoxTrigger as default, translationIds };
+export { ListBoxTrigger$1 as default, translationIds };

package/es/components/ListItem/ListItem.js

@@ -36,5 +36,6 @@ ListItem.propTypes = {
    */
   className: PropTypes.string
 };
+var ListItem$1 = ListItem;
 
-export { ListItem as default };
+export { ListItem$1 as default };

package/es/components/Menu/Menu.js

@@ -10,14 +10,14 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import { Tab, Enter, Space, Escape, ArrowLeft, ArrowUp, ArrowDown } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { getParentMenu, getNextNode, getParentNode, getValidNodes, clickedElementHasSubnodes, getPosition, capWithinRange, resetFocus, focusNode } from './_utils.js';
 import MenuGroup from './MenuGroup.js';
 import MenuRadioGroup from './MenuRadioGroup.js';
 import MenuRadioGroupOptions from './MenuRadioGroupOptions.js';
 import MenuSelectableItem from './MenuSelectableItem.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Tab, Enter, Space, Escape, ArrowLeft, ArrowUp, ArrowDown } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["children", "className", "id", "level", "open", "size", "target", "x", "y", "onClose"];
 var margin = 16; // distance to keep to body edges, in px
@@ -323,5 +323,6 @@ Menu.propTypes = {
    */
   y: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])
 };
+var Menu$1 = Menu;
 
-export { Menu as default };
+export { Menu$1 as default };

package/es/components/Menu/MenuOption.js

@@ -10,11 +10,11 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { CaretRight } from '@carbon/icons-react';
-import { ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { getFirstSubNode, focusNode, clickedElementHasSubnodes, getParentMenu } from './_utils.js';
 import Menu from './Menu.js';
+import { match } from '../../internal/keyboard/match.js';
+import { ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CaretRight;
 

package/es/components/Modal/Modal.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useEffect } from 'react';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import toggleClass from '../../tools/toggleClass.js';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import ButtonSet from '../ButtonSet/ButtonSet.js';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy.js';
 import wrapFocus, { elementOrParentIsFloatingMenu } from '../../internal/wrapFocus.js';
@@ -271,5 +270,6 @@ Modal.defaultProps = {
   selectorPrimaryFocus: '[data-modal-primary-focus]',
   hasScrollingContent: false
 };
+var Modal$1 = Modal;
 
-export { Modal as default };
+export { Modal$1 as default };

package/es/components/ModalWrapper/ModalWrapper.js

@@ -10,7 +10,6 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import Modal from '../Modal/Modal.js';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import { ButtonKinds } from '../../prop-types/types.js';
 import { warning } from '../../internal/warning.js';
 

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import cx from 'classnames';
 import Downshift from 'downshift';
@@ -14,11 +14,7 @@ import PropTypes from 'prop-types';
 import React__default, { useContext, useState, useRef } from 'react';
 import { defaultFilterItems } from '../ComboBox/tools/filter.js';
 import { sortingPropTypes } from './MultiSelectPropTypes.js';
-import '../ListBox/index.js';
-import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
-import ListBoxTrigger from '../ListBox/next/ListBoxTrigger.js';
-import { Space, Tab } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
+import ListBox from '../ListBox/index.js';
 import Selection from '../../internal/Selection.js';
 import { defaultItemToString } from './tools/itemToString.js';
 import mergeRefs from '../../tools/mergeRefs.js';
@@ -29,8 +25,11 @@ import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
+import { match } from '../../internal/keyboard/match.js';
+import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
+import ListBoxTrigger from '../ListBox/next/ListBoxTrigger.js';
 import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
-import ListBox from '../ListBox/ListBox.js';
+import { Space, Tab } from '../../internal/keyboard/keys.js';
 
 var FilterableMultiSelect = /*#__PURE__*/React__default.forwardRef(function FilterableMultiSelect(_ref, ref) {
   var _cx, _cx2, _cx3, _cx4;
@@ -564,5 +563,6 @@ FilterableMultiSelect.defaultProps = {
   open: false,
   selectionFeedback: 'top-after-reopen'
 };
+var FilterableMultiSelect$1 = FilterableMultiSelect;
 
-export { FilterableMultiSelect as default };
+export { FilterableMultiSelect$1 as default };

package/es/components/MultiSelect/MultiSelect.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import cx from 'classnames';
 import Downshift, { useSelect } from 'downshift';
 import isEqual from 'lodash.isequal';
 import PropTypes from 'prop-types';
 import React__default, { useContext, useRef, useState } from 'react';
-import '../ListBox/index.js';
+import ListBox from '../ListBox/index.js';
 import { sortingPropTypes } from './MultiSelectPropTypes.js';
 import { defaultItemToString } from './tools/itemToString.js';
 import { defaultCompareItems, defaultSortItems } from './tools/sorting.js';
@@ -20,14 +20,13 @@ import { useSelection } from '../../internal/Selection.js';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import deprecate from '../../prop-types/deprecate.js';
-import { Delete } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
+import { match } from '../../internal/keyboard/match.js';
 import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
-import ListBox from '../ListBox/ListBox.js';
+import { Delete } from '../../internal/keyboard/keys.js';
 
 var noop = function noop() {};
 
@@ -502,5 +501,6 @@ MultiSelect.defaultProps = {
   clearSelectionDescription: 'Total items selected: ',
   selectedItems: null
 };
+var MultiSelect$1 = MultiSelect;
 
-export { MultiSelect as default };
+export { MultiSelect$1 as default };

package/es/components/Notification/Notification.js

@@ -5,19 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useState, useRef, useEffect } from 'react';
 import cx from 'classnames';
-import { Close, ErrorFilled, CheckmarkFilled, WarningFilled, WarningAltFilled, InformationFilled, InformationSquareFilled } from '@carbon/icons-react';
+import { Close, WarningAltFilled, InformationFilled, InformationSquareFilled, ErrorFilled, CheckmarkFilled, WarningFilled } from '@carbon/icons-react';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useNoInteractiveChildren } from '../../internal/useNoInteractiveChildren.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 var _iconTypes;
 

package/es/components/OrderedList/OrderedList.js

@@ -61,5 +61,6 @@ OrderedList.defaultProps = {
   native: false,
   isExpressive: false
 };
+var OrderedList$1 = OrderedList;
 
-export { OrderedList as default };
+export { OrderedList$1 as default };

package/es/components/OverflowMenu/OverflowMenu.js

@@ -13,12 +13,12 @@ import cx from 'classnames';
 import ClickListener from '../../internal/ClickListener.js';
 import FloatingMenu, { DIRECTION_TOP, DIRECTION_BOTTOM } from '../../internal/FloatingMenu.js';
 import { OverflowMenuVertical } from '@carbon/icons-react';
-import { ArrowDown, ArrowUp, ArrowRight, ArrowLeft, Escape } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 import deprecate from '../../prop-types/deprecate.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { ArrowDown, ArrowUp, ArrowRight, ArrowLeft, Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["id", "ariaLabel", "children", "iconDescription", "direction", "flipped", "focusTrap", "menuOffset", "menuOffsetFlip", "iconClass", "onClick", "onOpen", "selectorPrimaryFocus", "renderIcon", "innerRef", "menuOptionsClass", "light", "size"];
 
@@ -266,6 +266,17 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         onClose();
       }
     }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // ensure that if open=true on first render, we wait
+      // to render the floating menu until the trigger ref is not null
+      if (this._triggerRef.current) {
+        this.setState({
+          hasMountedTrigger: true
+        });
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -356,7 +367,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         "aria-label": ariaLabel,
         id: id,
         ref: mergeRefs(this._triggerRef, ref)
-      }), /*#__PURE__*/React__default.createElement(IconElement, iconProps), open && wrappedMenuBody));
+      }), /*#__PURE__*/React__default.createElement(IconElement, iconProps), open && this.state.hasMountedTrigger && wrappedMenuBody));
     }
   }], [{
     key: "getDerivedStateFromProps",

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -9,10 +9,10 @@ import { objectWithoutProperties as _objectWithoutProperties, defineProperty as
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import { ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { warning } from '../../internal/warning.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { match } from '../../internal/keyboard/match.js';
+import { ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["className", "closeMenu", "disabled", "handleOverflowMenuItemFocus", "hasDivider", "href", "isDelete", "index", "itemText", "onClick", "onKeyDown", "requireTitle", "title", "wrapperClassName"];
 var OverflowMenuItem = /*#__PURE__*/React__default.forwardRef(function OverflowMenuItem(_ref, ref) {
@@ -170,5 +170,6 @@ OverflowMenuItem.propTypes = {
    */
   wrapperClassName: PropTypes.string
 };
+var OverflowMenuItem$1 = OverflowMenuItem;
 
-export { OverflowMenuItem as default };
+export { OverflowMenuItem$1 as default };

package/es/components/OverflowMenuV2/index.js

@@ -12,10 +12,10 @@ import cx from 'classnames';
 import { OverflowMenuVertical } from '@carbon/icons-react';
 import { useId } from '../../internal/useId.js';
 import '../Menu/index.js';
-import { ArrowUp, ArrowRight, ArrowDown, ArrowLeft } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import Menu from '../Menu/Menu.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { ArrowUp, ArrowRight, ArrowDown, ArrowLeft } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["children", "className", "renderIcon", "size"];
 var defaultSize = 'md';

package/es/components/Pagination/Pagination.js

@@ -11,7 +11,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState } from 'react';
 import Select from '../Select/Select.js';
-import '../Select/Select.Skeleton.js';
 import SelectItem from '../SelectItem/SelectItem.js';
 import { equals } from '../../tools/array.js';
 import { useFallbackId } from '../../internal/useId.js';
@@ -419,5 +418,6 @@ Pagination.propTypes = {
    */
   totalItems: PropTypes.number
 };
+var Pagination$1 = Pagination;
 
-export { Pagination as default };
+export { Pagination$1 as default };

package/es/components/Pagination/experimental/PageSelector.js

@@ -11,7 +11,6 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import setupGetInstanceId from '../../../tools/setupGetInstanceId.js';
 import Select from '../../Select/Select.js';
-import '../../Select/Select.Skeleton.js';
 import SelectItem from '../../SelectItem/SelectItem.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
 

package/es/components/Pagination/experimental/Pagination.js

@@ -11,9 +11,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { CaretLeft, CaretRight } from '@carbon/icons-react';
 import Button from '../../Button/Button.js';
-import '../../Button/Button.Skeleton.js';
 import Select from '../../Select/Select.js';
-import '../../Select/Select.Skeleton.js';
 import SelectItem from '../../SelectItem/SelectItem.js';
 import { IconButton } from '../../IconButton/index.js';
 import * as FeatureFlags from '@carbon/feature-flags';

package/es/components/PaginationNav/PaginationNav.js

@@ -11,7 +11,6 @@ import React__default, { useState, useEffect, useRef } from 'react';
 import cx from 'classnames';
 import { CaretRight, CaretLeft, OverflowMenuHorizontal } from '@carbon/icons-react';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import { IconButton } from '../IconButton/index.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -432,5 +431,6 @@ PaginationNav.propTypes = {
    */
   translateWithId: PropTypes.func
 };
+var PaginationNav$1 = PaginationNav;
 
-export { PaginationNav as default };
+export { PaginationNav$1 as default };

package/es/components/Popover/index.js

@@ -62,6 +62,10 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function Popover(props, for
 
   var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _defineProperty(_cx, "".concat(prefix, "--popover--").concat(autoAlignment), autoAligned), _defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), !autoAligned), _defineProperty(_cx, customClassName, !!customClassName), _cx));
   useIsomorphicEffect(function () {
+    if (!open) {
+      return;
+    }
+
     if (!autoAlign) {
       setAutoAligned(false);
       return;
@@ -149,7 +153,7 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function Popover(props, for
       setAutoAligned(true);
       setAutoAlignment(alignment);
     }
-  }, [autoAligned, align, autoAlign, prefix]);
+  }, [autoAligned, align, autoAlign, prefix, open]);
   return /*#__PURE__*/React__default.createElement(PopoverContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {

package/es/components/PrimaryButton/PrimaryButton.js

@@ -8,7 +8,6 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 
 var PrimaryButton = function PrimaryButton(props) {
   return /*#__PURE__*/React__default.createElement(Button, _extends({
@@ -16,4 +15,6 @@ var PrimaryButton = function PrimaryButton(props) {
   }, props));
 };
 
-export { PrimaryButton as default };
+var PrimaryButton$1 = PrimaryButton;
+
+export { PrimaryButton$1 as default };

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -9,10 +9,10 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { Warning, Incomplete, CheckmarkOutline, CircleDash } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["children", "className", "currentIndex", "onChange", "spaceEqually", "vertical"],
     _excluded2 = ["label", "description", "className", "current", "complete", "invalid", "secondaryLabel", "disabled", "onClick", "translateWithId"];

package/es/components/RadioButton/RadioButton.js

@@ -126,5 +126,6 @@ RadioButton.propTypes = {
    */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
+var RadioButton$1 = RadioButton;
 
-export { RadioButton as default };
+export { RadioButton$1 as default };

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -151,5 +151,6 @@ RadioButtonGroup.propTypes = {
    */
   valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
+var RadioButtonGroup$1 = RadioButtonGroup;
 
-export { RadioButtonGroup as default };
+export { RadioButtonGroup$1 as default };

package/es/components/RadioTile/RadioTile.js

@@ -10,11 +10,11 @@ import { CheckmarkFilled } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import { useFallbackId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CheckmarkFilled;
 

package/es/components/Search/Search.Skeleton.js

@@ -45,5 +45,6 @@ SearchSkeleton.propTypes = {
 SearchSkeleton.defaultProps = {
   small: false
 };
+var SearchSkeleton$1 = SearchSkeleton;
 
-export { SearchSkeleton, SearchSkeleton as default };
+export { SearchSkeleton, SearchSkeleton$1 as default };

package/es/components/Search/Search.js

@@ -6,13 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { Close, Search as Search$1 } from '@carbon/icons-react';
+import { Close, Search as Search$2 } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useContext, useRef, useState } from 'react';
 import { focus } from '../../internal/focus/index.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { composeEventHandlers } from '../../tools/events.js';
@@ -20,6 +18,8 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import deprecate from '../../prop-types/deprecate.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 var _Close;
 
@@ -256,7 +256,7 @@ function CustomSearchIcon(_ref2) {
     });
   }
 
-  return /*#__PURE__*/React__default.createElement(Search$1, {
+  return /*#__PURE__*/React__default.createElement(Search$2, {
     className: "".concat(prefix, "--search-magnifier-icon")
   });
 }
@@ -267,5 +267,6 @@ CustomSearchIcon.propTypes = {
    */
   icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
+var Search$1 = Search;
 
-export { Search as default };
+export { Search$1 as default };

package/es/components/Search/index.js

@@ -7,4 +7,3 @@
 
 import Search from './Search.js';
 export { default as Search, default } from './Search.js';
-export { default as SearchSkeleton } from './Search.Skeleton.js';

package/es/components/SecondaryButton/SecondaryButton.js

@@ -8,7 +8,6 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 
 var SecondaryButton = function SecondaryButton(props) {
   return /*#__PURE__*/React__default.createElement(Button, _extends({
@@ -16,4 +15,6 @@ var SecondaryButton = function SecondaryButton(props) {
   }, props));
 };
 
-export { SecondaryButton as default };
+var SecondaryButton$1 = SecondaryButton;
+
+export { SecondaryButton$1 as default };

package/es/components/Select/Select.Skeleton.js

@@ -41,5 +41,6 @@ SelectSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
+var SelectSkeleton$1 = SelectSkeleton;
 
-export { SelectSkeleton, SelectSkeleton as default };
+export { SelectSkeleton, SelectSkeleton$1 as default };