@carbon/react 1.21.0 → 1.22.0

package/es/components/InlineCheckbox/InlineCheckbox.js

@@ -10,6 +10,8 @@ import React__default, { useRef, useEffect } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 
+/** @type any */
+
 var InlineCheckbox = /*#__PURE__*/React__default.forwardRef(function InlineCheckbox(props, forwardRef) {
   var ariaLabel = props.ariaLabel,
       _props$checked = props.checked,
@@ -116,5 +118,6 @@ InlineCheckbox.propTypes = {
    */
   title: PropTypes.string
 };
+var InlineCheckbox$1 = InlineCheckbox;
 
-export { InlineCheckbox as default };
+export { InlineCheckbox$1 as default };

package/es/components/Link/Link.js

@@ -93,5 +93,6 @@ Link.propTypes = {
    */
   visited: PropTypes.bool
 };
+var Link$1 = Link;
 
-export { Link as default };
+export { Link$1 as default };

package/es/components/ListBox/ListBox.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { ListBoxType, ListBoxSize } from './ListBoxPropTypes';
+import { ForwardRefReturn, ReactAttr } from '../../types/common';
+type ExcludedAttributes = 'onKeyDown' | 'onKeyPress' | 'ref';
+export interface ListBoxProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+    /**
+     * Specify whether the ListBox is currently disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether the control is currently invalid
+     */
+    invalid?: boolean;
+    /**
+     * Specify the text to be displayed when the control is invalid
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Specify if the control should render open
+     */
+    isOpen?: boolean;
+    /**
+     * `true` to use the light version. For use on $ui-01 backgrounds only.
+     * Don't use this to make tile background color same as container background color.
+     *
+     * @deprecated The `light` prop for `ListBox` has been deprecated in favor of
+     * the new `Layer` component. It will be removed in the next major release.
+     */
+    light?: boolean;
+    /**
+     * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
+     */
+    size?: ListBoxSize;
+    /**
+     * Specify the "type" of the ListBox. Currently supports either `default` or
+     * `inline` as an option.
+     */
+    type?: ListBoxType;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+export type ListBoxComponent = ForwardRefReturn<HTMLDivElement, ListBoxProps>;
+/**
+ * `ListBox` is a generic container component that handles creating the
+ * container class name in response to certain props.
+ */
+declare const ListBox: ListBoxComponent;
+export default ListBox;

package/es/components/ListBox/ListBox.js

@@ -5,18 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import React__default, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import deprecate from '../../prop-types/deprecate.js';
 import { ListBoxSize, ListBoxType } from './ListBoxPropTypes.js';
 import { usePrefix } from '../../internal/usePrefix.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';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
@@ -32,14 +27,13 @@ var handleClick = function handleClick(event) {
   event.preventDefault();
   event.stopPropagation();
 };
+
 /**
  * `ListBox` is a generic container component that handles creating the
  * container class name in response to certain props.
  */
-
-
 var ListBox = /*#__PURE__*/React__default.forwardRef(function ListBox(_ref, ref) {
-  var _cx;
+  var _objectSpread2$1;
 
   var children = _ref.children,
       containerClassName = _ref.className,
@@ -60,7 +54,7 @@ var ListBox = /*#__PURE__*/React__default.forwardRef(function ListBox(_ref, ref)
       isFluid = _useContext.isFluid;
 
   var showWarning = !invalid && warn;
-  var className = cx((_cx = {}, _defineProperty(_cx, containerClassName, !!containerClassName), _defineProperty(_cx, "".concat(prefix, "--list-box"), true), _defineProperty(_cx, "".concat(prefix, "--list-box--").concat(size), size), _defineProperty(_cx, "".concat(prefix, "--list-box--inline"), type === 'inline'), _defineProperty(_cx, "".concat(prefix, "--list-box--disabled"), disabled), _defineProperty(_cx, "".concat(prefix, "--list-box--light"), light), _defineProperty(_cx, "".concat(prefix, "--list-box--expanded"), isOpen), _defineProperty(_cx, "".concat(prefix, "--list-box--invalid"), invalid), _defineProperty(_cx, "".concat(prefix, "--list-box--warning"), showWarning), _cx));
+  var className = cx(_objectSpread2(_objectSpread2({}, containerClassName && _defineProperty({}, containerClassName, true)), {}, (_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box"), true), _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box--").concat(size), size), _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box--inline"), type === 'inline'), _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box--disabled"), disabled), _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box--light"), light), _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box--expanded"), isOpen), _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box--invalid"), invalid), _defineProperty(_objectSpread2$1, "".concat(prefix, "--list-box--warning"), showWarning), _objectSpread2$1)));
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: className,
     ref: ref,
@@ -138,10 +132,5 @@ ListBox.defaultProps = {
   disabled: false,
   type: 'default'
 };
-ListBox.Field = ListBoxField;
-ListBox.Menu = ListBoxMenu;
-ListBox.MenuIcon = ListBoxMenuIcon;
-ListBox.MenuItem = ListBoxMenuItem;
-ListBox.Selection = ListBoxSelection;
 
 export { ListBox as default };

package/es/components/ListBox/ListBoxField.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { ReactAttr } from '../../types/common';
+export declare const translationIds: {};
+export interface ListBoxFieldProps extends ReactAttr<HTMLDivElement> {
+    /**
+     * Specify if the parent <ListBox> is disabled
+     */
+    disabled?: boolean;
+}
+export type ListBoxFieldComponent = React.FC<ListBoxFieldProps>;
+declare const _default: ListBoxFieldComponent;
+export default _default;

package/es/components/ListBox/ListBoxField.js

@@ -11,12 +11,12 @@ import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["children", "disabled", "tabIndex"];
+
 /**
  * `ListBoxField` is responsible for creating the containing node for valid
  * elements inside of a field. It also provides a11y-related attributes like
  * `role` to make sure a user can focus the given field.
  */
-
 function ListBoxField(_ref) {
   var children = _ref.children,
       disabled = _ref.disabled,

package/es/components/ListBox/ListBoxMenu.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { ForwardRefReturn, ReactAttr } from '../../types/common';
+type ExcludedAttributes = 'id';
+export interface ListBoxMenuProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+    /**
+     * Specify a custom `id`
+     */
+    id: string;
+}
+export type ListBoxMenuComponent = ForwardRefReturn<HTMLDivElement, ListBoxMenuProps>;
+/**
+ * `ListBoxMenu` is a simple container node that isolates the `list-box__menu`
+ * class into a single component. It is also being used to validate given
+ * `children` components.
+ */
+declare const ListBoxMenu: ListBoxMenuComponent;
+export default ListBoxMenu;

package/es/components/ListBox/ListBoxMenu.js

@@ -12,12 +12,12 @@ import PropTypes from 'prop-types';
 import ListBoxMenuItem from './ListBoxMenuItem.js';
 
 var _excluded = ["children", "id"];
+
 /**
  * `ListBoxMenu` is a simple container node that isolates the `list-box__menu`
  * class into a single component. It is also being used to validate given
  * `children` components.
  */
-
 var ListBoxMenu = /*#__PURE__*/React__default.forwardRef(function ListBoxMenu(_ref, ref) {
   var children = _ref.children,
       id = _ref.id,
@@ -36,7 +36,7 @@ ListBoxMenu.propTypes = {
   /**
    * Provide the contents of your ListBoxMenu
    */
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(ListBoxMenuItem),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.oneOf([ListBoxMenuItem])),
   /**
    * allow single item using the workaround for functional components
    * https://github.com/facebook/react/issues/2979#issuecomment-222379916

package/es/components/ListBox/ListBoxMenuIcon.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export declare const translationIds: {
+    'close.menu': string;
+    'open.menu': string;
+};
+export interface ListBoxMenuIconProps {
+    /**
+     * Specify whether the menu is currently open, which will influence the
+     * direction of the menu icon
+     */
+    isOpen: boolean;
+    /**
+     * i18n hook used to provide the appropriate description for the given menu
+     * icon. This function takes in an id defined in `translationIds` and should
+     * return a string message for that given message id.
+     */
+    translateWithId?(messageId: string, args?: Record<string, unknown>): string;
+}
+export type ListBoxMenuIconComponent = React.FC<ListBoxMenuIconProps>;
+/**
+ * `ListBoxMenuIcon` is used to orient the icon up or down depending on the
+ * state of the menu for a given `ListBox`
+ */
+declare const ListBoxMenuIcon: ListBoxMenuIconComponent;
+export default ListBoxMenuIcon;

package/es/components/ListBox/ListBoxMenuIcon.js

@@ -18,14 +18,19 @@ var translationIds = {
   'open.menu': 'open.menu'
 };
 var defaultTranslations = (_defaultTranslations = {}, _defineProperty(_defaultTranslations, translationIds['close.menu'], 'Close menu'), _defineProperty(_defaultTranslations, translationIds['open.menu'], 'Open menu'), _defaultTranslations);
+
+var defaultTranslateWithId = function defaultTranslateWithId(id) {
+  return defaultTranslations[id];
+};
+
 /**
  * `ListBoxMenuIcon` is used to orient the icon up or down depending on the
  * state of the menu for a given `ListBox`
  */
-
 var ListBoxMenuIcon = function ListBoxMenuIcon(_ref) {
   var isOpen = _ref.isOpen,
-      t = _ref.translateWithId;
+      _ref$translateWithId = _ref.translateWithId,
+      t = _ref$translateWithId === void 0 ? defaultTranslateWithId : _ref$translateWithId;
   var prefix = usePrefix();
   var className = cx("".concat(prefix, "--list-box__menu-icon"), _defineProperty({}, "".concat(prefix, "--list-box__menu-icon--open"), isOpen));
   var description = isOpen ? t('close.menu') : t('open.menu');
@@ -52,9 +57,7 @@ ListBoxMenuIcon.propTypes = {
   translateWithId: PropTypes.func.isRequired
 };
 ListBoxMenuIcon.defaultProps = {
-  translateWithId: function translateWithId(id) {
-    return defaultTranslations[id];
-  }
+  translateWithId: defaultTranslateWithId
 };
 
 export { ListBoxMenuIcon as default, translationIds };

package/es/components/ListBox/ListBoxMenuItem.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ForwardedRef } from 'react';
+import { ForwardRefReturn, ReactAttr } from '../../types/common';
+export interface ListBoxMenuItemProps extends ReactAttr<HTMLDivElement> {
+    /**
+     * Specify whether the current menu item is "active".
+     */
+    isActive?: boolean;
+    /**
+     * Specify whether the current menu item is "highlighted".
+     */
+    isHighlighted?: boolean;
+}
+export type ListBoxMenuItemForwardedRef = ForwardedRef<HTMLDivElement> & {
+    menuItemOptionRef?: React.Ref<HTMLDivElement>;
+} | null;
+export type ListBoxMenuItemComponent = ForwardRefReturn<ListBoxMenuItemForwardedRef, ListBoxMenuItemProps>;
+declare const _default: ListBoxMenuItemComponent;
+export default _default;

package/es/components/ListBox/ListBoxMenuItem.js

@@ -27,13 +27,12 @@ function useIsTruncated(ref) {
   }, [ref, setIsTruncated]);
   return isTruncated;
 }
+
 /**
  * `ListBoxMenuItem` is a helper component for managing the container class
  * name, alongside any classes for any corresponding states, for a generic list
  * box menu item.
  */
-
-
 var ListBoxMenuItem = /*#__PURE__*/React__default.forwardRef(function ListBoxMenuItem(_ref, forwardedRef) {
   var _cx;
 
@@ -50,7 +49,7 @@ var ListBoxMenuItem = /*#__PURE__*/React__default.forwardRef(function ListBoxMen
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: className,
     title: isTruncated ? title : undefined,
-    tabIndex: "-1"
+    tabIndex: -1
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--list-box__menu-item__option"),
     ref: (forwardedRef === null || forwardedRef === void 0 ? void 0 : forwardedRef.menuItemOptionRef) || ref

package/es/components/ListBox/ListBoxPropTypes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+declare const listBoxTypes: readonly ["default", "inline"];
+declare const listBoxSizes: readonly ["sm", "md", "lg"];
+export type ListBoxType = typeof listBoxTypes[number];
+export type ListBoxSize = typeof listBoxSizes[number];
+export declare const ListBoxType: PropTypes.Requireable<"default" | "inline">;
+export declare const ListBoxSize: PropTypes.Requireable<"md" | "sm" | "lg">;
+export {};

package/es/components/ListBox/ListBoxPropTypes.js

@@ -7,7 +7,9 @@
 
 import PropTypes from 'prop-types';
 
-var ListBoxType = PropTypes.oneOf(['default', 'inline']);
-var ListBoxSize = PropTypes.oneOf(['sm', 'md', 'lg']);
+var listBoxTypes = ['default', 'inline'];
+var listBoxSizes = ['sm', 'md', 'lg'];
+var ListBoxType = PropTypes.oneOf(listBoxTypes);
+var ListBoxSize = PropTypes.oneOf(listBoxSizes);
 
 export { ListBoxSize, ListBoxType };

package/es/components/ListBox/ListBoxSelection.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { KeyboardEvent, MouseEvent } from 'react';
+export interface ListBoxSelectionProps {
+    /**
+     * Specify a function to be invoked when a user interacts with the clear
+     * selection element.
+     */
+    clearSelection(event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
+    /**
+     * Specify whether or not the clear selection element should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify an optional `onClearSelection` handler that is called when the underlying
+     * element is cleared
+     */
+    onClearSelection?(event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
+    /**
+     * Whether or not the Dropdown is readonly
+     */
+    readOnly?: boolean;
+    /**
+     * Specify an optional `selectionCount` value that will be used to determine
+     * whether the selection should display a badge or a single clear icon.
+     */
+    selectionCount?: number;
+    /**
+     * i18n hook used to provide the appropriate description for the given menu
+     * icon. This function takes in an id defined in `translationIds` and should
+     * return a string message for that given message id.
+     */
+    translateWithId(messageId: string, args?: Record<string, unknown>): string;
+}
+export type ListBoxSelectionComponent = React.FC<ListBoxSelectionProps>;
+/**
+ * `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.
+ */
+declare const ListBoxSelection: ListBoxSelectionComponent;
+export declare const translationIds: {
+    'clear.all': string;
+    'clear.selection': string;
+};
+export default ListBoxSelection;

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.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export * as PropTypes from './ListBoxPropTypes';
+export * from './ListBoxPropTypes';
+import { ListBoxComponent as ListBoxPartialComponent } from './ListBox';
+import { ListBoxFieldComponent } from './ListBoxField';
+import { ListBoxMenuComponent } from './ListBoxMenu';
+import { ListBoxMenuIconComponent } from './ListBoxMenuIcon';
+import { ListBoxMenuItemComponent } from './ListBoxMenuItem';
+import { ListBoxSelectionComponent } from './ListBoxSelection';
+export interface ListBoxComponent extends ListBoxPartialComponent {
+    readonly Field: ListBoxFieldComponent;
+    readonly Menu: ListBoxMenuComponent;
+    readonly MenuIcon: ListBoxMenuIconComponent;
+    readonly MenuItem: ListBoxMenuItemComponent;
+    readonly Selection: ListBoxSelectionComponent;
+}
+declare const ListBox: ListBoxComponent;
+export default ListBox;

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 };