@utrecht/component-library-css 9.0.5 → 9.0.7

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 +25 -27
  3. package/dist/prince-xml.css +46 -44
  4. package/package.json +101 -101
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 {
@@ -7323,12 +7325,12 @@
7323
7325
  inline-size: 100%;
7324
7326
  overflow-block: auto;
7325
7327
  overflow-inline: auto;
7328
+ overflow-wrap: break-word;
7326
7329
  position: relative;
7327
7330
  text-rendering: optimizeLegibility;
7328
7331
  -moz-text-size-adjust: none;
7329
7332
  -webkit-text-size-adjust: none;
7330
7333
  text-size-adjust: none;
7331
- word-break: break-word;
7332
7334
  }
7333
7335
  @media (prefers-reduced-motion: no-preference) {
7334
7336
  .utrecht-root {
@@ -7691,6 +7693,7 @@
7691
7693
 
7692
7694
  .utrecht-table--html-table > caption,
7693
7695
  .utrecht-table__caption {
7696
+ break-after: avoid;
7694
7697
  break-inside: avoid;
7695
7698
  color: var(--utrecht-table-caption-color);
7696
7699
  font-family: var(--utrecht-table-caption-font-family);
@@ -7698,12 +7701,12 @@
7698
7701
  font-weight: var(--utrecht-table-caption-font-weight);
7699
7702
  line-height: var(--utrecht-table-caption-line-height);
7700
7703
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
7701
- page-break-after: avoid;
7702
7704
  text-align: var(--utrecht-table-caption-text-align, center);
7703
7705
  }
7704
7706
 
7705
7707
  .utrecht-table--html-table > figcaption,
7706
7708
  .utrecht-table__figcaption {
7709
+ break-after: avoid;
7707
7710
  break-inside: avoid;
7708
7711
  color: var(--utrecht-table-caption-color);
7709
7712
  font-family: var(--utrecht-table-caption-font-family);
@@ -7711,7 +7714,6 @@
7711
7714
  font-weight: var(--utrecht-table-caption-font-weight);
7712
7715
  line-height: var(--utrecht-table-caption-line-height);
7713
7716
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
7714
- page-break-after: avoid;
7715
7717
  text-align: var(--utrecht-table-caption-text-align, center);
7716
7718
  }
7717
7719
 
@@ -7723,7 +7725,6 @@
7723
7725
  break-inside: avoid;
7724
7726
  color: var(--utrecht-table-header-color);
7725
7727
  font-weight: var(--utrecht-table-header-font-weight);
7726
- page-break-inside: avoid;
7727
7728
  text-transform: var(--utrecht-table-header-text-transform);
7728
7729
  }
7729
7730
 
@@ -7780,7 +7781,6 @@
7780
7781
  .utrecht-table--html-table > tfoot > tr,
7781
7782
  .utrecht-table__row {
7782
7783
  break-inside: avoid;
7783
- page-break-inside: avoid;
7784
7784
  }
7785
7785
 
7786
7786
  .utrecht-table__row--selected {
@@ -7930,7 +7930,6 @@
7930
7930
  .utrecht-table__header--hidden {
7931
7931
  block-size: 1px;
7932
7932
  border: 0 solid silver;
7933
- clip: rect(1px, 1px, 1px, 1px);
7934
7933
  clip-path: inset(50%);
7935
7934
  inline-size: 1px;
7936
7935
  outline: 1px solid red;
@@ -7965,13 +7964,13 @@
7965
7964
  color: maroon;
7966
7965
  }
7967
7966
  .utrecht-table-of-contents {
7968
- page-break-inside: avoid;
7967
+ break-inside: avoid-page;
7969
7968
  }
7970
7969
 
7971
7970
  .utrecht-table-of-contents__list {
7972
7971
  list-style-type: none;
7973
7972
  padding-inline-start: 0;
7974
- page-break-inside: avoid;
7973
+ break-inside: avoid-page;
7975
7974
  }
7976
7975
 
7977
7976
  .utrecht-table-of-contents__list-item {
@@ -8614,7 +8613,6 @@
8614
8613
  font-variant-ligatures: none;
8615
8614
  hyphens: none;
8616
8615
  overflow-wrap: anywhere;
8617
- page-break-inside: avoid;
8618
8616
  }
8619
8617
  .utrecht-youtube-video {
8620
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 {
@@ -7179,12 +7181,12 @@
7179
7181
  width: 100%;
7180
7182
  overflow-block: auto;
7181
7183
  overflow-inline: auto;
7184
+ overflow-wrap: break-word;
7182
7185
  position: relative;
7183
7186
  text-rendering: optimizeLegibility;
7184
7187
  -moz-text-size-adjust: none;
7185
7188
  -webkit-text-size-adjust: none;
7186
7189
  text-size-adjust: none;
7187
- word-break: break-word;
7188
7190
  }
7189
7191
  :where(.utrecht-root) :where([prince-xml-ignore-pseudo-class-focus-visible]) {
7190
7192
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
@@ -7542,6 +7544,7 @@
7542
7544
 
7543
7545
  .utrecht-table--html-table > caption,
7544
7546
  .utrecht-table__caption {
7547
+ break-after: avoid;
7545
7548
  break-inside: avoid;
7546
7549
  color: var(--utrecht-table-caption-color);
7547
7550
  font-family: var(--utrecht-table-caption-font-family);
@@ -7549,12 +7552,12 @@
7549
7552
  font-weight: var(--utrecht-table-caption-font-weight);
7550
7553
  line-height: var(--utrecht-table-caption-line-height);
7551
7554
  margin-bottom: var(--utrecht-table-caption-margin-block-end);
7552
- page-break-after: avoid;
7553
7555
  text-align: var(--utrecht-table-caption-text-align, center);
7554
7556
  }
7555
7557
 
7556
7558
  .utrecht-table--html-table > figcaption,
7557
7559
  .utrecht-table__figcaption {
7560
+ break-after: avoid;
7558
7561
  break-inside: avoid;
7559
7562
  color: var(--utrecht-table-caption-color);
7560
7563
  font-family: var(--utrecht-table-caption-font-family);
@@ -7562,7 +7565,6 @@
7562
7565
  font-weight: var(--utrecht-table-caption-font-weight);
7563
7566
  line-height: var(--utrecht-table-caption-line-height);
7564
7567
  margin-bottom: var(--utrecht-table-caption-margin-block-end);
7565
- page-break-after: avoid;
7566
7568
  text-align: var(--utrecht-table-caption-text-align, center);
7567
7569
  }
7568
7570
 
@@ -7574,7 +7576,6 @@
7574
7576
  break-inside: avoid;
7575
7577
  color: var(--utrecht-table-header-color);
7576
7578
  font-weight: var(--utrecht-table-header-font-weight);
7577
- page-break-inside: avoid;
7578
7579
  text-transform: var(--utrecht-table-header-text-transform);
7579
7580
  }
7580
7581
 
@@ -7631,7 +7632,6 @@
7631
7632
  .utrecht-table--html-table > tfoot > tr,
7632
7633
  .utrecht-table__row {
7633
7634
  break-inside: avoid;
7634
- page-break-inside: avoid;
7635
7635
  }
7636
7636
 
7637
7637
  .utrecht-table__row--selected {
@@ -7781,7 +7781,6 @@
7781
7781
  .utrecht-table__header--hidden {
7782
7782
  height: 1px;
7783
7783
  border: 0 solid silver;
7784
- clip: rect(1px, 1px, 1px, 1px);
7785
7784
  clip-path: inset(50%);
7786
7785
  width: 1px;
7787
7786
  outline: 1px solid red;
@@ -7816,13 +7815,13 @@
7816
7815
  color: maroon;
7817
7816
  }
7818
7817
  .utrecht-table-of-contents {
7819
- page-break-inside: avoid;
7818
+ break-inside: avoid-page;
7820
7819
  }
7821
7820
 
7822
7821
  .utrecht-table-of-contents__list {
7823
7822
  list-style-type: none;
7824
7823
  padding-left: 0;
7825
- page-break-inside: avoid;
7824
+ break-inside: avoid-page;
7826
7825
  }
7827
7826
 
7828
7827
  .utrecht-table-of-contents__list-item {
@@ -8448,7 +8447,6 @@
8448
8447
  font-variant-ligatures: none;
8449
8448
  hyphens: none;
8450
8449
  overflow-wrap: anywhere;
8451
- page-break-inside: avoid;
8452
8450
  }
8453
8451
  .utrecht-youtube-video {
8454
8452
  aspect-ratio: 16/9;
@@ -8864,14 +8862,13 @@
8864
8862
  max-width: var(--utrecht-form-max-inline-size);
8865
8863
  }
8866
8864
  .utrecht-html legend {
8867
- break-inside: avoid;
8865
+ break-after: avoid-page;
8866
+ break-inside: avoid-page;
8868
8867
  color: var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));
8869
8868
  font-family: var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));
8870
8869
  font-size: var(--utrecht-form-fieldset-legend-font-size);
8871
8870
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
8872
8871
  line-height: var(--utrecht-form-fieldset-legend-line-height);
8873
- page-break-after: avoid;
8874
- page-break-inside: avoid;
8875
8872
  display: table;
8876
8873
  width: 100%;
8877
8874
  padding-right: 0;
@@ -8920,8 +8917,10 @@
8920
8917
  }
