npm - @utrecht/component-library-css - Versions diffs - 8.2.1 → 9.0.1 - Mend

@utrecht/component-library-css 8.2.1 → 9.0.1

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 (4) hide show

package/dist/html.css CHANGED Viewed

@@ -1102,6 +1102,7 @@
   border-style: solid;
   box-sizing: border-box;
   color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
+  display: block;
   font-family: var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));
   font-size: var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));
   font-weight: var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));
@@ -1110,10 +1111,12 @@
   min-block-size: var(--utrecht-pointer-target-min-size, 44px);
   min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
   max-inline-size: min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));
+  overflow: hidden;
   padding-block-end: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));
   padding-block-start: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));
   padding-inline-end: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
   padding-inline-start: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
+  white-space: nowrap;
 }
 .utrecht-html input:not([type]):focus,
 .utrecht-html input[type=date i]:focus,

package/dist/index.css CHANGED Viewed

@@ -386,7 +386,7 @@
   flex-wrap: wrap;
   row-gap: var(--utrecht-badge-list-row-gap);
 }
-.utrecht-badge-status {
+.utrecht-status-badge {
   background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%));
   border-radius: var(--utrecht-badge-border-radius, 0.5ch);
   color: var(--utrecht-badge-color, hsl(0, 0%, 100%));
@@ -405,65 +405,88 @@
   padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch);
   padding-inline-start: var(--utrecht-badge-padding-inline, 0.5ch);
   text-decoration: none;
-  letter-spacing: var(--utrecht-badge-status-letter-spacing, inherit);
-  text-transform: var(--utrecht-badge-status-text-transform, inherit);
+  --utrecht-badge-background-color: var(--utrecht-status-badge-background-color);
+  --utrecht-badge-border-radius: var(--utrecht-status-badge-border-radius);
+  --utrecht-badge-color: var(--utrecht-status-badge-color);
+  --utrecht-badge-font-size: var(--utrecht-status-badge-font-size, inherit);
+  --utrecht-badge-font-style: var(--utrecht-status-badge-font-style);
+  --utrecht-badge-font-weight: var(--utrecht-status-badge-font-weight);
+  --utrecht-badge-line-height: var(--utrecht-status-badge-line-height);
+  --utrecht-badge-padding-block: var(--utrecht-status-badge-padding-block);
+  --utrecht-badge-padding-inline: var(--utrecht-status-badge-padding-inline);
+  border-color: var(--utrecht-status-badge-border-color, transparent);
+  border-width: var(--utrecht-status-badge-border-width);
+  font-family: var(--utrecht-status-badge-font-family, inherit);
+  letter-spacing: var(--utrecht-status-badge-letter-spacing, inherit);
+  min-block-size: var(--utrecht-status-badge-min-block-size, 1em);
+  min-inline-size: var(--utrecht-status-badge-min-inline-size, 1em);
+  text-transform: var(--utrecht-status-badge-text-transform, inherit);
 }
 @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-badge-status {
+  .utrecht-status-badge {
     border-color: currentColor;
     border-style: solid;
     border-width: 1px;
   }
 }
-.utrecht-badge-status--danger {
-  background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));
-  color: var(--utrecht-feedback-danger-fill-color, white);
+.utrecht-status-badge--danger {
+  background-color: var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));
+  border-color: var(--utrecht-status-badge-danger-border-color);
+  color: var(--utrecht-status-badge-danger-color, white);
 }
-.utrecht-badge-status--warning {
-  background-color: var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%));
-  color: var(--utrecht-feedback-warning-fill-color, white);
+.utrecht-status-badge--warning {
+  background-color: var(--utrecht-status-badge-warning-background-color, hsl(48, 100%, 50%));
+  border-color: var(--utrecht-status-badge-warning-border-color);
+  color: var(--utrecht-status-badge-warning-color, white);
 }
