@utrecht/web-component-library-stencil 1.0.0-alpha.203 → 1.0.0-alpha.206

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 (308) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/utrecht-article.cjs.entry.js +2 -2
  3. package/dist/cjs/utrecht-backdrop.cjs.entry.js +2 -2
  4. package/dist/cjs/utrecht-badge-counter.cjs.entry.js +2 -2
  5. package/dist/cjs/utrecht-badge-data.cjs.entry.js +2 -2
  6. package/dist/cjs/utrecht-badge-status.cjs.entry.js +3 -3
  7. package/dist/cjs/utrecht-button_2.cjs.entry.js +4 -4
  8. package/dist/cjs/utrecht-contact-card-template.cjs.entry.js +2 -2
  9. package/dist/cjs/utrecht-custom-checkbox.cjs.entry.js +2 -2
  10. package/dist/cjs/utrecht-digid-button.cjs.entry.js +2 -2
  11. package/dist/cjs/utrecht-document.cjs.entry.js +2 -2
  12. package/dist/cjs/utrecht-eherkenning-logo.cjs.entry.js +2 -2
  13. package/dist/cjs/utrecht-form-toggle.cjs.entry.js +2 -2
  14. package/dist/cjs/utrecht-icon-afval.cjs.entry.js +2 -2
  15. package/dist/cjs/utrecht-icon-arrow.cjs.entry.js +2 -2
  16. package/dist/cjs/utrecht-icon-checkmark.cjs.entry.js +2 -2
  17. package/dist/cjs/utrecht-icon-cross.cjs.entry.js +2 -2
  18. package/dist/cjs/utrecht-icon-error.cjs.entry.js +2 -2
  19. package/dist/cjs/utrecht-icon-facebook.cjs.entry.js +2 -2
  20. package/dist/cjs/utrecht-icon-filter.cjs.entry.js +2 -2
  21. package/dist/cjs/utrecht-icon-information.cjs.entry.js +2 -2
  22. package/dist/cjs/utrecht-icon-instagram.cjs.entry.js +2 -2
  23. package/dist/cjs/utrecht-icon-linkedin.cjs.entry.js +2 -2
  24. package/dist/cjs/utrecht-icon-list.cjs.entry.js +2 -2
  25. package/dist/cjs/utrecht-icon-loupe.cjs.entry.js +2 -2
  26. package/dist/cjs/utrecht-icon-melding.cjs.entry.js +2 -2
  27. package/dist/cjs/utrecht-icon-paspoort.cjs.entry.js +2 -2
  28. package/dist/cjs/utrecht-icon-rijbewijs.cjs.entry.js +2 -2
  29. package/dist/cjs/utrecht-icon-toeslag.cjs.entry.js +2 -2
  30. package/dist/cjs/utrecht-icon-trouwen.cjs.entry.js +2 -2
  31. package/dist/cjs/utrecht-icon-twitter.cjs.entry.js +2 -2
  32. package/dist/cjs/utrecht-icon-verhuizen.cjs.entry.js +2 -2
  33. package/dist/cjs/utrecht-icon-warning.cjs.entry.js +2 -2
  34. package/dist/cjs/utrecht-icon-whatsapp.cjs.entry.js +2 -2
  35. package/dist/cjs/utrecht-icon-zoomin.cjs.entry.js +2 -2
  36. package/dist/cjs/utrecht-icon-zoomout.cjs.entry.js +2 -2
  37. package/dist/cjs/utrecht-logo-button.cjs.entry.js +2 -2
  38. package/dist/cjs/utrecht-logo.cjs.entry.js +2 -2
  39. package/dist/cjs/utrecht-page-content.cjs.entry.js +2 -2
  40. package/dist/cjs/utrecht-page-footer.cjs.entry.js +2 -2
  41. package/dist/cjs/utrecht-page-header.cjs.entry.js +2 -2
  42. package/dist/cjs/utrecht-page.cjs.entry.js +2 -2
  43. package/dist/cjs/utrecht-pagination.cjs.entry.js +2 -2
  44. package/dist/cjs/utrecht-separator.cjs.entry.js +2 -2
  45. package/dist/cjs/utrecht-sidenav.cjs.entry.js +2 -2
  46. package/dist/cjs/utrecht-textbox.cjs.entry.js +2 -2
  47. package/dist/collection/article/{bem.js → css/template.js} +0 -0
  48. package/dist/collection/article/html/template.js +5 -0
  49. package/dist/collection/article/{stencil.css → web-component/index.css} +0 -0
  50. package/dist/collection/article/{stencil.js → web-component/index.stencil.js} +2 -2
  51. package/dist/collection/article/web-component/template.js +1 -0
  52. package/dist/collection/backdrop/css/template.js +28 -0
  53. package/dist/collection/backdrop/{stencil.css → web-component/index.css} +0 -0
  54. package/dist/collection/backdrop/{stencil.js → web-component/index.stencil.js} +2 -2
  55. package/dist/collection/backdrop/{checkerboard.js → web-component/template.js} +1 -4
  56. package/dist/collection/badge-counter/{bem.js → css/template.js} +0 -0
  57. package/dist/collection/badge-counter/{stencil.css → web-component/index.css} +0 -0
  58. package/dist/collection/badge-counter/{stencil.js → web-component/index.stencil.js} +2 -2
  59. package/dist/collection/badge-counter/web-component/template.js +4 -0
  60. package/dist/collection/badge-data/{bem.js → css/template.js} +0 -0
  61. package/dist/collection/badge-data/{stencil.css → web-component/index.css} +0 -0
  62. package/dist/collection/badge-data/{stencil.js → web-component/index.stencil.js} +2 -2
  63. package/dist/collection/badge-data/web-component/template.js +1 -0
  64. package/dist/collection/badge-status/{bem.js → css/template.js} +0 -0
  65. package/dist/collection/badge-status/{stencil.css → web-component/index.css} +0 -0
  66. package/dist/collection/badge-status/{stencil.js → web-component/index.stencil.js} +3 -3
  67. package/dist/collection/badge-status/web-component/template.js +4 -0
  68. package/dist/collection/collection-manifest.json +45 -45
  69. package/dist/collection/custom-checkbox/{bem.js → css/template.js} +0 -0
  70. package/dist/collection/custom-checkbox/{stencil.css → web-component/index.css} +0 -0
  71. package/dist/collection/custom-checkbox/{stencil.js → web-component/index.stencil.js} +2 -2
  72. package/dist/collection/custom-checkbox/web-component/template.js +22 -0
  73. package/dist/collection/digid-button/{bem.js → css/template.js} +0 -0
  74. package/dist/collection/digid-button/{stencil.css → web-component/index.css} +0 -0
  75. package/dist/collection/digid-button/{stencil.js → web-component/index.stencil.js} +2 -2
  76. package/dist/collection/digid-button/web-component/template.js +1 -0
  77. package/dist/collection/digid-logo/{stencil.css → web-component/index.css} +0 -0
  78. package/dist/collection/digid-logo/{stencil.js → web-component/index.stencil.js} +2 -2
  79. package/dist/collection/digid-logo/web-component/template.js +1 -0
  80. package/dist/collection/document/{stencil.css → web-component/index.css} +0 -0
  81. package/dist/collection/document/{stencil.js → web-component/index.stencil.js} +2 -2
  82. package/dist/collection/document/web-component/template.js +1 -0
  83. package/dist/collection/eherkenning-logo/{stencil.css → web-component/index.css} +0 -0
  84. package/dist/collection/eherkenning-logo/{stencil.js → web-component/index.stencil.js} +2 -2
  85. package/dist/collection/eherkenning-logo/web-component/template.js +1 -0
  86. package/dist/collection/emphasis/{bem.js → css/template.js} +0 -0
  87. package/dist/collection/emphasis/html/template.js +20 -0
  88. package/dist/collection/favicon/html/template.js +1 -0
  89. package/dist/collection/form-fieldset/{bem.js → css/template.js} +0 -0
  90. package/dist/collection/form-fieldset/html/template.js +12 -0
  91. package/dist/collection/form-toggle/{bem.js → css/template.js} +0 -0
  92. package/dist/collection/form-toggle/{stencil.css → web-component/index.css} +0 -0
  93. package/dist/collection/form-toggle/{stencil.js → web-component/index.stencil.js} +2 -2
  94. package/dist/collection/form-toggle/web-component/template.js +7 -0
  95. package/dist/collection/icon/{afval.svg → svg/afval.svg} +0 -0
  96. package/dist/collection/icon/{arrow.svg → svg/arrow.svg} +0 -0
  97. package/dist/collection/icon/{checkmark.svg → svg/checkmark.svg} +0 -0
  98. package/dist/collection/icon/{cross.svg → svg/cross.svg} +0 -0
  99. package/dist/collection/icon/{error.svg → svg/error.svg} +0 -0
  100. package/dist/collection/icon/{facebook.svg → svg/facebook.svg} +0 -0
  101. package/dist/collection/icon/{filter.svg → svg/filter.svg} +0 -0
  102. package/dist/collection/icon/{information.svg → svg/information.svg} +0 -0
  103. package/dist/collection/icon/{instagram.svg → svg/instagram.svg} +0 -0
  104. package/dist/collection/icon/{linkedin.svg → svg/linkedin.svg} +0 -0
  105. package/dist/collection/icon/{list.svg → svg/list.svg} +0 -0
  106. package/dist/collection/icon/{loupe.svg → svg/loupe.svg} +0 -0
  107. package/dist/collection/icon/{melding.svg → svg/melding.svg} +0 -0
  108. package/dist/collection/icon/{paspoort.svg → svg/paspoort.svg} +0 -0
  109. package/dist/collection/icon/{rijbewijs.svg → svg/rijbewijs.svg} +0 -0
  110. package/dist/collection/icon/{toeslag.svg → svg/toeslag.svg} +0 -0
  111. package/dist/collection/icon/{trouwen.svg → svg/trouwen.svg} +0 -0
  112. package/dist/collection/icon/{twitter.svg → svg/twitter.svg} +0 -0
  113. package/dist/collection/icon/{verhuizen.svg → svg/verhuizen.svg} +0 -0
  114. package/dist/collection/icon/{warning.svg → svg/warning.svg} +0 -0
  115. package/dist/collection/icon/{whatsapp.svg → svg/whatsapp.svg} +0 -0
  116. package/dist/collection/icon/{zoomin.svg → svg/zoomin.svg} +0 -0
  117. package/dist/collection/icon/{zoomout.svg → svg/zoomout.svg} +0 -0
  118. package/dist/collection/icon/{afval.stencil.js → web-component/afval.stencil.js} +2 -2
  119. package/dist/collection/icon/{arrow.stencil.js → web-component/arrow.stencil.js} +2 -2
  120. package/dist/collection/icon/{checkmark.stencil.js → web-component/checkmark.stencil.js} +2 -2
  121. package/dist/collection/icon/{cross.stencil.js → web-component/cross.stencil.js} +2 -2
  122. package/dist/collection/icon/{error.stencil.js → web-component/error.stencil.js} +2 -2
  123. package/dist/collection/icon/{facebook.stencil.js → web-component/facebook.stencil.js} +2 -2
  124. package/dist/collection/icon/{filter.stencil.js → web-component/filter.stencil.js} +2 -2
  125. package/dist/collection/icon/{stencil.css → web-component/index.css} +0 -0
  126. package/dist/collection/icon/{information.stencil.js → web-component/information.stencil.js} +2 -2
  127. package/dist/collection/icon/{instagram.stencil.js → web-component/instagram.stencil.js} +2 -2
  128. package/dist/collection/icon/{linkedin.stencil.js → web-component/linkedin.stencil.js} +2 -2
  129. package/dist/collection/icon/{list.stencil.js → web-component/list.stencil.js} +2 -2
  130. package/dist/collection/icon/{loupe.stencil.js → web-component/loupe.stencil.js} +2 -2
  131. package/dist/collection/icon/{melding.stencil.js → web-component/melding.stencil.js} +2 -2
  132. package/dist/collection/icon/{paspoort.stencil.js → web-component/paspoort.stencil.js} +2 -2
  133. package/dist/collection/icon/{rijbewijs.stencil.js → web-component/rijbewijs.stencil.js} +2 -2
  134. package/dist/collection/icon/web-component/template.js +7 -0
  135. package/dist/collection/icon/{toeslag.stencil.js → web-component/toeslag.stencil.js} +2 -2
  136. package/dist/collection/icon/{trouwen.stencil.js → web-component/trouwen.stencil.js} +2 -2
  137. package/dist/collection/icon/{twitter.stencil.js → web-component/twitter.stencil.js} +2 -2
  138. package/dist/collection/icon/{verhuizen.stencil.js → web-component/verhuizen.stencil.js} +2 -2
  139. package/dist/collection/icon/{warning.stencil.js → web-component/warning.stencil.js} +2 -2
  140. package/dist/collection/icon/{whatsapp.stencil.js → web-component/whatsapp.stencil.js} +2 -2
  141. package/dist/collection/icon/{zoomin.stencil.js → web-component/zoomin.stencil.js} +2 -2
  142. package/dist/collection/icon/{zoomout.stencil.js → web-component/zoomout.stencil.js} +2 -2
  143. package/dist/collection/link-list/{bem.js → css/template.js} +1 -1
  144. package/dist/collection/link-social/{bem.js → css/template.js} +0 -0
  145. package/dist/collection/logo/{bem.js → css/template.js} +0 -0
  146. package/dist/collection/logo/{stencil.css → web-component/index.css} +0 -0
  147. package/dist/collection/logo/{stencil.js → web-component/index.stencil.js} +2 -2
  148. package/dist/collection/logo/web-component/template.js +1 -0
  149. package/dist/collection/logo-button/{bem.js → css/template.js} +0 -0
  150. package/dist/collection/logo-button/{stencil.css → web-component/index.css} +0 -0
  151. package/dist/collection/logo-button/{stencil.js → web-component/index.stencil.js} +2 -2
  152. package/dist/collection/logo-button/web-component/template.js +1 -0
  153. package/dist/collection/mapcontrolbutton/{bem.js → css/template.js} +0 -0
  154. package/dist/collection/menulijst/{bem.js → css/template.js} +0 -0
  155. package/dist/collection/navigatie sidenav/{bem.js → css/template.js} +0 -0
  156. package/dist/collection/navigatie sidenav/{bem.css → web-component/index.css } +4 -0
  157. package/dist/collection/navigatie sidenav/{stencil.js → web-component/index.stencil.js } +2 -2
  158. package/dist/collection/navigatie sidenav/web-component/template.js +1 -0
  159. package/dist/collection/navigatie topnav/{bem.js → css/template.js } +1 -1
  160. package/dist/collection/ordered-list/{bem.js → css/template.js} +0 -0
  161. package/dist/collection/ordered-list/html/template.js +17 -0
  162. package/dist/collection/page/{bem.js → css/template.js} +0 -0
  163. package/dist/collection/page/{stencil.css → web-component/index.css} +0 -0
  164. package/dist/collection/page/{stencil.js → web-component/index.stencil.js} +2 -2
  165. package/dist/collection/page/web-component/template.js +5 -0
  166. package/dist/collection/page-content/{bem.js → css/template.js} +0 -0
  167. package/dist/collection/page-content/{stencil.css → web-component/index.css} +0 -0
  168. package/dist/collection/page-content/{stencil.js → web-component/index.stencil.js} +2 -2
  169. package/dist/collection/page-content/web-component/template.js +1 -0
  170. package/dist/collection/page-footer/{bem.js → css/template.js} +0 -0
  171. package/dist/collection/page-footer/{stencil.css → web-component/index.css} +0 -0
  172. package/dist/collection/page-footer/{stencil.js → web-component/index.stencil.js} +2 -2
  173. package/dist/collection/page-footer/web-component/template.js +1 -0
  174. package/dist/collection/page-header/{bem.js → css/template.js} +0 -0
  175. package/dist/collection/page-header/{stencil.css → web-component/index.css} +0 -0
  176. package/dist/collection/page-header/{stencil.js → web-component/stencil.js} +2 -2
  177. package/dist/collection/page-header/web-component/template.js +1 -0
  178. package/dist/collection/pagination/{bem.js → css/template.js} +0 -0
  179. package/dist/collection/pagination/{stencil.css → web-component/index.css} +0 -0
  180. package/dist/collection/pagination/{stencil.js → web-component/index.stencil.js} +2 -2
  181. package/dist/collection/pagination/web-component/template.js +7 -0
  182. package/dist/collection/pre-heading/{bem.js → css/template.js} +0 -0
  183. package/dist/collection/radio-button/{bem.js → css/template.js} +0 -0
  184. package/dist/collection/radio-button/html/template.js +0 -0
  185. package/dist/collection/search-bar/{bem.js → css/template.js} +0 -0
  186. package/dist/collection/select/{bem.js → css/template.js} +7 -7
  187. package/dist/collection/select/html/template.js +26 -0
  188. package/dist/collection/separator/{bem.js → css/template.js} +0 -0
  189. package/dist/collection/separator/html/template.js +4 -0
  190. package/dist/collection/separator/{stencil.css → web-component/index.css} +0 -0
  191. package/dist/collection/separator/{stencil.js → web-component/index.stencil.js} +2 -2
  192. package/dist/collection/separator/web-component/template.js +1 -0
  193. package/dist/collection/surface/css/template.js +8 -0
  194. package/dist/collection/table/html/template.js +41 -0
  195. package/dist/collection/templates/contact-card-template/css/template.js +30 -0
  196. package/dist/collection/templates/contact-card-template/{stencil.css → web-component/index.css} +0 -0
  197. package/dist/collection/templates/contact-card-template/{stencil.js → web-component/index.stencil.js} +2 -2
  198. package/dist/collection/templates/contact-card-template/web-component/template.js +1 -0
  199. package/dist/collection/textarea/{bem.js → css/template.js} +1 -1
  200. package/dist/collection/textarea/{html.js → html/template.js} +1 -1
  201. package/dist/collection/textbox/{bem.js → css/template.js} +1 -1
  202. package/dist/collection/textbox/html/template.js +36 -0
  203. package/dist/collection/textbox/{stencil.css → web-component/index.css} +0 -0
  204. package/dist/collection/textbox/{stencil.js → web-component/index.stencil.js} +2 -2
  205. package/dist/collection/textbox/web-component/template.js +20 -0
  206. package/dist/collection/toptask-link/{bem.js → css/template.js} +0 -0
  207. package/dist/collection/toptask-nav/css/template.js +50 -0
  208. package/dist/collection/unordered-list/{bem.js → css/template.js} +0 -0
  209. package/dist/collection/unordered-list/html/template.js +22 -0
  210. package/dist/collection/url/{bem.js → css/template.js} +0 -0
  211. package/dist/custom-elements/index.js +125 -125
  212. package/dist/esm/utrecht-article.entry.js +2 -2
  213. package/dist/esm/utrecht-backdrop.entry.js +2 -2
  214. package/dist/esm/utrecht-badge-counter.entry.js +2 -2
  215. package/dist/esm/utrecht-badge-data.entry.js +2 -2
  216. package/dist/esm/utrecht-badge-status.entry.js +3 -3
  217. package/dist/esm/utrecht-button_2.entry.js +4 -4
  218. package/dist/esm/utrecht-contact-card-template.entry.js +2 -2
  219. package/dist/esm/utrecht-custom-checkbox.entry.js +2 -2
  220. package/dist/esm/utrecht-digid-button.entry.js +2 -2
  221. package/dist/esm/utrecht-document.entry.js +2 -2
  222. package/dist/esm/utrecht-eherkenning-logo.entry.js +2 -2
  223. package/dist/esm/utrecht-form-toggle.entry.js +2 -2
  224. package/dist/esm/utrecht-icon-afval.entry.js +2 -2
  225. package/dist/esm/utrecht-icon-arrow.entry.js +2 -2
  226. package/dist/esm/utrecht-icon-checkmark.entry.js +2 -2
  227. package/dist/esm/utrecht-icon-cross.entry.js +2 -2
  228. package/dist/esm/utrecht-icon-error.entry.js +2 -2
  229. package/dist/esm/utrecht-icon-facebook.entry.js +2 -2
  230. package/dist/esm/utrecht-icon-filter.entry.js +2 -2
  231. package/dist/esm/utrecht-icon-information.entry.js +2 -2
  232. package/dist/esm/utrecht-icon-instagram.entry.js +2 -2
  233. package/dist/esm/utrecht-icon-linkedin.entry.js +2 -2
  234. package/dist/esm/utrecht-icon-list.entry.js +2 -2
  235. package/dist/esm/utrecht-icon-loupe.entry.js +2 -2
  236. package/dist/esm/utrecht-icon-melding.entry.js +2 -2
  237. package/dist/esm/utrecht-icon-paspoort.entry.js +2 -2
  238. package/dist/esm/utrecht-icon-rijbewijs.entry.js +2 -2
  239. package/dist/esm/utrecht-icon-toeslag.entry.js +2 -2
  240. package/dist/esm/utrecht-icon-trouwen.entry.js +2 -2
  241. package/dist/esm/utrecht-icon-twitter.entry.js +2 -2
  242. package/dist/esm/utrecht-icon-verhuizen.entry.js +2 -2
  243. package/dist/esm/utrecht-icon-warning.entry.js +2 -2
  244. package/dist/esm/utrecht-icon-whatsapp.entry.js +2 -2
  245. package/dist/esm/utrecht-icon-zoomin.entry.js +2 -2
  246. package/dist/esm/utrecht-icon-zoomout.entry.js +2 -2
  247. package/dist/esm/utrecht-logo-button.entry.js +2 -2
  248. package/dist/esm/utrecht-logo.entry.js +2 -2
  249. package/dist/esm/utrecht-page-content.entry.js +2 -2
  250. package/dist/esm/utrecht-page-footer.entry.js +2 -2
  251. package/dist/esm/utrecht-page-header.entry.js +2 -2
  252. package/dist/esm/utrecht-page.entry.js +2 -2
  253. package/dist/esm/utrecht-pagination.entry.js +2 -2
  254. package/dist/esm/utrecht-separator.entry.js +2 -2
  255. package/dist/esm/utrecht-sidenav.entry.js +2 -2
  256. package/dist/esm/utrecht-textbox.entry.js +2 -2
  257. package/dist/types/article/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  258. package/dist/types/backdrop/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  259. package/dist/types/badge-counter/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  260. package/dist/types/badge-data/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  261. package/dist/types/badge-status/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  262. package/dist/types/custom-checkbox/{stencil.d.ts → web-component/index.stencil.d.ts} +1 -1
  263. package/dist/types/digid-button/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  264. package/dist/types/digid-logo/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  265. package/dist/types/document/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  266. package/dist/types/eherkenning-logo/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  267. package/dist/types/form-toggle/{stencil.d.ts → web-component/index.stencil.d.ts} +1 -1
  268. package/dist/types/icon/{afval.stencil.d.ts → web-component/afval.stencil.d.ts} +0 -0
  269. package/dist/types/icon/{arrow.stencil.d.ts → web-component/arrow.stencil.d.ts} +0 -0
  270. package/dist/types/icon/{checkmark.stencil.d.ts → web-component/checkmark.stencil.d.ts} +0 -0
  271. package/dist/types/icon/{cross.stencil.d.ts → web-component/cross.stencil.d.ts} +0 -0
  272. package/dist/types/icon/{error.stencil.d.ts → web-component/error.stencil.d.ts} +0 -0
  273. package/dist/types/icon/{facebook.stencil.d.ts → web-component/facebook.stencil.d.ts} +0 -0
  274. package/dist/types/icon/{filter.stencil.d.ts → web-component/filter.stencil.d.ts} +0 -0
  275. package/dist/types/icon/{information.stencil.d.ts → web-component/information.stencil.d.ts} +0 -0
  276. package/dist/types/icon/{instagram.stencil.d.ts → web-component/instagram.stencil.d.ts} +0 -0
  277. package/dist/types/icon/{linkedin.stencil.d.ts → web-component/linkedin.stencil.d.ts} +0 -0
  278. package/dist/types/icon/{list.stencil.d.ts → web-component/list.stencil.d.ts} +0 -0
  279. package/dist/types/icon/{loupe.stencil.d.ts → web-component/loupe.stencil.d.ts} +0 -0
  280. package/dist/types/icon/{melding.stencil.d.ts → web-component/melding.stencil.d.ts} +0 -0
  281. package/dist/types/icon/{paspoort.stencil.d.ts → web-component/paspoort.stencil.d.ts} +0 -0
  282. package/dist/types/icon/{rijbewijs.stencil.d.ts → web-component/rijbewijs.stencil.d.ts} +0 -0
  283. package/dist/types/icon/{toeslag.stencil.d.ts → web-component/toeslag.stencil.d.ts} +0 -0
  284. package/dist/types/icon/{trouwen.stencil.d.ts → web-component/trouwen.stencil.d.ts} +0 -0
  285. package/dist/types/icon/{twitter.stencil.d.ts → web-component/twitter.stencil.d.ts} +0 -0
  286. package/dist/types/icon/{verhuizen.stencil.d.ts → web-component/verhuizen.stencil.d.ts} +0 -0
  287. package/dist/types/icon/{warning.stencil.d.ts → web-component/warning.stencil.d.ts} +0 -0
  288. package/dist/types/icon/{whatsapp.stencil.d.ts → web-component/whatsapp.stencil.d.ts} +0 -0
  289. package/dist/types/icon/{zoomin.stencil.d.ts → web-component/zoomin.stencil.d.ts} +0 -0
  290. package/dist/types/icon/{zoomout.stencil.d.ts → web-component/zoomout.stencil.d.ts} +0 -0
  291. package/dist/types/logo/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  292. package/dist/types/logo-button/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  293. package/dist/types/navigatie sidenav/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  294. package/dist/types/page/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  295. package/dist/types/page-content/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  296. package/dist/types/page-footer/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  297. package/dist/types/page-header/{stencil.d.ts → web-component/stencil.d.ts} +0 -0
  298. package/dist/types/pagination/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  299. package/dist/types/separator/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  300. package/dist/types/templates/contact-card-template/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
  301. package/dist/types/textbox/{stencil.d.ts → web-component/index.stencil.d.ts} +1 -1
  302. package/dist/utrecht/p-0de41080.entry.js +1 -0
  303. package/dist/utrecht/utrecht.esm.js +1 -1
  304. package/package.json +2 -2
  305. package/dist/collection/backdrop/bem.js +0 -12
  306. package/dist/collection/nav-top/bem.js +0 -24
  307. package/dist/collection/toptask-nav/bem.js +0 -19
  308. package/dist/utrecht/p-2cf9a940.entry.js +0 -1