8921
8918
  }
8922
8919
  .utrecht-html h1 {
8920
+ break-after: avoid;
8923
8921
  break-inside: avoid-column;
8924
- page-break-inside: avoid;
8922
+ break-inside: avoid;
8923
+ break-after: avoid-page;
8925
8924
  color: var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8926
8925
  font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8927
8926
  font-size: var(--utrecht-heading-1-font-size, revert);
@@ -8929,12 +8928,13 @@
8929
8928
  line-height: var(--utrecht-heading-1-line-height);
8930
8929
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
8931
8930
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
8932
- page-break-after: avoid;
8933
8931
  --utrecht-space-around: 1;
8934
8932
  }
8935
8933
  .utrecht-html h2 {
8934
+ break-after: avoid;
8936
8935
  break-inside: avoid-column;
8937
- page-break-inside: avoid;
8936
+ break-inside: avoid;
8937
+ break-after: avoid-page;
8938
8938
  color: var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8939
8939
  font-family: var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8940
8940
  font-size: var(--utrecht-heading-2-font-size, revert);
@@ -8942,12 +8942,13 @@
8942
8942
  line-height: var(--utrecht-heading-2-line-height);
8943
8943
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
8944
8944
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
8945
- page-break-after: avoid;
8946
8945
  --utrecht-space-around: 1;
8947
8946
  }
