@nldd/design-system 0.8.92 → 0.8.94

package/NOTICES.md

@@ -1,8 +1,6 @@
 ## Third-party notices
 
-Het NLDD Designsysteem (de broncode) is gelicentieerd onder **EUPL-1.2**,
-zie [`LICENSE`](./LICENSE) voor de volledige tekst. De fontbestanden in
-`src/assets/fonts/` vallen daar niet onder; die hebben hun eigen licenties:
+Het NLDD Designsysteem (de broncode) is gelicentieerd onder **EUPL-1.2**, zie [`LICENSE`](./LICENSE) voor de volledige tekst. De fontbestanden in `src/assets/fonts/`, het logo en de huisstijlelementen van de Rijksoverheid vallen daar niet onder; die hebben hun eigen voorwaarden, hieronder. In het npm-pakket staan ze in `dist/fonts/`, aanspreekbaar als `@nldd/design-system/fonts/<bestand>`; dat maakt het pad bereikbaar en verandert niets aan de voorwaarden hieronder.
 
 ---
 
@@ -13,15 +11,11 @@ Bestanden:
 - `src/assets/fonts/JetBrainsMono[wght].woff2`
 - `src/assets/fonts/JetBrainsMono-Italic[wght].woff2`
 
-Copyright © 2020 The JetBrains Mono Project Authors
-(https://github.com/JetBrains/JetBrainsMono)
+Copyright © 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
 
-Gelicentieerd onder de **SIL Open Font License, Version 1.1**:
-https://openfontlicense.org
+Gelicentieerd onder de **SIL Open Font License, Version 1.1**: https://openfontlicense.org
 
-Vrij te gebruiken, herdistribueren en wijzigen, mits aan de OFL voorwaarden
-wordt voldaan. Volledige license tekst is met het font meegeleverd in de
-upstream JetBrains Mono repository.
+Vrij te gebruiken, herdistribueren en wijzigen, mits aan de OFL voorwaarden wordt voldaan. Volledige license tekst is met het font meegeleverd in de upstream JetBrains Mono repository.
 
 ---
 
@@ -32,24 +26,32 @@ Bestanden:
 - `src/assets/fonts/RijksSansWeb-Regular.woff2`
 - `src/assets/fonts/RijksSansWeb-Italic.woff2`
 
-Auteursrecht voorbehouden door de Staat der Nederlanden (Ministerie van
-Algemene Zaken), conform regeling van 16 juni 2008 (Stcrt. 2008, nr. 115)
-en artikel 15b van de Auteurswet 1912.
+Auteursrecht voorbehouden door de Staat der Nederlanden (Ministerie van Algemene Zaken), conform regeling van 16 juni 2008 (Stcrt. 2008, nr. 115) en artikel 15b van de Auteurswet 1912.
 
-Het font is **uitsluitend bestemd voor gebruik in publicaties van de
-Rijksoverheid**, of door partijen aan wie de Rijksoverheid de huisstijl
-ter beschikking heeft gesteld voor werkzaamheden of diensten in opdracht
-van de Rijksoverheid.
+Het font is **uitsluitend bestemd voor gebruik in publicaties van de Rijksoverheid**, of door partijen aan wie de Rijksoverheid de huisstijl ter beschikking heeft gesteld voor werkzaamheden of diensten in opdracht van de Rijksoverheid.
 
-Voor ander gebruik is voorafgaande schriftelijke toestemming van de
-Rijksoverheid vereist. Toestemming kan worden aangevraagd bij de
-**Rijksvoorlichtingsdienst**.
+Voor ander gebruik is voorafgaande schriftelijke toestemming van de Rijksoverheid vereist. Toestemming kan worden aangevraagd bij de **Rijksvoorlichtingsdienst**.
 
-Het feit dat de fontbestanden in deze repository aanwezig zijn impliceert
-geen licentie of toestemming buiten het hierboven beschreven kader; de
-publicatie dient om consumers binnen dat kader (zoals overheidspartners
-en contractors die voor de Rijksoverheid werken) een werkende installatie
-van het designsysteem te bieden.
+Het feit dat de fontbestanden in deze repository aanwezig zijn impliceert geen licentie of toestemming buiten het hierboven beschreven kader; de publicatie dient om consumers binnen dat kader (zoals overheidspartners en contractors die voor de Rijksoverheid werken) een werkende installatie van het designsysteem te bieden.
 
-Volledige gebruiksvoorwaarden:
-https://www.rijkshuisstijl.nl/basiselementen/typografie/gebruiksvoorwaarden-typografie
+Volledige gebruiksvoorwaarden: https://www.rijkshuisstijl.nl/basiselementen/typografie/gebruiksvoorwaarden-typografie
+
+---
+
+### Logo en huisstijl van de Rijksoverheid
+
+Bestanden:
+
+- `src/components/navigation/top-navigation-bar/logo.ts` (het logo in `nldd-top-navigation-bar`)
+- `src/assets/favicon/favicon.svg` (in het npm-pakket: `@nldd/design-system/favicon.svg`)
+- `src/assets/favicon/touch-icon.png` (in het npm-pakket: `@nldd/design-system/touch-icon.png`)
+
+Daarnaast de huisstijlelementen die het designsysteem in CSS overneemt: het lint in `nldd-top-navigation-bar` en de huisstijlkleuren in `src/assets/styles/colors.generated.css`.
+
+De Staat der Nederlanden (Ministerie van Algemene Zaken) heeft auteursrecht voorbehouden op het ontwerp van het rijkslogo en de huisstijl, conform de *Regeling voorbehouden auteursrecht beeldmerk en huisstijl herkenbare Rijksoverheid* (Stcrt. 2008, nr. 115) en artikel 15b van de Auteurswet 1912: https://wetten.overheid.nl/BWBR0024004/2008-08-07. Het beeldmerk is als hoogheidsteken gedeponeerd.
+
+Het logo en de huisstijl zijn **uitsluitend bestemd voor gebruik door de Rijksoverheid**, of door partijen die een opdracht voor de Rijksoverheid uitvoeren en daarvoor gebruik mogen maken van de huisstijl en het logo. In alle andere gevallen is ieder gebruik verboden. Voor toestemming kun je terecht bij de **Rijksvoorlichtingsdienst**.
+
+Het rijkswapen in het logo is eigendom van de Hoge Raad van Adel en mag alleen in combinatie met het lint worden gebruikt. Voor gebruik van het rijkswapen los van het logo is toestemming van de Hoge Raad van Adel nodig.
+
+Het feit dat deze bestanden in deze repository en in het npm-pakket aanwezig zijn, impliceert geen licentie of toestemming buiten het hierboven beschreven kader.

package/README.md

@@ -23,7 +23,7 @@ import { NLDDButton, NLDDCheckbox, NLDDSwitch } from '@nldd/design-system';
 
 ```html
 <!-- Gebruik in HTML -->
-<nldd-button variant="accent-filled" text="Opslaan"></nldd-button>
+<nldd-button appearance="accent-filled" text="Opslaan"></nldd-button>
 <nldd-checkbox-field label="Akkoord met voorwaarden"></nldd-checkbox-field>
 <nldd-switch-field label="Meldingen inschakelen"></nldd-switch-field>
 ```
@@ -34,9 +34,17 @@ Bekijk de live component documentatie: **https://nederlandsedigitaledienst.githu
 
 ## Claude Code plugin
 
-Deze repository is ook een Claude Code marketplace. De `nldd`-plugin geeft
-Claude de kennis om applicaties te bouwen bovenop `@nldd/design-system`: de
-juiste tags, attributen, CSS-tokens en patronen.
+Deze repository is ook een Claude Code marketplace. De `nldd`-plugin geeft Claude de kennis om met `@nldd/design-system` te werken: de juiste tags, attributen, CSS-tokens en patronen. Hij levert vijf skills:
+
+| Skill | Waarvoor |
+|-------|----------|
+| `nldd-design` | Opzoeken: welke componenten, attributen, slots, events en iconen er zijn, wat er per versie veranderde, en de ontwerprichtlijnen. |
+| `nldd-design-build` | Een applicatie bouwen: de visie erachter, de basispatronen en hoe je componenten samenstelt. |
+| `nldd-design-migrate` | Een bestaande frontend omzetten naar dit systeem. |
+| `nldd-design-upgrade` | Een applicatie die al op dit systeem draait naar een nieuwere versie brengen. |
+| `nldd-design-contribute` | Een wijziging voorstellen: een ontbrekend component, een patroon, of een bug. |
+
+Claude kiest zelf welke hij nodig heeft; aanroepen kan ook met `/nldd-design`, of met `/nldd:nldd-design` als een skill van je eigen project dezelfde naam draagt.
 
 Toevoegen en installeren:
 
@@ -47,6 +55,25 @@ Toevoegen en installeren:
 
 Bijwerken naar een nieuwere versie doe je met `/plugin marketplace update nldd-plugins`.
 
+### Kom je van een versie met één `nldd`-skill?
+
+De plugin heette altijd al `nldd` en blijft zo heten, dus je installatie en je `enabledPlugins` blijven werken. Wat veranderde zijn de **skills** erin: waar er één `nldd` was, zijn er nu vijf met een naam die zegt waar ze over gaan.
+
+Verwijs je ergens zelf naar de oude skillnaam, dan breekt dat, en de eerste twee zonder foutmelding:
+
+1. in je eigen `CLAUDE.md`, `.claude/rules/*.md` of `AGENTS.md` ("gebruik de nldd skill"). Claude vindt hem niet en gaat verder zonder;
+2. in subagent-definities (`.claude/agents/*.md`) en hooks die op de naam matchen;
+3. in `Skill(nldd)` in permissieregels: die matcht niet meer, dus je krijgt een prompt waar je die eerder niet had;
+4. in scripts of CI die `claude -p "/nldd ..."` aanroepen.
+
+Eén zoekopdracht vindt ze:
+
+```
+rg -n '\bnldd\b' --glob '!node_modules' CLAUDE.md AGENTS.md .claude/
+```
+
+Laat `nldd@nldd-plugins` staan: dat is de pluginnaam en die klopt nog. Er blijft tot 1 maart 2027 een `nldd`-skill achter die niets doet dan doorverwijzen.
+
 ## Development setup
 
 ```bash
@@ -66,7 +93,7 @@ npm run storybook
 | Attribuut          | Type    | Default          | Beschrijving                                                                                                                                             |
 | ------------------ | ------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `text`             | string  | `''`             | Tekst van de button                                                                                                                                      |
-| `variant`          | string  | `neutral-tinted` | `primary`, `secondary`, `destructive`, `accent-filled`, `accent-transparent`, `neutral-tinted`, `neutral-transparent`, `critical-tinted`, `critical-transparent` |
+| `appearance`       | string  | `neutral-tinted` | `primary`, `secondary`, `destructive`, `accent-filled`, `accent-transparent`, `neutral-tinted`, `neutral-base`, `neutral-transparent`, `critical-tinted`, `critical-transparent`, `inherit-filled`, `inherit-tinted` |
 | `size`             | string  | `md`             | `xs`, `sm`, `md`                                                                                                                                         |
 | `disabled`         | boolean | `false`          | Uitgeschakelde staat                                                                                                                                     |
 | `type`             | string  | `button`         | `button`, `submit`, `reset`                                                                                                                              |
@@ -115,9 +142,7 @@ CSS variabelen zijn georganiseerd in vijf lagen:
 --_background-color: var(--context-parent-background-color);
 ```
 
-De kleurpaletten staan in `src/assets/styles/colors.generated.css` en worden
-gegenereerd; de accent-laag wijst naar een van die paletten, zodat één regel de
-huisstijlkleur van het hele systeem bepaalt.
+De kleurpaletten staan in `src/assets/styles/colors.generated.css` en worden gegenereerd; de accent-laag wijst naar een van die paletten, zodat één regel de huisstijlkleur van het hele systeem bepaalt.
 
 ## Feedback en verzoeken
 
@@ -127,29 +152,17 @@ Mis je een component of wil je een wijziging voorstellen? [Maak een issue aan](h
 
 Het designsysteem gebruikt twee fonts, met verschillende licenties:
 
-- **JetBrains Mono** (monospace) — vrij te gebruiken onder de
-  [SIL Open Font License 1.1](https://openfontlicense.org).
-- **Rijksoverheid Sans** (`RijksSansWeb`) — auteursrechtelijk beschermd
-  door de Staat der Nederlanden. **Uitsluitend bedoeld voor publicaties
-  van de Rijksoverheid** of partijen die in opdracht van de Rijksoverheid
-  werken. Voor ander gebruik is voorafgaande schriftelijke toestemming
-  vereist; neem contact op met de Rijksvoorlichtingsdienst.
+- **JetBrains Mono** (monospace) — vrij te gebruiken onder de [SIL Open Font License 1.1](https://openfontlicense.org).
+- **Rijksoverheid Sans** (`RijksSansWeb`) — auteursrechtelijk beschermd door de Staat der Nederlanden. **Uitsluitend bedoeld voor publicaties van de Rijksoverheid** of partijen die in opdracht van de Rijksoverheid werken. Voor ander gebruik is voorafgaande schriftelijke toestemming vereist; neem contact op met de Rijksvoorlichtingsdienst.
 
-Volledige licentie-informatie staat in [`NOTICES.md`](./NOTICES.md). Door
-de fonts mee te leveren in deze repository wordt geen licentie verleend
-buiten het hierboven beschreven kader.
+Volledige licentie-informatie staat in [`NOTICES.md`](./NOTICES.md). Door de fonts mee te leveren in deze repository wordt geen licentie verleend buiten het hierboven beschreven kader.
 
 ## Licentie (License)
 
 Copyright © 2026 Staat der Nederlanden.
 
-De broncode van dit designsysteem valt onder de **EUPL-1.2**. De volledige
-licentietekst staat in [`LICENSE`](./LICENSE).
+De broncode van dit designsysteem valt onder de **EUPL-1.2**. De volledige licentietekst staat in [`LICENSE`](./LICENSE).
 
-De fontbestanden in `src/assets/fonts/` vallen daar niet onder; die hebben hun
-eigen licenties, zie [`NOTICES.md`](./NOTICES.md).
+De fontbestanden in `src/assets/fonts/`, het logo en de huisstijlelementen van de Rijksoverheid (zoals het lint en de huisstijlkleuren) vallen daar niet onder; die zijn uitsluitend bestemd voor de Rijksoverheid en partijen die in haar opdracht werken, zie [`NOTICES.md`](./NOTICES.md).
 
-Verder horen bij dit project een [gedragscode](./CODE_OF_CONDUCT.md), een
-[beveiligingsbeleid](./SECURITY.md), een [bijdragegids](./CONTRIBUTING.md), een
-[ondersteuningspagina](./SUPPORT.md) en een beschrijving van
-[wie waarover beslist](./PROJECT_GOVERNANCE.md).
+Verder horen bij dit project een [gedragscode](./CODE_OF_CONDUCT.md), een [beveiligingsbeleid](./SECURITY.md), een [bijdragegids](./CONTRIBUTING.md), een [ondersteuningspagina](./SUPPORT.md) en een beschrijving van [wie waarover beslist](./PROJECT_GOVERNANCE.md).