@carbon/react 1.19.0 → 1.20.0

package/es/components/TimePickerSelect/TimePickerSelect.js

@@ -5,78 +5,66 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { Component } from 'react';
+import React__default from 'react';
 import cx from 'classnames';
 import { ChevronDown } from '@carbon/icons-react';
-import deprecate from '../../prop-types/deprecate.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
-
-var _defineProperty2;
-
-var _excluded = ["aria-label", "children", "className", "disabled", "hideLabel", "id", "iconDescription", "labelText"];
-
-var TimePickerSelect = /*#__PURE__*/function (_Component) {
-  _inherits(TimePickerSelect, _Component);
-
-  var _super = _createSuper(TimePickerSelect);
-
-  function TimePickerSelect() {
-    _classCallCheck(this, TimePickerSelect);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(TimePickerSelect, [{
-    key: "render",
-    value: function render() {
-      var _classNames;
-
-      var prefix = this.context;
-
-      var _this$props = this.props,
-          _this$props$ariaLabe = _this$props['aria-label'],
-          ariaLabel = _this$props$ariaLabe === void 0 ? 'open list of options' : _this$props$ariaLabe,
-          children = _this$props.children,
-          className = _this$props.className,
-          disabled = _this$props.disabled,
-          _this$props$hideLabel = _this$props.hideLabel,
-          hideLabel = _this$props$hideLabel === void 0 ? true : _this$props$hideLabel,
-          id = _this$props.id,
-          iconDescription = _this$props.iconDescription,
-          labelText = _this$props.labelText,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-      var selectClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--select"), true), _defineProperty(_classNames, "".concat(prefix, "--time-picker__select"), true), _defineProperty(_classNames, className, className), _classNames));
-      var labelClasses = cx("".concat(prefix, "--label"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-      var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
-        htmlFor: id,
-        className: labelClasses
-      }, labelText) : null;
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: selectClasses
-      }, label, /*#__PURE__*/React__default.createElement("select", _extends({
-        className: "".concat(prefix, "--select-input"),
-        disabled: disabled,
-        id: id,
-        "aria-label": ariaLabel
-      }, rest), children), /*#__PURE__*/React__default.createElement(ChevronDown, {
-        className: "".concat(prefix, "--select__arrow"),
-        "aria-label": ariaLabel ? ariaLabel : iconDescription
-      }));
-    }
-  }]);
-
-  return TimePickerSelect;
-}(Component);
-
-_defineProperty(TimePickerSelect, "contextType", PrefixContext);
-
-_defineProperty(TimePickerSelect, "propTypes", (_defineProperty2 = {}, _defineProperty(_defineProperty2, 'aria-label', PropTypes.string), _defineProperty(_defineProperty2, "children", PropTypes.node), _defineProperty(_defineProperty2, "className", PropTypes.string), _defineProperty(_defineProperty2, "defaultValue", PropTypes.any), _defineProperty(_defineProperty2, "disabled", PropTypes.bool), _defineProperty(_defineProperty2, "hideLabel", deprecate(PropTypes.bool, 'The `hideLabel` prop for `TimePickerSelect` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.')), _defineProperty(_defineProperty2, "iconDescription", deprecate(PropTypes.string, 'The `iconDescription` prop for `TimePickerSelect` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release. Use `aria-label` instead.')), _defineProperty(_defineProperty2, "id", PropTypes.string.isRequired), _defineProperty(_defineProperty2, "labelText", PropTypes.node.isRequired), _defineProperty2));
-
-_defineProperty(TimePickerSelect, "defaultProps", {
-  disabled: false
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["aria-label", "children", "id", "disabled", "className"];
+var TimePickerSelect = /*#__PURE__*/React__default.forwardRef(function TimePickerSelect(_ref, ref) {
+  var _cx;
+
+  var _ref$ariaLabel = _ref['aria-label'],
+      ariaLabel = _ref$ariaLabel === void 0 ? 'open list of options' : _ref$ariaLabel,
+      children = _ref.children,
+      id = _ref.id,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var selectClasses = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--select"), true), _defineProperty(_cx, "".concat(prefix, "--time-picker__select"), true), _defineProperty(_cx, className, className), _cx));
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: selectClasses
+  }, /*#__PURE__*/React__default.createElement("select", _extends({
+    "aria-label": ariaLabel,
+    className: "".concat(prefix, "--select-input"),
+    disabled: disabled,
+    id: id,
+    ref: ref
+  }, rest), children), /*#__PURE__*/React__default.createElement(ChevronDown, {
+    className: "".concat(prefix, "--select__arrow"),
+    "aria-hidden": "true"
+  }));
 });