8948
8947
  .utrecht-html h3 {
8948
+ break-after: avoid;
8949
8949
  break-inside: avoid-column;
8950
- page-break-inside: avoid;
8950
+ break-inside: avoid;
8951
+ break-after: avoid-page;
8951
8952
  color: var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8952
8953
  font-family: var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8953
8954
  font-size: var(--utrecht-heading-3-font-size, revert);
@@ -8955,12 +8956,13 @@
8955
8956
  line-height: var(--utrecht-heading-3-line-height);
8956
8957
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
8957
8958
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
8958
- page-break-after: avoid;
8959
8959
  --utrecht-space-around: 1;
8960
8960
  }
8961
8961
  .utrecht-html h4 {
8962
+ break-after: avoid;
8962
8963
  break-inside: avoid-column;
8963
- page-break-inside: avoid;
8964
+ break-inside: avoid;
8965
+ break-after: avoid-page;
8964
8966
  color: var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8965
8967
  font-family: var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8966
8968
  font-size: var(--utrecht-heading-4-font-size, revert);
@@ -8968,12 +8970,13 @@
8968
8970
  line-height: var(--utrecht-heading-4-line-height);
8969
8971
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
8970
8972
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
8971
- page-break-after: avoid;
8972
8973
  --utrecht-space-around: 1;
8973
8974
  }
