Replace & Render variable references

• Allow to use reference variable
• Render unknown message when reference is not found or is in another file

Example:

Change presenters prop types

Presenters receive now a token type.

Token = {
  declaration: string;
  value?: string;
  token?: string;
};

TokensSummary renders a table for every tokens group

• Create a TokensSummary story

Remove Circle IU component

Remove Circle IU component in favor of box from Color presenter

New styles

Updated stories examples styles.

Make TokensSummary to print as a Table list

[Breaking changes] Types TokenDeclaration

Breaking Changes

Rename 'name' attribute to 'declaration' from TokenDeclaration

New presenters

• Width
• Height
• LineHeight
• FontSize
• FontWeight

Introduce TokensSummary component

TokensSummary

<TokensSummary tokens={ [] } />

Add new presenters

Available presenters

• Color
• Border
• BorderRadius
• Opacity
• Shadow
• Spacing

Color Presenter

v0.1.0

Deploy to netlify

• Create color token presenter