chromatic.yml

name: Chromatic
on:
  push:
    branches:
      - main
  pull_request:
    branches:
      - main
  workflow_dispatch:

jobs:
  publish-storybook-components:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version-file: '.nvmrc'

      - name: Install dependencies
        uses: bahmutov/npm-install@v1

      - name: Build storybook
        run: npm run storybook:build:components

      - name: Publish Storybook to Chromatic
        uses: chromaui/action@v1
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN__DESIGN_SYSTEM_COMPONENTS }}
          token: ${{ secrets.GITHUB_TOKEN }}
          storybookBuildDir: dist/storybook/components

  publish-storybook-icons:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version-file: '.nvmrc'

      - name: Install dependencies
        uses: bahmutov/npm-install@v1

      - name: Build storybook
        run: npm run storybook:build:icons

      - name: Publish Storybook to Chromatic
        uses: chromaui/action@v1
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN__DESIGN_SYSTEM_ICONS }}
          token: ${{ secrets.GITHUB_TOKEN }}
          storybookBuildDir: dist/storybook/icons

  publish-storybook-tokens:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version-file: '.nvmrc'

      - name: Install dependencies
        uses: bahmutov/npm-install@v1

      - name: Build storybook
        run: npm run storybook:build:tokens

      - name: Publish Storybook to Chromatic
        uses: chromaui/action@v1
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN__DESIGN_SYSTEM_TOKENS }}
          token: ${{ secrets.GITHUB_TOKEN }}
          storybookBuildDir: dist/storybook/tokens

  publish-storybook-host:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version-file: '.nvmrc'

      - name: Install dependencies
        uses: bahmutov/npm-install@v1

      - name: Build storybook
        run: npm run storybook:build:host

      - name: Publish Storybook to Chromatic
        uses: chromaui/action@v1
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN__DESIGN_SYSTEM }}
          token: ${{ secrets.GITHUB_TOKEN }}
          storybookBuildDir: dist/storybook/storybook-host