@utrecht/component-library-vue 1.0.0-alpha.142 → 1.0.0-alpha.143

package/dist/style.css

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

package/package.json

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