Deploying to gh-pages from @ ddc55b1 🚀

nl-design-system · Jan 6, 2025 · 6a88462 · 6a88462
1 parent 73ee1f2
commit 6a88462
Show file tree

Hide file tree

Showing 494 changed files with 523 additions and 523 deletions.
diff --git a/404.html b/404.html
@@ -25,7 +25,7 @@
 
   <link rel="search" type="application/opensearchdescription+xml" title="NL Design System" href="/opensearch.xml" />
   <link rel="stylesheet" href="/assets/css/styles.3f2a8047.css" />
-  <script src="/assets/js/runtime~main.7078b0ab.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.a299b9ed.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/CHANGELOG/index.html b/CHANGELOG/index.html
@@ -27,7 +27,7 @@
 
   <link rel="search" type="application/opensearchdescription+xml" title="NL Design System" href="/opensearch.xml" />
   <link rel="stylesheet" href="/assets/css/styles.3f2a8047.css" />
-  <script src="/assets/js/runtime~main.7078b0ab.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.a299b9ed.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/Calendar/index.html b/Calendar/index.html
@@ -28,7 +28,7 @@
 
   <link rel="search" type="application/opensearchdescription+xml" title="NL Design System" href="/opensearch.xml" />
   <link rel="stylesheet" href="/assets/css/styles.3f2a8047.css" />
-  <script src="/assets/js/runtime~main.7078b0ab.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.a299b9ed.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/accordion/index.html b/accordion/index.html
@@ -28,7 +28,7 @@
 
   <link rel="search" type="application/opensearchdescription+xml" title="NL Design System" href="/opensearch.xml" />
   <link rel="stylesheet" href="/assets/css/styles.3f2a8047.css" />
-  <script src="/assets/js/runtime~main.7078b0ab.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.a299b9ed.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/action-group/index.html b/action-group/index.html
@@ -28,7 +28,7 @@
 
   <link rel="search" type="application/opensearchdescription+xml" title="NL Design System" href="/opensearch.xml" />
   <link rel="stylesheet" href="/assets/css/styles.3f2a8047.css" />
-  <script src="/assets/js/runtime~main.7078b0ab.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.a299b9ed.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/alert-dialog/index.html b/alert-dialog/index.html
@@ -28,7 +28,7 @@
 
   <link rel="search" type="application/opensearchdescription+xml" title="NL Design System" href="/opensearch.xml" />
   <link rel="stylesheet" href="/assets/css/styles.3f2a8047.css" />
-  <script src="/assets/js/runtime~main.7078b0ab.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.a299b9ed.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/alert/index.html b/alert/index.html
@@ -28,7 +28,7 @@
 
   <link rel="search" type="application/opensearchdescription+xml" title="NL Design System" href="/opensearch.xml" />
   <link rel="stylesheet" href="/assets/css/styles.3f2a8047.css" />
