Deploying to gh-pages from @ 549ad64 🚀

assets/IconCalendarEvent-onMy6psC.js

@@ -0,0 +1,11 @@
+import{m as a}from"./index.esm-CuQfi3pY.js";/**
+ * @license @tabler/icons-react v3.11.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var t=a("outline","arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]]);/**
+ * @license @tabler/icons-react v3.11.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var r=a("outline","calendar-event","IconCalendarEvent",[["path",{d:"M4 5m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z",key:"svg-0"}],["path",{d:"M16 3l0 4",key:"svg-1"}],["path",{d:"M8 3l0 4",key:"svg-2"}],["path",{d:"M4 11l16 0",key:"svg-3"}],["path",{d:"M8 15h2v2h-2z",key:"svg-4"}]]);export{r as I,t as a};

assets/action-group.stories-AUDq01-D.js

@@ -0,0 +1,26 @@
+import{j as a}from"./jsx-runtime-BlAj40OV.js";import{B as p,j as o}from"./index.esm-DuPKkrPI.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectWithoutProperties-BJfzkg-c.js";import"./extends-CF3RwP-h.js";const m=`<!-- @license CC0-1.0 -->
+
+# Rijkshuisstijl Community action group component
+
+De action group is een container voor een aantal buttons, of voor een losstaande button.
+
+## Terminologie
+
+- **button**: van het \`<button>\` HTML element, \`role="button"\` in ARIA.
+- **group**: van \`role=group\` in ARIA.
+
+## Verticale variant
+
+Voor smalle schermen bij plaatsing in smalle panelen (zoals een sidebar) is er een variant waar buttons onder elkaar staan, in plaats van naast elkaar. Gebruik deze variant niet wanneer er voldoende ruimte is voor de standaard variant. Je kunt bijvoorbeeld CSS media queries gebruiken om deze variant toe te passen voor kleine schermen.
+`,B={title:"Rijkshuisstijl/ActionGroup",id:"rhc-action-group",component:p,argTypes:{direction:{description:"Layout of the action group",control:"select",options:["column","row"]}},tags:["autodocs"],parameters:{docs:{description:{component:m}}}},n={args:{children:[a.jsx(o,{appearance:"primary-action-button",children:"Save and continue"}),a.jsx(o,{appearance:"secondary-action-button",children:"Back"})]},name:"Default"},e={args:{direction:"column",children:[a.jsx(o,{appearance:"primary-action-button",children:"Save and continue"}),a.jsx(o,{appearance:"secondary-action-button",children:"Back"})]},name:"Column"};var t,r,i;n.parameters={...n.parameters,docs:{...(t=n.parameters)==null?void 0:t.docs,source:{originalSource:`{
+  args: {
+    children: [<Button appearance="primary-action-button">Save and continue</Button>, <Button appearance="secondary-action-button">Back</Button>]
+  },
+  name: 'Default'
+}`,...(i=(r=n.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};var c,s,u;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    direction: 'column',
+    children: [<Button appearance="primary-action-button">Save and continue</Button>, <Button appearance="secondary-action-button">Back</Button>]
+  },
+  name: 'Column'
+}`,...(u=(s=e.parameters)==null?void 0:s.docs)==null?void 0:u.source}}};const j=["Default","Column"];export{e as Column,n as Default,j as __namedExportsOrder,B as default};

assets/alert.stories-CzfjCTnj.js

@@ -0,0 +1,50 @@
+import{A as k}from"./index.esm-CuQfi3pY.js";/* empty css              */import"./index.esm-DuPKkrPI.js";import"./objectWithoutProperties-BJfzkg-c.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./extends-CF3RwP-h.js";const v=`<!-- @license CC0-1.0 -->
+
+# Rijkshuisstijl Community alert component
+
+[NL design system](https://www.nldesignsystem.nl/alert/) | [Figma](https://www.figma.com/design/txFX5MGRf4O904dtIFcGTF/NLDS---Rijkshuisstijl---Bibliotheek?node-id=1195-4201&t=n1djYpmvDCKmAEUi-0) | [GitHub](https://github.com/nl-design-system/rijkshuisstijl-community/issues/472)
+
+De alert component is er voor berichten die de gebruiker snel moet weten, omdat ze belangrijk zijn voor het uitvoeren van de huidige taak. De alert is alleen voor eenvoudige berichten. Gebruik in de alert geen buttons, geen formulier-componenten en geen complexe opmaak zoals tabellen.
+
+Let op: de alert component gebruiken kan essentieël zijn voor gebruikers van een schermvoorlezer, maar onjuist gebruik kan heel erg vervelend zijn.
+
+Gebruik niet een alert voor een algemene aankondiging die op meerdere pagina's staat, als het niet per se relevant is voor de huidige taak van de bezoeker. De alert wordt door schermvoorlezers als eerste voorgelezen op elke pagina waar de alert staat, het kan lastig zijn de website te gebruiken als de schermlezer elke keer wordt geblokkeerd met steeds dezelfde melding. Gebruik in die situaties de notification banner component.
+
+## Usage
+
+\`\`\`tsx
+import { Alert } from '@rijkshuisstijl-community/components-react';
+
+<Alert
+  heading="Heading"
+  headingLevel={3}
+  icon="info-circle"
+  textContent="Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *"
+  type="info"
+/>;
+\`\`\`
+`;/* @license CC0-1.0 */const z={title:"Rijkshuisstijl/Alert",id:"rhc-alert",component:k,argTypes:{type:{description:"Alert type",control:{type:"select"},options:["info","error","warning","ok"],table:{category:"Property"}},heading:{description:"Alert heading - used in default webcomponent slot",type:{name:"string"},table:{category:"Demo"}},headingLevel:{description:"Alert heading level",control:{type:"select"},options:[1,2,3,4,5],table:{category:"Demo"}},textContent:{description:"Alert content - used in default webcomponent slot",type:{name:"string"},table:{category:"Demo"}}},args:{type:"info",heading:"Heading",headingLevel:3,textContent:"Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *"},tags:["autodocs"],parameters:{docs:{description:{component:v}}}},e={args:{type:"info",heading:"Heading",textContent:"Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *"}},t={args:{type:"error",heading:"Heading",textContent:"Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *"}},n={args:{type:"ok",heading:"Heading",textContent:"Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *"}},i={args:{type:"warning",heading:"Heading",textContent:"Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *"}};var o,r,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  args: {
+    type: 'info',
+    heading: 'Heading',
+    textContent: 'Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *'
+  }
+}`,...(s=(r=e.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var a,d,m;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
+  args: {
+    type: 'error',
+    heading: 'Heading',
+    textContent: 'Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *'
+  }
+}`,...(m=(d=t.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var c,l,g;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    type: 'ok',
+    heading: 'Heading',
+    textContent: 'Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *'
+  }
+}`,...(g=(l=n.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var p,u,h;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  args: {
+    type: 'warning',
+    heading: 'Heading',
+    textContent: 'Lorem ipsum dolor sit amet, consectetur ad * isicing elit, sed do eiusmod *'
+  }
+}`,...(h=(u=i.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};const H=["Informative","Negative","Positive","Warning"];export{e as Informative,t as Negative,n as Positive,i as Warning,H as __namedExportsOrder,z as default};