-.utrecht-badge-status--safe {
-  background-color: var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%));
-  color: var(--utrecht-feedback-safe-fill-color, white);
+.utrecht-status-badge--safe {
+  background-color: var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%));
+  border-color: var(--utrecht-status-badge-safe-border-color);
+  color: var(--utrecht-status-badge-safe-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-status-badge--neutral {
+  background-color: var(--utrecht-status-badge-neutral-background-color, black);
+  border-color: var(--utrecht-status-badge-neutral-border-color);
+  color: var(--utrecht-status-badge-neutral-color, white);
 }
-.utrecht-badge-status--valid {
-  background-color: var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
-  color: var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white));
+.utrecht-status-badge--valid {
+  background-color: var(--utrecht-status-badge-valid-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
+  border-color: var(--utrecht-status-badge-valid-border-color);
+  color: var(--utrecht-status-badge-valid-color, var(--utrecht-status-badge-safe-color, white));
 }
-.utrecht-badge-status--invalid {
-  background-color: var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));
-  color: var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white));
+.utrecht-status-badge--invalid {
+  background-color: var(--utrecht-status-badge-invalid-background-color, var(--utrecht-status-badge-danger-background-color, hsl(39, 100%, 50%)));
+  border-color: var(--utrecht-status-badge-invalid-border-color);
+  color: var(--utrecht-status-badge-invalid-color, var(--utrecht-status-badge-danger-color, white));
 }
-.utrecht-badge-status--error {
-  background-color: var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%)));
-  color: var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white));
+.utrecht-status-badge--error {
+  background-color: var(--utrecht-status-badge-error-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 30%)));
+  color: var(--utrecht-status-badge-error-color, var(--utrecht-status-badge-danger-color, white));
 }
-.utrecht-badge-status--success {
-  background-color: var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
-  color: var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white));
+.utrecht-status-badge--success {
+  background-color: var(--utrecht-status-badge-success-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
+  border-color: var(--utrecht-status-badge-success-border-color);
+  color: var(--utrecht-status-badge-success-color, var(--utrecht-status-badge-safe-color, white));
 }
-.utrecht-badge-status--active {
-  background-color: var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
-  color: var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white));
+.utrecht-status-badge--active {
+  background-color: var(--utrecht-status-badge-active-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
+  border-color: var(--utrecht-status-badge-active-border-color);
+  color: var(--utrecht-status-badge-active-color, var(--utrecht-status-badge-safe-color, white));
 }
-.utrecht-badge-status--inactive {
-  background-color: var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)));
-  color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
+.utrecht-status-badge--inactive {
+  background-color: var(--utrecht-status-badge-inactive-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%)));
+  border-color: var(--utrecht-status-badge-inactive-border-color);
+  color: var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white));
 }
 .utrecht-blockquote {
   background-color: var(--utrecht-blockquote-background-color);
@@ -4064,10 +4087,6 @@
 }
 .utrecht-listbox__option--selected {
-  --_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-selected-disabled-background-color);
-  --_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-selected-disabled-color);
-  --_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-selected-hover-background-color);
-  --_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-selected-hover-color);
   --_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-selected-background-color);
   --_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-selected-color);
 }
@@ -4090,6 +4109,10 @@
   --_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-disabled-color);
   cursor: var(--utrecht-action-disabled-cursor, not-allowed);
 }
+.utrecht-listbox__option--disabled.utrecht-listbox__option--selected {
+  --_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-selected-disabled-background-color);
+  --_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-selected-disabled-color);
+}
 .utrecht-listbox--disabled {
   --_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-disabled-background-color);
@@ -4245,6 +4268,10 @@
   }
 }
+.utrecht-nav-bar__heading {
+  display: none;
+}
 .utrecht-nav-bar__content {
   align-items: stretch;
   background-color: var(--utrecht-nav-bar-content-background-color);
@@ -4263,7 +4290,7 @@
   margin-inline-end: 0;
   margin-inline-start: 0;
   padding-inline-start: 0;
-  align-items: stretch;
+  align-items: baseline;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -4271,6 +4298,16 @@
   justify-content: start;
 }
+.utrecht-nav-list--inline-size-auto {
+  inline-size: auto;
+}
+.utrecht-nav-list__link[aria-current=page],
+.utrecht-nav-list__link[aria-current=true] {
+  background-color: var(--utrecht-navigation-link-current-background-color, transparent);
+  font-weight: var(--utrecht-navigation-link-current-font-weight);
+}
 .utrecht-nav-list--center > * {
   flex: 1 1 0;
   justify-content: center;
@@ -4352,8 +4389,6 @@
 }
 .utrecht-navigation__link {
-  --utrecht-link-focus-text-decoration: underline;
-  --utrecht-link-focus-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
   --utrecht-link-text-decoration: none;
   --utrecht-link-active-color: var(--utrecht-navigation-link-active-color);
   --utrecht-link-hover-text-decoration-thickness: var(--utrecht-navigation-link-hover-decoration-thickness);
@@ -4382,18 +4417,37 @@
   --utrecht-navigation-marker-outline-hover-fill: currentColor;
 }
