@utrecht/component-library-vue 1.0.0-alpha.2 → 1.0.0-alpha.22

package/dist/UtrechtBadgeStatus.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    status: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    status: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/dist/UtrechtButton.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    appearance: {
+        type: StringConstructor;
+        required: false;
+    };
+    busy: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appearance: {
+        type: StringConstructor;
+        required: false;
+    };
+    busy: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {
+    busy: boolean;
+    disabled: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtCheckbox.vue.d.ts

@@ -0,0 +1,67 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    checked: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    isSet: (arg: any) => arg is Set<any>;
+    isChecked: <T = any>(modelValue: T, value: T) => boolean;
+    checkValue: <T_1 = any>(modelValue: T_1 | T_1[] | Set<T_1>, value: T_1) => T_1 | T_1[] | Set<T_1>;
+    uncheckValue: <T_2 = any>(modelValue: T_2, value: T_2) => string | T_2[] | Set<T_2>;
+}, unknown, {}, {
+    $_handleInputEvent(_evt: InputEvent): void;
+    $_isChecked(): any;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    checked: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    disabled: boolean;
+    checked: boolean;
+    invalid: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtFormLabel.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    checked: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    checked: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {
+    disabled: boolean;
+    checked: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtHeading.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/dist/UtrechtLink.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    external: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    external: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>>, {
+    external: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtParagraph.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    lead: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    lead: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>>, {
+    lead: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtRadioButton.vue.d.ts

@@ -0,0 +1,64 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    checked: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    isChecked: <T = any>(modelValue: T, value: T) => boolean;
+}, unknown, {}, {
+    $_handleInputEvent(evtTarget: HTMLInputElement): void;
+    $_isChecked(): any;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    checked: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    value: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    disabled: boolean;
+    checked: boolean;
+    invalid: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtSelect.vue.d.ts

@@ -0,0 +1,51 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    readonly: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtSelectOption.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>>, {
+    disabled: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtTextarea.vue.d.ts

@@ -0,0 +1,59 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    readonly: boolean;
+}>;
+export default _sfc_main;

package/dist/UtrechtTextbox.vue.d.ts

@@ -0,0 +1,59 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: false;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    readonly: boolean;
+}>;
+export default _sfc_main;

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

@@ -26,16 +26,16 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$q = {};
-const _hoisted_1$m = { class: "utrecht-article" };
+const _sfc_main$r = {};
+const _hoisted_1$n = { class: "utrecht-article" };
 function _sfc_render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("article", _hoisted_1$m, [
+  return openBlock(), createElementBlock("article", _hoisted_1$n, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$f]]);
+var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$f]]);
 var index_scss_vue_type_style_index_0_src_70491734_lang = "";
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   props: {
     status: null
   },
@@ -51,9 +51,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var index_scss_vue_type_style_index_0_src_46e8842a_lang = "";
-const _hoisted_1$l = ["aria-busy", "disabled"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+var index_scss_vue_type_style_index_0_src_527c33ba_lang = "";
+const _hoisted_1$m = ["aria-busy", "disabled", "type"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
     appearance: null,
     busy: { type: Boolean },
@@ -72,22 +72,23 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           "utrecht-button--subtle": __props.appearance === "subtle-button"
         }]),
         "aria-busy": __props.busy || void 0,
-        disabled: __props.disabled
+        disabled: __props.disabled,
+        type: __props.type || "button"
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$l);
+      ], 10, _hoisted_1$m);
     };
   }
 });
 var index_scss_vue_type_style_index_0_src_2303b246_lang = "";
-const _sfc_main$n = {};
-const _hoisted_1$k = { class: "utrecht-button-group" };
+const _sfc_main$o = {};
+const _hoisted_1$l = { class: "utrecht-button-group" };
 function _sfc_render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$k, [
+  return openBlock(), createElementBlock("div", _hoisted_1$l, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$e]]);
+var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$e]]);
 function looseCompareArrays(a, b) {
   if (a.length !== b.length)
     return false;
@@ -135,7 +136,7 @@ const isArray = Array.isArray;
 const isDate = (val) => val instanceof Date;
 const isObject = (val) => val !== null && typeof val === "object";
 var index_scss_vue_type_style_index_0_src_a26e3682_lang = "";
-const _hoisted_1$j = ["aria-invalid", "checked", "disabled", "required", "value"];
+const _hoisted_1$k = ["aria-invalid", "checked", "disabled", "required", "value"];
 const isSet = (arg) => arg instanceof Set;
 const isChecked$1 = (modelValue, value) => {
   if (Array.isArray(modelValue)) {
@@ -178,7 +179,7 @@ const __default__$1 = {
     }
   }
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   props: {
     checked: { type: Boolean },
     disabled: { type: Boolean },
@@ -204,48 +205,48 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         required: __props.required,
         value: __props.value,
         onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$_handleInputEvent($event))
-      }, null, 42, _hoisted_1$j);
+      }, null, 42, _hoisted_1$k);
     };
   }
 }));
 var index_scss_vue_type_style_index_0_src_377dc625_lang = "";
