A single file, Style Sheet or property set provides style references for all components, to be globally maintained

[CritiqalPete]

Goal:

We have UI/UX across several features that utilize (or should) the same react components. These need to by style-able by designers for improvements and testing in a simple not technically complex way

Recommended Pattern: {UI Element}:{Color Role}:{Priority}:{State} (Priority and State are optional)

Steps:

• [ ] The Design Team will build an inventory of the UI components being used that have visual or behavioral styling options and enumerate those options in a way that is easy for developers to understand and implement
• [ ] A single Global Maintenance asset will be created for inclusion in the project. If possible this asset might support "live tuning" in a debug configuration
• [ ] The various instances of the components updated to reference their globals
• [ ] A designer experiments with the system to verify it works as expected

[CritiqalPete]

@za-zohaib I think it's possible to get started on this even before Design has completed their inventory, yes? I assigned 4 points because I imagine a subtask or two is needed.

[CritiqalPete]