@lightspeed/flame-foundation v0.1.1

Flame Foundation

Design tokens are an agnostic way to store variables such as typography, color, and spacing so that your design system can be shared across platforms like iOS, Android, and regular ol’ websites

-- Robin Rendle, https://css-tricks.com/what-are-design-tokens/

What you'll find here

Only foundational design tokens used within the design system will be found here.

If a value isn't here, you'll most likely never see it being used in either a style or component.

Structure and naming convention

All variables are written in regular old JS.

Tailwind is supported as a first class citizen indirectly, since all the the stored variables must match up to the Tailwind Theme Specification.

TODO

[] Perhaps remove the systemUI object and instead have a separate package ONLY for rebinding it.