@utrecht/component-library-css 8.1.0 → 8.1.3

package/dist/index.css

@@ -3,11 +3,6 @@
  * Copyright (c) 2024-2025 Gemeente Utrecht
  * Copyright (c) 2024-2025 Frameless B.V.
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2025 Frameless B.V.
- * Copyright (c) 2021-2025 Gemeente Utrecht
- */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2022 Gemeente Utrecht
@@ -26,6 +21,11 @@
  * Copyright (c) 2020-2024 Frameless B.V.
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2025 Frameless B.V.
+ * Copyright (c) 2021-2025 Gemeente Utrecht
+ */
 @charset "UTF-8";
 .utrecht-accordion {
   display: grid;
@@ -4130,10 +4130,10 @@
   color: var(--utrecht-page-color);
   max-inline-size: var(--utrecht-page-max-inline-size);
 }
-
 .utrecht-pagination {
   font-family: var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));
   font-size: var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));
+  line-height: var(--utrecht-pagination-line-height, var(--utrecht-document-line-height));
   margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));
   margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0));
 }
@@ -4170,6 +4170,7 @@
 .utrecht-pagination__relative-link--disabled {
   background-color: var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));
   color: var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));
+  text-decoration: var(--utrecht-pagination-relative-link-disabled-text-decoration, var(--utrecht-pagination-relative-link-text-decoration));
 }
 
 .utrecht-pagination__relative-link--hover,
@@ -4199,6 +4200,7 @@
   --utrecht-pagination-page-link-background-color: var(--utrecht-pagination-page-link-current-background-color);
   --utrecht-pagination-page-link-border-color: var(--utrecht-pagination-page-link-current-border-color);
   --utrecht-pagination-page-link-color: var(--utrecht-pagination-page-link-current-color);
+  --utrecht-pagination-page-link-text-decoration: var(--utrecht-pagination-page-link-current-text-decoration);
 }
 
 .utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
@@ -4206,14 +4208,22 @@
 }
 
 .utrecht-pagination__page-link--hover,
-.utrecht-pagination__page-link:hover {
+.utrecht-pagination__page-link:any-link:hover {
   background-color: var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));
   border-color: var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));
   color: var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color));
 }
 
-.utrecht-pagination__page-link:focus-visible,
-.utrecht-pagination__relative-link:focus-visible {
+.utrecht-pagination__page-link:any-link:focus,
+.utrecht-pagination__relative-link:any-link:focus {
+  background-color: var(--utrecht-pagination-relative-link-focus-background-color, transparent);
+  color: var(--utrecht-pagination-relative-link-focus-color);
+}
+
+.utrecht-pagination__page-link:any-link:focus-visible,
+.utrecht-pagination__relative-link:any-link:focus-visible {
+  background-color: var(--utrecht-pagination-relative-link-focus-visible-background-color, transparent);
+  color: var(--utrecht-pagination-relative-link-focus-visible-color);
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);

package/dist/prince-xml.css

@@ -3,11 +3,6 @@
  * Copyright (c) 2024-2025 Gemeente Utrecht
  * Copyright (c) 2024-2025 Frameless B.V.
  */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2025 Frameless B.V.
- * Copyright (c) 2021-2025 Gemeente Utrecht
- */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2022 Gemeente Utrecht
@@ -21,6 +16,11 @@
  * @license EUPL-1.2
  * Copyright (c) 2022 Frameless B.V.
  */
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2025 Frameless B.V.
+ * Copyright (c) 2021-2025 Gemeente Utrecht
+ */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2020-2024 Frameless B.V.
@@ -1823,13 +1823,6 @@
   -webkit-user-select: none;
   user-select: none;
 }
-@media print {
-  .utrecht-checkbox {
-    min-height: 1.5em;
-    min-width: 1.5em;
-    -prince-pdf-form: enable;
-  }
-}
 .utrecht-checkbox--disabled {
   cursor: var(--utrecht-action-disabled-cursor, revert);
 }
