https://github.com/thc-tools/design-system

https://github.com/thc-tools/design-system

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/thc-tools/design-system
• Owner: thc-tools
• License: mit
• Created: 2021-10-07T09:28:45.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-03-15T21:23:51.000Z (over 2 years ago)
• Last Synced: 2025-02-15T06:30:27.940Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://thc-tools.github.io/design-system/
• Size: 4.44 MB
• Stars: 1
• Watchers: 6
• Forks: 1
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# DesignSystem

The best design system in the world (or the closest thing anyway) because it is ours :D

## Structure

The design is structure using the atomic design principles

> https://atomicdesign.bradfrost.com/table-of-contents/

The CSS uses the following nomenclature

> https://css-tricks.com/combining-the-powers-of-sem-and-bio-for-improving-css/

## Before hand

You will need to installs the deps at least once

> `npm ci`

## Develop with storybook

Execute the following command:

> `npm run storybook`

## Publish

Execute the following actions:

1. bump the semver in package.json

2. `npm run build`

3. `npm run pub`