@carbon/react 1.27.0 → 1.28.0

package/es/components/FluidDatePicker/FluidDatePicker.js

@@ -5,29 +5,33 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import DatePicker from '../DatePicker/DatePicker.js';
+import '../DatePicker/DatePicker.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var _excluded = ["className", "children", "invalid", "invalidText", "readOnly", "warn", "warnText"];
-var FluidDatePicker = /*#__PURE__*/React__default.forwardRef(function FluidDatePicker(_ref, ref) {
-  var _classnames;
-
-  var className = _ref.className,
-      children = _ref.children,
-      invalid = _ref.invalid,
-      invalidText = _ref.invalidText,
-      readOnly = _ref.readOnly,
-      warn = _ref.warn,
-      warnText = _ref.warnText,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx(className, (_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "--date-picker--fluid"), true), _defineProperty(_classnames, "".concat(prefix, "--date-picker--fluid--invalid"), invalid), _defineProperty(_classnames, "".concat(prefix, "--date-picker--fluid--readonly"), readOnly), _defineProperty(_classnames, "".concat(prefix, "--date-picker--fluid--warn"), warn), _classnames));
+const FluidDatePicker = /*#__PURE__*/React__default.forwardRef(function FluidDatePicker(_ref, ref) {
+  let {
+    className,
+    children,
+    invalid,
+    invalidText,
+    readOnly,
+    warn,
+    warnText,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(className, {
+    [`${prefix}--date-picker--fluid`]: true,
+    [`${prefix}--date-picker--fluid--invalid`]: invalid,
+    [`${prefix}--date-picker--fluid--readonly`]: readOnly,
+    [`${prefix}--date-picker--fluid--warn`]: warn
+  });
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidDatePickerInput/FluidDatePickerInput.js

@@ -10,9 +10,9 @@ import React__default from 'react';
 import DatePickerInput from '../DatePickerInput/DatePickerInput.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var FluidDatePickerInput = /*#__PURE__*/React__default.forwardRef(function FluidDatePickerInput(_ref, ref) {
-  var other = _extends({}, _ref);
-
+const FluidDatePickerInput = /*#__PURE__*/React__default.forwardRef(function FluidDatePickerInput(_ref, ref) {
+  let { ...other
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidDropdown/FluidDropdown.Skeleton.js

@@ -5,28 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className"];
-
-var FluidDropdownSkeleton = function FluidDropdownSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var wrapperClasses = cx(className, "".concat(prefix, "--skeleton"), "".concat(prefix, "--list-box"));
+const FluidDropdownSkeleton = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const wrapperClasses = cx(className, `${prefix}--skeleton`, `${prefix}--list-box`);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--list-box__wrapper--fluid")
+    className: `${prefix}--list-box__wrapper--fluid`
   }, /*#__PURE__*/React__default.createElement("div", _extends({
     className: wrapperClasses
   }, rest), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--list-box__label")
+    className: `${prefix}--list-box__label`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--list-box__field")
+    className: `${prefix}--list-box__field`
   })));
 };
 

package/es/components/FluidDropdown/FluidDropdown.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -14,14 +14,16 @@ import '../Dropdown/Dropdown.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var _excluded = ["className", "isCondensed"];
-var FluidDropdown = /*#__PURE__*/React__default.forwardRef(function FluidDropdown(_ref, ref) {
-  var className = _ref.className,
-      isCondensed = _ref.isCondensed,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--list-box__wrapper--fluid"), className, _defineProperty({}, "".concat(prefix, "--list-box__wrapper--fluid--condensed"), isCondensed));
+const FluidDropdown = /*#__PURE__*/React__default.forwardRef(function FluidDropdown(_ref, ref) {
+  let {
+    className,
+    isCondensed,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
+    [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
+  });
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidForm/FluidForm.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -13,15 +13,14 @@ import Form from '../Form/Form.js';
 import { FormContext } from './FormContext.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className", "children"];
-
-var FluidForm = function FluidForm(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--form--fluid"), className);
+const FluidForm = _ref => {
+  let {
+    className,
+    children,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--form--fluid`, className);
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidForm/FormContext.js

@@ -7,7 +7,7 @@
 
 import { createContext } from 'react';
 
-var FormContext = /*#__PURE__*/createContext({
+const FormContext = /*#__PURE__*/createContext({
   isFluid: false
 });
 

package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js

@@ -5,28 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className"];
-
-var FluidMultiSelectSkeleton = function FluidMultiSelectSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var wrapperClasses = cx(className, "".concat(prefix, "--skeleton"), "".concat(prefix, "--list-box"));
+const FluidMultiSelectSkeleton = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const wrapperClasses = cx(className, `${prefix}--skeleton`, `${prefix}--list-box`);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--list-box__wrapper--fluid")
+    className: `${prefix}--list-box__wrapper--fluid`
   }, /*#__PURE__*/React__default.createElement("div", _extends({
     className: wrapperClasses
   }, rest), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--list-box__label")
+    className: `${prefix}--list-box__label`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--list-box__field")
+    className: `${prefix}--list-box__field`
   })));
 };
 

package/es/components/FluidMultiSelect/FluidMultiSelect.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -15,15 +15,17 @@ import { FormContext } from '../FluidForm/FormContext.js';
 import FilterableMultiSelect from '../MultiSelect/FilterableMultiSelect.js';
 import MultiSelect from '../MultiSelect/MultiSelect.js';
 
-var _excluded = ["className", "isCondensed", "isFilterable"];
-var FluidMultiSelect = /*#__PURE__*/React__default.forwardRef(function FluidMultiSelect(_ref, ref) {
-  var className = _ref.className,
-      isCondensed = _ref.isCondensed,
-      isFilterable = _ref.isFilterable,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--list-box__wrapper--fluid"), className, _defineProperty({}, "".concat(prefix, "--list-box__wrapper--fluid--condensed"), isCondensed));
+const FluidMultiSelect = /*#__PURE__*/React__default.forwardRef(function FluidMultiSelect(_ref, ref) {
+  let {
+    className,
+    isCondensed,
+    isFilterable,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
+    [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
+  });
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidSelect/FluidSelect.Skeleton.js

@@ -5,28 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className"];
-
-var FluidSelectSkeleton = function FluidSelectSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var wrapperClasses = cx(className, "".concat(prefix, "--skeleton"), "".concat(prefix, "--list-box"));
+const FluidSelectSkeleton = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const wrapperClasses = cx(className, `${prefix}--skeleton`, `${prefix}--list-box`);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--list-box__wrapper--fluid")
+    className: `${prefix}--list-box__wrapper--fluid`
   }, /*#__PURE__*/React__default.createElement("div", _extends({
     className: wrapperClasses
   }, rest), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--list-box__label")
+    className: `${prefix}--list-box__label`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--list-box__field")
+    className: `${prefix}--list-box__field`
   })));
 };
 

package/es/components/FluidSelect/FluidSelect.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -14,14 +14,14 @@ import '../Select/Select.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var _excluded = ["className", "children"];
-var FluidSelect = /*#__PURE__*/React__default.forwardRef(function FluidSelect(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--select--fluid"), className);
+const FluidSelect = /*#__PURE__*/React__default.forwardRef(function FluidSelect(_ref, ref) {
+  let {
+    className,
+    children,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--select--fluid`, className);
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidTextArea/FluidTextArea.Skeleton.js

@@ -5,30 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var _excluded = ["className"];
-
 function FluidTextAreaSkeleton(_ref) {
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
   }, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item ").concat(prefix, "--text-area--fluid__skeleton"), className)
+    className: cx(`${prefix}--form-item ${prefix}--text-area--fluid__skeleton`, className)
   }, other), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
+    className: `${prefix}--label ${prefix}--skeleton`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-area")
+    className: `${prefix}--skeleton ${prefix}--text-area`
   })));
 }
 

