import-figma.yml

name: Import Figma variables
on:
  workflow_dispatch:

env:
  TURBO_TOKEN: ${{ secrets.TURBO_REMOTE_CACHE__TURBO_TOKEN }}

jobs:
  import:
    name: Import Figma variables
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4

      - uses: ./.github/templates/node-setup

      - name: 🛠️ Build Figma utils
        run: pnpm run build:all --filter @sit-onyx/figma-utils

      # we need to separately import the themes because they are all needed in different formats and selectors
      - name: 🎨 Import onyx light variables
        run: |
          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m value onyx-light -f CSS -s ":where(:root), .onyx-theme-default"
        working-directory: packages/figma-utils

      - name: 🎨 Import onyx dark variables
        run: |
          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m onyx-dark -f CSS -s ".dark, .onyx-theme-default-dark"
        working-directory: packages/figma-utils

      - name: 🎨 Import additional light-themes
        run: |
          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m lidl-light  kaufland-light digits-light schwarz-light  -f CSS -s ":where(:root), .onyx-theme-{mode}"
        working-directory: packages/figma-utils

      - name: 🎨 Import additional dark-themes
        run: |
          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m lidl-dark kaufland-dark digits-dark schwarz-dark -f CSS -s ".dark, .onyx-theme-{mode}"
        working-directory: packages/figma-utils

      - name: 🛠️ Import spacing variables
        run: |
          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables" -m spacing -s ":where(:root)"
        working-directory: packages/figma-utils

      - name: 🛠️ Import default density variables
        run: |
          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables" -m default -s ":where(:root), :where(.onyx-density-{mode})" -n density-
        working-directory: packages/figma-utils

      - name: 🛠️ Import remaining densities
        run: |
          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables" -m compact cozy -s ":where(.onyx-density-{mode})" -n density-
        working-directory: packages/figma-utils

      - name: Create pull request
        uses: peter-evans/create-pull-request@v7
        with:
          commit-message: "feat: update Figma variables"
          title: "feat: update Figma variables"
          body: |
            This is an auto-generated pull request.
            All variables have been updated from the [Figma file](https://www.figma.com/design/${{ vars.FIGMA_FILE_KEY }}).
          branch-suffix: short-commit-hash # needed to not override other pull requests created via workflows
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          BRANCH_NAME: ${{ github.ref_name }}