Indicate menu focus (#1928)

* Add active state to card menu

* Update macaw
This commit is contained in:
Dominik Żegleń 2022-03-15 11:14:28 +01:00 committed by GitHub
parent 5e0c8d25dd
commit 3e96a68a6e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 4 deletions

5
package-lock.json generated
View file

@ -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",

View file

@ -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",

View file

@ -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, {