@utrecht/component-library-css 9.0.4 → 9.0.6

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
  1. package/dist/html.css +21 -17
  2. package/dist/index.css +30 -29
  3. package/dist/prince-xml.css +51 -46
  4. package/package.json +27 -27
package/dist/html.css CHANGED
@@ -405,14 +405,13 @@
405
405
  max-inline-size: var(--utrecht-form-max-inline-size);
406
406
  }
407
407
  .utrecht-html legend {
408
- break-inside: avoid;
408
+ break-after: avoid-page;
409
+ break-inside: avoid-page;
409
410
  color: var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));
410
411
  font-family: var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));
411
412
  font-size: var(--utrecht-form-fieldset-legend-font-size);
412
413
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
413
414
  line-height: var(--utrecht-form-fieldset-legend-line-height);
414
- page-break-after: avoid;
415
- page-break-inside: avoid;
416
415
  display: table;
417
416
  inline-size: 100%;
418
417
  padding-inline-end: 0;
@@ -461,8 +460,10 @@
461
460
  }
462
461
  }
463
462
  .utrecht-html h1 {
463
+ break-after: avoid;
464
464
  break-inside: avoid-column;
465
- page-break-inside: avoid;
465
+ break-inside: avoid;
466
+ break-after: avoid-page;
466
467
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
467
468
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
468
469
  font-size: var(--utrecht-heading-1-font-size, revert);
@@ -470,12 +471,13 @@
470
471
  line-height: var(--utrecht-heading-1-line-height);
471
472
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
472
473
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
473
- page-break-after: avoid;
474
474
  --utrecht-space-around: 1;
475
475
  }
476
476
  .utrecht-html h2 {
477
+ break-after: avoid;
477
478
  break-inside: avoid-column;
478
- page-break-inside: avoid;
479
+ break-inside: avoid;
480
+ break-after: avoid-page;
479
481
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
480
482
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
481
483
  font-size: var(--utrecht-heading-2-font-size, revert);
@@ -483,12 +485,13 @@
483
485
  line-height: var(--utrecht-heading-2-line-height);
484
486
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
485
487
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
486
- page-break-after: avoid;
487
488
  --utrecht-space-around: 1;
488
489
  }
489
490
  .utrecht-html h3 {
491
+ break-after: avoid;
490
492
  break-inside: avoid-column;
491
- page-break-inside: avoid;
493
+ break-inside: avoid;
494
+ break-after: avoid-page;
492
495
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
493
496
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
494
497
  font-size: var(--utrecht-heading-3-font-size, revert);
@@ -496,12 +499,13 @@
496
499
  line-height: var(--utrecht-heading-3-line-height);
497
500
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
498
501
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
499
- page-break-after: avoid;
500
502
  --utrecht-space-around: 1;
501
503
  }
502
504
  .utrecht-html h4 {
505
+ break-after: avoid;
503
506
  break-inside: avoid-column;
504
- page-break-inside: avoid;
507
+ break-inside: avoid;
508
+ break-after: avoid-page;
505
509
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
506
510
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
507
511
  font-size: var(--utrecht-heading-4-font-size, revert);
@@ -509,12 +513,13 @@
509
513
  line-height: var(--utrecht-heading-4-line-height);
510
514
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
511
515
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
512
- page-break-after: avoid;
513
516
  --utrecht-space-around: 1;
514
517
  }
515
518
  .utrecht-html h5 {
519
+ break-after: avoid;
516
520
  break-inside: avoid-column;
517
- page-break-inside: avoid;
521
+ break-inside: avoid;
522
+ break-after: avoid-page;
518
523
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
519
524
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
520
525
  font-size: var(--utrecht-heading-5-font-size, revert);
@@ -522,12 +527,13 @@
522
527
  line-height: var(--utrecht-heading-5-line-height);
523
528
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
524
529
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
525
- page-break-after: avoid;
526
530
  --utrecht-space-around: 1;
527
531
  }
528
532
  .utrecht-html h6 {
533
+ break-after: avoid;
529
534
  break-inside: avoid-column;
530
- page-break-inside: avoid;
535
+ break-inside: avoid;
536
+ break-after: avoid-page;
531
537
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
532
538
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
533
539
  font-size: var(--utrecht-heading-6-font-size, revert);
@@ -535,7 +541,6 @@
535
541
  line-height: var(--utrecht-heading-6-line-height);
536
542
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
537
543
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
538
- page-break-after: avoid;
539
544
  --utrecht-space-around: 1;
540
545
  }
541
546
  .utrecht-html hgroup {
@@ -908,6 +913,7 @@
908
913
  --utrecht-space-around: 1;
909
914
  }
910
915
  .utrecht-html caption {
916
+ break-after: avoid;
911
917
  break-inside: avoid;
912
918
  color: var(--utrecht-table-caption-color);
913
919
  font-family: var(--utrecht-table-caption-font-family);
@@ -915,7 +921,6 @@
915
921
  font-weight: var(--utrecht-table-caption-font-weight);
916
922
  line-height: var(--utrecht-table-caption-line-height);
917
923
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
918
- page-break-after: avoid;
919
924
  text-align: var(--utrecht-table-caption-text-align, center);
920
925
  }
