@lightspeed/design-system-tokens v22.2.0

Helios Tokens

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 Javascript and generates corresponding SCSS variables.

License

Source code is under a custom license based on MIT.