@thecb/components 6.0.0-beta.12 → 6.0.0-beta.13

package/dist/index.esm.js

@@ -19417,7 +19417,7 @@ var DropdownContentWrapper = styled.div.withConfig({
 var DropdownItemWrapper = styled.li.withConfig({
   displayName: "Dropdown__DropdownItemWrapper",
   componentId: "sc-pn6m0h-2"
-})(["background-color:", ";text-align:start;border-width:0px;border-color:transparent;box-shadow:none;padding:1rem;box-sizing:border-box;width:100%;cursor:", ";&:hover{background-color:", ";}&:focus{background-color:", ";outline:none;}"], function (_ref4) {
+})(["background-color:", ";text-align:start;border-width:0px;border-color:transparent;box-shadow:none;padding:1rem;box-sizing:border-box;width:100%;list-style:none;cursor:", ";&:hover{background-color:", ";}&:focus{background-color:", ";outline:none;}"], function (_ref4) {
   var selected = _ref4.selected,
       themeValues = _ref4.themeValues;
   return selected ? themeValues.selectedColor : WHITE;
@@ -19640,10 +19640,14 @@ var Dropdown = function Dropdown(_ref8) {
       dropdownRef.current.focus();
     }
   }, [filteredOptions]);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React.createElement(Box, {
+    padding: "0",
+    extraStyles: "position: relative;",
+    minWidth: "100%",
+    width: "100%"
+  }, /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
-    bottomItem: 2,
-    extraStyles: "position: relative;"
+    bottomItem: 2
   }, /*#__PURE__*/React.createElement(Box, {
     as: "input",
     "aria-multiline": "false",
@@ -19662,6 +19666,7 @@ var Dropdown = function Dropdown(_ref8) {
     extraStyles: disabled && "color: #6e727e;\n            background-color: #f7f7f7;\n            pointer-events: none;",
     hoverStyles: "background-color: ".concat(themeValues.hoverColor, ";"),
     isOpen: isOpen,
+    minWidth: "85%",
     name: autocompleteValue,
     onKeyDown: onKeyDown,
     onClick: onClick,
@@ -19679,7 +19684,7 @@ var Dropdown = function Dropdown(_ref8) {
     type: "text",
     tabIndex: -1,
     value: inputValue,
-    width: "100%",
+    width: "85%",
     dataQa: placeholder
   }), /*#__PURE__*/React.createElement(IconWrapper, {
     open: isOpen