@pzh-temporary/html-component-library

PZH Style Library

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

Input

• Design system

Output

• Website Website welke inzicht geeft in verschillende bouwblokken
• SCSS van componenten gedeployed als Prive NPM Library te vinden op documentatie
• Utility classes typografie, margins, paddings

Techniek

Technologieen

• Storybook
• Vue 3 als template engine
• SCSS als style language

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

Dit start een storybook instantie in development mode

npm run dev

Build

Dit bouwt een storybook instantie zodat deze gepubliceerd kan worden.

npm run build

Publiceren

Publiceert nieuwe versie naar NPM en publiceert utility classes naar het CDN

1. Verhoog attribuut 'version' in bestand package.json volgens SemVer
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

Style library to CDN

TODO: Need to Migrate from pzh-html-componenten-library