921
926
  .utrecht-html thead {
@@ -925,7 +930,6 @@
925
930
  break-inside: avoid;
926
931
  color: var(--utrecht-table-header-color);
927
932
  font-weight: var(--utrecht-table-header-font-weight);
928
- page-break-inside: avoid;
929
933
  text-transform: var(--utrecht-table-header-text-transform);
930
934
  }
931
935
  .utrecht-html tbody {
package/dist/index.css CHANGED
@@ -2533,7 +2533,6 @@
2533
2533
  font-family: var(--utrecht-document-font-family, inherit);
2534
2534
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));
2535
2535
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));
2536
- page-break-inside: avoid;
2537
2536
  }
2538
2537
 
2539
2538
  .utrecht-form-field--distanced {
@@ -2650,14 +2649,13 @@
2650
2649
  }
2651
2650
 
2652
2651
  .utrecht-form-fieldset__legend {
2653
- break-inside: avoid;
2652
+ break-after: avoid-page;
2653
+ break-inside: avoid-page;
2654
2654
  color: var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));
2655
2655
  font-family: var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));
2656
2656
  font-size: var(--utrecht-form-fieldset-legend-font-size);
2657
2657
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
2658
2658
  line-height: var(--utrecht-form-fieldset-legend-line-height);
2659
- page-break-after: avoid;
2660
- page-break-inside: avoid;
2661
2659
  }
2662
2660
 
2663
2661
  .utrecht-form-fieldset__legend--disabled {
@@ -2816,8 +2814,6 @@
2816
2814
  .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
2817
2815
  block-size: 1px !important;
2818
2816
  border: 0 !important;
2819
- clip: rect(1px, 1px, 1px, 1px) !important;
2820
- -webkit-clip-path: inset(50%) !important;
2821
2817
  clip-path: inset(50%) !important;
2822
2818
  inline-size: 1px !important;
2823
2819
  margin: -1px !important;
@@ -3452,8 +3448,10 @@
3452
3448
  order: var(--_utrecht-grid-order, initial);
3453
3449
  }
3454
3450
  .utrecht-heading-1 {
3451
+ break-after: avoid;
3455
3452
  break-inside: avoid-column;
3456
- page-break-inside: avoid;
3453
+ break-inside: avoid;
3454
+ break-after: avoid-page;
3457
3455
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3458
3456
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3459
3457
  font-size: var(--utrecht-heading-1-font-size, revert);
@@ -3461,15 +3459,16 @@
3461
3459
  line-height: var(--utrecht-heading-1-line-height);
3462
3460
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
3463
3461
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
3464
- page-break-after: avoid;
3465
3462
  }
3466
3463
 
3467
3464
  .utrecht-heading-1--distanced {
3468
3465
  --utrecht-space-around: 1;
3469
3466
  }
3470
3467
  .utrecht-heading-2 {
3468
+ break-after: avoid;
3471
3469
  break-inside: avoid-column;
3472
- page-break-inside: avoid;
3470
+ break-inside: avoid;
3471
+ break-after: avoid-page;
3473
3472
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3474
3473
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3475
3474
  font-size: var(--utrecht-heading-2-font-size, revert);
@@ -3477,15 +3476,16 @@
3477
3476
  line-height: var(--utrecht-heading-2-line-height);
3478
3477
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
3479
3478
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
3480
- page-break-after: avoid;
3481
3479
  }
3482
3480
 
3483
3481
  .utrecht-heading-2--distanced {
3484
3482
  --utrecht-space-around: 1;
3485
3483
  }
3486
3484
  .utrecht-heading-3 {
3485
+ break-after: avoid;
3487
3486
  break-inside: avoid-column;
3488
- page-break-inside: avoid;
3487
+ break-inside: avoid;
3488
+ break-after: avoid-page;
3489
3489
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3490
3490
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3491
3491
  font-size: var(--utrecht-heading-3-font-size, revert);
@@ -3493,15 +3493,16 @@
3493
3493
  line-height: var(--utrecht-heading-3-line-height);
3494
3494
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
3495
3495
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
3496
- page-break-after: avoid;
3497
3496
  }
3498
3497
 
3499
3498
  .utrecht-heading-3--distanced {
3500
3499
  --utrecht-space-around: 1;
3501
3500
  }
3502
3501
  .utrecht-heading-4 {
3502
+ break-after: avoid;
3503
3503
  break-inside: avoid-column;
3504
- page-break-inside: avoid;
3504
+ break-inside: avoid;
3505
+ break-after: avoid-page;
3505
3506
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3506
3507
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3507
3508
  font-size: var(--utrecht-heading-4-font-size, revert);
@@ -3509,15 +3510,16 @@
3509
3510
  line-height: var(--utrecht-heading-4-line-height);
3510
3511
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
3511
3512
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
3512
- page-break-after: avoid;
3513
3513
  }
3514
3514
 
3515
3515
  .utrecht-heading-4--distanced {
3516
3516
  --utrecht-space-around: 1;
3517
3517
  }
3518
3518
  .utrecht-heading-5 {
3519
+ break-after: avoid;
3519
3520
  break-inside: avoid-column;
3520
- page-break-inside: avoid;
3521
+ break-inside: avoid;
3522
+ break-after: avoid-page;
3521
3523
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3522
3524
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3523
3525
  font-size: var(--utrecht-heading-5-font-size, revert);
@@ -3525,15 +3527,16 @@
3525
3527
  line-height: var(--utrecht-heading-5-line-height);
3526
3528
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
3527
3529
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
3528
- page-break-after: avoid;
3529
3530
  }
