Design tokens plugin POC

THEMES

@if (isEditableTokens) { }
    @for (theme of themes; track theme.id) {
  • @if (theme.group) { {{ theme.group }} / } {{ theme.name }} @if (isEditableTokens) { }
  • }

SETS

@if (isEditableTokens) { }
    @for (set of sets; track set.id) {
  • {{ set.name }} @if (isEditableTokens) { }
  • }

TOKENS

    @for (group of tokenGroups; track group[0]) {
  • {{ group[0] }} @if (isEditableTokens) { }
  • @for (token of group[1]; track token.id) {
  • {{ token.name }} @if (isEditableTokens) { }
  • } }