From 477d5e025af10bea1442664ed47202e5fba83605 Mon Sep 17 00:00:00 2001 From: Rogier Barendregt Date: Thu, 24 Sep 2026 12:28:52 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20=20Storybook=20documentatie=20hy?= =?UTF-8?q?gi=C3=ABne=20=E2=9C=8F=EF=B8=8F=F0=9F=93=9D=20=20Wijzigingen=20?= =?UTF-8?q?aan=20protoype-teksten=20op=20basis=20van=20documentatie=20hygi?= =?UTF-8?q?=C3=ABne?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .storybook/preview-head.html | 6 + CLAUDE.md | 49 ++--- assets/javascript/berichtenbox.js | 9 +- assets/javascript/digitale-assistent-demo.js | 14 +- assets/javascript/digitale-assistent.js | 16 +- assets/javascript/feature-flags.js | 4 +- moza/bedrijfsgegevens.html | 2 +- moza/berichtgevingen-wijzigen.html | 48 +++-- moza/bewaard.html | 2 +- moza/communicatievoorkeuren-wijzigen.html | 32 ++-- moza/contactgegevens-wijzigen.html | 76 ++++---- moza/contactvoorkeuren.html | 2 +- .../_contactvoorkeuren-blocks.njk | 33 ++-- moza/digitale-assistent.html | 2 +- moza/uitgelogd.html | 2 +- stories/AIStatussen.mdx | 24 +-- stories/Actiegroep.stories.js | 2 +- stories/Berichtenbox.mdx | 170 +++++++----------- stories/ContextWisselen.mdx | 60 +++---- stories/DigitaleAssistent.mdx | 6 +- stories/EmailVerificatie.mdx | 30 ++-- stories/InteracterenOpInhoud.mdx | 26 +-- stories/OntwerpprincipesHoe.mdx | 30 ++-- stories/OntwerpprincipesIntro.mdx | 2 +- stories/OntwerpprincipesWat.mdx | 58 +++--- stories/OverDitPrototype.mdx | 81 ++++++--- stories/Schrijfwijzer.mdx | 165 +++++++++++------ stories/UXOpleveringen.mdx | 16 +- tests/berichtenbox/detail.test.js | 2 +- 29 files changed, 542 insertions(+), 427 deletions(-) diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html index b4511d6d..0a2d143e 100644 --- a/.storybook/preview-head.html +++ b/.storybook/preview-head.html @@ -18,6 +18,12 @@ .sbdocs [type="radio"]::before { content: none; } + /* Vet in Docs-context: style.css geeft strong het halfvette gewicht van het prototype (500). In het + lettertype van Storybook is dat nauwelijks te onderscheiden van gewone tekst. */ + .sbdocs strong, + .sbdocs b { + font-weight: 700; + } /* Code: consistente styling in Docs-context */ .sbdocs code { background: var(--toepassing-color-background-subtle, #f5f5f5); diff --git a/CLAUDE.md b/CLAUDE.md index 4aef8f1a..231f6589 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -17,33 +17,39 @@ MijnOverheid Zakelijk (MOZa) is een HTML/CSS/JS prototype gebouwd met Eleventy e ## Ontwerp-principes (kernregels) -1. **Semantische HTML eerst**; gebruik de juiste elementen (`