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

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.esm.js CHANGED
@@ -23765,7 +23765,7 @@ var DropdownItemWrapper = styled.li.withConfig({
23765
23765
  })(["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) {
23766
23766
  var selected = _ref4.selected,
23767
23767
  themeValues = _ref4.themeValues;
23768
- return selected ? themeValues.selectedColor : TRANSPARENT;
23768
+ return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : TRANSPARENT;
23769
23769
  }, function (_ref5) {
23770
23770
  var disabled = _ref5.disabled;
23771
23771
  return disabled ? "default" : "pointer";
@@ -23773,15 +23773,16 @@ var DropdownItemWrapper = styled.li.withConfig({
23773
23773
  var selected = _ref6.selected,
23774
23774
  disabled = _ref6.disabled,
23775
23775
  themeValues = _ref6.themeValues;
23776
- return selected ? themeValues.selectedColor : disabled ? WHITE : themeValues.hoverColor;
23776
+ return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : disabled ? WHITE : themeValues.hoverColor;
23777
23777
  }, function (_ref7) {
23778
23778
  var selected = _ref7.selected,
23779
23779
  disabled = _ref7.disabled,
23780
23780
  themeValues = _ref7.themeValues;
23781
- return selected ? themeValues.selectedColor : disabled ? WHITE : themeValues.hoverColor;
23781
+ return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : disabled ? WHITE : themeValues.hoverColor;
23782
23782
  }, function (_ref8) {
23783
- var themeValues = _ref8.themeValues;
23784
- return themeValues.hoverColor;
23783
+ var selected = _ref8.selected,
23784
+ themeValues = _ref8.themeValues;
23785
+ return selected ? addOpacity(themeValues.selectedColor, 0.2, 0, 0, 0) : themeValues.hoverColor;
23785
23786
  }, function (_ref9) {
23786
23787
  var selected = _ref9.selected,
23787
23788
  themeValues = _ref9.themeValues;