I’m working on a design system and encountered a bug thats slowing me 10x.
To begin with, when I swap a component with a variable property within a larger component/variant instance and then change the variable color in the parent component, the color doesn’t update in the overridden instances with swapped components. (Check out the video example)
For example in this case, when I duplicate the tDocumentation/Feature Icon] component, which has an icon swap property, and swap the icon in the duplicated instance, the color gets inherited from the parent component. But when I change the color in the parent component, the color of the swapped icons in the instances remains unchanged.
Is’nt this a common practice (or at least used to), is anyone experiencing this?
I just noticed, this issue is happening across all my projects, though it worked fine last week.
Any ideas on how to fix it?
The worst part is imagine you’re designing atomic elements and creating pages using nested component instances cooperating swaps . After many iterations, you want to assign a new color to the parent component’s icon with swap property, and the new color does not apply accordingly to the instances with already swapped icon components.