Prepare for candidate

.changeset/README.md

@@ -0,0 +1,25 @@
+# Changeset sjabloon
+
+Kopieer en plak het onderstaande sjabloon. Je kunt hiervoor de kopieer knop linksboven in het template gebruiken.
+
+```markdown
+---
+'@example/<package-name>': major
+---
+
+Beschrijving
+```
+
+Vul tussen de twee sets `---` in voor welke packages je allemaal veranderingen hebt doorgevoerd. Zet elk package tussen
+dubbele aanhalingstekens op een nieuwe regel.
+
+Gebruik:
+
+- `"@example/<package-name>": major` voor breaking changes
+- `"@example/<package-name>": minor` voor nieuwe features
+- `"@example/<package-name>": patch` voor bug fixes
+
+Beschrijf na de tweede set `---` welke veranderingen je hebt doorgevoerd.
+
+Geef bij breaking changes aan **wat** er veranderd is, **waarom** de verandering nodig was en **hoe** gebruikers van het
+package hun code moeten aanpassen.

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.2/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/workflows/continuous-deployment.yml

@@ -163,21 +163,17 @@ jobs:
       - name: "Continuous Deployment: build"
         run: pnpm run --if-present build
 
-      - name: "Continuous Deployment: publish to GitHub repository"
+      - name: "Continuous Deployment: publish to the NPM repository"
+        uses: changesets/action@aba318e9165b45b7948c60273e0b72fce0a64eb9 # v1.4.7
         env:
           GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
           GIT_AUTHOR_EMAIL: ${{ secrets.GIT_AUTHOR_EMAIL }}
           GIT_AUTHOR_NAME: "NL Design System"
           GIT_COMMITTER_EMAIL: ${{ secrets.GIT_COMMITTER_EMAIL }}
           GIT_COMMITTER_NAME: "NL Design System"
-        run: |
-          git push --set-upstream origin HEAD
-          pnpm run release
-
-      - name: "Continuous Deployment: publish to npm"
-        env:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: |
-          pnpm config set "//registry.npmjs.org/:_authToken" "${NPM_TOKEN}"
-          pnpm run publish
-          pnpm config delete "//registry.npmjs.org/:_authToken"
+        with:
+          commit: "docs(release): design system packages"
+          setupGitUser: false
+          title: "docs(release): design system packages"
+          publish: "pnpm run publish:changeset"

package.json

@@ -22,35 +22,32 @@
     "./proprietary/*"
   ],
   "devDependencies": {
-    "@lerna-lite/cli": "3.7.1",
-    "@lerna-lite/publish": "3.7.1",
-    "@lerna-lite/run": "3.7.1",
-    "@lerna-lite/version": "3.7.1",
-    "@types/node": "22.0.3",
-    "@typescript-eslint/eslint-plugin": "8.0.0",
-    "@typescript-eslint/parser": "8.0.0",
+    "@changesets/cli": "2.27.7",
+    "@types/node": "22.2.0",
+    "@typescript-eslint/eslint-plugin": "8.1.0",
+    "@typescript-eslint/parser": "8.1.0",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-json": "3.1.0",
     "eslint-plugin-mdx": "3.1.5",
     "eslint-plugin-react": "7.35.0",
     "husky": "9.1.4",
-    "lint-staged": "15.2.7",
+    "lint-staged": "15.2.9",
     "markdownlint-cli": "0.41.0",
-    "npm-check-updates": "17.0.0",
+    "npm-check-updates": "17.0.6",
     "npm-package-json-lint": "8.0.0",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.40",
+    "postcss": "8.4.41",
     "prettier": "3.3.3",
     "stylelint": "16.8.1",
     "stylelint-config-standard-scss": "13.1.0",
     "stylelint-order": "6.0.4",
     "typescript": "5.5.4"
   },
   "scripts": {
-    "build": "lerna run build",
-    "clean": "lerna run clean",
+    "build": "pnpm --recursive run build",
+    "clean": "pnpm --recursive run clean",
     "lint": "npm-run-all --continue-on-error lint:** lint-workspaces",
     "lint:css": "stylelint --allow-empty-input '**/*.{css,scss}'",
     "lint:js": "eslint --ext .js,.cjs,.mjs,.json,.jsx,.mdx,.ts,.tsx --report-unused-disable-directives .",
@@ -61,25 +58,24 @@
     "lint-fix:css": "stylelint --fix '**/*.{css,scss}'",
     "lint-fix:js": "eslint --ext .js,.cjs,.mjs,.json,.jsx,.mdx,.ts,.tsx --fix --report-unused-disable-directives .",
     "lint-fix:md": "markdownlint --fix '**/*.md'",
-    "lint-workspaces": "lerna run --no-bail lint",
-    "lint-build": "lerna run --no-bail lint-build",
+    "lint-workspaces": "pnpm --recursive --if-present run lint",
+    "lint-build": "pnpm --recursive --if-present run lint-build",
     "prepare": "husky",
     "prettier": "prettier --write .",
-    "publish": "lerna publish from-package --yes",
-    "release": "lerna version prerelease --conventional-prerelease --no-changelog --no-private --yes",
-    "start": "node_modules/http-server/bin packages/storybook/dist/",
+    "publish:changeset": "changeset publish",
+    "start": "http-server packages/storybook/dist/",
     "storybook": "npm-run-all --parallel watch:**",
     "test": "pnpm run test-workspaces",
     "test-update": "npm-run-all --sequential clean lint build test",
-    "test-workspaces": "lerna run --no-bail test",
+    "test-workspaces": "pnpm --recursive --if-present run test",
     "update-patch": "npm-check-updates --configFileName .ncurc.patch.cjs",
     "update-minor": "npm-check-updates --configFileName .ncurc.minor.cjs",
     "update-major": "npm-check-updates --configFileName .ncurc.major.cjs",
-    "watch:storybook": "lerna run build:stencil && lerna run build:style-dictionary && pnpm --filter ./packages/storybook run storybook",
-    "watch:style-dictionary": "lerna run watch:style-dictionary"
+    "watch:storybook": "pnpm --filter @example/web-components-stencil run build:stencil && pnpm --filter @example/design-tokens run build:style-dictionary && pnpm --filter ./packages/storybook run storybook",
+    "watch:style-dictionary": "pnpm --filter @example/design-tokens run watch:style-dictionary"
   },
   "dependencies": {
     "http-server": "14.1.1"
   },
