@thecb/components 9.1.7-beta.1 → 9.1.7-beta.3

package/dist/index.cjs.js

@@ -23770,10 +23770,10 @@ var DropdownContentWrapper = styled__default.div.withConfig({
 var DropdownItemWrapper = styled__default.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;background:", ";border-width:2px;border-style:solid;border-color:transparent;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) {
   var selected = _ref4.selected,
       themeValues = _ref4.themeValues;
-  return selected ? themeValues.selectedColor : TRANSPARENT;
+  return selected ? themeValues.selectedColor : WHITE;
 }, function (_ref5) {
   var disabled = _ref5.disabled;
   return disabled ? "default" : "pointer";
@@ -23781,15 +23781,16 @@ var DropdownItemWrapper = styled__default.li.withConfig({
   var selected = _ref6.selected,
       disabled = _ref6.disabled,
       themeValues = _ref6.themeValues;
-  return selected ? themeValues.selectedColor : disabled ? WHITE : themeValues.hoverColor;
+  return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : disabled ? WHITE : themeValues.hoverColor;
 }, function (_ref7) {
   var selected = _ref7.selected,
       disabled = _ref7.disabled,
       themeValues = _ref7.themeValues;
-  return selected ? themeValues.selectedColor : disabled ? WHITE : themeValues.hoverColor;
+  return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : disabled ? WHITE : themeValues.hoverColor;
 }, function (_ref8) {
-  var themeValues = _ref8.themeValues;
-  return themeValues.hoverColor;
+  var selected = _ref8.selected,
+      themeValues = _ref8.themeValues;
+  return selected ? TRANSPARENT : themeValues.hoverColor;
 }, function (_ref9) {
   var selected = _ref9.selected,
       themeValues = _ref9.themeValues;