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: | |
| - issue-995-design-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/setup-node@v2.4.0 | |
| # 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 origin | |
| # Add and commit changes before creating or updating a branch | |
| # git add figma-tokens/transformed-tokens/tokens-transformed.json | |
| git add stories/assets/scss/figma-scss/_figma-variables.scss | |
| git commit -m "Save changes before switching branch" || echo "No changes to commit" | |
| # # Check if remote branch exists | |
| # if git ls-remote --exit-code --heads origin update-figma-tokens; then | |
| # git checkout update-figma-tokens | |
| # git pull --rebase origin update-figma-tokens | |
| # else | |
| # git checkout -b update-figma-tokens | |
| # fi | |
| # git add stories/assets/scss/figma-scss/_figma-variables.scss | |
| # git commit -m "Save changes in new 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" | |
| # # Automatically add and commit all changes including SCSS | |
| # - name: Auto commit updated tokens and SCSS | |
| # uses: stefanzweifel/git-auto-commit-action@v4 | |
| # with: | |
| # commit_message: "build: update SCSS variables and tokens" | |
| # file_pattern: stories/assets/scss/figma-scss/_figma-variables.scss | |
| # branch: update-figma-tokens # Commit to the new branch | |
| # 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." |