-const _sfc_main$l = {};
-const _hoisted_1$i = { class: "utrecht-document" };
+const _sfc_main$m = {};
+const _hoisted_1$j = { class: "utrecht-document" };
 function _sfc_render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$d]]);
+var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$d]]);
 var index_scss_vue_type_style_index_0_src_0334bbae_lang = "";
-const _sfc_main$k = {};
-const _hoisted_1$h = { class: "utrecht-form-field" };
+const _sfc_main$l = {};
+const _hoisted_1$i = { class: "utrecht-form-field" };
 function _sfc_render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$h, [
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$c]]);
+var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$c]]);
 var index_scss_vue_type_style_index_0_src_7d9b1ad2_lang = "";
-const _sfc_main$j = {};
-const _hoisted_1$g = { class: "utrecht-form-fieldset" };
+const _sfc_main$k = {};
+const _hoisted_1$h = { class: "utrecht-form-fieldset" };
 function _sfc_render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("fieldset", _hoisted_1$g, [
+  return openBlock(), createElementBlock("fieldset", _hoisted_1$h, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$b]]);
+var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$b]]);
 var index_scss_vue_type_style_index_0_src_557ef4dc_lang = "";
-const _sfc_main$i = {};
-const _hoisted_1$f = { class: "utrecht-form-fieldset__legend" };
+const _sfc_main$j = {};
+const _hoisted_1$g = { class: "utrecht-form-fieldset__legend" };
 function _sfc_render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("legend", _hoisted_1$f, [
+  return openBlock(), createElementBlock("legend", _hoisted_1$g, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$a]]);
+var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$a]]);
 var index_scss_vue_type_style_index_0_src_e35723f4_lang = "";
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     checked: { type: Boolean },
     disabled: { type: Boolean },
@@ -266,6 +267,59 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
+var index_scss_vue_type_style_index_0_src_0797b6fe_scoped_true_lang = "";
+var index_scss_vue_type_style_index_1_src_0797b6fe_scoped_true_lang = "";
+var index_scss_vue_type_style_index_2_src_0797b6fe_scoped_true_lang = "";
+var index_scss_vue_type_style_index_3_src_0797b6fe_scoped_true_lang = "";
+var index_scss_vue_type_style_index_4_src_0797b6fe_scoped_true_lang = "";
+var index_scss_vue_type_style_index_5_src_0797b6fe_scoped_true_lang = "";
+const _hoisted_1$f = {
+  key: 0,
+  class: "utrecht-heading-1"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "utrecht-heading-2"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "utrecht-heading-3"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "utrecht-heading-4"
+};
+const _hoisted_5 = {
+  key: 4,
+  class: "utrecht-heading-5"
+};
+const _hoisted_6 = {
+  key: 5,
+  class: "utrecht-heading-6"
+};
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  props: {
+    level: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.level == 1 ? (openBlock(), createElementBlock("h1", _hoisted_1$f, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ])) : __props.level == 2 ? (openBlock(), createElementBlock("h2", _hoisted_2, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ])) : __props.level == 3 ? (openBlock(), createElementBlock("h3", _hoisted_3, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ])) : __props.level == 4 ? (openBlock(), createElementBlock("h4", _hoisted_4, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ])) : __props.level == 5 ? (openBlock(), createElementBlock("h5", _hoisted_5, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ])) : (openBlock(), createElementBlock("h6", _hoisted_6, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ]));
+    };
+  }
+});
+var UtrechtHeading = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0797b6fe"]]);
 var index_scss_vue_type_style_index_0_src_75371619_lang = "";
 const _sfc_main$g = {};
 const _hoisted_1$e = { class: "utrecht-heading-1" };
@@ -546,4 +600,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-export { UtrechtArticle as Article, _sfc_main$p as BadgeStatus, _sfc_main$o as Button, UtrechtButtonGroup as ButtonGroup, _sfc_main$m as Checkbox, UtrechtDocument as Document, UtrechtFormField as FormField, UtrechtFormFieldset as FormFieldset, UtrechtFormFieldsetLegend as FormFieldsetLegend, _sfc_main$h as FormLabel, UtrechtHeading1 as Heading1, UtrechtHeading2 as Heading2, UtrechtHeading3 as Heading3, UtrechtHeading4 as Heading4, UtrechtHeading5 as Heading5, UtrechtHeading6 as Heading6, _sfc_main$a as Link, UtrechtPage as Page, UtrechtPageContent as PageContent, UtrechtPageFooter as PageFooter, UtrechtPageHeader as PageHeader, _sfc_main$5 as Paragraph, _sfc_main$4 as RadioButton, _sfc_main$3 as Select, _sfc_main$2 as SelectOption, _sfc_main$1 as Textarea, _sfc_main as Textbox };
+export { UtrechtArticle as Article, _sfc_main$q as BadgeStatus, _sfc_main$p as Button, UtrechtButtonGroup as ButtonGroup, _sfc_main$n as Checkbox, UtrechtDocument as Document, UtrechtFormField as FormField, UtrechtFormFieldset as FormFieldset, UtrechtFormFieldsetLegend as FormFieldsetLegend, _sfc_main$i as FormLabel, UtrechtHeading as Heading, UtrechtHeading1 as Heading1, UtrechtHeading2 as Heading2, UtrechtHeading3 as Heading3, UtrechtHeading4 as Heading4, UtrechtHeading5 as Heading5, UtrechtHeading6 as Heading6, _sfc_main$a as Link, UtrechtPage as Page, UtrechtPageContent as PageContent, UtrechtPageFooter as PageFooter, UtrechtPageHeader as PageHeader, _sfc_main$5 as Paragraph, _sfc_main$4 as RadioButton, _sfc_main$3 as Select, _sfc_main$2 as SelectOption, _sfc_main$1 as Textarea, _sfc_main as Textbox };

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

