TEDI Design System (Archived Monorepo)

This was the main TEDI Design System monorepo containing all component libraries (React, Angular, Core, and shared documentation).

As of October 2025, the project was reorganized into separate repositories:

Area	New Repository	Description
React components	TEDI-Design-System/react	Active development for React
Angular components	TEDI-Design-System/angular	Active development for Angular
Core styles (SCSS variables)	TEDI-Design-System/core	Shared design tokens and mixins
General docs & pipelines	TEDI-Design-System/general	CI/CD, docs, and shared assets

This repo is archived and kept only for historical context.
Please use the new repositories for all future work.

---

TEDI Design System

The TEDI Design System provides reusable UI components for multiple frameworks.

Usage instructions can be found in the wiki.

---

Development Guide

Setting Up the Project

Components are separated into packages by framework. Each package is managed separately.

1. Installing dependencies.

Run the following command at the root to install shared dependencies:

npm install

Then, install dependencies for the specific library you are working on:

For React components:

npm run install:react

For Angular components:

npm run install:angular

Alternatively, you can install everything from root package.json:

  npm run install:all

2. Running Storybook

Run your desired Storybook from root:

npm run start:react
npm run start:angular

---

Additional Resources

Check the wiki for detailed documentation.
Report issues or contribute via GitHub Issues.

---

Thanks

Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions.