Add 'legacy' theme variables to Salt Styles Library in Figma

jpmorganchase / salt-ds

React UI components built with a focus on accessibility, customization and ease-of-use

https://www.saltdesignsystem.com

Apache License 2.0

127 stars 89 forks source link

Add 'legacy' theme variables to Salt Styles Library in Figma #3846

Open pseys opened 2 months ago

pseys commented 2 months ago

Connect legacy palette variables to characteristics within the Salt Next Styles Library.

[x] #4113
[x] Test separating Accent selection from Mode
[ ] #4233
[ ] #4234
[ ] #4235

Considerations

The characteristic variables will need modes applied; Salt Next and Salt Legacy (TBC)
Each characteristic variable mode will need to be mapped to a different set of palette variables – the Salt Next characteristics are already aligned to Accent / Mode in the styles library. Salt Legacy will need to map to a 'Mode' only switch, either in the same file or from a different library (TBC)
When creating a new design, components will default to Salt Next, but designers will have the ability to toggle to Salt Legacy if they wish, however, they will have to set mode separately

Dependent on #3843 and #3844

mark-tate commented 1 month ago

Espresso Goal : write up the approach and share with Stakeholders and get feedback

mark-tate commented 3 weeks ago

Frappe Goal: write up the approach and share with Stakeholders and get feedback

how do we refer to the themes
how much we restrict the use of theme next styling options with the legacy theme

mark-tate commented 1 week ago

poc working - getting feedback

mark-tate commented 1 week ago

Revised Frappe Goal: get all color variables in place by EOS with no carryover , Next Sprint: report back on strategy and agree approach based on stakeholder feedback

mark-tate commented 4 days ago

Galao Goal: agree on the direction and create smaller tasks by end of wk1

pseys commented 1 day ago

Changing name of issue from to Connect legacy palette variables to characteristics in Figma Add 'legacy' theme variables to Salt Styles Library in Figma

pseys commented 1 day ago

Successfully separated Accent from Mode as part of the POC

pseys commented 1 day ago

Galao Goal: agree on the direction and create smaller tasks by end of wk1

Next steps have been broken out as smaller sub-tasks and progressed updated.