Deploying to gh-pages from @ aa54eb9 🚀

demo-develop/project.json

@@ -1 +1 @@
-{"generatedAt":1701256808599,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"8.11.0"},"features":{"buildStoriesJson":true,"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.6.0","storybookVersionSpecifier":"7.6.0","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.0"},"@storybook/addon-viewport":{"version":"7.6.0"},"@storybook/blocks":{"version":"7.6.0"},"@storybook/manager-api":{"version":"7.6.0"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/react":{"version":"7.6.0"},"@storybook/react-vite":{"version":"7.6.0"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/theming":{"version":"7.6.0"},"storybook":{"version":"7.6.0"}},"addons":{"@storybook/addon-links":{"version":"7.6.0"},"@storybook/addon-essentials":{"version":"7.6.0"},"@storybook/addon-interactions":{"version":"7.6.0"},"@storybook/addon-a11y":{"version":"7.6.0"},"@storybook/addon-docs":{"version":"7.6.0"}}}
+{"generatedAt":1701264115548,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"8.11.0"},"features":{"buildStoriesJson":true,"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.6.0","storybookVersionSpecifier":"7.6.0","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.0"},"@storybook/addon-viewport":{"version":"7.6.0"},"@storybook/blocks":{"version":"7.6.0"},"@storybook/manager-api":{"version":"7.6.0"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/react":{"version":"7.6.0"},"@storybook/react-vite":{"version":"7.6.0"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/theming":{"version":"7.6.0"},"storybook":{"version":"7.6.0"}},"addons":{"@storybook/addon-links":{"version":"7.6.0"},"@storybook/addon-essentials":{"version":"7.6.0"},"@storybook/addon-interactions":{"version":"7.6.0"},"@storybook/addon-a11y":{"version":"7.6.0"},"@storybook/addon-docs":{"version":"7.6.0"}}}

demo-develop/storybook-react/assets/Alert.docs-xx7u8NiL.js → demo-develop/storybook-react/assets/Alert.docs-JBtS2cM_.js

@@ -1,4 +1,4 @@
-import{j as e}from"./index.esm-dJjQNqS8.js";import{M as s,d as a,P as l,e as d,f as t}from"./index-FFH-pUuf.js";import{A as m,I as c,E as f,a as h,S as p}from"./Alert.stories-eEyzOkO4.js";import{u as i}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-tel-qxVC.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const g=`# Alert
+import{j as e}from"./index.esm-5te_iUoP.js";import{M as s,d as a,P as l,e as d,f as t}from"./index-T3C3hDdA.js";import{A as m,I as c,E as f,a as h,S as p}from"./Alert.stories-NYOdlkSX.js";import{u as i}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-AMT89tMt.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const g=`# Alert
 
 Met een Alert breng je de gebruiker op de hoogte van een belangrijke of tijdgevoelige boodschap. De taak van de gebruiker wordt niet onderbroken.
 

demo-develop/storybook-react/assets/Alert.stories-eEyzOkO4.js → demo-develop/storybook-react/assets/Alert.stories-NYOdlkSX.js

