@utrecht/component-library-css 8.2.1 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.css +234 -40
  2. package/dist/prince-xml.css +233 -39
  3. package/package.json +4 -4
package/dist/index.css CHANGED
@@ -386,7 +386,7 @@
386
386
  flex-wrap: wrap;
387
387
  row-gap: var(--utrecht-badge-list-row-gap);
388
388
  }
389
- .utrecht-badge-status {
389
+ .utrecht-status-badge {
390
390
  background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%));
391
391
  border-radius: var(--utrecht-badge-border-radius, 0.5ch);
392
392
  color: var(--utrecht-badge-color, hsl(0, 0%, 100%));
@@ -405,65 +405,88 @@
405
405
  padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch);
406
406
  padding-inline-start: var(--utrecht-badge-padding-inline, 0.5ch);
407
407
  text-decoration: none;
408
- letter-spacing: var(--utrecht-badge-status-letter-spacing, inherit);
409
- text-transform: var(--utrecht-badge-status-text-transform, inherit);
408
+ --utrecht-badge-background-color: var(--utrecht-status-badge-background-color);
409
+ --utrecht-badge-border-radius: var(--utrecht-status-badge-border-radius);
410
+ --utrecht-badge-color: var(--utrecht-status-badge-color);
411
+ --utrecht-badge-font-size: var(--utrecht-status-badge-font-size, inherit);
412
+ --utrecht-badge-font-style: var(--utrecht-status-badge-font-style);
413
+ --utrecht-badge-font-weight: var(--utrecht-status-badge-font-weight);
414
+ --utrecht-badge-line-height: var(--utrecht-status-badge-line-height);
415
+ --utrecht-badge-padding-block: var(--utrecht-status-badge-padding-block);
416
+ --utrecht-badge-padding-inline: var(--utrecht-status-badge-padding-inline);
417
+ border-color: var(--utrecht-status-badge-border-color, transparent);
418
+ border-width: var(--utrecht-status-badge-border-width);
419
+ font-family: var(--utrecht-status-badge-font-family, inherit);
420
+ letter-spacing: var(--utrecht-status-badge-letter-spacing, inherit);
421
+ min-block-size: var(--utrecht-status-badge-min-block-size, 1em);
422
+ min-inline-size: var(--utrecht-status-badge-min-inline-size, 1em);
423
+ text-transform: var(--utrecht-status-badge-text-transform, inherit);
410
424
  }
411
425
  @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
412
- .utrecht-badge-status {
426
+ .utrecht-status-badge {
413
427
  border-color: currentColor;
414
428
  border-style: solid;
415
429
  border-width: 1px;
416
430
  }
417
431
  }
418
432
 
419
- .utrecht-badge-status--danger {
420
- background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));
421
- color: var(--utrecht-feedback-danger-fill-color, white);
433
+ .utrecht-status-badge--danger {
434
+ background-color: var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));
435
+ border-color: var(--utrecht-status-badge-danger-border-color);
436
+ color: var(--utrecht-status-badge-danger-color, white);
422
437
  }
423
438
 
424
- .utrecht-badge-status--warning {
425
- background-color: var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%));
426
- color: var(--utrecht-feedback-warning-fill-color, white);
439
+ .utrecht-status-badge--warning {
440
+ background-color: var(--utrecht-status-badge-warning-background-color, hsl(48, 100%, 50%));
441
+ border-color: var(--utrecht-status-badge-warning-border-color);
442
+ color: var(--utrecht-status-badge-warning-color, white);
427
443
  }
428
444
 
429
- .utrecht-badge-status--safe {
430
- background-color: var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%));
431
- color: var(--utrecht-feedback-safe-fill-color, white);
445
+ .utrecht-status-badge--safe {
446
+ background-color: var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%));
447
+ border-color: var(--utrecht-status-badge-safe-border-color);
448
+ color: var(--utrecht-status-badge-safe-color, white);
432
449
  }
433
450
 
434
- .utrecht-badge-status--neutral {
435
- background-color: var(--utrecht-feedback-neutral-fill-background-color, black);
436
- color: var(--utrecht-feedback-neutral-fill-color, white);
451
+ .utrecht-status-badge--neutral {
452
+ background-color: var(--utrecht-status-badge-neutral-background-color, black);
453
+ border-color: var(--utrecht-status-badge-neutral-border-color);
454
+ color: var(--utrecht-status-badge-neutral-color, white);
437
455
  }
438
456
 
439
- .utrecht-badge-status--valid {
440
- background-color: var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
441
- color: var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white));
457
+ .utrecht-status-badge--valid {
458
+ background-color: var(--utrecht-status-badge-valid-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
459
+ border-color: var(--utrecht-status-badge-valid-border-color);
460
+ color: var(--utrecht-status-badge-valid-color, var(--utrecht-status-badge-safe-color, white));
442
461
  }
443
462
 
444
- .utrecht-badge-status--invalid {
445
- background-color: var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));
446
- color: var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white));
463
+ .utrecht-status-badge--invalid {
464
+ background-color: var(--utrecht-status-badge-invalid-background-color, var(--utrecht-status-badge-danger-background-color, hsl(39, 100%, 50%)));
465
+ border-color: var(--utrecht-status-badge-invalid-border-color);
466
+ color: var(--utrecht-status-badge-invalid-color, var(--utrecht-status-badge-danger-color, white));
447
467
  }
