@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/FluidSelect/FluidSelect.js

@@ -18,24 +18,18 @@ require('../Select/Select.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 FluidSelect = /*#__PURE__*/React__default["default"].forwardRef(function FluidSelect({
+const FluidSelect = /*#__PURE__*/React.forwardRef(function FluidSelect({
   className,
   children,
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--select--fluid`, className);
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  const classNames = cx(`${prefix}--select--fluid`, className);
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Select["default"], _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(Select.default, _rollupPluginBabelHelpers.extends({
     ref: ref,
     className: classNames
   }, other), children));
@@ -44,53 +38,53 @@ FluidSelect.propTypes = {
   /**
    * Provide the contents of your Select
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the node containing the label and the select box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optionally provide the default value of the `<select>`
    */
-  defaultValue: PropTypes__default["default"].any,
+  defaultValue: PropTypes.any,
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify a custom `id` for the `<select>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * 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,
   /**
    * Provide label text to be read by screen readers when interacting with the
    * control
    */
-  labelText: PropTypes__default["default"].node,
+  labelText: PropTypes.node,
   /**
    * Provide an optional `onChange` hook that is called each time the value of
    * the underlying `<input>` changes
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * 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"] = FluidSelect;
+exports.default = FluidSelect;

package/lib/components/FluidSelect/index.js

@@ -14,6 +14,6 @@ var FluidSelect_Skeleton = require('./FluidSelect.Skeleton.js');
 
 
 
-exports.FluidSelect = FluidSelect["default"];
-exports["default"] = FluidSelect["default"];
-exports.FluidSelectSkeleton = FluidSelect_Skeleton["default"];
+exports.FluidSelect = FluidSelect.default;
+exports.default = FluidSelect.default;
+exports.FluidSelectSkeleton = FluidSelect_Skeleton.default;

package/lib/components/FluidTextArea/FluidTextArea.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 FluidTextAreaSkeleton = ({
   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-area--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item ${prefix}--text-area--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-area`
   })));
 };
@@ -43,7 +37,7 @@ FluidTextAreaSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = FluidTextAreaSkeleton;
+exports.default = FluidTextAreaSkeleton;

package/lib/components/FluidTextArea/FluidTextArea.js

@@ -19,23 +19,17 @@ var deprecate = require('../../prop-types/deprecate.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 FluidTextArea = ({
   className,
   ...other
 }) => {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--text-area--fluid`, className);
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  const classNames = cx(`${prefix}--text-area--fluid`, className);
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default["default"].createElement(TextArea["default"], _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(TextArea.default, _rollupPluginBabelHelpers.extends({
     className: classNames
   }, other)));
 };
@@ -44,91 +38,91 @@ FluidTextArea.propTypes = {
    * Provide a custom className that is applied directly to the underlying
    * `<textarea>` node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the `cols` attribute for the underlying `<textarea>` node
    */
-  cols: PropTypes__default["default"].number,
+  cols: PropTypes.number,
   /**
    * Optionally provide the default value of the `<textarea>`
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether to display the character counter
    */
-  enableCounter: PropTypes__default["default"].bool,
+  enableCounter: PropTypes.bool,
   /**
    * Provide text that is used alongside the control label for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether you want the underlying label to be visually hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Provide a unique identifier for the control
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify whether the control is currently 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,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `FluidTextArea` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `FluidTextArea` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Max character count allowed for the textarea. This is needed in order for enableCounter to display
    */
-  maxCount: PropTypes__default["default"].number,
+  maxCount: PropTypes.number,
   /**
    * Optionally provide an `onChange` handler that is called whenever `<textarea>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<textarea>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the placeholder attribute for the `<textarea>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * Specify the rows attribute for the `<textarea>`
    */
-  rows: PropTypes__default["default"].number,
+  rows: PropTypes.number,
   /**
    * Provide the current value of the `<textarea>`
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * 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"] = FluidTextArea;
+exports.default = FluidTextArea;

package/lib/components/FluidTextInput/FluidPasswordInput.js

@@ -13,85 +13,81 @@ require('classnames');
 require('../TextInput/ControlledPasswordInput.js');
 require('../TextInput/PasswordInput.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 ({
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
-  className: PropTypes__default["default"].string,
+  className: 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,
   /**
    * "Hide password" tooltip text on password visibility toggle
    */
-  hidePasswordLabel: PropTypes__default["default"].string,
+  hidePasswordLabel: PropTypes.string,
   /**
    * Specify a custom `id` for the `<input>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether the control is currently 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 whether the control is a password input
    */
-  isPassword: PropTypes__default["default"].bool,
+  isPassword: PropTypes.bool,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Callback function that is called whenever the toggle password visibility
    * button is clicked
    */
-  onTogglePasswordVisibility: PropTypes__default["default"].func,
+  onTogglePasswordVisibility: PropTypes.func,
   /**
    * Specify the placeholder attribute for the `<input>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * "Show password" tooltip text on password visibility toggle
    */
-  showPasswordLabel: PropTypes__default["default"].string,
+  showPasswordLabel: 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]),
   /**
    * 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
 });

package/lib/components/FluidTextInput/FluidTextInput.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 FluidTextInputSkeleton = ({
   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 @@ FluidTextInputSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = FluidTextInputSkeleton;
+exports.default = FluidTextInputSkeleton;

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -20,29 +20,23 @@ var PasswordInput = require('../TextInput/PasswordInput.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 FluidTextInput = /*#__PURE__*/React__default["default"].forwardRef(function FluidTextInput({
+const FluidTextInput = /*#__PURE__*/React.forwardRef(function FluidTextInput({
   className,
   isPassword,
   ...other
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](className, {
+  const classNames = cx(className, {
     [`${prefix}--text-input--fluid`]: !isPassword
   });
-  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, isPassword ? /*#__PURE__*/React__default["default"].createElement(PasswordInput["default"], _rollupPluginBabelHelpers["extends"]({
+  }, isPassword ? /*#__PURE__*/React.createElement(PasswordInput.default, _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
-  }, other)) : /*#__PURE__*/React__default["default"].createElement(TextInput["default"], _rollupPluginBabelHelpers["extends"]({
+  }, other)) : /*#__PURE__*/React.createElement(TextInput.default, _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
   }, other)));
@@ -51,74 +45,74 @@ FluidTextInput.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper
    */
-  className: PropTypes__default["default"].string,
+  className: 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.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether the control is currently 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 whether the control is a password input
    */
-  isPassword: PropTypes__default["default"].bool,
+  isPassword: PropTypes.bool,
   /**
    * Max character count allowed for the textInput. This is needed in order for enableCounter to display
    */
-  maxCount: PropTypes__default["default"].number,
+  maxCount: PropTypes.number,
   /**
    * Specify whether to display the character counter
    */
-  enableCounter: PropTypes__default["default"].bool,
+  enableCounter: PropTypes.bool,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the placeholder attribute for the `<input>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: 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]),
   /**
    * 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"] = FluidTextInput;
+exports.default = FluidTextInput;

package/lib/components/FluidTextInput/index.js

@@ -15,6 +15,6 @@ var FluidTextInput_Skeleton = require('./FluidTextInput.Skeleton.js');
 
 
 
-exports.FluidTextInput = FluidTextInput["default"];
-exports["default"] = FluidTextInput["default"];
-exports.FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
+exports.FluidTextInput = FluidTextInput.default;
+exports.default = FluidTextInput.default;
+exports.FluidTextInputSkeleton = FluidTextInput_Skeleton.default;

package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -20,12 +20,6 @@ var FluidTextInput_Skeleton = require('../FluidTextInput/FluidTextInput.Skeleton
 require('../FluidSelect/FluidSelect.js');
 var FluidSelect_Skeleton = require('../FluidSelect/FluidSelect.Skeleton.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);
-
 var _FluidTextInputSkelet, _FluidSelectSkeleton, _FluidSelectSkeleton2;
 const FluidTimePickerSkeleton = ({
   className,
@@ -33,22 +27,22 @@ const FluidTimePickerSkeleton = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx__default["default"](className, `${prefix}--time-picker--fluid--skeleton`, {
+  const wrapperClasses = cx(className, `${prefix}--time-picker--fluid--skeleton`, {
     [`${prefix}--time-picker--equal-width`]: isOnlyTwo
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: wrapperClasses
-  }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React__default["default"].createElement(FluidTextInput_Skeleton["default"], null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React__default["default"].createElement(FluidSelect_Skeleton["default"], null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React__default["default"].createElement(FluidSelect_Skeleton["default"], null)) : null);
+  }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React.createElement(FluidTextInput_Skeleton.default, null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React.createElement(FluidSelect_Skeleton.default, null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React.createElement(FluidSelect_Skeleton.default, null)) : null);
 };
 FluidTimePickerSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if there are only two TimePicker elements
    */
-  isOnlyTwo: PropTypes__default["default"].bool
+  isOnlyTwo: PropTypes.bool
 };
 
-exports["default"] = FluidTimePickerSkeleton;
+exports.default = FluidTimePickerSkeleton;