@utrecht/component-library-vue 1.0.0-alpha.152 → 1.0.0-alpha.154

package/dist/FormFieldset.vue.d.ts

@@ -1,2 +1,93 @@
-declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _sfc_main: import("vue").DefineComponent<{
+    describedby: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    labelledby: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    role: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    form: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    describedby: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    labelledby: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    role: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    form: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+}>>, {
+    name: string;
+    invalid: boolean;
+    describedby: string;
+    disabled: boolean;
+    label: string;
+    labelledby: string;
+    role: string;
+    form: string;
+}>;
 export default _sfc_main;

package/dist/FormLabel.vue.d.ts

@@ -34,7 +34,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>>, {
     type: LabelTypes;
-    checked: boolean;
     disabled: boolean;
+    checked: boolean;
 }>;
 export default _sfc_main;

package/dist/component-library-vue.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, renderSlot, normalizeClass, computed, withDirectives, vModelCheckbox, vModelRadio, Fragment, renderList, toDisplayString, createCommentVNode, vModelSelect, vModelText } from "vue";
+import { defineComponent, openBlock, createElementBlock, renderSlot, normalizeClass, computed, withDirectives, vModelCheckbox, vModelRadio, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, vModelSelect, vModelText } from "vue";
 var index_scss_vue_type_style_index_0_src_1a98ac2a_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -159,14 +159,69 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var FormField = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