448
468
 
449
- .utrecht-badge-status--error {
450
- background-color: var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%)));
451
- color: var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white));
469
+ .utrecht-status-badge--error {
470
+ background-color: var(--utrecht-status-badge-error-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 30%)));
471
+ color: var(--utrecht-status-badge-error-color, var(--utrecht-status-badge-danger-color, white));
452
472
  }
453
473
 
454
- .utrecht-badge-status--success {
455
- background-color: var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
456
- color: var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white));
474
+ .utrecht-status-badge--success {
475
+ background-color: var(--utrecht-status-badge-success-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
476
+ border-color: var(--utrecht-status-badge-success-border-color);
477
+ color: var(--utrecht-status-badge-success-color, var(--utrecht-status-badge-safe-color, white));
457
478
  }
458
479
 
459
- .utrecht-badge-status--active {
460
- background-color: var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
461
- color: var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white));
480
+ .utrecht-status-badge--active {
481
+ background-color: var(--utrecht-status-badge-active-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
482
+ border-color: var(--utrecht-status-badge-active-border-color);
483
+ color: var(--utrecht-status-badge-active-color, var(--utrecht-status-badge-safe-color, white));
462
484
  }
463
485
 
464
- .utrecht-badge-status--inactive {
465
- background-color: var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)));
466
- color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
486
+ .utrecht-status-badge--inactive {
487
+ background-color: var(--utrecht-status-badge-inactive-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%)));
488
+ border-color: var(--utrecht-status-badge-inactive-border-color);
489
+ color: var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white));
467
490
  }
468
491
  .utrecht-blockquote {
469
492
  background-color: var(--utrecht-blockquote-background-color);
@@ -4352,8 +4375,6 @@
4352
4375
  }
4353
4376
 
4354
4377
  .utrecht-navigation__link {
4355
- --utrecht-link-focus-text-decoration: underline;
4356
- --utrecht-link-focus-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
4357
4378
  --utrecht-link-text-decoration: none;
4358
4379
  --utrecht-link-active-color: var(--utrecht-navigation-link-active-color);
4359
4380
  --utrecht-link-hover-text-decoration-thickness: var(--utrecht-navigation-link-hover-decoration-thickness);
@@ -4382,18 +4403,37 @@
4382
4403
  --utrecht-navigation-marker-outline-hover-fill: currentColor;
4383
4404
  }
4384
4405
 
4385
- .utrecht-navigation__link:focus {
4406
+ .utrecht-link.utrecht-link--html-a.utrecht-navigation__link:focus-visible {
4407
+ --utrecht-navigation-link-active-focus-color: var(--utrecht-navigation-link-focus-visible-color);
4408
+ --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
4409
+ --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
4410
+ --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
4411
+ --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
4412
+ --utrecht-link-focus-visible-text-decoration-thickness: var(
4413
+ --utrecht-navigation-link-focus-visible-text-decoration-thickness
4414
+ );
4415
+ --utrecht-link-focus-visible-text-decoration: underline;
4416
+ --utrecht-navigation-marker-color: currentColor;
4417
+ --utrecht-navigation-marker-outline-hover-fill: currentColor;
4418
+ }
4419
+
4420
+ .utrecht-link.utrecht-link--html-a.utrecht-navigation__link:focus {
4386
4421
  --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-color);
4387
- --utrecht-link-focus-background-color: var(--utrecht-color-yellow-80);
4422
+ --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-background-color);
4388
4423
  --utrecht-navigation-marker-color: currentColor;
4389
4424
  --utrecht-navigation-marker-outline-hover-fill: currentColor;
4425
+ --utrecht-link-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
4426
+ --utrecht-link-text-decoration: underline;
4390
4427
  }
4391
4428
 
4392
- .utrecht-navigation__link:active:focus {
4393
- --utrecht-link-focus-color: var(--utrecht-navigation-link-active-focus-color);
4429
+ .utrecht-navigation__link:active {
4430
+ --utrecht-link-active-color: var(--utrecht-navigation-link-active-focus-color);
4394
4431
  }
4395
4432
 
4396
4433
  .utrecht-navigation__link--mobile {
4434
+ --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-mobile-focus-color);
4435
+ --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-mobile-focus-background-color);
4436
+ --utrecht-link-active-color: var(--utrecht-navigation-link-mobile-active-color);
4397
4437
  --_utrecht-navigation-link-align-items: center;
4398
4438
  --_utrecht-navigation-link-justify-content: normal;
4399
4439
  --utrecht-navigation-link-padding-inline-start: var(--utrecht-navigation-link-mobile-padding-inline-start);
@@ -4419,6 +4459,7 @@
4419
4459
  }
4420
4460
 
4421
4461
  .utrecht-navigation__link--is-current {
4462
+ --utrecht-navigation-link-mobile-hover-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
4422
4463
  --utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
4423
4464
  }
4424
4465
 
