This is a guide for Nulogy employees who wish to contribute to the Design System.
Before you begin working on a feature or a new component, ensure that the proposed changes align with the design system's vision by having a discussion with the design system team. Additionally, verify that the new component has already been added to the design system's Figma library before opening a pull request.
- Download and install the Node version in the
.nvmrc
file. - Download and install the package manager Yarn
- In the directory you want to install the design system, run
git clone [email protected]:nulogy/design-system.git && cd design-system
- Run
yarn
to install dependencies - Run
yarn build
to build the components for the first time
yarn start
will run a storybook at localhost:9999 for local development.yarn build
will rebuild the package exports for production.yarn start:cypress
will run the cypress test runner.
To generate the files needed for a new component, you can use Plop
- Run
yarn new ComponentName
(make sure your name is in PascalCase)
Coming soon
- If you don't already have access to the Design System Collaborators team on Github, request access in #design-system
- Clone https://github.com/nulogy/design-system
- Do work on a branch and submit a PR describing the changes you've made and why you've made them
- Post a link to the PR in #design-system
- Somebody from design ops will take a look and be in touch
Note: NDS follows the Conventional Commits specification. PRs with only one commit should have the appropriate prefix (ex. 'fix:'). PRs with multiple commits should have the prefix in the PR title.
WARNING: using a !
after the Conventional Commits type/scope
(e.g. feat
) is not sufficient for semantic-release to detect a breaking change. BREAKING CHANGE
needs to be explicitly included in the body of the commit message.
- To run everything:
yarn test
The main documentation can be found at http://nulogy.design. It's a static site created with GatsbyJS managed in @nulogy/docs
.
Our component storybook can be found at https://nulogy.github.io/design-system
Coming soon
- #design-system