@dvrd/dvr-controls 1.0.47 → 1.0.48

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/js/button/dvrdButton.tsx +3 -3
  3. package/src/js/select/dvrdMultiSelect.tsx +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dvrd/dvr-controls",
3
- "version": "1.0.47",
3
+ "version": "1.0.48",
4
4
  "description": "Custom web controls",
5
5
  "main": "index.ts",
6
6
  "files": [
package/src/js/button/dvrdButton.tsx CHANGED
@@ -28,8 +28,8 @@ export default function DvrdButton(props: DvrdButtonProps) {
28
28
  {
29
29
  className, disabled, label, labelClassName, onClick, ornamentClassName, ornaments, red, secondary,
30
30
  customBaseColor, customContrastColor
31
- } = props,
32
- [hover, setHover] = useState(false);
31
+ } = props;
32
+ const [hover, setHover] = useState(false);
33
33
 
34
34
  function onMouseEnter() {
35
35
  setHover(true);
@@ -71,7 +71,7 @@ export default function DvrdButton(props: DvrdButtonProps) {
71
71
  } else if (secondary) color = context.contrastColor;
72
72
  else color = context.baseColor;
73
73
  color = convertColor(color);
74
- if (hover) color = editColor(-.2, color);
74
+ if (hover && !disabled) color = editColor(-.2, color);
75
75
  return color;
76
76
  }
77
77
 
package/src/js/select/dvrdMultiSelect.tsx CHANGED
@@ -159,7 +159,8 @@ export default function DvrdMultiSelect(props: Props) {
159
159
  const label = selectableItemLabel ?? item.label;
160
160
  if (['number', 'string'].includes(typeof label)) return (
161
161
  <label key={index} className={classNames('dvrd-select-item', isSelected && 'selected', itemClassName)}
162
- onClick={onClickItem(value)}><AwesomeIcon name='check' className='check-icon'/> {label}</label>
162
+ onClick={onClickItem(value)}>{selected &&
163
+ <AwesomeIcon name='check' className='check-icon'/>} {label}</label>
163
164
  );
164
165
  const labelElement: ReactElement = label as ReactElement;
165
166
  const onClick = (evt: React.MouseEvent) => {