@@ -5252,6 +5293,9 @@
5252
5293
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-paragraph) {
5253
5294
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5254
5295
  }
5296
+ .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-spotlight-section) {
5297
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5298
+ }
5255
5299
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-separator) {
5256
5300
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5257
5301
  }
@@ -5315,6 +5359,9 @@
5315
5359
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-paragraph) {
5316
5360
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5317
5361
  }
5362
+ .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-spotlight-section) {
5363
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5364
+ }
5318
5365
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-separator) {
5319
5366
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5320
5367
  }
@@ -5381,6 +5428,9 @@
5381
5428
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-paragraph) {
5382
5429
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5383
5430
  }
5431
+ .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-spotlight-section) {
5432
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5433
+ }
5384
5434
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-separator) {
5385
5435
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5386
5436
  }
@@ -5447,6 +5497,9 @@
5447
5497
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-paragraph) {
5448
5498
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5449
5499
  }
5500
+ .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-spotlight-section) {
5501
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5502
+ }
5450
5503
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-separator) {
5451
5504
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5452
5505
  }
@@ -5513,6 +5566,9 @@
5513
5566
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-paragraph) {
5514
5567
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5515
5568
  }
5569
+ .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-spotlight-section) {
5570
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5571
+ }
5516
5572
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-separator) {
5517
5573
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5518
5574
  }
@@ -5576,6 +5632,9 @@
5576
5632
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-paragraph) {
5577
5633
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5578
5634
  }
5635
+ .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-spotlight-section) {
5636
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5637
+ }
5579
5638
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-separator) {
5580
5639
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5581
5640
  }
@@ -5651,6 +5710,9 @@
5651
5710
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-paragraph) {
5652
5711
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5653
5712
  }
5713
+ .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-spotlight-section) {
5714
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5715
+ }
5654
5716
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-separator) {
5655
5717
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5656
5718
  }
@@ -5801,6 +5863,9 @@
5801
5863
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-paragraph) {
5802
5864
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5803
5865
  }
5866
+ .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-spotlight-section) {
5867
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5868
+ }
5804
5869
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-separator) {
5805
5870
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5806
5871
  }
@@ -5873,6 +5938,9 @@
5873
5938
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-paragraph) {
5874
5939
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5875
5940
  }
5941
+ .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-spotlight-section) {
5942
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5943
+ }
5876
5944
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-separator) {
5877
5945
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5878
5946
  }
@@ -5948,6 +6016,9 @@
5948
6016
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
5949
6017
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5950
6018
  }
6019
+ .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-spotlight-section) {
6020
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6021
+ }
5951
6022
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
5952
6023
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5953
6024
  }
@@ -6020,6 +6091,9 @@
6020
6091
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-paragraph) {
6021
6092
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6022
6093
  }
6094
+ .utrecht-rich-text .utrecht-button:has(+ .utrecht-spotlight-section) {
6095
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6096
+ }
6023
6097
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-separator) {
6024
6098
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6025
6099
  }
@@ -6089,6 +6163,9 @@
6089
6163
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-paragraph) {
6090
6164
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6091
6165
  }
6166
+ .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-spotlight-section) {
6167
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6168
+ }
6092
6169
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-separator) {
6093
6170
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6094
6171
  }
@@ -6158,6 +6235,9 @@
6158
6235
  .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
6159
6236
  --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6160
6237
  }
6238
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-spotlight-section) {
6239
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6240
+ }
6161
6241
  .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
6162
6242
  --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6163
6243
  }
@@ -6233,6 +6313,9 @@
6233
6313
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-paragraph) {
6234
6314
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6235
6315
  }
6316
+ .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-spotlight-section) {
6317
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6318
+ }
6236
6319
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-separator) {
6237
6320
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6238
6321
  }
@@ -6371,6 +6454,9 @@
6371
6454
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-paragraph) {
6372
6455
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6373
6456
  }
6457
+ .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-spotlight-section) {
6458
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6459
+ }
6374
6460
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-separator) {
6375
6461
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6376
6462
  }
@@ -6491,6 +6577,9 @@
6491
6577
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-paragraph) {
6492
6578
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6493
6579
  }
6580
+ .utrecht-rich-text .utrecht-img:has(+ .utrecht-spotlight-section) {
6581
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6582
+ }
6494
6583
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-separator) {
6495
6584
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6496
6585
  }
@@ -6557,6 +6646,9 @@
6557
6646
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-paragraph) {
6558
6647
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6559
6648
  }
6649
+ .utrecht-rich-text .utrecht-link:has(+ .utrecht-spotlight-section) {
6650
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6651
+ }
6560
6652
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-separator) {
6561
6653
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6562
6654
  }
@@ -6629,6 +6721,9 @@
6629
6721
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-paragraph) {
6630
6722
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6631
6723
  }
6724
+ .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-spotlight-section) {
6725
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6726
+ }
6632
6727
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-separator) {
6633
6728
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6634
6729
  }
@@ -6695,6 +6790,9 @@
6695
6790
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-paragraph) {
6696
6791
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6697
6792
  }
6793
+ .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-spotlight-section) {
6794
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6795
+ }
6698
6796
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-separator) {
6699
6797
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6700
6798
  }
