I’m looking for a solution to an issue I’ve been facing.
I currently have a collection board set up to swap components based on the brand. For example, when building with Brand A, I have the components configured so designers can switch to Brand B assets, such as headers and footers, using the appearance panel.
Brand A has a different icon library than Brand B. I’ve created a base component with instance swaps that target the appropriate icon library, which works great. I set up the layers in these components the same way, with the same names so that the colours are inherited when switching from Brand A to Brand B. I create an instance of Brand A icon base, connect it to the component collection board, and change the icon and colour. All works well when when I switch to Brand B via the appearance panel, the icon correctly switches to the Brand B base icon that targets the library I want, and the colour applied from Brand A are preserved.
However, the issue arises when I nest these components into other modules. The colour overwrite doesn’t stick and resets to the colour I have in the base Brand B icon. I also trialed in nested components not connecting to the collection board and it also overwrites so I am thinking this is not an collection board issue?
Does anyone have advice on how to resolve this issue?