-.utrecht-navigation__link:focus {
+.utrecht-link.utrecht-link--html-a.utrecht-navigation__link:focus-visible {
+  --utrecht-navigation-link-active-focus-color: var(--utrecht-navigation-link-focus-visible-color);
+  --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
+  --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
+  --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
+  --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
+  --utrecht-link-focus-visible-text-decoration-thickness: var(
+    --utrecht-navigation-link-focus-visible-text-decoration-thickness
+  );
+  --utrecht-link-focus-visible-text-decoration: underline;
+  --utrecht-navigation-marker-color: currentColor;
+  --utrecht-navigation-marker-outline-hover-fill: currentColor;
+}
+.utrecht-link.utrecht-link--html-a.utrecht-navigation__link:focus {
   --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-color);
-  --utrecht-link-focus-background-color: var(--utrecht-color-yellow-80);
+  --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-background-color);
   --utrecht-navigation-marker-color: currentColor;
   --utrecht-navigation-marker-outline-hover-fill: currentColor;
+  --utrecht-link-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
+  --utrecht-link-text-decoration: underline;
 }
-.utrecht-navigation__link:active:focus {
-  --utrecht-link-focus-color: var(--utrecht-navigation-link-active-focus-color);
+.utrecht-navigation__link:active {
+  --utrecht-link-active-color: var(--utrecht-navigation-link-active-focus-color);
 }
 .utrecht-navigation__link--mobile {
+  --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-mobile-focus-color);
+  --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-mobile-focus-background-color);
+  --utrecht-link-active-color: var(--utrecht-navigation-link-mobile-active-color);
   --_utrecht-navigation-link-align-items: center;
   --_utrecht-navigation-link-justify-content: normal;
   --utrecht-navigation-link-padding-inline-start: var(--utrecht-navigation-link-mobile-padding-inline-start);
@@ -4419,6 +4473,7 @@
 }
 .utrecht-navigation__link--is-current {
+  --utrecht-navigation-link-mobile-hover-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
   --utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
 }
@@ -5252,6 +5307,9 @@
 .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-paragraph) {
   --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-separator) {
   --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5315,6 +5373,9 @@
 .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-paragraph) {
   --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-separator) {
   --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5381,6 +5442,9 @@
 .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-paragraph) {
   --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-separator) {
   --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5447,6 +5511,9 @@
 .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-paragraph) {
   --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-separator) {
   --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5513,6 +5580,9 @@
 .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-paragraph) {
   --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-separator) {
   --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5576,6 +5646,9 @@
 .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-paragraph) {
   --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-separator) {
   --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5651,6 +5724,9 @@
 .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-paragraph) {
   --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-spotlight-section) {
+  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-separator) {
   --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5801,6 +5877,9 @@
 .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-paragraph) {
   --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-separator) {
   --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5873,6 +5952,9 @@
 .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-paragraph) {
   --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-spotlight-section) {
+  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-separator) {
   --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5948,6 +6030,9 @@
 .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
   --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-spotlight-section) {
+  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
   --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6020,6 +6105,9 @@
 .utrecht-rich-text .utrecht-button:has(+ .utrecht-paragraph) {
   --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-button:has(+ .utrecht-spotlight-section) {
+  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-button:has(+ .utrecht-separator) {
   --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6089,6 +6177,9 @@
 .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-paragraph) {
   --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-spotlight-section) {
+  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-separator) {
   --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6158,6 +6249,9 @@
 .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
   --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-action-group:has(+ .utrecht-spotlight-section) {
+  --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
   --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6233,6 +6327,9 @@
 .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-paragraph) {
   --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-separator) {
   --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6371,6 +6468,9 @@
 .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-paragraph) {
   --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-spotlight-section) {
+  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-separator) {
   --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6491,6 +6591,9 @@
 .utrecht-rich-text .utrecht-img:has(+ .utrecht-paragraph) {
   --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-img:has(+ .utrecht-spotlight-section) {
+  --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-img:has(+ .utrecht-separator) {
   --utrecht-img-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6557,6 +6660,9 @@
 .utrecht-rich-text .utrecht-link:has(+ .utrecht-paragraph) {
   --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-link:has(+ .utrecht-spotlight-section) {
+  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-link:has(+ .utrecht-separator) {
   --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6629,6 +6735,9 @@
 .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-paragraph) {
   --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-separator) {
   --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6695,6 +6804,9 @@
 .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-paragraph) {
   --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-spotlight-section) {
+  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-separator) {
   --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6764,6 +6876,9 @@
 .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-paragraph) {
   --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-spotlight-section) {
+  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-separator) {
   --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6845,6 +6960,9 @@
 .utrecht-rich-text .utrecht-separator:has(+ .utrecht-paragraph) {
   --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-separator:has(+ .utrecht-spotlight-section) {
+  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-separator:has(+ .utrecht-separator) {
   --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6857,6 +6975,87 @@
 .utrecht-rich-text .utrecht-separator:has(+ .utrecht-unordered-list) {
   --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-spotlight-section:first-child {
+  --utrecht-spotlight-section-margin-block-start: 0;
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-1) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-2) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-3) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-4) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-5) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-6) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-accordion) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-blockquote) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button-group) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-action-group) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-counter) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-data-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-figure) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-form-field) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-img) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-link) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-ordered-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-pagination) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-paragraph) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-spotlight-section) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-separator) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-status) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-table) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-unordered-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-sidenav:first-child {
   --utrecht-sidenav-margin-block-start: 0;
 }