-  <script src="/assets/js/runtime~main.7078b0ab.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.a299b9ed.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/assets/js/25b93367.5fb84c8f.js → assets/js/25b93367.c8921dbf.js b/assets/js/25b93367.5fb84c8f.js → assets/js/25b93367.c8921dbf.js
diff --git a/assets/js/26946dca.79669ba3.js → assets/js/26946dca.9d963117.js b/assets/js/26946dca.79669ba3.js → assets/js/26946dca.9d963117.js
@@ -81,7 +81,7 @@
     c = n(78187);
    function a(e) {
     const t = { code: 'code', p: 'p', pre: 'pre', strong: 'strong', ...(0, o.a)(), ...e.components };
-    return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsxs)(t.p, { children: ['Gebruik voor tekst gemarkeerd als opgemaakte code semantische HTML. In het geval van de component Code Block is dat het HTML-element ', (0, r.jsx)(t.code, { children: 'code' }), '\nin combinatie met ', (0, r.jsx)(t.code, { children: 'pre' }), '.'] }), '\n', (0, r.jsx)(t.p, { children: 'Dus niet zo:' }), '\n', (0, r.jsx)(t.pre, { children: (0, r.jsx)(t.code, { className: 'language-html', children: '\x3c!-- dit niet doen --\x3e\n<pre>\n  <div class="code-block">\n    @use "./mixin";\n    \n    .nl-heading-1 {\n    @include mixin.nl-heading-1;\n    }\n  </div>\n</pre>\n' }) }), '\n', (0, r.jsx)(t.p, { children: 'Maar zo:' }), '\n', (0, r.jsx)(t.pre, { children: (0, r.jsx)(t.code, { className: 'language-html', children: '<pre>\n  <code class="code-block">\n    @use "./mixin";\n  \n    .nl-heading-1 {\n    @include mixin.nl-heading-1;\n    }\n  </code>\n</pre>\n' }) }), '\n', (0, r.jsxs)(t.p, { children: [(0, r.jsx)(t.strong, { children: 'Let op' }), ': Het element ', (0, r.jsx)(t.code, { children: '<code>' }), ' wordt op het moment van schrijven (2024) nog niet ondersteund door alle hulpsoftware. Wellicht in de toekomst wel, dan is het goed om nu alvast het juiste element te gebruiken.'] })] });
+    return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsxs)(t.p, { children: ['Gebruik voor tekst gemarkeerd als opgemaakte code semantische HTML. In het geval van de component Code Block is dat het HTML-element ', (0, r.jsx)(t.code, { children: 'code' }), '\nin combinatie met ', (0, r.jsx)(t.code, { children: 'pre' }), '.'] }), '\n', (0, r.jsx)(t.p, { children: 'Dus niet zo:' }), '\n', (0, r.jsx)(t.pre, { children: (0, r.jsx)(t.code, { className: 'language-html', children: '\x3c!-- Foute code, niet gebruiken --\x3e\n<pre>\n  <div class="code-block">\n    @use "./mixin";\n    \n    .nl-heading-1 {\n    @include mixin.nl-heading-1;\n    }\n  </div>\n</pre>\n' }) }), '\n', (0, r.jsx)(t.p, { children: 'Maar zo:' }), '\n', (0, r.jsx)(t.pre, { children: (0, r.jsx)(t.code, { className: 'language-html', children: '<pre>\n  <code class="code-block">\n    @use "./mixin";\n  \n    .nl-heading-1 {\n    @include mixin.nl-heading-1;\n    }\n  </code>\n</pre>\n' }) }), '\n', (0, r.jsxs)(t.p, { children: [(0, r.jsx)(t.strong, { children: 'Let op' }), ': Het element ', (0, r.jsx)(t.code, { children: '<code>' }), ' wordt op het moment van schrijven (2024) nog niet ondersteund door alle hulpsoftware. Wellicht in de toekomst wel, dan is het goed om nu alvast het juiste element te gebruiken.'] })] });
    }
    function l(e = {}) {
     const { wrapper: t } = { ...(0, o.a)(), ...e.components };

diff --git a/assets/js/68ddddde.5a8ac512.js → assets/js/68ddddde.5f4e74d3.js b/assets/js/68ddddde.5a8ac512.js → assets/js/68ddddde.5f4e74d3.js
@@ -96,7 +96,7 @@
     i = t(87118);
    function s(e) {
     const n = { a: 'a', code: 'code', li: 'li', p: 'p', pre: 'pre', ul: 'ul', ...(0, i.a)(), ...e.components };
-    return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsxs)(n.p, { children: ['De zichtbare naam van de link is gelijk aan, of begint met de ', (0, r.jsx)(n.a, { href: 'https://developer.mozilla.org/en-US/docs/Glossary/Accessible_name', children: 'toegankelijke naam' }), '.'] }), '\n', (0, r.jsxs)(n.p, { children: ['Dit is het eenvoudigst te realiseren door een ', (0, r.jsx)(n.code, { children: 'a' }), '-element te gebruiken met daarin tekst.'] }), '\n', (0, r.jsxs)(n.p, { children: ['Pas op met het gebruik van ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' om een naam te geven aan een link. Een ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' overschrijft de tekstinhoud van een link. Zodoende kan een link een toegankelijke naam krijgen die anders is dan de zichtbare naam, waardoor mensen die hulpsoftware gebruiken moeilijkheden kunnen krijgen met het bedienen van de link. Als je echt een ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' nodig hebt, zorg dan dat de waarde van het ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' begint met de exacte tekst die zichtbaar is in de link.'] }), '\n', (0, r.jsx)(n.p, { children: 'Dus niet:' }), '\n', (0, r.jsx)(n.pre, { children: (0, r.jsx)(n.code, { className: 'language-html', children: '\x3c!-- Dit is een fout voorbeeld, niet kopi\xebren --\x3e\n<a href="login-url" aria-label="Klik hier om in te loggen">Log in met DigiD</a>\n' }) }), '\n', (0, r.jsx)(n.p, { children: 'Maar:' }), '\n', (0, r.jsx)(n.pre, { children: (0, r.jsx)(n.code, { className: 'language-html', children: '<a href="login-url">Log in met DigiD</a>\n' }) }), '\n', (0, r.jsx)(n.p, { children: 'NL Design System richtlijnen:' }), '\n', (0, r.jsxs)(n.ul, { children: ['\n', (0, r.jsx)(n.li, { children: (0, r.jsx)(n.a, { href: '/richtlijnen/formulieren/labels/zichtbare-naam/', children: 'De zichtbare naam moet overeenkomen met de toegankelijke naam' }) }), '\n'] })] });
+    return (0, r.jsxs)(r.Fragment, { children: [(0, r.jsxs)(n.p, { children: ['De zichtbare naam van de link is gelijk aan, of begint met de ', (0, r.jsx)(n.a, { href: 'https://developer.mozilla.org/en-US/docs/Glossary/Accessible_name', children: 'toegankelijke naam' }), '.'] }), '\n', (0, r.jsxs)(n.p, { children: ['Dit is het eenvoudigst te realiseren door een ', (0, r.jsx)(n.code, { children: 'a' }), '-element te gebruiken met daarin tekst.'] }), '\n', (0, r.jsxs)(n.p, { children: ['Pas op met het gebruik van ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' om een naam te geven aan een link. Een ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' overschrijft de tekstinhoud van een link. Zodoende kan een link een toegankelijke naam krijgen die anders is dan de zichtbare naam, waardoor mensen die hulpsoftware gebruiken moeilijkheden kunnen krijgen met het bedienen van de link. Als je echt een ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' nodig hebt, zorg dan dat de waarde van het ', (0, r.jsx)(n.code, { children: 'aria-label' }), ' begint met de exacte tekst die zichtbaar is in de link.'] }), '\n', (0, r.jsx)(n.p, { children: 'Dus niet:' }), '\n', (0, r.jsx)(n.pre, { children: (0, r.jsx)(n.code, { className: 'language-html', children: '\x3c!-- Foute code, niet gebruiken --\x3e\n<a href="login-url" aria-label="Klik hier om in te loggen">Log in met DigiD</a>\n' }) }), '\n', (0, r.jsx)(n.p, { children: 'Maar:' }), '\n', (0, r.jsx)(n.pre, { children: (0, r.jsx)(n.code, { className: 'language-html', children: '<a href="login-url">Log in met DigiD</a>\n' }) }), '\n', (0, r.jsx)(n.p, { children: 'NL Design System richtlijnen:' }), '\n', (0, r.jsxs)(n.ul, { children: ['\n', (0, r.jsx)(n.li, { children: (0, r.jsx)(n.a, { href: '/richtlijnen/formulieren/labels/zichtbare-naam/', children: 'De zichtbare naam moet overeenkomen met de toegankelijke naam' }) }), '\n'] })] });
    }
    function o(e = {}) {
     const { wrapper: n } = { ...(0, i.a)(), ...e.components };

diff --git a/assets/js/6fd5f6ab.73d946a3.js → assets/js/6fd5f6ab.af75064d.js b/assets/js/6fd5f6ab.73d946a3.js → assets/js/6fd5f6ab.af75064d.js