Buttons inside a GridListItem are not disabled when the item is disabled

[joshuajaco]

Provide a general summary of the issue here

When using the Button component inside a GridListItem, with the isDisabled prop set to true and disabledBehavior is set to "all", the button is not disabled.

🤔 Expected Behavior?

A button inside a disabled item should be disabled as well. Just like it is already done for checkboxes.

😯 Current Behavior

The button can no longer be focused using the keyboard, but it is not disabled and mouse users can still press it.

💁 Possible Solution

Checkboxes are disabled using the CheckboxContext. The same should be the case for buttons.

🔦 Context

No response

🖥️ Steps to Reproduce

https://codesandbox.io/p/sandbox/elastic-pare-vmrszj?file=%2Fsrc%2FApp.js

Untitled.mov

Version

react-aria-components@1.2.0

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

If other, please specify.

No response

What operating system are you using?

MacOS, Windows

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response