@carbon/react 1.21.0 → 1.22.0

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 keys = require('../../../internal/keyboard/keys.js');
-var match = require('../../../internal/keyboard/match.js');
 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/ListBox/next/ListBoxTrigger.js

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

package/lib/components/ListItem/ListItem.js

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

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,5 +334,6 @@ 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;
+exports["default"] = Menu$1;

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

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

package/lib/components/ModalWrapper/ModalWrapper.js

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

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -18,11 +18,7 @@ var PropTypes = require('prop-types');
 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 index$1 = require('../ListBox/index.js');
 var Selection = require('../../internal/Selection.js');
 var itemToString = require('./tools/itemToString.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
@@ -33,8 +29,11 @@ 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 ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var ListBox = require('../ListBox/ListBox.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -333,7 +332,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
           className: wrapperClasses
         }, titleText ? /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
           className: titleClasses
-        }, labelProps), titleText) : null, /*#__PURE__*/React__default["default"].createElement(ListBox["default"], {
+        }, labelProps), titleText) : null, /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
           onFocus: isFluid ? handleFocus : null,
           onBlur: isFluid ? handleFocus : null,
           className: className,
@@ -382,7 +381,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
         }), /*#__PURE__*/React__default["default"].createElement(ListBoxTrigger["default"], _rollupPluginBabelHelpers["extends"]({}, buttonProps, {
           isOpen: isOpen,
           translateWithId: translateWithId
-        }))), isOpen ? /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Menu, menuProps, sortItems(filterItems(items, {
+        }))), isOpen ? /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, menuProps, sortItems(filterItems(items, {
           itemToString: itemToString,
           inputValue: inputValue
         }), {
@@ -403,7 +402,7 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
           var isChecked = selectedItem.filter(function (selected) {
             return isEqual__default["default"](selected, item);
           }).length > 0;
-          return /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+          return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
             key: itemProps.id,
             "aria-label": itemText,
             isActive: isChecked,
@@ -576,5 +575,6 @@ FilterableMultiSelect.defaultProps = {
   open: false,
   selectionFeedback: 'top-after-reopen'
 };
+var FilterableMultiSelect$1 = FilterableMultiSelect;
 
-exports["default"] = FilterableMultiSelect;
+exports["default"] = FilterableMultiSelect$1;

package/lib/components/MultiSelect/MultiSelect.js

@@ -16,7 +16,7 @@ var Downshift = require('downshift');
 var isEqual = require('lodash.isequal');
 var PropTypes = require('prop-types');
 var React = require('react');
-require('../ListBox/index.js');
+var index$1 = require('../ListBox/index.js');
 var MultiSelectPropTypes = require('./MultiSelectPropTypes.js');
 var itemToString = require('./tools/itemToString.js');
 var sorting = require('./tools/sorting.js');
@@ -24,14 +24,13 @@ 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 ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var ListBox = require('../ListBox/ListBox.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -264,7 +263,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     className: titleClasses
   }, getLabelProps()), titleText && titleText, selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--visually-hidden")
-  }, clearSelectionDescription, " ", selectedItems.length, ",", clearSelectionText)), /*#__PURE__*/React__default["default"].createElement(ListBox["default"], {
+  }, clearSelectionDescription, " ", selectedItems.length, ",", clearSelectionText)), /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
     onFocus: isFluid ? handleFocus : null,
     onBlur: isFluid ? handleFocus : null,
     type: type,