-var index_scss_vue_type_style_index_0_src_41fe7b05_lang = "";
+var index_scss_vue_type_style_index_0_src_f447b276_lang = "";
 const _sfc_main$r = defineComponent({
-  name: "UtrechtFormFieldset"
+  name: "UtrechtFormFieldset",
+  props: {
+    describedby: {
+      type: String,
+      required: false,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    invalid: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    label: {
+      type: String,
+      required: false,
+      default: void 0
+    },
+    labelledby: {
+      type: String,
+      required: false,
+      default: void 0
+    },
+    role: {
+      type: String,
+      required: false,
+      default: null
+    },
+    name: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    form: {
+      type: String,
+      required: false,
+      default: null
+    }
+  }
 });
 const _hoisted_1$o = { class: "utrecht-form-fieldset" };
+const _hoisted_2$2 = ["aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "disabled", "form", "name", "role"];
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("fieldset", _hoisted_1$o, [
-    renderSlot(_ctx.$slots, "default")
+  return openBlock(), createElementBlock("div", _hoisted_1$o, [
+    createElementVNode("fieldset", {
+      "aria-describedby": _ctx.describedby || void 0,
+      "aria-invalid": _ctx.invalid || void 0,
+      "aria-label": _ctx.label || void 0,
+      "aria-labelledby": _ctx.labelledby || void 0,
+      class: "utrecht-form-fieldset__fieldset utrecht-form-fieldset__fieldset--html-fieldset",
+      disabled: _ctx.disabled,
+      form: _ctx.form || void 0,
+      name: _ctx.name || void 0,
+      role: _ctx.role || void 0
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 8, _hoisted_2$2)
   ]);
 }
 var FormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r]]);

package/dist/component-library-vue.umd.js

@@ -1 +1 @@
-(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a["component-library-vue"]={},a.Vue))})(this,function(a,e){"use strict";var Xt="",l=(t,n)=>{const r=t.__vccOpts||t;for(const[o,s]of n)r[o]=s;return r};const p=e.defineComponent({name:"UtrechtArticle"}),$={class:"utrecht-article"};function u(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("article",$,[e.renderSlot(t.$slots,"default")])}var f=l(p,[["render",u]]),Yt="";const m=e.defineComponent({name:"UtrechtBadgeStatus",props:{status:{type:String,required:!1,default:void 0}}});function h(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([{[`utrecht-badge-status--${t.status}`]:!0},"utrecht-badge-status"])},[e.renderSlot(t.$slots,"default")],2)}var y=l(m,[["render",h]]),Zt="";const b=e.defineComponent({name:"UtrechtButton",props:{appearance:{type:String,required:!1,default:void 0},type:{type:String,required:!1,default:"button"},busy:{type:Boolean,required:!1,default:!1}}}),g=["aria-busy","type"];function B(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("button",{"aria-busy":t.busy||void 0,class:e.normalizeClass(["utrecht-button",{"utrecht-button--busy":t.busy},{"utrecht-button--primary-action":t.appearance==="primary-action-button"},{"utrecht-button--secondary-action":t.appearance==="secondary-action-button"},{"utrecht-button--submit":t.type==="submit"},{"utrecht-button--subtle":t.appearance==="subtle-button"}]),type:t.type},[e.renderSlot(t.$slots,"default")],10,g)}var k=l(b,[["render",B]]),en="";const C=e.defineComponent({name:"UtrechtButtonGroup"}),S={class:"utrecht-button-group"};function E(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(t.$slots,"default")])}var U=l(C,[["render",E]]);function _(t,n,r="modelValue"){return e.computed({get:()=>t.modelValue,set:o=>n(`update:${r}`,o)})}var tn="";const x=e.defineComponent({name:"UtrechtCheckbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:_(t,n)}}}),v=["aria-invalid"];function T(t,n,r,o,s,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"checkbox","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-checkbox","utrecht-checkbox--html-input",{"utrecht-checkbox--invalid":t.invalid}])},null,10,v)),[[e.vModelCheckbox,t.value]])}var H=l(x,[["render",T]]),nn="";const q=e.defineComponent({name:"UtrechtCustomRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:_(t,n)}}}),F=["aria-invalid"];function P(t,n,r,o,s,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-custom-radio-button--invalid":t.invalid},"utrecht-custom-radio-button","utrecht-custom-radio-button--html-input"])},null,10,F)),[[e.vModelRadio,t.value]])}var V=l(q,[["render",P]]),an="";const z=e.defineComponent({name:"UtrechtDocument"}),w={class:"utrecht-document"};function R(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(t.$slots,"default")])}var D=l(z,[["render",R]]),rn="";const L=e.defineComponent({name:"UtrechtFormField"}),M={class:"utrecht-form-field"};function N(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(t.$slots,"default")])}var j=l(L,[["render",N]]),on="";const A=e.defineComponent({name:"UtrechtFormFieldset"}),G={class:"utrecht-form-fieldset"};function O(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("fieldset",G,[e.renderSlot(t.$slots,"default")])}var I=l(A,[["render",O]]),sn="";const W=e.defineComponent({name:"UtrechtFormFieldsetLegend"}),J={class:"utrecht-form-fieldset__legend"};function K(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("legend",J,[e.renderSlot(t.$slots,"default")])}var Q=l(W,[["render",K]]),ln="";const X=e.defineComponent({name:"UtrechtFormLabel",props:{checked:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1,default:void 0}}});function Y(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":t.checked},{"utrecht-form-label--disabled":t.disabled},{[`utrecht-form-label--${t.type}`]:t.type}])},[e.renderSlot(t.$slots,"default")],2)}var Z=l(X,[["render",Y]]),cn="",dn="",_n="",pn="",$n="",un="";const ee=e.defineComponent({name:"UtrechtHeading",props:{level:{type:Number,required:!0,default:6}}}),te={key:0,class:"utrecht-heading-1"},ne={key:1,class:"utrecht-heading-2"},ae={key:2,class:"utrecht-heading-3"},re={key:3,class:"utrecht-heading-4"},oe={key:4,class:"utrecht-heading-5"},se={key:5,class:"utrecht-heading-6"};function le(t,n,r,o,s,c){return t.level==1?(e.openBlock(),e.createElementBlock("h1",te,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==2?(e.openBlock(),e.createElementBlock("h2",ne,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==3?(e.openBlock(),e.createElementBlock("h3",ae,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==4?(e.openBlock(),e.createElementBlock("h4",re,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==5?(e.openBlock(),e.createElementBlock("h5",oe,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("h6",se,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}var ce=l(ee,[["render",le],["__scopeId","data-v-ba682b9a"]]),fn="";const de=e.defineComponent({name:"UtrechtHeading1"}),_e={class:"utrecht-heading-1"};function ie(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("h1",_e,[e.renderSlot(t.$slots,"default")])}var pe=l(de,[["render",ie]]),mn="";const $e=e.defineComponent({name:"UtrechtHeading2"}),ue={class:"utrecht-heading-2"};function fe(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("h2",ue,[e.renderSlot(t.$slots,"default")])}var me=l($e,[["render",fe]]),hn="";const he=e.defineComponent({name:"UtrechtHeading3"}),ye={class:"utrecht-heading-3"};function be(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("h3",ye,[e.renderSlot(t.$slots,"default")])}var ge=l(he,[["render",be]]),yn="";const Be=e.defineComponent({name:"UtrechtHeading4"}),ke={class:"utrecht-heading-4"};function Ce(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("h4",ke,[e.renderSlot(t.$slots,"default")])}var Se=l(Be,[["render",Ce]]),bn="";const Ee=e.defineComponent({name:"UtrechtHeading5"}),Ue={class:"utrecht-heading-5"};function xe(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("h5",Ue,[e.renderSlot(t.$slots,"default")])}var ve=l(Ee,[["render",xe]]),gn="";const Te=e.defineComponent({name:"UtrechtHeading6"}),He={class:"utrecht-heading-6"};function qe(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("h6",He,[e.renderSlot(t.$slots,"default")])}var Fe=l(Te,[["render",qe]]),Bn="";const Pe=e.defineComponent({name:"UtrechtLink",props:{external:{type:Boolean,required:!1,default:!1}}});function Ve(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["utrecht-link",{"utrecht-link--external":t.external}])},[e.renderSlot(t.$slots,"default")],2)}var ze=l(Pe,[["render",Ve]]),kn="";const we=e.defineComponent({name:"UtrechtPage"}),Re={class:"utrecht-page"};function De(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(t.$slots,"default")])}var Le=l(we,[["render",De]]),Cn="";const Me=e.defineComponent({name:"UtrechtPageContent"}),Ne={class:"utrecht-page-content"};function je(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(t.$slots,"default")])}var Ae=l(Me,[["render",je]]),Sn="";const Ge=e.defineComponent({name:"UtrechtPageFooter"}),Oe={class:"utrecht-page-footer"};function Ie(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("footer",Oe,[e.renderSlot(t.$slots,"default")])}var We=l(Ge,[["render",Ie]]),En="";const Je=e.defineComponent({name:"UtrechtPageHeader"}),Ke={class:"utrecht-page-header"};function Qe(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("header",Ke,[e.renderSlot(t.$slots,"default")])}var Xe=l(Je,[["render",Qe]]),Un="";const Ye=e.defineComponent({name:"UtrechtParagraph",props:{lead:{type:Boolean,required:!1,default:!1}}});function Ze(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":t.lead}])},[e.renderSlot(t.$slots,"default")],2)}var et=l(Ye,[["render",Ze]]),xn="";const tt=e.defineComponent({name:"UtrechtRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:_(t,n)}}}),nt=["aria-invalid"];function at(t,n,r,o,s,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--invalid":t.invalid}])},null,10,nt)),[[e.vModelRadio,t.value]])}var rt=l(tt,[["render",at]]),vn="";const ot=e.defineComponent({name:"UtrechtSelect",props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{selected:_(t,n)}}}),st=["aria-invalid","readonly"],lt=["value","disabled"];function ct(t,n,r,o,s,c){return e.withDirectives((e.openBlock(),e.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.selected=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-select--invalid":t.invalid},{"utrecht-select--readonly":t.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:t.readonly},[t.options&&t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,({value:d,label:Qt,disabled:i})=>(e.openBlock(),e.createElementBlock("option",{key:d,value:d,class:e.normalizeClass([{"utrecht-select__option--disabled":i},"utrecht-select__option"]),disabled:i},e.toDisplayString(Qt),11,lt))),128)):e.createCommentVNode("",!0)],10,st)),[[e.vModelSelect,t.selected]])}var dt=l(ot,[["render",ct]]),Tn="";const _t=e.defineComponent({name:"UtrechtTable"}),it={class:"utrecht-table"};function pt(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("table",it,[e.renderSlot(t.$slots,"default")])}var $t=l(_t,[["render",pt]]),Hn="";const ut=e.defineComponent({name:"UtrechtTableBody"}),ft={class:"utrecht-table__body"};function mt(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("tbody",ft,[e.renderSlot(t.$slots,"default")])}var ht=l(ut,[["render",mt]]),qn="";const yt=e.defineComponent({name:"UtrechtTableCaption"}),bt={class:"utrecht-table__caption"};function gt(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("caption",bt,[e.renderSlot(t.$slots,"default")])}var Bt=l(yt,[["render",gt]]),Fn="";const kt=e.defineComponent({name:"UtrechtTableCell"}),Ct={class:"utrecht-table__cell"};function St(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("td",Ct,[e.renderSlot(t.$slots,"default")])}var Et=l(kt,[["render",St]]),Pn="";const Ut=e.defineComponent({name:"UtrechtTableFooter"}),xt={class:"utrecht-table__footer"};function vt(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("tfoot",xt,[e.renderSlot(t.$slots,"default")])}var Tt=l(Ut,[["render",vt]]),Vn="";const Ht=e.defineComponent({name:"UtrechtTableHeader"}),qt={class:"utrecht-table__header"};function Ft(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("thead",qt,[e.renderSlot(t.$slots,"default")])}var Pt=l(Ht,[["render",Ft]]),zn="";const Vt=e.defineComponent({name:"UtrechtTableHeaderCell"}),zt={class:"utrecht-table__header-cell"};function wt(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("th",zt,[e.renderSlot(t.$slots,"default")])}var Rt=l(Vt,[["render",wt]]),wn="";const Dt=e.defineComponent({name:"UtrechtTableRow"}),Lt={class:"utrecht-table__row"};function Mt(t,n,r,o,s,c){return e.openBlock(),e.createElementBlock("tr",Lt,[e.renderSlot(t.$slots,"default")])}var Nt=l(Dt,[["render",Mt]]),Rn="";const jt=e.defineComponent({name:"UtrechtTextarea",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:_(t,n)}}}),At=["aria-invalid"];function Gt(t,n,r,o,s,c){return e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textarea--invalid":t.invalid},"utrecht-textarea","utrecht-textarea--html-textarea"])},null,10,At)),[[e.vModelText,t.value]])}var Ot=l(jt,[["render",Gt]]),Dn="";const It=e.defineComponent({name:"UtrechtTextbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:_(t,n)}}}),Wt=["aria-invalid"];function Jt(t,n,r,o,s,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textbox--invalid":t.invalid},"utrecht-textbox","utrecht-textbox--html-input"])},null,10,Wt)),[[e.vModelText,t.value]])}var Kt=l(It,[["render",Jt]]);a.Article=f,a.BadgeStatus=y,a.Button=k,a.ButtonGroup=U,a.Checkbox=H,a.CustomRadioButton=V,a.Document=D,a.FormField=j,a.FormFieldset=I,a.FormFieldsetLegend=Q,a.FormLabel=Z,a.Heading=ce,a.Heading1=pe,a.Heading2=me,a.Heading3=ge,a.Heading4=Se,a.Heading5=ve,a.Heading6=Fe,a.Link=ze,a.Page=Le,a.PageContent=Ae,a.PageFooter=We,a.PageHeader=Xe,a.Paragraph=et,a.RadioButton=rt,a.Select=dt,a.Table=$t,a.TableBody=ht,a.TableCaption=Bt,a.TableCell=Et,a.TableFooter=Tt,a.TableHeader=Pt,a.TableHeaderCell=Rt,a.TableRow=Nt,a.Textarea=Ot,a.Textbox=Kt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a["component-library-vue"]={},a.Vue))})(this,function(a,e){"use strict";var Yt="",l=(t,n)=>{const r=t.__vccOpts||t;for(const[o,s]of n)r[o]=s;return r};const p=e.defineComponent({name:"UtrechtArticle"}),f={class:"utrecht-article"};function u(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("article",f,[e.renderSlot(t.$slots,"default")])}var $=l(p,[["render",u]]),Zt="";const m=e.defineComponent({name:"UtrechtBadgeStatus",props:{status:{type:String,required:!1,default:void 0}}});function h(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([{[`utrecht-badge-status--${t.status}`]:!0},"utrecht-badge-status"])},[e.renderSlot(t.$slots,"default")],2)}var y=l(m,[["render",h]]),en="";const b=e.defineComponent({name:"UtrechtButton",props:{appearance:{type:String,required:!1,default:void 0},type:{type:String,required:!1,default:"button"},busy:{type:Boolean,required:!1,default:!1}}}),g=["aria-busy","type"];function B(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("button",{"aria-busy":t.busy||void 0,class:e.normalizeClass(["utrecht-button",{"utrecht-button--busy":t.busy},{"utrecht-button--primary-action":t.appearance==="primary-action-button"},{"utrecht-button--secondary-action":t.appearance==="secondary-action-button"},{"utrecht-button--submit":t.type==="submit"},{"utrecht-button--subtle":t.appearance==="subtle-button"}]),type:t.type},[e.renderSlot(t.$slots,"default")],10,g)}var k=l(b,[["render",B]]),tn="";const C=e.defineComponent({name:"UtrechtButtonGroup"}),S={class:"utrecht-button-group"};function v(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(t.$slots,"default")])}var E=l(C,[["render",v]]);function i(t,n,r="modelValue"){return e.computed({get:()=>t.modelValue,set:o=>n(`update:${r}`,o)})}var nn="";const U=e.defineComponent({name:"UtrechtCheckbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),q=["aria-invalid"];function T(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),type:"checkbox","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-checkbox","utrecht-checkbox--html-input",{"utrecht-checkbox--invalid":t.invalid}])},null,10,q)),[[e.vModelCheckbox,t.value]])}var x=l(U,[["render",T]]),an="";const H=e.defineComponent({name:"UtrechtCustomRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),F=["aria-invalid"];function V(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-custom-radio-button--invalid":t.invalid},"utrecht-custom-radio-button","utrecht-custom-radio-button--html-input"])},null,10,F)),[[e.vModelRadio,t.value]])}var P=l(H,[["render",V]]),rn="";const z=e.defineComponent({name:"UtrechtDocument"}),w={class:"utrecht-document"};function R(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(t.$slots,"default")])}var D=l(z,[["render",R]]),on="";const L=e.defineComponent({name:"UtrechtFormField"}),M={class:"utrecht-form-field"};function N(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(t.$slots,"default")])}var j=l(L,[["render",N]]),sn="";const A=e.defineComponent({name:"UtrechtFormFieldset",props:{describedby:{type:String,required:!1,default:void 0},disabled:{type:Boolean,required:!1,default:!1},invalid:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:void 0},labelledby:{type:String,required:!1,default:void 0},role:{type:String,required:!1,default:null},name:{type:String,required:!1,default:""},form:{type:String,required:!1,default:null}}}),G={class:"utrecht-form-fieldset"},O=["aria-describedby","aria-invalid","aria-label","aria-labelledby","disabled","form","name","role"];function I(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("fieldset",{"aria-describedby":t.describedby||void 0,"aria-invalid":t.invalid||void 0,"aria-label":t.label||void 0,"aria-labelledby":t.labelledby||void 0,class:"utrecht-form-fieldset__fieldset utrecht-form-fieldset__fieldset--html-fieldset",disabled:t.disabled,form:t.form||void 0,name:t.name||void 0,role:t.role||void 0},[e.renderSlot(t.$slots,"default")],8,O)])}var W=l(A,[["render",I]]),ln="";const J=e.defineComponent({name:"UtrechtFormFieldsetLegend"}),K={class:"utrecht-form-fieldset__legend"};function Q(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("legend",K,[e.renderSlot(t.$slots,"default")])}var X=l(J,[["render",Q]]),dn="";const Y=e.defineComponent({name:"UtrechtFormLabel",props:{checked:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1,default:void 0}}});function Z(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":t.checked},{"utrecht-form-label--disabled":t.disabled},{[`utrecht-form-label--${t.type}`]:t.type}])},[e.renderSlot(t.$slots,"default")],2)}var ee=l(Y,[["render",Z]]),cn="",_n="",pn="",fn="",un="",$n="";const te=e.defineComponent({name:"UtrechtHeading",props:{level:{type:Number,required:!0,default:6}}}),ne={key:0,class:"utrecht-heading-1"},ae={key:1,class:"utrecht-heading-2"},re={key:2,class:"utrecht-heading-3"},oe={key:3,class:"utrecht-heading-4"},se={key:4,class:"utrecht-heading-5"},le={key:5,class:"utrecht-heading-6"};function de(t,n,r,o,s,d){return t.level==1?(e.openBlock(),e.createElementBlock("h1",ne,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==2?(e.openBlock(),e.createElementBlock("h2",ae,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==3?(e.openBlock(),e.createElementBlock("h3",re,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==4?(e.openBlock(),e.createElementBlock("h4",oe,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==5?(e.openBlock(),e.createElementBlock("h5",se,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("h6",le,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}var ce=l(te,[["render",de],["__scopeId","data-v-ba682b9a"]]),mn="";const ie=e.defineComponent({name:"UtrechtHeading1"}),_e={class:"utrecht-heading-1"};function pe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h1",_e,[e.renderSlot(t.$slots,"default")])}var fe=l(ie,[["render",pe]]),hn="";const ue=e.defineComponent({name:"UtrechtHeading2"}),$e={class:"utrecht-heading-2"};function me(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h2",$e,[e.renderSlot(t.$slots,"default")])}var he=l(ue,[["render",me]]),yn="";const ye=e.defineComponent({name:"UtrechtHeading3"}),be={class:"utrecht-heading-3"};function ge(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h3",be,[e.renderSlot(t.$slots,"default")])}var Be=l(ye,[["render",ge]]),bn="";const ke=e.defineComponent({name:"UtrechtHeading4"}),Ce={class:"utrecht-heading-4"};function Se(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h4",Ce,[e.renderSlot(t.$slots,"default")])}var ve=l(ke,[["render",Se]]),gn="";const Ee=e.defineComponent({name:"UtrechtHeading5"}),Ue={class:"utrecht-heading-5"};function qe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h5",Ue,[e.renderSlot(t.$slots,"default")])}var Te=l(Ee,[["render",qe]]),Bn="";const xe=e.defineComponent({name:"UtrechtHeading6"}),He={class:"utrecht-heading-6"};function Fe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("h6",He,[e.renderSlot(t.$slots,"default")])}var Ve=l(xe,[["render",Fe]]),kn="";const Pe=e.defineComponent({name:"UtrechtLink",props:{external:{type:Boolean,required:!1,default:!1}}});function ze(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["utrecht-link",{"utrecht-link--external":t.external}])},[e.renderSlot(t.$slots,"default")],2)}var we=l(Pe,[["render",ze]]),Cn="";const Re=e.defineComponent({name:"UtrechtPage"}),De={class:"utrecht-page"};function Le(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(t.$slots,"default")])}var Me=l(Re,[["render",Le]]),Sn="";const Ne=e.defineComponent({name:"UtrechtPageContent"}),je={class:"utrecht-page-content"};function Ae(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("div",je,[e.renderSlot(t.$slots,"default")])}var Ge=l(Ne,[["render",Ae]]),vn="";const Oe=e.defineComponent({name:"UtrechtPageFooter"}),Ie={class:"utrecht-page-footer"};function We(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("footer",Ie,[e.renderSlot(t.$slots,"default")])}var Je=l(Oe,[["render",We]]),En="";const Ke=e.defineComponent({name:"UtrechtPageHeader"}),Qe={class:"utrecht-page-header"};function Xe(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("header",Qe,[e.renderSlot(t.$slots,"default")])}var Ye=l(Ke,[["render",Xe]]),Un="";const Ze=e.defineComponent({name:"UtrechtParagraph",props:{lead:{type:Boolean,required:!1,default:!1}}});function et(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":t.lead}])},[e.renderSlot(t.$slots,"default")],2)}var tt=l(Ze,[["render",et]]),qn="";const nt=e.defineComponent({name:"UtrechtRadioButton",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),at=["aria-invalid"];function rt(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--invalid":t.invalid}])},null,10,at)),[[e.vModelRadio,t.value]])}var ot=l(nt,[["render",rt]]),Tn="";const st=e.defineComponent({name:"UtrechtSelect",props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{selected:i(t,n)}}}),lt=["aria-invalid","readonly"],dt=["value","disabled"];function ct(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.selected=c),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-select--invalid":t.invalid},{"utrecht-select--readonly":t.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:t.readonly},[t.options&&t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,({value:c,label:Xt,disabled:_})=>(e.openBlock(),e.createElementBlock("option",{key:c,value:c,class:e.normalizeClass([{"utrecht-select__option--disabled":_},"utrecht-select__option"]),disabled:_},e.toDisplayString(Xt),11,dt))),128)):e.createCommentVNode("",!0)],10,lt)),[[e.vModelSelect,t.selected]])}var it=l(st,[["render",ct]]),xn="";const _t=e.defineComponent({name:"UtrechtTable"}),pt={class:"utrecht-table"};function ft(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("table",pt,[e.renderSlot(t.$slots,"default")])}var ut=l(_t,[["render",ft]]),Hn="";const $t=e.defineComponent({name:"UtrechtTableBody"}),mt={class:"utrecht-table__body"};function ht(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("tbody",mt,[e.renderSlot(t.$slots,"default")])}var yt=l($t,[["render",ht]]),Fn="";const bt=e.defineComponent({name:"UtrechtTableCaption"}),gt={class:"utrecht-table__caption"};function Bt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("caption",gt,[e.renderSlot(t.$slots,"default")])}var kt=l(bt,[["render",Bt]]),Vn="";const Ct=e.defineComponent({name:"UtrechtTableCell"}),St={class:"utrecht-table__cell"};function vt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("td",St,[e.renderSlot(t.$slots,"default")])}var Et=l(Ct,[["render",vt]]),Pn="";const Ut=e.defineComponent({name:"UtrechtTableFooter"}),qt={class:"utrecht-table__footer"};function Tt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("tfoot",qt,[e.renderSlot(t.$slots,"default")])}var xt=l(Ut,[["render",Tt]]),zn="";const Ht=e.defineComponent({name:"UtrechtTableHeader"}),Ft={class:"utrecht-table__header"};function Vt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("thead",Ft,[e.renderSlot(t.$slots,"default")])}var Pt=l(Ht,[["render",Vt]]),wn="";const zt=e.defineComponent({name:"UtrechtTableHeaderCell"}),wt={class:"utrecht-table__header-cell"};function Rt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("th",wt,[e.renderSlot(t.$slots,"default")])}var Dt=l(zt,[["render",Rt]]),Rn="";const Lt=e.defineComponent({name:"UtrechtTableRow"}),Mt={class:"utrecht-table__row"};function Nt(t,n,r,o,s,d){return e.openBlock(),e.createElementBlock("tr",Mt,[e.renderSlot(t.$slots,"default")])}var jt=l(Lt,[["render",Nt]]),Dn="";const At=e.defineComponent({name:"UtrechtTextarea",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Gt=["aria-invalid"];function Ot(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textarea--invalid":t.invalid},"utrecht-textarea","utrecht-textarea--html-textarea"])},null,10,Gt)),[[e.vModelText,t.value]])}var It=l(At,[["render",Ot]]),Ln="";const Wt=e.defineComponent({name:"UtrechtTextbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Jt=["aria-invalid"];function Kt(t,n,r,o,s,d){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.value=c),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textbox--invalid":t.invalid},"utrecht-textbox","utrecht-textbox--html-input"])},null,10,Jt)),[[e.vModelText,t.value]])}var Qt=l(Wt,[["render",Kt]]);a.Article=$,a.BadgeStatus=y,a.Button=k,a.ButtonGroup=E,a.Checkbox=x,a.CustomRadioButton=P,a.Document=D,a.FormField=j,a.FormFieldset=W,a.FormFieldsetLegend=X,a.FormLabel=ee,a.Heading=ce,a.Heading1=fe,a.Heading2=he,a.Heading3=Be,a.Heading4=ve,a.Heading5=Te,a.Heading6=Ve,a.Link=we,a.Page=Me,a.PageContent=Ge,a.PageFooter=Je,a.PageHeader=Ye,a.Paragraph=tt,a.RadioButton=ot,a.Select=it,a.Table=ut,a.TableBody=yt,a.TableCaption=kt,a.TableCell=Et,a.TableFooter=xt,a.TableHeader=Pt,a.TableHeaderCell=Dt,a.TableRow=jt,a.Textarea=It,a.Textbox=Qt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -20,7 +20,7 @@
 *//**
  * @license EUPL-1.2
  * Copyright (c) 2022 Frameless B.V.
