Deploying to gh-pages from @ 20d3ba1 🚀

nl-design-system · Jan 13, 2025 · 0f9179b · 0f9179b
1 parent 5e8d8d8
commit 0f9179b
Show file tree

Hide file tree

Showing 488 changed files with 1,156 additions and 996 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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -96,7 +96,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -97,7 +97,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -97,7 +97,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -97,7 +97,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -97,7 +97,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -97,7 +97,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

diff --git a/assets/js/a94703ab.d77b1197.js → assets/js/a94703ab.c2a2911c.js b/assets/js/a94703ab.d77b1197.js → assets/js/a94703ab.c2a2911c.js
@@ -185,7 +185,7 @@
      } = (0, j.L)(),
      { isNavbarVisible: l } = (0, v.c)(r),
      c = (0, a.useId)();
-    return (0, m.jsxs)('div', { className: (0, i.Z)('sidebar', r && 'sidebarWithHideableNavbar', s && 'sidebarHidden', l && 'sidebarWithNavbar'), children: [(0, m.jsx)(L.zx, { appearance: 'subtle-button', onClick: o, className: (0, i.Z)('sidebar__toggle-button', s && 'sidebar__toggle-button--icon-only'), 'aria-controls': c, 'aria-label': s ? 'Toon sidebar' : 'Verberg sidebar', 'aria-expanded': !s, children: s ? (0, m.jsx)(m.Fragment, { children: (0, m.jsx)(f, {}) }) : (0, m.jsxs)(m.Fragment, { children: [(0, m.jsx)(_, {}), ' Verberg'] }) }), (0, m.jsx)('div', { id: c, 'aria-expanded': !s, className: (0, i.Z)('sidebar__content', s && 'sidebar__content--hidden'), children: (0, m.jsx)(U, { path: t, sidebar: n }) })] });
+    return (0, m.jsxs)('div', { className: (0, i.Z)('sidebar', r && 'sidebarWithHideableNavbar', s && 'sidebarHidden', l && 'sidebarWithNavbar'), children: [(0, m.jsx)(L.zx, { appearance: 'subtle-button', onClick: o, className: (0, i.Z)('sidebar__toggle-button', s && 'sidebar__toggle-button--icon-only'), 'aria-controls': c, 'aria-label': s ? 'Toon sidebar' : 'Verberg sidebar', 'aria-expanded': !s, children: s ? (0, m.jsx)(m.Fragment, { children: (0, m.jsx)(f, {}) }) : (0, m.jsxs)(m.Fragment, { children: [(0, m.jsx)(_, {}), ' Verberg'] }) }), (0, m.jsx)('div', { id: c, className: (0, i.Z)('sidebar__content', s && 'sidebar__content--hidden'), children: (0, m.jsx)(U, { path: t, sidebar: n }) })] });
    }
    const Y = a.memo(z);
    var G = n(773),

diff --git a/assets/js/runtime~main.cc9886c5.js → assets/js/runtime~main.6d3719ba.js b/assets/js/runtime~main.cc9886c5.js → assets/js/runtime~main.6d3719ba.js
diff --git a/avatar/index.html b/avatar/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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -97,7 +97,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

diff --git a/bingo/index.html b/bingo/index.html
@@ -24,7 +24,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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -88,30 +88,30 @@ <h2 class="utrecht-heading-2">BINGO!</h2>
       <p class="utrecht-paragraph">Speel de veelgemaakte fouten bingo en win!</p>
       <div class="bingo">
        <div class="bingo__form">