@@ -6917,6 +7116,9 @@
 .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-pagination) {
   --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-spotlight-section) {
+  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-separator) {
   --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -7007,6 +7209,9 @@
 .utrecht-rich-text .utrecht-table:has(+ .utrecht-paragraph) {
   --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-table:has(+ .utrecht-spotlight-section) {
+  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-table:has(+ .utrecht-separator) {
   --utrecht-table-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -7094,6 +7299,9 @@
 .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-paragraph) {
   --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-separator) {
   --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -7899,6 +8107,7 @@
   border-style: solid;
   box-sizing: border-box;
   color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
+  display: block;
   font-family: var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));
   font-size: var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));
   font-weight: var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));
@@ -7907,10 +8116,12 @@
   min-block-size: var(--utrecht-pointer-target-min-size, 44px);
   min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
   max-inline-size: min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));
+  overflow: hidden;
   padding-block-end: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));
   padding-block-start: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));
   padding-inline-end: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
   padding-inline-start: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
+  white-space: nowrap;
 }
 .utrecht-textbox--invalid {

package/dist/prince-xml.css CHANGED Viewed

@@ -358,7 +358,7 @@
   flex-wrap: wrap;
   row-gap: var(--utrecht-badge-list-row-gap);
 }
-.utrecht-badge-status {
+.utrecht-status-badge {
   background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%));
   border-radius: var(--utrecht-badge-border-radius, 0.5ch);
   color: var(--utrecht-badge-color, hsl(0, 0%, 100%));
@@ -377,58 +377,81 @@
   padding-right: var(--utrecht-badge-padding-inline, 0.5ch);
   padding-left: var(--utrecht-badge-padding-inline, 0.5ch);
   text-decoration: none;
-  letter-spacing: var(--utrecht-badge-status-letter-spacing, inherit);
-  text-transform: var(--utrecht-badge-status-text-transform, inherit);
+  --utrecht-badge-background-color: var(--utrecht-status-badge-background-color);
+  --utrecht-badge-border-radius: var(--utrecht-status-badge-border-radius);
+  --utrecht-badge-color: var(--utrecht-status-badge-color);
+  --utrecht-badge-font-size: var(--utrecht-status-badge-font-size, inherit);
+  --utrecht-badge-font-style: var(--utrecht-status-badge-font-style);
+  --utrecht-badge-font-weight: var(--utrecht-status-badge-font-weight);
+  --utrecht-badge-line-height: var(--utrecht-status-badge-line-height);
+  --utrecht-badge-padding-block: var(--utrecht-status-badge-padding-block);
+  --utrecht-badge-padding-inline: var(--utrecht-status-badge-padding-inline);
+  border-color: var(--utrecht-status-badge-border-color, transparent);
+  border-width: var(--utrecht-status-badge-border-width);
+  font-family: var(--utrecht-status-badge-font-family, inherit);
+  letter-spacing: var(--utrecht-status-badge-letter-spacing, inherit);
+  min-height: var(--utrecht-status-badge-min-block-size, 1em);
+  min-width: var(--utrecht-status-badge-min-inline-size, 1em);
+  text-transform: var(--utrecht-status-badge-text-transform, inherit);
 }