8974
8975
  .utrecht-html h5 {
8976
+ break-after: avoid;
8975
8977
  break-inside: avoid-column;
8976
- page-break-inside: avoid;
8978
+ break-inside: avoid;
8979
+ break-after: avoid-page;
8977
8980
  color: var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8978
8981
  font-family: var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8979
8982
  font-size: var(--utrecht-heading-5-font-size, revert);
@@ -8981,12 +8984,13 @@
8981
8984
  line-height: var(--utrecht-heading-5-line-height);
8982
8985
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
8983
8986
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
8984
- page-break-after: avoid;
8985
8987
  --utrecht-space-around: 1;
8986
8988
  }
8987
8989
  .utrecht-html h6 {
8990
+ break-after: avoid;
8988
8991
  break-inside: avoid-column;
8989
- page-break-inside: avoid;
8992
+ break-inside: avoid;
8993
+ break-after: avoid-page;
8990
8994
  color: var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));
8991
8995
  font-family: var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
8992
8996
  font-size: var(--utrecht-heading-6-font-size, revert);
@@ -8994,7 +8998,6 @@
8994
8998
  line-height: var(--utrecht-heading-6-line-height);
8995
8999
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
8996
9000
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
8997
- page-break-after: avoid;
8998
9001
  --utrecht-space-around: 1;
8999
9002
  }
9000
9003
  .utrecht-html hgroup {
@@ -9366,6 +9369,7 @@
9366
9369
  --utrecht-space-around: 1;
9367
9370
  }
9368
9371
  .utrecht-html caption {
9372
+ break-after: avoid;
9369
9373
  break-inside: avoid;
9370
9374
  color: var(--utrecht-table-caption-color);
9371
9375
  font-family: var(--utrecht-table-caption-font-family);
@@ -9373,7 +9377,6 @@
9373
9377
  font-weight: var(--utrecht-table-caption-font-weight);
9374
9378
  line-height: var(--utrecht-table-caption-line-height);
9375
9379
  margin-bottom: var(--utrecht-table-caption-margin-block-end);
9376
- page-break-after: avoid;
9377
9380
  text-align: var(--utrecht-table-caption-text-align, center);
9378
9381
  }
9379
9382
  .utrecht-html thead {
@@ -9383,7 +9386,6 @@
9383
9386
  break-inside: avoid;
9384
9387
  color: var(--utrecht-table-header-color);
9385
9388
  font-weight: var(--utrecht-table-header-font-weight);
9386
- page-break-inside: avoid;
9387
9389
  text-transform: var(--utrecht-table-header-text-transform);
9388
9390
  }
9389
9391
  .utrecht-html tbody {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "9.0.5",
2
+ "version": "9.0.7",
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",
@@ -20,106 +20,106 @@
20
20
  "directory": "packages/component-library-css"
21
21
  },