3530
3531
 
3531
3532
  .utrecht-heading-5--distanced {
3532
3533
  --utrecht-space-around: 1;
3533
3534
  }
3534
3535
  .utrecht-heading-6 {
3536
+ break-after: avoid;
3535
3537
  break-inside: avoid-column;
3536
- page-break-inside: avoid;
3538
+ break-inside: avoid;
3539
+ break-after: avoid-page;
3537
3540
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3538
3541
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3539
3542
  font-size: var(--utrecht-heading-6-font-size, revert);
@@ -3541,7 +3544,6 @@
3541
3544
  line-height: var(--utrecht-heading-6-line-height);
3542
3545
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
3543
3546
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
3544
- page-break-after: avoid;
3545
3547
  }
3546
3548
 
3547
3549
  .utrecht-heading-6--distanced {
@@ -7314,7 +7316,6 @@
7314
7316
  block-size: 100%;
7315
7317
  color: var(--utrecht-root-color, CanvasText);
7316
7318
  font-family: var(--utrecht-root-font-family);
7317
- font-size: var(--utrecht-root-font-size, var(--utrecht-body-font-size));
7318
7319
  font-size-adjust: var(--utrecht-root-font-size-adjust, 0.5);
7319
7320
  font-weight: var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));
7320
7321
  -webkit-hyphens: auto;
@@ -7322,15 +7323,14 @@
7322
7323
  -ms-hyphens: auto;
7323
7324
  hyphens: auto;
7324
7325
  inline-size: 100%;
7325
- line-height: var(--utrecht-root-line-height, var(--utrecht-body-line-height));
7326
7326
  overflow-block: auto;
7327
7327
  overflow-inline: auto;
7328
+ overflow-wrap: break-word;
7328
7329
  position: relative;
7329
7330
  text-rendering: optimizeLegibility;
7330
7331
  -moz-text-size-adjust: none;
7331
7332
  -webkit-text-size-adjust: none;
7332
7333
  text-size-adjust: none;
7333
- word-break: break-word;
7334
7334
  }
7335
7335
  @media (prefers-reduced-motion: no-preference) {
7336
7336
  .utrecht-root {
@@ -7350,6 +7350,11 @@
7350
7350
  :where(.utrecht-root) :where(:not(:root):fullscreen)::backdrop {
7351
7351
  background-color: var(--utrecht-root-background-color, Canvas);
7352
7352
  }
7353
+ .utrecht-root:where(:root) > *,
7354
+ .utrecht-root:where(:not(:root)) {
7355
+ font-size: var(--utrecht-root-font-size, var(--utrecht-body-font-size));
7356
+ line-height: var(--utrecht-root-line-height, var(--utrecht-body-line-height));
7357
+ }
7353
7358
  .utrecht-search-bar {
7354
7359
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
7355
7360
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-scale);
@@ -7688,6 +7693,7 @@
7688
7693
 
7689
7694
  .utrecht-table--html-table > caption,
7690
7695
  .utrecht-table__caption {
7696
+ break-after: avoid;
7691
7697
  break-inside: avoid;
7692
7698
  color: var(--utrecht-table-caption-color);
7693
7699
  font-family: var(--utrecht-table-caption-font-family);
@@ -7695,12 +7701,12 @@
7695
7701
  font-weight: var(--utrecht-table-caption-font-weight);
7696
7702
  line-height: var(--utrecht-table-caption-line-height);
7697
7703
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
7698
- page-break-after: avoid;
7699
7704
  text-align: var(--utrecht-table-caption-text-align, center);
7700
7705
  }
7701
7706
 
7702
7707
  .utrecht-table--html-table > figcaption,
7703
7708
  .utrecht-table__figcaption {
7709
+ break-after: avoid;
7704
7710
  break-inside: avoid;
7705
7711
  color: var(--utrecht-table-caption-color);
7706
7712
  font-family: var(--utrecht-table-caption-font-family);
@@ -7708,7 +7714,6 @@
7708
7714
  font-weight: var(--utrecht-table-caption-font-weight);
7709
7715
  line-height: var(--utrecht-table-caption-line-height);
7710
7716
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
7711
- page-break-after: avoid;
7712
7717
  text-align: var(--utrecht-table-caption-text-align, center);
7713
7718
  }
7714
7719
 
@@ -7720,7 +7725,6 @@
7720
7725
  break-inside: avoid;
7721
7726
  color: var(--utrecht-table-header-color);
7722
7727
  font-weight: var(--utrecht-table-header-font-weight);
7723
- page-break-inside: avoid;
7724
7728
  text-transform: var(--utrecht-table-header-text-transform);
7725
7729
  }
7726
7730
 
@@ -7777,7 +7781,6 @@
7777
7781
  .utrecht-table--html-table > tfoot > tr,
7778
7782
  .utrecht-table__row {
7779
7783
  break-inside: avoid;
7780
- page-break-inside: avoid;
7781
7784
  }
7782
7785
 
7783
7786
  .utrecht-table__row--selected {
@@ -7927,7 +7930,6 @@
7927
7930
  .utrecht-table__header--hidden {
7928
7931
  block-size: 1px;
7929
7932
  border: 0 solid silver;
7930
- clip: rect(1px, 1px, 1px, 1px);
7931
7933
  clip-path: inset(50%);
7932
7934
  inline-size: 1px;
7933
7935
  outline: 1px solid red;
@@ -7962,13 +7964,13 @@
7962
7964
  color: maroon;
7963
7965
  }
7964
7966
  .utrecht-table-of-contents {
7965
- page-break-inside: avoid;
7967
+ break-inside: avoid-page;
7966
7968
  }
7967
7969
 
7968
7970
  .utrecht-table-of-contents__list {
7969
7971
  list-style-type: none;
7970
7972
  padding-inline-start: 0;
7971
- page-break-inside: avoid;
7973
+ break-inside: avoid-page;
7972
7974
  }
7973
7975
 
7974
7976
  .utrecht-table-of-contents__list-item {
@@ -8611,7 +8613,6 @@
8611
8613
  font-variant-ligatures: none;
8612
8614
  hyphens: none;
8613
8615
  overflow-wrap: anywhere;
8614
- page-break-inside: avoid;
8615
8616
  }
8616
8617
  .utrecht-youtube-video {
8617
8618
  aspect-ratio: 16/9;
package/dist/prince-xml.css CHANGED
@@ -2447,7 +2447,6 @@
2447
2447
  font-family: var(--utrecht-document-font-family, inherit);
2448
2448
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));
2449
2449
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));
2450
- page-break-inside: avoid;
2451
2450
  }