+TimePickerSelect.propTypes = {
+  /**
+   * Provide the contents of your TimePickerSelect
+   */
+  children: PropTypes.node,
+
+  /**
+   * Specify an optional className to be applied to the node containing the label and the select box
+   */
+  className: PropTypes.string,
+
+  /**
+   * Optionally provide the default value of the `<select>`
+   */
+  defaultValue: PropTypes.any,
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Specify a custom `id` for the `<select>`
+   */
+  id: PropTypes.string.isRequired
+};
 
 export { TimePickerSelect as default };

package/es/components/TimePickerSelect/index.js

@@ -6,9 +6,8 @@
  */
 
 import * as FeatureFlags from '@carbon/feature-flags';
-import TimePickerSelect$1 from './next/TimePickerSelect.js';
-import TimePickerSelect$2 from './TimePickerSelect.js';
+import TimePickerSelect$1 from './TimePickerSelect.js';
 
-var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelect$1 : TimePickerSelect$2;
+var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelect$1 : TimePickerSelect$1;
 
 export { TimePickerSelect as default };

package/es/index.js

@@ -159,6 +159,10 @@ export { default as unstable__FluidDropdown } from './components/FluidDropdown/F
 export { default as unstable__FluidDropdownSkeleton } from './components/FluidDropdown/FluidDropdown.Skeleton.js';
 export { default as unstable__FluidMultiSelect } from './components/FluidMultiSelect/FluidMultiSelect.js';
 export { default as unstable__FluidMultiSelectSkeleton } from './components/FluidMultiSelect/FluidMultiSelect.Skeleton.js';
+export { default as unstable__FluidNumberInput } from './components/FluidNumberInput/FluidNumberInput.js';
+export { default as unstable__FluidNumberInputSkeleton } from './components/FluidNumberInput/FluidNumberInput.Skeleton.js';
+export { default as unstable__FluidSearch } from './components/FluidSearch/FluidSearch.js';
+export { default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
 export { default as unstable__FluidSelect } from './components/FluidSelect/FluidSelect.js';
 export { default as unstable__FluidSelectSkeleton } from './components/FluidSelect/FluidSelect.Skeleton.js';
 export { default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';

package/es/node_modules/flatpickr/dist/l10n/index.js

@@ -6,7 +6,7 @@
  */
 
 import { commonjsGlobal, getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
-import { l as l10n$1 } from '../../../../_virtual/index.js';
+import { exports as l10nExports, __module as l10n$1 } from '../../../../_virtual/index.js';
 
 (function (module, exports) {
   (function (global, factory) {
@@ -1416,8 +1416,8 @@ import { l as l10n$1 } from '../../../../_virtual/index.js';
       value: true
     });
   });
-})(l10n$1, l10n$1.exports);
+})(l10n$1, l10nExports);
 
-var l10n = /*@__PURE__*/getDefaultExportFromCjs(l10n$1.exports);
+var l10n = /*@__PURE__*/getDefaultExportFromCjs(l10nExports);
 
 export { l10n as default };

package/es/node_modules/flatpickr/dist/plugins/rangePlugin.js

@@ -6,7 +6,7 @@
  */
 
 import { commonjsGlobal } from '../../../../_virtual/_commonjsHelpers.js';
-import { r as rangePlugin$1 } from '../../../../_virtual/rangePlugin.js';
+import { __module as rangePlugin$1, exports as rangePluginExports } from '../../../../_virtual/rangePlugin.js';
 
 (function (module, exports) {
   (function (global, factory) {
@@ -191,6 +191,6 @@ import { r as rangePlugin$1 } from '../../../../_virtual/rangePlugin.js';
   });
 })(rangePlugin$1);
 
-var rangePlugin = rangePlugin$1.exports;
+var rangePlugin = rangePluginExports;
 
 export { rangePlugin as default };