@@ -6764,6 +6862,9 @@
6764
6862
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-paragraph) {
6765
6863
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6766
6864
  }
6865
+ .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-spotlight-section) {
6866
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6867
+ }
6767
6868
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-separator) {
6768
6869
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6769
6870
  }
@@ -6845,6 +6946,9 @@
6845
6946
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-paragraph) {
6846
6947
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6847
6948
  }
6949
+ .utrecht-rich-text .utrecht-separator:has(+ .utrecht-spotlight-section) {
6950
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6951
+ }
6848
6952
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-separator) {
6849
6953
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6850
6954
  }
@@ -6857,6 +6961,87 @@
6857
6961
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-unordered-list) {
6858
6962
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6859
6963
  }
6964
+ .utrecht-rich-text .utrecht-spotlight-section:first-child {
6965
+ --utrecht-spotlight-section-margin-block-start: 0;
6966
+ }
6967
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-1) {
6968
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6969
+ }
6970
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-2) {
6971
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6972
+ }
6973
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-3) {
6974
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6975
+ }
6976
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-4) {
6977
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6978
+ }
6979
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-5) {
6980
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6981
+ }
6982
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-6) {
6983
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6984
+ }
6985
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-accordion) {
6986
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6987
+ }
6988
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-list) {
6989
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6990
+ }
6991
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-blockquote) {
6992
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6993
+ }
6994
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button) {
6995
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6996
+ }
6997
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button-group) {
6998
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6999
+ }
7000
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-action-group) {
7001
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7002
+ }
7003
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-counter) {
7004
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7005
+ }
7006
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-data-list) {
7007
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7008
+ }
7009
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-figure) {
7010
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7011
+ }
7012
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-form-field) {
7013
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7014
+ }
7015
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-img) {
7016
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7017
+ }
7018
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-link) {
7019
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7020
+ }
7021
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-ordered-list) {
7022
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7023
+ }
7024
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-pagination) {
7025
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7026
+ }
7027
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-paragraph) {
7028
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7029
+ }
7030
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-spotlight-section) {
7031
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7032
+ }
7033
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-separator) {
7034
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7035
+ }
7036
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-status) {
7037
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7038
+ }
7039
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-table) {
7040
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7041
+ }
7042
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-unordered-list) {
7043
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7044
+ }
6860
7045
  .utrecht-rich-text .utrecht-sidenav:first-child {
6861
7046
  --utrecht-sidenav-margin-block-start: 0;
6862
7047
  }
@@ -6917,6 +7102,9 @@
6917
7102
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-pagination) {
6918
7103
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6919
7104
  }
7105
+ .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-spotlight-section) {
7106
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7107
+ }
6920
7108
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-separator) {
6921
7109
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6922
7110
  }
@@ -7007,6 +7195,9 @@
7007
7195
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-paragraph) {
7008
7196
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
7009
7197
  }
7198
+ .utrecht-rich-text .utrecht-table:has(+ .utrecht-spotlight-section) {
7199
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7200
+ }
7010
7201
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-separator) {
7011
7202
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7012
7203
  }
@@ -7094,6 +7285,9 @@
7094
7285
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-paragraph) {
7095
7286
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
7096
7287
  }
7288
+ .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-spotlight-section) {
7289
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7290
+ }
7097
7291
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-separator) {
7098
7292
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
7099
7293
  }
package/dist/prince-xml.css CHANGED
@@ -358,7 +358,7 @@
358
358
  flex-wrap: wrap;
359
359
  row-gap: var(--utrecht-badge-list-row-gap);
360
360
  }
361
- .utrecht-badge-status {
361
+ .utrecht-status-badge {
362
362
  background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%));
363
363
  border-radius: var(--utrecht-badge-border-radius, 0.5ch);
364
364
  color: var(--utrecht-badge-color, hsl(0, 0%, 100%));
@@ -377,58 +377,81 @@
377
377
  padding-right: var(--utrecht-badge-padding-inline, 0.5ch);
378
378
  padding-left: var(--utrecht-badge-padding-inline, 0.5ch);
379
379
  text-decoration: none;
380
- letter-spacing: var(--utrecht-badge-status-letter-spacing, inherit);
381
- text-transform: var(--utrecht-badge-status-text-transform, inherit);
380
+ --utrecht-badge-background-color: var(--utrecht-status-badge-background-color);
381
+ --utrecht-badge-border-radius: var(--utrecht-status-badge-border-radius);
382
+ --utrecht-badge-color: var(--utrecht-status-badge-color);
383
+ --utrecht-badge-font-size: var(--utrecht-status-badge-font-size, inherit);
384
+ --utrecht-badge-font-style: var(--utrecht-status-badge-font-style);
385
+ --utrecht-badge-font-weight: var(--utrecht-status-badge-font-weight);
386
+ --utrecht-badge-line-height: var(--utrecht-status-badge-line-height);
387
+ --utrecht-badge-padding-block: var(--utrecht-status-badge-padding-block);
388
+ --utrecht-badge-padding-inline: var(--utrecht-status-badge-padding-inline);
389
+ border-color: var(--utrecht-status-badge-border-color, transparent);
390
+ border-width: var(--utrecht-status-badge-border-width);
391
+ font-family: var(--utrecht-status-badge-font-family, inherit);
392
+ letter-spacing: var(--utrecht-status-badge-letter-spacing, inherit);
393
+ min-height: var(--utrecht-status-badge-min-block-size, 1em);
394
+ min-width: var(--utrecht-status-badge-min-inline-size, 1em);
395
+ text-transform: var(--utrecht-status-badge-text-transform, inherit);
382
396
  }
