Figma File - Layer colors in Figma component instances fail to maintain persist override

Bug Description

Layer colors in Figma component instances fail to maintain persist override.

Reproduction

If we take the button component for example, and drag an instance onto the canvas

And then try to override left icon

Notice how it looses the white color defined in the Button component and displays the color of the new icon. This makes the component partially useless as a DRY component since this color would have to be updated in each instance that uses a different icon.

The reason for this is that Figma uses the layer name to manage inheritance. And the icon layers in Flowbite are all unique. So They cannot inherit any values, like color.

Expected Behavior

Property overrides to component instances should be inherited.

Solution

One way to fix this is to normalize the names of the icons layers. So in the case of the button they should be something like "Left Button" and "Right Button" rather than the unique name of the icon itself.

Such a fix (or any other) should be implemented by FlowBite for obvious reasons.

Environment

• MacOS
• MBP M1

No source file or test is named. Start by inspecting the Figma button component and its icon layer names, then verify that overriding an icon preserves the component's layer color; done means the override persists across component instances.