Build and Test

Once the design phase is complete the element is ready for development and testing. This phase includes writing the mark-up, code, and Storybook stories for the element.

The work in this phase may be shared between designers and engineers. Detailed instructions for setting up and working in the repository are in the development guide.

At the end of this phase a pull request will be ready for review and release.

Designer: Gather design assets and prepare documentation

Developer: implement the component

All packages live in the design-system monorepo. Work done here includes building, testing, and updating Storybook stories.

Run the relevant Storybook locally to verify the component visually, then run tests before opening a pull request:

# Run web component tests
      pnpm test:wc
      
      # Run a Storybook to review the component
      pnpm storybook:wc         # web components (port 6007)
      pnpm storybook:angular19  # Angular 19 (port 6009)
      pnpm storybook:react19    # React (port 6011)

Create Pull Request

Once the work passes review the pull request will be accepted and the component merged into the main branch, making it available for the next release.