@thecb/components 9.1.7-beta.2 → 9.1.7-beta.4

package/dist/index.esm.js

@@ -23762,27 +23762,26 @@ var DropdownContentWrapper = styled.div.withConfig({
 var DropdownItemWrapper = styled.li.withConfig({
   displayName: "Dropdown__DropdownItemWrapper",
   componentId: "sc-pn6m0h-2"
-})(["text-align:start;border-width:2px;border-style:solid;border-color:", ";box-shadow:none;box-sizing:border-box;width:100%;list-style:none;cursor:", ";&:hover{background:", ";> *{background:", ";border-color:", ";}}&:focus{outline:none;background:", ";border-color:", ";> *{background:", ";border-color:white;outline:none;}}"], function (_ref4) {
+})(["text-align:start;border-width:2px;border-style:solid;border-color:", ";box-shadow:none;box-sizing:border-box;width:100%;list-style:none;cursor:", ";&:hover{background:", ";border-color:", ";> *{background:", ";border-color:transparent;}}&:focus{outline:none;background:", ";border-color:", ";> *{background:", ";border-color:white;outline:none;}}"], function (_ref4) {
   var selected = _ref4.selected,
       themeValues = _ref4.themeValues;
-  return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : TRANSPARENT;
+  return selected ? themeValues.selectedColor : WHITE;
 }, function (_ref5) {
   var disabled = _ref5.disabled;
   return disabled ? "default" : "pointer";
 }, function (_ref6) {
-  var selected = _ref6.selected,
-      disabled = _ref6.disabled,
+  var disabled = _ref6.disabled,
       themeValues = _ref6.themeValues;
-  return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : disabled ? WHITE : themeValues.hoverColor;
+  return disabled ? WHITE : addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0);
 }, function (_ref7) {
   var selected = _ref7.selected,
-      disabled = _ref7.disabled,
       themeValues = _ref7.themeValues;
-  return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : disabled ? WHITE : themeValues.hoverColor;
+  return selected ? TRANSPARENT : themeValues.hoverColor;
 }, function (_ref8) {
   var selected = _ref8.selected,
+      disabled = _ref8.disabled,
       themeValues = _ref8.themeValues;
-  return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : themeValues.hoverColor;
+  return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : disabled ? WHITE : themeValues.hoverColor;
 }, function (_ref9) {
   var selected = _ref9.selected,
       themeValues = _ref9.themeValues;