@@ -1 +1 @@
-var at=Object.defineProperty,rt=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var ct=Object.prototype.hasOwnProperty,st=Object.prototype.propertyIsEnumerable;var g=(r,t,s)=>t in r?at(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,_=(r,t)=>{for(var s in t||(t={}))ct.call(t,s)&&g(r,s,t[s]);if(B)for(var s of B(t))st.call(t,s)&&g(r,s,t[s]);return r},u=(r,t)=>rt(r,lt(t));(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r["component-library-vue"]={},r.Vue))})(this,function(r,t){"use strict";var s="",c=(e,n)=>{const a=e.__vccOpts||e;for(const[l,o]of n)a[l]=o;return a};const p={},x={class:"utrecht-article"};function v(e,n){return t.openBlock(),t.createElementBlock("article",x,[t.renderSlot(e.$slots,"default")])}var C=c(p,[["render",v]]),dt="";const S=t.defineComponent({props:{status:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{["utrecht-badge--"+e.status]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var it="";const q=["aria-busy","disabled"],E=t.defineComponent({props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,q))}});var ot="";const V={},H={class:"utrecht-button-group"};function U(e,n){return t.openBlock(),t.createElementBlock("div",H,[t.renderSlot(e.$slots,"default")])}var F=c(V,[["render",U]]);function A(e,n){if(e.length!==n.length)return!1;let a=!0;for(let l=0;a&&l<e.length;l++)a=d(e[l],n[l]);return a}function d(e,n){if(e===n)return!0;let a=f(e),l=f(n);if(a||l)return a&&l?e.getTime()===n.getTime():!1;if(a=h(e),l=h(n),a||l)return a&&l?A(e,n):!1;if(a=y(e),l=y(n),a||l){if(!a||!l)return!1;const o=Object.keys(e).length,nt=Object.keys(n).length;if(o!==nt)return!1;for(const i in e){const $=e.hasOwnProperty(i),k=n.hasOwnProperty(i);if($&&!k||!$&&k||!d(e[i],n[i]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>e instanceof Date,y=e=>e!==null&&typeof e=="object";var _t="";const P=["aria-invalid","checked","disabled","required","value"],m=e=>e instanceof Set,b=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),z=(e,n)=>Array.isArray(e)?[...e,n]:m(e)?new Set(e).add(n):n,I=(e,n)=>{if(Array.isArray(e))return e.filter(a=>a!==n);if(m(e)){const a=new Set(e);return a.delete(n),a}else return""},T={methods:{$_handleInputEvent(e){const{value:n,modelValue:a}=this,l=b(a,n)?I(a,n):z(a,n);this.$emit("update:modelValue",l)},$_isChecked(){return b(this.modelValue,this.value)}}},j=t.defineComponent(u(_({},T),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l))},null,42,P))}}));var ut="";const O={},w={class:"utrecht-document"};function D(e,n){return t.openBlock(),t.createElementBlock("div",w,[t.renderSlot(e.$slots,"default")])}var K=c(O,[["render",D]]),ht="";const L={},G={class:"utrecht-form-field"};function M(e,n){return t.openBlock(),t.createElementBlock("div",G,[t.renderSlot(e.$slots,"default")])}var R=c(L,[["render",M]]),ft="";const J={},N={class:"utrecht-form-fieldset"};function Q(e,n){return t.openBlock(),t.createElementBlock("fieldset",N,[t.renderSlot(e.$slots,"default")])}var W=c(J,[["render",Q]]),yt="";const X={},Y={class:"utrecht-form-fieldset__legend"};function Z(e,n){return t.openBlock(),t.createElementBlock("legend",Y,[t.renderSlot(e.$slots,"default")])}var ee=c(X,[["render",Z]]),mt="";const te=t.defineComponent({props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var bt="";const ne={},ae={class:"utrecht-heading-1"};function re(e,n){return t.openBlock(),t.createElementBlock("h1",ae,[t.renderSlot(e.$slots,"default")])}var le=c(ne,[["render",re]]),$t="";const ce={},se={class:"utrecht-heading-2"};function de(e,n){return t.openBlock(),t.createElementBlock("h2",se,[t.renderSlot(e.$slots,"default")])}var ie=c(ce,[["render",de]]),kt="";const oe={},_e={class:"utrecht-heading-3"};function ue(e,n){return t.openBlock(),t.createElementBlock("h3",_e,[t.renderSlot(e.$slots,"default")])}var he=c(oe,[["render",ue]]),Bt="";const fe={},ye={class:"utrecht-heading-4"};function me(e,n){return t.openBlock(),t.createElementBlock("h4",ye,[t.renderSlot(e.$slots,"default")])}var be=c(fe,[["render",me]]),gt="";const $e={},ke={class:"utrecht-heading-5"};function Be(e,n){return t.openBlock(),t.createElementBlock("h5",ke,[t.renderSlot(e.$slots,"default")])}var ge=c($e,[["render",Be]]),pt="";const pe={},xe={class:"utrecht-heading-6"};function ve(e,n){return t.openBlock(),t.createElementBlock("h6",xe,[t.renderSlot(e.$slots,"default")])}var Ce=c(pe,[["render",ve]]),xt="";const Se=t.defineComponent({props:{external:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var vt="";const qe={},Ee={class:"utrecht-page"};function Ve(e,n){return t.openBlock(),t.createElementBlock("div",Ee,[t.renderSlot(e.$slots,"default")])}var He=c(qe,[["render",Ve]]),Ct="";const Ue={},Fe={class:"utrecht-page-content"};function Ae(e,n){return t.openBlock(),t.createElementBlock("div",Fe,[t.renderSlot(e.$slots,"default")])}var Pe=c(Ue,[["render",Ae]]),St="";const ze={},Ie={class:"utrecht-page-footer"};function Te(e,n){return t.openBlock(),t.createElementBlock("footer",Ie,[t.renderSlot(e.$slots,"default")])}var je=c(ze,[["render",Te]]),qt="";const Oe={},we={class:"utrecht-page-header"};function De(e,n){return t.openBlock(),t.createElementBlock("header",we,[t.renderSlot(e.$slots,"default")])}var Ke=c(Oe,[["render",De]]),Et="";const Le=t.defineComponent({props:{lead:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Vt="";const Ge=["aria-invalid","checked","disabled","required","value"],Me=(e,n)=>d(e,n),Re={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?Me(this.modelValue,this.value):this.checked}}},Je=t.defineComponent(u(_({},Re),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l.target))},null,42,Ge))}}));var Ht="";const Ne=["aria-invalid","disabled","readonly","required","value"],Qe=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("select",{class:t.normalizeClass(["utrecht-select",{"utrecht-select--disabled":e.disabled,"utrecht-select--invalid":e.invalid,"utrecht-select--required":e.required,"utrecht-select--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},[t.renderSlot(n.$slots,"default")],42,Ne))}});var Ut="";const We=["disabled"],Xe=t.defineComponent({props:{disabled:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("option",{class:t.normalizeClass(["utrecht-select__option",{"utrecht-select__option--disabled":e.disabled}]),disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,We))}});var Ft="";const Ye=["aria-invalid","disabled","readonly","required","value"],Ze=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,Ye))}});var At="";const et=["aria-invalid","disabled","readonly","required","value"],tt=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,et))}});r.Article=C,r.BadgeStatus=S,r.Button=E,r.ButtonGroup=F,r.Checkbox=j,r.Document=K,r.FormField=R,r.FormFieldset=W,r.FormFieldsetLegend=ee,r.FormLabel=te,r.Heading1=le,r.Heading2=ie,r.Heading3=he,r.Heading4=be,r.Heading5=ge,r.Heading6=Ce,r.Link=Se,r.Page=He,r.PageContent=Pe,r.PageFooter=je,r.PageHeader=Ke,r.Paragraph=Le,r.RadioButton=Je,r.Select=Qe,r.SelectOption=Xe,r.Textarea=Ze,r.Textbox=tt,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+var it=Object.defineProperty,_t=Object.defineProperties;var ut=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var ht=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable;var B=(a,t,s)=>t in a?it(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s,_=(a,t)=>{for(var s in t||(t={}))ht.call(t,s)&&B(a,s,t[s]);if(g)for(var s of g(t))ft.call(t,s)&&B(a,s,t[s]);return a},u=(a,t)=>_t(a,ut(t));(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a["component-library-vue"]={},a.Vue))})(this,function(a,t){"use strict";var s="",c=(e,n)=>{const l=e.__vccOpts||e;for(const[r,i]of n)l[r]=i;return l};const p={},x={class:"utrecht-article"};function v(e,n){return t.openBlock(),t.createElementBlock("article",x,[t.renderSlot(e.$slots,"default")])}var S=c(p,[["render",v]]),yt="";const E=t.defineComponent({props:{status:null},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{["utrecht-badge--"+e.status]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var mt="";const C=["aria-busy","disabled","type"],q=t.defineComponent({props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,C))}});var bt="";const H={},V={class:"utrecht-button-group"};function U(e,n){return t.openBlock(),t.createElementBlock("div",V,[t.renderSlot(e.$slots,"default")])}var F=c(H,[["render",U]]);function A(e,n){if(e.length!==n.length)return!1;let l=!0;for(let r=0;l&&r<e.length;r++)l=d(e[r],n[r]);return l}function d(e,n){if(e===n)return!0;let l=f(e),r=f(n);if(l||r)return l&&r?e.getTime()===n.getTime():!1;if(l=h(e),r=h(n),l||r)return l&&r?A(e,n):!1;if(l=y(e),r=y(n),l||r){if(!l||!r)return!1;const i=Object.keys(e).length,ot=Object.keys(n).length;if(i!==ot)return!1;for(const o in e){const k=e.hasOwnProperty(o),$=n.hasOwnProperty(o);if(k&&!$||!k&&$||!d(e[o],n[o]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>e instanceof Date,y=e=>e!==null&&typeof e=="object";var kt="";const P=["aria-invalid","checked","disabled","required","value"],m=e=>e instanceof Set,b=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),z=(e,n)=>Array.isArray(e)?[...e,n]:m(e)?new Set(e).add(n):n,I=(e,n)=>{if(Array.isArray(e))return e.filter(l=>l!==n);if(m(e)){const l=new Set(e);return l.delete(n),l}else return""},T={methods:{$_handleInputEvent(e){const{value:n,modelValue:l}=this,r=b(l,n)?I(l,n):z(l,n);this.$emit("update:modelValue",r)},$_isChecked(){return b(this.modelValue,this.value)}}},j=t.defineComponent(u(_({},T),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:l[0]||(l[0]=r=>n.$_handleInputEvent(r))},null,42,P))}}));var $t="";const O={},w={class:"utrecht-document"};function D(e,n){return t.openBlock(),t.createElementBlock("div",w,[t.renderSlot(e.$slots,"default")])}var K=c(O,[["render",D]]),gt="";const L={},G={class:"utrecht-form-field"};function M(e,n){return t.openBlock(),t.createElementBlock("div",G,[t.renderSlot(e.$slots,"default")])}var R=c(L,[["render",M]]),Bt="";const J={},N={class:"utrecht-form-fieldset"};function Q(e,n){return t.openBlock(),t.createElementBlock("fieldset",N,[t.renderSlot(e.$slots,"default")])}var W=c(J,[["render",Q]]),pt="";const X={},Y={class:"utrecht-form-fieldset__legend"};function Z(e,n){return t.openBlock(),t.createElementBlock("legend",Y,[t.renderSlot(e.$slots,"default")])}var ee=c(X,[["render",Z]]),xt="";const te=t.defineComponent({props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var vt="",St="",Et="",Ct="",qt="",Ht="";const ne={key:0,class:"utrecht-heading-1"},le={key:1,class:"utrecht-heading-2"},ae={key:2,class:"utrecht-heading-3"},re={key:3,class:"utrecht-heading-4"},ce={key:4,class:"utrecht-heading-5"},se={key:5,class:"utrecht-heading-6"};var de=c(t.defineComponent({props:{level:null},setup(e){return(n,l)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",ne,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",ae,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",re,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),Ut="";const oe={},ie={class:"utrecht-heading-1"};function _e(e,n){return t.openBlock(),t.createElementBlock("h1",ie,[t.renderSlot(e.$slots,"default")])}var ue=c(oe,[["render",_e]]),Ft="";const he={},fe={class:"utrecht-heading-2"};function ye(e,n){return t.openBlock(),t.createElementBlock("h2",fe,[t.renderSlot(e.$slots,"default")])}var me=c(he,[["render",ye]]),At="";const be={},ke={class:"utrecht-heading-3"};function $e(e,n){return t.openBlock(),t.createElementBlock("h3",ke,[t.renderSlot(e.$slots,"default")])}var ge=c(be,[["render",$e]]),Pt="";const Be={},pe={class:"utrecht-heading-4"};function xe(e,n){return t.openBlock(),t.createElementBlock("h4",pe,[t.renderSlot(e.$slots,"default")])}var ve=c(Be,[["render",xe]]),zt="";const Se={},Ee={class:"utrecht-heading-5"};function Ce(e,n){return t.openBlock(),t.createElementBlock("h5",Ee,[t.renderSlot(e.$slots,"default")])}var qe=c(Se,[["render",Ce]]),It="";const He={},Ve={class:"utrecht-heading-6"};function Ue(e,n){return t.openBlock(),t.createElementBlock("h6",Ve,[t.renderSlot(e.$slots,"default")])}var Fe=c(He,[["render",Ue]]),Tt="";const Ae=t.defineComponent({props:{external:{type:Boolean}},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var jt="";const Pe={},ze={class:"utrecht-page"};function Ie(e,n){return t.openBlock(),t.createElementBlock("div",ze,[t.renderSlot(e.$slots,"default")])}var Te=c(Pe,[["render",Ie]]),Ot="";const je={},Oe={class:"utrecht-page-content"};function we(e,n){return t.openBlock(),t.createElementBlock("div",Oe,[t.renderSlot(e.$slots,"default")])}var De=c(je,[["render",we]]),wt="";const Ke={},Le={class:"utrecht-page-footer"};function Ge(e,n){return t.openBlock(),t.createElementBlock("footer",Le,[t.renderSlot(e.$slots,"default")])}var Me=c(Ke,[["render",Ge]]),Dt="";const Re={},Je={class:"utrecht-page-header"};function Ne(e,n){return t.openBlock(),t.createElementBlock("header",Je,[t.renderSlot(e.$slots,"default")])}var Qe=c(Re,[["render",Ne]]),Kt="";const We=t.defineComponent({props:{lead:{type:Boolean}},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Lt="";const Xe=["aria-invalid","checked","disabled","required","value"],Ye=(e,n)=>d(e,n),Ze={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?Ye(this.modelValue,this.value):this.checked}}},et=t.defineComponent(u(_({},Ze),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:l[0]||(l[0]=r=>n.$_handleInputEvent(r.target))},null,42,Xe))}}));var Gt="";const tt=["aria-invalid","disabled","readonly","required","value"],nt=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("select",{class:t.normalizeClass(["utrecht-select",{"utrecht-select--disabled":e.disabled,"utrecht-select--invalid":e.invalid,"utrecht-select--required":e.required,"utrecht-select--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},[t.renderSlot(n.$slots,"default")],42,tt))}});var Mt="";const lt=["disabled"],at=t.defineComponent({props:{disabled:{type:Boolean}},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("option",{class:t.normalizeClass(["utrecht-select__option",{"utrecht-select__option--disabled":e.disabled}]),disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,lt))}});var Rt="";const rt=["aria-invalid","disabled","readonly","required","value"],ct=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},null,42,rt))}});var Jt="";const st=["aria-invalid","disabled","readonly","required","value"],dt=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},null,42,st))}});a.Article=S,a.BadgeStatus=E,a.Button=q,a.ButtonGroup=F,a.Checkbox=j,a.Document=K,a.FormField=R,a.FormFieldset=W,a.FormFieldsetLegend=ee,a.FormLabel=te,a.Heading=de,a.Heading1=ue,a.Heading2=me,a.Heading3=ge,a.Heading4=ve,a.Heading5=qe,a.Heading6=Fe,a.Link=Ae,a.Page=Te,a.PageContent=De,a.PageFooter=Me,a.PageHeader=Qe,a.Paragraph=We,a.RadioButton=et,a.Select=nt,a.SelectOption=at,a.Textarea=ct,a.Textbox=dt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import Article from './UtrechtArticle.vue';
+import BadgeStatus from './UtrechtBadgeStatus.vue';
+import Button from './UtrechtButton.vue';
+import ButtonGroup from './UtrechtButtonGroup.vue';
+import Checkbox from './UtrechtCheckbox.vue';
+import Document from './UtrechtDocument.vue';
+import FormField from './UtrechtFormField.vue';
+import FormFieldset from './UtrechtFormFieldset.vue';
+import FormFieldsetLegend from './UtrechtFormFieldsetLegend.vue';
+import FormLabel from './UtrechtFormLabel.vue';
+import Heading from './UtrechtHeading.vue';
+import Heading1 from './UtrechtHeading1.vue';
+import Heading2 from './UtrechtHeading2.vue';
+import Heading3 from './UtrechtHeading3.vue';
+import Heading4 from './UtrechtHeading4.vue';
+import Heading5 from './UtrechtHeading5.vue';
+import Heading6 from './UtrechtHeading6.vue';
+import Link from './UtrechtLink.vue';
+import Page from './UtrechtPage.vue';
+import PageContent from './UtrechtPageContent.vue';
+import PageFooter from './UtrechtPageFooter.vue';
+import PageHeader from './UtrechtPageHeader.vue';
+import Paragraph from './UtrechtParagraph.vue';
+import RadioButton from './UtrechtRadioButton.vue';
+import Select from './UtrechtSelect.vue';
+import SelectOption from './UtrechtSelectOption.vue';
+import Textarea from './UtrechtTextarea.vue';
+import Textbox from './UtrechtTextbox.vue';
+export { Article, BadgeStatus, Button, ButtonGroup, Checkbox, Document, FormField, FormFieldset, FormFieldsetLegend, FormLabel, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Link, Paragraph, Page, PageContent, PageFooter, PageHeader, RadioButton, Select, SelectOption, Textbox, Textarea, };

package/dist/style.css

@@ -1,7 +1,4 @@
-.utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}/**
-* @license EUPL-1.2
-* Copyright (c) 2021 Robbert Broersma
-*/.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, .5ch);color:var(--utrecht-badge-color, hsl(0deg, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, .5ex);padding-block-start:var(--utrecht-badge-padding-block, .5ex);padding-inline-end:var(--utrecht-badge-padding-inline, .5ch);padding-inline-start:var(--utrecht-badge-padding-inline, .5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, hsl(0deg, 100%, 50%));color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, hsl(39deg, 100%, 50%));color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, hsl(120deg, 100%, 25%));color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(0deg, 100%, 50%)));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}/**
+.utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, .5ch);color:var(--utrecht-badge-color, hsl(0deg, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, .5ex);padding-block-start:var(--utrecht-badge-padding-block, .5ex);padding-inline-end:var(--utrecht-badge-padding-inline, .5ch);padding-inline-start:var(--utrecht-badge-padding-inline, .5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, hsl(0deg, 100%, 50%));color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, hsl(39deg, 100%, 50%));color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, hsl(120deg, 100%, 25%));color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(0deg, 100%, 50%)));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
@@ -9,7 +6,7 @@
  * @license EUPL-1.2
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
  * Copyright (c) 2021 Gemeente Utrecht
- */.utrecht-button{background-color:var(--utrecht-button-background-color);border-color:var(--utrecht-button-border-color, transparent);border-bottom-color:var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent));border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--utrecht-button-border-width, 0);border-bottom-width:var(--utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0));color:var(--utrecht-button-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-active-color, var(--utrecht-button-color))}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-button--focus{background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-hover-color, var(--utrecht-button-color));transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{background-color:var(--utrecht-button-primary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-primary-action-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-primary-action-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-primary-action-color, var(--utrecht-button-color))}.utrecht-button--primary-action.utrecht-button--hover:not(:disabled),.utrecht-button--primary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-primary-action-hover-background-color, var(--utrecht-button-primary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-primary-action-hover-border-color, var(--utrecht-button-primary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-primary-action-hover-color, var(--utrecht-button-primary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--primary-action.utrecht-button:disabled,.utrecht-button--primary-action.utrecht-button--disabled{background-color:var(--utrecht-button-primary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-primary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-primary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--primary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-button--primary-action:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--secondary-action{background-color:var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-secondary-action-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-secondary-action-color, var(--utrecht-button-color))}.utrecht-button--secondary-action.utrecht-button--hover:not(:disabled),.utrecht-button--secondary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-secondary-action-hover-background-color, var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-secondary-action-hover-border-color, var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-secondary-action-hover-color, var(--utrecht-button-secondary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--secondary-action.utrecht-button:disabled,.utrecht-button--secondary-action.utrecht-button--disabled{background-color:var(--utrecht-button-secondary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-secondary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-secondary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--secondary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-button--secondary-action:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--subtle{background-color:var(--utrecht-button-subtle-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-subtle-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-subtle-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-subtle-color, var(--utrecht-button-color))}.utrecht-button--subtle.utrecht-button--hover:not(:disabled),.utrecht-button--subtle.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-subtle-hover-background-color, var(--utrecht-button-subtle-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-subtle-hover-border-color, var(--utrecht-button-subtle-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-subtle-hover-color, var(--utrecht-button-subtle-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--subtle.utrecht-button:disabled,.utrecht-button--subtle.utrecht-button--disabled{background-color:var(--utrecht-button-subtle-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-subtle-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-subtle-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--subtle:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-button--subtle:focus:not(:focus-visible){box-shadow:none;outline-style:none}/**
+ */.utrecht-button{--_utrecht-button-background-color: var(--utrecht-button-background-color);--_utrecht-button-color: var(--utrecht-button-color);--_utrecht-button-border-color: var(--utrecht-button-border-color, transparent);--_utrecht-button-border-bottom-color: var( --utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent) );--_utrecht-button-disabled-background-color: var( --utrecht-button-disabled-background-color, var(--utrecht-button-background-color) );--_utrecht-button-disabled-border-color: var( --utrecht-button-disabled-border-color, var(--utrecht-button-border-color) );--_utrecht-button-disabled-color: var(--utrecht-button-disabled-color, var(--utrecht-button-color));--_utrecht-button-focus-background-color: var( --utrecht-button-focus-background-color, var(--utrecht-button-background-color) );--_utrecht-button-focus-border-color: var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));--_utrecht-button-focus-color: var(--utrecht-button-focus-color, var(--utrecht-button-color));--_utrecht-button-hover-background-color: var( --utrecht-button-hover-background-color, var(--utrecht-button-background-color) );--_utrecht-button-hover-border-color: var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));--_utrecht-button-hover-color: var(--utrecht-button-hover-color, var(--utrecht-button-color));--_utrecht-button-active-background-color: var( --utrecht-button-active-background-color, var(--utrecht-button-background-color) );--_utrecht-button-active-border-color: var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));--_utrecht-button-active-color: var(--utrecht-button-active-color, var(--utrecht-button-color));--_utrecht-button-border-width: var(--utrecht-button-border-width, 0);--_utrecht-button-border-bottom-width: var( --utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0) );background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);color:var(--utrecht-button-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-button--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{--utrecht-button-active-background-color: var(--utrecht-button-primary-action-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-primary-action-active-border-color);--utrecht-button-active-color: var(--utrecht-button-primary-action-active-color);--utrecht-button-background-color: var(--utrecht-button-primary-action-background-color);--utrecht-button-border-color: var(--utrecht-button-primary-action-border-color);--utrecht-button-border-width: var(--utrecht-button-primary-action-border-width);--utrecht-button-color: var(--utrecht-button-primary-action-color);--utrecht-button-disabled-background-color: var(--utrecht-button-primary-action-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-primary-action-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-primary-action-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-primary-action-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-primary-action-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--utrecht-button-active-background-color: var(--utrecht-button-secondary-action-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-secondary-action-active-border-color);--utrecht-button-active-color: var(--utrecht-button-secondary-action-active-color);--utrecht-button-background-color: var(--utrecht-button-secondary-action-background-color);--utrecht-button-border-color: var(--utrecht-button-secondary-action-border-color);--utrecht-button-border-width: var(--utrecht-button-secondary-action-border-width);--utrecht-button-color: var(--utrecht-button-secondary-action-color);--utrecht-button-disabled-background-color: var(--utrecht-button-secondary-action-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-secondary-action-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-secondary-action-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-secondary-action-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-secondary-action-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-secondary-action-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-secondary-action-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-secondary-action-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--utrecht-button-active-background-color: var(--utrecht-button-subtle-active-background-color);--utrecht-button-active-border-color: var(--utrecht-button-subtle-active-border-color);--utrecht-button-active-color: var(--utrecht-button-subtle-active-color);--utrecht-button-background-color: var(--utrecht-button-subtle-background-color);--utrecht-button-border-color: var(--utrecht-button-subtle-border-color);--utrecht-button-border-width: var(--utrecht-button-subtle-border-width);--utrecht-button-color: var(--utrecht-button-subtle-color);--utrecht-button-disabled-background-color: var(--utrecht-button-subtle-disabled-background-color);--utrecht-button-disabled-border-color: var(--utrecht-button-subtle-disabled-border-color);--utrecht-button-disabled-color: var(--utrecht-button-subtle-disabled-color);--utrecht-button-focus-background-color: var(--utrecht-button-subtle-focus-background-color);--utrecht-button-focus-border-color: var(--utrecht-button-subtle-focus-border-color);--utrecht-button-focus-color: var(--utrecht-button-subtle-focus-color);--utrecht-button-hover-background-color: var(--utrecht-button-subtle-hover-background-color);--utrecht-button-hover-border-color: var(--utrecht-button-subtle-hover-border-color);--utrecht-button-hover-color: var(--utrecht-button-subtle-hover-color)}/**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 *//**
@@ -18,7 +15,20 @@
  */.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);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}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-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-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);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-fieldset--html-fieldset{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{padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0);margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0)}.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--distanced{margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end);margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-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));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);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));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}/**
+*/.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));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);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));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1[data-v-0797b6fe]{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Gemeente Utrecht
+* Copyright (c) 2021 Robbert Broersma
+* Copyright (c) 2021 The Knights Who Say NIH! B.V.
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ *//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */.utrecht-heading-2[data-v-0797b6fe]{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3[data-v-0797b6fe]{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4[data-v-0797b6fe]{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5[data-v-0797b6fe]{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-heading-6[data-v-0797b6fe]{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.utrecht-heading-1{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5{page-break-after:avoid;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);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:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.22",
   "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",
@@ -21,46 +21,45 @@
   },
   "sideEffects": false,
   "scripts": {
+    "clean": "rimraf dist",
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
     "lint": "npm-run-all lint:**",
-    "lint:ts": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "lint:ts": "vue-tsc --noEmit -p tsconfig.lib.json --composite false",
+    "lint:ts-jest": "vue-tsc --noEmit -p tsconfig.jest.json --composite false",
     "preview": "vite preview --port 5050",
-    "test:unit": "vitest --environment jsdom",
-    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
+    "test": "jest"
   },
   "main": "./dist/component-library-vue.umd.js",
   "module": "./dist/component-library-vue.es.js",
