@carbon/react 1.17.0 → 1.18.0-rc.0

package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js

@@ -46,6 +46,5 @@ FluidDropdownSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
-var FluidDropdownSkeleton$1 = FluidDropdownSkeleton;
 
-exports["default"] = FluidDropdownSkeleton$1;
+exports["default"] = FluidDropdownSkeleton;

package/lib/components/FluidDropdown/FluidDropdown.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
+require('../Dropdown/Dropdown.Skeleton.js');
 var Dropdown = require('../Dropdown/Dropdown.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
@@ -145,6 +146,5 @@ FluidDropdown.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-var FluidDropdown$1 = FluidDropdown;
 
-exports["default"] = FluidDropdown$1;
+exports["default"] = FluidDropdown;

package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js

@@ -46,6 +46,5 @@ FluidMultiSelectSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
-var FluidMultiSelectSkeleton$1 = FluidMultiSelectSkeleton;
 
-exports["default"] = FluidMultiSelectSkeleton$1;
+exports["default"] = FluidMultiSelectSkeleton;

package/lib/components/FluidMultiSelect/FluidMultiSelect.js

@@ -156,6 +156,5 @@ FluidMultiSelect.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-var FluidMultiSelect$1 = FluidMultiSelect;
 
-exports["default"] = FluidMultiSelect$1;
+exports["default"] = FluidMultiSelect;

package/lib/components/FluidSelect/FluidSelect.Skeleton.js

@@ -46,6 +46,5 @@ FluidSelectSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
-var FluidSelectSkeleton$1 = FluidSelectSkeleton;
 
-exports["default"] = FluidSelectSkeleton$1;
+exports["default"] = FluidSelectSkeleton;

package/lib/components/FluidSelect/FluidSelect.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
+require('../Select/Select.Skeleton.js');
 var Select = require('../Select/Select.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
@@ -98,6 +99,5 @@ FluidSelect.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-var FluidSelect$1 = FluidSelect;
 
-exports["default"] = FluidSelect$1;
+exports["default"] = FluidSelect;

package/lib/components/FluidTextArea/FluidTextArea.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
+require('../TextArea/TextArea.Skeleton.js');
 var TextArea = require('../TextArea/TextArea.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -14,6 +14,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 require('../TextInput/index.js');
+require('../TextInput/ControlledPasswordInput.js');
 var PasswordInput = require('../TextInput/PasswordInput.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');

package/lib/components/Form/Form.js

@@ -46,6 +46,5 @@ Form.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
-var Form$1 = Form;
 
-exports["default"] = Form$1;
+exports["default"] = Form;

package/lib/components/FormGroup/FormGroup.js

@@ -91,6 +91,5 @@ FormGroup.defaultProps = {
   message: false,
   messageText: ''
 };
-var FormGroup$1 = FormGroup;
 
-exports["default"] = FormGroup$1;
+exports["default"] = FormGroup;

package/lib/components/Icon/Icon.Skeleton.js

@@ -42,6 +42,5 @@ IconSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
-var IconSkeleton$1 = IconSkeleton;
 
-exports["default"] = IconSkeleton$1;
+exports["default"] = IconSkeleton;

package/lib/components/IconButton/index.js

@@ -12,8 +12,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
+require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
-var Tooltip = require('../Tooltip/next/Tooltip.js');
+require('../Tooltip/DefinitionTooltip.js');
+var Tooltip = require('../Tooltip/Tooltip.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var cx = require('classnames');
 

package/lib/components/IdPrefix/index.js

@@ -0,0 +1,38 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PropTypes = require('prop-types');
+var React = require('react');
+var useIdPrefix = require('../../internal/useIdPrefix.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 IdPrefix(_ref) {
+  var children = _ref.children,
+      prefix = _ref.prefix;
+  return /*#__PURE__*/React__default["default"].createElement(useIdPrefix.IdPrefixContext.Provider, {
+    value: prefix
+  }, children);
+}
+
+IdPrefix.propTypes = {
+  children: PropTypes__default["default"].node,
+
+  /**
+   * The value used to prefix the auto-generated id placed on some DOM elements
+   */
+  prefix: PropTypes__default["default"].string
+};
+
+exports.IdPrefix = IdPrefix;

package/lib/components/InlineCheckbox/InlineCheckbox.js

@@ -125,6 +125,5 @@ InlineCheckbox.propTypes = {
    */
   title: PropTypes__default["default"].string
 };
-var InlineCheckbox$1 = InlineCheckbox;
 
-exports["default"] = InlineCheckbox$1;
+exports["default"] = InlineCheckbox;

package/lib/components/Link/Link.js

@@ -103,6 +103,5 @@ Link.propTypes = {
    */
   visited: PropTypes__default["default"].bool
 };
-var Link$1 = Link;
 
-exports["default"] = Link$1;
+exports["default"] = Link;

package/lib/components/ListBox/ListBox.js

@@ -21,6 +21,7 @@ var ListBoxMenu = require('./ListBoxMenu.js');
 var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
 var ListBoxMenuItem = require('./ListBoxMenuItem.js');
 var ListBoxSelection = require('./ListBoxSelection.js');
+require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -152,6 +153,5 @@ ListBox.Menu = ListBoxMenu["default"];
 ListBox.MenuIcon = ListBoxMenuIcon["default"];
 ListBox.MenuItem = ListBoxMenuItem["default"];
 ListBox.Selection = ListBoxSelection["default"];
-var ListBox$1 = ListBox;
 
-exports["default"] = ListBox$1;
+exports["default"] = ListBox;

package/lib/components/ListBox/ListBoxMenu.js

@@ -60,6 +60,5 @@ ListBoxMenu.propTypes = {
    */
   id: PropTypes__default["default"].string.isRequired
 };
-var ListBoxMenu$1 = ListBoxMenu;
 
-exports["default"] = ListBoxMenu$1;
+exports["default"] = ListBoxMenu;

package/lib/components/ListBox/ListBoxMenuIcon.js

@@ -66,7 +66,6 @@ ListBoxMenuIcon.defaultProps = {
     return defaultTranslations[id];
   }
 };
-var ListBoxMenuIcon$1 = ListBoxMenuIcon;
 
-exports["default"] = ListBoxMenuIcon$1;
+exports["default"] = ListBoxMenuIcon;
 exports.translationIds = translationIds;

package/lib/components/ListBox/ListBoxMenuItem.js

@@ -93,6 +93,5 @@ ListBoxMenuItem.defaultProps = {
   isActive: false,
   isHighlighted: false
 };
-var ListBoxMenuItem$1 = ListBoxMenuItem;
 
-exports["default"] = ListBoxMenuItem$1;
+exports["default"] = ListBoxMenuItem;

package/lib/components/ListBox/ListBoxSelection.js

@@ -14,9 +14,9 @@ var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
+var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/ListBox/index.js

@@ -9,6 +9,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('./ListBoxPropTypes.js');
 var ListBox = require('./ListBox.js');
 var ListBoxField = require('./ListBoxField.js');
 var ListBoxMenu = require('./ListBoxMenu.js');

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

@@ -14,9 +14,9 @@ var cx = require('classnames');
 var React = require('react');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('../../../internal/usePrefix.js');
-var match = require('../../../internal/keyboard/match.js');
 var keys = require('../../../internal/keyboard/keys.js');
+var match = require('../../../internal/keyboard/match.js');
+var usePrefix = require('../../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -73,7 +73,6 @@ ListBoxTrigger.defaultProps = {
     return defaultTranslations[id];
   }
 };
-var ListBoxTrigger$1 = ListBoxTrigger;
 
-exports["default"] = ListBoxTrigger$1;
+exports["default"] = ListBoxTrigger;
 exports.translationIds = translationIds;

package/lib/components/ListItem/ListItem.js

@@ -46,6 +46,5 @@ ListItem.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
-var ListItem$1 = ListItem;
 
-exports["default"] = ListItem$1;
+exports["default"] = ListItem;

package/lib/components/Menu/Menu.js

@@ -14,14 +14,14 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var _utils = require('./_utils.js');
 var MenuGroup = require('./MenuGroup.js');
 var MenuRadioGroup = require('./MenuRadioGroup.js');
 var MenuRadioGroupOptions = require('./MenuRadioGroupOptions.js');
 var MenuSelectableItem = require('./MenuSelectableItem.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -334,6 +334,5 @@ Menu.propTypes = {
    */
   y: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)])
 };
