feat(toggle-button): add disabled state

[LuLaValva]

• Fixes ebay-toggle-button: missing disabled state #2198

• This PR contains CSS changes
• This PR does not contain CSS changes

Description

• Add disabled state to toggle buttons

Screenshots

Checklist

• I verify the build is in a non-broken state
• I verify all changes are within scope of the linked issue

• I regenerated all CSS files under dist folder
• I tested the UI in all supported browsers
• I did a visual regression check of the components impacted by doing a Percy build and approved the build
• I tested the UI in dark mode and RTL mode
• I added/updated/removed Storybook coverage as appropriate

[agliga]

First look through
Looks great
Only question: do we have a variable for opacity?

[LuLaValva]

do we have a variable for opacity?

We do, but --opacity-50 is 0.04 so I'd need to make a new one called --opacity-625. I felt this was more descriptive.

[agliga]

do we have a variable for opacity?

We do, but --opacity-50 is 0.04 so I'd need to make a new one called --opacity-625. I felt this was more descriptive.

How does opaticty-50 set to 0.04 make any sense.
Is it defined in figma? Let's double check with Randy if needed

[agliga]

Okay, I think the opacity is fine. We will get new tokens for that later.

That said, I think we should add aria-disabled as well like we have for button.
Other than that, LGTM

[ArtBlue]

The general approach of using opacity is probably the most preferable here. So that's good. Some things I found that we should address...

[ArtBlue]

Let's also make sure to run Percy for toggle-button and toggle-button-group after all the issues are resolved and stories completed.

[agliga]

I personally think its fine as is (after adding aria-disabled).
I think we can address other edge cases in a follow up or try to do them now.
I will approve on my end but Im fine to wait for Arthurs changes.

[LuLaValva]

Thanks @agliga and @ArtBlue, I believe I addressed all of the comments

[ArtBlue]

Good work!