Swiss Federal CI

This is a library that contains React components that adhere to the corporate identity guidelines of the Swiss Confederation.

Installing

To install and use in your project, run npm install @interactivethings/swiss-federal-ci. The package uses ES modules, so it can be used both in the Node.js environment as well as directly in the browser with type="module".

import { Header } from "@interactivethings/swiss-federal-ci";

return <Header />;

⚠️ The package requires that the app it's imported into contains the packages specified in peerDependencies. This means that it is compatible with Next.js apps that use Material UI.

Development

First, run the yarn install command to install the dependencies.

In this project, Storybook is used both as a documentation site and as an environment to develop and test the components in isolation. Run the yarn storybook command to start the Storybook server.

Automated screenshots are made from the storybook & uploaded to Argos for regression testing.

Publishing

Publishing is done automatically through semantic-release via a GitHub action job, from the branch main. Commit prefixes will trigger different types of versions and we use the defaut commit analyser.

• 'fix:' commits will trigger a patch version
• 'feat:' commits will trigger a minor version
• 'BREAKING CHANGE:' in the body of a commit will trigger a major version

semantic-release also automatically updates CHANGELOG.md when a new version is published.