-.utrecht-badge-status--danger {
-  background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));
-  color: var(--utrecht-feedback-danger-fill-color, white);
+.utrecht-status-badge--danger {
+  background-color: var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));
+  border-color: var(--utrecht-status-badge-danger-border-color);
+  color: var(--utrecht-status-badge-danger-color, white);
 }
-.utrecht-badge-status--warning {
-  background-color: var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%));
-  color: var(--utrecht-feedback-warning-fill-color, white);
+.utrecht-status-badge--warning {
+  background-color: var(--utrecht-status-badge-warning-background-color, hsl(48, 100%, 50%));
+  border-color: var(--utrecht-status-badge-warning-border-color);
+  color: var(--utrecht-status-badge-warning-color, white);
 }
-.utrecht-badge-status--safe {
-  background-color: var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%));
-  color: var(--utrecht-feedback-safe-fill-color, white);
+.utrecht-status-badge--safe {
+  background-color: var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%));
+  border-color: var(--utrecht-status-badge-safe-border-color);
+  color: var(--utrecht-status-badge-safe-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-status-badge--neutral {
+  background-color: var(--utrecht-status-badge-neutral-background-color, black);
+  border-color: var(--utrecht-status-badge-neutral-border-color);
+  color: var(--utrecht-status-badge-neutral-color, white);
 }
-.utrecht-badge-status--valid {
-  background-color: var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
-  color: var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white));
+.utrecht-status-badge--valid {
+  background-color: var(--utrecht-status-badge-valid-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
+  border-color: var(--utrecht-status-badge-valid-border-color);
+  color: var(--utrecht-status-badge-valid-color, var(--utrecht-status-badge-safe-color, white));
 }
-.utrecht-badge-status--invalid {
-  background-color: var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));
-  color: var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white));
+.utrecht-status-badge--invalid {
+  background-color: var(--utrecht-status-badge-invalid-background-color, var(--utrecht-status-badge-danger-background-color, hsl(39, 100%, 50%)));
+  border-color: var(--utrecht-status-badge-invalid-border-color);
+  color: var(--utrecht-status-badge-invalid-color, var(--utrecht-status-badge-danger-color, white));
 }
-.utrecht-badge-status--error {
-  background-color: var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%)));
-  color: var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white));
+.utrecht-status-badge--error {
+  background-color: var(--utrecht-status-badge-error-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 30%)));
+  color: var(--utrecht-status-badge-error-color, var(--utrecht-status-badge-danger-color, white));
 }
-.utrecht-badge-status--success {
-  background-color: var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
-  color: var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white));
+.utrecht-status-badge--success {
+  background-color: var(--utrecht-status-badge-success-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
+  border-color: var(--utrecht-status-badge-success-border-color);
+  color: var(--utrecht-status-badge-success-color, var(--utrecht-status-badge-safe-color, white));
 }
-.utrecht-badge-status--active {
-  background-color: var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
-  color: var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white));
+.utrecht-status-badge--active {
+  background-color: var(--utrecht-status-badge-active-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
+  border-color: var(--utrecht-status-badge-active-border-color);
+  color: var(--utrecht-status-badge-active-color, var(--utrecht-status-badge-safe-color, white));
 }
-.utrecht-badge-status--inactive {
-  background-color: var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)));
-  color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
+.utrecht-status-badge--inactive {
+  background-color: var(--utrecht-status-badge-inactive-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%)));
+  border-color: var(--utrecht-status-badge-inactive-border-color);
+  color: var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white));
 }
 .utrecht-blockquote {
   background-color: var(--utrecht-blockquote-background-color);
@@ -3939,10 +3962,6 @@
 }
 .utrecht-listbox__option--selected {
-  --_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-selected-disabled-background-color);
-  --_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-selected-disabled-color);
-  --_utrecht-listbox-option-interactive-background-color: var(--utrecht-listbox-option-selected-hover-background-color);
-  --_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-selected-hover-color);
   --_utrecht-listbox-option-state-background-color: var(--utrecht-listbox-option-selected-background-color);
   --_utrecht-listbox-option-state-color: var(--utrecht-listbox-option-selected-color);
 }
