From 19ab026ec7e60ae7e9280021c0d7919711c6de27 Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Mon, 21 Sep 2020 09:57:17 -0700
Subject: [PATCH] fix: do not trigger focus/hover/pressed states when disabled

---
 packages/icon-button/src/IconButton.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/icon-button/src/IconButton.js b/packages/icon-button/src/IconButton.js
index 32be0036da..9602cf8a71 100644
--- a/packages/icon-button/src/IconButton.js
+++ b/packages/icon-button/src/IconButton.js
@@ -77,6 +77,7 @@ export default class IconButton extends Component {
 
   render() {
     const {
+      disabled,
       onBlur,
       onFocus,
       onMouseDown,
@@ -107,9 +108,10 @@ export default class IconButton extends Component {
           onMouseUp: handleMouseUp
         }) => (
           <IconButtonPresenter
-            hasFocus={hasFocus}
-            hasHover={hasHover}
-            isPressed={isPressed}
+            disabled={disabled}
+            hasFocus={hasFocus && !disabled}
+            hasHover={hasHover && !disabled}
+            isPressed={isPressed && !disabled}
             onBlur={handleBlur}
             onFocus={handleFocus}
             onMouseDown={handleMouseDown}