Merge pull request #1437 from undp/issue-995-design-tokens #116
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Generate scss vars from figma tokens | |
| on: | |
| push: | |
| branches: | |
| - update-figma-tokens | |
| paths: | |
| - 'figma-tokens/input/**' | |
| jobs: | |
| build_tokens: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v2 | |
| # Configuring Node.js Environment | |
| - name: Setup Node.js environment | |
| uses: actions/[email protected] | |
| # Setting dependencies | |
| - name: Install dependencies | |
| run: npm ci | |
| # Token conversion using token-transformer | |
| - name: Transform Figma tokens | |
| run: npx token-transformer figma-tokens/input/tokens.json figma-tokens/transformed-tokens/tokens-transformed.json | |
| # Run script for Style Dictionary, convert JSON to SCSS | |
| - name: Build Figma tokens to SCSS | |
| run: npm run build-tokens | |
| # Create or update the `update-figma-tokens` branch | |
| - name: Create or update branch | |
| run: | | |
| git config user.name "github-actions[bot]" | |
| git config user.email "github-actions[bot]@users.noreply.github.com" | |
| # git fetch | |
| git add figma-tokens/transformed-tokens/tokens-transformed.json | |
| git add stories/assets/scss/figma-scss/_figma-variables.scss | |
| git commit -m "Save changes in the branch" || echo "No changes to commit" | |
| # Push changes to `update-figma-tokens` branch | |
| - name: Push changes | |
| run: | | |
| git push origin ${{ github.ref_name }} || echo "No changes to push" | |
| # Automatic pull request | |
| - name: Create Pull Request | |
| uses: peter-evans/create-pull-request@v5 | |
| with: | |
| token: ${{ secrets.GITHUB_TOKEN }} | |
| branch: ${{ github.ref_name }} | |
| base: develop # Target branch for the PR | |
| commit-message: "build: update SCSS variables from Figma tokens" | |
| title: "Update SCSS variables from Figma tokens" | |
| body: "This PR updates SCSS variables based on the latest Figma tokens." |