@pzh-temporary/style-library

PZH Style Library

Deze laag van de architectuur is verantwoordelijk voor het loskoppelen van style en ambiance. De doelstelling is opstellen en onderhouden van style definities.

Input

• Design system

Output

• Fractal.build oplossing welke gedeployed is op Nog niet beschikbaar
• SCSS variabelen, mixins en fucties gedeployed als Prive NPM Library te vinden op documentatie
• ?? Typografie CSS bestand op CDN
• ?? Fonts deployen op CDN
• ?? Utility classes typografie, margins, paddings, grid, radius, levitation, colors, background-colors, animaties

Techniek

Technologieen

• Fractal.build documentatie
• Custom node workflow tools

Benodigdheden

• Node 18.12.1
• NPM 8.19.2
• NPM account op basis van je PZH emailadres. Dit account dient gerechtigd te zijn om private packages (@pzh-temporary) te gebruiken van PZH.

Installeren dependencies

npm install

Ontwikkelen

npm run dev

Publiceren NPM

1. Verhoog attribuut 'version' in bestand package.json
2. Zorg dat je ingelogd bent bij NPM. Zo niet voer in command line commando 'npm login' uit
3. Voer in command line commando 'npm publish' uit

Deploy utility classes to CDN (inclusief fonts)

npm run deploy-utility-classes

Deploy static assets to CDN (inclusief fonts)

npm run deploy-assets

Publiceren webapp

TODO