2452
2451
 
2453
2452
  .utrecht-form-field--distanced {
@@ -2564,14 +2563,13 @@
2564
2563
  }
2565
2564
 
2566
2565
  .utrecht-form-fieldset__legend {
2567
- break-inside: avoid;
2566
+ break-after: avoid-page;
2567
+ break-inside: avoid-page;
2568
2568
  color: var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));
2569
2569
  font-family: var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));
2570
2570
  font-size: var(--utrecht-form-fieldset-legend-font-size);
2571
2571
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
2572
2572
  line-height: var(--utrecht-form-fieldset-legend-line-height);
2573
- page-break-after: avoid;
2574
- page-break-inside: avoid;
2575
2573
  }
2576
2574
 
2577
2575
  .utrecht-form-fieldset__legend--disabled {
@@ -2718,8 +2716,6 @@
2718
2716
  .utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
2719
2717
  height: 1px !important;
2720
2718
  border: 0 !important;
2721
- clip: rect(1px, 1px, 1px, 1px) !important;
2722
- -webkit-clip-path: inset(50%) !important;
2723
2719
  clip-path: inset(50%) !important;
2724
2720
  width: 1px !important;
2725
2721
  margin: -1px !important;
@@ -3366,8 +3362,10 @@
3366
3362
  order: var(--_utrecht-grid-order, initial);
3367
3363
  }
3368
3364
  .utrecht-heading-1 {
3365
+ break-after: avoid;
3369
3366
  break-inside: avoid-column;
3370
- page-break-inside: avoid;
3367
+ break-inside: avoid;
3368
+ break-after: avoid-page;
3371
3369
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3372
3370
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3373
3371
  font-size: var(--utrecht-heading-1-font-size, revert);
@@ -3375,15 +3373,16 @@
3375
3373
  line-height: var(--utrecht-heading-1-line-height);
3376
3374
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
3377
3375
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
3378
- page-break-after: avoid;
3379
3376
  }
3380
3377
 
3381
3378
  .utrecht-heading-1--distanced {
3382
3379
  --utrecht-space-around: 1;
3383
3380
  }
3384
3381
  .utrecht-heading-2 {
3382
+ break-after: avoid;
3385
3383
  break-inside: avoid-column;
3386
- page-break-inside: avoid;
3384
+ break-inside: avoid;
3385
+ break-after: avoid-page;
3387
3386
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3388
3387
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3389
3388
  font-size: var(--utrecht-heading-2-font-size, revert);
@@ -3391,15 +3390,16 @@
3391
3390
  line-height: var(--utrecht-heading-2-line-height);
3392
3391
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
3393
3392
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
3394
- page-break-after: avoid;
3395
3393
  }
3396
3394
 
3397
3395
  .utrecht-heading-2--distanced {
3398
3396
  --utrecht-space-around: 1;
3399
3397
  }
3400
3398
  .utrecht-heading-3 {
3399
+ break-after: avoid;
3401
3400
  break-inside: avoid-column;
3402
- page-break-inside: avoid;
3401
+ break-inside: avoid;
3402
+ break-after: avoid-page;
3403
3403
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3404
3404
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3405
3405
  font-size: var(--utrecht-heading-3-font-size, revert);
@@ -3407,15 +3407,16 @@
3407
3407
  line-height: var(--utrecht-heading-3-line-height);
3408
3408
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
3409
3409
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
3410
- page-break-after: avoid;
3411
3410
  }
3412
3411
 
3413
3412
  .utrecht-heading-3--distanced {
3414
3413
  --utrecht-space-around: 1;
3415
3414
  }