383
397
 
384
- .utrecht-badge-status--danger {
385
- background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));
386
- color: var(--utrecht-feedback-danger-fill-color, white);
398
+ .utrecht-status-badge--danger {
399
+ background-color: var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%));
400
+ border-color: var(--utrecht-status-badge-danger-border-color);
401
+ color: var(--utrecht-status-badge-danger-color, white);
387
402
  }
388
403
 
389
- .utrecht-badge-status--warning {
390
- background-color: var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%));
391
- color: var(--utrecht-feedback-warning-fill-color, white);
404
+ .utrecht-status-badge--warning {
405
+ background-color: var(--utrecht-status-badge-warning-background-color, hsl(48, 100%, 50%));
406
+ border-color: var(--utrecht-status-badge-warning-border-color);
407
+ color: var(--utrecht-status-badge-warning-color, white);
392
408
  }
393
409
 
394
- .utrecht-badge-status--safe {
395
- background-color: var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%));
396
- color: var(--utrecht-feedback-safe-fill-color, white);
410
+ .utrecht-status-badge--safe {
411
+ background-color: var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%));
412
+ border-color: var(--utrecht-status-badge-safe-border-color);
413
+ color: var(--utrecht-status-badge-safe-color, white);
397
414
  }
398
415
 
399
- .utrecht-badge-status--neutral {
400
- background-color: var(--utrecht-feedback-neutral-fill-background-color, black);
401
- color: var(--utrecht-feedback-neutral-fill-color, white);
416
+ .utrecht-status-badge--neutral {
417
+ background-color: var(--utrecht-status-badge-neutral-background-color, black);
418
+ border-color: var(--utrecht-status-badge-neutral-border-color);
419
+ color: var(--utrecht-status-badge-neutral-color, white);
402
420
  }
403
421
 
404
- .utrecht-badge-status--valid {
405
- background-color: var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
406
- color: var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white));
422
+ .utrecht-status-badge--valid {
423
+ background-color: var(--utrecht-status-badge-valid-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
424
+ border-color: var(--utrecht-status-badge-valid-border-color);
425
+ color: var(--utrecht-status-badge-valid-color, var(--utrecht-status-badge-safe-color, white));
407
426
  }
408
427
 
409
- .utrecht-badge-status--invalid {
410
- background-color: var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));
411
- color: var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white));
428
+ .utrecht-status-badge--invalid {
429
+ background-color: var(--utrecht-status-badge-invalid-background-color, var(--utrecht-status-badge-danger-background-color, hsl(39, 100%, 50%)));
430
+ border-color: var(--utrecht-status-badge-invalid-border-color);
431
+ color: var(--utrecht-status-badge-invalid-color, var(--utrecht-status-badge-danger-color, white));
412
432
  }
413
433
 
414
- .utrecht-badge-status--error {
415
- background-color: var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%)));
416
- color: var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white));
434
+ .utrecht-status-badge--error {
435
+ background-color: var(--utrecht-status-badge-error-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 30%)));
436
+ color: var(--utrecht-status-badge-error-color, var(--utrecht-status-badge-danger-color, white));
417
437
  }
418
438
 
419
- .utrecht-badge-status--success {
420
- background-color: var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
421
- color: var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white));
439
+ .utrecht-status-badge--success {
440
+ background-color: var(--utrecht-status-badge-success-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
441
+ border-color: var(--utrecht-status-badge-success-border-color);
442
+ color: var(--utrecht-status-badge-success-color, var(--utrecht-status-badge-safe-color, white));
422
443
  }
423
444
 
424
- .utrecht-badge-status--active {
425
- background-color: var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));
426
- color: var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white));
445
+ .utrecht-status-badge--active {
446
+ background-color: var(--utrecht-status-badge-active-background-color, var(--utrecht-status-badge-safe-background-color, hsl(90, 30%, 50%)));
447
+ border-color: var(--utrecht-status-badge-active-border-color);
448
+ color: var(--utrecht-status-badge-active-color, var(--utrecht-status-badge-safe-color, white));
427
449
  }
428
450
 
429
- .utrecht-badge-status--inactive {
430
- background-color: var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)));
431
- color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
451
+ .utrecht-status-badge--inactive {
452
+ background-color: var(--utrecht-status-badge-inactive-background-color, var(--utrecht-status-badge-danger-background-color, hsl(0, 100%, 40%)));
453
+ border-color: var(--utrecht-status-badge-inactive-border-color);
454
+ color: var(--utrecht-status-badge-inactive-color, var(--utrecht-status-badge-danger-color, white));
432
455
  }
433
456
  .utrecht-blockquote {
434
457
  background-color: var(--utrecht-blockquote-background-color);
@@ -4214,8 +4237,6 @@
4214
4237
  }
