Compassion’s Core Design System

The @compassion-design-system/core package serves as a framework-free base allowing to apply the Compassion Design System to any web application. Framework-specific packages are available to apply the Compassion Design System to specific frameworks.

Install the dependencies

• Run npm install

Building CSS variables

• Run npm run build

Running storybook

• Run npm start or npm run storybook

Contributing to the @compassion-design-system/core Package

The @compassion-design-system/core package is structured with a component-per-directory convention inside the src directory. Each component directory generally contains 2 items:

• A CSS file composable css classes to achieve the design system specs
• A .stories.js file that illustrates most of the ways the component can be configured