@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Layout/index.js

@@ -7,20 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
 const densities = ['condensed', 'normal'];
 
@@ -32,7 +24,7 @@ const densities = ['condensed', 'normal'];
  * Size of components within this layout
  */
 
-const Layout = /*#__PURE__*/React__default["default"].forwardRef(function Layout({
+const Layout = /*#__PURE__*/React.forwardRef(function Layout({
   as: BaseComponent = 'div',
   children,
   className,
@@ -41,11 +33,11 @@ const Layout = /*#__PURE__*/React__default["default"].forwardRef(function Layout
   ...rest
 }, forwardRef) {
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](className, `${prefix}--layout`, {
+  const classes = cx(className, `${prefix}--layout`, {
     [`${prefix}--layout--size-${size}`]: size && sizes.includes(size),
     [`${prefix}--layout--density-${density}`]: density && densities.includes(density)
   });
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
     ref: forwardRef,
     className: classes
   }), children);
@@ -55,26 +47,26 @@ Layout.propTypes = {
    * Specify a custom component or element to be rendered as the top-level
    * element in the component
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
   /**
    * Provide child elements to be rendered inside of `Layout`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom class name to be used on the outermost element rendered by
    * the component
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the desired density of components within this layout
    */
-  density: PropTypes__default["default"].oneOf(densities),
+  density: PropTypes.oneOf(densities),
   /**
    * Specify the desired size of components within this layout
    */
-  size: PropTypes__default["default"].oneOf(sizes)
+  size: PropTypes.oneOf(sizes)
 };
-const LayoutConstraint = /*#__PURE__*/React__default["default"].forwardRef(function Layout({
+const LayoutConstraint = /*#__PURE__*/React.forwardRef(function Layout({
   as: BaseComponent = 'div',
   children,
   className,
@@ -83,7 +75,7 @@ const LayoutConstraint = /*#__PURE__*/React__default["default"].forwardRef(funct
   ...rest
 }, forwardRef) {
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](className, Object.entries({
+  const classes = cx(className, Object.entries({
     size,
     density
   }).map(([group, constraints]) => ({
@@ -91,7 +83,7 @@ const LayoutConstraint = /*#__PURE__*/React__default["default"].forwardRef(funct
     [`${prefix}--layout-constraint--${group}__min-${constraints?.min}`]: constraints?.min,
     [`${prefix}--layout-constraint--${group}__max-${constraints?.max}`]: constraints?.max
   })));
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
     ref: forwardRef,
     className: classes
   }), children);
@@ -101,31 +93,31 @@ LayoutConstraint.propTypes = {
    * Specify a custom component or element to be rendered as the top-level
    * element in the component
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
   /**
    * Provide child elements to be rendered inside of `LayoutConstraint`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom class name to be used on the outermost element rendered by
    * the component
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the desired layout density constraints of this element's children
    */
-  density: PropTypes__default["default"].shape({
-    min: PropTypes__default["default"].oneOf(densities),
-    default: PropTypes__default["default"].oneOf(densities),
-    max: PropTypes__default["default"].oneOf(densities)
+  density: PropTypes.shape({
+    min: PropTypes.oneOf(densities),
+    default: PropTypes.oneOf(densities),
+    max: PropTypes.oneOf(densities)
   }),
   /**
    * Specify the desired layout size constraints of this element's children
    */
-  size: PropTypes__default["default"].shape({
-    min: PropTypes__default["default"].oneOf(sizes),
-    default: PropTypes__default["default"].oneOf(sizes),
-    max: PropTypes__default["default"].oneOf(sizes)
+  size: PropTypes.shape({
+    min: PropTypes.oneOf(sizes),
+    default: PropTypes.oneOf(sizes),
+    max: PropTypes.oneOf(sizes)
   })
 };
 

package/lib/components/LayoutDirection/LayoutDirection.js

@@ -7,32 +7,25 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
 var LayoutDirectionContext = require('./LayoutDirectionContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function LayoutDirection({
   as: BaseComponent = 'div',
   children,
   dir,
   ...rest
 }) {
-  const value = React__default["default"].useMemo(() => {
+  const value = React.useMemo(() => {
     return {
       direction: dir
     };
   }, [dir]);
-  return /*#__PURE__*/React__default["default"].createElement(LayoutDirectionContext.LayoutDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(LayoutDirectionContext.LayoutDirectionContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     dir: dir
   }, rest), children));
 }
@@ -40,16 +33,16 @@ LayoutDirection.propTypes = {
   /**
    * Customize the element type used to render the outermost node
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
   /**
    * Provide child elements or components to be rendered inside of this
    * component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify the layout direction of this part of the page
    */
-  dir: PropTypes__default["default"].oneOf(['ltr', 'rtl']).isRequired
+  dir: PropTypes.oneOf(['ltr', 'rtl']).isRequired
 };
 
 exports.LayoutDirectionContext = LayoutDirectionContext.LayoutDirectionContext;

package/lib/components/LayoutDirection/LayoutDirectionContext.js

@@ -7,15 +7,9 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const LayoutDirectionContext = /*#__PURE__*/React__default["default"].createContext({
+const LayoutDirectionContext = /*#__PURE__*/React.createContext({
   direction: 'ltr'
 });
 

package/lib/components/LayoutDirection/useLayoutDirection.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var LayoutDirectionContext = require('./LayoutDirectionContext.js');
 

package/lib/components/Link/Link.js

@@ -15,14 +15,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 // First create the component with basic types
-const LinkBase = /*#__PURE__*/React__default["default"].forwardRef(({
+const LinkBase = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent,
   children,
   className: customClassName,
@@ -36,7 +30,7 @@ const LinkBase = /*#__PURE__*/React__default["default"].forwardRef(({
   ...rest
 }, ref) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--link`, customClassName, {
+  const className = cx(`${prefix}--link`, customClassName, {
     [`${prefix}--link--disabled`]: disabled,
     [`${prefix}--link--inline`]: inline,
     [`${prefix}--link--visited`]: visited,
@@ -58,11 +52,11 @@ const LinkBase = /*#__PURE__*/React__default["default"].forwardRef(({
     linkProps['aria-disabled'] = true;
   }
   const BaseComponentAsAny = BaseComponent ?? 'a';
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
     ref: ref
-  }, linkProps, rest), children, !inline && Icon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, linkProps, rest), children, !inline && Icon && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--link__icon`
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
+  }, /*#__PURE__*/React.createElement(Icon, null)));
 });
 const Link = LinkBase;
 Link.displayName = 'Link';
@@ -71,39 +65,39 @@ Link.propTypes = {
    * Provide a custom element or component to render the top-level node for the
    * component.
    */
-  as: PropTypes__default["default"].elementType,
+  as: PropTypes.elementType,
   /**
    * Provide the content for the Link
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom className to be applied to the containing `<a>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if the control should be disabled, or not
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide the `href` attribute for the `<a>` node
    */
-  href: PropTypes__default["default"].string,
+  href: PropTypes.string,
   /**
    * Specify whether you want the inline version of this control
    */
-  inline: PropTypes__default["default"].bool,
+  inline: PropTypes.bool,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Specify the size of the Link. Currently supports either `sm`, `md` (default) or `lg` as an option.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Specify whether you want the link to receive visited styles after the link has been clicked
    */
-  visited: PropTypes__default["default"].bool
+  visited: PropTypes.bool
 };
 
-exports["default"] = Link;
+exports.default = Link;

package/lib/components/Link/index.js

@@ -13,5 +13,5 @@ var Link = require('./Link.js');
 
 
 
-exports.Link = Link["default"];
-exports["default"] = Link["default"];
+exports.Link = Link.default;
+exports.default = Link.default;

package/lib/components/ListBox/ListBox.js

@@ -20,12 +20,6 @@ require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var ListBoxPropTypes = require('./ListBoxPropTypes.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 const handleOnKeyDown = event => {
   if (event.keyCode === 27) {
     event.stopPropagation();
@@ -61,7 +55,7 @@ const ListBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     isFluid
   } = React.useContext(FormContext.FormContext);
   const showWarning = !invalid && warn;
-  const className = cx__default["default"]({
+  const className = cx({
     ...(containerClassName && {
       [containerClassName]: true
     }),
@@ -74,18 +68,18 @@ const ListBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     [`${prefix}--list-box--invalid`]: invalid,
     [`${prefix}--list-box--warning`]: showWarning
   });
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: className,
     ref: ref,
     onKeyDown: handleOnKeyDown,
     onClick: handleClick,
     "data-invalid": invalid || undefined
-  }), children), isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+  }), children), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--list-box__divider`
-  }), invalid ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }), invalid ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: invalidTextId
-  }, invalidText) : null, showWarning ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, invalidText) : null, showWarning ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: warnTextId
   }, warnText) : null);
@@ -95,36 +89,36 @@ ListBox.propTypes = {
   /**
    * Provide the contents of your ListBox
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a class name to be applied on the containing list box node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the ListBox is currently disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether the control is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Specify the text to be displayed when the control is invalid
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Specify the id to be applied to the element containing the invalid text
    */
-  invalidTextId: PropTypes__default["default"].string,
+  invalidTextId: PropTypes.string,
   /**
    * Specify if the control should render open
    */
-  isOpen: PropTypes__default["default"].bool,
+  isOpen: PropTypes.bool,
   /**
    * `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.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, '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: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `ListBox` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
    */
@@ -137,15 +131,15 @@ ListBox.propTypes = {
   /**
    * Specify whether the control is currently in warning state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in warning state
    */
-  warnText: PropTypes__default["default"].string,
+  warnText: PropTypes.string,
   /**
    * Specify the id to be applied to the element containing the warn text
    */
-  warnTextId: PropTypes__default["default"].string
+  warnTextId: PropTypes.string
 };
 
-exports["default"] = ListBox;
+exports.default = ListBox;

package/lib/components/ListBox/ListBoxField.js

@@ -14,11 +14,6 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 /**
  * `ListBoxField` is responsible for creating the containing node for valid
  * elements inside of a field. It also provides a11y-related attributes like
@@ -31,7 +26,7 @@ function ListBoxField({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: `${prefix}--list-box__field`,
     tabIndex: !disabled && tabIndex || -1
   }, rest), children);
@@ -41,24 +36,24 @@ ListBoxField.propTypes = {
    * Typically set by `getToggleButtonProps`, this should specify whether the
    * field has a popup.
    */
-  'aria-haspopup': PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].bool]),
+  'aria-haspopup': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   /**
    * Provide the contents of your ListBoxField
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify if the parent <ListBox> is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * The role for the component, should be set by `getToggleButtonProps` coming
    * from Downshift
    */
-  role: PropTypes__default["default"].string,
+  role: PropTypes.string,
   /**
    * Optional prop to specify the tabIndex of the <ListBox> trigger button
    */
-  tabIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
+  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
 
-exports["default"] = ListBoxField;
+exports.default = ListBoxField;

package/lib/components/ListBox/ListBoxMenu.js

@@ -15,11 +15,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 var PropTypes = require('prop-types');
 var ListBoxMenuItem = require('./ListBoxMenuItem.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 const frFn = React.forwardRef;
 
 /**
@@ -33,7 +28,7 @@ const ListBoxMenu = frFn(({
   ...rest
 }, ref) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({
     ref: ref,
     id: id,
     className: `${prefix}--list-box__menu`,
@@ -45,19 +40,19 @@ ListBoxMenu.propTypes = {
   /**
    * Provide the contents of your ListBoxMenu
    */
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOf([ListBoxMenuItem["default"]])),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.oneOf([ListBoxMenuItem.default])),
   /**
    * allow single item using the workaround for functional components
    * https://github.com/facebook/react/issues/2979#issuecomment-222379916
    */
-  PropTypes__default["default"].shape({
-    type: PropTypes__default["default"].oneOf([ListBoxMenuItem["default"]])
-  }), PropTypes__default["default"].bool // used in Dropdown for closed state
+  PropTypes.shape({
+    type: PropTypes.oneOf([ListBoxMenuItem.default])
+  }), PropTypes.bool // used in Dropdown for closed state
   ]),
   /**
    * Specify a custom `id`
    */
-  id: PropTypes__default["default"].string.isRequired
+  id: PropTypes.string.isRequired
 };
 
-exports["default"] = ListBoxMenu;
+exports.default = ListBoxMenu;

package/lib/components/ListBox/ListBoxMenuIcon.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 const defaultTranslations = {
   'close.menu': 'Close menu',
   'open.menu': 'Open menu'
@@ -35,29 +29,29 @@ const ListBoxMenuIcon = ({
   translateWithId: t = defaultTranslateWithId
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--list-box__menu-icon`, {
+  const className = cx(`${prefix}--list-box__menu-icon`, {
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
+  }, /*#__PURE__*/React.createElement(iconsReact.ChevronDown, {
     name: "chevron--down",
     "aria-label": description
-  }, /*#__PURE__*/React__default["default"].createElement("title", null, description)));
+  }, /*#__PURE__*/React.createElement("title", null, description)));
 };
 ListBoxMenuIcon.propTypes = {
   /**
    * Specify whether the menu is currently open, which will influence the
    * direction of the menu icon
    */
-  isOpen: PropTypes__default["default"].bool.isRequired,
+  isOpen: PropTypes.bool.isRequired,
   /**
    * i18n hook used to provide the appropriate description for the given menu
    * icon. This function takes a ListBoxMenuIconTranslationKey and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes__default["default"].func
+  translateWithId: PropTypes.func
 };
 
-exports["default"] = ListBoxMenuIcon;
+exports.default = ListBoxMenuIcon;

package/lib/components/ListBox/ListBoxMenuItem.js

@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
 var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 /**
  * Determines if the content of an element is truncated.
  *
@@ -69,14 +63,14 @@ const ListBoxMenuItem = /*#__PURE__*/React.forwardRef(({
     isTruncated,
     ref: menuItemOptionRef
   } = useIsTruncated(menuItemOptionRefProp, [children]);
-  const className = cx__default["default"](`${prefix}--list-box__menu-item`, {
+  const className = cx(`${prefix}--list-box__menu-item`, {
     [`${prefix}--list-box__menu-item--active`]: isActive,
     [`${prefix}--list-box__menu-item--highlighted`]: isHighlighted
   });
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
     className: className,
     title: isTruncated ? title : undefined
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__menu-item__option`,
     ref: menuItemOptionRef
   }, children));
@@ -87,23 +81,23 @@ ListBoxMenuItem.propTypes = {
    * Specify any children nodes that should be rendered inside of the ListBox
    * Menu Item
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify if the item should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether the current menu item is "active".
    */
-  isActive: PropTypes__default["default"].bool,
+  isActive: PropTypes.bool,
   /**
    * Specify whether the current menu item is "highlighted".
    */
-  isHighlighted: PropTypes__default["default"].bool,
+  isHighlighted: PropTypes.bool,
   /**
    * Provide an optional tooltip for the ListBoxMenuItem
    */
-  title: PropTypes__default["default"].string
+  title: PropTypes.string
 };
 
-exports["default"] = ListBoxMenuItem;
+exports.default = ListBoxMenuItem;