@togakure/tokens v1.0.0

@togakure/tokens

Docs

• Figma Tokens - Plugin Docs
• Stitches Docs

Prerequisites

• Node = v16.8.0
• NPM >= v7.22.0

.gitconfig

Git's merge commit message

[alias]
  mergelogmsg = "!f() { var=$(git symbolic-ref --short HEAD) && printf 'Merge branch %s into %s\n\n::SUMMARY::\nBranch %s commits:\n' $1 $var $1 > temp_merge_msg && git log --format=format:'%s' $var..$1 >> temp_merge_msg && printf '\n\nBranch %s commits:\n' $var >> temp_merge_msg && git log --format=format:'%s' $1..$var >> temp_merge_msg && printf '\n\n* * * * * * * * * * * * * * * * * * * * * * * * *\n::DETAILS::\n' >> temp_merge_msg && git log --left-right $var...$1 >> temp_merge_msg && git merge --no-ff --no-commit $1 && git commit -eF temp_merge_msg; rm -f temp_merge_msg;}; f"

Introdução 📎

O processo baseia-se no merge de 2 principais arquivos: Como pode ver no arquivo scripts/build.ts

const getStyleDictionaryConfig = (brand) => ({
  source: ['tokens/base.json', `tokens/brands/${brand}.json`],
...

• ./tokens/base.json - Arquivo onde é definido tokens base
• ./tokens/brands/<brandname>.json - O nome do arquivo é importante na hora de gerar o dist

Brands

tokens
├── brands
│   ├── colorblindness.json
│   ├── base.json
│   ├── highcontrast.json
│   └── votacaobrasil.json
└── base.json

Suporte (Web e Dart)

dist/votacaobrasil
├── native
│   └── index.dart
└── web
    ├── index.css
    ├── index.d.ts
    ├── index.js
    └── index.scss

Commands

• npm run dev
• npm run build

:rocket: Contributors

Log

Check Releases for detailed changelog.

License

MIT license © Hemerson Vianna