@pzh-temporary/html-component-library - npm Package Compare versions

Comparing version 5.0.4 to 5.0.5

package.json

		{
		"name": "@pzh-temporary/html-component-library",
		"private": false,
		"version": "5.0.4",
		"version": "5.0.5",
		"type": "module",
		@@ -11,3 +11,3 @@ "scripts": {
		"dependencies": {
		"@pzh-temporary/style-library": "1.2.3"
		"@pzh-temporary/style-library": "1.2.6"
		},
		@@ -14,0 +14,0 @@ "devDependencies": {

README.md

		# PZH Style Library

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

		Voor documentatie en handleidingen, zie de [HTML-component library wiki](https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/_wiki/wikis/Design-system.wiki/1451/HTML-component-library).

		## Input

		- [Design system](https://www.figma.com/file/11ZuN25dSOqx3w1ie9Avbz/Design-System---Provincie-Zuid-Holland)
		- [Design system van Provincie Zuid-Holland](https://www.figma.com/file/11ZuN25dSOqx3w1ie9Avbz/Design-System---Provincie-Zuid-Holland)

		## Output

		- Website [Website](https://n2dabaed4e91d4ca59f2a437.azurewebsites.net/) welke inzicht geeft in verschillende bouwblokken
		- SCSS van componenten gedeployed als Prive NPM Library te vinden op [documentatie](https://www.npmjs.com/package/@pzh-temporary/html-component-library)
		- Utility classes typografie, margins, paddings
		- Een webinterface die inzicht biedt in verschillende bouwblokken en de manier waarop deze kunnen worden toegepast.
		- Componenten-SCSS gedeployed als private NPM-library, te vinden op [@pzh-temporary/html-component-library](https://www.npmjs.com/package/@pzh-temporary/html-component-library).
		- Utility classes voor typografie, marges, en padding.

		## Techniek
		## Techstack

		### Technologieen
		- Storybook 8
		- Vue 3 (gebruikt als template engine)
		- Vite
		- SCSS

		- Storybook
		- Vue 3 als template engine
		- SCSS als style language
		## Vereisten

		### Benodigdheden
		- Node.js: Versie 20.12.1

		- 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.
		## Installatie van Dependencies

		### Installeren dependencies
		Installeer alle benodigde dependencies:

		@@ -35,5 +36,5 @@ ```bash

		### Ontwikkelen
		## Ontwikkelmodus

		Dit start een storybook instantie in development mode
		Start een Storybook-instantie in ontwikkelmodus:

		@@ -44,5 +45,5 @@ ```bash

		### Build
		## Build

		Dit bouwt een storybook instantie zodat deze gepubliceerd kan worden.
		Maak een build van de Storybook-instantie voor publicatie:

		@@ -53,12 +54,16 @@ ```bash

		### Publiceren
		## Publiceren naar NPM

		Publiceert nieuwe versie naar NPM en publiceert utility classes naar het CDN
		Publiceer een nieuwe versie naar NPM en de utility classes naar het CDN:

		1. Verhoog attribuut 'version' in bestand package.json volgens [SemVer](https://semver.org/)
		1. Zorg dat je ingelogd bent bij NPM. Zo niet voer in command line commando 'npm login' uit
		1. Voer in command line commando 'npm publish' uit
		1. Verhoog het 'version'-attribuut in `package.json` volgens de [SemVer-standaard](https://semver.org/).
		2. Controleer of je bent ingelogd bij NPM. Gebruik `npm login` indien nodig.
		3. Publiceer de nieuwe versie met:

		#### Style library to CDN
		```bash
		npm publish
		```

		TODO: Need to Migrate from pzh-html-componenten-library
		## Stijlbibliotheek naar CDN

		TODO: Migratie vereist van `pzh-html-componenten-library`.

src/components/Accordion/Accordion.scss