This is the monorepo for the Forma 36 design system by Contentful.

• Packages
  • Adding packages
• Development
• Commits & releases
• Testing changes locally
• Get involved
• Reach out to us
  • You found a bug or want to propose a feature?
• License
• Code of Conduct
• Contributors ✨

Forma 36 is a monorepo maintained using Lerna. Get started with Lerna by following this link: https://github.com/lerna/lerna

The monorepo is currently structured into the following packages:

• forma-36-website
  • This package includes the design system documentation which offers guidelines, best practices and examples. See the README here
• forma-36-react-components
  • A React component library built with Storybook. See the README here
• forma-36-fcss
  • CSS utility classes for spacing, typography, colors and transitions. See the README here
• forma-36-tokens
  • Forma 36 design tokens. See the README here

You can use Plop to scaffold new component package. Run yarn generate and follow the steps in the CLI to create a component package. Using your input here, Plop will generate the relevant files and add the relevant imports/exports to the main src/index.ts file required to make the component available when publishing the library.

For local development run yarn from the root of this repo to install all dependencies and build all packages.

Use yarn commit. This uses the Commitzen CLI to create a conventional commit message based on your changes. CI is setup to release all new commits on the master branch.

You can test changes to a package of this monorepo in your own project locally by taking the following steps:

1. Run yarn build in the desired package's directory to ensure your latest changes have been built
2. Run yarn link in the desired package's directory
3. Change to your local project's directory and run yarn link NAME_OF_PACKAGE to link to the local version of the package (e.g. yarn link @contentful/forma-36-react-components)

We appreciate any help on our repositories. For more details about how to contribute to a package, see the README of the corresponding package.

You can reach out to us using the Contentful community Slack. We've setup a channel #forma36 in which we announce latest changes and updates.

• File an issue here on GitHub: . Make sure to remove any credential from your code before sharing it.

This repository is published under the MIT license.

We want to provide a safe, inclusive, welcoming, and harassment-free space and experience for all participants, regardless of gender identity and expression, sexual orientation, disability, physical appearance, socioeconomic status, body size, ethnicity, nationality, level of experience, age, religion (or lack thereof), or other identity markers.

Read our full Code of Conduct.

Thanks goes to these wonderful people (emoji key):

Mike Mitchell 💻 🚧	Johannes Bugiel 💻 🚧	Gui Santos 💻 🚧 📖	Moe Shaaban 💻 🚧 📖	Patrycja Radaczyńska 💻 🚧 📖	Dominik Markušić 🎨 📖	Kristoffer 💻 🚧
Alexander Suevalov 💻 🚧	Gracegross 🎨	Miretxu 💻	Tanya Bessonova 💻	John Whiles 💻	Guilherme Barbosa 💻	Marco Link 💻
David Fateh 💻	Bruce Felt 💻	Daniel Vasylenko 💻	kdamball 💻	MarkusLaut 💻	Andreas Hörnicke 💻	ChidinmaOrajiaku 💻
Andi Pätzold 💻 🐛	Wiktoria Dalach 💻	Joshua Smock 💻	Yiotis Kaltsikis 💻	Azer Koçulu 💻	taye 💻	dannyiacono 💻
Grant Sauer 💻	João Ramos 💻	Ante Sepic 💻	Blair Rampling 💻	Daniel A. R. Werner 💻	Sergii Bezliudnyi 💻	Manuel Spagnolo 💻
Mohamed Turki 💻	Ahmed T. Ali 💻	Bruno Russi Lautenschlager 💻	Chris Towler 💻	Christoph Grabo 💻	Colton Colcleasure 💻	Connor Bär 💻
Danil Zakablukovskii 💻	Dominic Bonnice 💻	Khaled Garbaya 💻	Stefan Judis 💻	Thomas Jaggi 💻	Turcan Vladimir 💻	V. Milone 💻
Aris Plakias 💻	Kam Figy 🐛	Peter Wielander 💻 🐛	Felix Boenke 🐛	damienxy 💻	Nika Zawila 💻 🚧

This project follows the all-contributors specification. Contributions of any kind welcome!