fix(menu): exclude disabled items from link styling

Author: rfgamaral

src/menu/menu.module.css

@@ -64,16 +64,16 @@
 }
 
 /* Link menu items without an icon are styled like a text link */
-:global(.reactist_menulist) a[role='menuitem']:not(:has(svg)) {
+:global(.reactist_menulist) a[role='menuitem']:not(:has(svg)):not([aria-disabled='true']) {
     color: var(--reactist-text-link-idle-tint, var(--reactist-actionable-tertiary-idle-tint));
     --reactist-content-primary: var(
         --reactist-text-link-idle-tint,
         var(--reactist-actionable-tertiary-idle-tint)
     );
 }
 
-:global(.reactist_menulist) a[role='menuitem']:not(:has(svg)):hover,
-:global(.reactist_menulist) a[role='menuitem']:not(:has(svg)):focus {
+:global(.reactist_menulist) a[role='menuitem']:not(:has(svg)):not([aria-disabled='true']):hover,
+:global(.reactist_menulist) a[role='menuitem']:not(:has(svg)):not([aria-disabled='true']):focus {
     color: var(--reactist-text-link-hover-tint, var(--reactist-actionable-tertiary-hover-tint));
     --reactist-content-primary: var(
         --reactist-text-link-hover-tint,

src/menu/menu.stories.jsx

@@ -226,6 +226,14 @@ export const LinkMenuItemStory = {
                 >
                     <Text size="copy">Link without an icon</Text>
                 </MenuItem>
+                <MenuItem
+                    disabled
+                    render={
+                        <a href="https://doist.com" target="_blank" rel="noreferrer noopener" />
+                    }
+                >
+                    <Text size="copy">Disabled link without an icon</Text>
+                </MenuItem>
             </MenuList>
         </Menu>
     ),