-var Menu$1 = Menu;
 
-exports["default"] = Menu$1;
+exports["default"] = Menu;

package/lib/components/Menu/MenuOption.js

@@ -14,11 +14,11 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var _utils = require('./_utils.js');
 var Menu = require('./Menu.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Modal/Modal.js

@@ -15,6 +15,7 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var toggleClass = require('../../tools/toggleClass.js');
+require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
 var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropIsTruthy.js');
@@ -280,6 +281,5 @@ Modal.defaultProps = {
   selectorPrimaryFocus: '[data-modal-primary-focus]',
   hasScrollingContent: false
 };
-var Modal$1 = Modal;
 
-exports["default"] = Modal$1;
+exports["default"] = Modal;

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var Modal = require('../Modal/Modal.js');
+require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
 var types = require('../../prop-types/types.js');
 var warning = require('../../internal/warning.js');

package/lib/components/ModalWrapper/index.js

@@ -9,8 +9,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ModalWrapper$1 = require('./ModalWrapper.js');
+var ModalWrapper = require('./ModalWrapper.js');
 
-var ModalWrapper = ModalWrapper$1["default"];
 
-exports["default"] = ModalWrapper;
+
+exports["default"] = ModalWrapper["default"];

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -19,6 +19,10 @@ var React = require('react');
 var filter = require('../ComboBox/tools/filter.js');
 var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
 require('../ListBox/index.js');
+var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
+var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var Selection = require('../../internal/Selection.js');
 var itemToString = require('./tools/itemToString.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
@@ -27,13 +31,10 @@ var useId = require('../../internal/useId.js');
 var sorting = require('./tools/sorting.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
+require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
-var match = require('../../internal/keyboard/match.js');
-var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
-var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.js');
-var ListBox = require('../ListBox/ListBox.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var keys = require('../../internal/keyboard/keys.js');
+var ListBox = require('../ListBox/ListBox.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -575,6 +576,5 @@ FilterableMultiSelect.defaultProps = {
   open: false,
   selectionFeedback: 'top-after-reopen'
 };
-var FilterableMultiSelect$1 = FilterableMultiSelect;
 
-exports["default"] = FilterableMultiSelect$1;
+exports["default"] = FilterableMultiSelect;

package/lib/components/MultiSelect/MultiSelect.js

@@ -24,13 +24,14 @@ var Selection = require('../../internal/Selection.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var deprecate = require('../../prop-types/deprecate.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
+require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
-var match = require('../../internal/keyboard/match.js');
-var ListBox = require('../ListBox/ListBox.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var keys = require('../../internal/keyboard/keys.js');
+var ListBox = require('../ListBox/ListBox.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -513,6 +514,5 @@ MultiSelect.defaultProps = {
   clearSelectionDescription: 'Total items selected: ',
   selectedItems: null
 };
-var MultiSelect$1 = MultiSelect;
 
-exports["default"] = MultiSelect$1;
+exports["default"] = MultiSelect;

package/lib/components/Notification/Notification.js

@@ -14,13 +14,14 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
+require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/NumberInput/NumberInput.js

@@ -127,7 +127,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
       incrementNumLabel = _ref[0],
       decrementNumLabel = _ref[1];
   var wrapperClasses = cx__default["default"]("".concat(prefix, "--number__input-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--number__input-wrapper--warning"), normalizedProps.warn));
-  var iconClasses = cx__default["default"]((_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid"), normalizedProps.invalid || normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid--warning"), normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__readonly-icon"), readOnly), _cx3));
+  var iconClasses = cx__default["default"]((_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid"), normalizedProps.invalid || normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid--warning"), normalizedProps.warn), _cx3));
 
   if (controlledValue !== prevControlledValue) {
     setValue(controlledValue);
@@ -214,7 +214,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     "aria-label": decrementNumLabel || iconDescription,
     className: "".concat(prefix, "--number__control-btn down-icon"),
-    disabled: disabled,
+    disabled: disabled || readOnly,
     onClick: function onClick(event) {
       var state = {
         value: clamp(max, min, parseInt(value) - step),
@@ -240,7 +240,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
   }), /*#__PURE__*/React__default["default"].createElement("button", {
     "aria-label": incrementNumLabel || iconDescription,
     className: "".concat(prefix, "--number__control-btn up-icon"),
-    disabled: disabled,
+    disabled: disabled || readOnly,
     onClick: function onClick(event) {
       var state = {
         value: clamp(max, min, parseInt(value) + step),

package/lib/components/OrderedList/OrderedList.js

@@ -71,6 +71,5 @@ OrderedList.defaultProps = {
   native: false,
   isExpressive: false
 };
-var OrderedList$1 = OrderedList;
 
-exports["default"] = OrderedList$1;
+exports["default"] = OrderedList;

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -17,12 +17,12 @@ var cx = require('classnames');
 var ClickListener = require('../../internal/ClickListener.js');
 var FloatingMenu = require('../../internal/FloatingMenu.js');
 var iconsReact = require('@carbon/icons-react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var deprecate = require('../../prop-types/deprecate.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -541,6 +541,16 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "defaultProps", {
   menuOffsetFlip: getMenuOffset,
   selectorPrimaryFocus: '[data-overflow-menu-primary-focus]'
 });
+((function () {
+  var forwardRef = function forwardRef(props, ref) {
+    return /*#__PURE__*/React__default["default"].createElement(OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, props, {
+      innerRef: ref
+    }));
+  };
+
+  forwardRef.displayName = 'OverflowMenu';
+  return /*#__PURE__*/React__default["default"].forwardRef(forwardRef);
+}))();
 
 exports.OverflowMenu = OverflowMenu;
 exports.getMenuOffset = getMenuOffset;

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -13,11 +13,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var warning = require('../../internal/warning.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/OverflowMenuItem/index.js

@@ -9,8 +9,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var OverflowMenuItem$1 = require('./OverflowMenuItem.js');
+var OverflowMenuItem = require('./OverflowMenuItem.js');
 
-var OverflowMenuItem = OverflowMenuItem$1["default"];
 
-exports["default"] = OverflowMenuItem;
+
+exports["default"] = OverflowMenuItem["default"];

package/lib/components/OverflowMenuV2/index.js

@@ -16,10 +16,10 @@ var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var useId = require('../../internal/useId.js');
 require('../Menu/index.js');
-var usePrefix = require('../../internal/usePrefix.js');
+var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
+var usePrefix = require('../../internal/usePrefix.js');
 var Menu = require('../Menu/Menu.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Pagination/Pagination.js

@@ -14,6 +14,7 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+require('../Select/Select.Skeleton.js');
 var Select = require('../Select/Select.js');
 var SelectItem = require('../SelectItem/SelectItem.js');
 var array = require('../../tools/array.js');
@@ -106,8 +107,8 @@ var Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pagi
       pageSizeInputDisabled = _ref.pageSizeInputDisabled,
       controlledPageSizes = _ref.pageSizes,
       _ref$pageText = _ref.pageText,
-      pageText = _ref$pageText === void 0 ? function (page) {
-    return "page ".concat(page);
+      pageText = _ref$pageText === void 0 ? function (page, pagesUnknown) {
+    return "page ".concat(pagesUnknown ? '' : page);
   } : _ref$pageText,
       _ref$pagesUnknown = _ref.pagesUnknown,
       pagesUnknown = _ref$pagesUnknown === void 0 ? false : _ref$pagesUnknown,
@@ -288,7 +289,9 @@ var Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pagi
     className: "".concat(prefix, "--pagination__text ").concat(prefix, "--pagination__items-count")
   }, pagesUnknown ? itemText(pageSize * (page - 1) + 1, page * pageSize) : itemRangeText(Math.min(pageSize * (page - 1) + 1, totalItems), Math.min(page * pageSize, totalItems), totalItems))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--pagination__right")
-  }, /*#__PURE__*/React__default["default"].createElement(Select["default"], {
+  }, pagesUnknown ? /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--pagination__text ").concat(prefix, "--pagination__page-text")
+  }, pagesUnknown ? pageText(page, pagesUnknown) : pageRangeText(page, totalPages)) : null, /*#__PURE__*/React__default["default"].createElement(Select["default"], {
     id: "".concat(prefix, "-pagination-select-").concat(inputId, "-right"),
     className: "".concat(prefix, "--select__page-number"),
     labelText: "Page number, of ".concat(totalPages, " pages"),
@@ -297,9 +300,9 @@ var Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pagi
     onChange: handlePageInputChange,
     value: page,
     disabled: pageInputDisabled || disabled
-  }, selectItems), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, selectItems), pagesUnknown ? null : /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--pagination__text")
-  }, pagesUnknown ? pageText(page) : pageRangeText(page, totalPages)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, pagesUnknown ? pageText(page, pagesUnknown) : pageRangeText(page, totalPages)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--pagination__control-buttons")
   }, /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
     align: "top",
@@ -426,6 +429,5 @@ Pagination.propTypes = {
    */
   totalItems: PropTypes__default["default"].number
 };
-var Pagination$1 = Pagination;
 
-exports["default"] = Pagination$1;
+exports["default"] = Pagination;

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

@@ -14,6 +14,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var setupGetInstanceId = require('../../../tools/setupGetInstanceId.js');
+require('../../Select/Select.Skeleton.js');
 var Select = require('../../Select/Select.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var usePrefix = require('../../../internal/usePrefix.js');

package/lib/components/Pagination/experimental/Pagination.js

@@ -14,7 +14,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
+require('../../Button/Button.Skeleton.js');
 var Button = require('../../Button/Button.js');
+require('../../Select/Select.Skeleton.js');
 var Select = require('../../Select/Select.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var index = require('../../IconButton/index.js');