@mmb-digital/design-system-web
v0.1.348-alpha.3
Published
MMB design-system-web
Downloads
2,864
Maintainers
Keywords
Readme
design-system-web
Shared UI components and form utilities for NWP, DebtMarket and various Next.js applications in the NWP team/project.
Prerequisities:
- Node 20.x
- Yarn 1.x
Workspace Setup
Reuse the .npmrc file from nwp/modules/javascript (separate repository) either by copy-pasting it to design-system-web, or by putting it in the user (~) directory.
Run yarn to install dependencies.
Running the Design System
yarn sb
Publishing to npm registry
https://www.npmjs.com/package/@mmb-digital/design-system-web
You must be added to the @mmb-digital organization at npmjs.com (you will need to enable two-factor authentication on your npmjs.com account).
- Manually update
versioninpackage.json rm -rf distyarn buildnpm loginnpm publish
Styling rules
For each component, a corresponding *.style.ts file is created to manage its styles.
- Styling is done solely via
emotion. - All colors and other common values are in theme variables to ensure consistency throughout the project.
- All components have to be responsive, mobile-first.
