npm - @utrecht/web-component-library-stencil - Versions diffs - 2.0.0 → 2.2.0 - Mend

@utrecht/web-component-library-stencil 2.0.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1645) hide show

package/dist/cjs/utrecht.cjs.js CHANGED Viewed

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template.cjs\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-digid-button.cjs\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"utrecht-progress-list-item.cjs\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop.cjs\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav.cjs\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox.cjs\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout.cjs\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox.cjs\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list.cjs\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions.cjs\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item.cjs\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key.cjs\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value.cjs\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo.cjs\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo.cjs\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message.cjs\",[[1,\"utrecht-form-field-error-message\"]]],[\"utrecht-form-toggle.cjs\",[[1,\"utrecht-form-toggle\",{\"disabled\":[516],\"checked\":[516]}]]],[\"utrecht-html-content.cjs\",[[4,\"utrecht-html-content\"]]],[\"utrecht-icon-afspraak-maken.cjs\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval.cjs\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container.cjs\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas.cjs\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender.cjs\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-pmd.cjs\",[[1,\"utrecht-icon-afval-pmd\"]]],[\"utrecht-icon-afval-scheiden.cjs\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender.cjs\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen.cjs\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow.cjs\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-auto.cjs\",[[1,\"utrecht-icon-auto\"]]],[\"utrecht-icon-begroting.cjs\",[[1,\"utrecht-icon-begroting\"]]],[\"utrecht-icon-bestemmingsplan.cjs\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum.cjs\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken.cjs\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand.cjs\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad.cjs\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject.cjs\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar.cjs\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen.cjs\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark.cjs\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-chevron-down.cjs\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left.cjs\",[[1,\"utrecht-icon-chevron-left\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-right.cjs\",[[1,\"utrecht-icon-chevron-right\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-up.cjs\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close.cjs\",[[1,\"utrecht-icon-close\"]]],[\"utrecht-icon-college-b-w.cjs\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container.cjs\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio.cjs\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas.cjs\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-groenafval.cjs\",[[1,\"utrecht-icon-container-groenafval\"]]],[\"utrecht-icon-container-met-zak.cjs\",[[1,\"utrecht-icon-container-met-zak\"]]],[\"utrecht-icon-container-papier.cjs\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-pmd.cjs\",[[1,\"utrecht-icon-container-pmd\"]]],[\"utrecht-icon-container-restafval.cjs\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel.cjs\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross.cjs\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos.cjs\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie.cjs\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten.cjs\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam.cjs\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid.cjs\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie.cjs\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden.cjs\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding.cjs\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie.cjs\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error.cjs\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen.cjs\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook.cjs\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets.cjs\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter.cjs\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-geboorte.cjs\",[[1,\"utrecht-icon-geboorte\"]]],[\"utrecht-icon-gebruiker-centraal.cjs\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd.cjs\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek.cjs\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid.cjs\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie.cjs\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad.cjs\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gereedschap.cjs\",[[1,\"utrecht-icon-gereedschap\"]]],[\"utrecht-icon-gezicht.cjs\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-gezin.cjs\",[[1,\"utrecht-icon-gezin\"]]],[\"utrecht-icon-glas-afval.cjs\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan.cjs\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek.cjs\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil.cjs\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen.cjs\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-hamburger-menu.cjs\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"utrecht-icon-herdenking.cjs\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting.cjs\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca.cjs\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning.cjs\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huis.cjs\",[[1,\"utrecht-icon-huis\"]]],[\"utrecht-icon-huis-en-omgeving.cjs\",[[1,\"utrecht-icon-huis-en-omgeving\"]]],[\"utrecht-icon-huishoudelijk-geweld.cjs\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden.cjs\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer.cjs\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg.cjs\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin.cjs\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening.cjs\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee.cjs\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-informatie.cjs\",[[1,\"utrecht-icon-informatie\"]]],[\"utrecht-icon-information.cjs\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie.cjs\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners.cjs\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram.cjs\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender.cjs\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis.cjs\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen.cjs\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten.cjs\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon.cjs\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal.cjs\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-language.cjs\",[[1,\"utrecht-icon-language\"]]],[\"utrecht-icon-lantaarnpaal.cjs\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud.cjs\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren.cjs\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op.cjs\",[[1,\"utrecht-icon-let-op\"]]],[\"utrecht-icon-linkedin.cjs\",[[1,\"utrecht-icon-linkedin\"]]],[\"utrecht-icon-list.cjs\",[[1,\"utrecht-icon-list\"]]],[\"utrecht-icon-list-check.cjs\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number.cjs\",[[1,\"utrecht-icon-list-number\"]]],[\"utrecht-icon-loupe.cjs\",[[1,\"utrecht-icon-loupe\"]]],[\"utrecht-icon-markt.cjs\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding.cjs\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom.cjs\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht.cjs\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte.cjs\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting.cjs\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk.cjs\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-menu-dot.cjs\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open.cjs\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"utrecht-icon-meterkast.cjs\",[[1,\"utrecht-icon-meterkast\"]]],[\"utrecht-icon-milieu-ontheffing.cjs\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-milieu-zone.cjs\",[[1,\"utrecht-icon-milieu-zone\"]]],[\"utrecht-icon-minus.cjs\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical.cjs\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"utrecht-icon-mobiliteit.cjs\",[[1,\"utrecht-icon-mobiliteit\"]]],[\"utrecht-icon-natuur.cjs\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis.cjs\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nieuwsbrief.cjs\",[[1,\"utrecht-icon-nieuwsbrief\"]]],[\"utrecht-icon-nummerbord.cjs\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis.cjs\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving.cjs\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie.cjs\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet.cjs\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud.cjs\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen.cjs\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden.cjs\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad.cjs\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden.cjs\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden.cjs\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park.cjs\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart.cjs\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning.cjs\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken.cjs\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren.cjs\",[[1,\"utrecht-icon-parkeren\"]]],[\"utrecht-icon-parkeren-bedrijven.cjs\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat.cjs\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen.cjs\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne.cjs\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like.cjs\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch.cjs\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort.cjs\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-presentatie.cjs\",[[1,\"utrecht-icon-presentatie\"]]],[\"utrecht-icon-prijskaartje.cjs\",[[1,\"utrecht-icon-prijskaartje\"]]],[\"utrecht-icon-read-aloud.cjs\",[[1,\"utrecht-icon-read-aloud\"]]],[\"utrecht-icon-rijbewijs.cjs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rioolheffing.cjs\",[[1,\"utrecht-icon-rioolheffing\"]]],[\"utrecht-icon-rolstoel.cjs\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht.cjs\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-search.cjs\",[[1,\"utrecht-icon-search\"]]],[\"utrecht-icon-shoppen.cjs\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas.cjs\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende.cjs\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport.cjs\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur.cjs\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-sport-voetbal.cjs\",[[1,\"utrecht-icon-sport-voetbal\"]]],[\"utrecht-icon-stookverbod.cjs\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand.cjs\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien.cjs\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie.cjs\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin.cjs\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt.cjs\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-thuiswerken.cjs\",[[1,\"utrecht-icon-thuiswerken\"]]],[\"utrecht-icon-toeslag.cjs\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein.cjs\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen.cjs\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter.cjs\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-user.cjs\",[[1,\"utrecht-icon-user\"]]],[\"utrecht-icon-uw-wijk.cjs\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie.cjs\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk.cjs\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen.cjs\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergaderendigitaal.cjs\",[[1,\"utrecht-icon-vergaderendigitaal\"]]],[\"utrecht-icon-vergoeding.cjs\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen.cjs\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht.cjs\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen.cjs\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving.cjs\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening.cjs\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus.cjs\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen.cjs\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer.cjs\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk.cjs\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak.cjs\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak.cjs\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk.cjs\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok.cjs\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm.cjs\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning.cjs\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken.cjs\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden.cjs\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp.cjs\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten.cjs\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken.cjs\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-x.cjs\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube.cjs\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen.cjs\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus.cjs\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus.cjs\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"utrecht-icon-zoomin.cjs\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout.cjs\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis.cjs\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal.cjs\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen.cjs\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo-button.cjs\",[[1,\"utrecht-logo-button\"]]],[\"utrecht-map-marker.cjs\",[[1,\"utrecht-map-marker\"]]],[\"utrecht-multiline-data.cjs\",[[1,\"utrecht-multiline-data\"]]],[\"utrecht-page-footer.cjs\",[[1,\"utrecht-page-footer\"]]],[\"utrecht-pagination.cjs\",[[1,\"utrecht-pagination\",{\"links\":[1],\"next\":[1],\"prev\":[1],\"currentIndex\":[2,\"current-index\"]}]]],[\"utrecht-progress-list.cjs\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item.cjs\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav.cjs\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface.cjs\",[[1,\"utrecht-surface\"]]],[\"utrecht-table.cjs\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body.cjs\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption.cjs\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell.cjs\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer.cjs\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header.cjs\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell.cjs\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row.cjs\",[[1,\"utrecht-table-row\"]]],[\"utrecht-textarea.cjs\",[[1,\"utrecht-textarea\",{\"autocomplete\":[1],\"cols\":[2],\"spellcheck\":[4],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"rows\":[2],\"value\":[1]}]]],[\"utrecht-textbox.cjs\",[[1,\"utrecht-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"min\":[8],\"max\":[8],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}]]],[\"utrecht-digid-logo.cjs\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46.cjs\",[[1,\"utrecht-form-field-checkbox\",{\"label\":[1],\"disabled\":[516],\"checked\":[516],\"invalid\":[516],\"required\":[516],\"name\":[1],\"value\":[1]}],[1,\"utrecht-form-field-textarea\",{\"cols\":[2],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"readOnly\":[516,\"readonly\"],\"placeholder\":[1],\"required\":[516],\"rows\":[2],\"value\":[1]}],[1,\"utrecht-form-field-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"min\":[8],\"max\":[8],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}],[1,\"utrecht-alert\",{\"type\":[1]}],[1,\"utrecht-article\"],[1,\"utrecht-badge-counter\",{\"value\":[2],\"max\":[2],\"locale\":[1]}],[1,\"utrecht-badge-data\"],[1,\"utrecht-badge-list\"],[1,\"utrecht-badge-status\",{\"status\":[1]}],[1,\"utrecht-button-group\",{\"direction\":[1]}],[1,\"utrecht-button-link\",{\"appearance\":[1],\"download\":[1],\"external\":[4],\"href\":[1],\"placeholder\":[4],\"target\":[1]}],[1,\"utrecht-code\"],[1,\"utrecht-code-block\"],[1,\"utrecht-color-sample\",{\"color\":[1]}],[1,\"utrecht-document\"],[1,\"utrecht-drawer\",{\"align\":[1],\"open\":[4],\"close\":[64],\"showModal\":[64]}],[1,\"utrecht-emphasis\"],[1,\"utrecht-flex-wrap-fallback\",{\"flexTarget\":[513,\"flextarget\"],\"resizeObserver\":[32],\"contentWraps\":[32]}],[4,\"utrecht-form\",{\"action\":[1],\"autocomplete\":[1],\"enctype\":[1],\"method\":[1],\"noValidate\":[1,\"novalidate\"],\"target\":[1]}],[1,\"utrecht-heading\",{\"level\":[2]}],[1,\"utrecht-heading-1\"],[1,\"utrecht-heading-4\"],[1,\"utrecht-heading-5\"],[1,\"utrecht-heading-6\"],[1,\"utrecht-heading-group\"],[1,\"utrecht-iban-data\",{\"value\":[1]}],[1,\"utrecht-icon\"],[1,\"utrecht-link\",{\"download\":[1],\"href\":[1],\"target\":[1]}],[1,\"utrecht-link-button\",{\"disabled\":[4],\"type\":[1],\"inline\":[4],\"pressed\":[4],\"form\":[513],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1]}],[1,\"utrecht-logo\"],[1,\"utrecht-logo-image\"],[1,\"utrecht-mark\"],[1,\"utrecht-number-data\",{\"value\":[8]}],[1,\"utrecht-page\"],[1,\"utrecht-page-content\"],[1,\"utrecht-page-header\"],[1,\"utrecht-pre-heading\"],[1,\"utrecht-separator\"],[1,\"utrecht-skip-link\",{\"href\":[1]}],[1,\"utrecht-spotlight-section\",{\"appearance\":[1]}],[1,\"utrecht-url-data\"],[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"expanded\":[8],\"pressed\":[8],\"form\":[513,\"readonly\"],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1],\"type\":[1]}],[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}],[1,\"utrecht-form-field-description\",{\"status\":[513]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"utrecht-contact-card-template.cjs\",[[1,\"utrecht-contact-card-template\"]]],[\"utrecht-digid-button.cjs\",[[1,\"utrecht-digid-button\",{\"type\":[1]}]]],[\"utrecht-progress-list-item.cjs\",[[1,\"utrecht-progress-list-item\",{\"checked\":[4],\"from\":[1],\"to\":[1],\"appearance\":[1],\"details\":[4],\"_open\":[32]}]]],[\"utrecht-backdrop.cjs\",[[1,\"utrecht-backdrop\",{\"viewport\":[4]}]]],[\"utrecht-breadcrumb-nav.cjs\",[[1,\"utrecht-breadcrumb-nav\",{\"json\":[1],\"variant\":[1]}]]],[\"utrecht-checkbox.cjs\",[[1,\"utrecht-checkbox\",{\"disabled\":[516],\"readOnly\":[516,\"readonly\"],\"checked\":[4],\"value\":[1]}]]],[\"utrecht-column-layout.cjs\",[[1,\"utrecht-column-layout\",{\"rule\":[516]}]]],[\"utrecht-custom-checkbox.cjs\",[[1,\"utrecht-custom-checkbox\",{\"disabled\":[4],\"checked\":[4],\"indeterminate\":[4],\"invalid\":[4],\"required\":[4]}]]],[\"utrecht-data-list.cjs\",[[1,\"utrecht-data-list\"]]],[\"utrecht-data-list-actions.cjs\",[[1,\"utrecht-data-list-actions\"]]],[\"utrecht-data-list-item.cjs\",[[1,\"utrecht-data-list-item\"]]],[\"utrecht-data-list-key.cjs\",[[1,\"utrecht-data-list-key\"]]],[\"utrecht-data-list-value.cjs\",[[1,\"utrecht-data-list-value\"]]],[\"utrecht-eherkenning-logo.cjs\",[[1,\"utrecht-eherkenning-logo\"]]],[\"utrecht-eidas-logo.cjs\",[[1,\"utrecht-eidas-logo\"]]],[\"utrecht-form-field-error-message.cjs\",[[1,\"utrecht-form-field-error-message\"]]],[\"utrecht-form-toggle.cjs\",[[1,\"utrecht-form-toggle\",{\"disabled\":[516],\"checked\":[516]}]]],[\"utrecht-html-content.cjs\",[[4,\"utrecht-html-content\"]]],[\"utrecht-icon-afspraak-maken.cjs\",[[1,\"utrecht-icon-afspraak-maken\"]]],[\"utrecht-icon-afval.cjs\",[[1,\"utrecht-icon-afval\"]]],[\"utrecht-icon-afval-container.cjs\",[[1,\"utrecht-icon-afval-container\"]]],[\"utrecht-icon-afval-containerpas.cjs\",[[1,\"utrecht-icon-afval-containerpas\"]]],[\"utrecht-icon-afval-kalender.cjs\",[[1,\"utrecht-icon-afval-kalender\"]]],[\"utrecht-icon-afval-pmd.cjs\",[[1,\"utrecht-icon-afval-pmd\"]]],[\"utrecht-icon-afval-scheiden.cjs\",[[1,\"utrecht-icon-afval-scheiden\"]]],[\"utrecht-icon-afvalkalender.cjs\",[[1,\"utrecht-icon-afvalkalender\"]]],[\"utrecht-icon-alleen.cjs\",[[1,\"utrecht-icon-alleen\"]]],[\"utrecht-icon-arrow.cjs\",[[1,\"utrecht-icon-arrow\"]]],[\"utrecht-icon-auto.cjs\",[[1,\"utrecht-icon-auto\"]]],[\"utrecht-icon-begroting.cjs\",[[1,\"utrecht-icon-begroting\"]]],[\"utrecht-icon-bestemmingsplan.cjs\",[[1,\"utrecht-icon-bestemmingsplan\"]]],[\"utrecht-icon-betaaldatum.cjs\",[[1,\"utrecht-icon-betaaldatum\"]]],[\"utrecht-icon-bewijsstukken.cjs\",[[1,\"utrecht-icon-bewijsstukken\"]]],[\"utrecht-icon-bijstand.cjs\",[[1,\"utrecht-icon-bijstand\"]]],[\"utrecht-icon-blad.cjs\",[[1,\"utrecht-icon-blad\"]]],[\"utrecht-icon-bouwproject.cjs\",[[1,\"utrecht-icon-bouwproject\"]]],[\"utrecht-icon-brandgevaar.cjs\",[[1,\"utrecht-icon-brandgevaar\"]]],[\"utrecht-icon-brief-betalen.cjs\",[[1,\"utrecht-icon-brief-betalen\"]]],[\"utrecht-icon-checkmark.cjs\",[[1,\"utrecht-icon-checkmark\"]]],[\"utrecht-icon-chevron-down.cjs\",[[1,\"utrecht-icon-chevron-down\"]]],[\"utrecht-icon-chevron-left.cjs\",[[1,\"utrecht-icon-chevron-left\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-right.cjs\",[[1,\"utrecht-icon-chevron-right\",{\"direction\":[513]}]]],[\"utrecht-icon-chevron-up.cjs\",[[1,\"utrecht-icon-chevron-up\"]]],[\"utrecht-icon-close.cjs\",[[1,\"utrecht-icon-close\"]]],[\"utrecht-icon-college-b-w.cjs\",[[1,\"utrecht-icon-college-b-w\"]]],[\"utrecht-icon-container.cjs\",[[1,\"utrecht-icon-container\"]]],[\"utrecht-icon-container-bio.cjs\",[[1,\"utrecht-icon-container-bio\"]]],[\"utrecht-icon-container-glas.cjs\",[[1,\"utrecht-icon-container-glas\"]]],[\"utrecht-icon-container-groenafval.cjs\",[[1,\"utrecht-icon-container-groenafval\"]]],[\"utrecht-icon-container-met-zak.cjs\",[[1,\"utrecht-icon-container-met-zak\"]]],[\"utrecht-icon-container-papier.cjs\",[[1,\"utrecht-icon-container-papier\"]]],[\"utrecht-icon-container-pmd.cjs\",[[1,\"utrecht-icon-container-pmd\"]]],[\"utrecht-icon-container-restafval.cjs\",[[1,\"utrecht-icon-container-restafval\"]]],[\"utrecht-icon-container-textiel.cjs\",[[1,\"utrecht-icon-container-textiel\"]]],[\"utrecht-icon-cross.cjs\",[[1,\"utrecht-icon-cross\"]]],[\"utrecht-icon-dakloos.cjs\",[[1,\"utrecht-icon-dakloos\"]]],[\"utrecht-icon-dementie.cjs\",[[1,\"utrecht-icon-dementie\"]]],[\"utrecht-icon-documenten.cjs\",[[1,\"utrecht-icon-documenten\"]]],[\"utrecht-icon-duurzaam.cjs\",[[1,\"utrecht-icon-duurzaam\"]]],[\"utrecht-icon-eenzaamheid.cjs\",[[1,\"utrecht-icon-eenzaamheid\"]]],[\"utrecht-icon-eikenprocessie.cjs\",[[1,\"utrecht-icon-eikenprocessie\"]]],[\"utrecht-icon-elektrisch-rijden.cjs\",[[1,\"utrecht-icon-elektrisch-rijden\"]]],[\"utrecht-icon-energie-vergoeding.cjs\",[[1,\"utrecht-icon-energie-vergoeding\"]]],[\"utrecht-icon-energietransitie.cjs\",[[1,\"utrecht-icon-energietransitie\"]]],[\"utrecht-icon-error.cjs\",[[1,\"utrecht-icon-error\"]]],[\"utrecht-icon-evenementen.cjs\",[[1,\"utrecht-icon-evenementen\"]]],[\"utrecht-icon-facebook.cjs\",[[1,\"utrecht-icon-facebook\"]]],[\"utrecht-icon-fiets.cjs\",[[1,\"utrecht-icon-fiets\"]]],[\"utrecht-icon-filter.cjs\",[[1,\"utrecht-icon-filter\"]]],[\"utrecht-icon-geboorte.cjs\",[[1,\"utrecht-icon-geboorte\"]]],[\"utrecht-icon-gebruiker-centraal.cjs\",[[1,\"utrecht-icon-gebruiker-centraal\"]]],[\"utrecht-icon-gebruiker-ingelogd.cjs\",[[1,\"utrecht-icon-gebruiker-ingelogd\"]]],[\"utrecht-icon-gegevenswoordenboek.cjs\",[[1,\"utrecht-icon-gegevenswoordenboek\"]]],[\"utrecht-icon-geluid.cjs\",[[1,\"utrecht-icon-geluid\"]]],[\"utrecht-icon-gemeente-locatie.cjs\",[[1,\"utrecht-icon-gemeente-locatie\"]]],[\"utrecht-icon-gemeenteraad.cjs\",[[1,\"utrecht-icon-gemeenteraad\"]]],[\"utrecht-icon-gereedschap.cjs\",[[1,\"utrecht-icon-gereedschap\"]]],[\"utrecht-icon-gezicht.cjs\",[[1,\"utrecht-icon-gezicht\"]]],[\"utrecht-icon-gezin.cjs\",[[1,\"utrecht-icon-gezin\"]]],[\"utrecht-icon-glas-afval.cjs\",[[1,\"utrecht-icon-glas-afval\"]]],[\"utrecht-icon-glijbaan.cjs\",[[1,\"utrecht-icon-glijbaan\"]]],[\"utrecht-icon-grafiek.cjs\",[[1,\"utrecht-icon-grafiek\"]]],[\"utrecht-icon-grofvuil.cjs\",[[1,\"utrecht-icon-grofvuil\"]]],[\"utrecht-icon-grofvuil-ophalen.cjs\",[[1,\"utrecht-icon-grofvuil-ophalen\"]]],[\"utrecht-icon-hamburger-menu.cjs\",[[1,\"utrecht-icon-hamburger-menu\"]]],[\"utrecht-icon-herdenking.cjs\",[[1,\"utrecht-icon-herdenking\"]]],[\"utrecht-icon-hondenbelasting.cjs\",[[1,\"utrecht-icon-hondenbelasting\"]]],[\"utrecht-icon-horeca.cjs\",[[1,\"utrecht-icon-horeca\"]]],[\"utrecht-icon-horecavergunning.cjs\",[[1,\"utrecht-icon-horecavergunning\"]]],[\"utrecht-icon-huis.cjs\",[[1,\"utrecht-icon-huis\"]]],[\"utrecht-icon-huis-en-omgeving.cjs\",[[1,\"utrecht-icon-huis-en-omgeving\"]]],[\"utrecht-icon-huishoudelijk-geweld.cjs\",[[1,\"utrecht-icon-huishoudelijk-geweld\"]]],[\"utrecht-icon-hulp-huishouden.cjs\",[[1,\"utrecht-icon-hulp-huishouden\"]]],[\"utrecht-icon-hulp-vervoer.cjs\",[[1,\"utrecht-icon-hulp-vervoer\"]]],[\"utrecht-icon-hulp-zorg.cjs\",[[1,\"utrecht-icon-hulp-zorg\"]]],[\"utrecht-icon-hulpmiddelen-gezin.cjs\",[[1,\"utrecht-icon-hulpmiddelen-gezin\"]]],[\"utrecht-icon-hulpverlening.cjs\",[[1,\"utrecht-icon-hulpverlening\"]]],[\"utrecht-icon-idee.cjs\",[[1,\"utrecht-icon-idee\"]]],[\"utrecht-icon-informatie.cjs\",[[1,\"utrecht-icon-informatie\"]]],[\"utrecht-icon-information.cjs\",[[1,\"utrecht-icon-information\"]]],[\"utrecht-icon-innovatie.cjs\",[[1,\"utrecht-icon-innovatie\"]]],[\"utrecht-icon-inspraak-inwoners.cjs\",[[1,\"utrecht-icon-inspraak-inwoners\"]]],[\"utrecht-icon-instagram.cjs\",[[1,\"utrecht-icon-instagram\"]]],[\"utrecht-icon-kalender.cjs\",[[1,\"utrecht-icon-kalender\"]]],[\"utrecht-icon-kennis.cjs\",[[1,\"utrecht-icon-kennis\"]]],[\"utrecht-icon-kerstbomen.cjs\",[[1,\"utrecht-icon-kerstbomen\"]]],[\"utrecht-icon-klachten.cjs\",[[1,\"utrecht-icon-klachten\"]]],[\"utrecht-icon-kroon.cjs\",[[1,\"utrecht-icon-kroon\"]]],[\"utrecht-icon-laadpaal.cjs\",[[1,\"utrecht-icon-laadpaal\"]]],[\"utrecht-icon-language.cjs\",[[1,\"utrecht-icon-language\"]]],[\"utrecht-icon-lantaarnpaal.cjs\",[[1,\"utrecht-icon-lantaarnpaal\"]]],[\"utrecht-icon-lantaarnpaal-oud.cjs\",[[1,\"utrecht-icon-lantaarnpaal-oud\"]]],[\"utrecht-icon-leren.cjs\",[[1,\"utrecht-icon-leren\"]]],[\"utrecht-icon-let-op.cjs\",[[1,\"utrecht-icon-let-op\"]]],[\"utrecht-icon-linkedin.cjs\",[[1,\"utrecht-icon-linkedin\"]]],[\"utrecht-icon-list.cjs\",[[1,\"utrecht-icon-list\"]]],[\"utrecht-icon-list-check.cjs\",[[1,\"utrecht-icon-list-check\"]]],[\"utrecht-icon-list-number.cjs\",[[1,\"utrecht-icon-list-number\"]]],[\"utrecht-icon-loupe.cjs\",[[1,\"utrecht-icon-loupe\"]]],[\"utrecht-icon-markt.cjs\",[[1,\"utrecht-icon-markt\"]]],[\"utrecht-icon-melding.cjs\",[[1,\"utrecht-icon-melding\"]]],[\"utrecht-icon-melding-boom.cjs\",[[1,\"utrecht-icon-melding-boom\"]]],[\"utrecht-icon-melding-klacht.cjs\",[[1,\"utrecht-icon-melding-klacht\"]]],[\"utrecht-icon-melding-openbareruimte.cjs\",[[1,\"utrecht-icon-melding-openbareruimte\"]]],[\"utrecht-icon-melding-verlichting.cjs\",[[1,\"utrecht-icon-melding-verlichting\"]]],[\"utrecht-icon-menselijk.cjs\",[[1,\"utrecht-icon-menselijk\"]]],[\"utrecht-icon-menu-dot.cjs\",[[1,\"utrecht-icon-menu-dot\"]]],[\"utrecht-icon-menu-dot-open.cjs\",[[1,\"utrecht-icon-menu-dot-open\"]]],[\"utrecht-icon-meterkast.cjs\",[[1,\"utrecht-icon-meterkast\"]]],[\"utrecht-icon-milieu-ontheffing.cjs\",[[1,\"utrecht-icon-milieu-ontheffing\"]]],[\"utrecht-icon-milieu-zone.cjs\",[[1,\"utrecht-icon-milieu-zone\"]]],[\"utrecht-icon-minus.cjs\",[[1,\"utrecht-icon-minus\"]]],[\"utrecht-icon-minus-vertical.cjs\",[[1,\"utrecht-icon-minus-vertical\"]]],[\"utrecht-icon-mobiliteit.cjs\",[[1,\"utrecht-icon-mobiliteit\"]]],[\"utrecht-icon-natuur.cjs\",[[1,\"utrecht-icon-natuur\"]]],[\"utrecht-icon-nieuw-huis.cjs\",[[1,\"utrecht-icon-nieuw-huis\"]]],[\"utrecht-icon-nieuwsbrief.cjs\",[[1,\"utrecht-icon-nieuwsbrief\"]]],[\"utrecht-icon-nummerbord.cjs\",[[1,\"utrecht-icon-nummerbord\"]]],[\"utrecht-icon-om-het-huis.cjs\",[[1,\"utrecht-icon-om-het-huis\"]]],[\"utrecht-icon-omgeving.cjs\",[[1,\"utrecht-icon-omgeving\"]]],[\"utrecht-icon-omgevingsvisie.cjs\",[[1,\"utrecht-icon-omgevingsvisie\"]]],[\"utrecht-icon-omgevingswet.cjs\",[[1,\"utrecht-icon-omgevingswet\"]]],[\"utrecht-icon-onderhoud.cjs\",[[1,\"utrecht-icon-onderhoud\"]]],[\"utrecht-icon-ondernemen.cjs\",[[1,\"utrecht-icon-ondernemen\"]]],[\"utrecht-icon-openingstijden.cjs\",[[1,\"utrecht-icon-openingstijden\"]]],[\"utrecht-icon-over-de-stad.cjs\",[[1,\"utrecht-icon-over-de-stad\"]]],[\"utrecht-icon-overlijden.cjs\",[[1,\"utrecht-icon-overlijden\"]]],[\"utrecht-icon-panden.cjs\",[[1,\"utrecht-icon-panden\"]]],[\"utrecht-icon-park.cjs\",[[1,\"utrecht-icon-park\"]]],[\"utrecht-icon-parkeerkaart.cjs\",[[1,\"utrecht-icon-parkeerkaart\"]]],[\"utrecht-icon-parkeervergunning.cjs\",[[1,\"utrecht-icon-parkeervergunning\"]]],[\"utrecht-icon-parken.cjs\",[[1,\"utrecht-icon-parken\"]]],[\"utrecht-icon-parkeren.cjs\",[[1,\"utrecht-icon-parkeren\"]]],[\"utrecht-icon-parkeren-bedrijven.cjs\",[[1,\"utrecht-icon-parkeren-bedrijven\"]]],[\"utrecht-icon-parkeren-betaalautomaat.cjs\",[[1,\"utrecht-icon-parkeren-betaalautomaat\"]]],[\"utrecht-icon-parkeren-betalen.cjs\",[[1,\"utrecht-icon-parkeren-betalen\"]]],[\"utrecht-icon-participatie-campagne.cjs\",[[1,\"utrecht-icon-participatie-campagne\"]]],[\"utrecht-icon-participatie-like.cjs\",[[1,\"utrecht-icon-participatie-like\"]]],[\"utrecht-icon-participatie-pitch.cjs\",[[1,\"utrecht-icon-participatie-pitch\"]]],[\"utrecht-icon-paspoort.cjs\",[[1,\"utrecht-icon-paspoort\"]]],[\"utrecht-icon-presentatie.cjs\",[[1,\"utrecht-icon-presentatie\"]]],[\"utrecht-icon-prijskaartje.cjs\",[[1,\"utrecht-icon-prijskaartje\"]]],[\"utrecht-icon-read-aloud.cjs\",[[1,\"utrecht-icon-read-aloud\"]]],[\"utrecht-icon-rijbewijs.cjs\",[[1,\"utrecht-icon-rijbewijs\"]]],[\"utrecht-icon-rioolheffing.cjs\",[[1,\"utrecht-icon-rioolheffing\"]]],[\"utrecht-icon-rolstoel.cjs\",[[1,\"utrecht-icon-rolstoel\"]]],[\"utrecht-icon-schild-gemeente-utrecht.cjs\",[[1,\"utrecht-icon-schild-gemeente-utrecht\"]]],[\"utrecht-icon-search.cjs\",[[1,\"utrecht-icon-search\"]]],[\"utrecht-icon-shoppen.cjs\",[[1,\"utrecht-icon-shoppen\"]]],[\"utrecht-icon-sinterklaas.cjs\",[[1,\"utrecht-icon-sinterklaas\"]]],[\"utrecht-icon-slechtziende-hoordende.cjs\",[[1,\"utrecht-icon-slechtziende-hoordende\"]]],[\"utrecht-icon-sport.cjs\",[[1,\"utrecht-icon-sport\"]]],[\"utrecht-icon-sport-en-cultuur.cjs\",[[1,\"utrecht-icon-sport-en-cultuur\"]]],[\"utrecht-icon-sport-voetbal.cjs\",[[1,\"utrecht-icon-sport-voetbal\"]]],[\"utrecht-icon-stookverbod.cjs\",[[1,\"utrecht-icon-stookverbod\"]]],[\"utrecht-icon-strand.cjs\",[[1,\"utrecht-icon-strand\"]]],[\"utrecht-icon-strooien.cjs\",[[1,\"utrecht-icon-strooien\"]]],[\"utrecht-icon-subsidie.cjs\",[[1,\"utrecht-icon-subsidie\"]]],[\"utrecht-icon-subsidie-gezin.cjs\",[[1,\"utrecht-icon-subsidie-gezin\"]]],[\"utrecht-icon-t-shirt.cjs\",[[1,\"utrecht-icon-t-shirt\"]]],[\"utrecht-icon-thuiswerken.cjs\",[[1,\"utrecht-icon-thuiswerken\"]]],[\"utrecht-icon-toeslag.cjs\",[[1,\"utrecht-icon-toeslag\"]]],[\"utrecht-icon-trein.cjs\",[[1,\"utrecht-icon-trein\"]]],[\"utrecht-icon-trouwen.cjs\",[[1,\"utrecht-icon-trouwen\"]]],[\"utrecht-icon-twitter.cjs\",[[1,\"utrecht-icon-twitter\"]]],[\"utrecht-icon-user.cjs\",[[1,\"utrecht-icon-user\"]]],[\"utrecht-icon-uw-wijk.cjs\",[[1,\"utrecht-icon-uw-wijk\"]]],[\"utrecht-icon-vaccinatie.cjs\",[[1,\"utrecht-icon-vaccinatie\"]]],[\"utrecht-icon-veilige-wijk.cjs\",[[1,\"utrecht-icon-veilige-wijk\"]]],[\"utrecht-icon-vergaderen.cjs\",[[1,\"utrecht-icon-vergaderen\"]]],[\"utrecht-icon-vergaderendigitaal.cjs\",[[1,\"utrecht-icon-vergaderendigitaal\"]]],[\"utrecht-icon-vergoeding.cjs\",[[1,\"utrecht-icon-vergoeding\"]]],[\"utrecht-icon-verhuizen.cjs\",[[1,\"utrecht-icon-verhuizen\"]]],[\"utrecht-icon-verkeerslicht.cjs\",[[1,\"utrecht-icon-verkeerslicht\"]]],[\"utrecht-icon-verkiezingen.cjs\",[[1,\"utrecht-icon-verkiezingen\"]]],[\"utrecht-icon-verslaving.cjs\",[[1,\"utrecht-icon-verslaving\"]]],[\"utrecht-icon-vervoersvoorziening.cjs\",[[1,\"utrecht-icon-vervoersvoorziening\"]]],[\"utrecht-icon-virus.cjs\",[[1,\"utrecht-icon-virus\"]]],[\"utrecht-icon-vluchtelingen.cjs\",[[1,\"utrecht-icon-vluchtelingen\"]]],[\"utrecht-icon-voorzieningen-vervoer.cjs\",[[1,\"utrecht-icon-voorzieningen-vervoer\"]]],[\"utrecht-icon-vrijwilligerswerk.cjs\",[[1,\"utrecht-icon-vrijwilligerswerk\"]]],[\"utrecht-icon-vuilnisbak.cjs\",[[1,\"utrecht-icon-vuilnisbak\"]]],[\"utrecht-icon-vuilniszak.cjs\",[[1,\"utrecht-icon-vuilniszak\"]]],[\"utrecht-icon-vuurwerk.cjs\",[[1,\"utrecht-icon-vuurwerk\"]]],[\"utrecht-icon-wandelstok.cjs\",[[1,\"utrecht-icon-wandelstok\"]]],[\"utrecht-icon-warm.cjs\",[[1,\"utrecht-icon-warm\"]]],[\"utrecht-icon-warning.cjs\",[[1,\"utrecht-icon-warning\"]]],[\"utrecht-icon-werken.cjs\",[[1,\"utrecht-icon-werken\"]]],[\"utrecht-icon-werkzaamheden.cjs\",[[1,\"utrecht-icon-werkzaamheden\"]]],[\"utrecht-icon-whatsapp.cjs\",[[1,\"utrecht-icon-whatsapp\"]]],[\"utrecht-icon-wonen-kosten.cjs\",[[1,\"utrecht-icon-wonen-kosten\"]]],[\"utrecht-icon-woning-zoeken.cjs\",[[1,\"utrecht-icon-woning-zoeken\"]]],[\"utrecht-icon-x.cjs\",[[1,\"utrecht-icon-x\"]]],[\"utrecht-icon-youtube.cjs\",[[1,\"utrecht-icon-youtube\"]]],[\"utrecht-icon-zelfstandig-wonen.cjs\",[[1,\"utrecht-icon-zelfstandig-wonen\"]]],[\"utrecht-icon-zoom-minus.cjs\",[[1,\"utrecht-icon-zoom-minus\"]]],[\"utrecht-icon-zoom-plus.cjs\",[[1,\"utrecht-icon-zoom-plus\"]]],[\"utrecht-icon-zoomin.cjs\",[[1,\"utrecht-icon-zoomin\"]]],[\"utrecht-icon-zoomout.cjs\",[[1,\"utrecht-icon-zoomout\"]]],[\"utrecht-icon-zorg-huis.cjs\",[[1,\"utrecht-icon-zorg-huis\"]]],[\"utrecht-icon-zweefpaal.cjs\",[[1,\"utrecht-icon-zweefpaal\"]]],[\"utrecht-icon-zwemmen.cjs\",[[1,\"utrecht-icon-zwemmen\"]]],[\"utrecht-logo-button.cjs\",[[1,\"utrecht-logo-button\"]]],[\"utrecht-map-marker.cjs\",[[1,\"utrecht-map-marker\"]]],[\"utrecht-multiline-data.cjs\",[[1,\"utrecht-multiline-data\"]]],[\"utrecht-number-badge.cjs\",[[1,\"utrecht-number-badge\",{\"value\":[2],\"max\":[2],\"locale\":[1]}]]],[\"utrecht-page-footer.cjs\",[[1,\"utrecht-page-footer\"]]],[\"utrecht-pagination.cjs\",[[1,\"utrecht-pagination\",{\"links\":[1],\"next\":[1],\"prev\":[1],\"currentIndex\":[2,\"current-index\"]}]]],[\"utrecht-progress-list.cjs\",[[1,\"utrecht-progress-list\"]]],[\"utrecht-progress-sublist-item.cjs\",[[1,\"utrecht-progress-sublist-item\",{\"appearance\":[1],\"checked\":[4]}]]],[\"utrecht-sidenav.cjs\",[[1,\"utrecht-sidenav\",{\"json\":[1]}]]],[\"utrecht-surface.cjs\",[[1,\"utrecht-surface\"]]],[\"utrecht-table.cjs\",[[1,\"utrecht-table\"]]],[\"utrecht-table-body.cjs\",[[1,\"utrecht-table-body\"]]],[\"utrecht-table-caption.cjs\",[[1,\"utrecht-table-caption\"]]],[\"utrecht-table-cell.cjs\",[[1,\"utrecht-table-cell\"]]],[\"utrecht-table-footer.cjs\",[[1,\"utrecht-table-footer\"]]],[\"utrecht-table-header.cjs\",[[1,\"utrecht-table-header\"]]],[\"utrecht-table-header-cell.cjs\",[[1,\"utrecht-table-header-cell\",{\"scope\":[1]}]]],[\"utrecht-table-row.cjs\",[[1,\"utrecht-table-row\"]]],[\"utrecht-textarea.cjs\",[[1,\"utrecht-textarea\",{\"autocomplete\":[1],\"cols\":[2],\"spellcheck\":[4],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"rows\":[2],\"value\":[1]}]]],[\"utrecht-textbox.cjs\",[[1,\"utrecht-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"min\":[8],\"max\":[8],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}]]],[\"utrecht-digid-logo.cjs\",[[1,\"utrecht-digid-logo\"]]],[\"utrecht-alert_46.cjs\",[[1,\"utrecht-form-field-checkbox\",{\"label\":[1],\"disabled\":[516],\"checked\":[516],\"invalid\":[516],\"required\":[516],\"name\":[1],\"value\":[1]}],[1,\"utrecht-form-field-textarea\",{\"cols\":[2],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"readOnly\":[516,\"readonly\"],\"placeholder\":[1],\"required\":[516],\"rows\":[2],\"value\":[1]}],[1,\"utrecht-form-field-textbox\",{\"autoComplete\":[513,\"autocomplete\"],\"disabled\":[516],\"invalid\":[516],\"label\":[1],\"min\":[8],\"max\":[8],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readOnly\":[516,\"readonly\"],\"required\":[516],\"type\":[513],\"value\":[1]}],[1,\"utrecht-alert\",{\"type\":[1]}],[1,\"utrecht-article\"],[1,\"utrecht-badge-counter\",{\"value\":[2],\"max\":[2],\"locale\":[1]}],[1,\"utrecht-badge-data\"],[1,\"utrecht-badge-list\"],[1,\"utrecht-badge-status\",{\"status\":[1]}],[1,\"utrecht-button-group\",{\"direction\":[1]}],[1,\"utrecht-button-link\",{\"appearance\":[1],\"download\":[1],\"external\":[4],\"href\":[1],\"placeholder\":[4],\"target\":[1]}],[1,\"utrecht-code\"],[1,\"utrecht-code-block\"],[1,\"utrecht-color-sample\",{\"color\":[1]}],[1,\"utrecht-document\"],[1,\"utrecht-drawer\",{\"align\":[1],\"open\":[4],\"close\":[64],\"showModal\":[64]}],[1,\"utrecht-emphasis\"],[1,\"utrecht-flex-wrap-fallback\",{\"flexTarget\":[513,\"flextarget\"],\"resizeObserver\":[32],\"contentWraps\":[32]}],[4,\"utrecht-form\",{\"action\":[1],\"autocomplete\":[1],\"enctype\":[1],\"method\":[1],\"noValidate\":[1,\"novalidate\"],\"target\":[1]}],[1,\"utrecht-heading\",{\"level\":[2]}],[1,\"utrecht-heading-1\"],[1,\"utrecht-heading-4\"],[1,\"utrecht-heading-5\"],[1,\"utrecht-heading-6\"],[1,\"utrecht-heading-group\"],[1,\"utrecht-iban-data\",{\"value\":[1]}],[1,\"utrecht-icon\"],[1,\"utrecht-link\",{\"download\":[1],\"href\":[1],\"target\":[1]}],[1,\"utrecht-link-button\",{\"disabled\":[4],\"type\":[1],\"inline\":[4],\"pressed\":[4],\"form\":[513],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1]}],[1,\"utrecht-logo\"],[1,\"utrecht-logo-image\"],[1,\"utrecht-mark\"],[1,\"utrecht-number-data\",{\"value\":[8]}],[1,\"utrecht-page\"],[1,\"utrecht-page-content\"],[1,\"utrecht-page-header\"],[1,\"utrecht-pre-heading\"],[1,\"utrecht-separator\"],[1,\"utrecht-skip-link\",{\"href\":[1]}],[1,\"utrecht-spotlight-section\",{\"appearance\":[1]}],[1,\"utrecht-url-data\"],[1,\"utrecht-button\",{\"appearance\":[1],\"busy\":[4],\"disabled\":[4],\"expanded\":[8],\"pressed\":[8],\"form\":[513,\"readonly\"],\"formAction\":[513,\"formaction\"],\"formEnctype\":[513,\"formenctype\"],\"formMethod\":[513,\"formmethod\"],\"formNoValidate\":[516,\"formnovalidate\"],\"formTarget\":[513,\"formtarget\"],\"popoverTarget\":[513,\"popovertarget\"],\"popoverTargetAction\":[513,\"popovertargetaction\"],\"name\":[1],\"value\":[1],\"type\":[1]}],[1,\"utrecht-heading-2\"],[1,\"utrecht-heading-3\"],[1,\"utrecht-paragraph\",{\"lead\":[4]}],[1,\"utrecht-form-field-description\",{\"status\":[513]}]]]]"), options);
 });
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -57,6 +57,7 @@
     "components/map-marker.js",
     "components/mark.js",
     "components/multiline-data.js",