3416
3415
  .utrecht-heading-4 {
3416
+ break-after: avoid;
3417
3417
  break-inside: avoid-column;
3418
- page-break-inside: avoid;
3418
+ break-inside: avoid;
3419
+ break-after: avoid-page;
3419
3420
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3420
3421
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3421
3422
  font-size: var(--utrecht-heading-4-font-size, revert);
@@ -3423,15 +3424,16 @@
3423
3424
  line-height: var(--utrecht-heading-4-line-height);
3424
3425
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
3425
3426
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
3426
- page-break-after: avoid;
3427
3427
  }
3428
3428
 
3429
3429
  .utrecht-heading-4--distanced {
3430
3430
  --utrecht-space-around: 1;
3431
3431
  }
3432
3432
  .utrecht-heading-5 {
3433
+ break-after: avoid;
3433
3434
  break-inside: avoid-column;
3434
- page-break-inside: avoid;
3435
+ break-inside: avoid;
3436
+ break-after: avoid-page;
3435
3437
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3436
3438
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3437
3439
  font-size: var(--utrecht-heading-5-font-size, revert);
@@ -3439,15 +3441,16 @@
3439
3441
  line-height: var(--utrecht-heading-5-line-height);
3440
3442
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
3441
3443
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
3442
- page-break-after: avoid;
3443
3444
  }
3444
3445
 
3445
3446
  .utrecht-heading-5--distanced {
3446
3447
  --utrecht-space-around: 1;
3447
3448
  }
3448
3449
  .utrecht-heading-6 {
3450
+ break-after: avoid;
3449
3451
  break-inside: avoid-column;
3450
- page-break-inside: avoid;
3452
+ break-inside: avoid;
3453
+ break-after: avoid-page;
3451
3454
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
3452
3455
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
3453
3456
  font-size: var(--utrecht-heading-6-font-size, revert);
@@ -3455,7 +3458,6 @@
3455
3458
  line-height: var(--utrecht-heading-6-line-height);
3456
3459
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
3457
3460
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
3458
- page-break-after: avoid;
3459
3461
  }
3460
3462
 
3461
3463
  .utrecht-heading-6--distanced {
@@ -7170,7 +7172,6 @@
7170
7172
  height: 100%;
7171
7173
  color: var(--utrecht-root-color, CanvasText);
7172
7174
  font-family: var(--utrecht-root-font-family);
7173
- font-size: var(--utrecht-root-font-size, var(--utrecht-body-font-size));
7174
7175
  font-size-adjust: var(--utrecht-root-font-size-adjust, 0.5);
7175
7176
  font-weight: var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));
7176
7177
  -webkit-hyphens: auto;
@@ -7178,15 +7179,14 @@
7178
7179
  -ms-hyphens: auto;
7179
7180
  hyphens: auto;
7180
7181
  width: 100%;
7181
- line-height: var(--utrecht-root-line-height, var(--utrecht-body-line-height));
7182
7182
  overflow-block: auto;
7183
7183
  overflow-inline: auto;
7184
+ overflow-wrap: break-word;
7184
7185
  position: relative;
7185
7186
  text-rendering: optimizeLegibility;
7186
7187
  -moz-text-size-adjust: none;
7187
7188
  -webkit-text-size-adjust: none;
7188
7189
  text-size-adjust: none;
7189
- word-break: break-word;
7190
7190
  }
7191
7191
  :where(.utrecht-root) :where([prince-xml-ignore-pseudo-class-focus-visible]) {
7192
7192
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
@@ -7201,6 +7201,11 @@
7201
7201
  :where(.utrecht-root) :where(:not(:root):fullscreen)[prince-xml-ignore-pseudo-element-backdrop] {
7202
7202
  background-color: var(--utrecht-root-background-color, Canvas);
7203
7203
  }
7204
+ .utrecht-root:where(:root) > *,
7205
+ .utrecht-root:where(:not(:root)) {
7206
+ font-size: var(--utrecht-root-font-size, var(--utrecht-body-font-size));
7207
+ line-height: var(--utrecht-root-line-height, var(--utrecht-body-line-height));
7208
+ }
7204
7209
  .utrecht-search-bar {
7205
7210
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
7206
7211
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-scale);
@@ -7539,6 +7544,7 @@
7539
7544
 
7540
7545
  .utrecht-table--html-table > caption,
7541
7546
  .utrecht-table__caption {
7547
+ break-after: avoid;
7542
7548
  break-inside: avoid;
7543
7549
  color: var(--utrecht-table-caption-color);
7544
7550
  font-family: var(--utrecht-table-caption-font-family);
@@ -7546,12 +7552,12 @@
7546
7552
  font-weight: var(--utrecht-table-caption-font-weight);
7547
7553
  line-height: var(--utrecht-table-caption-line-height);
7548
7554
  margin-bottom: var(--utrecht-table-caption-margin-block-end);
7549
- page-break-after: avoid;
7550
7555
  text-align: var(--utrecht-table-caption-text-align, center);
7551
7556
  }
7552
7557
 
7553
7558
  .utrecht-table--html-table > figcaption,
7554
7559
  .utrecht-table__figcaption {
7560
+ break-after: avoid;
7555
7561
  break-inside: avoid;
7556
7562
  color: var(--utrecht-table-caption-color);
7557
7563
  font-family: var(--utrecht-table-caption-font-family);
@@ -7559,7 +7565,6 @@
7559
7565
  font-weight: var(--utrecht-table-caption-font-weight);
7560
7566
  line-height: var(--utrecht-table-caption-line-height);
7561
7567
  margin-bottom: var(--utrecht-table-caption-margin-block-end);
7562
- page-break-after: avoid;
7563
7568
  text-align: var(--utrecht-table-caption-text-align, center);
7564
7569
  }
7565
7570
 
@@ -7571,7 +7576,6 @@
7571
7576
  break-inside: avoid;
7572
7577
  color: var(--utrecht-table-header-color);
7573
7578
  font-weight: var(--utrecht-table-header-font-weight);
7574
- page-break-inside: avoid;
7575
7579
  text-transform: var(--utrecht-table-header-text-transform);
7576
7580
  }
