@nldd/design-system 0.8.95 → 0.8.97

package/README.md

@@ -1,6 +1,6 @@
 # NLDD Designsysteem
 
-Web Components voor Nederlandse Digitale Dienst (Rijksoverheid).
+Web Components voor de Nederlandse Digitale Dienst (Rijksoverheid).
 
 ## Installatie
 
@@ -145,15 +145,14 @@ Zie de [Storybook-documentatie](https://nederlandsedigitaledienst.github.io/desi
 
 ## Styling structuur
 
-CSS variabelen zijn georganiseerd in vijf lagen:
+CSS variabelen zijn georganiseerd in vier lagen:
 
 | Laag | Prefix | Beschrijving |
 | ---- | ------ | ------------ |
 | **Primitives** | `--primitives-*` | Basis waarden (kleuren, spacing, typography) |
 | **Semantics** | `--semantics-*` | Betekenisvolle variabelen (buttons, controls, surfaces) |
-| **Components** | `--components-*` | Component-specifieke variabelen |
 | **Context** | `--context-*` | Gedeelde variabelen voor communicatie tussen componenten |
-| **Local** | `--_*` | Interne variabelen binnen een component (niet bedoeld voor extern gebruik) |
+| **Local** | `--_{component}-*` | Interne variabelen van één component, met zijn tag zonder `nldd-` voorop (niet bedoeld voor extern gebruik) |
 
 ```css
 /* Primitives — basis waarden. Een kleur draagt zijn licht- en donkerwaarde
@@ -167,15 +166,13 @@ CSS variabelen zijn georganiseerd in vijf lagen:
 --semantics-buttons-accent-filled-background-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
 --semantics-controls-md-min-size: var(--primitives-space-44);
 
-/* Components — verwijzen naar semantics of primitives */
---components-box-background-color: var(--semantics-surfaces-tinted-background-color);
---components-button-group-sm-gap: var(--primitives-space-6);
-
 /* Context — communicatie tussen componenten */
 --context-parent-background-color: var(--semantics-surfaces-base-background-color);
 
-/* Local — intern binnen een component */
---_background-color: var(--context-parent-background-color);
+/* Local — intern binnen een component, in zijn :host. Wijst naar semantics
+   of primitives, en draagt de naam van het component. */
+--_box-background-color: var(--semantics-surfaces-tinted-background-color);
+--_button-group-sm-gap: var(--primitives-space-6);
 ```
 
 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.
@@ -201,7 +198,7 @@ De broncode van dit designsysteem valt onder de **EUPL-1.2**. De volledige licen
 
 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](./docs/CODE_OF_CONDUCT.md), een [beveiligingsbeleid](./docs/SECURITY.md), een [bijdragegids](./docs/CONTRIBUTING.md), een [ondersteuningspagina](./docs/SUPPORT.md) en een beschrijving van [wie waarover beslist](./docs/PROJECT_GOVERNANCE.md).
 
 ## Waar het designsysteem draait
 