package/es/node_modules/use-resize-observer/polyfilled.js

@@ -6,7 +6,6 @@
  */
 
 import { typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import '../resize-observer-polyfill/dist/ResizeObserver.es.js';
 import require$$0 from '../../_virtual/ResizeObserver.es.js';
 import React__default from 'react';
 

package/lib/_virtual/_commonjsHelpers.js

@@ -16,8 +16,21 @@ function getDefaultExportFromCjs (x) {
 }
 
 function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+				var args = [null];
+				args.push.apply(args, arguments);
+				var Ctor = Function.bind.apply(f, args);
+				return new Ctor();
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
 	Object.keys(n).forEach(function (k) {
 		var d = Object.getOwnPropertyDescriptor(n, k);
 		Object.defineProperty(a, k, d.get ? d : {

package/lib/_virtual/index.js

@@ -9,6 +9,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var l10n = {exports: {}};
+exports.exports = {};
+var l10n = {
+  get exports(){ return exports.exports; },
+  set exports(v){ exports.exports = v; },
+};
 
-exports.l10n = l10n;
+exports.__module = l10n;

package/lib/_virtual/rangePlugin.js

@@ -9,6 +9,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var rangePlugin = {exports: {}};
+exports.exports = {};
+var rangePlugin = {
+  get exports(){ return exports.exports; },
+  set exports(v){ exports.exports = v; },
+};
 
-exports.rangePlugin = rangePlugin;
+exports.__module = rangePlugin;

package/lib/components/ContainedList/ContainedList.js

@@ -9,6 +9,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
@@ -27,6 +28,7 @@ function ContainedList(_ref) {
   var action = _ref.action,
       children = _ref.children,
       className = _ref.className,
+      isInset = _ref.isInset,
       _ref$kind = _ref.kind,
       kind = _ref$kind === void 0 ? variants[0] : _ref$kind,
       label = _ref.label,
@@ -34,7 +36,7 @@ function ContainedList(_ref) {
       size = _ref$size === void 0 ? 'lg' : _ref$size;
   var labelId = "".concat(useId.useId('contained-list'), "-header");
   var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--contained-list"), "".concat(prefix, "--contained-list--").concat(kind), "".concat(prefix, "--contained-list--").concat(size), className);
+  var classes = cx__default["default"]("".concat(prefix, "--contained-list"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--contained-list--inset-rulers"), isInset), "".concat(prefix, "--contained-list--").concat(kind), "".concat(prefix, "--contained-list--").concat(size), className);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -65,6 +67,11 @@ ContainedList.propTypes = {
    */
   className: PropTypes__default["default"].string,
 
+  /**
+   * Specify whether the dividing lines in between list items should be inset.
+   */
+  isInset: PropTypes__default["default"].bool,
+
   /**
    * The kind of ContainedList you want to display
    */

package/lib/components/DataTable/TableHeader.js

@@ -106,9 +106,7 @@ var TableHeader = /*#__PURE__*/React__default["default"].forwardRef(function Tab
     ref: ref,
     scope: scope
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      display: 'none'
-    },
+    className: "".concat(prefix, "--table-sort__description"),
     id: uniqueId
   }, sortDescription), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
     type: "button",

package/lib/components/DatePicker/DatePicker.js

@@ -132,8 +132,8 @@ function isLabelTextEmpty(children) {
   });
 }
 
-var rightArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"11,8 6,13 5.3,12.3 9.6,8 5.3,3.7 6,3 \"/>\n  <rect width=\"16\" height=\"16\" style=\"fill:none\" />\n</svg>";
-var leftArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"5,8 10,3 10.7,3.7 6.4,8 10.7,12.3 10,13 \"/>\n  <rect width=\"16\" height=\"16\" style=\"fill:none\" />\n</svg>";
+var rightArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"11,8 6,13 5.3,12.3 9.6,8 5.3,3.7 6,3 \"/>\n</svg>";
+var leftArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"5,8 10,3 10.7,3.7 6.4,8 10.7,12.3 10,13 \"/>\n</svg>";
 
 function updateClassNames(calendar, prefix) {
   var calendarContainer = calendar.calendarContainer;
@@ -393,7 +393,18 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Date
       }
     };
   }, [savedOnChange, savedOnClose, savedOnOpen, readOnly]); //eslint-disable-line react-hooks/exhaustive-deps
+  // this hook allows consumers to access the flatpickr calendar
+  // instance for cases where functions like open() or close()
+  // need to be imperatively called on the calendar
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      get calendar() {
+        return calendarRef.current;
+      }
+
+    };
+  });
   React.useEffect(function () {
     var _calendarRef$current;
 

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

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+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);
+
+var _excluded = ["className"];
+
+function FluidNumberInputSkeleton(_ref) {
+  var className = _ref.className,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"]("".concat(prefix, "--form-item ").concat(prefix, "--text-input--fluid__skeleton"), className)
+  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-input")
+  })));
+}
+
+FluidNumberInputSkeleton.propTypes = {
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports["default"] = FluidNumberInputSkeleton;

package/lib/components/FluidNumberInput/FluidNumberInput.js

@@ -0,0 +1,148 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+require('../NumberInput/NumberInput.Skeleton.js');
+var NumberInput = require('../NumberInput/NumberInput.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);
+
+var _excluded = ["className"];
+var FluidNumberInput = /*#__PURE__*/React__default["default"].forwardRef(function FluidNumberInput(_ref, ref) {
+  var className = _ref.className,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var classNames = cx__default["default"]("".concat(prefix, "--number-input--fluid"), className);
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(NumberInput.NumberInput, _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    className: classNames
+  }, other)));
+});
+FluidNumberInput.propTypes = {
+  /**
+   * `true` to allow empty string.
+   */
+  allowEmpty: PropTypes__default["default"].bool,
+
+  /**
+   * Specify an optional className to be applied to the wrapper node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Optional starting value for uncontrolled state
+   */
+  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+
+  /**
+   * Specify if the wheel functionality for the input should be disabled, or not
+   */
+  disableWheel: PropTypes__default["default"].bool,
+
+  /**
+   * Specify if the control should be disabled, or not
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Provide a description for up/down icons that can be read by screen readers
+   */
+  iconDescription: PropTypes__default["default"].string,
+
+  /**
+   * Specify a custom `id` for the input
+   */
+  id: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Specify if the currently value is invalid.
+   */
+  invalid: PropTypes__default["default"].bool,
+
+  /**
+   * Message which is displayed if the value is invalid.
+   */
+  invalidText: PropTypes__default["default"].node,
+
+  /**
+   * Generic `label` that will be used as the textual representation of what
+   * this field is for
+   */
+  label: PropTypes__default["default"].node,
+
+  /**
+   * The maximum value.
+   */
+  max: PropTypes__default["default"].number,
+
+  /**
+   * The minimum value.
+   */
+  min: PropTypes__default["default"].number,
+
+  /**
+   * Provide an optional handler that is called when the internal state of
+   * NumberInput changes. This handler is called with event and state info.
+   * `(event, { value, direction }) => void`
+   */
+  onChange: PropTypes__default["default"].func,
+
+  /**
+   * Provide an optional function to be called when the up/down button is clicked
+   */
+  onClick: PropTypes__default["default"].func,
+
+  /**
+   * Provide an optional function to be called when a key is pressed in the number input
+   */
+  onKeyUp: PropTypes__default["default"].func,
+
+  /**
+   * Specify how much the values should increase/decrease upon clicking on up/down button
+   */
+  step: PropTypes__default["default"].number,
+
+  /**
+   * Provide custom text for the component for each translation id
+   */
+  translateWithId: PropTypes__default["default"].func,
+
+  /**
+   * Specify the value of the input
+   */
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes__default["default"].bool,
+
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes__default["default"].node
+};
+
+exports["default"] = FluidNumberInput;

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

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+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);
+
+var _excluded = ["className"];
+
+function FluidSearchSkeleton(_ref) {
+  var className = _ref.className,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"]("".concat(prefix, "--form-item ").concat(prefix, "--text-input--fluid__skeleton"), className)
+  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--label ").concat(prefix, "--skeleton")
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--skeleton ").concat(prefix, "--text-input")
+  })));
+}
+
+FluidSearchSkeleton.propTypes = {
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports["default"] = FluidSearchSkeleton;