From 3e96a68a6e61d8f40f21d832b80b62ab1fed40bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dominik=20=C5=BBegle=C5=84?= <flesz3@o2.pl>
Date: Tue, 15 Mar 2022 11:14:28 +0100
Subject: [PATCH] Indicate menu focus (#1928)

* Add active state to card menu

* Update macaw
---
 package-lock.json                    | 5 ++---
 package.json                         | 2 +-
 src/components/CardMenu/CardMenu.tsx | 2 ++
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 408aee99c..5b499d223 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4828,9 +4828,8 @@
       }
     },
     "@saleor/macaw-ui": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@saleor/macaw-ui/-/macaw-ui-0.3.1.tgz",
-      "integrity": "sha512-2sGPfMLszKb2Zejd9/hs5MNLhvcIW+bQj+6CTnq8+BbKNt/zqg6t1YQrucb72otUUTJMC6VIjnvtMITmpsgLsQ==",
+      "version": "github:saleor/macaw-ui#1f78f97748c00a64ca46973c32eacc4d9a1ac2ac",
+      "from": "github:saleor/macaw-ui#SALEOR-5840-button-states",
       "requires": {
         "clsx": "^1.1.1",
         "lodash": "^4.17.21",
diff --git a/package.json b/package.json
index d455476bd..d330bbc3b 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.58",
     "@material-ui/styles": "^4.11.4",
-    "@saleor/macaw-ui": "0.3.1",
+    "@saleor/macaw-ui": "github:saleor/macaw-ui#SALEOR-5840-button-states",
     "@saleor/sdk": "^0.4.2",
     "@sentry/react": "^6.0.0",
     "@types/faker": "^5.1.6",
diff --git a/src/components/CardMenu/CardMenu.tsx b/src/components/CardMenu/CardMenu.tsx
index 628f14598..b0760c76f 100644
--- a/src/components/CardMenu/CardMenu.tsx
+++ b/src/components/CardMenu/CardMenu.tsx
@@ -131,6 +131,7 @@ const CardMenu: React.FC<CardMenuProps> = props => {
         ref={anchorRef}
         onClick={handleToggle}
         variant={outlined ? "primary" : "secondary"}
+        state={open ? "active" : "default"}
       >
         <MoreIcon />
       </IconButton>
@@ -163,6 +164,7 @@ const CardMenu: React.FC<CardMenuProps> = props => {
                       disabled={menuItem.loading || menuItem.disabled}
                       onClick={() => handleMenuClick(menuItemIndex)}
                       key={menuItem.label}
+                      button
                     >
                       <div
                         className={classNames(className, {