@@ -291,7 +290,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
   }, toggleButtonProps, {
     ref: mergeRefs["default"](toggleButtonProps.ref, ref),
     onKeyDown: onKeyDown
-  }, readOnlyEventHandlers), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Selection, {
+  }, readOnlyEventHandlers), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(index$1["default"].Selection, {
     readOnly: readOnly,
     clearSelection: !disabled && !readOnly ? clearSelection : noop,
     selectionCount: selectedItems.length,
@@ -300,10 +299,10 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     id: fieldLabelId,
     className: "".concat(prefix, "--list-box__label")
-  }, label), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuIcon, {
+  }, label), /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  })), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Menu, _rollupPluginBabelHelpers["extends"]({
+  })), /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, _rollupPluginBabelHelpers["extends"]({
     "aria-multiselectable": "true"
   }, getMenuProps()), isOpen && sortItems(items, sortOptions).map(function (item, index) {
     var _getItemProps;
@@ -317,7 +316,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     var isChecked = selectedItems.filter(function (selected) {
       return isEqual__default["default"](selected, item);
     }).length > 0;
-    return /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
       key: itemProps.id,
       isActive: isChecked,
       "aria-label": itemText,
@@ -514,5 +513,6 @@ MultiSelect.defaultProps = {
   clearSelectionDescription: 'Total items selected: ',
   selectedItems: null
 };
+var MultiSelect$1 = MultiSelect;
 
-exports["default"] = MultiSelect;
+exports["default"] = MultiSelect$1;

package/lib/components/Notification/Notification.js

@@ -15,13 +15,12 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.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.Skeleton.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * 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';
+import { HTMLAttributes } from 'react';
+export interface NumberInputSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specify an optional className to add to the form item wrapper.
+     */
+    className?: string;
+    /**
+     * Specify whether the label should be hidden, or not
+     */
+    hideLabel?: boolean;
+}
+declare function NumberInputSkeleton({ hideLabel, className, ...rest }: NumberInputSkeletonProps): JSX.Element;
+declare namespace NumberInputSkeleton {
+    var propTypes: {
+        /**
+         * Specify an optional className to add to the form item wrapper.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether the label should be hidden, or not
+         */
+        hideLabel: PropTypes.Requireable<boolean>;
+    };
+}
+export default NumberInputSkeleton;

package/lib/components/OrderedList/OrderedList.js

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

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -17,38 +17,19 @@ 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 index = require('../IconButton/index.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 }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var invariant__default = /*#__PURE__*/_interopDefaultLegacy(invariant);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 var _excluded = ["id", "ariaLabel", "children", "iconDescription", "direction", "flipped", "focusTrap", "menuOffset", "menuOffsetFlip", "iconClass", "onClick", "onOpen", "selectorPrimaryFocus", "renderIcon", "innerRef", "menuOptionsClass", "light", "size"];
 
@@ -159,14 +140,14 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleKeyDown", function (evt) {
-      if (match.matches(evt, [keys.ArrowDown])) {
-        _this.setState({
-          open: !_this.state.open
-        });
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "closeMenuAndFocus", function () {
+      var wasOpen = _this.state.open;
 
-        _this.props.onClick(evt);
-      }
+      _this.closeMenu(function () {
+        if (wasOpen) {
+          _this.focusMenuEl();
+        }
+      });
     });
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleKeyPress", function (evt) {
@@ -176,13 +157,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
 
 
       if (match.matches(evt, [keys.Escape])) {
-        var wasOpen = _this.state.open;
-
-        _this.closeMenu(function () {
-          if (wasOpen) {
-            _this.focusMenuEl();
-          }
-        }); // Stop the esc keypress from bubbling out and closing something it shouldn't
+        _this.closeMenuAndFocus(); // Stop the esc keypress from bubbling out and closing something it shouldn't
 
 
         evt.stopPropagation();
@@ -217,8 +192,6 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
     });
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleOverflowMenuItemFocus", function (_ref) {
-      var _overflowMenuItem$cur;
-
       var currentIndex = _ref.currentIndex,
           direction = _ref.direction;
       var enabledIndices = React__default["default"].Children.toArray(_this.props.children).reduce(function (acc, curr, i) {
@@ -232,7 +205,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
       var nextValidIndex = function () {
         var nextIndex = enabledIndices.indexOf(currentIndex) + direction;
 
-        switch (enabledIndices.indexOf(currentIndex) + direction) {
+        switch (nextIndex) {
           case -1:
             return enabledIndices.length - 1;
 
@@ -244,9 +217,9 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         }
       }();
 
-      var overflowMenuItem = _this["overflowMenuItem".concat(enabledIndices[nextValidIndex])].overflowMenuItem;
+      var overflowMenuItem = _this["overflowMenuItem".concat(enabledIndices[nextValidIndex])];
 
-      overflowMenuItem === null || overflowMenuItem === void 0 ? void 0 : (_overflowMenuItem$cur = overflowMenuItem.current) === null || _overflowMenuItem$cur === void 0 ? void 0 : _overflowMenuItem$cur.focus();
+      overflowMenuItem === null || overflowMenuItem === void 0 ? void 0 : overflowMenuItem.focus();
     });
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "_bindMenuBody", function (menuBody) {
@@ -270,7 +243,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
 
           if (typeof target.matches === 'function') {
             if (!menuBody.contains(target) && triggerEl && !target.matches(".".concat(_this.context, "--overflow-menu,.").concat(_this.context, "--overflow-menu-options"))) {
-              _this.closeMenu();
+              _this.closeMenuAndFocus();
             }
           }
         }, !hasFocusin);
