I have a bunch of icon components (located in the IconLinear frame). Each of them contains a “Vector” layer that are filled with --black.
The IconFrame component uses instance swap property to change icons, and uses variants to set different colors for different states. I then use variant interactions to create an interaction IconFrame.
This works well for top-level instances of the IconFrame. However, once I nest an IconFrame instance into another frame and make the frame a component, the component still works fine but its instances fail to work properly.
Specifically, while hovering, the desired color of the icon is the one set in the IconFrame component, but in reality it is the color of the icon, which is --black.
I have tried setting the colors of the icon and IconFrame back and forth as some community members suggest, but did not succeed.
I would greatly appreciate any help on this issue. Visit https://www.figma.com/file/175om5IKlJwC3El0qCW4By/Test?node-id=1%3A1878&t=WWcKJ0zJB3dbetHM-1 to view and edit the full example.