-        <div class="bingo__number"><input name="number-11" type="checkbox" class="bingo__input" id="number-11" /><label for="number-11" class="bingo__label">11</label></div>
-        <div class="bingo__number"><input name="number-20" type="checkbox" class="bingo__input" id="number-20" /><label for="number-20" class="bingo__label">20</label></div>
-        <div class="bingo__number"><input name="number-8" type="checkbox" class="bingo__input" id="number-8" /><label for="number-8" class="bingo__label">8</label></div>
-        <div class="bingo__number"><input name="number-4" type="checkbox" class="bingo__input" id="number-4" /><label for="number-4" class="bingo__label">4</label></div>
-        <div class="bingo__number"><input name="number-5" type="checkbox" class="bingo__input" id="number-5" /><label for="number-5" class="bingo__label">5</label></div>
-        <div class="bingo__number"><input name="number-10" type="checkbox" class="bingo__input" id="number-10" /><label for="number-10" class="bingo__label">10</label></div>
-        <div class="bingo__number"><input name="number-6" type="checkbox" class="bingo__input" id="number-6" /><label for="number-6" class="bingo__label">6</label></div>
-        <div class="bingo__number"><input name="number-16" type="checkbox" class="bingo__input" id="number-16" /><label for="number-16" class="bingo__label">16</label></div>
-        <div class="bingo__number"><input name="number-15" type="checkbox" class="bingo__input" id="number-15" /><label for="number-15" class="bingo__label">15</label></div>
-        <div class="bingo__number"><input name="number-23" type="checkbox" class="bingo__input" id="number-23" /><label for="number-23" class="bingo__label">23</label></div>
-        <div class="bingo__number"><input name="number-3" type="checkbox" class="bingo__input" id="number-3" /><label for="number-3" class="bingo__label">3</label></div>
-        <div class="bingo__number"><input name="number-2" type="checkbox" class="bingo__input" id="number-2" /><label for="number-2" class="bingo__label">2</label></div>
-        <div class="bingo__number"><input name="number-Free" type="checkbox" class="bingo__input" id="number-Free" disabled="" checked="" /><label for="number-Free" class="bingo__label">Free</label></div>
-        <div class="bingo__number"><input name="number-24" type="checkbox" class="bingo__input" id="number-24" /><label for="number-24" class="bingo__label">24</label></div>
+        <div class="bingo__number"><input name="number-17" type="checkbox" class="bingo__input" id="number-17" /><label for="number-17" class="bingo__label">17</label></div>
         <div class="bingo__number"><input name="number-21" type="checkbox" class="bingo__input" id="number-21" /><label for="number-21" class="bingo__label">21</label></div>
+        <div class="bingo__number"><input name="number-24" type="checkbox" class="bingo__input" id="number-24" /><label for="number-24" class="bingo__label">24</label></div>
+        <div class="bingo__number"><input name="number-3" type="checkbox" class="bingo__input" id="number-3" /><label for="number-3" class="bingo__label">3</label></div>
         <div class="bingo__number"><input name="number-12" type="checkbox" class="bingo__input" id="number-12" /><label for="number-12" class="bingo__label">12</label></div>
         <div class="bingo__number"><input name="number-22" type="checkbox" class="bingo__input" id="number-22" /><label for="number-22" class="bingo__label">22</label></div>
-        <div class="bingo__number"><input name="number-18" type="checkbox" class="bingo__input" id="number-18" /><label for="number-18" class="bingo__label">18</label></div>
-        <div class="bingo__number"><input name="number-25" type="checkbox" class="bingo__input" id="number-25" /><label for="number-25" class="bingo__label">25</label></div>
-        <div class="bingo__number"><input name="number-19" type="checkbox" class="bingo__input" id="number-19" /><label for="number-19" class="bingo__label">19</label></div>
-        <div class="bingo__number"><input name="number-1" type="checkbox" class="bingo__input" id="number-1" /><label for="number-1" class="bingo__label">1</label></div>
+        <div class="bingo__number"><input name="number-15" type="checkbox" class="bingo__input" id="number-15" /><label for="number-15" class="bingo__label">15</label></div>
+        <div class="bingo__number"><input name="number-10" type="checkbox" class="bingo__input" id="number-10" /><label for="number-10" class="bingo__label">10</label></div>
+        <div class="bingo__number"><input name="number-11" type="checkbox" class="bingo__input" id="number-11" /><label for="number-11" class="bingo__label">11</label></div>
+        <div class="bingo__number"><input name="number-23" type="checkbox" class="bingo__input" id="number-23" /><label for="number-23" class="bingo__label">23</label></div>
+        <div class="bingo__number"><input name="number-16" type="checkbox" class="bingo__input" id="number-16" /><label for="number-16" class="bingo__label">16</label></div>
         <div class="bingo__number"><input name="number-9" type="checkbox" class="bingo__input" id="number-9" /><label for="number-9" class="bingo__label">9</label></div>
