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

package/dist/index.d.ts

@@ -1007,7 +1007,7 @@ interface SearchProps {
   disabled?: boolean;
   placeholder?: string;
   searchOnKeypress?: boolean;
-  formWidth?: string;
+  width?: string;
   autocompleteValue?: string;
   themeValues?: object;
 }

package/dist/index.esm.js

@@ -27098,7 +27098,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showPassword = _useState2[0],
@@ -28608,12 +28607,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;
@@ -28628,10 +28625,10 @@ var Search = function Search(_ref) {
     return onSearchCallback(getFilteredDataset());
   };
   return /*#__PURE__*/React.createElement(Cluster, {
-    extraStyles: "overflow: visible;"
+    extraStyles: "overflow: visible; width: ".concat(width, ";")
   }, /*#__PURE__*/React.createElement(Box, {
     padding: "0",
-    extraStyles: "\n          flex-grow: ".concat(searchContainerWidth ? 0 : 1, "; \n          width: ").concat(searchContainerWidth, " : auto;")
+    extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(FormInput$1, {
     id: "searchInput",
     role: "search",