package/es/components/FluidTextArea/FluidTextArea.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -15,14 +15,13 @@ import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var _excluded = ["className"];
-
 function FluidTextArea(_ref) {
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--text-area--fluid"), className);
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--text-area--fluid`, className);
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidTextInput/FluidTextInput.Skeleton.js

@@ -5,30 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var _excluded = ["className"];
-
 function FluidTextInputSkeleton(_ref) {
-  var className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
   }, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item ").concat(prefix, "--text-input--fluid__skeleton"), className)
+    className: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
   }, other), /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
+    className: `${prefix}--label ${prefix}--skeleton`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-input")
+    className: `${prefix}--skeleton ${prefix}--text-input`
   })));
 }
 

package/es/components/FluidTextInput/FluidTextInput.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -15,15 +15,16 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import TextInput from '../TextInput/TextInput.js';
 
-var _excluded = ["className", "isPassword"];
-
 function FluidTextInput(_ref) {
-  var className = _ref.className,
-      isPassword = _ref.isPassword,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx(className, _defineProperty({}, "".concat(prefix, "--text-input--fluid"), !isPassword));
+  let {
+    className,
+    isPassword,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(className, {
+    [`${prefix}--text-input--fluid`]: !isPassword
+  });
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true

package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -15,15 +15,16 @@ import FluidSelectSkeleton from '../FluidSelect/FluidSelect.Skeleton.js';
 
 var _FluidTextInputSkelet, _FluidSelectSkeleton, _FluidSelectSkeleton2;
 
-var _excluded = ["className", "isOnlyTwo"];
-
-var FluidTimePickerSkeleton = function FluidTimePickerSkeleton(_ref) {
-  var className = _ref.className,
-      isOnlyTwo = _ref.isOnlyTwo,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var wrapperClasses = cx(className, "".concat(prefix, "--time-picker--fluid--skeleton"), _defineProperty({}, "".concat(prefix, "--time-picker--equal-width"), isOnlyTwo));
+const FluidTimePickerSkeleton = _ref => {
+  let {
+    className,
+    isOnlyTwo,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const wrapperClasses = cx(className, `${prefix}--time-picker--fluid--skeleton`, {
+    [`${prefix}--time-picker--equal-width`]: isOnlyTwo
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: wrapperClasses
   }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React__default.createElement(FluidTextInputSkeleton, null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React__default.createElement(FluidSelectSkeleton, null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React__default.createElement(FluidSelectSkeleton, null)) : null);

package/es/components/FluidTimePicker/FluidTimePicker.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -13,23 +13,27 @@ import FluidTextInput from '../FluidTextInput/FluidTextInput.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 
-var _excluded = ["className", "children", "disabled", "invalid", "invalidText", "warn", "warnText"];
-var FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTimePicker(_ref, ref) {
-  var _classnames;
+const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTimePicker(_ref, ref) {
+  let {
+    className,
+    children,
+    disabled,
+    invalid,
+    invalidText,
+    warn,
+    warnText,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(className, {
+    [`${prefix}--time-picker--fluid`]: true,
+    [`${prefix}--time-picker--equal-width`]: (children === null || children === void 0 ? void 0 : children.length) !== 2,
+    [`${prefix}--time-picker--fluid--disabled`]: disabled,
+    [`${prefix}--time-picker--fluid--invalid`]: invalid,
+    [`${prefix}--time-picker--fluid--warning`]: warn
+  });
 
-  var className = _ref.className,
-      children = _ref.children,
-      disabled = _ref.disabled,
-      invalid = _ref.invalid,
-      invalidText = _ref.invalidText,
-      warn = _ref.warn,
-      warnText = _ref.warnText,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx(className, (_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "--time-picker--fluid"), true), _defineProperty(_classnames, "".concat(prefix, "--time-picker--equal-width"), (children === null || children === void 0 ? void 0 : children.length) !== 2), _defineProperty(_classnames, "".concat(prefix, "--time-picker--fluid--disabled"), disabled), _defineProperty(_classnames, "".concat(prefix, "--time-picker--fluid--invalid"), invalid), _defineProperty(_classnames, "".concat(prefix, "--time-picker--fluid--warning"), warn), _classnames));
-
-  var errorText = function errorText() {
+  const errorText = () => {
     if (invalid) {
       return invalidText;
     }
@@ -39,28 +43,28 @@ var FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTimeP
     }
   };
 
-  var error = invalid || warn;
+  const error = invalid || warn;
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--time-picker--fluid__wrapper")
+    className: `${prefix}--time-picker--fluid__wrapper`
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--time-picker__input")
+    className: `${prefix}--time-picker__input`
   }, /*#__PURE__*/React__default.createElement(FluidTextInput, _extends({
     disabled: disabled,
     ref: ref
-  }, other))), disabled ? React__default.Children.toArray(children).map(function (child) {
+  }, other))), disabled ? React__default.Children.toArray(children).map(child => {
     return /*#__PURE__*/React__default.cloneElement(child, {
-      disabled: disabled
+      disabled
     });
   }) : children), error && /*#__PURE__*/React__default.createElement("hr", {
-    className: "".concat(prefix, "--time-picker__divider")
+    className: `${prefix}--time-picker__divider`
   }), error && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, errorText()), error && invalid ? /*#__PURE__*/React__default.createElement(WarningFilled, {
-    className: "".concat(prefix, "--time-picker__icon ").concat(prefix, "--time-picker__icon--invalid")
+    className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--invalid`
   }) : /*#__PURE__*/React__default.createElement(WarningAltFilled, {
-    className: "".concat(prefix, "--time-picker__icon ").concat(prefix, "--time-picker__icon--warn")
+    className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--warn`
   }));
 });
 FluidTimePicker.propTypes = {

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import FluidSelect from '../FluidSelect/FluidSelect.js';
 
-var _excluded = ["children", "className"];
-var FluidTimePickerSelect = /*#__PURE__*/React__default.forwardRef(function FluidTimePickerSelect(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
+const FluidTimePickerSelect = /*#__PURE__*/React__default.forwardRef(function FluidTimePickerSelect(_ref, ref) {
+  let {
+    children,
+    className,
+    ...other
+  } = _ref;
   return /*#__PURE__*/React__default.createElement(FluidSelect, _extends({
     className: className,
     ref: ref