+  "types": "./dist/index.d.ts",
   "files": [
-    "dist/"
+    "dist/*"
   ],
   "devDependencies": {
-    "@rollup/plugin-typescript": "8.3.2",
     "@rushstack/eslint-patch": "1.1.0",
+    "@testing-library/vue": "6.4.2",
+    "@types/jest": "27.5.1",
     "@types/jsdom": "16.2.14",
     "@types/node": "16.11.27",
-    "@utrecht/components": "1.0.0-alpha.186",
+    "@utrecht/components": "1.0.0-alpha.206",
     "@vitejs/plugin-vue": "2.3.1",
-    "@vue/eslint-config-prettier": "7.0.0",
-    "@vue/eslint-config-typescript": "10.0.0",
-    "@vue/test-utils": "2.0.0-rc.20",
     "@vue/tsconfig": "0.1.3",
-    "cypress": "9.5.4",
-    "eslint": "8.5.0",
-    "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-vue": "8.2.0",
+    "@vue/vue3-jest": "28.0.0",
+    "jest": "28.1.0",
+    "jest-environment-jsdom": "28.1.0",
     "jsdom": "19.0.0",
     "npm-run-all": "4.1.5",
     "prettier": "2.5.1",
+    "rimraf": "3.0.2",
     "sass": "1.52.1",
-    "start-server-and-test": "1.14.0",
+    "ts-jest": "28.0.3",
     "typescript": "4.6.4",
     "vite": "2.9.5",
-    "vitest": "0.9.3",
+    "vite-plugin-dts": "1.2.0",
     "vue": "3.2.33",
     "vue-router": "4.0.14",
     "vue-tsc": "0.34.7"
   },
-  "gitHead": "c30a4199b53d30ab54d3cf847bd228a09f46d4a9"
+  "gitHead": "ef8b92b46f6f87a62bcc7b1c3ea27bb58af0b6c8"
 }