4215
4238
 
4216
4239
  .utrecht-navigation__link {
4217
- --utrecht-link-focus-text-decoration: underline;
4218
- --utrecht-link-focus-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
4219
4240
  --utrecht-link-text-decoration: none;
4220
4241
  --utrecht-link-active-color: var(--utrecht-navigation-link-active-color);
4221
4242
  --utrecht-link-hover-text-decoration-thickness: var(--utrecht-navigation-link-hover-decoration-thickness);
@@ -4244,18 +4265,37 @@
4244
4265
  --utrecht-navigation-marker-outline-hover-fill: currentColor;
4245
4266
  }
4246
4267
 
4247
- .utrecht-navigation__link:focus {
4268
+ .utrecht-link.utrecht-link--html-a.utrecht-navigation__link[prince-xml-ignore-pseudo-class-focus-visible] {
4269
+ --utrecht-navigation-link-active-focus-color: var(--utrecht-navigation-link-focus-visible-color);
4270
+ --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
4271
+ --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
4272
+ --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-focus-visible-color);
4273
+ --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-focus-visible-background-color);
4274
+ --utrecht-link-focus-visible-text-decoration-thickness: var(
4275
+ --utrecht-navigation-link-focus-visible-text-decoration-thickness
4276
+ );
4277
+ --utrecht-link-focus-visible-text-decoration: underline;
4278
+ --utrecht-navigation-marker-color: currentColor;
4279
+ --utrecht-navigation-marker-outline-hover-fill: currentColor;
4280
+ }
4281
+
4282
+ .utrecht-link.utrecht-link--html-a.utrecht-navigation__link:focus {
4248
4283
  --utrecht-link-focus-color: var(--utrecht-navigation-link-focus-color);
4249
- --utrecht-link-focus-background-color: var(--utrecht-color-yellow-80);
4284
+ --utrecht-link-focus-background-color: var(--utrecht-navigation-link-focus-background-color);
4250
4285
  --utrecht-navigation-marker-color: currentColor;
4251
4286
  --utrecht-navigation-marker-outline-hover-fill: currentColor;
4287
+ --utrecht-link-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
4288
+ --utrecht-link-text-decoration: underline;
4252
4289
  }
4253
4290
 
4254
- .utrecht-navigation__link:active:focus {
4255
- --utrecht-link-focus-color: var(--utrecht-navigation-link-active-focus-color);
4291
+ .utrecht-navigation__link:active {
4292
+ --utrecht-link-active-color: var(--utrecht-navigation-link-active-focus-color);
4256
4293
  }
4257
4294
 
4258
4295
  .utrecht-navigation__link--mobile {
4296
+ --utrecht-navigation-link-focus-color: var(--utrecht-navigation-link-mobile-focus-color);
4297
+ --utrecht-navigation-link-focus-background-color: var(--utrecht-navigation-link-mobile-focus-background-color);
4298
+ --utrecht-link-active-color: var(--utrecht-navigation-link-mobile-active-color);
4259
4299
  --_utrecht-navigation-link-align-items: center;
4260
4300
  --_utrecht-navigation-link-justify-content: normal;
4261
4301
  --utrecht-navigation-link-padding-inline-start: var(--utrecht-navigation-link-mobile-padding-inline-start);
@@ -4281,6 +4321,7 @@
4281
4321
  }
4282
4322
 
4283
4323
  .utrecht-navigation__link--is-current {
4324
+ --utrecht-navigation-link-mobile-hover-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
4284
4325
  --utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
4285
4326
  }
4286
4327
 
@@ -5108,6 +5149,9 @@
5108
5149
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-paragraph) {
5109
5150
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5110
5151
  }
5152
+ .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-spotlight-section) {
5153
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5154
+ }
5111
5155
  .utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-separator) {
5112
5156
  --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5113
5157
  }
@@ -5171,6 +5215,9 @@
5171
5215
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-paragraph) {
5172
5216
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5173
5217
  }
5218
+ .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-spotlight-section) {
5219
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5220
+ }
5174
5221
  .utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-separator) {
5175
5222
  --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5176
5223
  }
@@ -5237,6 +5284,9 @@
5237
5284
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-paragraph) {
5238
5285
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5239
5286
  }
5287
+ .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-spotlight-section) {
5288
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5289
+ }
5240
5290
  .utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-separator) {
5241
5291
  --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5242
5292
  }
@@ -5303,6 +5353,9 @@
5303
5353
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-paragraph) {
5304
5354
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5305
5355
  }
5356
+ .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-spotlight-section) {
5357
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5358
+ }
5306
5359
  .utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-separator) {
5307
5360
  --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5308
5361
  }
@@ -5369,6 +5422,9 @@
5369
5422
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-paragraph) {
5370
5423
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5371
5424
  }
5425
+ .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-spotlight-section) {
5426
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5427
+ }
5372
5428
  .utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-separator) {
5373
5429
  --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5374
5430
  }
@@ -5432,6 +5488,9 @@
5432
5488
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-paragraph) {
5433
5489
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5434
5490
  }
