@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/FluidMultiSelect/FluidMultiSelect.js

@@ -18,36 +18,30 @@ var MultiSelect = require('../MultiSelect/MultiSelect.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const FluidMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function FluidMultiSelect({
+const FluidMultiSelect = /*#__PURE__*/React.forwardRef(function FluidMultiSelect({
   className,
   isCondensed,
   isFilterable,
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--list-box__wrapper--fluid`, className, {
+  const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
     [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
   });
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
   }, isFilterable ?
   /*#__PURE__*/
   // @ts-ignore
-  React__default["default"].createElement(FilterableMultiSelect.FilterableMultiSelect, _rollupPluginBabelHelpers["extends"]({
+  React.createElement(FilterableMultiSelect.FilterableMultiSelect, _rollupPluginBabelHelpers.extends({
     ref: ref,
     className: classNames
   }, other)) :
   /*#__PURE__*/
   // @ts-ignore
-  React__default["default"].createElement(MultiSelect.MultiSelect, _rollupPluginBabelHelpers["extends"]({
+  React.createElement(MultiSelect.MultiSelect, _rollupPluginBabelHelpers.extends({
     ref: ref,
     className: classNames
   }, other)));
@@ -56,29 +50,29 @@ FluidMultiSelect.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the text that should be read for screen readers that describes total items selected
    */
-  clearSelectionDescription: PropTypes__default["default"].string,
+  clearSelectionDescription: PropTypes.string,
   /**
    * Specify the text that should be read for screen readers to clear selection.
    */
-  clearSelectionText: PropTypes__default["default"].string,
+  clearSelectionText: PropTypes.string,
   /**
    * Provide a compare function that is used to determine the ordering of
    * options. See 'sortItems' for more control. Consider declaring function
    * with `useCallback` to prevent unnecessary re-renders.
    */
-  compareItems: PropTypes__default["default"].func,
+  compareItems: PropTypes.func,
   /**
    * Specify the direction of the multiselect dropdown. Can be either top or bottom.
    */
-  direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
+  direction: PropTypes.oneOf(['top', 'bottom']),
   /**
    * Specify whether the `<input>` should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Additional props passed to Downshift.
    *
@@ -87,89 +81,89 @@ FluidMultiSelect.propTypes = {
    * change, and in some cases they can not be shimmed by Carbon to shield you
    * from potentially breaking changes.
    */
-  downshiftProps: PropTypes__default["default"].object,
+  downshiftProps: PropTypes.object,
   /**
    * Specify a custom `id` for the `<input>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Allow users to pass in arbitrary items from their collection that are
    * pre-selected
    */
-  initialSelectedItems: PropTypes__default["default"].array,
+  initialSelectedItems: PropTypes.array,
   /**
    * Specify if the currently selected value is invalid.
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Specify if the `FluidMultiSelect` should render its menu items in condensed mode
    */
-  isCondensed: PropTypes__default["default"].bool,
+  isCondensed: PropTypes.bool,
   /**
    * Specify if the `FluidMultiSelect` should render the `filterable` variant of `FluidMultiSelect`
    */
-  isFilterable: PropTypes__default["default"].bool,
+  isFilterable: PropTypes.bool,
   /**
    * Function to render items as custom components instead of strings.
    * Defaults to null and is overridden by a getter
    */
-  itemToElement: PropTypes__default["default"].func,
+  itemToElement: PropTypes.func,
   /**
    * Helper function passed to downshift that allows the library to render a
    * given item to a string label. By default, it extracts the `label` field
    * from a given item to serve as the item label in the list. Consider
    * declaring function with `useCallback` to prevent unnecessary re-renders.
    */
-  itemToString: PropTypes__default["default"].func,
+  itemToString: PropTypes.func,
   /**
    * We try to stay as generic as possible here to allow individuals to pass
    * in a collection of whatever kind of data structure they prefer
    */
-  items: PropTypes__default["default"].array.isRequired,
+  items: PropTypes.array.isRequired,
   /**
    * Generic `label` that will be used as the textual representation of what
    * this field is for
    */
-  label: PropTypes__default["default"].node.isRequired,
+  label: PropTypes.node.isRequired,
   /**
    * Specify the locale of the control. Used for the default `compareItems`
    * used for sorting the list of items in the control.
    */
-  locale: PropTypes__default["default"].string,
+  locale: PropTypes.string,
   /**
    * `onChange` is a utility for this controlled component to communicate to a
    * consuming component what kind of internal state changes are occurring.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * **Filterable variant only** - `onInputValueChange` is a utility for this controlled component to communicate to
    * the currently typed input.
    */
-  onInputValueChange: PropTypes__default["default"].func,
+  onInputValueChange: PropTypes.func,
   /**
    * `onMenuChange` is a utility for this controlled component to communicate to a
    * consuming component that the menu was open(`true`)/closed(`false`).
    */
-  onMenuChange: PropTypes__default["default"].func,
+  onMenuChange: PropTypes.func,
   /**
    * Whether or not the Multiselect is readonly
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * For full control of the selected items
    */
-  selectedItems: PropTypes__default["default"].array,
+  selectedItems: PropTypes.array,
   /**
    * Specify feedback (mode) of the selection.
    * `top`: selected item jumps to top
    * `fixed`: selected item stays at it's position
    * `top-after-reopen`: selected item jump to top after reopen dropdown
    */
-  selectionFeedback: PropTypes__default["default"].oneOf(['top', 'fixed', 'top-after-reopen']),
+  selectionFeedback: PropTypes.oneOf(['top', 'fixed', 'top-after-reopen']),
   /**
    * Provide a method that sorts all options in the control. Overriding this
    * prop means that you also have to handle the sort logic for selected versus
@@ -190,28 +184,28 @@ FluidMultiSelect.propTypes = {
    *     locale: string,
    *   }) => Array<Item>
    */
-  sortItems: PropTypes__default["default"].func,
+  sortItems: PropTypes.func,
   /**
    * Provide the title text that will be read by a screen reader when
    * visiting this control
    */
-  titleText: PropTypes__default["default"].node,
+  titleText: PropTypes.node,
   /**
    * Callback function for translating ListBoxMenuIcon SVG title
    */
-  translateWithId: PropTypes__default["default"].func,
+  translateWithId: PropTypes.func,
   /**
    * Specify title to show title on hover
    */
-  useTitleInItem: PropTypes__default["default"].bool,
+  useTitleInItem: PropTypes.bool,
   /**
    * 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"].node
+  warnText: PropTypes.node
 };
 
-exports["default"] = FluidMultiSelect;
+exports.default = FluidMultiSelect;

package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js

@@ -16,26 +16,20 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const FluidNumberInputSkeleton = ({
   className,
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
+  }, other), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
 };
@@ -43,7 +37,7 @@ FluidNumberInputSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = FluidNumberInputSkeleton;
+exports.default = FluidNumberInputSkeleton;

package/lib/components/FluidNumberInput/FluidNumberInput.js

@@ -19,23 +19,17 @@ var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var NumberFormatPropTypes = require('../NumberInput/NumberFormatPropTypes.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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const FluidNumberInput = /*#__PURE__*/React__default["default"].forwardRef(function FluidNumberInput({
+const FluidNumberInput = /*#__PURE__*/React.forwardRef(function FluidNumberInput({
   className,
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--number-input--fluid`, className);
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  const classNames = cx(`${prefix}--number-input--fluid`, className);
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default["default"].createElement(NumberInput.NumberInput, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(NumberInput.NumberInput, _rollupPluginBabelHelpers.extends({
     ref: ref,
     className: classNames
   }, other)));
@@ -44,23 +38,23 @@ FluidNumberInput.propTypes = {
   /**
    * `true` to allow empty string.
    */
-  allowEmpty: PropTypes__default["default"].bool,
+  allowEmpty: PropTypes.bool,
   /**
    * Specify an optional className to be applied to the wrapper node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optional starting value for uncontrolled state
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * Specify if the wheel functionality for the input should be disabled, or not
    */
-  disableWheel: PropTypes__default["default"].bool,
+  disableWheel: PropTypes.bool,
   /**
    * Specify if the control should be disabled, or not
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * **Experimental:** Specify Intl.NumberFormat options applied to internal
    * number parsing and formatting. Use with `type="text"`, has no effect when
@@ -71,45 +65,45 @@ FluidNumberInput.propTypes = {
   /**
    * Provide a description for up/down icons that can be read by screen readers
    */
-  iconDescription: PropTypes__default["default"].string,
+  iconDescription: PropTypes.string,
   /**
    * Specify a custom `id` for the input
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Instruct the browser which keyboard to display on mobile devices. Defaults
    * to `decimal`, but note that standard numeric keyboards vary across devices
    * and operating systems.
    * @see https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/
    */
-  inputMode: PropTypes__default["default"].oneOf(['none', 'text', 'tel', 'url', 'email', 'numeric', 'decimal', 'search']),
+  inputMode: PropTypes.oneOf(['none', 'text', 'tel', 'url', 'email', 'numeric', 'decimal', 'search']),
   /**
    * Specify if the currently value is invalid.
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Message which is displayed if the value is invalid.
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Generic `label` that will be used as the textual representation of what
    * this field is for
    */
-  label: PropTypes__default["default"].node,
+  label: PropTypes.node,
   /**
    * **Experimental:** Specify a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt)
    * language code for parsing and formatting. Use with `type="text"`, has no
    * effect when `type="number"`.
    */
-  locale: PropTypes__default["default"].string,
+  locale: PropTypes.string,
   /**
    * The maximum value.
    */
-  max: PropTypes__default["default"].number,
+  max: PropTypes.number,
   /**
    * The minimum value.
    */
-  min: PropTypes__default["default"].number,
+  min: PropTypes.number,
   /**
    * Provide an optional handler that is called when the internal state of
    * NumberInput changes. This handler is called with event and state info.
@@ -118,50 +112,50 @@ FluidNumberInput.propTypes = {
    * parsed and formatted.
    * `(event, { value, direction }) => void`
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide an optional function to be called when the up/down button is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Provide an optional function to be called when a key is pressed in the number input
    */
-  onKeyUp: PropTypes__default["default"].func,
+  onKeyUp: PropTypes.func,
   /**
    * When type="text", provide an optional pattern to restrict user input. Has
    * no effect when type="number".
    */
-  pattern: PropTypes__default["default"].string,
+  pattern: PropTypes.string,
   /**
    * Specify how much the values should increase/decrease upon clicking on up/down button
    */
-  step: PropTypes__default["default"].number,
+  step: PropTypes.number,
   /**
    * Provide custom text for the component for each translation id
    */
-  translateWithId: PropTypes__default["default"].func,
+  translateWithId: PropTypes.func,
   /**
    * **Experimental**: Specify if the input should be of type text or number.
    * Use type="text" with `locale`, `formatOptions`, and guide user input with
    * `pattern` and `inputMode`.
    */
-  type: PropTypes__default["default"].oneOf(['number', 'text']),
+  type: PropTypes.oneOf(['number', 'text']),
   /**
    * Specify the value of the input
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * 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"].node,
+  warnText: PropTypes.node,
   /**
    * Whether or not the component is readonly
    */
-  readOnly: PropTypes__default["default"].bool
+  readOnly: PropTypes.bool
 };
 
-exports["default"] = FluidNumberInput;
+exports.default = FluidNumberInput;

package/lib/components/FluidSearch/FluidSearch.Skeleton.js

@@ -16,26 +16,20 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const FluidSearchSkeleton = ({
   className,
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
+  }, other), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
 };
@@ -43,7 +37,7 @@ FluidSearchSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = FluidSearchSkeleton;
+exports.default = FluidSearchSkeleton;

package/lib/components/FluidSearch/FluidSearch.js

@@ -18,23 +18,17 @@ require('../Search/Search.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const FluidSearch = /*#__PURE__*/React__default["default"].forwardRef(function FluidSearch({
+const FluidSearch = /*#__PURE__*/React.forwardRef(function FluidSearch({
   className,
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--search--fluid`, className);
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  const classNames = cx(`${prefix}--search--fluid`, className);
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Search["default"], _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(Search.default, _rollupPluginBabelHelpers.extends({
     ref: ref,
     className: classNames
   }, other)));
@@ -44,61 +38,61 @@ FluidSearch.propTypes = {
    * Specify an optional value for the `autocomplete` property on the underlying
    * `<input>`, defaults to "off"
    */
-  autoComplete: PropTypes__default["default"].string,
+  autoComplete: PropTypes.string,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify a label to be read by screen readers on the "close" button
    */
-  closeButtonLabelText: PropTypes__default["default"].string,
+  closeButtonLabelText: PropTypes.string,
   /**
    * Optionally provide the default value of the `<input>`
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the `<input>` should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify a custom `id` for the input
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Provide the label text for the Search icon
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * Optional callback called when the search value changes.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optional callback called when the search value is cleared.
    */
-  onClear: PropTypes__default["default"].func,
+  onClear: PropTypes.func,
   /**
    * Provide a handler that is invoked on the key down event for the input
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Provide an optional placeholder text for the Search.
    * Note: if the label and placeholder differ,
    * VoiceOver on Mac will read both
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * Specify the role for the underlying `<input>`, defaults to `searchbox`
    */
-  role: PropTypes__default["default"].string,
+  role: PropTypes.string,
   /**
    * Optional prop to specify the type of the `<input>`
    */
-  type: PropTypes__default["default"].string,
+  type: PropTypes.string,
   /**
    * Specify the value of the `<input>`
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-exports["default"] = FluidSearch;
+exports.default = FluidSearch;

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

@@ -15,25 +15,19 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.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);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const FluidSelectSkeleton = ({
   className,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx__default["default"](className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
   })));
 };
@@ -41,7 +35,7 @@ FluidSelectSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = FluidSelectSkeleton;
+exports.default = FluidSelectSkeleton;