- */.utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;gap:var(--utrecht-button-group-inline-gap, 1em);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group__button-link--horizontal,.utrecht-button-group--horizontal .utrecht-button-link,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link{--utrecht-button-padding-inline-end: 0;--utrecht-button-padding-inline-start: 0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap, 1em)}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert)}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-radio-button--custom,.utrecht-custom-radio-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--utrecht-custom-radio-button-background-color);background-position:center;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-custom-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-custom-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor);height:var(--utrecht-custom-radio-button-size);margin-block-start:var(--utrecht-custom-radio-button-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-custom-radio-button-size)}.utrecht-radio-button--custom.utrecht-radio-button--checked,.utrecht-custom-radio-button--checked{background-color:var(--utrecht-custom-radio-button-checked-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-checked-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-checked-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-checked-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--active,.utrecht-custom-radio-button--active{background-color:var(--utrecht-custom-radio-button-active-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-active-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-active-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-active-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--focus,.utrecht-custom-radio-button--focus{background-color:var(--utrecht-custom-radio-button-focus-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-focus-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-focus-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-focus-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--focus-visible,.utrecht-custom-radio-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-radio-button--custom.utrecht-radio-button--disabled,.utrecht-custom-radio-button--disabled{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-disabled-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-disabled-color, var(--utrecht-custom-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--custom.utrecht-radio-button--disabled:checked,.utrecht-custom-radio-button--disabled:checked{background-color:var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--disabled:active,.utrecht-custom-radio-button--disabled:active{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--invalid,.utrecht-custom-radio-button--invalid{border-color:var(--utrecht-custom-radio-button-invalid-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-invalid-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-invalid-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled,.utrecht-custom-radio-button--html-input:disabled{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-disabled-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-disabled-color, var(--utrecht-custom-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled:checked,.utrecht-custom-radio-button--html-input:disabled:checked{background-color:var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled:active,.utrecht-custom-radio-button--html-input:disabled:active{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:hover,.utrecht-custom-radio-button--html-input:hover{background-color:var(--utrecht-custom-radio-button-hover-background-color, var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-hover-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-hover-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-hover-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:focus,.utrecht-custom-radio-button--html-input:focus{background-color:var(--utrecht-custom-radio-button-focus-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-focus-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-focus-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-focus-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:focus-visible,.utrecht-custom-radio-button--html-input:focus-visible{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-radio-button--custom.utrecht-radio-button--html-input:invalid,.utrecht-radio-button--custom.utrecht-radio-button--html-input[aria-invalid=true],.utrecht-custom-radio-button--html-input:invalid,.utrecht-custom-radio-button--html-input[aria-invalid=true]{border-color:var(--utrecht-custom-radio-button-invalid-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-invalid-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-invalid-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:active,.utrecht-custom-radio-button--html-input:active{background-color:var(--utrecht-custom-radio-button-active-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-active-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-active-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-active-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:checked,.utrecht-custom-radio-button--html-input:checked{background-color:var(--utrecht-custom-radio-button-checked-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-checked-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-checked-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-checked-color, var(--utrecht-custom-radio-button-color))}.utrecht-document{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size);page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around: 1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-custom-checkbox-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input description-invalid";grid-template-columns:var(--utrecht-custom-checkbox-size) 100fr}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-custom-checkbox-size) + var(--utrecht-custom-checkbox-margin-inline-end, 12px)))}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-custom-checkbox-margin-inline-end, 12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-custom-radio-button-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input description-invalid";grid-template-columns:var(--utrecht-custom-radio-button-size) 100fr}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-custom-radio-button-size) + var(--utrecht-custom-radio-button-margin-inline-end, 12px)))}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-custom-radio-button-margin-inline-end, 12px)}.utrecht-form-field__input{grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:description-invalid;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}.utrecht-form-fieldset{margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-start, 0))}.utrecht-form-fieldset--html-fieldset{all:revert;border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{display:table;inline-size:100%;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{--utrecht-space-around: 1}.utrecht-form-fieldset--section{background-color:var(--utrecht-form-fieldset-section-background-color);color:var(--utrecht-form-fieldset-section-color)}.utrecht-form-fieldset__legend{color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--disabled{color:var(--utrecht-form-fieldset-legend-disabled-color, var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit)))}.utrecht-form-fieldset__legend--distanced{margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.utrecht-form-fieldset--invalid{border-inline-start-color:var(--utrecht-form-fieldset-invalid-border-inline-start-color, var(--utrecht-form-field-invalid-border-inline-start-color));border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-fieldset-invalid-border-inline-start-width, var(--utrecht-form-field-invalid-border-inline-start-width));padding-inline-start:var(--utrecht-form-fieldset-invalid-padding-inline-start, var(--utrecht-form-field-invalid-padding-inline-start))}/**
+ */.utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;gap:var(--utrecht-button-group-inline-gap, 1em);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group__button-link--horizontal,.utrecht-button-group--horizontal .utrecht-button-link,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link{--utrecht-button-padding-inline-end: 0;--utrecht-button-padding-inline-start: 0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap, 1em)}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert)}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-radio-button--custom,.utrecht-custom-radio-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--utrecht-custom-radio-button-background-color);background-position:center;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-custom-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-custom-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor);height:var(--utrecht-custom-radio-button-size);margin-block-start:var(--utrecht-custom-radio-button-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-custom-radio-button-size)}.utrecht-radio-button--custom.utrecht-radio-button--checked,.utrecht-custom-radio-button--checked{background-color:var(--utrecht-custom-radio-button-checked-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-checked-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-checked-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-checked-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--active,.utrecht-custom-radio-button--active{background-color:var(--utrecht-custom-radio-button-active-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-active-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-active-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-active-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--focus,.utrecht-custom-radio-button--focus{background-color:var(--utrecht-custom-radio-button-focus-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-focus-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-focus-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-focus-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--focus-visible,.utrecht-custom-radio-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-radio-button--custom.utrecht-radio-button--disabled,.utrecht-custom-radio-button--disabled{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-disabled-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-disabled-color, var(--utrecht-custom-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--custom.utrecht-radio-button--disabled:checked,.utrecht-custom-radio-button--disabled:checked{background-color:var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--disabled:active,.utrecht-custom-radio-button--disabled:active{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--invalid,.utrecht-custom-radio-button--invalid{border-color:var(--utrecht-custom-radio-button-invalid-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-invalid-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-invalid-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled,.utrecht-custom-radio-button--html-input:disabled{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-disabled-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-disabled-color, var(--utrecht-custom-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled:checked,.utrecht-custom-radio-button--html-input:disabled:checked{background-color:var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled:active,.utrecht-custom-radio-button--html-input:disabled:active{border-color:var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:hover,.utrecht-custom-radio-button--html-input:hover{background-color:var(--utrecht-custom-radio-button-hover-background-color, var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-hover-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-hover-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-hover-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:focus,.utrecht-custom-radio-button--html-input:focus{background-color:var(--utrecht-custom-radio-button-focus-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-focus-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-focus-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-focus-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:focus-visible,.utrecht-custom-radio-button--html-input:focus-visible{box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-radio-button--custom.utrecht-radio-button--html-input:invalid,.utrecht-radio-button--custom.utrecht-radio-button--html-input[aria-invalid=true],.utrecht-custom-radio-button--html-input:invalid,.utrecht-custom-radio-button--html-input[aria-invalid=true]{border-color:var(--utrecht-custom-radio-button-invalid-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-invalid-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-invalid-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:active,.utrecht-custom-radio-button--html-input:active{background-color:var(--utrecht-custom-radio-button-active-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-active-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-active-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-active-color, var(--utrecht-custom-radio-button-color))}.utrecht-radio-button--custom.utrecht-radio-button--html-input:checked,.utrecht-custom-radio-button--html-input:checked{background-color:var(--utrecht-custom-radio-button-checked-background-color, var(--utrecht-custom-radio-button-background-color));background-image:url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");border-color:var(--utrecht-custom-radio-button-checked-border-color, var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-checked-border-width, var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-checked-color, var(--utrecht-custom-radio-button-color))}.utrecht-document{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size);page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around: 1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-custom-checkbox-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input description-invalid";grid-template-columns:var(--utrecht-custom-checkbox-size) 100fr}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-custom-checkbox-size) + var(--utrecht-custom-checkbox-margin-inline-end, 12px)))}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-custom-checkbox-margin-inline-end, 12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-custom-radio-button-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input description-invalid";grid-template-columns:var(--utrecht-custom-radio-button-size) 100fr}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-custom-radio-button-size) + var(--utrecht-custom-radio-button-margin-inline-end, 12px)))}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-custom-radio-button-margin-inline-end, 12px)}.utrecht-form-field__input{grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:description-invalid;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}.utrecht-form-fieldset{margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-start, 0))}.utrecht-form-fieldset--html-fieldset,.utrecht-form-fieldset__fieldset--html-fieldset{all:revert;border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{display:table;inline-size:100%;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{--utrecht-space-around: 1}.utrecht-form-fieldset--section{background-color:var(--utrecht-form-fieldset-section-background-color);color:var(--utrecht-form-fieldset-section-color)}.utrecht-form-fieldset__legend{color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--disabled{color:var(--utrecht-form-fieldset-legend-disabled-color, var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit)))}.utrecht-form-fieldset__legend--distanced{margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.utrecht-form-fieldset--invalid{border-inline-start-color:var(--utrecht-form-fieldset-invalid-border-inline-start-color, var(--utrecht-form-field-invalid-border-inline-start-color));border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-fieldset-invalid-border-inline-start-width, var(--utrecht-form-field-invalid-border-inline-start-width));padding-inline-start:var(--utrecht-form-fieldset-invalid-padding-inline-start, var(--utrecht-form-field-invalid-padding-inline-start))}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor, revert);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1[data-v-ba682b9a]{page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size, revert);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced[data-v-ba682b9a]{--utrecht-space-around: 1}.utrecht-heading-2[data-v-ba682b9a]{page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size, revert);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced[data-v-ba682b9a]{--utrecht-space-around: 1}.utrecht-heading-3[data-v-ba682b9a]{page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size, revert);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced[data-v-ba682b9a]{--utrecht-space-around: 1}.utrecht-heading-4[data-v-ba682b9a]{page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size, revert);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced[data-v-ba682b9a]{--utrecht-space-around: 1}.utrecht-heading-5[data-v-ba682b9a]{page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size, revert);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced[data-v-ba682b9a]{--utrecht-space-around: 1}.utrecht-heading-6[data-v-ba682b9a]{page-break-inside:avoid;color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size, revert);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced[data-v-ba682b9a]{--utrecht-space-around: 1}.utrecht-heading-1{page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size, revert);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{--utrecht-space-around: 1}.utrecht-heading-2{page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size, revert);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{--utrecht-space-around: 1}.utrecht-heading-3{page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size, revert);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{--utrecht-space-around: 1}.utrecht-heading-4{page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size, revert);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{--utrecht-space-around: 1}.utrecht-heading-5{page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size, revert);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{--utrecht-space-around: 1}/**

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.152",
+  "version": "1.0.0-alpha.154",
   "author": "Community for NL Design System",
   "description": "Vue.js components for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -45,7 +45,7 @@
     "@types/jsdom": "16.2.15",
     "@types/node": "16.11.47",
     "@types/testing-library__jest-dom": "5.14.5",
-    "@utrecht/components": "1.0.0-alpha.336",
+    "@utrecht/components": "1.0.0-alpha.338",
     "@vitejs/plugin-vue": "2.3.3",
     "@vue/compiler-sfc": "3.2.37",
     "@vue/test-utils": "2.0.2",
@@ -67,5 +67,5 @@
     "vue-router": "4.1.3",
     "vue-tsc": "0.39.4"
   },
-  "gitHead": "0e80f262bb13ccd133b063e64eb711a0fff2cac7"
+  "gitHead": "ebec2bd51149743cc576ff17c87feb7b68b1fddb"
 }