@thecb/components 6.0.0-beta.12 → 6.0.0-beta.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js
CHANGED
|
@@ -19425,7 +19425,7 @@ var DropdownContentWrapper = styled__default.div.withConfig({
|
|
|
19425
19425
|
var DropdownItemWrapper = styled__default.li.withConfig({
|
|
19426
19426
|
displayName: "Dropdown__DropdownItemWrapper",
|
|
19427
19427
|
componentId: "sc-pn6m0h-2"
|
|
19428
|
-
})(["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) {
|
|
19428
|
+
})(["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) {
|
|
19429
19429
|
var selected = _ref4.selected,
|
|
19430
19430
|
themeValues = _ref4.themeValues;
|
|
19431
19431
|
return selected ? themeValues.selectedColor : WHITE;
|
|
@@ -19648,10 +19648,14 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
19648
19648
|
dropdownRef.current.focus();
|
|
19649
19649
|
}
|
|
19650
19650
|
}, [filteredOptions]);
|
|
19651
|
-
return /*#__PURE__*/React__default.createElement(
|
|
19651
|
+
return /*#__PURE__*/React__default.createElement(Box, {
|
|
19652
|
+
padding: "0",
|
|
19653
|
+
extraStyles: "position: relative;",
|
|
19654
|
+
minWidth: "100%",
|
|
19655
|
+
width: "100%"
|
|
19656
|
+
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
19652
19657
|
direction: "row",
|
|
19653
|
-
bottomItem: 2
|
|
19654
|
-
extraStyles: "position: relative;"
|
|
19658
|
+
bottomItem: 2
|
|
19655
19659
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
19656
19660
|
as: "input",
|
|
19657
19661
|
"aria-multiline": "false",
|
|
@@ -19670,6 +19674,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
19670
19674
|
extraStyles: disabled && "color: #6e727e;\n background-color: #f7f7f7;\n pointer-events: none;",
|
|
19671
19675
|
hoverStyles: "background-color: ".concat(themeValues.hoverColor, ";"),
|
|
19672
19676
|
isOpen: isOpen,
|
|
19677
|
+
minWidth: "85%",
|
|
19673
19678
|
name: autocompleteValue,
|
|
19674
19679
|
onKeyDown: onKeyDown,
|
|
19675
19680
|
onClick: onClick,
|
|
@@ -19687,7 +19692,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
19687
19692
|
type: "text",
|
|
19688
19693
|
tabIndex: -1,
|
|
19689
19694
|
value: inputValue,
|
|
19690
|
-
width: "
|
|
19695
|
+
width: "85%",
|
|
19691
19696
|
dataQa: placeholder
|
|
19692
19697
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
19693
19698
|
open: isOpen
|