+        <div class="bingo__number"><input name="number-Free" type="checkbox" class="bingo__input" id="number-Free" disabled="" checked="" /><label for="number-Free" class="bingo__label">Free</label></div>
+        <div class="bingo__number"><input name="number-19" type="checkbox" class="bingo__input" id="number-19" /><label for="number-19" class="bingo__label">19</label></div>
+        <div class="bingo__number"><input name="number-2" type="checkbox" class="bingo__input" id="number-2" /><label for="number-2" class="bingo__label">2</label></div>
+        <div class="bingo__number"><input name="number-20" type="checkbox" class="bingo__input" id="number-20" /><label for="number-20" class="bingo__label">20</label></div>
+        <div class="bingo__number"><input name="number-6" type="checkbox" class="bingo__input" id="number-6" /><label for="number-6" class="bingo__label">6</label></div>
+        <div class="bingo__number"><input name="number-4" type="checkbox" class="bingo__input" id="number-4" /><label for="number-4" class="bingo__label">4</label></div>
         <div class="bingo__number"><input name="number-7" type="checkbox" class="bingo__input" id="number-7" /><label for="number-7" class="bingo__label">7</label></div>
-        <div class="bingo__number"><input name="number-17" type="checkbox" class="bingo__input" id="number-17" /><label for="number-17" class="bingo__label">17</label></div>
+        <div class="bingo__number"><input name="number-25" type="checkbox" class="bingo__input" id="number-25" /><label for="number-25" class="bingo__label">25</label></div>
+        <div class="bingo__number"><input name="number-18" type="checkbox" class="bingo__input" id="number-18" /><label for="number-18" class="bingo__label">18</label></div>
+        <div class="bingo__number"><input name="number-1" type="checkbox" class="bingo__input" id="number-1" /><label for="number-1" class="bingo__label">1</label></div>
+        <div class="bingo__number"><input name="number-5" type="checkbox" class="bingo__input" id="number-5" /><label for="number-5" class="bingo__label">5</label></div>
+        <div class="bingo__number"><input name="number-8" type="checkbox" class="bingo__input" id="number-8" /><label for="number-8" class="bingo__label">8</label></div>
         <div class="bingo__number"><input name="number-14" type="checkbox" class="bingo__input" id="number-14" /><label for="number-14" class="bingo__label">14</label></div>
        </div>
        <div class="bingo_items">

diff --git a/bingo/voorbeeld-met-fouten-1/index.html b/bingo/voorbeeld-met-fouten-1/index.html
@@ -23,7 +23,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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/bingo/voorbeeld-met-fouten-2/index.html b/bingo/voorbeeld-met-fouten-2/index.html
@@ -23,7 +23,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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/blockquote/index.html b/blockquote/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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">
@@ -97,7 +97,7 @@
            </svg>
            Verberg
           </button>
-          <div id=":Rllaqh:" aria-expanded="true" class="sidebar__content">
+          <div id=":Rllaqh:" class="sidebar__content">
            <nav aria-label="Docs sidebar" class="menu thin-scrollbar menu">
             <ul class="theme-doc-sidebar-menu menu__list">
              <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item">

diff --git a/blog/archive/index.html b/blog/archive/index.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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/blog/bryan-de-jong-vertelt-over-zijn-ervaring-met-het-nl-design-system/index.html b/blog/bryan-de-jong-vertelt-over-zijn-ervaring-met-het-nl-design-system/index.html
@@ -31,7 +31,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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">

diff --git a/blog/community-blocks/index.html b/blog/community-blocks/index.html
@@ -31,7 +31,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.cc9886c5.js" defer="defer"></script>
+  <script src="/assets/js/runtime~main.6d3719ba.js" defer="defer"></script>
   <script src="/assets/js/main.24921edd.js" defer="defer"></script>
  </head>
  <body class="navigation-with-keyboard">