package/README.md CHANGED
@@ -24,7 +24,7 @@ Combine it with the latest Web Components (for convenience you can use the unpkg
24
24
  Then you can go ahead and see the result:
25
25
 
26
26
  ```html
27
- <utrecht-html-content>
27
+ <utrecht-html-content class="utrecht-theme">
28
28
  <h1>Page styled with NL Design System</h1>
29
29
  </utrecht-html-content>
30
30
  ```
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
7
+ const indexCss = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
8
8
 
9
9
  const Article = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const Article = class {
14
14
  return (index.h("article", { class: "utrecht-article" }, index.h("slot", null)));
15
15
  }
16
16
  };
17
- Article.style = stencilCss;
17
+ Article.style = indexCss;
18
18
 
19
19
  exports.utrecht_article = Article;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-8c6952a4.js');
6
6
  const clsx_m = require('./clsx.m-b00fa5e1.js');
7
7
 
8
- const stencilCss = ".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
8
+ const indexCss = ".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
9
9
 
10
10
  const Backdrop = class {
11
11
  constructor(hostRef) {
@@ -16,6 +16,6 @@ const Backdrop = class {
16
16
  return (index.h("div", { class: clsx_m.clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, index.h("slot", null)));
17
17
  }
18
18
  };
19
- Backdrop.style = stencilCss;
19
+ Backdrop.style = indexCss;
20
20
 
21
21
  exports.utrecht_backdrop = Backdrop;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ".utrecht-badge{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, black));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, white));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}";
7
+ const indexCss = ".utrecht-badge{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, black));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, white));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}";
8
8
 
9
9
  const BadgeCounter = class {
10
10
  constructor(hostRef) {
@@ -18,6 +18,6 @@ const BadgeCounter = class {
18
18
  return index.h("div", { class: "utrecht-badge-counter" }, textContent ? textContent : index.h("slot", null));
19
19
  }
20
20
  };
21
- BadgeCounter.style = stencilCss;
21
+ BadgeCounter.style = indexCss;
22
22
 
23
23
  exports.utrecht_badge_counter = BadgeCounter;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ".utrecht-badge,.utrecht-badge-data{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-data{letter-spacing:var(--utrecht-badge-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}:host{display:inline-block}:host([hidden]){display:none !important}";
7
+ const indexCss = ".utrecht-badge,.utrecht-badge-data{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-data{letter-spacing:var(--utrecht-badge-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}:host{display:inline-block}:host([hidden]){display:none !important}";
8
8
 
9
9
  const BadgeData = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const BadgeData = class {
14
14
  return (index.h("div", { class: "utrecht-badge-data" }, index.h("slot", null)));
15
15
  }
16
16
  };
17
- BadgeData.style = stencilCss;
17
+ BadgeData.style = indexCss;
18
18
 
19
19
  exports.utrecht_badge_data = BadgeData;
@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ".utrecht-badge,.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-status{letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, red);color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, #ffa600);color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, green);color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, red));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
7
+ const indexCss = ".utrecht-badge,.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-status{letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, red);color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, #ffa600);color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, green);color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, red));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
8
8
 
9
9
  const BadgeStatus = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
12
  }
13
13
  render() {
14
- return (index.h("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status}` }, index.h("slot", null)));
14
+ return (index.h("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, index.h("slot", null)));
15
15
  }
16
16
  };
17
- BadgeStatus.style = stencilCss;
17
+ BadgeStatus.style = indexCss;
18
18
 
19
19
  exports.utrecht_badge_status = BadgeStatus;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-8c6952a4.js');
6
6
  const clsx_m = require('./clsx.m-b00fa5e1.js');
7
7
 
8
- const stencilCss$1 = ".utrecht-button{background-color:var(--utrecht-button-primary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-border-color, transparent);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--utrecht-button-border-width, 0);color:var(--utrecht-button-primary-action-color, var(--utrecht-button-color));font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);min-block-size:var(--utrecht-button-min-block-size, auto);min-inline-size:var(--utrecht-button-min-inline-size, 0);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-active-color, var(--utrecht-button-color))}.utrecht-button--focus-visible,.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus,.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-hover-color, var(--utrecht-button-color));transform:scale(var(--utrecht-button-focus-transform-scale, 1))}:host{display:inline-block}:host([hidden]){display:none !important}";
8
+ const stencilCss = ".utrecht-button{background-color:var(--utrecht-button-primary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-border-color, transparent);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--utrecht-button-border-width, 0);color:var(--utrecht-button-primary-action-color, var(--utrecht-button-color));font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);min-block-size:var(--utrecht-button-min-block-size, auto);min-inline-size:var(--utrecht-button-min-inline-size, 0);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-active-color, var(--utrecht-button-color))}.utrecht-button--focus-visible,.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus,.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-hover-color, var(--utrecht-button-color));transform:scale(var(--utrecht-button-focus-transform-scale, 1))}:host{display:inline-block}:host([hidden]){display:none !important}";
9
9
 
10
10
  const Button = class {
11
11
  constructor(hostRef) {
@@ -40,9 +40,9 @@ const Button = class {
40
40
  }
41
41
  get host() { return index.getElement(this); }
42
42
  };
43
- Button.style = stencilCss$1;
43
+ Button.style = stencilCss;
44
44
 
45
- const stencilCss = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-height, var(--utrecht-logo-max-height, 50px));max-width:var(--utrecht-digid-logo-max-width, var(--utrecht-logo-max-width, 50px));width:100%}";
45
+ const indexCss = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-height, var(--utrecht-logo-max-height, 50px));max-width:var(--utrecht-digid-logo-max-width, var(--utrecht-logo-max-width, 50px));width:100%}";
46
46
 
47
47
  const DigidLogo = class {
48
48
  constructor(hostRef) {
@@ -52,7 +52,7 @@ const DigidLogo = class {
52
52
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, index.h("title", null, "DigiD"), index.h("path", { d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), index.h("path", { d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), index.h("path", { d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
53
53
  }
54
54
  };
55
- DigidLogo.style = stencilCss;
55
+ DigidLogo.style = indexCss;
56
56
 
57
57
  exports.utrecht_button = Button;
58
58
  exports.utrecht_digid_logo = DigidLogo;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ".utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);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, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus,.utrecht-link:focus{color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible,.utrecht-link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}.utrecht-contact-card{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;--utrecht-heading-2-text-transform:uppercase;--utrecht-heading-2-font-size:var(--utrecht-typography-scale-md-font-size);--utrecht-contact-card-background-color:hsl(207 60% 91%);--utrecht-contact-card-background-color-2:hsl(207 60% 96%);background-color:#dae9f6;background-image:linear-gradient(45deg, var(--utrecht-contact-card-background-color), var(--utrecht-contact-card-background-color) 50%, var(--utrecht-contact-card-background-color-2) 50%, var(--utrecht-contact-card-background-color-2));background-position-x:66%;background-size:200%;color:var(--utrecht-color-black);padding-block-end:var(--utrecht-space-block-xl);padding-block-start:var(--utrecht-space-block-xl);padding-inline-end:var(--utrecht-space-inline-xl);padding-inline-start:var(--utrecht-space-inline-xl)}.utrecht-contact-card__content{display:flex;flex-direction:row}.utrecht-contact-card__section{margin-block-start:var(--utrecht-space-row-lg);width:100%}.utrecht-contact-card__telephone{--utrecht-paragraph-font-size:var(--utrecht-typography-scale-2xl-font-size)}";
7
+ const indexCss = ".utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);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, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus,.utrecht-link:focus{color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible,.utrecht-link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}.utrecht-contact-card{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;--utrecht-heading-2-text-transform:uppercase;--utrecht-heading-2-font-size:var(--utrecht-typography-scale-md-font-size);--utrecht-contact-card-background-color:hsl(207 60% 91%);--utrecht-contact-card-background-color-2:hsl(207 60% 96%);background-color:#dae9f6;background-image:linear-gradient(45deg, var(--utrecht-contact-card-background-color), var(--utrecht-contact-card-background-color) 50%, var(--utrecht-contact-card-background-color-2) 50%, var(--utrecht-contact-card-background-color-2));background-position-x:66%;background-size:200%;color:var(--utrecht-color-black);padding-block-end:var(--utrecht-space-block-xl);padding-block-start:var(--utrecht-space-block-xl);padding-inline-end:var(--utrecht-space-inline-xl);padding-inline-start:var(--utrecht-space-inline-xl)}.utrecht-contact-card__content{display:flex;flex-direction:row}.utrecht-contact-card__section{margin-block-start:var(--utrecht-space-row-lg);width:100%}.utrecht-contact-card__telephone{--utrecht-paragraph-font-size:var(--utrecht-typography-scale-2xl-font-size)}";
8
8
 
9
9
  const ContactCardTemplate = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const ContactCardTemplate = class {
14
14
  return (index.h("div", { class: "utrecht-contact-card" }, index.h("utrecht-heading-2", null, "Hulp en contact"), index.h("div", { class: "utrecht-contact-card__content" }, index.h("div", { class: "utrecht-contact-card__section" }, index.h("utrecht-heading-3", null, "Telefoon"), index.h("utrecht-paragraph", { class: "utrecht-contact-card__telephone" }, index.h("a", { href: "tel:14-030", class: "utrecht-link utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), index.h("utrecht-paragraph", null, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), index.h("div", { class: "utrecht-contact-card__section" }, index.h("utrecht-heading-3", null, "E-mail"), index.h("utrecht-paragraph", null, index.h("a", { class: "utrecht-link", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
15
15
  }
16
16
  };
17
- ContactCardTemplate.style = stencilCss;
17
+ ContactCardTemplate.style = indexCss;
18
18
 
19
19
  exports.utrecht_contact_card_template = ContactCardTemplate;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-8c6952a4.js');
6
6
  const clsx_m = require('./clsx.m-b00fa5e1.js');
7
7
 
8
- const stencilCss = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-custom-checkbox{--utrecht-icon-size:var(--utrecht-custom-checkbox-icon-size, calc(0.75 * var(--utrecht-custom-checkbox-size)));display:inline-block;height:var(--utrecht-custom-checkbox-size);position:relative;width:var(--utrecht-custom-checkbox-size)}.utrecht-custom-checkbox__input,.utrecht-custom-checkbox__box{left:0;position:absolute;top:0}.utrecht-custom-checkbox__input{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;height:var(--utrecht-custom-checkbox-size);opacity:0%;width:var(--utrecht-custom-checkbox-size);z-index:10}.utrecht-custom-checkbox__box{align-items:center;background-color:var(--utrecht-custom-checkbox-background-color);border-color:var(--utrecht-custom-checkbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-custom-checkbox-border-radius, var(--utrecht-form-input-border-radius));border-style:solid;border-width:var(--utrecht-custom-checkbox-border-width, var(--utrecht-form-input-border-width));box-sizing:border-box;color:var(--utrecht-custom-checkbox-color);display:flex;height:var(--utrecht-custom-checkbox-size);justify-content:center;pointer-events:none;width:var(--utrecht-custom-checkbox-size);z-index:1000}.utrecht-custom-checkbox__box--checked{background-color:var(--utrecht-custom-checkbox-checked-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-checked-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-checked-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--disabled{background-color:var(--utrecht-custom-checkbox-disabled-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-disabled-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-disabled-color, var(--utrecht-custom-checkbox-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-checkbox__box--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box{color:var(--utrecht-custom-checkbox-indeterminate-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--invalid{background-color:var(--utrecht-custom-checkbox-invalid-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-invalid-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-invalid-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--active{background-color:var(--utrecht-custom-checkbox-active-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-active-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus,.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{background-color:var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-focus-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-focus-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus:not(:focus-visible)~.utrecht-custom-checkbox__box{box-shadow:none;outline-style:none}.utrecht-custom-checkbox__icon--checked,.utrecht-custom-checkbox__icon--indeterminate{display:none}.utrecht-custom-checkbox__box--checked .utrecht-custom-checkbox__icon--checked{display:block}.utrecht-custom-checkbox__box--indeterminate .utrecht-custom-checkbox__icon--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box .utrecht-custom-checkbox__icon--indeterminate{display:block}:host{display:block}:host([hidden]){display:none !important}";
8
+ const indexCss = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-custom-checkbox{--utrecht-icon-size:var(--utrecht-custom-checkbox-icon-size, calc(0.75 * var(--utrecht-custom-checkbox-size)));display:inline-block;height:var(--utrecht-custom-checkbox-size);position:relative;width:var(--utrecht-custom-checkbox-size)}.utrecht-custom-checkbox__input,.utrecht-custom-checkbox__box{left:0;position:absolute;top:0}.utrecht-custom-checkbox__input{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;height:var(--utrecht-custom-checkbox-size);opacity:0%;width:var(--utrecht-custom-checkbox-size);z-index:10}.utrecht-custom-checkbox__box{align-items:center;background-color:var(--utrecht-custom-checkbox-background-color);border-color:var(--utrecht-custom-checkbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-custom-checkbox-border-radius, var(--utrecht-form-input-border-radius));border-style:solid;border-width:var(--utrecht-custom-checkbox-border-width, var(--utrecht-form-input-border-width));box-sizing:border-box;color:var(--utrecht-custom-checkbox-color);display:flex;height:var(--utrecht-custom-checkbox-size);justify-content:center;pointer-events:none;width:var(--utrecht-custom-checkbox-size);z-index:1000}.utrecht-custom-checkbox__box--checked{background-color:var(--utrecht-custom-checkbox-checked-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-checked-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-checked-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--disabled{background-color:var(--utrecht-custom-checkbox-disabled-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-disabled-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-disabled-color, var(--utrecht-custom-checkbox-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-checkbox__box--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box{color:var(--utrecht-custom-checkbox-indeterminate-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--invalid{background-color:var(--utrecht-custom-checkbox-invalid-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-invalid-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-invalid-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--active{background-color:var(--utrecht-custom-checkbox-active-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-active-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus,.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{background-color:var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-focus-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-focus-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus:not(:focus-visible)~.utrecht-custom-checkbox__box{box-shadow:none;outline-style:none}.utrecht-custom-checkbox__icon--checked,.utrecht-custom-checkbox__icon--indeterminate{display:none}.utrecht-custom-checkbox__box--checked .utrecht-custom-checkbox__icon--checked{display:block}.utrecht-custom-checkbox__box--indeterminate .utrecht-custom-checkbox__icon--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box .utrecht-custom-checkbox__icon--indeterminate{display:block}:host{display:block}:host([hidden]){display:none !important}";
9
9
 
10
10
  const CustomCheckbox = class {
11
11
  constructor(hostRef) {
@@ -47,6 +47,6 @@ const CustomCheckbox = class {
47
47
  return (index.h("div", { class: "utrecht-custom-checkbox", role: "checkbox", tabIndex: disabled ? null : 0, "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-required": required ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, index.h("div", { class: clsx_m.clsx('utrecht-custom-checkbox__box', active , checked && 'utrecht-custom-checkbox__box--checked', !checked && 'utrecht-custom-checkbox__box--not-checked', disabled && 'utrecht-custom-checkbox__box--disabled', invalid && 'utrecht-custom-checkbox__box--invalid', indeterminate && 'utrecht-custom-checkbox__box--indeterminate') }, checked && index.h("utrecht-icon-checkmark", { class: "utrecht-custom-checkbox__icon" }, "\u2714"), indeterminate && (index.h("utrecht-icon-indeterminate", { class: "utrecht-custom-checkbox__icon" }, "\u25A0")))));
48
48
  }
49
49
  };
50
- CustomCheckbox.style = stencilCss;
50
+ CustomCheckbox.style = indexCss;
51
51
 
52
52
  exports.utrecht_custom_checkbox = CustomCheckbox;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ".utrecht-digid-button{--utrecht-button-min-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-height:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-width:var(--utrecht-digid-button-block-size, 50px);block-size:var(--utrecht-digid-button-block-size, 50px);display:inline-flex;gap:var(--utrecht-space-inline-sm)}.utrecht-digid-button__logo{order:1}.utrecht-digid-button__button{order:2}:host{display:block}:host([hidden]){display:none !important}";
7
+ const indexCss = ".utrecht-digid-button{--utrecht-button-min-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-height:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-width:var(--utrecht-digid-button-block-size, 50px);block-size:var(--utrecht-digid-button-block-size, 50px);display:inline-flex;gap:var(--utrecht-space-inline-sm)}.utrecht-digid-button__logo{order:1}.utrecht-digid-button__button{order:2}:host{display:block}:host([hidden]){display:none !important}";
8
8
 
9
9
  const DigidButton = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const DigidButton = class {
14
14
  return (index.h("div", { class: "utrecht-digid-button" }, index.h("utrecht-digid-logo", { class: "utrecht-digid-button__logo" }), index.h("utrecht-button", { class: "utrecht-digid-button__button", type: this.type || null }, index.h("slot", null))));
15
15
  }
16
16
  };
17
- DigidButton.style = stencilCss;
17
+ DigidButton.style = indexCss;
18
18
 
19
19
  exports.utrecht_digid_button = DigidButton;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ".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)}:host{display:block}:host([hidden]){display:none !important}";
7
+ const indexCss = ".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)}:host{display:block}:host([hidden]){display:none !important}";
8
8
 
9
9
  const Document = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const Document = class {
14
14
  return (index.h("div", { class: "utrecht-document" }, index.h("slot", null)));
15
15
  }
16
16
  };
17
- Document.style = stencilCss;
17
+ Document.style = indexCss;
18
18
 
19
19
  exports.utrecht_document = Document;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-height, var(--utrecht-logo-max-height, 50px));max-width:var(--utrecht-digid-logo-max-width, var(--utrecht-logo-max-width, 50px));width:100%}";
7
+ const indexCss = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-height, var(--utrecht-logo-max-height, 50px));max-width:var(--utrecht-digid-logo-max-width, var(--utrecht-logo-max-width, 50px));width:100%}";
8
8
 
9
9
  const EherkenningLogo = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const EherkenningLogo = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, index.h("title", null, "Eherkenning"), index.h("rect", { fill: "#E0E0E0", width: "80", height: "80" }), index.h("path", { "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0 c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475 c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064 c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833 c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0 C31.145,23.178,34.26,23.178,37.363,23.178z" }), index.h("path", { "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592 c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), index.h("path", { "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393 c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76 c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), index.h("path", { "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824 c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), index.h("path", { "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977 c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
15
15
  }
16
16
  };
17
- EherkenningLogo.style = stencilCss;
17
+ EherkenningLogo.style = indexCss;
18
18
 
19
19
  exports.utrecht_eherkenning_logo = EherkenningLogo;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-8c6952a4.js');
6
6
  const clsx_m = require('./clsx.m-b00fa5e1.js');
7
7
 
8
- const stencilCss = ".utrecht-form-toggle{align-items:center;border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);display:flex;height:var(--utrecht-form-toggle-height, 2em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;user-select:none;width:var(--utrecht-form-toggle-width, 6em)}.utrecht-form-toggle--focus,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus{border-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;height:100%;width:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus~.utrecht-form-toggle__track{outline-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));outline-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));outline-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}:host{display:inline-block}:host([hidden]){display:none !important}";
8
+ const indexCss = ".utrecht-form-toggle{align-items:center;border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);display:flex;height:var(--utrecht-form-toggle-height, 2em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;user-select:none;width:var(--utrecht-form-toggle-width, 6em)}.utrecht-form-toggle--focus,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus{border-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;height:100%;width:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus~.utrecht-form-toggle__track{outline-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));outline-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));outline-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}:host{display:inline-block}:host([hidden]){display:none !important}";
9
9
 
10
10
  const FormToggle = class {
11
11
  constructor(hostRef) {
@@ -43,6 +43,6 @@ const FormToggle = class {
43
43
  return (index.h("div", { class: clsx_m.clsx('utrecht-form-toggle', checked && 'utrecht-form-toggle--checked', !checked && 'utrecht-form-toggle--not-checked', disabled && 'utrecht-form-toggle--disabled'), tabIndex: disabled ? null : 0, role: "switch", "aria-disabled": disabled ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, index.h("div", { class: "utrecht-form-toggle__label utrecht-form-toggle__label--off" }), index.h("div", { class: "utrecht-form-toggle__label utrecht-form-toggle__label--on" }), index.h("div", { class: clsx_m.clsx('utrecht-form-toggle__track', checked && 'utrecht-form-toggle__track--checked', !checked && 'utrecht-form-toggle__track--not-checked', disabled && 'utrecht-form-toggle__track--disabled') }, index.h("div", { class: clsx_m.clsx('utrecht-form-toggle__thumb', checked && 'utrecht-form-toggle__thumb--checked', !checked && 'utrecht-form-toggle__thumb--not-checked', disabled && 'utrecht-form-toggle__thumb--disabled') }))));
44
44
  }
45
45
  };
46
- FormToggle.style = stencilCss;
46
+ FormToggle.style = indexCss;
47
47
 
48
48
  exports.utrecht_form_toggle = FormToggle;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconAfval = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconAfval = class {
14
14
  return (index.h("svg", { width: "38", height: "27", viewBox: "0 0 38 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.000253331 4.00088L0.864407 22.4411C0.86744 22.5131 0.897882 22.5812 0.949373 22.6311C1.00086 22.681 1.06944 22.7088 1.14073 22.7088H2.21654C2.86845 22.7994 3.46585 23.1259 3.89817 23.6279C4.33049 24.1298 4.56846 24.7733 4.56802 25.4391C4.57095 25.4926 4.57095 25.5462 4.56802 25.5997V25.5997V26.028C4.56802 26.1021 4.59712 26.1733 4.64894 26.2257C4.70075 26.2781 4.77103 26.3076 4.84431 26.3076H11.4931C11.5615 26.3063 11.627 26.2795 11.6769 26.2323C11.7269 26.185 11.7578 26.1207 11.7636 26.0518L13.4801 4.01279C13.4834 3.97413 13.4787 3.93521 13.4663 3.8985C13.4538 3.86178 13.434 3.82806 13.408 3.79953C13.382 3.77099 13.3505 3.74824 13.3153 3.73272C13.2801 3.71721 13.2422 3.70927 13.2039 3.70941H0.270687C0.233889 3.71017 0.197604 3.71838 0.163978 3.73352C0.130351 3.74866 0.10004 3.77045 0.0748495 3.7976C0.0496587 3.82475 0.0300722 3.85672 0.0172608 3.89164C0.00444947 3.92655 -0.00132048 3.96367 0.000253331 4.00088V4.00088Z", fill: "currentColor" }), index.h("path", { d: "M13.1396 0.979083L0.406326 3.3882C0.369648 3.39413 0.33215 3.39267 0.296029 3.38391C0.259907 3.37515 0.225853 3.35926 0.195814 3.33715C0.165774 3.31504 0.140365 3.28717 0.121002 3.2551C0.101639 3.22302 0.0887298 3.18738 0.0830044 3.15024L0.00657829 2.72197C-0.00583682 2.6473 0.0103503 2.57066 0.0518599 2.50766C0.0933694 2.44465 0.157078 2.40003 0.229972 2.38291L12.9691 0.00352876C13.0055 -0.00236476 13.0426 -0.000867878 13.0784 0.00795815C13.1141 0.0167842 13.1477 0.0327745 13.1773 0.0549387C13.2069 0.0771029 13.2318 0.104994 13.2505 0.137028C13.2693 0.169061 13.2816 0.204592 13.2866 0.241481L13.363 0.669752C13.3703 0.740158 13.3515 0.810792 13.3102 0.867949C13.2689 0.925105 13.2081 0.964719 13.1396 0.979083V0.979083Z", fill: "currentColor" }), index.h("path", { d: "M2.06368 26.9619C3.05068 26.9619 3.85081 26.1523 3.85081 25.1535C3.85081 24.1548 3.05068 23.3452 2.06368 23.3452C1.07667 23.3452 0.27655 24.1548 0.27655 25.1535C0.27655 26.1523 1.07667 26.9619 2.06368 26.9619Z", fill: "currentColor" }), index.h("path", { d: "M33.5383 11.0319L36.607 9.24739C36.6329 9.23388 36.6546 9.21343 36.6698 9.18825C36.685 9.16306 36.693 9.13412 36.693 9.10463C36.693 9.07514 36.685 9.04624 36.6698 9.02105C36.6546 8.99587 36.6329 8.97539 36.607 8.96187L30.5284 6.18396C30.5036 6.17273 30.4764 6.16811 30.4494 6.17056C30.4223 6.17302 30.3963 6.18246 30.3739 6.19798C30.3515 6.21349 30.3334 6.23457 30.3213 6.25919C30.3093 6.28381 30.3036 6.31118 30.305 6.33863L30.4167 9.71734C30.4194 9.75744 30.4364 9.79518 30.4645 9.82361C30.4926 9.85203 30.5299 9.86923 30.5696 9.872C31.5963 9.95065 32.5747 10.345 33.3737 11.0022C33.3953 11.0228 33.4224 11.0366 33.4516 11.0419C33.4808 11.0472 33.511 11.0437 33.5383 11.0319V11.0319Z", fill: "currentColor" }), index.h("path", { d: "M37.9767 25.4272C37.9767 25.4272 36.8715 24.9216 35.0903 21.9355C34.4383 20.7059 34.0008 19.3717 33.797 17.9916C33.7994 17.9301 33.8134 17.8695 33.8381 17.8132L34.7846 15.7907C34.7871 15.763 34.7871 15.7352 34.7846 15.7074C34.8991 15.3838 34.9354 15.037 34.8904 14.6962C34.4436 11.609 32.4272 10.2111 29.1528 10.1456C27.5032 10.1781 25.9234 10.8245 24.7152 11.9614C23.5071 13.0983 22.7554 14.6458 22.6039 16.3082V16.3082C22.4645 17.7854 22.2407 19.2531 21.9337 20.7041C21.5105 22.4887 20.3759 25.4272 20.3759 25.4272C20.3112 25.5759 20.3759 25.7663 20.5169 25.7663H37.818C37.9591 25.7663 38.0414 25.5759 37.9767 25.4272Z", fill: "currentColor" })));
15
15
  }
16
16
  };
17
- IconAfval.style = stencilCss;
17
+ IconAfval.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_afval = IconAfval;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconArrow = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconArrow = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-6 -3 24 24" }, index.h("title", null, "Arrow"), index.h("g", null, index.h("path", { fill: "currentColor", d: "M1.79289 19.0919C2.18341 19.4824 2.81659 19.4824 3.20711 19.0919L11.6923 10.6066C12.0828 10.2161 12.0828 9.58293 11.6923 9.1924L3.20711 0.707113C2.81658 0.316586 2.18342 0.316585 1.79289 0.707111L0.707104 1.7929C0.316581 2.18342 0.316579 2.81658 0.707099 3.20711L6.69232 9.1924C7.08284 9.58293 7.08284 10.2161 6.69232 10.6066L0.707097 16.5919C0.316577 16.9824 0.316577 17.6156 0.707096 18.0061L1.79289 19.0919Z" }))));
15
15
  }
16
16
  };
17
- IconArrow.style = stencilCss;
17
+ IconArrow.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_arrow = IconArrow;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const Checkmark = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const Checkmark = class {
14
14
  return (index.h("svg", { width: "20", height: "20", viewBox: "0 2 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("title", null, "\u2714"), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.1645 9.72984C2.79771 9.31695 2.16565 9.27958 1.75276 9.64637L0.74761 10.5393C0.334716 10.9061 0.297345 11.5381 0.664139 11.951L6.46246 18.4781C6.62657 18.6628 6.84377 18.7724 7.07068 18.8042C7.35107 18.8437 7.64634 18.7644 7.87461 18.5616L18.9907 8.68669C19.4036 8.31989 19.4409 7.68783 19.0741 7.27494L18.2644 6.36347C17.8977 5.95058 17.2656 5.9132 16.8527 6.28L8.2368 13.9339C7.82391 14.3007 7.19185 14.2634 6.82505 13.8505L3.1645 9.72984Z", fill: "currentColor" })));
15
15
  }
16
16
  };
17
- Checkmark.style = stencilCss;
17
+ Checkmark.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_checkmark = Checkmark;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconCross = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconCross = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -3 24 24" }, index.h("title", null, "Arrow"), index.h("g", null, index.h("path", { fill: "currentColor", d: "M0.292897 1.37868C-0.0976322 1.76921 -0.0976324 2.40238 0.292897 2.7929L6.28364 8.7836C6.66684 9.17256 6.66701 9.79731 6.28415 10.1865L0.292896 16.1777C-0.0976317 16.5682 -0.0976317 17.2014 0.292894 17.5919L1.37868 18.6777C1.54958 18.8486 1.76695 18.9447 1.99011 18.966C2.0399 18.9708 2.08998 18.9718 2.1399 18.9691C2.37756 18.9564 2.61153 18.8592 2.79307 18.6777L8.7843 12.6864C9.17359 12.3036 9.79842 12.304 10.1873 12.6874L16.1775 18.6777C16.3556 18.8558 16.5842 18.9527 16.8172 18.9683C17.0952 18.987 17.3794 18.8901 17.5919 18.6777L18.6777 17.5919C19.0682 17.2014 19.0682 16.5682 18.6777 16.1777L12.6869 10.187C12.3037 9.79801 12.3036 9.17323 12.6865 8.78406L18.6777 2.7929C19.0682 2.40238 19.0682 1.76921 18.6777 1.37868L17.5919 0.292897C17.4019 0.102952 17.1546 0.00539363 16.9057 0.000220857C16.6428 -0.00528831 16.3781 0.0922701 16.1775 0.292896L10.1863 6.28416C9.79701 6.66694 9.17217 6.66662 8.78329 6.28318L2.79307 0.292907C2.61496 0.114795 2.38638 0.0179162 2.15336 0.00227038C1.87542 -0.0164342 1.59116 0.0804386 1.3787 0.292889L0.292897 1.37868Z" }))));
15
15
  }
16
16
  };
17
- IconCross.style = stencilCss;
17
+ IconCross.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_cross = IconCross;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconError = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconError = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 38 38" }, index.h("title", null, "Error"), index.h("g", null, index.h("path", { fill: "currentColor", d: "M7.33946 3.24242C7.49556 3.08683 7.70708 2.99963 7.92747 3L15.1042 3.01196C15.3245 3.01232 15.5358 3.10023 15.6914 3.25633L20.7576 8.33946C20.9132 8.49556 21.0004 8.70708 21 8.92747L20.988 16.1042C20.9877 16.3245 20.8998 16.5358 20.7437 16.6914L15.6605 21.7576C15.5044 21.9132 15.2929 22.0004 15.0725 22L7.89585 21.988C7.67545 21.9877 7.46423 21.8998 7.30865 21.7437L2.24242 16.6605C2.08683 16.5044 1.99963 16.2929 2 16.0725L2.01195 8.89585C2.01232 8.67545 2.10023 8.46423 2.25633 8.30865L7.33946 3.24242Z" }), index.h("path", { fill: "white", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.35206 8.82756C7.18099 8.99863 7.18099 9.27599 7.35206 9.44706L9.97629 12.0713C10.1441 12.2416 10.1442 12.5153 9.97651 12.6858L7.35206 15.3102C7.18099 15.4813 7.18099 15.7587 7.35206 15.9297L7.82768 16.4053C7.90254 16.4802 7.99776 16.5223 8.09552 16.5316C8.1187 16.5339 8.14202 16.5342 8.16524 16.5328C8.26793 16.5263 8.36878 16.4838 8.44725 16.4053L11.0717 13.7808C11.2423 13.6132 11.5159 13.6134 11.6863 13.7813L14.3103 16.4053C14.3883 16.4834 14.4884 16.5258 14.5905 16.5327C14.7122 16.5408 14.8368 16.4984 14.9298 16.4054L15.4055 15.9297C15.5765 15.7587 15.5765 15.4813 15.4055 15.3102L12.7812 12.686C12.6134 12.5156 12.6133 12.2419 12.781 12.0715C12.7819 12.0706 12.7827 12.0697 12.7836 12.0689L15.4055 9.44706C15.5765 9.27599 15.5765 8.99863 15.4055 8.82756L14.9298 8.35194C14.8463 8.2684 14.7374 8.22565 14.6279 8.2237C14.5132 8.22164 14.3978 8.26439 14.3103 8.35193L11.6858 10.9764C11.5153 11.1441 11.2416 11.1439 11.0713 10.976L8.44725 8.35194C8.36923 8.27392 8.2691 8.23148 8.16703 8.22463C8.04528 8.21643 7.92076 8.25887 7.82769 8.35193L7.35206 8.82756Z" }))));
15
15
  }
16
16
  };
17
- IconError.style = stencilCss;
17
+ IconError.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_error = IconError;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconFacebook = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconFacebook = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 38 38" }, index.h("title", null, "Facebook"), index.h("g", null, index.h("path", { fill: "currentColor", d: "M25.868,20.809l0.687-5.323h-5.271v-3.398c0-1.541,0.43-2.592,2.641-2.592h2.815v-4.76 c-0.487-0.065-2.158-0.209-4.107-0.209c-4.065,0-6.845,2.481-6.845,7.037v3.925h-4.597v5.322h4.597v13.658h5.494V20.811h4.585 L25.868,20.809L25.868,20.809z" }))));
15
15
  }
16
16
  };
17
- IconFacebook.style = stencilCss;
17
+ IconFacebook.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_facebook = IconFacebook;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconFilter = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconFilter = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -1 24 24" }, index.h("title", null, "Filter"), index.h("rect", { x: "2", y: "6", width: "17", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "4", y: "11", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "6", y: "16", width: "9", height: "2", rx: "0.5", fill: "currentColor" })));
15
15
  }
16
16
  };
17
- IconFilter.style = stencilCss;
17
+ IconFilter.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_filter = IconFilter;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconInformation = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconInformation = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-10 -10 38 38" }, index.h("title", null, "Information"), index.h("g", null, index.h("path", { fill: "currentColor", d: "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" }), index.h("path", { fill: "white", d: "M9 8.5C9 8.22386 9.22386 8 9.5 8H10.5C10.7761 8 11 8.22386 11 8.5V14.5C11 14.7761 10.7761 15 10.5 15H9.5C9.22386 15 9 14.7761 9 14.5V8.5Z" }), index.h("circle", { fill: "white", cx: "10", cy: "6", r: "1" }))));
15
15
  }
16
16
  };
17
- IconInformation.style = stencilCss;
17
+ IconInformation.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_information = IconInformation;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconInstagram = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconInstagram = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-7 -7 42 42" }, index.h("title", null, "Instagram"), index.h("g", null, index.h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M13.4773109,2.42977292 C17.0848739,2.42977292 17.5159664,2.45248108 18.9226891,2.49789739 C20.2386555,2.56602187 20.9420168,2.77039529 21.4184874,2.95206056 C22.0537815,3.20185029 22.507563,3.49705635 22.9613445,3.95121951 C23.4378151,4.42809083 23.7327731,4.88225399 23.9596639,5.49537426 C24.1411765,5.97224558 24.3680672,6.67619849 24.4134454,7.99327166 C24.4815126,9.42388562 24.4815126,9.83263246 24.4815126,13.4432296 C24.4815126,17.0538267 24.4588235,17.4852817 24.4134454,18.8931876 C24.3453782,20.2102607 24.1411765,20.9142136 23.9596639,21.3910849 C23.710084,22.0269134 23.4151261,22.4810765 22.9613445,22.9352397 C22.4848739,23.412111 22.0310924,23.7073171 21.4184874,23.9343987 C20.9420168,24.1160639 20.2386555,24.3431455 18.9226891,24.3885618 C17.4932773,24.4566863 17.0848739,24.4566863 13.4773109,24.4566863 C9.8697479,24.4566863 9.43865546,24.4339781 8.03193277,24.3885618 C6.71596639,24.3204373 6.01260504,24.1160639 5.53613445,23.9343987 C4.90084034,23.6846089 4.44705882,23.3894029 3.99327731,22.9352397 C3.51680672,22.4583684 3.22184874,22.0042052 2.99495798,21.3910849 C2.81344538,20.9142136 2.58655462,20.2102607 2.54117647,18.8931876 C2.47310924,17.4625736 2.47310924,17.0538267 2.47310924,13.4432296 C2.47310924,9.83263246 2.49579832,9.40117746 2.54117647,7.99327166 C2.6092437,6.67619849 2.81344538,5.97224558 2.99495798,5.49537426 C3.19915966,4.90496215 3.49411765,4.45079899 3.97058824,3.97392767 C4.44705882,3.49705635 4.90084034,3.20185029 5.51344538,2.97476871 C5.98991597,2.79310345 6.69327731,2.56602187 8.0092437,2.52060555 C9.43865546,2.42977292 9.8697479,2.42977292 13.4773109,2.42977292 Z M13.4773109,0 C9.82436975,0 9.34789916,0.0227081581 7.91848739,0.0908326325 C6.48907563,0.136248949 5.4907563,0.36333053 4.6512605,0.703952902 C3.76638655,1.04457527 2.99495798,1.49873844 2.24621849,2.24810765 C1.49747899,2.99747687 1.04369748,3.76955425 0.703361345,4.65517241 C0.36302521,5.49537426 0.136134454,6.49453322 0.0680672269,7.92514718 C0,9.35576114 0,9.83263246 0,13.4886459 C0,17.1446594 0.0226890756,17.6215307 0.0907563025,19.0521447 C0.158823529,20.4827586 0.385714286,21.4592094 0.72605042,22.3221194 C1.06638655,23.2077376 1.54285714,23.9571068 2.29159664,24.706476 C3.04033613,25.4558452 3.78907563,25.9100084 4.67394958,26.2733389 C5.53613445,26.6139613 6.51176471,26.8410429 7.94117647,26.9091674 C9.37058824,26.9772918 9.84705882,27 13.5,27 C17.1529412,27 17.6294118,26.9772918 19.0588235,26.9091674 C20.4882353,26.8410429 21.4638655,26.6139613 22.3260504,26.2733389 C23.2109244,25.9327166 23.9596639,25.4558452 24.7084034,24.706476 C25.4571429,23.9571068 25.9109244,23.2077376 26.2739496,22.3221194 C26.6142857,21.4592094 26.8411765,20.4827586 26.9092437,19.0521447 C26.9773109,17.6215307 27,17.1446594 27,13.4886459 C27,9.83263246 26.9773109,9.35576114 26.9092437,7.92514718 C26.8411765,6.49453322 26.6142857,5.51808242 26.2739496,4.65517241 C25.9336134,3.76955425 25.4571429,3.02018503 24.7084034,2.27081581 C23.9596639,1.52144659 23.2109244,1.06728343 22.3260504,0.703952902 C21.4638655,0.36333053 20.4882353,0.136248949 19.0588235,0.0681244743 C17.6067227,0 17.1302521,0 13.4773109,0 Z" }), index.h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M14,7 C10.1213115,7 7,10.1442623 7,14 C7,17.8786885 10.1442623,21 14,21 C17.8557377,21 21,17.8557377 21,14 C21,10.1213115 17.8786885,7 14,7 Z M14,18.5442623 C11.4983607,18.5442623 9.4557377,16.5016393 9.4557377,14 C9.4557377,11.4983607 11.4983607,9.4557377 14,9.4557377 C16.5016393,9.4557377 18.5442623,11.4983607 18.5442623,14 C18.5442623,16.5016393 16.5016393,18.5442623 14,18.5442623 Z" }), index.h("circle", { fill: "currentColor", cx: "21", cy: "6", r: "2" }))));
15
15
  }
16
16
  };
17
- IconInstagram.style = stencilCss;
17
+ IconInstagram.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_instagram = IconInstagram;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconLinkedin = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconLinkedin = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 43 43" }, index.h("title", null, "LinkedIn"), index.h("g", null, index.h("path", { fill: "currentColor", "fill-rule": "nonzero", d: "M0.465517241,8.84482759 L6.05172414,8.84482759 L6.05172414,27 L0.465517241,27 L0.465517241,8.84482759 Z M3.25862069,0 C4.88793103,0 6.51724138,1.39655172 6.51724138,3.25862069 C6.51724138,5.12068966 4.88793103,6.51724138 3.25862069,6.51724138 C1.39655172,6.51724138 0,5.12068966 0,3.25862069 C0,1.39655172 1.39655172,0 3.25862069,0 Z" }), index.h("path", { fill: "currentColor", d: "M9.31034483,8.84482759 L14.7351724,8.84482759 L14.7351724,11.4051724 C15.4427586,10.0086207 17.3296552,8.37931034 20.16,8.37931034 C25.8206897,8.37931034 27,12.1034483 27,16.9913793 L27,27 L21.3393103,27 L21.3393103,18.1551724 C21.3393103,16.0603448 21.3393103,13.2672414 18.2731034,13.2672414 C15.2068966,13.2672414 14.9710345,15.5948276 14.9710345,17.9224138 L14.9710345,26.7672414 L9.31034483,26.7672414 L9.31034483,8.84482759 Z" }))));
15
15
  }
16
16
  };
17
- IconLinkedin.style = stencilCss;
17
+ IconLinkedin.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_linkedin = IconLinkedin;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconList = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconList = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" }, index.h("title", null, "List"), index.h("rect", { x: "6", y: "18", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "6", y: "12", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("rect", { x: "6", y: "6", width: "13", height: "2", rx: "0.5", fill: "currentColor" }), index.h("circle", { cx: "3", cy: "7", r: "1", fill: "currentColor" }), index.h("circle", { cx: "3", cy: "13", r: "1", fill: "currentColor" }), index.h("circle", { cx: "3", cy: "19", r: "1", fill: "currentColor" })));
15
15
  }
16
16
  };
17
- IconList.style = stencilCss;
17
+ IconList.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_list = IconList;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8c6952a4.js');
6
6
 
7
- const stencilCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
7
+ const indexCss = ":host{display:inline-block;height:var(--utrecht-icon-size);width:var(--utrecht-icon-size)}:host([hidden]){display:none !important}svg{color:var(--utrecht-icon-color, currentColor);height:var(--utrecht-icon-size, 100%);width:var(--utrecht-icon-size, 100%)}";
8
8
 
9
9
  const IconLoupe = class {
10
10
  constructor(hostRef) {
@@ -14,6 +14,6 @@ const IconLoupe = class {
14
14
  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 -1 24 24" }, index.h("title", null, "Loupe"), index.h("g", null, index.h("path", { fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.5028 16.2982C11.5839 18.3961 7.51217 18.1416 4.90662 15.5261C2.00474 12.613 2.02036 7.87451 4.94151 4.94223C7.86266 2.00995 12.5832 1.99433 15.485 4.90734C18.0906 7.52288 18.3441 11.6102 16.2541 14.5402C16.2813 14.5597 16.3073 14.5818 16.3317 14.6063L21.1481 19.4412C21.39 19.6839 21.3887 20.0788 21.1452 20.3232L20.2637 21.2081C20.0203 21.4524 19.6269 21.4537 19.3851 21.211L14.5686 16.3761C14.5442 16.3515 14.5223 16.3255 14.5028 16.2982ZM13.6987 13.733C11.7513 15.6879 8.60428 15.6983 6.66969 13.7563C4.7351 11.8143 4.74552 8.65523 6.69295 6.70038C8.64039 4.74553 11.7874 4.73512 13.722 6.67712C15.6566 8.61913 15.6461 11.7782 13.6987 13.733Z" }))));
15
15
  }
16
16
  };
17
- IconLoupe.style = stencilCss;
17
+ IconLoupe.style = indexCss;
18
18
 
19
19
  exports.utrecht_icon_loupe = IconLoupe;