7577
7581
 
@@ -7628,7 +7632,6 @@
7628
7632
  .utrecht-table--html-table > tfoot > tr,
7629
7633
  .utrecht-table__row {
7630
7634
  break-inside: avoid;
7631
- page-break-inside: avoid;
7632
7635
  }
7633
7636
 
7634
7637
  .utrecht-table__row--selected {
@@ -7778,7 +7781,6 @@
7778
7781
  .utrecht-table__header--hidden {
7779
7782
  height: 1px;
7780
7783
  border: 0 solid silver;
7781
- clip: rect(1px, 1px, 1px, 1px);
7782
7784
  clip-path: inset(50%);
7783
7785
  width: 1px;
7784
7786
  outline: 1px solid red;
@@ -7813,13 +7815,13 @@
7813
7815
  color: maroon;
7814
7816
  }
7815
7817
  .utrecht-table-of-contents {
7816
- page-break-inside: avoid;
7818
+ break-inside: avoid-page;
7817
7819
  }
7818
7820
 
7819
7821
  .utrecht-table-of-contents__list {
7820
7822
  list-style-type: none;
7821
7823
  padding-left: 0;
7822
- page-break-inside: avoid;
7824
+ break-inside: avoid-page;
7823
7825
  }
7824
7826
 
7825
7827
  .utrecht-table-of-contents__list-item {
@@ -8445,7 +8447,6 @@
8445
8447
  font-variant-ligatures: none;
8446
8448
  hyphens: none;
8447
8449
  overflow-wrap: anywhere;
8448
- page-break-inside: avoid;
8449
8450
  }
8450
8451
  .utrecht-youtube-video {
8451
8452
  aspect-ratio: 16/9;
@@ -8861,14 +8862,13 @@
8861
8862
  max-width: var(--utrecht-form-max-inline-size);
8862
8863
  }
8863
8864
  .utrecht-html legend {
8864
- break-inside: avoid;
8865
+ break-after: avoid-page;
8866
+ break-inside: avoid-page;
8865
8867
  color: var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));
8866
8868
  font-family: var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));
8867
8869
  font-size: var(--utrecht-form-fieldset-legend-font-size);
8868
8870
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
8869
8871
  line-height: var(--utrecht-form-fieldset-legend-line-height);
8870
- page-break-after: avoid;
8871
- page-break-inside: avoid;
8872
8872
  display: table;
8873
8873
  width: 100%;
8874
8874
  padding-right: 0;
@@ -8917,8 +8917,10 @@
8917
8917
  }
8918
8918
  }
8919
8919
  .utrecht-html h1 {
8920
+ break-after: avoid;
8920
8921
  break-inside: avoid-column;
8921
- page-break-inside: avoid;
8922
+ break-inside: avoid;
8923
+ break-after: avoid-page;
8922
8924
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8923
8925
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8924
8926
  font-size: var(--utrecht-heading-1-font-size, revert);
@@ -8926,12 +8928,13 @@
8926
8928
  line-height: var(--utrecht-heading-1-line-height);
8927
8929
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
8928
8930
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
8929
- page-break-after: avoid;
8930
8931
  --utrecht-space-around: 1;
8931
8932
  }
8932
8933
  .utrecht-html h2 {
8934
+ break-after: avoid;
8933
8935
  break-inside: avoid-column;
8934
- page-break-inside: avoid;
8936
+ break-inside: avoid;
8937
+ break-after: avoid-page;
8935
8938
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8936
8939
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8937
8940
  font-size: var(--utrecht-heading-2-font-size, revert);
@@ -8939,12 +8942,13 @@
8939
8942
  line-height: var(--utrecht-heading-2-line-height);
8940
8943
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
8941
8944
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
8942
- page-break-after: avoid;
8943
8945
  --utrecht-space-around: 1;
8944
8946
  }
8945
8947
  .utrecht-html h3 {
8948
+ break-after: avoid;
8946
8949
  break-inside: avoid-column;
8947
- page-break-inside: avoid;
8950
+ break-inside: avoid;
8951
+ break-after: avoid-page;
8948
8952
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8949
8953
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8950
8954
  font-size: var(--utrecht-heading-3-font-size, revert);
@@ -8952,12 +8956,13 @@
8952
8956
  line-height: var(--utrecht-heading-3-line-height);
8953
8957
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
8954
8958
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
8955
- page-break-after: avoid;
8956
8959
  --utrecht-space-around: 1;
8957
8960
  }
