Is there a way to get better idea about overrides logic?

Ace man, much appreciated!

It’s very interesting, seems like making union isolates underlying component that holds the shape, now I do not override underlying component but the shape itself. Seems a bit dirty, but it works, niceeeee =)

@tank666 love the way you split the shape into individual components, instance swap property makes it super easy to surface the shape props on a component level!

Hi.

Found a quick solution to your problem.

Solution:
Just added outline stroke FFFFFF0% to ◇chrome in ❖interactive-variants/rest.
Explanation & demo in Figma file.

Your issue was new for me too 🤘 Shared my learnings in the figma file.

Me and my team use this basic understanding of overriding in figma. See image attached. Hope this helps

Hey @Amar_Varma, adding a stroke doesn’t resolve the issue. The stroke still goes to rest state and the hover state is lost after changing the radius variant. You can check in your own file.

And the alternative method with a mask works as expected, but I see a problem with the number of layers in it and consider it not optimal.

Thanks for digging into this, much appreciated! Unfortunately, stoke method did not work, I did not find a good reason why it should though 😉 The mask looks promising, will definitely explore

Cheers mate!