Tokens Roadmap and Strategy

[francisrupert]

(Placeholder)

Action

• TBD
• TBD
• TBD

Background

Currently implicit Tokens exist primarily in the form of Sass Variables, i.e. by way of _fsa.variables.scss, but those are specifically for SASS. We can presume that's not always an option for product teams, even as the FPAC Design System's is intended as tech-stack-agnostic.

Tokens are set at the highest possible level to store visual attributes and made available as widely as possible via tools like Style Dictionary and Theo can transform and format them (e.g. Sass, Less, Stylus, XML, JSON, et al).

"Theo consumes Design Token files which are a central location to store design related information such as colors, fonts, widths, animations, etc. These raw values can then be transformed and formatted to meet the needs of any platform."

Sample reading

• https://css-tricks.com/what-are-design-tokens/
• https://www.lightningdesignsystem.com/design-tokens/
• https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421#.ul9c89cl1