-  "packageManager": "pnpm@9.6.0"
+  "packageManager": "pnpm@9.7.0"
 }

packages/components-react/package.json

@@ -56,11 +56,11 @@
     "jest-environment-jsdom": "29.7.0",
     "next": "14.2.5",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.40",
+    "postcss": "8.4.41",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "rollup": "4.19.2",
+    "rollup": "4.20.0",
     "rollup-plugin-filesize": "10.0.0",
     "rollup-plugin-node-externals": "7.1.2",
     "rollup-plugin-node-polyfills": "0.2.1",
@@ -70,7 +70,7 @@
     "sass": "1.77.8",
     "tslib": "2.6.3",
     "typescript": "5.5.4",
-    "vite": "5.3.5",
+    "vite": "5.4.0",
     "vite-plugin-runtime-config": "1.0.2"
   },
   "peerDependencies": {

packages/storybook/package.json

@@ -1,6 +1,5 @@
 {
   "name": "@example/storybook",
-  "version": "1.0.0-alpha.0",
   "author": "Community for NL Design System",
   "description": "Storybook based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -28,23 +27,23 @@
     "@example/font": "workspace:*",
     "@example/web-components-react": "workspace:*",
     "@example/web-components-stencil": "workspace:*",
-    "@storybook/addon-a11y": "8.2.7",
-    "@storybook/addon-actions": "8.2.7",
-    "@storybook/addon-docs": "8.2.7",
-    "@storybook/addon-interactions": "8.2.7",
-    "@storybook/addon-links": "8.2.7",
-    "@storybook/addon-viewport": "8.2.7",
-    "@storybook/react": "8.2.7",
-    "@storybook/react-vite": "8.2.7",
+    "@storybook/addon-a11y": "8.2.9",
+    "@storybook/addon-actions": "8.2.9",
+    "@storybook/addon-docs": "8.2.9",
+    "@storybook/addon-interactions": "8.2.9",
+    "@storybook/addon-links": "8.2.9",
+    "@storybook/addon-viewport": "8.2.9",
+    "@storybook/react": "8.2.9",
+    "@storybook/react-vite": "8.2.9",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@whitespace/storybook-addon-html": "6.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-syntax-highlighter": "15.5.0",
     "rimraf": "6.0.1",
-    "storybook": "8.2.7",
+    "storybook": "8.2.9",
     "typescript": "5.5.4",
-    "vite": "5.3.5"
+    "vite": "5.4.0"
   }
 }

packages/web-components-react/package.json

@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@example/web-components-stencil": "workspace:*",
-    "@types/node": "22.0.3",
+    "@types/node": "22.2.0",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "react": "18.3.1",

packages/web-components-stencil/package.json

@@ -45,6 +45,6 @@
     "typescript": "5.5.4"
   },
   "dependencies": {
-    "@stencil/core": "4.19.2"
+    "@stencil/core": "4.20.0"
   }
 }