@@ -1913,7 +1906,6 @@
   column-gap: var(--utrecht-column-layout-gap, 2em);
   column-width: var(--utrecht-column-layout-column-width, 40ch);
   display: block;
-  column-width: var(--utrecht-column-layout-column-width, 25em);
 }
 @media print {
   .utrecht-column-layout {
@@ -3427,10 +3419,6 @@
   min-height: var(--utrecht-logo-min-block-size);
   min-width: var(--utrecht-logo-min-inline-size);
 }
-.utrecht-logo svg[role=img][aria-label] {
-  -prince-alt-text: attr(aria-label);
-  -prince-pdf-tag-type: figure;
-}
 .utrecht-logo > img,
 .utrecht-logo > picture,
 .utrecht-logo > svg {
@@ -3988,10 +3976,10 @@
   color: var(--utrecht-page-color);
   max-width: var(--utrecht-page-max-inline-size);
 }
-
 .utrecht-pagination {
   font-family: var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));
   font-size: var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));
+  line-height: var(--utrecht-pagination-line-height, var(--utrecht-document-line-height));
   margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));
   margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0));
 }
@@ -4028,6 +4016,7 @@
 .utrecht-pagination__relative-link--disabled {
   background-color: var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));
   color: var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));
+  text-decoration: var(--utrecht-pagination-relative-link-disabled-text-decoration, var(--utrecht-pagination-relative-link-text-decoration));
 }
 
 .utrecht-pagination__relative-link--hover,
@@ -4057,6 +4046,7 @@
   --utrecht-pagination-page-link-background-color: var(--utrecht-pagination-page-link-current-background-color);
   --utrecht-pagination-page-link-border-color: var(--utrecht-pagination-page-link-current-border-color);
   --utrecht-pagination-page-link-color: var(--utrecht-pagination-page-link-current-color);
+  --utrecht-pagination-page-link-text-decoration: var(--utrecht-pagination-page-link-current-text-decoration);
 }
 
 .utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
@@ -4064,14 +4054,22 @@
 }
 
 .utrecht-pagination__page-link--hover,
-.utrecht-pagination__page-link:hover {
+.utrecht-pagination__page-link[href]:hover {
   background-color: var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));
   border-color: var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));
   color: var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color));
 }
 
-.utrecht-pagination__page-link[prince-xml-ignore-pseudo-class-focus-visible],
-.utrecht-pagination__relative-link[prince-xml-ignore-pseudo-class-focus-visible] {
+.utrecht-pagination__page-link[href]:focus,
+.utrecht-pagination__relative-link[href]:focus {
+  background-color: var(--utrecht-pagination-relative-link-focus-background-color, transparent);
+  color: var(--utrecht-pagination-relative-link-focus-color);
+}
+
+.utrecht-pagination__page-link[href][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-pagination__relative-link[href][prince-xml-ignore-pseudo-class-focus-visible] {
+  background-color: var(--utrecht-pagination-relative-link-focus-visible-background-color, transparent);
+  color: var(--utrecht-pagination-relative-link-focus-visible-color);
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -4178,13 +4176,6 @@
   user-select: none;
   vertical-align: top;
 }
-@media print {
-  .utrecht-radio-button {
-    min-height: 1.5em;
-    min-width: 1.5em;
-    -prince-pdf-form: enable;
-  }
-}
 
 .utrecht-radio-button--checked {
   --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
@@ -6436,11 +6427,6 @@
   padding-right: var(--utrecht-select-padding-inline-end, var(--utrecht-form-control-padding-inline-end));
   padding-left: var(--utrecht-select-padding-inline-start, var(--utrecht-form-control-padding-inline-start));
 }
-@media print {
-  .utrecht-select {
-    -prince-pdf-form: enable;
-  }
-}
 
 .utrecht-select--disabled {
   background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
@@ -6974,33 +6960,19 @@
   list-style-type: none;
   padding-left: 0;
   page-break-inside: avoid;
-  -prince-pdf-tag-type: TOC;
-  margin-left: 0;
-  margin-top: 0;
-  margin-right: 0;
 }
 
 .utrecht-table-of-contents__list-item {
   margin-bottom: var(--utrecht-unordered-list-item-margin-block-end);
   margin-top: var(--utrecht-unordered-list-item-margin-block-start);
-  -prince-pdf-tag-type: TOCI;
 }
 
 .utrecht-table-of-contents__list-item::before {
   content: "";
 }
 
-.utrecht-table-of-contents__list-item-body {
-  -prince-pdf-tag-type: P;
-}
-
 .utrecht-table-of-contents__list-item-label {
   font-variant-numeric: lining-nums tabular-nums;
-  -prince-pdf-tag-type: Lbl;
-}
-
-.utrecht-table-of-contents__list-item-title {
-  -prince-pdf-tag-type: Span;
 }
 .utrecht-textarea {
   background-color: var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));
@@ -7027,15 +6999,6 @@
   resize: vertical;
   resize: block;
 }