@@ -3965,6 +3984,10 @@
   --_utrecht-listbox-option-interactive-color: var(--utrecht-listbox-option-disabled-color);
   cursor: var(--utrecht-action-disabled-cursor, not-allowed);
 }
+.utrecht-listbox__option--disabled.utrecht-listbox__option--selected {
+  --_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-selected-disabled-background-color);
+  --_utrecht-listbox-option-disabled-color: var(--utrecht-listbox-option-selected-disabled-color);
+}
 .utrecht-listbox--disabled {
   --_utrecht-listbox-option-disabled-background-color: var(--utrecht-listbox-option-disabled-background-color);
@@ -4107,6 +4130,10 @@
   width: 100%;
 }
+.utrecht-nav-bar__heading {
+  display: none;
+}
 .utrecht-nav-bar__content {
   align-items: stretch;
   background-color: var(--utrecht-nav-bar-content-background-color);
@@ -4125,7 +4152,7 @@
   margin-right: 0;
   margin-left: 0;
   padding-left: 0;
-  align-items: stretch;
+  align-items: baseline;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -4133,6 +4160,16 @@
   justify-content: start;
 }
+.utrecht-nav-list--inline-size-auto {
+  width: auto;
+}
+.utrecht-nav-list__link[aria-current=page],
+.utrecht-nav-list__link[aria-current=true] {
+  background-color: var(--utrecht-navigation-link-current-background-color, transparent);
+  font-weight: var(--utrecht-navigation-link-current-font-weight);
+}
 .utrecht-nav-list--center > * {
   flex: 1 1 0;
   justify-content: center;
@@ -4214,8 +4251,6 @@
 }
 .utrecht-navigation__link {
-  --utrecht-link-focus-text-decoration: underline;
-  --utrecht-link-focus-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
   --utrecht-link-text-decoration: none;
   --utrecht-link-active-color: var(--utrecht-navigation-link-active-color);
   --utrecht-link-hover-text-decoration-thickness: var(--utrecht-navigation-link-hover-decoration-thickness);
@@ -4244,18 +4279,37 @@
   --utrecht-navigation-marker-outline-hover-fill: currentColor;
 }
-.utrecht-navigation__link:focus {
+.utrecht-link.utrecht-link--html-a.utrecht-navigation__link[prince-xml-ignore-pseudo-class-focus-visible] {
+  --utrecht-navigation-link-active-focus-color: var(--utrecht-navigation-link-focus-visible-color);
+  --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
+  --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
+  --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
+  --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
+  --utrecht-link-focus-visible-text-decoration-thickness: var(
+    --utrecht-navigation-link-focus-visible-text-decoration-thickness
+  );
+  --utrecht-link-focus-visible-text-decoration: underline;
+  --utrecht-navigation-marker-color: currentColor;
+  --utrecht-navigation-marker-outline-hover-fill: currentColor;
+}
+.utrecht-link.utrecht-link--html-a.utrecht-navigation__link:focus {
   --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-color);
-  --utrecht-link-focus-background-color: var(--utrecht-color-yellow-80);
+  --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-background-color);
   --utrecht-navigation-marker-color: currentColor;
   --utrecht-navigation-marker-outline-hover-fill: currentColor;
+  --utrecht-link-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
+  --utrecht-link-text-decoration: underline;
 }
-.utrecht-navigation__link:active:focus {
-  --utrecht-link-focus-color: var(--utrecht-navigation-link-active-focus-color);
+.utrecht-navigation__link:active {
+  --utrecht-link-active-color: var(--utrecht-navigation-link-active-focus-color);
 }
 .utrecht-navigation__link--mobile {
+  --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-mobile-focus-color);
+  --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-mobile-focus-background-color);
+  --utrecht-link-active-color: var(--utrecht-navigation-link-mobile-active-color);
   --_utrecht-navigation-link-align-items: center;
   --_utrecht-navigation-link-justify-content: normal;
   --utrecht-navigation-link-padding-inline-start: var(--utrecht-navigation-link-mobile-padding-inline-start);
@@ -4281,6 +4335,7 @@
 }
 .utrecht-navigation__link--is-current {
+  --utrecht-navigation-link-mobile-hover-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
   --utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
 }
