[Work in progress] Aanpassingen: gemeente Leiden

.github/workflows/continuous-deployment.yml → .github/workflows/publish.yml

@@ -17,7 +17,7 @@ jobs:
 
     steps:
       - name: Download code from GitHub
-        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5.0.0
         with:
           fetch-depth: 0
 
@@ -28,10 +28,9 @@ jobs:
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
 
       - name: Set up Node.js version
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        uses: actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903 # v6.0.0
         with:
           node-version-file: .nvmrc
-          cache: pnpm
 
       - name: Install dependencies specified in package.json
         run: pnpm install
@@ -46,7 +45,7 @@ jobs:
         run: pnpm run --if-present test
 
       - name: Upload coverage reports to Codecov
-        uses: codecov/codecov-action@18283e04ce6e62d37312384ff67231eb8fd56d24 # v5.4.3
+        uses: codecov/codecov-action@5a1091511ad55cbe89839c7260b706298ca349f7 # v5.5.1
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
 
@@ -61,7 +60,7 @@ jobs:
           storybookBuildDir: packages/storybook/dist/
 
       - name: Upload the Storybook artifact from the build step
-        uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa # v3.0.1
+        uses: actions/upload-pages-artifact@7b1f4a764d45c48632c6b24a0339c27f5614fb0b # v4.0.0
         with:
           path: packages/storybook/dist/
 
@@ -87,18 +86,22 @@ jobs:
     runs-on: ubuntu-latest
     needs: continuous-integration
     if: github.ref == 'refs/heads/main'
+    environment: publish
+
+    permissions:
+      id-token: write
 
     steps:
       - name: Download code from GitHub
-        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5.0.0
         with:
           token: ${{ secrets.GH_TOKEN }}
 
       - name: Install pnpm package manager
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
 
       - name: Set up Node.js version
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        uses: actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903 # v6.0.0
         with:
           node-version-file: .nvmrc
 
@@ -111,6 +114,11 @@ jobs:
       - name: Check the release
         run: pnpm run lint-release
 
+      - name: Set up Node.js that is compatible with OIDC
+        uses: actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903 # v6.0.0
+        with:
+          node-version: 24
+
       - name: Publish to GitHub repository
         uses: changesets/action@e0145edc7d9d8679003495b11f87bd8ef63c0cba # v1.5.3
         id: changeset

.ncurc.patch.cjs

