@thecb/components 6.0.0-beta.8 → 6.0.0-beta.9

package/dist/index.cjs.js

@@ -19528,7 +19528,8 @@ var Dropdown = function Dropdown(_ref8) {
   var onKeyDown = function onKeyDown(e) {
     var _optionRefs$current$l, _optionRefs$current;
 
-    console.log("key down event is", e);
+    console.log("key down event is", e.target);
+    console.log("key down event value is", e.target.value);
     var key = e.key,
         keyCode = e.keyCode;
     var focus = document.activeElement;
@@ -19647,28 +19648,22 @@ var Dropdown = function Dropdown(_ref8) {
   return /*#__PURE__*/React__default.createElement(Box, {
     onKeyDown: onKeyDown,
     onClick: onClick,
-    padding: "0",
+    padding: "12px",
     width: "100%",
     hoverStyles: "background-color: ".concat(themeValues.hoverColor, ";"),
+    background: isOpen ? themeValues.hoverColor : WHITE,
     "aria-expanded": isOpen,
     role: "combobox",
     "aria-owns": "".concat(ariaLabelledby, "_listbox"),
     "aria-haspopup": "listbox",
     "aria-labelledby": ariaLabelledby,
     extraStyles: disabled && "color: #6e727e;\n      background-color: #f7f7f7;\n      pointer-events: none;",
-    title: hasTitles ? getSelection() : null
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    as: "button",
-    background: isOpen ? themeValues.hoverColor : WHITE,
-    width: "100%",
-    padding: "12px",
-    hoverStyles: "background-color: ".concat(themeValues.hoverColor, ";"),
-    borderSize: "1px",
-    borderColor: isError ? ERROR_COLOR : isOpen ? themeValues.selectedColor : GREY_CHATEAU,
-    borderRadius: "2px",
-    tabIndex: 0,
+    title: hasTitles ? getSelection() : null,
     dataQa: placeholder,
-    extraStyles: "height: 48px;\n          ".concat(disabled && "color: #6e727e;\n          background-color: #f7f7f7;\n          pointer-events: none;", "\n          ")
+    tabIndex: 0,
+    borderRadius: "2px",
+    borderSize: "1px",
+    borderColor: isError ? ERROR_COLOR : isOpen ? themeValues.selectedColor : GREY_CHATEAU
   }, /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     bottomItem: 2,
@@ -19678,7 +19673,8 @@ var Dropdown = function Dropdown(_ref8) {
     placeholder: getSelection(),
     value: inputValue,
     onChange: function onChange(e) {
-      console.log("input change event", e);
+      console.log("input change event", e.target);
+      console.log("input change event value", e.target.value);
     },
     themeValues: themeValues,
     role: "searchbox",
@@ -19693,7 +19689,7 @@ var Dropdown = function Dropdown(_ref8) {
     autocomplete: autocompleteValue
   }), /*#__PURE__*/React__default.createElement(IconWrapper, {
     open: isOpen
-  }, /*#__PURE__*/React__default.createElement(DropdownIcon, null)))), isOpen ? /*#__PURE__*/React__default.createElement(DropdownContentWrapper, {
+  }, /*#__PURE__*/React__default.createElement(DropdownIcon, null))), isOpen ? /*#__PURE__*/React__default.createElement(DropdownContentWrapper, {
     maxHeight: maxHeight,
     open: isOpen,
     ref: dropdownRef,