+    "components/number-badge.js",
     "components/number-data.js",
     "components/page-content.js",
     "components/page-footer.js",

package/dist/collection/components/badge-list.css CHANGED Viewed

@@ -14,9 +14,10 @@
  * Copyright (c) 2020-2022 Frameless B.V.
  */
 .utrecht-badge-list {
+  column-gap: var(--utrecht-badge-list-column-gap);
   display: flex;
   flex-wrap: wrap;
-  gap: var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline);
+  row-gap: var(--utrecht-badge-list-row-gap);
 }
 :host {

package/dist/collection/components/breadcrumb-nav.css CHANGED Viewed

@@ -15,6 +15,14 @@
   --utrecht-focus-background-color: var(--utrecht-breadcrumb-nav-link-focus-background-color);
   --utrecht-link-background-color: var(--utrecht-breadcrumb-nav-link-background-color);
   --utrecht-link-text-decoration: var(--utrecht-breadcrumb-nav-link-text-decoration);
+  --utrecht-link-active-color: var(
+    --utrecht-breadcrumb-nav-link-active-color,
+    var(--utrecht-breadcrumb-nav-link-color)
+  );
+  --utrecht-link-active-text-decoration: var(
+    --utrecht-breadcrumb-nav-link-focus-text-decoration,
+    var(--utrecht-breadcrumb-nav-link-text-decoration)
+  );
   --utrecht-link-focus-color: var(--utrecht-breadcrumb-nav-link-focus-color, var(--utrecht-breadcrumb-nav-link-color));
   --utrecht-link-focus-text-decoration: var(
     --utrecht-breadcrumb-nav-link-focus-text-decoration,
@@ -31,6 +39,7 @@
   --utrecht-link-placeholder-color: var(--utrecht-link-breadcrumb-link-disabled-color);
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-breadcrumb-nav-font-size);
+  line-height: var(--utrecht-breadcrumb-nav-line-height);
   text-transform: var(--utrecht-document-text-transform, inherit);
 }
