@thecb/components 10.8.0-beta.2 → 10.8.0-beta.3

package/dist/index.cjs.js

@@ -27106,7 +27106,6 @@ var FormInput = function FormInput(_ref15) {
     _ref15$isRequired = _ref15.isRequired,
     isRequired = _ref15$isRequired === void 0 ? false : _ref15$isRequired,
     props = _objectWithoutProperties(_ref15, _excluded2);
-  debugger;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showPassword = _useState2[0],
@@ -28616,12 +28615,10 @@ var Search = function Search(_ref) {
     placeholder = _ref$placeholder === void 0 ? "Search" : _ref$placeholder,
     _ref$searchOnKeypress = _ref.searchOnKeypress,
     searchOnKeypress = _ref$searchOnKeypress === void 0 ? false : _ref$searchOnKeypress,
-    _ref$searchContainerW = _ref.searchContainerWidth,
-    searchContainerWidth = _ref$searchContainerW === void 0 ? null : _ref$searchContainerW,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "100%" : _ref$width,
     ariaControlsId = _ref.ariaControlsId,
     themeValues = _ref.themeValues;
-  console.log("🚀 ~ field:", field);
-  console.log("🚀 ~ fieldActions:", fieldActions);
   var searchTerm = field.rawValue;
   var getFilteredDataset = function getFilteredDataset() {
     if (!searchTerm) return dataset;
@@ -28636,10 +28633,10 @@ var Search = function Search(_ref) {
     return onSearchCallback(getFilteredDataset());
   };
   return /*#__PURE__*/React__default.createElement(Cluster, {
-    extraStyles: "overflow: visible;"
+    extraStyles: "overflow: visible; width: ".concat(width, ";")
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
-    extraStyles: "\n          flex-grow: ".concat(searchContainerWidth ? 0 : 1, "; \n          width: ").concat(searchContainerWidth, " : auto;")
+    extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React__default.createElement(FormInput$1, {
     id: "searchInput",
     role: "search",