22
22
  "dependencies": {
23
- "@utrecht/accordion-css": "3.0.1",
24
- "@utrecht/alert-dialog-css": "2.0.1",
25
- "@utrecht/alternate-lang-nav-css": "2.0.1",
26
- "@utrecht/article-css": "2.0.1",
27
- "@utrecht/backdrop-css": "2.0.1",
28
- "@utrecht/badge-counter-css": "2.0.1",
29
- "@utrecht/badge-list-css": "3.0.1",
30
- "@utrecht/blockquote-css": "2.0.1",
31
- "@utrecht/body-css": "3.0.0",
32
- "@utrecht/breadcrumb-nav-css": "2.1.0",
33
- "@utrecht/button-css": "3.1.0",
34
- "@utrecht/button-group-css": "2.0.1",
35
- "@utrecht/button-link-css": "2.0.1",
36
- "@utrecht/calendar-css": "2.0.1",
37
- "@utrecht/checkbox-css": "2.0.1",
38
- "@utrecht/code-block-css": "2.0.1",
39
- "@utrecht/code-css": "2.0.1",
40
- "@utrecht/color-sample-css": "2.0.1",
41
- "@utrecht/column-layout-css": "2.0.1",
42
- "@utrecht/combobox-css": "2.0.1",
43
- "@utrecht/currency-data-css": "2.0.1",
44
- "@utrecht/custom-checkbox-css": "2.0.1",
45
- "@utrecht/data-badge-css": "2.0.1",
46
- "@utrecht/data-list-css": "2.0.1",
47
- "@utrecht/data-placeholder-css": "2.0.1",
48
- "@utrecht/digid-button-css": "1.4.2",
49
- "@utrecht/document-css": "2.0.1",
50
- "@utrecht/drawer-css": "2.0.1",
51
- "@utrecht/emphasis-css": "2.0.1",
52
- "@utrecht/figure-css": "2.0.1",
53
- "@utrecht/form-css": "2.0.1",
54
- "@utrecht/form-field-css": "2.0.1",
55
- "@utrecht/form-field-description-css": "2.0.1",
56
- "@utrecht/form-fieldset-css": "2.0.1",
57
- "@utrecht/form-field-error-message-css": "2.0.1",
58
- "@utrecht/form-label-css": "2.0.1",
59
- "@utrecht/form-toggle-css": "2.0.1",
60
- "@utrecht/grid-css": "1.0.0",
61
- "@utrecht/heading-1-css": "2.0.1",
62
- "@utrecht/heading-2-css": "2.0.1",
63
- "@utrecht/heading-3-css": "2.0.1",
64
- "@utrecht/heading-4-css": "2.0.1",
65
- "@utrecht/heading-5-css": "2.0.1",
66
- "@utrecht/heading-group-css": "2.0.1",
67
- "@utrecht/html-content-css": "2.1.0",
68
- "@utrecht/iban-data-css": "2.0.1",
69
- "@utrecht/icon-css": "3.0.1",
70
- "@utrecht/img-css": "2.0.1",
71
- "@utrecht/index-char-nav-css": "2.0.1",
72
- "@utrecht/link-button-css": "2.0.1",
73
- "@utrecht/link-css": "2.0.1",
74
- "@utrecht/link-list-css": "3.0.1",
75
- "@utrecht/link-social-css": "2.0.1",
76
- "@utrecht/list-social-css": "2.0.1",
77
- "@utrecht/listbox-css": "2.1.0",
78
- "@utrecht/logo-button-css": "1.4.2",
79
- "@utrecht/logo-css": "2.0.1",
80
- "@utrecht/logo-image-css": "1.4.2",
81
- "@utrecht/map-marker-css": "2.0.1",
82
- "@utrecht/mark-css": "2.0.1",
83
- "@utrecht/multiline-data-css": "2.0.1",
84
- "@utrecht/nav-bar-css": "2.0.1",
85
- "@utrecht/nav-list-css": "1.3.2",
86
- "@utrecht/navigation-css": "1.1.1",
87
- "@utrecht/number-badge-css": "3.0.1",
88
- "@utrecht/number-data-css": "2.0.1",
89
- "@utrecht/ordered-list-css": "3.0.1",
90
- "@utrecht/page-body-css": "1.0.1",
91
- "@utrecht/page-content-css": "2.0.1",
92
- "@utrecht/page-css": "2.0.1",
93
- "@utrecht/page-footer-css": "3.0.1",
94
- "@utrecht/page-header-css": "2.0.1",
95
- "@utrecht/page-layout-css": "2.0.1",
96
- "@utrecht/pagination-css": "2.0.3",
97
- "@utrecht/paragraph-css": "3.0.1",
98
- "@utrecht/pre-heading-css": "2.0.1",
99
- "@utrecht/preserve-data-css": "2.0.1",
100
- "@utrecht/radio-button-css": "2.0.1",
101
- "@utrecht/rich-text-css": "2.1.0",
102
- "@utrecht/root-css": "3.1.1",
103
- "@utrecht/search-bar-css": "3.0.1",
104
- "@utrecht/select-css": "2.0.1",
105
- "@utrecht/separator-css": "2.0.1",
106
- "@utrecht/skip-link-css": "2.0.1",
107
- "@utrecht/spotlight-section-css": "2.0.1",
108
- "@utrecht/status-badge-css": "1.0.0",
109
- "@utrecht/surface-css": "2.0.1",
110
- "@utrecht/table-css": "2.0.2",
111
- "@utrecht/table-of-contents-css": "1.0.1",
112
- "@utrecht/textarea-css": "3.0.1",
113
- "@utrecht/textbox-css": "3.1.0",
114
- "@utrecht/tooltip-css": "2.0.1",
115
- "@utrecht/top-task-link-css": "2.0.1",
116
- "@utrecht/top-task-nav-css": "1.3.2",
117
- "@utrecht/unordered-list-css": "2.0.1",
118
- "@utrecht/url-data-css": "2.0.1",
119
- "@utrecht/youtube-video-css": "2.0.1",
120
- "@utrecht/action-group-css": "3.0.1",
121
- "@utrecht/alert-css": "3.0.1",
122
- "@utrecht/heading-6-css": "2.0.1"
23
+ "@utrecht/accordion-css": "4.0.0",
24
+ "@utrecht/action-group-css": "4.0.0",
25
+ "@utrecht/alert-css": "4.0.0",
26
+ "@utrecht/alert-dialog-css": "3.0.0",
27
+ "@utrecht/alternate-lang-nav-css": "3.0.0",
28
+ "@utrecht/article-css": "3.0.0",
29
+ "@utrecht/backdrop-css": "3.0.0",
30
+ "@utrecht/badge-counter-css": "3.0.0",
31
+ "@utrecht/badge-list-css": "4.0.0",
32
+ "@utrecht/blockquote-css": "3.0.0",
33
+ "@utrecht/body-css": "4.0.0",
34
+ "@utrecht/breadcrumb-nav-css": "3.0.0",
35
+ "@utrecht/button-css": "4.0.0",
36
+ "@utrecht/button-group-css": "3.0.0",
37
+ "@utrecht/button-link-css": "3.0.0",
38
+ "@utrecht/calendar-css": "3.0.0",
39
+ "@utrecht/checkbox-css": "3.0.0",
40
+ "@utrecht/code-block-css": "3.0.0",
41
+ "@utrecht/code-css": "3.0.0",
42
+ "@utrecht/color-sample-css": "3.0.0",
43
+ "@utrecht/column-layout-css": "3.0.0",
44
+ "@utrecht/combobox-css": "3.0.0",
45
+ "@utrecht/currency-data-css": "3.0.0",
46
+ "@utrecht/custom-checkbox-css": "3.0.0",
47
+ "@utrecht/data-badge-css": "3.0.0",
48
+ "@utrecht/data-list-css": "3.0.0",
49
+ "@utrecht/data-placeholder-css": "3.0.0",
50
+ "@utrecht/digid-button-css": "2.0.0",
51
+ "@utrecht/document-css": "3.0.0",
52
+ "@utrecht/emphasis-css": "3.0.0",
53
+ "@utrecht/drawer-css": "3.0.0",
54
+ "@utrecht/figure-css": "3.0.0",
55
+ "@utrecht/form-css": "3.0.0",
56
+ "@utrecht/form-field-css": "3.0.0",
57
+ "@utrecht/form-field-description-css": "3.0.0",
58
+ "@utrecht/form-field-error-message-css": "3.0.0",
59
+ "@utrecht/form-fieldset-css": "3.0.0",
60
+ "@utrecht/form-label-css": "3.0.0",
61
+ "@utrecht/form-toggle-css": "3.0.0",
62
+ "@utrecht/grid-css": "2.0.0",
63
+ "@utrecht/heading-1-css": "3.0.0",
64
+ "@utrecht/heading-2-css": "3.0.0",
65
+ "@utrecht/heading-3-css": "3.0.0",
66
+ "@utrecht/heading-4-css": "3.0.0",
67
+ "@utrecht/heading-5-css": "3.0.0",
68
+ "@utrecht/heading-group-css": "3.0.0",
69
+ "@utrecht/heading-6-css": "3.0.0",
70
+ "@utrecht/html-content-css": "3.0.0",
71
+ "@utrecht/iban-data-css": "3.0.0",
72
+ "@utrecht/icon-css": "4.0.0",
73
+ "@utrecht/img-css": "3.0.0",
74
+ "@utrecht/index-char-nav-css": "3.0.0",
75
+ "@utrecht/link-button-css": "3.0.0",
76
+ "@utrecht/link-css": "3.0.0",
77
+ "@utrecht/link-list-css": "4.0.0",
78
+ "@utrecht/link-social-css": "3.0.0",
79
+ "@utrecht/list-social-css": "3.0.0",
80
+ "@utrecht/listbox-css": "3.0.0",
81
+ "@utrecht/logo-button-css": "2.0.0",
82
+ "@utrecht/logo-css": "3.0.0",
83
+ "@utrecht/logo-image-css": "2.0.0",
84
+ "@utrecht/map-marker-css": "3.0.0",
85
+ "@utrecht/mark-css": "3.0.0",
86
+ "@utrecht/multiline-data-css": "3.0.0",
87
+ "@utrecht/nav-bar-css": "3.0.0",
88
+ "@utrecht/nav-list-css": "2.0.0",
89
+ "@utrecht/navigation-css": "2.0.0",
90
+ "@utrecht/number-badge-css": "4.0.0",
91
+ "@utrecht/number-data-css": "3.0.0",
92
+ "@utrecht/ordered-list-css": "4.0.0",
93
+ "@utrecht/page-body-css": "2.0.0",
94
+ "@utrecht/page-content-css": "3.0.0",
95
+ "@utrecht/page-css": "3.0.0",
96
+ "@utrecht/page-footer-css": "4.0.0",
97
+ "@utrecht/page-header-css": "3.0.0",
98
+ "@utrecht/page-layout-css": "3.0.0",
99
+ "@utrecht/pagination-css": "3.0.0",
100
+ "@utrecht/paragraph-css": "4.0.0",
101
+ "@utrecht/pre-heading-css": "3.0.0",
102
+ "@utrecht/preserve-data-css": "3.0.0",
103
+ "@utrecht/radio-button-css": "3.0.0",
104
+ "@utrecht/root-css": "4.0.0",
105
+ "@utrecht/search-bar-css": "4.0.0",
106
+ "@utrecht/rich-text-css": "3.0.0",
107
+ "@utrecht/select-css": "3.0.0",
108
+ "@utrecht/separator-css": "3.0.0",
109
+ "@utrecht/skip-link-css": "3.0.0",
110
+ "@utrecht/spotlight-section-css": "3.0.0",
111
+ "@utrecht/status-badge-css": "2.0.0",
112
+ "@utrecht/surface-css": "3.0.0",
113
+ "@utrecht/table-css": "3.0.0",
114
+ "@utrecht/textarea-css": "4.0.0",
115
+ "@utrecht/textbox-css": "4.0.0",
116
+ "@utrecht/tooltip-css": "3.0.0",
117
+ "@utrecht/top-task-link-css": "3.0.0",
118
+ "@utrecht/table-of-contents-css": "2.0.0",
119
+ "@utrecht/top-task-nav-css": "2.0.0",
120
+ "@utrecht/url-data-css": "3.0.0",
121
+ "@utrecht/unordered-list-css": "3.0.0",
122
+ "@utrecht/youtube-video-css": "3.0.0"
123
123
  },
124
124
  "devDependencies": {
125
125
  "postcss": "8.4.49",