@@ -1,4 +1,5 @@
 module.exports = {
+  cooldown: 1, // 1 day
   dep: ['dev', 'prod'],
   install: 'always',
   reject: [],

.npmrc

@@ -0,0 +1,6 @@
+# We do not use npm, but if it was ever run by accident, this should make sure that pre- and post-install scripts will
+# NOT run. This is more or less in line with pnpm behaviour where pre- and post-install scripts need to be added using
+# pnpm approve-builds
+ignore-scripts=true
+
+provenance=true

README.md

@@ -1,6 +1,6 @@
 # NL Design System Themes repository
 
-This repository contains publicly available themes for organisations working with [NL Design System](https://www.nldesignsystem.nl/). Each organisations' theme can be found in [/proprietary](./proprietary/) and is viewable with Storybook.
+This repository contains publicly available themes for organisations working with [NL Design System](https://www.nldesignsystem.nl/). Each organisation's theme can be found in [/proprietary](./proprietary/) and is viewable with Storybook.
 
 ## Getting started
 

package.json

@@ -13,8 +13,8 @@
   "packageManager": "[email protected]+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184",
   "engines": {
     "//": "Update @types/node to match the highest node version here",
-    "node": ">=20 <=22",
-    "pnpm": "^10"
+    "node": ">=20 <=24",
+    "pnpm": ">=9 <=10"
   },
   "workspaces": [
     "./packages/*",
@@ -40,7 +40,7 @@
     "lint-staged": "15.2.7",
     "lodash.get": "4.4.2",
     "markdownlint-cli": "0.41.0",
-    "npm-check-updates": "17.0.0",
+    "npm-check-updates": "19.0.0",
     "npm-package-json-lint": "8.0.0",
     "npm-run-all": "4.1.5",
     "prettier": "3.4.2",

packages/ma-design-tokens/CHANGELOG.md

@@ -1,5 +1,278 @@
 # @nl-design-system-unstable/ma-design-tokens
 
+## 3.0.0
+
+### Major Changes
+
+- cc387c8: Synchronisatie van tokens.json met NL Design System versie 4.1.1, wat heeft geresulteerd in de onderstaande updates.
+
+  De volgende tokens zijn toegevoegd aan Card as Link component:
+
+  - `ams.card.outline-offset`
+  - `ams.card.heading.margin-block-end`
+  - `ams.card.heading-group.gap`
+  - `ams.card.heading-group.margin-block-end`
+  - `ams.card.image.margin-block-end`
+  - `ams.card.link.color`
+  - `ams.card.link.text-decoration-line`
+  - `ams.card.link.text-decoration-thickness`
+  - `ams.card.link.text-underline-offset`
+  - `ams.card.link.hover.color`
+  - `ams.card.link.hover.text-decoration-line`
+
+  De volgende tokens zijn hernoemd in Side Navigation component:
+
+  - `denhaag.sidenav.min-width` naar `denhaag.side-navigation.min-width`
+  - `denhaag.sidenav.row-gap` naar `denhaag.side-navigation.row-gap`
+  - `denhaag.sidenav.item.font-family` naar `denhaag.side-navigation.item.font-family`
+  - `denhaag.sidenav.item.font-size` naar `denhaag.side-navigation.item.font-size`
+  - `denhaag.sidenav.item.font-weight` naar `denhaag.side-navigation.item.font-weight`
+  - `denhaag.sidenav.item.line-height` naar `denhaag.side-navigation.item.line-height`
+  - `denhaag.sidenav.item.margin-block-end` naar `denhaag.side-navigation.item.margin-block-end`
+  - `denhaag.sidenav.item.margin-block-start` naar `denhaag.side-navigation.item.margin-block-start`
+  - `denhaag.sidenav.item.margin-inline-end` naar `denhaag.side-navigation.item.margin-inline-end`
+  - `denhaag.sidenav.item.margin-inline-start` naar `denhaag.side-navigation.item.margin-inline-start`
+  - `denhaag.sidenav.link.color` naar `denhaag.side-navigation.link.color`
+  - `denhaag.sidenav.link.column-gap` naar `denhaag.side-navigation.link.column-gap`
+  - `denhaag.sidenav.link.padding-block-end` naar `denhaag.side-navigation.link.padding-block-end`
+  - `denhaag.sidenav.link.padding-block-start` naar `denhaag.side-navigation.link.padding-block-start`
+  - `denhaag.sidenav.link.active.color` naar `denhaag.side-navigation.link.active.color`
+  - `denhaag.sidenav.link.active.font-weight` naar `denhaag.side-navigation.link.active.font-weight`
+  - `denhaag.sidenav.link.current.color` naar `denhaag.side-navigation.link.current.color`
+  - `denhaag.sidenav.link.current.font-weight` naar `denhaag.side-navigation.link.current.font-weight`
+  - `denhaag.sidenav.link.hover.color` naar `denhaag.side-navigation.link.hover.color`
+  - `denhaag.sidenav.list.padding-block-end` naar `denhaag.side-navigation.list.padding-block-end`
+  - `denhaag.sidenav.list.padding-block-start` naar `denhaag.side-navigation.list.padding-block-start`
+  - `denhaag.sidenav.list.padding-inline-start` naar `denhaag.side-navigation.list.padding-inline-start`
+  - `todo.sidenav.link.hover.text-decoration` naar `todo.side-navigation.link.hover.text-decoration`
+  - `todo.sidenav.link.icon.size` naar `todo.side-navigation.link.icon.size`
+
+  De volgende tokens zijn toegevoegd aan Data Summary component:
+
+  - `denhaag.description-list.border-color`
+  - `denhaag.description-list.color`
+  - `denhaag.description-list.font-family`
+  - `denhaag.description-list.font-size`
+  - `denhaag.description-list.font-weight`
+  - `denhaag.description-list.line-height`
+  - `denhaag.description-list.margin-block-end`
+  - `denhaag.description-list.margin-block-start`
+  - `denhaag.description-list.padding-inline-end`
+  - `denhaag.description-list.padding-inline-start`
+  - `denhaag.description-list.caption.color`
+  - `denhaag.description-list.caption.line-height`
+  - `denhaag.description-list.caption.font-family`
+  - `denhaag.description-list.caption.font-size`
+  - `denhaag.description-list.caption.font-weight`
+  - `denhaag.description-list.caption.margin-block-end`
+  - `denhaag.description-list.detail.padding-block-end`
+  - `denhaag.description-list.detail.padding-block-start`
+  - `denhaag.description-list.title.color`
+  - `denhaag.description-list.title.font-weight`
+  - `denhaag.description-list.title.padding-block-end`
+  - `denhaag.description-list.title.padding-block-start`
+  - `denhaag.description-list.lg.padding-inline-end`
+  - `denhaag.description-list.lg.padding-inline-start`
+  - `denhaag.description-list.lg.detail.padding-block-end`
+  - `denhaag.description-list.lg.detail.padding-block-start`
+  - `denhaag.description-list.lg.title.padding-block-end`
+  - `denhaag.description-list.lg.title.padding-block-start`
+
+  De volgende tokens zijn toegevoegd aan Action Group component:
+
+  - `utrecht.action-group.margin-block-end`
+  - `utrecht.action-group.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Alert component:
+
+  - `utrecht.alert.margin-block-end`
+  - `utrecht.alert.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Blockquote component:
+
+  - `utrecht.blockquote.margin-block-end`
+  - `utrecht.blockquote.margin-block-start`
+  - `utrecht.blockquote.margin-inline-end`
+  - `utrecht.blockquote.margin-inline-start`
+
+  De volgende tokens zijn toegevoegd aan Code Block component:
+
+  - `utrecht.code-block.margin-block-end`
+  - `utrecht.code-block.margin-block-start`
+  - `utrecht.code-block.margin-inline-end`
+  - `utrecht.code-block.margin-inline-start`
+
+  De volgende tokens zijn toegevoegd aan Figure component:
+
+  - `utrecht.figure.margin-block-end`
+  - `utrecht.figure.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Form Field component:
+
+  - `utrecht.form-field.margin-block-end`
+  - `utrecht.form-field.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Form Field Discription component:
+
+  - `utrecht.form-field-description.margin-block-end`
+  - `utrecht.form-field-description.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Form Field Error Message component:
+
+  - `utrecht.form-field-error-message.margin-block-end`
+  - `utrecht.form-field-error-message.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Headings 1 t/m 6:
+
+  - `utrecht.heading-1.margin-block-end`
+  - `utrecht.heading-1.margin-block-start`
+  - `utrecht.heading-2.margin-block-end`
+  - `utrecht.heading-2.margin-block-start`
+  - `utrecht.heading-3.margin-block-end`
+  - `utrecht.heading-3.margin-block-start`
+  - `utrecht.heading-4.margin-block-end`
+  - `utrecht.heading-4.margin-block-start`
+  - `utrecht.heading-5.margin-block-end`
+  - `utrecht.heading-5.margin-block-start`
+  - `utrecht.heading-6.margin-block-end`
+  - `utrecht.heading-6.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Page Number Navigation component:
+
+  - `utrecht.pagination.margin-block-end`
+  - `utrecht.pagination.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Pre Heading component:
+
+  - `utrecht.pre-heading.margin-block-end`
+  - `utrecht.pre-heading.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Radio Button component:
+
+  - `utrecht.radio-button.margin-block-end`
+  - `utrecht.radio-button.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Separator component:
+
+  - `utrecht.separator.margin-block-end`
+  - `utrecht.separator.margin-block-start`
+
+  De volgende tokens zijn toegevoegd aan Separator component:
+
+  - `denhaag.sidenav.item.margin-block-end`
+  - `denhaag.sidenav.item.margin-block-start`
+  - `denhaag.sidenav.item.margin-inline-end`
+  - `denhaag.sidenav.item.margin-inline-start`
+
+  De volgende tokens zijn toegevoegd aan Table component:
+
+  - `utrecht.table.margin-block-end`
+  - `utrecht.table.margin-block-start`
+
+  De description van de volgende tokens zijn gewijzigd:
+
+  - `nl.link.color` description `[code-only]` verwijderd.
+  - `nl.link.text-decoration-color` description `[code-only]` toegevoegd.
+
+  De waarde van de volgende tokens zijn gewijzigd:
+
+  - `utrecht.spotlight-section.border-width` naar `0px`.
+  - `utrecht.spotlight-section.info.border-width` naar component token `utrecht.spotlight-section.border-width`.
+  - `utrecht.spotlight-section.error.border-width` naar component token `utrecht.spotlight-section.border-width`.
+  - `utrecht.spotlight-section.ok.border-width` naar component token `utrecht.spotlight-section.border-width`.
+  - `utrecht.spotlight-section.warning.border-width` naar component token `utrecht.spotlight-section.border-width`.
+
+  Token `ams.image.aspect-ratio` is toegevoegd aan Image component.
+
+  De volgende tokens zijn hernoemd in Action Group component:
+
+  - `utrecht.button-group.background-color` naar `utrecht.action-group.background-color`
+  - `utrecht.button-group.column-gap` naar `utrecht.action-group.column-gap`
+  - `utrecht.button-group.padding-block-end` naar `utrecht.action-group.padding-block-end`
+  - `utrecht.button-group.padding-block-start` naar `utrecht.action-group.padding-block-start`
+  - `utrecht.button-group.row-gap` naar `utrecht.action-group.row-gap`
+
+  Token `utrecht.link-list.font-weight` is hernoemd naar `utrecht.link-list.link.font-weight` in Link List component.
+
+  De waarde van de volgende tokens zijn gewijzigd:
+
+  - `basis.focus.outline-color` naar `ma.color.black`
+  - `basis.focus.inverse.outline-color` naar `ma.color.white`
+
+  De volgende tokens zijn toegevoegd aan (community) Icon component:
+
+  - `utrecht.icon.color`
+  - `utrecht.icon.inset-block-start`
+  - `utrecht.icon.baseline.inset-block-start`
+
+  De volgende tokens zijn toegevoegd aan Button component:
+
+  - `utrecht.button.pressed.background-color`
+  - `utrecht.button.pressed.border-color`
+  - `utrecht.button.pressed.color`
+  - `utrecht.button.primary-action.pressed.background-color`
+  - `utrecht.button.primary-action.pressed.border-color`
+  - `utrecht.button.primary-action.pressed.color`
+  - `utrecht.button.secondary-action.pressed.background-color`
+  - `utrecht.button.secondary-action.pressed.border-color`
+  - `utrecht.button.secondary-action.pressed.color`
+  - `utrecht.button.subtle.pressed.background-color`
+  - `utrecht.button.subtle.pressed.border-color`
+  - `utrecht.button.subtle.pressed.color`
+
+  De volgende tokens zijn toegevoegd aan Page Header component:
+
+  - `ams.page-header.font-family`
+  - `ams.page-header.padding-inline`
+  - `ams.page-header.padding-block`
+  - `ams.page-header.medium.padding-inline`
+  - `ams.page-header.wide.padding-inline`
+  - `ams.page-header.logo-link.column-gap`
+  - `ams.page-header.logo-link.outline-offset`
+  - `ams.page-header.brand-name.color`
+  - `ams.page-header.brand-name.font-size`
+  - `ams.page-header.brand-name.font-weight`
+  - `ams.page-header.brand-name.text-wrap`
+  - `ams.page-header.navigation.column-gap`
+  - `ams.page-header.navigation.row-gap`
+  - `ams.page-header.menu.column-gap`
+  - `ams.page-header.menu.row-gap`
+  - `ams.page-header.menu-item.color`
+  - `ams.page-header.menu-item.line-height`
+  - `ams.page-header.menu-item.font-size`
+  - `ams.page-header.menu-item.font-weight`
+  - `ams.page-header.menu-item.outline-offset`
+  - `ams.page-header.menu-item.padding-block`
+  - `ams.page-header.menu-item.hover.color`
+  - `ams.page-header.menu-item.column-gap`
+  - `ams.page-header.menu-link.text-decoration-line`
+  - `ams.page-header.menu-link.text-underline-offset`
+  - `ams.page-header.menu-link.hover.text-decoration-line`
+  - `ams.page-header.menu-link.text-decoration-thickness`
+  - `ams.page-header.mega-menu-button.cursor`
+  - `ams.page-header.mega-menu-button.label.open.font-weight`
+
+  De volgende tokens zijn toegevoegd aan Page Footer component:
+
+  - `ams.page-footer.spotlight.background-color`
+  - `ams.page-footer.menu-link.color`
+  - `ams.page-footer.menu-link.hover.color`
+  - `ams.page-footer.menu-link.hover.text-decoration-line`
+  - `ams.page-footer.menu-link.font-family`
+  - `ams.page-footer.menu-link.font-size`
+  - `ams.page-footer.menu-link.font-weight`
+  - `ams.page-footer.menu-link.line-height`
+  - `ams.page-footer.menu-link.outline-offset`
+  - `ams.page-footer.menu-link.text-decoration-line`
+  - `ams.page-footer.menu-link.text-underline-offset`
+  - `ams.page-footer.menu-link.text-decoration-thickness`
+  - `ams.page-footer.menu.column-gap`
+  - `ams.page-footer.menu.padding-block`
+  - `ams.page-footer.menu.padding-inline`
+  - `ams.page-footer.menu.row-gap`
+  - `ams.page-footer.menu.medium.padding-inline`
+  - `ams.page-footer.menu.wide.padding-inline`
+
 ## 2.5.0
 
 ### Minor Changes