@@ -213,15 +210,15 @@ De [Nederlandse Digitale Dienst](https://digitaledienst.overheid.nl) is gestart
 
 #### RegelRecht
 
-Alle frontends staan in [MinBZK/regelrecht](https://github.com/MinBZK/regelrecht).
+Alle frontends staan in [NederlandseDigitaleDienst/regelrecht](https://github.com/NederlandseDigitaleDienst/regelrecht).
 
 | Wat | Live | Broncode |
 | --- | ---- | -------- |
-| Website en documentatie | [regelrecht.rijks.app](https://regelrecht.rijks.app) | [`docs/`](https://github.com/MinBZK/regelrecht/tree/main/docs) |
-| Editor voor regelgeving | [editor.regelrecht.rijks.app](https://editor.regelrecht.rijks.app) | [`frontend/`](https://github.com/MinBZK/regelrecht/tree/main/frontend) |
-| Demo-werkruimte | [demo.regelrecht.rijks.app](https://demo.regelrecht.rijks.app) | [`frontend-demo/`](https://github.com/MinBZK/regelrecht/tree/main/frontend-demo) |
-| Wetgevingsproces | [lawmaking.regelrecht.rijks.app](https://lawmaking.regelrecht.rijks.app) | [`frontend-lawmaking/`](https://github.com/MinBZK/regelrecht/tree/main/frontend-lawmaking) |
-| Proof-of-concepts | [poc.regelrecht.rijks.app](https://poc.regelrecht.rijks.app) | [`frontend-poc-portal/`](https://github.com/MinBZK/regelrecht/tree/main/frontend-poc-portal) en de andere `frontend-poc-*`-mappen |
+| Website en documentatie | [regelrecht.rijks.app](https://regelrecht.rijks.app) | [`docs/`](https://github.com/NederlandseDigitaleDienst/regelrecht/tree/main/docs) |
+| Editor voor regelgeving | [editor.regelrecht.rijks.app](https://editor.regelrecht.rijks.app) | [`frontend/`](https://github.com/NederlandseDigitaleDienst/regelrecht/tree/main/frontend) |
+| Demo-werkruimte | [demo.regelrecht.rijks.app](https://demo.regelrecht.rijks.app) | [`frontend-demo/`](https://github.com/NederlandseDigitaleDienst/regelrecht/tree/main/frontend-demo) |
+| Wetgevingsproces | [lawmaking.regelrecht.rijks.app](https://lawmaking.regelrecht.rijks.app) | [`frontend-lawmaking/`](https://github.com/NederlandseDigitaleDienst/regelrecht/tree/main/frontend-lawmaking) |
+| Proof-of-concepts | [poc.regelrecht.rijks.app](https://poc.regelrecht.rijks.app) | [`frontend-poc-portal/`](https://github.com/NederlandseDigitaleDienst/regelrecht/tree/main/frontend-poc-portal) en de andere `frontend-poc-*`-mappen |
 
 #### Fundament
 
@@ -250,15 +247,19 @@ De soevereine overheidscloud. Alle frontends staan in [fundament-oss/fundament](
 
 | Wat | Live | Broncode |
 | --- | ---- | -------- |
-| NeRDS, de Nederlandse Richtlijn Digitale Systemen | [nederlandsedigitaledienst.github.io/NeRDS](https://nederlandsedigitaledienst.github.io/NeRDS/) | [NederlandseDigitaleDienst/NeRDS](https://github.com/NederlandseDigitaleDienst/NeRDS) |
+| NeRDS, de Nederlandse Richtlijn Digitale Systemen | [nederlandsedigitaledienst.github.io/NeRDS](https://nerds.digitaledienst.overheid.nl/) | [NederlandseDigitaleDienst/NeRDS](https://github.com/NederlandseDigitaleDienst/NeRDS) |
 | Ruimte, een werkinstrument voor het samenstellen van een formatie | [nederlandsedigitaledienst.github.io/ruimte](https://nederlandsedigitaledienst.github.io/ruimte/) | [NederlandseDigitaleDienst/ruimte](https://github.com/NederlandseDigitaleDienst/ruimte) |
 
 ### Andere overheidsorganisaties
 
 | Wat | Live | Broncode |
 | --- | ---- | -------- |
-| Bouwmeester, beheer van het beleidscorpus van BZK | [bouwmeester.rijks.app](https://bouwmeester.rijks.app) | [BureauArchitectuurDigitaleOverheid/bouwmeester](https://github.com/BureauArchitectuurDigitaleOverheid/bouwmeester) |
+| Bouwmeester, beheer van het beleidscorpus van BZK | [bouwmeester.rijks.app](https://bouwmeester.rijks.app) | [NederlandseDigitaleDienst/bouwmeester](https://github.com/NederlandseDigitaleDienst/bouwmeester) |
 | ZAD, Zelfservice Applicatie Deployment | [zad.rijksapp.nl](https://zad.rijksapp.nl) | [RijksICTGilde/RIG-Cluster](https://github.com/RijksICTGilde/RIG-Cluster) |
 | Wies, een overzicht van wie waar aan werkt | [wies.rijksorganisatieodi.nl](https://wies.rijksorganisatieodi.nl) (achter een login) | [RijksICTGilde/wies](https://github.com/RijksICTGilde/wies) |
 | Lord of the Components, dat Jinja2-templates omzet naar NLDD-componenten | een bibliotheek, geen site | [RijksICTGilde/lord-of-the-components](https://github.com/RijksICTGilde/lord-of-the-components) |
 | Invulhulp voor AI-compliance-formulieren (proof of concept) | geen publieke URL | [MinFin-NL/invulhulp](https://github.com/MinFin-NL/invulhulp) |
+| Dashboard van het Innovatieteam van Financiën, met de tools van het team | geen publieke URL | [MinFin-NL/innovatieteam](https://github.com/MinFin-NL/innovatieteam) |
+| TekstOntleder, dat laat zien welke tekst in een document van een mens, van AI of uit een ander document komt | geen publieke URL | [MinFin-NL/TekstOntleder](https://github.com/MinFin-NL/TekstOntleder) |
+| Regiekamer, een demo van een organisatie van AI-collega's | geen publieke URL | [MinFin-NL/regiekamer](https://github.com/MinFin-NL/regiekamer) |
+| KasVisie, een dashboard voor kasprognoses (proof of concept) | geen publieke URL | [MinFin-NL/KasVisie](https://github.com/MinFin-NL/KasVisie) |