@@ -5108,6 +5163,9 @@
 .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-paragraph) {
   --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-separator) {
   --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5171,6 +5229,9 @@
 .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-paragraph) {
   --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-separator) {
   --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5237,6 +5298,9 @@
 .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-paragraph) {
   --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-separator) {
   --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5303,6 +5367,9 @@
 .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-paragraph) {
   --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-separator) {
   --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5369,6 +5436,9 @@
 .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-paragraph) {
   --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-separator) {
   --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5432,6 +5502,9 @@
 .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-paragraph) {
   --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-spotlight-section) {
+  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-separator) {
   --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5507,6 +5580,9 @@
 .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-paragraph) {
   --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-spotlight-section) {
+  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-separator) {
   --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5657,6 +5733,9 @@
 .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-paragraph) {
   --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-separator) {
   --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5729,6 +5808,9 @@
 .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-paragraph) {
   --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-spotlight-section) {
+  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-separator) {
   --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5804,6 +5886,9 @@
 .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
   --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-spotlight-section) {
+  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
   --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5876,6 +5961,9 @@
 .utrecht-rich-text .utrecht-button:has(+ .utrecht-paragraph) {
   --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-button:has(+ .utrecht-spotlight-section) {
+  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-button:has(+ .utrecht-separator) {
   --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -5945,6 +6033,9 @@
 .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-paragraph) {
   --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-spotlight-section) {
+  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-separator) {
   --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6014,6 +6105,9 @@
 .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
   --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-action-group:has(+ .utrecht-spotlight-section) {
+  --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
   --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6089,6 +6183,9 @@
 .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-paragraph) {
   --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-separator) {
   --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6227,6 +6324,9 @@
 .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-paragraph) {
   --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-spotlight-section) {
+  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-separator) {
   --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6347,6 +6447,9 @@
 .utrecht-rich-text .utrecht-img:has(+ .utrecht-paragraph) {
   --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-img:has(+ .utrecht-spotlight-section) {
+  --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-img:has(+ .utrecht-separator) {
   --utrecht-img-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6413,6 +6516,9 @@
 .utrecht-rich-text .utrecht-link:has(+ .utrecht-paragraph) {
   --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-link:has(+ .utrecht-spotlight-section) {
+  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-link:has(+ .utrecht-separator) {
   --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6485,6 +6591,9 @@
 .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-paragraph) {
   --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-separator) {
   --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6551,6 +6660,9 @@
 .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-paragraph) {
   --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
 }
+.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-spotlight-section) {
+  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-separator) {
   --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6620,6 +6732,9 @@
 .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-paragraph) {
   --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-spotlight-section) {
+  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-separator) {
   --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6701,6 +6816,9 @@
 .utrecht-rich-text .utrecht-separator:has(+ .utrecht-paragraph) {
   --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-separator:has(+ .utrecht-spotlight-section) {
+  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-separator:has(+ .utrecht-separator) {
   --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6713,6 +6831,87 @@
 .utrecht-rich-text .utrecht-separator:has(+ .utrecht-unordered-list) {
   --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-spotlight-section:first-child {
+  --utrecht-spotlight-section-margin-block-start: 0;
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-1) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-2) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-3) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-4) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-5) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-6) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-accordion) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-blockquote) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button-group) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-action-group) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-counter) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-data-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-figure) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-form-field) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-img) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-link) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-ordered-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-pagination) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-paragraph) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-spotlight-section) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-separator) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-status) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-table) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
+.utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-unordered-list) {
+  --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-sidenav:first-child {
   --utrecht-sidenav-margin-block-start: 0;
 }
@@ -6773,6 +6972,9 @@
 .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-pagination) {
   --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
+.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-spotlight-section) {
+  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
 .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-separator) {
   --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6863,6 +7065,9 @@
 .utrecht-rich-text .utrecht-table:has(+ .utrecht-paragraph) {
   --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-table:has(+ .utrecht-spotlight-section) {
+  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-table:has(+ .utrecht-separator) {
   --utrecht-table-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -6950,6 +7155,9 @@
 .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-paragraph) {
   --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
 }
+.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-spotlight-section) {
+  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
+}
 .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-separator) {
   --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
 }
@@ -7755,6 +7963,7 @@
   border-style: solid;
   box-sizing: border-box;
   color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
+  display: block;
   font-family: var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));
   font-size: var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));
   font-weight: var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));