@@ -1,4 +1,4 @@
-import{a as S,j as e,P as o,L as U,U as i}from"./index.esm-dJjQNqS8.js";const P={title:"Feedback/Alert",component:S,args:{title:"Let op",closeable:!1,icon:!1},argTypes:{severity:{control:{type:"radio",labels:{undefined:"default",error:"error",success:"success"}},options:[void 0,"error","success"]},closeable:{control:{type:"boolean",default:!1}},icon:{control:{type:"boolean"},if:{arg:"severity",neq:void 0}},onClose:{action:"onClose"},children:{control:{disable:!0}}}},r={args:{severity:void 0,children:e.jsx(o,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},n={args:{severity:void 0,children:e.jsxs(o,{children:["Tijdens Koningsdag zijn"," ",e.jsx(U,{variant:"inline",onBackground:"light",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar. telefoonnummers van de gemeente zijn niet bereikbaar."]})}},a={args:{severity:"error",icon:!0,closeable:!0,children:e.jsx(o,{children:"U bent verplichte velden vergeten in te vullen."})}},s={args:{severity:"error",icon:!0,closeable:!0,title:"Formulier kon niet opgeslagen worden"},render:x=>e.jsxs(S,{...x,children:[e.jsx(o,{children:"U bent verplichte velden vergeten in te vullen."}),e.jsxs(i,{children:[e.jsx(i.Item,{children:"Naam"}),e.jsx(i.Item,{children:"Telefoonnummer"})]})]})},t={args:{severity:"success",title:"Gelukt",closeable:!0,icon:!0,children:e.jsx(o,{children:"Uw formulier is succesvol opgeslagen."})}};var l,c,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
+import{a as S,j as e,P as o,L as U,U as i}from"./index.esm-5te_iUoP.js";const P={title:"Feedback/Alert",component:S,args:{title:"Let op",closeable:!1,icon:!1},argTypes:{severity:{control:{type:"radio",labels:{undefined:"default",error:"error",success:"success"}},options:[void 0,"error","success"]},closeable:{control:{type:"boolean",default:!1}},icon:{control:{type:"boolean"},if:{arg:"severity",neq:void 0}},onClose:{action:"onClose"},children:{control:{disable:!0}}}},r={args:{severity:void 0,children:e.jsx(o,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},n={args:{severity:void 0,children:e.jsxs(o,{children:["Tijdens Koningsdag zijn"," ",e.jsx(U,{variant:"inline",onBackground:"light",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar. telefoonnummers van de gemeente zijn niet bereikbaar."]})}},a={args:{severity:"error",icon:!0,closeable:!0,children:e.jsx(o,{children:"U bent verplichte velden vergeten in te vullen."})}},s={args:{severity:"error",icon:!0,closeable:!0,title:"Formulier kon niet opgeslagen worden"},render:x=>e.jsxs(S,{...x,children:[e.jsx(o,{children:"U bent verplichte velden vergeten in te vullen."}),e.jsxs(i,{children:[e.jsx(i.Item,{children:"Naam"}),e.jsx(i.Item,{children:"Telefoonnummer"})]})]})},t={args:{severity:"success",title:"Gelukt",closeable:!0,icon:!0,children:e.jsx(o,{children:"Uw formulier is succesvol opgeslagen."})}};var l,c,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
   args: {
     severity: undefined,
     children: <Paragraph>

demo-develop/storybook-react/assets/AspectRatio.docs-JZakfOJk.js → demo-develop/storybook-react/assets/AspectRatio.docs-4OYWUyRw.js

@@ -1,4 +1,4 @@
-import{j as e}from"./index.esm-dJjQNqS8.js";import{M as s,d as a,P as d,e as l,f as o}from"./index-FFH-pUuf.js";import{A as x,D as h,E as c,W as m,S as j,T as u,a as p}from"./AspectRatio.stories-iNWAhOcF.js";import{u as r}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-tel-qxVC.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const v=`# Aspect Ratio
+import{j as e}from"./index.esm-5te_iUoP.js";import{M as s,d as a,P as d,e as l,f as o}from"./index-T3C3hDdA.js";import{A as x,D as h,E as c,W as m,S as j,T as u,a as p}from"./AspectRatio.stories-lGgAKXIu.js";import{u as r}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-AMT89tMt.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const v=`# Aspect Ratio
 
 Aspect Ratio (in het Nederlands: beeldverhouding) koppelt de hoogte van een element aan de breedte.
 

demo-develop/storybook-react/assets/AspectRatio.stories-iNWAhOcF.js → demo-develop/storybook-react/assets/AspectRatio.stories-lGgAKXIu.js

@@ -1,4 +1,4 @@
-import{b as O,j as p,I as v}from"./index.esm-dJjQNqS8.js";const C={title:"Layout/Aspect Ratio",component:O,args:{ratio:"square"},argTypes:{ratio:{control:"radio",options:["2x-wide","x-wide","wide","square","tall","x-tall"]}}},I={"2x-wide":{image:"https://picsum.photos/1280/360"},"x-wide":{image:"https://picsum.photos/640/360"},wide:{image:"https://picsum.photos/450/360"},square:{image:"https://picsum.photos/360/360"},tall:{image:"https://picsum.photos/360/450"},"x-tall":{image:"https://picsum.photos/360/640"}},e={decorators:[n=>p.jsx("div",{style:{display:"flex",justifyContent:"center"},children:p.jsx(n,{})})],render:({ratio:n})=>p.jsx(O,{ratio:n,children:p.jsx(v,{alt:"",src:I[n??"square"].image})})},a={...e},r={...e,args:{ratio:"2x-wide"}},s={...e,args:{ratio:"x-wide"}},t={...e,args:{ratio:"wide"}},o={...e,args:{ratio:"square"}},i={...e,args:{ratio:"tall"}},c={...e,args:{ratio:"x-tall"}};var l,m,d;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
+import{b as O,j as p,I as v}from"./index.esm-5te_iUoP.js";const C={title:"Layout/Aspect Ratio",component:O,args:{ratio:"square"},argTypes:{ratio:{control:"radio",options:["2x-wide","x-wide","wide","square","tall","x-tall"]}}},I={"2x-wide":{image:"https://picsum.photos/1280/360"},"x-wide":{image:"https://picsum.photos/640/360"},wide:{image:"https://picsum.photos/450/360"},square:{image:"https://picsum.photos/360/360"},tall:{image:"https://picsum.photos/360/450"},"x-tall":{image:"https://picsum.photos/360/640"}},e={decorators:[n=>p.jsx("div",{style:{display:"flex",justifyContent:"center"},children:p.jsx(n,{})})],render:({ratio:n})=>p.jsx(O,{ratio:n,children:p.jsx(v,{alt:"",src:I[n??"square"].image})})},a={...e},r={...e,args:{ratio:"2x-wide"}},s={...e,args:{ratio:"x-wide"}},t={...e,args:{ratio:"wide"}},o={...e,args:{ratio:"square"}},i={...e,args:{ratio:"tall"}},c={...e,args:{ratio:"x-tall"}};var l,m,d;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
   ...StoryTemplate
 }`,...(d=(m=a.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var u,g,x;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{
   ...StoryTemplate,

demo-develop/storybook-react/assets/Blockquote.docs-ZLjjrBSP.js → demo-develop/storybook-react/assets/Blockquote.docs-9fAQAJQX.js

@@ -1,4 +1,4 @@
-import{j as e}from"./index.esm-dJjQNqS8.js";import{M as r,d as i,P as s,e as d,f as c}from"./index-FFH-pUuf.js";import{B as l,I as m}from"./Blockquote.stories-Im8VtCWV.js";import{u as a}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-tel-qxVC.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const h=`# Blockquote
+import{j as e}from"./index.esm-5te_iUoP.js";import{M as r,d as i,P as s,e as d,f as c}from"./index-T3C3hDdA.js";import{B as l,I as m}from"./Blockquote.stories-LETT0m3F.js";import{u as a}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-AMT89tMt.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const h=`# Blockquote
 
 De blockquote (in het Nederlands: citaat) wordt gebruikt om uitspraken te accentueren. Een citaat is anders vormgegeven dan de broodtekst, zodat deze opvalt.
 

demo-develop/storybook-react/assets/Blockquote.stories-Im8VtCWV.js → demo-develop/storybook-react/assets/Blockquote.stories-LETT0m3F.js

@@ -1,4 +1,4 @@
-import{B as m,j as o}from"./index.esm-dJjQNqS8.js";const u={title:"Text/Blockquote",component:m,args:{children:"Jouw typograaf biedt mij zulke exquise schreven!",inverseColor:!1},argTypes:{inverseColor:{control:"boolean"}}},e={decorators:[(s,a)=>o.jsx("div",{className:a.args.inverseColor?"amsterdam-docs-dark-background":void 0,children:o.jsx(s,{})})]},r={args:{inverseColor:!0},decorators:[(s,a)=>o.jsx("div",{className:a.args.inverseColor?"amsterdam-docs-dark-background":void 0,children:o.jsx(s,{})})]};var t,n,d;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
+import{B as m,j as o}from"./index.esm-5te_iUoP.js";const u={title:"Text/Blockquote",component:m,args:{children:"Jouw typograaf biedt mij zulke exquise schreven!",inverseColor:!1},argTypes:{inverseColor:{control:"boolean"}}},e={decorators:[(s,a)=>o.jsx("div",{className:a.args.inverseColor?"amsterdam-docs-dark-background":void 0,children:o.jsx(s,{})})]},r={args:{inverseColor:!0},decorators:[(s,a)=>o.jsx("div",{className:a.args.inverseColor?"amsterdam-docs-dark-background":void 0,children:o.jsx(s,{})})]};var t,n,d;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
   decorators: [(Story, context) => <div className={context.args.inverseColor ? 'amsterdam-docs-dark-background' : undefined}>
         <Story />
       </div>]

demo-develop/storybook-react/assets/Breadcrumb.docs-xKFHomli.js → demo-develop/storybook-react/assets/Breadcrumb.docs-Iz9z1RRD.js

@@ -1,4 +1,4 @@
-import{j as e}from"./index.esm-dJjQNqS8.js";import{M as o,d as a,P as s}from"./index-FFH-pUuf.js";import{B as d}from"./Breadcrumb.stories-hS-nKGlr.js";import{u as i}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-tel-qxVC.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const c=`# Breadcrumb
+import{j as e}from"./index.esm-5te_iUoP.js";import{M as o,d as a,P as s}from"./index-T3C3hDdA.js";import{B as d}from"./Breadcrumb.stories-wY9DZszi.js";import{u as i}from"./index-Dbo06S9W.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./extends-dGVwEr9R.js";import"./iframe-AMT89tMt.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";const c=`# Breadcrumb
 
 De breadcrumb (in het Nederlands: kruimelpad) is een secundair navigatiepatroon dat een gebruiker helpt de structuur tussen niveaus in de website tot de huidige pagina te begrijpen. Gebruikers kunnen het gebruiken om door de structuur te navigeren.
 

demo-develop/storybook-react/assets/Breadcrumb.stories-hS-nKGlr.js → demo-develop/storybook-react/assets/Breadcrumb.stories-wY9DZszi.js

@@ -1,4 +1,4 @@
-import{c as e,j as r}from"./index.esm-dJjQNqS8.js";const d={title:"Navigation/Breadcrumb",component:e},m={render:()=>r.jsxs(e,{children:[r.jsx(e.Item,{href:"#",children:"home"}),r.jsx(e.Item,{href:"#",children:"path 1"}),r.jsx(e.Item,{href:"#",children:"path 2"}),r.jsx(e.Item,{href:"#",children:"path 3"}),r.jsx(e.Item,{href:"#",children:"path 5"})]}),parameters:{docs:{source:{language:"jsx",code:`
+import{c as e,j as r}from"./index.esm-5te_iUoP.js";const d={title:"Navigation/Breadcrumb",component:e},m={render:()=>r.jsxs(e,{children:[r.jsx(e.Item,{href:"#",children:"home"}),r.jsx(e.Item,{href:"#",children:"path 1"}),r.jsx(e.Item,{href:"#",children:"path 2"}),r.jsx(e.Item,{href:"#",children:"path 3"}),r.jsx(e.Item,{href:"#",children:"path 5"})]}),parameters:{docs:{source:{language:"jsx",code:`
 <Breadcrumb>
   <Breadcrumb.Item href="#">home</Breadcrumb.Item>
   <Breadcrumb.Item href="#">path 1</Breadcrumb.Item>