@@ -296,6 +269,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() {
@@ -343,7 +327,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         var _child$props;
 
         return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          closeMenu: (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.closeMenu) || _this2.closeMenu,
+          closeMenu: (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.closeMenu) || _this2.closeMenuAndFocus,
           handleOverflowMenuItemFocus: _this2.handleOverflowMenuItemFocus,
           ref: function ref(e) {
             _this2["overflowMenuItem".concat(index)] = e;
@@ -355,7 +339,8 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         className: overflowMenuOptionsClasses,
         tabIndex: "-1",
         role: "menu",
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        onKeyDown: this.handleKeyPress
       }, childrenWithProps);
       var wrappedMenuBody = /*#__PURE__*/React__default["default"].createElement(FloatingMenu["default"], {
         focusTrap: focusTrap,
@@ -376,17 +361,18 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
       };
       return /*#__PURE__*/React__default["default"].createElement(ClickListener["default"], {
         onClickOutside: this.handleClickOutside
-      }, /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, other, {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "".concat(prefix, "--overflow-menu__wrapper")
+      }, /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({}, other, {
         type: "button",
         "aria-haspopup": true,
         "aria-expanded": this.state.open,
         className: overflowMenuClasses,
-        onKeyDown: this.handleKeyPress,
         onClick: this.handleClick,
-        "aria-label": ariaLabel,
         id: id,
-        ref: mergeRefs["default"](this._triggerRef, ref)
-      }), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps), open && wrappedMenuBody));
+        ref: mergeRefs["default"](this._triggerRef, ref),
+        label: iconDescription
+      }), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps)), open && this.state.hasMountedTrigger && wrappedMenuBody));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -407,7 +393,7 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "propTypes", {
   /**
    * The ARIA label.
    */
-  ariaLabel: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].string.isRequired : PropTypes__default["default"].string,
+  ariaLabel: PropTypes__default["default"].string.isRequired,
 
   /**
    * The child nodes.
@@ -453,7 +439,7 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "propTypes", {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make OverflowMenu background color same as container background color.
    */
-  light: FeatureFlags__namespace.enabled('enable-v11-release') ? deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.') : PropTypes__default["default"].bool,
+  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
 
   /**
    * The adjustment in position applied to the floating menu.
@@ -520,14 +506,14 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "propTypes", {
   /**
    * Specify the size of the OverflowMenu. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl'])
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
 });
 
 _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "contextType", usePrefix.PrefixContext);
 
 _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "defaultProps", {
-  ariaLabel: FeatureFlags__namespace.enabled('enable-v11-release') ? null : 'Open and close list of options',
-  iconDescription: 'Open and close list of options',
+  ariaLabel: null,
+  iconDescription: 'Options',
   open: false,
   direction: FloatingMenu.DIRECTION_BOTTOM,
   flipped: false,

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -13,10 +13,10 @@ 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 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 }; }
 
@@ -180,5 +180,6 @@ OverflowMenuItem.propTypes = {
    */
   wrapperClassName: PropTypes__default["default"].string
 };
+var OverflowMenuItem$1 = OverflowMenuItem;
 
-exports["default"] = OverflowMenuItem;
+exports["default"] = OverflowMenuItem$1;

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 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 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/Pagination/Pagination.js

@@ -429,5 +429,6 @@ Pagination.propTypes = {
    */
   totalItems: PropTypes__default["default"].number
 };
+var Pagination$1 = Pagination;
 
-exports["default"] = Pagination;
+exports["default"] = Pagination$1;

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

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

package/lib/components/PaginationNav/PaginationNav.js

@@ -15,7 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var index = require('../IconButton/index.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -461,5 +460,6 @@ PaginationNav.propTypes = {
    */
   translateWithId: PropTypes__default["default"].func
 };
+var PaginationNav$1 = PaginationNav;
 
-exports["default"] = PaginationNav;
+exports["default"] = PaginationNav$1;

package/lib/components/PrimaryButton/PrimaryButton.js

@@ -12,7 +12,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,4 +23,6 @@ var PrimaryButton = function PrimaryButton(props) {
   }, props));
 };
 
-exports["default"] = PrimaryButton;
+var PrimaryButton$1 = PrimaryButton;
+
+exports["default"] = PrimaryButton$1;

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -13,10 +13,10 @@ 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 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/RadioButton/RadioButton.js

@@ -136,5 +136,6 @@ RadioButton.propTypes = {
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
+var RadioButton$1 = RadioButton;
 
-exports["default"] = RadioButton;
+exports["default"] = RadioButton$1;

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -161,5 +161,6 @@ RadioButtonGroup.propTypes = {
    */
   valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
+var RadioButtonGroup$1 = RadioButtonGroup;
 
-exports["default"] = RadioButtonGroup;
+exports["default"] = RadioButtonGroup$1;

package/lib/components/RadioTile/RadioTile.js

@@ -14,11 +14,11 @@ var iconsReact = require('@carbon/icons-react');
 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 useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 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 }; }