8958
8961
  .utrecht-html h4 {
8962
+ break-after: avoid;
8959
8963
  break-inside: avoid-column;
8960
- page-break-inside: avoid;
8964
+ break-inside: avoid;
8965
+ break-after: avoid-page;
8961
8966
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8962
8967
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8963
8968
  font-size: var(--utrecht-heading-4-font-size, revert);
@@ -8965,12 +8970,13 @@
8965
8970
  line-height: var(--utrecht-heading-4-line-height);
8966
8971
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
8967
8972
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
8968
- page-break-after: avoid;
8969
8973
  --utrecht-space-around: 1;
8970
8974
  }
8971
8975
  .utrecht-html h5 {
8976
+ break-after: avoid;
8972
8977
  break-inside: avoid-column;
8973
- page-break-inside: avoid;
8978
+ break-inside: avoid;
8979
+ break-after: avoid-page;
8974
8980
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8975
8981
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8976
8982
  font-size: var(--utrecht-heading-5-font-size, revert);
@@ -8978,12 +8984,13 @@
8978
8984
  line-height: var(--utrecht-heading-5-line-height);
8979
8985
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
8980
8986
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
8981
- page-break-after: avoid;
8982
8987
  --utrecht-space-around: 1;
8983
8988
  }
8984
8989
  .utrecht-html h6 {
8990
+ break-after: avoid;
8985
8991
  break-inside: avoid-column;
8986
- page-break-inside: avoid;
8992
+ break-inside: avoid;
8993
+ break-after: avoid-page;
8987
8994
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8988
8995
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8989
8996
  font-size: var(--utrecht-heading-6-font-size, revert);
@@ -8991,7 +8998,6 @@
8991
8998
  line-height: var(--utrecht-heading-6-line-height);
8992
8999
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
8993
9000
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
8994
- page-break-after: avoid;
8995
9001
  --utrecht-space-around: 1;
8996
9002
  }
8997
9003
  .utrecht-html hgroup {
@@ -9363,6 +9369,7 @@
9363
9369
  --utrecht-space-around: 1;
9364
9370
  }
9365
9371
  .utrecht-html caption {
9372
+ break-after: avoid;
9366
9373
  break-inside: avoid;
9367
9374
  color: var(--utrecht-table-caption-color);
9368
9375
  font-family: var(--utrecht-table-caption-font-family);
@@ -9370,7 +9377,6 @@
9370
9377
  font-weight: var(--utrecht-table-caption-font-weight);
9371
9378
  line-height: var(--utrecht-table-caption-line-height);
9372
9379
  margin-bottom: var(--utrecht-table-caption-margin-block-end);
9373
- page-break-after: avoid;
9374
9380
  text-align: var(--utrecht-table-caption-text-align, center);
9375
9381
  }
9376
9382
  .utrecht-html thead {
@@ -9380,7 +9386,6 @@
9380
9386
  break-inside: avoid;
9381
9387
  color: var(--utrecht-table-header-color);
9382
9388
  font-weight: var(--utrecht-table-header-font-weight);
9383
- page-break-inside: avoid;
9384
9389
  text-transform: var(--utrecht-table-header-text-transform);
9385
9390
  }
