@carbon/react 1.21.0 → 1.22.0

package/es/components/ModalWrapper/ModalWrapper.js

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

package/es/components/MultiSelect/FilterableMultiSelect.js

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

package/es/components/MultiSelect/MultiSelect.js

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

package/es/components/Notification/Notification.js

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

package/es/components/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/es/components/OrderedList/OrderedList.js

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

package/es/components/OverflowMenu/OverflowMenu.js

@@ -13,12 +13,12 @@ import cx from 'classnames';
 import ClickListener from '../../internal/ClickListener.js';
 import FloatingMenu, { DIRECTION_TOP, DIRECTION_BOTTOM } from '../../internal/FloatingMenu.js';
 import { OverflowMenuVertical } from '@carbon/icons-react';
-import { ArrowDown, ArrowUp, ArrowRight, ArrowLeft, Escape } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
-import * as FeatureFlags from '@carbon/feature-flags';
 import deprecate from '../../prop-types/deprecate.js';
+import { IconButton } from '../IconButton/index.js';
+import { matches } from '../../internal/keyboard/match.js';
+import { ArrowUp, ArrowRight, ArrowDown, ArrowLeft, Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["id", "ariaLabel", "children", "iconDescription", "direction", "flipped", "focusTrap", "menuOffset", "menuOffsetFlip", "iconClass", "onClick", "onOpen", "selectorPrimaryFocus", "renderIcon", "innerRef", "menuOptionsClass", "light", "size"];
 
@@ -129,14 +129,14 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (evt) {
-      if (matches(evt, [ArrowDown])) {
-        _this.setState({
-          open: !_this.state.open
-        });
+    _defineProperty(_assertThisInitialized(_this), "closeMenuAndFocus", function () {
+      var wasOpen = _this.state.open;
 
-        _this.props.onClick(evt);
-      }
+      _this.closeMenu(function () {
+        if (wasOpen) {
+          _this.focusMenuEl();
+        }
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleKeyPress", function (evt) {
@@ -146,13 +146,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
 
 
       if (matches(evt, [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();
@@ -187,8 +181,6 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleOverflowMenuItemFocus", function (_ref) {
-      var _overflowMenuItem$cur;
-
       var currentIndex = _ref.currentIndex,
           direction = _ref.direction;
       var enabledIndices = React__default.Children.toArray(_this.props.children).reduce(function (acc, curr, i) {
@@ -202,7 +194,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;
 
@@ -214,9 +206,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();
     });
 
     _defineProperty(_assertThisInitialized(_this), "_bindMenuBody", function (menuBody) {
@@ -240,7 +232,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);
@@ -266,6 +258,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() {
@@ -313,7 +316,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         var _child$props;
 
         return /*#__PURE__*/React__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;
@@ -325,7 +328,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.createElement(FloatingMenu, {
         focusTrap: focusTrap,
@@ -346,17 +350,18 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
       };
       return /*#__PURE__*/React__default.createElement(ClickListener, {
         onClickOutside: this.handleClickOutside
-      }, /*#__PURE__*/React__default.createElement("button", _extends({}, other, {
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: "".concat(prefix, "--overflow-menu__wrapper")
+      }, /*#__PURE__*/React__default.createElement(IconButton, _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(this._triggerRef, ref)
-      }), /*#__PURE__*/React__default.createElement(IconElement, iconProps), open && wrappedMenuBody));
+        ref: mergeRefs(this._triggerRef, ref),
+        label: iconDescription
+      }), /*#__PURE__*/React__default.createElement(IconElement, iconProps)), open && this.state.hasMountedTrigger && wrappedMenuBody));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -377,7 +382,7 @@ _defineProperty(OverflowMenu, "propTypes", {
   /**
    * The ARIA label.
    */
-  ariaLabel: FeatureFlags.enabled('enable-v11-release') ? PropTypes.string.isRequired : PropTypes.string,
+  ariaLabel: PropTypes.string.isRequired,
 
   /**
    * The child nodes.
@@ -423,7 +428,7 @@ _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.enabled('enable-v11-release') ? deprecate(PropTypes.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.bool,
+  light: deprecate(PropTypes.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.
@@ -490,14 +495,14 @@ _defineProperty(OverflowMenu, "propTypes", {
   /**
    * Specify the size of the OverflowMenu. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
    */
-  size: FeatureFlags.enabled('enable-v11-release') ? PropTypes.oneOf(['sm', 'md', 'lg']) : PropTypes.oneOf(['sm', 'md', 'lg', 'xl'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 });
 
 _defineProperty(OverflowMenu, "contextType", PrefixContext);
 
 _defineProperty(OverflowMenu, "defaultProps", {
-  ariaLabel: FeatureFlags.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: DIRECTION_BOTTOM,
   flipped: false,

package/es/components/OverflowMenuItem/OverflowMenuItem.js

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

package/es/components/OverflowMenuV2/index.js

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

package/es/components/Pagination/Pagination.js

@@ -419,5 +419,6 @@ Pagination.propTypes = {
    */
   totalItems: PropTypes.number
 };
+var Pagination$1 = Pagination;
 
-export { Pagination as default };
+export { Pagination$1 as default };

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

@@ -11,7 +11,6 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { CaretLeft, CaretRight } from '@carbon/icons-react';
 import Button from '../../Button/Button.js';
-import '../../Button/Button.Skeleton.js';
 import Select from '../../Select/Select.js';
 import '../../Select/Select.Skeleton.js';
 import SelectItem from '../../SelectItem/SelectItem.js';

package/es/components/PaginationNav/PaginationNav.js

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

package/es/components/PrimaryButton/PrimaryButton.js

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

package/es/components/ProgressIndicator/ProgressIndicator.js

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

package/es/components/RadioButton/RadioButton.js

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

package/es/components/RadioButtonGroup/RadioButtonGroup.js

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

package/es/components/RadioTile/RadioTile.js

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

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

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

package/es/components/Search/Search.js

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

package/es/components/Search/index.js

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

package/es/components/SecondaryButton/SecondaryButton.js

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

package/es/components/Select/Select.Skeleton.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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 SelectSkeletonProps 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 const SelectSkeleton: {
+    ({ hideLabel, className, ...rest }: SelectSkeletonProps): JSX.Element;
+    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 SelectSkeleton;
+export { SelectSkeleton };

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

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

package/es/components/Select/Select.js

@@ -250,5 +250,6 @@ Select.defaultProps = {
   invalidText: '',
   helperText: ''
 };
+var Select$1 = Select;
 
-export { Select as default };
+export { Select$1 as default };

package/es/components/SelectItem/SelectItem.js

@@ -65,5 +65,6 @@ SelectItem.defaultProps = {
   value: '',
   text: ''
 };
+var SelectItem$1 = SelectItem;
 
-export { SelectItem as default };
+export { SelectItem$1 as default };

package/es/components/SelectItemGroup/SelectItemGroup.js

@@ -55,5 +55,6 @@ SelectItemGroup.defaultProps = {
   disabled: false,
   label: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Provide label'
 };
+var SelectItemGroup$1 = SelectItemGroup;
 
-export { SelectItemGroup as default };
+export { SelectItemGroup$1 as default };

package/es/components/SkeletonIcon/SkeletonIcon.js

@@ -37,5 +37,6 @@ SkeletonIcon.propTypes = {
    */
   style: PropTypes.object
 };
+var SkeletonIcon$1 = SkeletonIcon;
 
-export { SkeletonIcon as default };
+export { SkeletonIcon$1 as default };

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

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