-@media print {
-  .utrecht-textarea {
-    -prince-pdf-form: enable;
-    border-width: var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)) !important;
-    border-bottom-width: auto !important;
-    border-color: var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color)) !important;
-    width: 100%;
-  }
-}
 
 .utrecht-textarea--invalid {
   --_utrecht-textarea-border-width: var(
@@ -7166,15 +7129,6 @@
   padding-right: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
   padding-left: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
 }
-@media print {
-  .utrecht-textbox {
-    -prince-pdf-form: enable;
-    border-width: var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) !important;
-    border-bottom-width: auto !important;
-    border-color: var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color)) !important;
-    width: 100%;
-  }
-}
 
 .utrecht-textbox--invalid {
   --_utrecht-textbox-border-width: var(
@@ -7967,13 +7921,6 @@
   -webkit-user-select: none;
   user-select: none;
 }
-@media print {
-  .utrecht-html input[type=checkbox i] {
-    min-height: 1.5em;
-    min-width: 1.5em;
-    -prince-pdf-form: enable;
-  }
-}
 .utrecht-html input[type=checkbox i]:disabled {
   cursor: var(--utrecht-action-disabled-cursor, revert);
 }
@@ -8352,13 +8299,6 @@
   user-select: none;
   vertical-align: top;
 }
-@media print {
-  .utrecht-html input[type=radio i] {
-    min-height: 1.5em;
-    min-width: 1.5em;
-    -prince-pdf-form: enable;
-  }
-}
 .utrecht-html input[type=radio i]:checked {
   --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
   --_utrecht-radio-button-state-background-color: var(--utrecht-radio-button-checked-background-color);
@@ -8498,11 +8438,6 @@
   padding-right: var(--utrecht-select-padding-inline-end, var(--utrecht-form-control-padding-inline-end));
   padding-left: var(--utrecht-select-padding-inline-start, var(--utrecht-form-control-padding-inline-start));
 }
-@media print {
-  .utrecht-html select {
-    -prince-pdf-form: enable;
-  }
-}
 .utrecht-html select:hover {
   background-color: var(--utrecht-select-hover-background-color, var(--utrecht-form-control-hover-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-select-hover-border-color, var(--utrecht-form-control-hover-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
@@ -8684,15 +8619,6 @@
   resize: vertical;
   resize: block;
 }
-@media print {
-  .utrecht-html textarea {
-    -prince-pdf-form: enable;
-    border-width: var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)) !important;
-    border-bottom-width: auto !important;
-    border-color: var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color)) !important;
-    width: 100%;
-  }
-}
 .utrecht-html textarea:focus {
   background-color: var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
@@ -8781,27 +8707,6 @@
   padding-right: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
   padding-left: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
 }