5491
+ .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-spotlight-section) {
5492
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5493
+ }
5435
5494
  .utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-separator) {
5436
5495
  --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5437
5496
  }
@@ -5507,6 +5566,9 @@
5507
5566
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-paragraph) {
5508
5567
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5509
5568
  }
5569
+ .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-spotlight-section) {
5570
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5571
+ }
5510
5572
  .utrecht-rich-text .utrecht-accordion:has(+ .utrecht-separator) {
5511
5573
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5512
5574
  }
@@ -5657,6 +5719,9 @@
5657
5719
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-paragraph) {
5658
5720
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5659
5721
  }
5722
+ .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-spotlight-section) {
5723
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5724
+ }
5660
5725
  .utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-separator) {
5661
5726
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5662
5727
  }
@@ -5729,6 +5794,9 @@
5729
5794
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-paragraph) {
5730
5795
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5731
5796
  }
5797
+ .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-spotlight-section) {
5798
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5799
+ }
5732
5800
  .utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-separator) {
5733
5801
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5734
5802
  }
@@ -5804,6 +5872,9 @@
5804
5872
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
5805
5873
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5806
5874
  }
5875
+ .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-spotlight-section) {
5876
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5877
+ }
5807
5878
  .utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
5808
5879
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5809
5880
  }
@@ -5876,6 +5947,9 @@
5876
5947
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-paragraph) {
5877
5948
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5878
5949
  }
5950
+ .utrecht-rich-text .utrecht-button:has(+ .utrecht-spotlight-section) {
5951
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5952
+ }
5879
5953
  .utrecht-rich-text .utrecht-button:has(+ .utrecht-separator) {
5880
5954
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5881
5955
  }
@@ -5945,6 +6019,9 @@
5945
6019
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-paragraph) {
5946
6020
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
5947
6021
  }
6022
+ .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-spotlight-section) {
6023
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6024
+ }
5948
6025
  .utrecht-rich-text .utrecht-button-group:has(+ .utrecht-separator) {
5949
6026
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
5950
6027
  }
@@ -6014,6 +6091,9 @@
6014
6091
  .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-paragraph) {
6015
6092
  --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6016
6093
  }
6094
+ .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-spotlight-section) {
6095
+ --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6096
+ }
6017
6097
  .utrecht-rich-text .utrecht-action-group:has(+ .utrecht-separator) {
6018
6098
  --utrecht-action-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6019
6099
  }
@@ -6089,6 +6169,9 @@
6089
6169
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-paragraph) {
6090
6170
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6091
6171
  }
6172
+ .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-spotlight-section) {
6173
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6174
+ }
6092
6175
  .utrecht-rich-text .utrecht-data-list:has(+ .utrecht-separator) {
6093
6176
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6094
6177
  }
@@ -6227,6 +6310,9 @@
6227
6310
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-paragraph) {
6228
6311
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6229
6312
  }
6313
+ .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-spotlight-section) {
6314
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6315
+ }
6230
6316
  .utrecht-rich-text .utrecht-form-field:has(+ .utrecht-separator) {
6231
6317
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6232
6318
  }
@@ -6347,6 +6433,9 @@
6347
6433
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-paragraph) {
6348
6434
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6349
6435
  }
6436
+ .utrecht-rich-text .utrecht-img:has(+ .utrecht-spotlight-section) {
6437
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6438
+ }
6350
6439
  .utrecht-rich-text .utrecht-img:has(+ .utrecht-separator) {
6351
6440
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6352
6441
  }
@@ -6413,6 +6502,9 @@
6413
6502
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-paragraph) {
6414
6503
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6415
6504
  }
6505
+ .utrecht-rich-text .utrecht-link:has(+ .utrecht-spotlight-section) {
6506
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6507
+ }
6416
6508
  .utrecht-rich-text .utrecht-link:has(+ .utrecht-separator) {
6417
6509
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6418
6510
  }
@@ -6485,6 +6577,9 @@
6485
6577
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-paragraph) {
6486
6578
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6487
6579
  }
6580
+ .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-spotlight-section) {
6581
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6582
+ }
6488
6583
  .utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-separator) {
6489
6584
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6490
6585
  }
@@ -6551,6 +6646,9 @@
6551
6646
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-paragraph) {
6552
6647
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6553
6648
  }
6649
+ .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-spotlight-section) {
6650
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6651
+ }
6554
6652
  .utrecht-rich-text .utrecht-pagination:has(+ .utrecht-separator) {
6555
6653
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6556
6654
  }
@@ -6620,6 +6718,9 @@
6620
6718
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-paragraph) {
6621
6719
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6622
6720
  }
6721
+ .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-spotlight-section) {
6722
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6723
+ }
6623
6724
  .utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-separator) {
6624
6725
  --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6625
6726
  }
@@ -6701,6 +6802,9 @@
6701
6802
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-paragraph) {
6702
6803
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6703
6804
  }
6805
+ .utrecht-rich-text .utrecht-separator:has(+ .utrecht-spotlight-section) {
6806
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6807
+ }
6704
6808
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-separator) {
6705
6809
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6706
6810
  }