@@ -287,16 +296,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-underline-offset: var(--utrecht-link-text-underline-offset);
 }
-.utrecht-link--icon-left {
-  background-image: var(--utrecht-link-icon-left-background-image, none);
-  background-position: 0 0.25em;
-  background-repeat: no-repeat;
-  color: var(--utrecht-link-color, LinkText);
-  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
-  padding-inline-start: var(--utrecht-space-block-md);
-  text-decoration-line: none;
-}
 .utrecht-link--visited {
   --_utrecht-link-forced-colors-color: visitedtext;
   --_utrecht-link-state-color: var(--utrecht-link-visited-color);
@@ -315,8 +314,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-link--focus {
   --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
   background-color: var(--utrecht-link-focus-background-color, transparent);
   text-decoration-skip: none;
   text-decoration-skip-ink: none;
@@ -338,18 +335,26 @@ however browsers don't seem to have implemented great looking supixel tweening y
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  /*
+   * The following tokens are deprecated, but we keep them for backwards compatibility for now:
+   *
+   * `--utrecht-link-focus-text-decoration`
+   * `--utrecht-link-focus-text-decoration-thickness`
+   */
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
-/* `:focus` should only apply to links with `href`, not on disabled links */
-.utrecht-link--html-span:focus,
-.utrecht-link--html-a:any-link:focus {
-  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
-  background-color: var(--utrecht-link-focus-background-color, transparent);
-  text-decoration-skip: none;
-  text-decoration-skip-ink: none;
+/* The `:focus-visible` styling for the focus should apply disabled links too, in case of `tabindex="0"` */
+.utrecht-link--html-span:focus-visible,
+.utrecht-link--html-a:focus-visible {
   /*
    * WCAG SC 2.4.12: Focus Not Obscured
    * Use `z-index` to ensure the focus ring is stacked above adjecent elements with a `background`
@@ -365,14 +370,30 @@ however browsers don't seem to have implemented great looking supixel tweening y
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  /*
+   * The following tokens are deprecated, but we keep them for backwards compatibility for now:
+   *
+   * `--utrecht-link-focus-text-decoration`
+   * `--utrecht-link-focus-text-decoration-thickness`
+   */
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
-.utrecht-link--html-span:focus:not(:focus-visible),
-.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
+/* `:focus` should only apply to links with `href`, not on disabled links */
+.utrecht-link--html-span:focus,
+.utrecht-link--html-a:any-link:focus {
+  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
+  background-color: var(--utrecht-link-focus-background-color, transparent);
+  text-decoration-skip: none;
+  text-decoration-skip-ink: none;
 }
 .utrecht-link--html-span:active,

package/dist/collection/components/button-link.css CHANGED Viewed

@@ -19,6 +19,7 @@
  * Copyright (c) 2021 Robbert Broersma
  */
 /* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
@@ -35,6 +36,7 @@
  * Copyright (c) 2021 Robbert Broersma
  */
 /* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
 .utrecht-button-link {
   /*
   `--_utrecht-button-hint` is the internal prefix for the applied optional hint, it is not an API.
@@ -249,12 +251,12 @@
   border-width: var(--_utrecht-button-border-width);
   box-sizing: border-box;
   color: var(--_utrecht-button-color);
+  column-gap: var(--utrecht-button-column-gap);
   cursor: var(--utrecht-action-activate-cursor, revert);
   display: inline-flex;
-  font-family: var(--_utrecht-button-font-family, var(--utrecht-document-font-family));
+  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
   font-size: var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
   font-weight: var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));
-  gap: var(--utrecht-button-icon-gap);
   inline-size: var(--utrecht-button-inline-size, auto);
   justify-content: center;
   line-height: var(--_utrecht-button-line-height);

package/dist/collection/components/button.css CHANGED Viewed

@@ -24,6 +24,7 @@
  * Copyright (c) 2021 Robbert Broersma
  */
 /* stylelint-disable-next-line block-no-empty */
+/* stylelint-disable-next-line block-no-empty */
 .utrecht-button {
   /*
   `--_utrecht-button-hint` is the internal prefix for the applied optional hint, it is not an API.
@@ -238,12 +239,12 @@
   border-width: var(--_utrecht-button-border-width);
   box-sizing: border-box;
   color: var(--_utrecht-button-color);
+  column-gap: var(--utrecht-button-column-gap);
   cursor: var(--utrecht-action-activate-cursor, revert);
   display: inline-flex;
-  font-family: var(--_utrecht-button-font-family, var(--utrecht-document-font-family));
+  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
   font-size: var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
   font-weight: var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));
-  gap: var(--utrecht-button-icon-gap);
   inline-size: var(--utrecht-button-inline-size, auto);
   justify-content: center;
   line-height: var(--_utrecht-button-line-height);
@@ -328,9 +329,8 @@
   scale: var(--utrecht-button-focus-scale, 1);
 }
-.utrecht-button:focus {
-  /* Show focus ring even for disabled :focus-visible buttons. *
-  /* For example: <button disabled tabindex="0"> */
+.utrecht-button:focus-visible {
+  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
    *   can combine it with the focus ring box shadow.
@@ -349,26 +349,6 @@
   border-color: var(--_utrecht-button-focus-border-color);
   color: var(--_utrecht-button-focus-color);
   scale: var(--utrecht-button-focus-scale, 1);
-  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
-  /* - The browser default focus ring should apply when these CSS custom properties are not set.
-   * - Make the `box-shadow` value available, so components that have their own `box-shadow`
-   *   can combine it with the focus ring box shadow.
-   */
-  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);
-  box-shadow: var(--_utrecht-focus-ring-box-shadow);
-  outline-color: var(--utrecht-focus-outline-color, revert);
-  outline-offset: var(--utrecht-focus-outline-offset, revert);
-  outline-style: var(--utrecht-focus-outline-style, revert);
-  outline-width: var(--utrecht-focus-outline-width, revert);
-}
-/* override the `:focus` selector above */
-/* stylelint-disable-next-line no-descending-specificity */
-.utrecht-button:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
 }
 .utrecht-button--hover:not(:disabled, .utrecht-button--disabled),

package/dist/collection/components/button.js CHANGED Viewed

@@ -93,7 +93,7 @@ export class Button {
             button.style.display = 'none';
             button.value = value || '';
         }
-        return (h("button", { key: 'e78d33b1dafbbddba31342770dbc0216408e2131', class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', pressed && 'utrecht-button--pressed', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, "aria-expanded": typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null, "aria-pressed": typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '1efafdc1e4e1d3cdf19f2d9aff19f78d3d076f52' })));
+        return (h("button", { key: 'e78d33b1dafbbddba31342770dbc0216408e2131', class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', pressed && 'utrecht-button--pressed', this.type === 'submit' && 'utrecht-button--submit', this.appearance === 'primary-action-button' && 'utrecht-button--primary-action', this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', this.appearance === 'subtle-button' && 'utrecht-button--subtle'), "aria-busy": this.busy ? 'true' : null, "aria-expanded": typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null, "aria-pressed": typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", { key: '603c44d0ebe954a46fdb88ad6b03def6c793a752', name: "icon" }), h("span", { key: 'ba4564d335913d09b8bd68ca95dc593c8b17eb7f', class: "utrecht-button__label" }, h("slot", { key: '67fcc424d483f18177eb7ec90ca9a57e957dd070' }))));
     }
     static get is() { return "utrecht-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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~~CACN~~,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-button',\n styleUrl: 'button.scss',\n shadow: true,\n})\nexport class Button {\n @Prop() appearance: string;\n @Prop() busy: boolean;\n @Prop() disabled: boolean;\n @Prop() expanded: boolean \| string \| 'false' \| 'true';\n @Prop() pressed: boolean \| string \| 'false' \| 'true';\n @Prop({ attribute: 'readonly', reflect: true }) form: string;\n @Prop({ attribute: 'formaction', reflect: true }) formAction: string;\n @Prop({ attribute: 'formenctype', reflect: true }) formEnctype: string;\n @Prop({ attribute: 'formmethod', reflect: true }) formMethod: string;\n @Prop({ attribute: 'formnovalidate', reflect: true }) formNoValidate: boolean;\n @Prop({ attribute: 'formtarget', reflect: true }) formTarget: string;\n @Prop({ attribute: 'popovertarget', reflect: true }) popoverTarget: string;\n @Prop({ attribute: 'popovertargetaction', reflect: true }) popoverTargetAction: string;\n @Prop() name: string;\n @Prop() value: string;\n @Event({ cancelable: true }) utrechtRequestReset: EventEmitter;\n @Event({ cancelable: true }) utrechtRequestSubmit: EventEmitter;\n @Element() hostElement: HTMLElement;\n @Prop() type: string;\n\n render() {\n const handleReset = () => {\n const event = this.utrechtRequestReset.emit();\n if (!event.defaultPrevented) {\n this.hostElement?.closest('form')?.reset();\n }\n };\n\n const handleSubmit = () => {\n const event = this.utrechtRequestSubmit.emit();\n if (!event.defaultPrevented) {\n this.hostElement?.closest('form')?.requestSubmit();\n }\n };\n\n const handleClick = () => {\n if (this.type === 'reset') {\n handleReset();\n } else if (this.type === 'submit') {\n handleSubmit();\n } else {\n const button = this.hostElement.querySelector('button[hidden]') as HTMLButtonElement \| null;\n if (button) {\n button.click();\n }\n }\n };\n\n const {\n hostElement,\n expanded,\n pressed,\n name,\n value,\n form,\n formAction,\n formEnctype,\n formTarget,\n formNoValidate,\n formMethod,\n popoverTargetAction,\n popoverTarget,\n type,\n } = this;\n\n let button = hostElement.querySelector('button[hidden]') as HTMLButtonElement \| null;\n\n const needsButton = !!(\n name \|\|\n form \|\|\n formTarget \|\|\n formEnctype \|\|\n formMethod \|\|\n formNoValidate \|\|\n popoverTarget \|\|\n popoverTargetAction \|\|\n type === 'submit'\n );\n if (button && !needsButton) {\n button.parentNode.removeChild(button);\n }\n\n if (!button && needsButton) {\n button = hostElement.ownerDocument.createElement('button');\n button.hidden = true;\n button.tabIndex = -1;\n button.ariaHidden = 'true';\n hostElement.appendChild(button);\n }\n\n const setAttribute = (el: HTMLElement, name: string, value?: string \| null) => {\n if (typeof value === 'string') {\n el.setAttribute(name, value);\n } else {\n el.removeAttribute(name);\n }\n };\n\n if (button) {\n setAttribute(button, 'name', name);\n setAttribute(button, 'type', type);\n setAttribute(button, 'form', form);\n setAttribute(button, 'formaction', formAction);\n setAttribute(button, 'form', form);\n setAttribute(button, 'formtarget', formTarget);\n setAttribute(button, 'formenctype', formEnctype);\n setAttribute(button, 'formmethod', formMethod);\n setAttribute(button, 'formnovalidate', formNoValidate ? '' : null);\n setAttribute(button, 'popovertargetaction', popoverTargetAction);\n setAttribute(button, 'popovertarget', popoverTarget);\n setAttribute(button, 'type', type);\n button.style.display = 'none';\n button.value = value \|\| '';\n }\n\n return (\n <button\n class={clsx(\n 'utrecht-button',\n this.busy && 'utrecht-button--busy',\n this.disabled && 'utrecht-button--disabled',\n pressed && 'utrecht-button--pressed',\n this.type === 'submit' && 'utrecht-button--submit',\n this.appearance === 'primary-action-button' && 'utrecht-button--primary-action',\n this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action',\n this.appearance === 'subtle-button' && 'utrecht-button--subtle',\n )}\n aria-busy={this.busy ? 'true' : null}\n aria-expanded={\n typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null\n }\n aria-pressed={\n typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null\n }\n disabled={this.disabled}\n type={this.type \|\| 'button'}\n onClick={handleClick}\n >\n <slot></slot>\n </button>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-button',\n styleUrl: 'button.scss',\n shadow: true,\n})\nexport class Button {\n @Prop() appearance: string;\n @Prop() busy: boolean;\n @Prop() disabled: boolean;\n @Prop() expanded: boolean \| string \| 'false' \| 'true';\n @Prop() pressed: boolean \| string \| 'false' \| 'true';\n @Prop({ attribute: 'readonly', reflect: true }) form: string;\n @Prop({ attribute: 'formaction', reflect: true }) formAction: string;\n @Prop({ attribute: 'formenctype', reflect: true }) formEnctype: string;\n @Prop({ attribute: 'formmethod', reflect: true }) formMethod: string;\n @Prop({ attribute: 'formnovalidate', reflect: true }) formNoValidate: boolean;\n @Prop({ attribute: 'formtarget', reflect: true }) formTarget: string;\n @Prop({ attribute: 'popovertarget', reflect: true }) popoverTarget: string;\n @Prop({ attribute: 'popovertargetaction', reflect: true }) popoverTargetAction: string;\n @Prop() name: string;\n @Prop() value: string;\n @Event({ cancelable: true }) utrechtRequestReset: EventEmitter;\n @Event({ cancelable: true }) utrechtRequestSubmit: EventEmitter;\n @Element() hostElement: HTMLElement;\n @Prop() type: string;\n\n render() {\n const handleReset = () => {\n const event = this.utrechtRequestReset.emit();\n if (!event.defaultPrevented) {\n this.hostElement?.closest('form')?.reset();\n }\n };\n\n const handleSubmit = () => {\n const event = this.utrechtRequestSubmit.emit();\n if (!event.defaultPrevented) {\n this.hostElement?.closest('form')?.requestSubmit();\n }\n };\n\n const handleClick = () => {\n if (this.type === 'reset') {\n handleReset();\n } else if (this.type === 'submit') {\n handleSubmit();\n } else {\n const button = this.hostElement.querySelector('button[hidden]') as HTMLButtonElement \| null;\n if (button) {\n button.click();\n }\n }\n };\n\n const {\n hostElement,\n expanded,\n pressed,\n name,\n value,\n form,\n formAction,\n formEnctype,\n formTarget,\n formNoValidate,\n formMethod,\n popoverTargetAction,\n popoverTarget,\n type,\n } = this;\n\n let button = hostElement.querySelector('button[hidden]') as HTMLButtonElement \| null;\n\n const needsButton = !!(\n name \|\|\n form \|\|\n formTarget \|\|\n formEnctype \|\|\n formMethod \|\|\n formNoValidate \|\|\n popoverTarget \|\|\n popoverTargetAction \|\|\n type === 'submit'\n );\n if (button && !needsButton) {\n button.parentNode.removeChild(button);\n }\n\n if (!button && needsButton) {\n button = hostElement.ownerDocument.createElement('button');\n button.hidden = true;\n button.tabIndex = -1;\n button.ariaHidden = 'true';\n hostElement.appendChild(button);\n }\n\n const setAttribute = (el: HTMLElement, name: string, value?: string \| null) => {\n if (typeof value === 'string') {\n el.setAttribute(name, value);\n } else {\n el.removeAttribute(name);\n }\n };\n\n if (button) {\n setAttribute(button, 'name', name);\n setAttribute(button, 'type', type);\n setAttribute(button, 'form', form);\n setAttribute(button, 'formaction', formAction);\n setAttribute(button, 'form', form);\n setAttribute(button, 'formtarget', formTarget);\n setAttribute(button, 'formenctype', formEnctype);\n setAttribute(button, 'formmethod', formMethod);\n setAttribute(button, 'formnovalidate', formNoValidate ? '' : null);\n setAttribute(button, 'popovertargetaction', popoverTargetAction);\n setAttribute(button, 'popovertarget', popoverTarget);\n setAttribute(button, 'type', type);\n button.style.display = 'none';\n button.value = value \|\| '';\n }\n\n return (\n <button\n class={clsx(\n 'utrecht-button',\n this.busy && 'utrecht-button--busy',\n this.disabled && 'utrecht-button--disabled',\n pressed && 'utrecht-button--pressed',\n this.type === 'submit' && 'utrecht-button--submit',\n this.appearance === 'primary-action-button' && 'utrecht-button--primary-action',\n this.appearance === 'secondary-action-button' && 'utrecht-button--secondary-action',\n this.appearance === 'subtle-button' && 'utrecht-button--subtle',\n )}\n aria-busy={this.busy ? 'true' : null}\n aria-expanded={\n typeof this.expanded === 'boolean' ? String(expanded) : typeof expanded === 'string' ? expanded : null\n }\n aria-pressed={\n typeof this.pressed === 'boolean' ? String(pressed) : typeof pressed === 'string' ? pressed : null\n }\n disabled={this.disabled}\n type={this.type \|\| 'button'}\n onClick={handleClick}\n >\n <slot name=\"icon\"></slot>\n <span class=\"utrecht-button__label\">\n <slot></slot>\n </span>\n </button>\n );\n }\n}\n"]}

package/dist/collection/components/checkbox.css CHANGED Viewed

@@ -55,7 +55,7 @@
 .utrecht-checkbox--html-input:disabled {
   cursor: var(--utrecht-action-disabled-cursor, revert);
 }
-.utrecht-checkbox--html-input:focus {
+.utrecht-checkbox--html-input :focus-visible {
   /* - The browser default focus ring should apply when these CSS custom properties are not set.
    * - Make the `box-shadow` value available, so components that have their own `box-shadow`
    *   can combine it with the focus ring box shadow.
@@ -68,11 +68,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-checkbox--html-input:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
-}
 :host {
   display: block;

package/dist/collection/components/checkbox.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class Checkbox {
     }
     render() {
         const { checked, disabled, value } = this;
-        return (h("input", { key: '158e1cbb8e92b9d853fe8a450f4b66e0de601e11', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
+        return (h("input", { key: '0c2f28068acfea29dbf802d9eb457e6de02755b8', class: clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
                 this.checked = evt.target.checked;
                 this.utrechtInput.emit(evt);
             } }));

package/dist/collection/components/code-block.js CHANGED Viewed

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class CodeBlock {
     render() {
-        return (h("pre", { key: 'e89f809b627d423556f89c6e57edeec35b04e9eb', class: "utrecht-code-block" }, h("slot", { key: 'c793059638068858d5d02e5a57c2975cf09a09ee' })));
+        return (h("pre", { key: '7e92ea080864495c912eb0315f917927deac67e7', class: "utrecht-code-block" }, h("slot", { key: '89d5a06c36c5084d7d7877d0223ed3d2e33dfdb3' })));
     }
     static get is() { return "utrecht-code-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/code.js CHANGED Viewed

@@ -6,7 +6,7 @@
 import { h } from "@stencil/core";
 export class Code {
     render() {
-        return (h("code", { key: '84962fdea5f2b563196295dc6b24529359ab3666', class: "utrecht-code" }, h("slot", { key: '1ac8c25a7d20b505eeafbbc3b1eea51c489e692d' })));
+        return (h("code", { key: '0f32464d706df14e7722ec8de05d26d46fd90cfe', class: "utrecht-code" }, h("slot", { key: 'd39a008057bcc4509ad32d6b76f0dce3ba4eb16a' })));
     }
     static get is() { return "utrecht-code"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/color-sample.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class ColorSample {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '92b4c5bb77854043d02f0967817660762c92e6f0', style: { color: this.color } }, h("data", { key: 'c53f9a922b4a7246e18e58ab0e581731e6d97461', value: this.color }, h("slot", { key: 'b7c3499e66249019ea59933a7ded709990db459f' }))));
+        return (h(Host, { key: 'e64fe08bd1400741e85bf242ae5364df238ba6ca', style: { color: this.color } }, h("data", { key: '1c6c495de85cb45424a7d9e23f0cd6a2842bbb3f', value: this.color }, h("slot", { key: 'df1c432a9c73d968efdd406e2fdaa4a9b4979acf' }))));
     }
     static get is() { return "utrecht-color-sample"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/column-layout.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class ColumnLayout {
         this.rule = false;
     }
     render() {
-        return h("slot", { key: '3c7303a54624fe137e2624fa0619c14545ced78e' });
+        return h("slot", { key: 'fa064a352436439efd0e7464080a72885657b031' });
     }
     static get is() { return "utrecht-column-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/contact-card-template.css CHANGED Viewed

@@ -110,16 +110,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
   text-underline-offset: var(--utrecht-link-text-underline-offset);
 }
-.utrecht-link--icon-left {
-  background-image: var(--utrecht-link-icon-left-background-image, none);
-  background-position: 0 0.25em;
-  background-repeat: no-repeat;
-  color: var(--utrecht-link-color, LinkText);
-  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
-  padding-inline-start: var(--utrecht-space-block-md);
-  text-decoration-line: none;
-}
 .utrecht-link--visited {
   --_utrecht-link-forced-colors-color: visitedtext;
   --_utrecht-link-state-color: var(--utrecht-link-visited-color);
@@ -138,8 +128,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
 .utrecht-link--focus {
   --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
   background-color: var(--utrecht-link-focus-background-color, transparent);
   text-decoration-skip: none;
   text-decoration-skip-ink: none;
@@ -161,18 +149,26 @@ however browsers don't seem to have implemented great looking supixel tweening y
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  /*
+   * The following tokens are deprecated, but we keep them for backwards compatibility for now:
+   *
+   * `--utrecht-link-focus-text-decoration`
+   * `--utrecht-link-focus-text-decoration-thickness`
+   */
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
-/* `:focus` should only apply to links with `href`, not on disabled links */
-.utrecht-link--html-span:focus,
-.utrecht-link--html-a:any-link:focus {
-  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
-  background-color: var(--utrecht-link-focus-background-color, transparent);
-  text-decoration-skip: none;
-  text-decoration-skip-ink: none;
+/* The `:focus-visible` styling for the focus should apply disabled links too, in case of `tabindex="0"` */
+.utrecht-link--html-span:focus-visible,
+.utrecht-link--html-a:focus-visible {
   /*
    * WCAG SC 2.4.12: Focus Not Obscured
    * Use `z-index` to ensure the focus ring is stacked above adjecent elements with a `background`
@@ -188,14 +184,30 @@ however browsers don't seem to have implemented great looking supixel tweening y
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  /*
+   * The following tokens are deprecated, but we keep them for backwards compatibility for now:
+   *
+   * `--utrecht-link-focus-text-decoration`
+   * `--utrecht-link-focus-text-decoration-thickness`
+   */
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
-.utrecht-link--html-span:focus:not(:focus-visible),
-.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
-  /* undo focus ring */
-  box-shadow: none;
-  outline-style: revert;
+/* `:focus` should only apply to links with `href`, not on disabled links */
+.utrecht-link--html-span:focus,
+.utrecht-link--html-a:any-link:focus {
+  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
+  background-color: var(--utrecht-link-focus-background-color, transparent);
+  text-decoration-skip: none;
+  text-decoration-skip-ink: none;
 }
 .utrecht-link--html-span:active,

package/dist/collection/components/contact-card-template.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ContactCardTemplate {
     render() {
-        return (h("div", { key: '480dbb90868940e1c1e62497957d446053791933', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: 'bd04688bb0779e54119ec84576801817138c2689' }, "Hulp en contact"), h("div", { key: '8fe77c878e01babd137d9880173d6a396b58ffb7', class: "utrecht-contact-card__content" }, h("div", { key: '9aa3df366fbe20db93cb3934afdff1576410dbf3', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: '348cef1c00d79408ec7f717d3e22832fb466f800' }, "Telefoon"), h("utrecht-paragraph", { key: '2108e283aa73ed67d63b1f2eac8c6ce54918aef2', class: "utrecht-contact-card__telephone" }, h("a", { key: 'b168469c80867032b43167b07f60e21617ecd61c', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '28bda94e1784ca5876c8a12237bd022291d1660a' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '203b1614bd8b1df8b664079deec3323cb6b208ef', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'fb94658abdc3e946d353a0fba8a9d47758a804b6' }, "E-mail"), h("utrecht-paragraph", { key: '74229dc465c39b004174695c6073bc72619484db' }, h("a", { key: 'bf3d3c067720305626e20f9a2c160d4cf944e6f4', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
+        return (h("div", { key: '71f6f8ca6c86d8a3119b34876062d125dbc1cfc3', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: '1f3c8a0a9e619020f9be2bd333f080fbaec4c074' }, "Hulp en contact"), h("div", { key: '442d5b9ae34133dae5575d08c59971b996f7b30b', class: "utrecht-contact-card__content" }, h("div", { key: '5782876cc3cc120989bb5922a354a8e8aef48bc8', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'ad657219424d2868dedddcdde5a853abdd42cfbf' }, "Telefoon"), h("utrecht-paragraph", { key: '05516871cb6c3db02303c6b10da93e4d4b0fbcc4', class: "utrecht-contact-card__telephone" }, h("a", { key: '57c50993251a42159643bf659a4f902a3f99b17d', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: 'cf48817b4fac94132720eafb150b27665b914b3d' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: 'f2b1f09f0ba337c9da17d67420a568a23817bb3c', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: '7279429dba5782fdd21b818dda7c34bd51e8969e' }, "E-mail"), h("utrecht-paragraph", { key: '29d1a6b4209a3e0ed1aed544aa5d41c1f9826d61' }, h("a", { key: '2d06539380cbfd88770d876d395779e251c9c964', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
     }
     static get is() { return "utrecht-contact-card-template"; }
     static get encapsulation() { return "shadow"; }