-@media print {
-  .utrecht-html input:not([type]),
-  .utrecht-html input[type=date i],
-  .utrecht-html input[type=datetime-local i],
-  .utrecht-html input[type=email i],
-  .utrecht-html input[type=month i],
-  .utrecht-html input[type=number i],
-  .utrecht-html input[type=password i],
-  .utrecht-html input[type=search i],
-  .utrecht-html input[type=tel i],
-  .utrecht-html input[type=text i],
-  .utrecht-html input[type=time i],
-  .utrecht-html input[type=url i],
-  .utrecht-html input[type=week i] {
-    -prince-pdf-form: enable;
-    border-width: var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) !important;
-    border-bottom-width: auto !important;
-    border-color: var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color)) !important;
-    width: 100%;
-  }
-}
 .utrecht-html input:not([type]):focus,
 .utrecht-html input[type=date i]:focus,
 .utrecht-html input[type=datetime-local i]:focus,

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "8.1.0",
+  "version": "8.1.3",
   "author": "Community for NL Design System",
   "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -20,105 +20,105 @@
     "directory": "packages/component-library-css"
   },
   "dependencies": {
-    "@utrecht/accordion-css": "2.0.0",
-    "@utrecht/action-group-css": "2.0.0",
-    "@utrecht/alert-css": "2.4.0",
-    "@utrecht/alert-dialog-css": "1.4.2",
-    "@utrecht/alternate-lang-nav-css": "1.3.1",
-    "@utrecht/article-css": "1.5.1",
-    "@utrecht/backdrop-css": "1.4.1",
-    "@utrecht/badge-counter-css": "1.4.1",
-    "@utrecht/badge-list-css": "2.2.1",
-    "@utrecht/badge-status-css": "1.4.1",
-    "@utrecht/blockquote-css": "1.6.1",
-    "@utrecht/body-css": "1.2.1",
-    "@utrecht/breadcrumb-nav-css": "1.5.1",
-    "@utrecht/button-css": "2.3.1",
-    "@utrecht/button-group-css": "1.5.0",
-    "@utrecht/button-link-css": "1.3.1",
-    "@utrecht/calendar-css": "1.4.1",
-    "@utrecht/checkbox-css": "1.6.1",
-    "@utrecht/code-block-css": "1.5.1",
-    "@utrecht/code-css": "1.5.1",
-    "@utrecht/color-sample-css": "1.4.1",
-    "@utrecht/column-layout-css": "1.5.1",
-    "@utrecht/combobox-css": "1.4.1",
-    "@utrecht/currency-data-css": "1.3.1",
-    "@utrecht/custom-checkbox-css": "1.3.2",
-    "@utrecht/data-badge-css": "1.0.1",
-    "@utrecht/data-list-css": "1.4.1",
-    "@utrecht/data-placeholder-css": "1.4.1",
+    "@utrecht/accordion-css": "3.0.0",
+    "@utrecht/action-group-css": "3.0.0",
+    "@utrecht/alert-css": "3.0.0",
+    "@utrecht/alert-dialog-css": "2.0.0",
+    "@utrecht/alternate-lang-nav-css": "2.0.0",
+    "@utrecht/article-css": "2.0.0",
+    "@utrecht/backdrop-css": "2.0.0",
+    "@utrecht/badge-counter-css": "2.0.0",
+    "@utrecht/badge-list-css": "3.0.0",
+    "@utrecht/badge-status-css": "2.0.0",
+    "@utrecht/blockquote-css": "2.0.0",
+    "@utrecht/body-css": "2.0.0",
+    "@utrecht/breadcrumb-nav-css": "2.0.0",
+    "@utrecht/button-css": "3.0.0",
+    "@utrecht/button-group-css": "2.0.0",
+    "@utrecht/button-link-css": "2.0.0",
+    "@utrecht/calendar-css": "2.0.0",
+    "@utrecht/checkbox-css": "2.0.0",
+    "@utrecht/code-block-css": "2.0.0",
+    "@utrecht/code-css": "2.0.0",
+    "@utrecht/color-sample-css": "2.0.0",
+    "@utrecht/column-layout-css": "2.0.0",
+    "@utrecht/combobox-css": "2.0.0",
+    "@utrecht/currency-data-css": "2.0.0",
+    "@utrecht/custom-checkbox-css": "2.0.0",
+    "@utrecht/data-badge-css": "2.0.0",
+    "@utrecht/data-list-css": "2.0.0",
+    "@utrecht/data-placeholder-css": "2.0.0",
     "@utrecht/digid-button-css": "1.4.1",
-    "@utrecht/document-css": "1.5.1",
-    "@utrecht/drawer-css": "1.4.1",
-    "@utrecht/emphasis-css": "1.5.1",
-    "@utrecht/figure-css": "1.6.0",
-    "@utrecht/form-css": "1.5.1",
-    "@utrecht/form-field-css": "1.5.1",
-    "@utrecht/form-field-description-css": "1.5.1",
-    "@utrecht/form-field-error-message-css": "1.5.1",
-    "@utrecht/form-fieldset-css": "1.5.1",
-    "@utrecht/form-label-css": "1.6.1",
-    "@utrecht/form-toggle-css": "1.5.1",
-    "@utrecht/heading-1-css": "1.5.1",
-    "@utrecht/heading-2-css": "1.5.1",
-    "@utrecht/heading-3-css": "1.5.1",
-    "@utrecht/heading-4-css": "1.5.1",
-    "@utrecht/heading-5-css": "1.5.1",
-    "@utrecht/heading-6-css": "1.5.1",
-    "@utrecht/heading-group-css": "1.5.1",
-    "@utrecht/html-content-css": "1.4.1",
-    "@utrecht/iban-data-css": "1.3.1",
-    "@utrecht/icon-css": "2.0.1",
-    "@utrecht/img-css": "1.3.1",
-    "@utrecht/index-char-nav-css": "1.4.1",
-    "@utrecht/link-button-css": "1.4.1",
-    "@utrecht/link-css": "1.6.1",
-    "@utrecht/link-list-css": "2.3.1",
-    "@utrecht/link-social-css": "1.4.1",
-    "@utrecht/list-social-css": "1.4.1",
-    "@utrecht/listbox-css": "1.5.2",
+    "@utrecht/document-css": "2.0.0",
+    "@utrecht/drawer-css": "2.0.0",
+    "@utrecht/emphasis-css": "2.0.0",
+    "@utrecht/figure-css": "2.0.0",
+    "@utrecht/form-css": "2.0.0",
+    "@utrecht/form-field-css": "2.0.0",
+    "@utrecht/form-field-description-css": "2.0.0",
+    "@utrecht/form-field-error-message-css": "2.0.0",
+    "@utrecht/form-fieldset-css": "2.0.0",
+    "@utrecht/form-label-css": "2.0.0",
+    "@utrecht/form-toggle-css": "2.0.0",
+    "@utrecht/heading-1-css": "2.0.0",
+    "@utrecht/heading-2-css": "2.0.0",
+    "@utrecht/heading-3-css": "2.0.0",
+    "@utrecht/heading-4-css": "2.0.0",
+    "@utrecht/heading-5-css": "2.0.0",
+    "@utrecht/heading-6-css": "2.0.0",
+    "@utrecht/heading-group-css": "2.0.0",
+    "@utrecht/html-content-css": "2.0.0",
+    "@utrecht/iban-data-css": "2.0.0",
+    "@utrecht/icon-css": "3.0.0",
+    "@utrecht/img-css": "2.0.0",
+    "@utrecht/index-char-nav-css": "2.0.0",
+    "@utrecht/link-button-css": "2.0.0",
+    "@utrecht/link-css": "2.0.0",
+    "@utrecht/link-list-css": "3.0.0",
+    "@utrecht/link-social-css": "2.0.0",
+    "@utrecht/list-social-css": "2.0.0",
+    "@utrecht/listbox-css": "2.0.0",
     "@utrecht/logo-button-css": "1.4.1",
-    "@utrecht/logo-css": "1.4.1",
+    "@utrecht/logo-css": "2.0.0",
     "@utrecht/logo-image-css": "1.4.1",
-    "@utrecht/map-marker-css": "1.4.1",
-    "@utrecht/mark-css": "1.5.1",
-    "@utrecht/multiline-data-css": "1.3.1",
-    "@utrecht/nav-bar-css": "1.4.1",
+    "@utrecht/map-marker-css": "2.0.0",
+    "@utrecht/mark-css": "2.0.0",
+    "@utrecht/multiline-data-css": "2.0.0",
+    "@utrecht/nav-bar-css": "2.0.0",
     "@utrecht/nav-list-css": "1.3.1",
     "@utrecht/navigation-css": "1.0.0",
-    "@utrecht/number-badge-css": "2.3.1",
-    "@utrecht/number-data-css": "1.4.1",
-    "@utrecht/ordered-list-css": "2.0.0",
-    "@utrecht/page-body-css": "0.1.1",
-    "@utrecht/page-content-css": "1.4.1",
-    "@utrecht/page-css": "1.4.1",
-    "@utrecht/page-footer-css": "2.1.1",
-    "@utrecht/page-header-css": "1.5.1",
-    "@utrecht/page-layout-css": "1.1.1",
-    "@utrecht/pagination-css": "1.4.1",
-    "@utrecht/paragraph-css": "2.3.1",
-    "@utrecht/pre-heading-css": "1.4.1",
-    "@utrecht/preserve-data-css": "1.3.1",
-    "@utrecht/radio-button-css": "1.6.1",
-    "@utrecht/rich-text-css": "1.4.0",
-    "@utrecht/root-css": "1.2.1",
-    "@utrecht/search-bar-css": "2.2.1",
-    "@utrecht/select-css": "1.8.1",
-    "@utrecht/separator-css": "1.5.1",
-    "@utrecht/skip-link-css": "1.5.1",
-    "@utrecht/spotlight-section-css": "1.6.1",
-    "@utrecht/surface-css": "1.4.1",
-    "@utrecht/table-css": "1.6.1",
-    "@utrecht/table-of-contents-css": "0.3.1",
-    "@utrecht/textarea-css": "2.3.2",
-    "@utrecht/textbox-css": "2.0.0",
-    "@utrecht/tooltip-css": "1.0.0",
-    "@utrecht/top-task-link-css": "1.4.1",
+    "@utrecht/number-badge-css": "3.0.0",
+    "@utrecht/number-data-css": "2.0.0",
+    "@utrecht/ordered-list-css": "3.0.0",
+    "@utrecht/page-body-css": "1.0.0",
+    "@utrecht/page-content-css": "2.0.0",
+    "@utrecht/page-css": "2.0.0",
+    "@utrecht/page-footer-css": "3.0.0",
+    "@utrecht/page-header-css": "2.0.0",
+    "@utrecht/page-layout-css": "2.0.0",
+    "@utrecht/pagination-css": "2.0.2",
+    "@utrecht/paragraph-css": "3.0.0",
+    "@utrecht/pre-heading-css": "2.0.0",
+    "@utrecht/preserve-data-css": "2.0.0",
+    "@utrecht/radio-button-css": "2.0.0",
+    "@utrecht/rich-text-css": "2.0.0",
+    "@utrecht/root-css": "2.0.0",
+    "@utrecht/search-bar-css": "3.0.0",
+    "@utrecht/select-css": "2.0.0",
+    "@utrecht/separator-css": "2.0.0",
+    "@utrecht/skip-link-css": "2.0.0",
+    "@utrecht/spotlight-section-css": "2.0.0",
+    "@utrecht/surface-css": "2.0.0",
+    "@utrecht/table-css": "2.0.0",
+    "@utrecht/table-of-contents-css": "1.0.0",
+    "@utrecht/textarea-css": "3.0.0",
+    "@utrecht/textbox-css": "3.0.0",
+    "@utrecht/tooltip-css": "2.0.0",
+    "@utrecht/top-task-link-css": "2.0.0",
     "@utrecht/top-task-nav-css": "1.3.1",
-    "@utrecht/unordered-list-css": "1.5.1",
-    "@utrecht/url-data-css": "1.3.1",
-    "@utrecht/youtube-video-css": "1.0.0"
+    "@utrecht/unordered-list-css": "2.0.0",
+    "@utrecht/url-data-css": "2.0.0",
+    "@utrecht/youtube-video-css": "2.0.0"
   },
   "devDependencies": {
     "postcss": "8.4.38",