fix: menu item disabled style wrongly applied (#1760)

simotae14 · web-flow · commit 6972656070c5 · 2024-07-19T17:00:52.000+02:00
diff --git a/.changeset/chatty-jokes-grow.md b/.changeset/chatty-jokes-grow.md
@@ -0,0 +1,5 @@
+---
+'@strapi/design-system': patch
+---
+
+fix aria-disabled css rule on menu item
diff --git a/packages/design-system/src/components/SimpleMenu/Menu.tsx b/packages/design-system/src/components/SimpleMenu/Menu.tsx
@@ -180,7 +180,7 @@ const getOptionStyle = ({ theme }: { theme: DefaultTheme }) => css`
   border-radius: ${theme.borderRadius};
   padding: ${theme.spaces[2]} ${theme.spaces[4]};
 
-  &[aria-disabled] {
+  &[aria-disabled='true'] {
     cursor: not-allowed;
     color: ${theme.colors.neutral500};
   }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@strapi/design-system': patch
 +---
++
 +fix aria-disabled css rule on menu item
Original file line number	Diff line number	Diff line change
@@ -180,7 +180,7 @@ const getOptionStyle = ({ theme }: { theme: DefaultTheme }) => css`
`180`	`180`	`border-radius: ${theme.borderRadius};`
`181`	`181`	`padding: ${theme.spaces[2]} ${theme.spaces[4]};`
`182`	`182`
`183`		`- &[aria-disabled] {`
	`183`	`+ &[aria-disabled='true'] {`
`184`	`184`	`cursor: not-allowed;`
`185`	`185`	`color: ${theme.colors.neutral500};`
`186`	`186`	`}`