@@ -7763,10 +7972,12 @@
   min-height: var(--utrecht-pointer-target-min-size, 44px);
   min-width: var(--utrecht-pointer-target-min-size, 44px);
   max-width: min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));
+  overflow: hidden;
   padding-bottom: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));
   padding-top: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));
   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));
+  white-space: nowrap;
 }
 .utrecht-textbox--invalid {
@@ -9333,6 +9544,7 @@
   border-style: solid;
   box-sizing: border-box;
   color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
+  display: block;
   font-family: var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));
   font-size: var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));
   font-weight: var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));
@@ -9341,10 +9553,12 @@
   min-height: var(--utrecht-pointer-target-min-size, 44px);
   min-width: var(--utrecht-pointer-target-min-size, 44px);
   max-width: min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));
+  overflow: hidden;
   padding-bottom: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));
   padding-top: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));
   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));
+  white-space: nowrap;
 }
 .utrecht-html input:not([type]):focus,
 .utrecht-html input[type=date i]:focus,

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "8.2.1",
+  "version": "9.0.1",
   "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",
@@ -29,7 +29,6 @@
     "@utrecht/backdrop-css": "2.0.1",
     "@utrecht/badge-counter-css": "2.0.1",
     "@utrecht/badge-list-css": "3.0.1",
-    "@utrecht/badge-status-css": "2.0.1",
     "@utrecht/blockquote-css": "2.0.1",
     "@utrecht/body-css": "2.0.1",
     "@utrecht/breadcrumb-nav-css": "2.1.0",
@@ -78,7 +77,7 @@
     "@utrecht/link-list-css": "3.0.1",
     "@utrecht/link-social-css": "2.0.1",
     "@utrecht/list-social-css": "2.0.1",
-    "@utrecht/listbox-css": "2.0.1",
+    "@utrecht/listbox-css": "2.1.0",
     "@utrecht/logo-button-css": "1.4.2",
     "@utrecht/logo-css": "2.0.1",
     "@utrecht/logo-image-css": "1.4.2",
@@ -87,7 +86,7 @@
     "@utrecht/multiline-data-css": "2.0.1",
     "@utrecht/nav-bar-css": "2.0.1",
     "@utrecht/nav-list-css": "1.3.2",
-    "@utrecht/navigation-css": "1.1.0",
+    "@utrecht/navigation-css": "1.1.1",
     "@utrecht/number-badge-css": "3.0.1",
     "@utrecht/number-data-css": "2.0.1",
     "@utrecht/ordered-list-css": "3.0.1",
@@ -102,18 +101,19 @@
     "@utrecht/pre-heading-css": "2.0.1",
     "@utrecht/preserve-data-css": "2.0.1",
     "@utrecht/radio-button-css": "2.0.1",
-    "@utrecht/rich-text-css": "2.0.1",
+    "@utrecht/rich-text-css": "2.1.0",
     "@utrecht/root-css": "2.0.1",
     "@utrecht/search-bar-css": "3.0.1",
     "@utrecht/select-css": "2.0.1",
     "@utrecht/separator-css": "2.0.1",
     "@utrecht/skip-link-css": "2.0.1",
     "@utrecht/spotlight-section-css": "2.0.1",
+    "@utrecht/status-badge-css": "1.0.0",
     "@utrecht/surface-css": "2.0.1",
     "@utrecht/table-css": "2.0.1",
     "@utrecht/table-of-contents-css": "1.0.1",
     "@utrecht/textarea-css": "3.0.1",
-    "@utrecht/textbox-css": "3.0.1",
+    "@utrecht/textbox-css": "3.1.0",
     "@utrecht/tooltip-css": "2.0.1",
     "@utrecht/top-task-link-css": "2.0.1",
     "@utrecht/top-task-nav-css": "1.3.2",
@@ -122,11 +122,11 @@
     "@utrecht/youtube-video-css": "2.0.1"
   },
   "devDependencies": {
-    "postcss": "8.4.38",
-    "postcss-discard-duplicates": "7.0.0",
+    "postcss": "8.4.49",
+    "postcss-discard-duplicates": "7.0.2",
     "postcss-logical": "7.0.1",
-    "rimraf": "5.0.7",
-    "rollup": "4.18.0",
+    "rimraf": "5.0.10",
+    "rollup": "4.18.1",
     "rollup-plugin-postcss": "4.0.2",
     "@utrecht/build-utils-css": "0.0.4"
   },