@@ -6713,6 +6817,87 @@
6713
6817
  .utrecht-rich-text .utrecht-separator:has(+ .utrecht-unordered-list) {
6714
6818
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6715
6819
  }
6820
+ .utrecht-rich-text .utrecht-spotlight-section:first-child {
6821
+ --utrecht-spotlight-section-margin-block-start: 0;
6822
+ }
6823
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-1) {
6824
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6825
+ }
6826
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-2) {
6827
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6828
+ }
6829
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-3) {
6830
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6831
+ }
6832
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-4) {
6833
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6834
+ }
6835
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-5) {
6836
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6837
+ }
6838
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-heading-6) {
6839
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6840
+ }
6841
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-accordion) {
6842
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6843
+ }
6844
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-list) {
6845
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6846
+ }
6847
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-blockquote) {
6848
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6849
+ }
6850
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button) {
6851
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6852
+ }
6853
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-button-group) {
6854
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6855
+ }
6856
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-action-group) {
6857
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6858
+ }
6859
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-counter) {
6860
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6861
+ }
6862
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-data-list) {
6863
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6864
+ }
6865
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-figure) {
6866
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6867
+ }
6868
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-form-field) {
6869
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6870
+ }
6871
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-img) {
6872
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6873
+ }
6874
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-link) {
6875
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6876
+ }
6877
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-ordered-list) {
6878
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6879
+ }
6880
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-pagination) {
6881
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6882
+ }
6883
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-paragraph) {
6884
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6885
+ }
6886
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-spotlight-section) {
6887
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6888
+ }
6889
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-separator) {
6890
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6891
+ }
6892
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-badge-status) {
6893
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6894
+ }
6895
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-table) {
6896
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6897
+ }
6898
+ .utrecht-rich-text .utrecht-spotlight-section:has(+ .utrecht-unordered-list) {
6899
+ --utrecht-spotlight-section-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
6900
+ }
6716
6901
  .utrecht-rich-text .utrecht-sidenav:first-child {
6717
6902
  --utrecht-sidenav-margin-block-start: 0;
6718
6903
  }
@@ -6773,6 +6958,9 @@
6773
6958
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-pagination) {
6774
6959
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6775
6960
  }
6961
+ .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-spotlight-section) {
6962
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6963
+ }
6776
6964
  .utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-separator) {
6777
6965
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6778
6966
  }
@@ -6863,6 +7051,9 @@
6863
7051
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-paragraph) {
6864
7052
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6865
7053
  }
7054
+ .utrecht-rich-text .utrecht-table:has(+ .utrecht-spotlight-section) {
7055
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7056
+ }
6866
7057
  .utrecht-rich-text .utrecht-table:has(+ .utrecht-separator) {
6867
7058
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6868
7059
  }
@@ -6950,6 +7141,9 @@
6950
7141
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-paragraph) {
6951
7142
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
6952
7143
  }
7144
+ .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-spotlight-section) {
7145
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7146
+ }
6953
7147
  .utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-separator) {
6954
7148
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
6955
7149
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "8.2.1",
2
+ "version": "9.0.0",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -29,7 +29,6 @@
29
29
  "@utrecht/backdrop-css": "2.0.1",
30
30
  "@utrecht/badge-counter-css": "2.0.1",
31
31
  "@utrecht/badge-list-css": "3.0.1",
32
- "@utrecht/badge-status-css": "2.0.1",
33
32
  "@utrecht/blockquote-css": "2.0.1",
34
33
  "@utrecht/body-css": "2.0.1",
35
34
  "@utrecht/breadcrumb-nav-css": "2.1.0",
@@ -87,7 +86,7 @@
87
86
  "@utrecht/multiline-data-css": "2.0.1",
88
87
  "@utrecht/nav-bar-css": "2.0.1",
89
88
  "@utrecht/nav-list-css": "1.3.2",
90
- "@utrecht/navigation-css": "1.1.0",
89
+ "@utrecht/navigation-css": "1.1.1",
91
90
  "@utrecht/number-badge-css": "3.0.1",
92
91
  "@utrecht/number-data-css": "2.0.1",
93
92
  "@utrecht/ordered-list-css": "3.0.1",
@@ -102,13 +101,14 @@
102
101
  "@utrecht/pre-heading-css": "2.0.1",
103
102
  "@utrecht/preserve-data-css": "2.0.1",
104
103
  "@utrecht/radio-button-css": "2.0.1",
105
- "@utrecht/rich-text-css": "2.0.1",
104
+ "@utrecht/rich-text-css": "2.1.0",
106
105
  "@utrecht/root-css": "2.0.1",
107
106
  "@utrecht/search-bar-css": "3.0.1",
108
107
  "@utrecht/select-css": "2.0.1",
109
108
  "@utrecht/separator-css": "2.0.1",
110
109
  "@utrecht/skip-link-css": "2.0.1",
111
110
  "@utrecht/spotlight-section-css": "2.0.1",
111
+ "@utrecht/status-badge-css": "1.0.0",
112
112
  "@utrecht/surface-css": "2.0.1",
113
113
  "@utrecht/table-css": "2.0.1",
114
114
  "@utrecht/table-of-contents-css": "1.0.1",