9386
9391
  .utrecht-html tbody {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "9.0.4",
2
+ "version": "9.0.6",
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",
@@ -26,7 +26,7 @@
26
26
  "@utrecht/alert-dialog-css": "2.0.1",
27
27
  "@utrecht/alternate-lang-nav-css": "2.0.1",
28
28
  "@utrecht/article-css": "2.0.1",
29
- "@utrecht/backdrop-css": "2.0.1",
29
+ "@utrecht/backdrop-css": "2.0.2",
30
30
  "@utrecht/badge-counter-css": "2.0.1",
31
31
  "@utrecht/badge-list-css": "3.0.1",
32
32
  "@utrecht/blockquote-css": "2.0.1",
@@ -36,16 +36,16 @@
36
36
  "@utrecht/button-group-css": "2.0.1",
37
37
  "@utrecht/button-link-css": "2.0.1",
38
38
  "@utrecht/calendar-css": "2.0.1",
39
- "@utrecht/checkbox-css": "2.0.1",
39
+ "@utrecht/checkbox-css": "2.0.2",
40
40
  "@utrecht/code-block-css": "2.0.1",
41
41
  "@utrecht/code-css": "2.0.1",
42
- "@utrecht/color-sample-css": "2.0.1",
42
+ "@utrecht/color-sample-css": "2.0.2",
43
43
  "@utrecht/column-layout-css": "2.0.1",
44
44
  "@utrecht/combobox-css": "2.0.1",
45
45
  "@utrecht/currency-data-css": "2.0.1",
46
46
  "@utrecht/custom-checkbox-css": "2.0.1",
47
47
  "@utrecht/data-badge-css": "2.0.1",
48
- "@utrecht/data-list-css": "2.0.1",
48
+ "@utrecht/data-list-css": "2.0.2",
49
49
  "@utrecht/data-placeholder-css": "2.0.1",
50
50
  "@utrecht/digid-button-css": "1.4.2",
51
51
  "@utrecht/document-css": "2.0.1",
@@ -53,19 +53,19 @@
53
53
  "@utrecht/emphasis-css": "2.0.1",
54
54
  "@utrecht/figure-css": "2.0.1",
55
55
  "@utrecht/form-css": "2.0.1",
56
- "@utrecht/form-field-css": "2.0.1",
56
+ "@utrecht/form-field-css": "2.0.2",
57
57
  "@utrecht/form-field-description-css": "2.0.1",
58
- "@utrecht/form-fieldset-css": "2.0.1",
59
58
  "@utrecht/form-field-error-message-css": "2.0.1",
59
+ "@utrecht/form-fieldset-css": "2.0.2",
60
60
  "@utrecht/form-label-css": "2.0.1",
61
61
  "@utrecht/form-toggle-css": "2.0.1",
62
62
  "@utrecht/grid-css": "1.0.0",
63
- "@utrecht/heading-1-css": "2.0.1",
64
- "@utrecht/heading-2-css": "2.0.1",
65
- "@utrecht/heading-3-css": "2.0.1",
66
- "@utrecht/heading-4-css": "2.0.1",
67
- "@utrecht/heading-5-css": "2.0.1",
68
- "@utrecht/heading-6-css": "2.0.1",
63
+ "@utrecht/heading-1-css": "2.0.2",
64
+ "@utrecht/heading-2-css": "2.0.2",
65
+ "@utrecht/heading-3-css": "2.0.2",
66
+ "@utrecht/heading-4-css": "2.0.2",
67
+ "@utrecht/heading-5-css": "2.0.2",
68
+ "@utrecht/heading-6-css": "2.0.2",
69
69
  "@utrecht/heading-group-css": "2.0.1",
70
70
  "@utrecht/html-content-css": "2.1.0",
71
71
  "@utrecht/iban-data-css": "2.0.1",
@@ -77,48 +77,48 @@
77
77
  "@utrecht/link-list-css": "3.0.1",
78
78
  "@utrecht/link-social-css": "2.0.1",
79
79
  "@utrecht/list-social-css": "2.0.1",
80
- "@utrecht/listbox-css": "2.1.0",
80
+ "@utrecht/listbox-css": "2.1.1",
81
81
  "@utrecht/logo-button-css": "1.4.2",
82
82
  "@utrecht/logo-css": "2.0.1",
83
83
  "@utrecht/logo-image-css": "1.4.2",
84
84
  "@utrecht/map-marker-css": "2.0.1",
85
- "@utrecht/mark-css": "2.0.1",
85
+ "@utrecht/mark-css": "2.0.2",
86
86
  "@utrecht/multiline-data-css": "2.0.1",
87
87
  "@utrecht/nav-bar-css": "2.0.1",
88
88
  "@utrecht/nav-list-css": "1.3.2",
89
89
  "@utrecht/navigation-css": "1.1.1",
90
90
  "@utrecht/number-badge-css": "3.0.1",
91
- "@utrecht/number-data-css": "2.0.1",
91
+ "@utrecht/number-data-css": "2.0.2",
92
92
  "@utrecht/ordered-list-css": "3.0.1",
93
93
  "@utrecht/page-body-css": "1.0.1",
94
94
  "@utrecht/page-content-css": "2.0.1",
95
95
  "@utrecht/page-css": "2.0.1",
96
- "@utrecht/page-footer-css": "3.0.1",
96
+ "@utrecht/page-footer-css": "3.0.2",
97
97
  "@utrecht/page-header-css": "2.0.1",
98
98
  "@utrecht/page-layout-css": "2.0.1",
99
99
  "@utrecht/pagination-css": "2.0.3",
100
100
  "@utrecht/paragraph-css": "3.0.1",
101
101
  "@utrecht/pre-heading-css": "2.0.1",
102
102
  "@utrecht/preserve-data-css": "2.0.1",
103
- "@utrecht/radio-button-css": "2.0.1",
103
+ "@utrecht/radio-button-css": "2.0.2",
104
104
  "@utrecht/rich-text-css": "2.1.0",
105
- "@utrecht/root-css": "3.1.0",
106
- "@utrecht/search-bar-css": "3.0.1",
107
- "@utrecht/select-css": "2.0.1",
105
+ "@utrecht/root-css": "3.1.2",
106
+ "@utrecht/search-bar-css": "3.0.2",
107
+ "@utrecht/select-css": "2.0.2",
108
108
  "@utrecht/separator-css": "2.0.1",
109
109
  "@utrecht/skip-link-css": "2.0.1",
110
110
  "@utrecht/spotlight-section-css": "2.0.1",
111
111
  "@utrecht/status-badge-css": "1.0.0",
112
112
  "@utrecht/surface-css": "2.0.1",
113
- "@utrecht/table-css": "2.0.2",
114
- "@utrecht/table-of-contents-css": "1.0.1",
115
- "@utrecht/textarea-css": "3.0.1",
116
- "@utrecht/textbox-css": "3.1.0",
117
- "@utrecht/tooltip-css": "2.0.1",
113
+ "@utrecht/table-css": "2.0.3",
114
+ "@utrecht/table-of-contents-css": "1.0.2",
115
+ "@utrecht/textarea-css": "3.0.2",
116
+ "@utrecht/textbox-css": "3.1.1",
117
+ "@utrecht/tooltip-css": "2.0.2",
118
118
  "@utrecht/top-task-link-css": "2.0.1",
119
119
  "@utrecht/top-task-nav-css": "1.3.2",
120
120
  "@utrecht/unordered-list-css": "2.0.1",
121
- "@utrecht/url-data-css": "2.0.1",
121
+ "@utrecht/url-data-css": "2.0.2",
122
122
  "@utrecht/youtube-video-css": "2.0.1"
123
123
  },
124
124
  "devDependencies": {