dso-toolkit 92.0.0 โ 93.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/dso.css +26 -448
- package/dist/dso.css.map +1 -1
- package/dist/dso.min.css +1 -1
- package/dist/dso.min.css.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/alert.scss +0 -6
- package/src/components/heading/heading.mixins.scss +14 -14
- package/src/components/heading/heading.scss +7 -6
- package/src/components/list/list.scss +2 -1
- package/src/dso.scss +0 -1
- package/src/components/badge/_index.scss +0 -2
- package/src/components/badge/badge.mixins.scss +0 -54
- package/src/components/badge/badge.scss +0 -5
- package/src/components/badge/badge.variables.scss +0 -11
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,25 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) a
|
|
|
5
5
|
|
|
6
6
|
## Next
|
|
7
7
|
|
|
8
|
+
## ๐งจ Release 93.0.1 - 2026-05-04
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
* List: Class `dso-list-ordered-action` toont geen visual op ordered-list variant ([#3762](https://github.com/dso-toolkit/dso-toolkit/issues/3762))
|
|
12
|
+
|
|
13
|
+
## ๐ฆบ Release 93.0.0 - 2026-04-20
|
|
14
|
+
|
|
15
|
+
### Changed
|
|
16
|
+
* Document Component: Kenmerken en kaart paneel - Heading structuur kloppend maken ([#3636](https://github.com/dso-toolkit/dso-toolkit/issues/3636))
|
|
17
|
+
* Document Component: Link van artikel bij mode="table-of-contents" grasgroen ([#3514](https://github.com/dso-toolkit/dso-toolkit/issues/3514))
|
|
18
|
+
* Advanced Select: Op tablet is de huidige versie blauw ipv grijs-90 ([#3641](https://github.com/dso-toolkit/dso-toolkit/issues/3641))
|
|
19
|
+
* **BREAKING** Alert: Core implementatie styling en slotted content wijzigen ([#3696](https://github.com/dso-toolkit/dso-toolkit/issues/3696))
|
|
20
|
+
|
|
21
|
+
### Fixed
|
|
22
|
+
* Info Button: WCAG - toggletip content wordt niet voorgelezen bij openen van de tooltip ([#3638](https://github.com/dso-toolkit/dso-toolkit/issues/3638))
|
|
23
|
+
|
|
24
|
+
### Removed
|
|
25
|
+
* **BREAKING** Badge: Remove HTML/CSS implementatie ([#3314](https://github.com/dso-toolkit/dso-toolkit/issues/3314))
|
|
26
|
+
|
|
8
27
|
## ๐ Release 92.0.0 - 2026-04-13
|
|
9
28
|
|
|
10
29
|
### Changed
|
package/dist/dso.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--dso-toolkit-version: "
|
|
2
|
+
--dso-toolkit-version: "93.0.1";
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
@font-face {
|
|
@@ -461,34 +461,6 @@ dso-action-list .dso-rich-content .h5 {
|
|
|
461
461
|
inline-size: 24px;
|
|
462
462
|
}
|
|
463
463
|
|
|
464
|
-
dso-alert > .dso-rich-content *:first-child {
|
|
465
|
-
margin-block-start: 0 !important;
|
|
466
|
-
}
|
|
467
|
-
dso-alert > .dso-rich-content *:last-child {
|
|
468
|
-
margin-block-end: 0 !important;
|
|
469
|
-
}
|
|
470
|
-
dso-alert > .dso-rich-content h1, dso-alert > .dso-rich-content h2, dso-alert > .dso-rich-content h3, dso-alert > .dso-rich-content h4, dso-alert > .dso-rich-content h5, dso-alert > .dso-rich-content h6, dso-alert > .dso-rich-content .h1, dso-alert > .dso-rich-content .h2, dso-alert > .dso-rich-content .h3, dso-alert > .dso-rich-content .h4, dso-alert > .dso-rich-content .h5, dso-alert > .dso-rich-content .h6 {
|
|
471
|
-
color: #000;
|
|
472
|
-
font-size: 1em;
|
|
473
|
-
line-height: 1.5;
|
|
474
|
-
margin-block-end: 8px;
|
|
475
|
-
margin-block-start: 8px;
|
|
476
|
-
}
|
|
477
|
-
dso-alert > .dso-rich-content .dso-alert-button {
|
|
478
|
-
background-color: rgba(25, 25, 25, 0.05);
|
|
479
|
-
border-radius: 4px;
|
|
480
|
-
border: 1px solid transparent;
|
|
481
|
-
padding-block: 6px;
|
|
482
|
-
padding-inline: 12px;
|
|
483
|
-
}
|
|
484
|
-
dso-alert > .dso-rich-content .dso-alert-button:hover, dso-alert > .dso-rich-content .dso-alert-button:active {
|
|
485
|
-
background-color: rgba(25, 25, 25, 0.2);
|
|
486
|
-
color: #000;
|
|
487
|
-
}
|
|
488
|
-
dso-alert a:active {
|
|
489
|
-
text-decoration: none;
|
|
490
|
-
}
|
|
491
|
-
|
|
492
464
|
.dso-app-heading {
|
|
493
465
|
border-block-end: 1px solid #ccc;
|
|
494
466
|
}
|
|
@@ -528,402 +500,6 @@ dso-alert a:active {
|
|
|
528
500
|
display: inline-block;
|
|
529
501
|
}
|
|
530
502
|
|
|
531
|
-
.dso-badge {
|
|
532
|
-
border-width: 1px;
|
|
533
|
-
border-style: solid;
|
|
534
|
-
border-radius: 1em;
|
|
535
|
-
display: inline-block;
|
|
536
|
-
font-size: 0.875em;
|
|
537
|
-
line-height: 1;
|
|
538
|
-
min-inline-size: 1.5rem;
|
|
539
|
-
padding-block: 4px;
|
|
540
|
-
padding-inline: 8px;
|
|
541
|
-
text-align: center;
|
|
542
|
-
--_dso-alert-success-border-color: #39870c;
|
|
543
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
544
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
545
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
546
|
-
--link-color: currentColor;
|
|
547
|
-
--link-hover-color: currentColor;
|
|
548
|
-
--link-visited-color: currentColor;
|
|
549
|
-
}
|
|
550
|
-
.dso-badge a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
551
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
552
|
-
}
|
|
553
|
-
.dso-badge a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
554
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
555
|
-
}
|
|
556
|
-
.dso-badge a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
557
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
558
|
-
}
|
|
559
|
-
.dso-badge a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
560
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"));
|
|
561
|
-
}
|
|
562
|
-
.dso-badge {
|
|
563
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
564
|
-
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
565
|
-
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
566
|
-
--_dso-button-primary-background-color: #fff;
|
|
567
|
-
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
568
|
-
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
569
|
-
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
570
|
-
--_dso-button-primary-border-color: #fff;
|
|
571
|
-
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
572
|
-
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
573
|
-
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
574
|
-
--_dso-button-primary-color: #191919;
|
|
575
|
-
--_dso-button-primary-hover-color: #191919;
|
|
576
|
-
--_dso-button-primary-active-color: #191919;
|
|
577
|
-
--_dso-button-primary-disabled-color: #666;
|
|
578
|
-
--_dso-button-secondary-background-color: none;
|
|
579
|
-
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
580
|
-
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
581
|
-
--_dso-button-secondary-disabled-background-color: none;
|
|
582
|
-
--_dso-button-secondary-border-color: #fff;
|
|
583
|
-
--_dso-button-secondary-hover-border-color: #fff;
|
|
584
|
-
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
585
|
-
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
586
|
-
--_dso-button-secondary-color: #fff;
|
|
587
|
-
--_dso-button-secondary-hover-color: #fff;
|
|
588
|
-
--_dso-button-secondary-active-color: #fff;
|
|
589
|
-
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
590
|
-
--_dso-button-tertiary-color: #fff;
|
|
591
|
-
--_dso-button-tertiary-hover-color: #fff;
|
|
592
|
-
--_dso-button-tertiary-active-color: #fff;
|
|
593
|
-
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
594
|
-
background-color: #666;
|
|
595
|
-
color: #fff;
|
|
596
|
-
border-color: #666;
|
|
597
|
-
}
|
|
598
|
-
.dso-badge.badge-info {
|
|
599
|
-
--_dso-alert-success-border-color: #39870c;
|
|
600
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
601
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
602
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
603
|
-
--link-color: currentColor;
|
|
604
|
-
--link-hover-color: currentColor;
|
|
605
|
-
--link-visited-color: currentColor;
|
|
606
|
-
}
|
|
607
|
-
.dso-badge.badge-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
608
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
609
|
-
}
|
|
610
|
-
.dso-badge.badge-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
611
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
612
|
-
}
|
|
613
|
-
.dso-badge.badge-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
614
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
615
|
-
}
|
|
616
|
-
.dso-badge.badge-info a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
617
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"));
|
|
618
|
-
}
|
|
619
|
-
.dso-badge.badge-info {
|
|
620
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
621
|
-
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
622
|
-
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
623
|
-
--_dso-button-primary-background-color: #fff;
|
|
624
|
-
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
625
|
-
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
626
|
-
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
627
|
-
--_dso-button-primary-border-color: #fff;
|
|
628
|
-
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
629
|
-
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
630
|
-
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
631
|
-
--_dso-button-primary-color: #191919;
|
|
632
|
-
--_dso-button-primary-hover-color: #191919;
|
|
633
|
-
--_dso-button-primary-active-color: #191919;
|
|
634
|
-
--_dso-button-primary-disabled-color: #666;
|
|
635
|
-
--_dso-button-secondary-background-color: none;
|
|
636
|
-
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
637
|
-
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
638
|
-
--_dso-button-secondary-disabled-background-color: none;
|
|
639
|
-
--_dso-button-secondary-border-color: #fff;
|
|
640
|
-
--_dso-button-secondary-hover-border-color: #fff;
|
|
641
|
-
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
642
|
-
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
643
|
-
--_dso-button-secondary-color: #fff;
|
|
644
|
-
--_dso-button-secondary-hover-color: #fff;
|
|
645
|
-
--_dso-button-secondary-active-color: #fff;
|
|
646
|
-
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
647
|
-
--_dso-button-tertiary-color: #fff;
|
|
648
|
-
--_dso-button-tertiary-hover-color: #fff;
|
|
649
|
-
--_dso-button-tertiary-active-color: #fff;
|
|
650
|
-
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
651
|
-
background-color: #2b5780;
|
|
652
|
-
color: #fff;
|
|
653
|
-
border-color: #2b5780;
|
|
654
|
-
}
|
|
655
|
-
.dso-badge.badge-primary {
|
|
656
|
-
--_dso-alert-success-border-color: #39870c;
|
|
657
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
658
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
659
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
660
|
-
--link-color: currentColor;
|
|
661
|
-
--link-hover-color: currentColor;
|
|
662
|
-
--link-visited-color: currentColor;
|
|
663
|
-
}
|
|
664
|
-
.dso-badge.badge-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
665
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
666
|
-
}
|
|
667
|
-
.dso-badge.badge-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
668
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
669
|
-
}
|
|
670
|
-
.dso-badge.badge-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
671
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
672
|
-
}
|
|
673
|
-
.dso-badge.badge-primary a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
674
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"));
|
|
675
|
-
}
|
|
676
|
-
.dso-badge.badge-primary {
|
|
677
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
678
|
-
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
679
|
-
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
680
|
-
--_dso-button-primary-background-color: #fff;
|
|
681
|
-
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
682
|
-
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
683
|
-
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
684
|
-
--_dso-button-primary-border-color: #fff;
|
|
685
|
-
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
686
|
-
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
687
|
-
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
688
|
-
--_dso-button-primary-color: #191919;
|
|
689
|
-
--_dso-button-primary-hover-color: #191919;
|
|
690
|
-
--_dso-button-primary-active-color: #191919;
|
|
691
|
-
--_dso-button-primary-disabled-color: #666;
|
|
692
|
-
--_dso-button-secondary-background-color: none;
|
|
693
|
-
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
694
|
-
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
695
|
-
--_dso-button-secondary-disabled-background-color: none;
|
|
696
|
-
--_dso-button-secondary-border-color: #fff;
|
|
697
|
-
--_dso-button-secondary-hover-border-color: #fff;
|
|
698
|
-
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
699
|
-
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
700
|
-
--_dso-button-secondary-color: #fff;
|
|
701
|
-
--_dso-button-secondary-hover-color: #fff;
|
|
702
|
-
--_dso-button-secondary-active-color: #fff;
|
|
703
|
-
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
704
|
-
--_dso-button-tertiary-color: #fff;
|
|
705
|
-
--_dso-button-tertiary-hover-color: #fff;
|
|
706
|
-
--_dso-button-tertiary-active-color: #fff;
|
|
707
|
-
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
708
|
-
background-color: #275937;
|
|
709
|
-
color: #fff;
|
|
710
|
-
border-color: #275937;
|
|
711
|
-
}
|
|
712
|
-
.dso-badge.badge-success {
|
|
713
|
-
--_dso-alert-success-border-color: #39870c;
|
|
714
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
715
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
716
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
717
|
-
--link-color: currentColor;
|
|
718
|
-
--link-hover-color: currentColor;
|
|
719
|
-
--link-visited-color: currentColor;
|
|
720
|
-
}
|
|
721
|
-
.dso-badge.badge-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
722
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
723
|
-
}
|
|
724
|
-
.dso-badge.badge-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
725
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
726
|
-
}
|
|
727
|
-
.dso-badge.badge-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
728
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
729
|
-
}
|
|
730
|
-
.dso-badge.badge-success a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
731
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"));
|
|
732
|
-
}
|
|
733
|
-
.dso-badge.badge-success {
|
|
734
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
735
|
-
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
736
|
-
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
737
|
-
--_dso-button-primary-background-color: #fff;
|
|
738
|
-
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
739
|
-
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
740
|
-
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
741
|
-
--_dso-button-primary-border-color: #fff;
|
|
742
|
-
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
743
|
-
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
744
|
-
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
745
|
-
--_dso-button-primary-color: #191919;
|
|
746
|
-
--_dso-button-primary-hover-color: #191919;
|
|
747
|
-
--_dso-button-primary-active-color: #191919;
|
|
748
|
-
--_dso-button-primary-disabled-color: #666;
|
|
749
|
-
--_dso-button-secondary-background-color: none;
|
|
750
|
-
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
751
|
-
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
752
|
-
--_dso-button-secondary-disabled-background-color: none;
|
|
753
|
-
--_dso-button-secondary-border-color: #fff;
|
|
754
|
-
--_dso-button-secondary-hover-border-color: #fff;
|
|
755
|
-
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
756
|
-
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
757
|
-
--_dso-button-secondary-color: #fff;
|
|
758
|
-
--_dso-button-secondary-hover-color: #fff;
|
|
759
|
-
--_dso-button-secondary-active-color: #fff;
|
|
760
|
-
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
761
|
-
--_dso-button-tertiary-color: #fff;
|
|
762
|
-
--_dso-button-tertiary-hover-color: #fff;
|
|
763
|
-
--_dso-button-tertiary-active-color: #fff;
|
|
764
|
-
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
765
|
-
background-color: #39870c;
|
|
766
|
-
color: #fff;
|
|
767
|
-
border-color: #39870c;
|
|
768
|
-
}
|
|
769
|
-
.dso-badge.badge-warning {
|
|
770
|
-
--_dso-alert-success-border-color: #39870c;
|
|
771
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
772
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
773
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
774
|
-
--link-color: currentColor;
|
|
775
|
-
--link-hover-color: currentColor;
|
|
776
|
-
--link-visited-color: currentColor;
|
|
777
|
-
}
|
|
778
|
-
.dso-badge.badge-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
779
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
|
|
780
|
-
}
|
|
781
|
-
.dso-badge.badge-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
782
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
|
|
783
|
-
}
|
|
784
|
-
.dso-badge.badge-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
785
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
|
|
786
|
-
}
|
|
787
|
-
.dso-badge.badge-warning a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
788
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
|
|
789
|
-
}
|
|
790
|
-
.dso-badge.badge-warning {
|
|
791
|
-
--_dso-icon-button-tertiary-color: #191919;
|
|
792
|
-
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
793
|
-
--_dso-icon-button-tertiary-active-color: #173521;
|
|
794
|
-
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
795
|
-
--_dso-button-tertiary-color: #191919;
|
|
796
|
-
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
797
|
-
--_dso-button-tertiary-active-color: #173521;
|
|
798
|
-
--_dso-button-tertiary-disabled-color: #999;
|
|
799
|
-
background-color: #dcd400;
|
|
800
|
-
color: #191919;
|
|
801
|
-
border-color: #dcd400;
|
|
802
|
-
}
|
|
803
|
-
.dso-badge.badge-error {
|
|
804
|
-
--_dso-alert-success-border-color: #39870c;
|
|
805
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
806
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
807
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
808
|
-
--link-color: currentColor;
|
|
809
|
-
--link-hover-color: currentColor;
|
|
810
|
-
--link-visited-color: currentColor;
|
|
811
|
-
}
|
|
812
|
-
.dso-badge.badge-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
813
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
814
|
-
}
|
|
815
|
-
.dso-badge.badge-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
816
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
817
|
-
}
|
|
818
|
-
.dso-badge.badge-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
819
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
820
|
-
}
|
|
821
|
-
.dso-badge.badge-error a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
822
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"));
|
|
823
|
-
}
|
|
824
|
-
.dso-badge.badge-error {
|
|
825
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
826
|
-
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
827
|
-
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
828
|
-
--_dso-button-primary-background-color: #fff;
|
|
829
|
-
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
830
|
-
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
831
|
-
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
832
|
-
--_dso-button-primary-border-color: #fff;
|
|
833
|
-
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
834
|
-
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
835
|
-
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
836
|
-
--_dso-button-primary-color: #191919;
|
|
837
|
-
--_dso-button-primary-hover-color: #191919;
|
|
838
|
-
--_dso-button-primary-active-color: #191919;
|
|
839
|
-
--_dso-button-primary-disabled-color: #666;
|
|
840
|
-
--_dso-button-secondary-background-color: none;
|
|
841
|
-
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
842
|
-
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
843
|
-
--_dso-button-secondary-disabled-background-color: none;
|
|
844
|
-
--_dso-button-secondary-border-color: #fff;
|
|
845
|
-
--_dso-button-secondary-hover-border-color: #fff;
|
|
846
|
-
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
847
|
-
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
848
|
-
--_dso-button-secondary-color: #fff;
|
|
849
|
-
--_dso-button-secondary-hover-color: #fff;
|
|
850
|
-
--_dso-button-secondary-active-color: #fff;
|
|
851
|
-
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
852
|
-
--_dso-button-tertiary-color: #fff;
|
|
853
|
-
--_dso-button-tertiary-hover-color: #fff;
|
|
854
|
-
--_dso-button-tertiary-active-color: #fff;
|
|
855
|
-
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
856
|
-
background-color: #ce3f51;
|
|
857
|
-
color: #fff;
|
|
858
|
-
border-color: #ce3f51;
|
|
859
|
-
}
|
|
860
|
-
.dso-badge.badge-outline {
|
|
861
|
-
--_dso-alert-success-border-color: initial;
|
|
862
|
-
--_dso-alert-error-border-color: initial;
|
|
863
|
-
--_dso-alert-info-border-color: initial;
|
|
864
|
-
--_dso-alert-warning-border-color: initial;
|
|
865
|
-
background-color: #fff;
|
|
866
|
-
color: #191919;
|
|
867
|
-
border-color: #191919;
|
|
868
|
-
}
|
|
869
|
-
.dso-badge.badge-attention {
|
|
870
|
-
--_dso-alert-success-border-color: #39870c;
|
|
871
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
872
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
873
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
874
|
-
--link-color: currentColor;
|
|
875
|
-
--link-hover-color: currentColor;
|
|
876
|
-
--link-visited-color: currentColor;
|
|
877
|
-
}
|
|
878
|
-
.dso-badge.badge-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
879
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
880
|
-
}
|
|
881
|
-
.dso-badge.badge-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
882
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
883
|
-
}
|
|
884
|
-
.dso-badge.badge-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
885
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
886
|
-
}
|
|
887
|
-
.dso-badge.badge-attention a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
888
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"));
|
|
889
|
-
}
|
|
890
|
-
.dso-badge.badge-attention {
|
|
891
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
892
|
-
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
893
|
-
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
894
|
-
--_dso-button-primary-background-color: #fff;
|
|
895
|
-
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
896
|
-
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
897
|
-
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
898
|
-
--_dso-button-primary-border-color: #fff;
|
|
899
|
-
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
900
|
-
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
901
|
-
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
902
|
-
--_dso-button-primary-color: #191919;
|
|
903
|
-
--_dso-button-primary-hover-color: #191919;
|
|
904
|
-
--_dso-button-primary-active-color: #191919;
|
|
905
|
-
--_dso-button-primary-disabled-color: #666;
|
|
906
|
-
--_dso-button-secondary-background-color: none;
|
|
907
|
-
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
908
|
-
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
909
|
-
--_dso-button-secondary-disabled-background-color: none;
|
|
910
|
-
--_dso-button-secondary-border-color: #fff;
|
|
911
|
-
--_dso-button-secondary-hover-border-color: #fff;
|
|
912
|
-
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
913
|
-
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
914
|
-
--_dso-button-secondary-color: #fff;
|
|
915
|
-
--_dso-button-secondary-hover-color: #fff;
|
|
916
|
-
--_dso-button-secondary-active-color: #fff;
|
|
917
|
-
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
918
|
-
--_dso-button-tertiary-color: #fff;
|
|
919
|
-
--_dso-button-tertiary-hover-color: #fff;
|
|
920
|
-
--_dso-button-tertiary-active-color: #fff;
|
|
921
|
-
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
922
|
-
background-color: #8b4a6a;
|
|
923
|
-
color: #fff;
|
|
924
|
-
border-color: #8b4a6a;
|
|
925
|
-
}
|
|
926
|
-
|
|
927
503
|
.dso-banner {
|
|
928
504
|
padding-block: 16px;
|
|
929
505
|
padding-inline: 0;
|
|
@@ -4297,7 +3873,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
|
|
|
4297
3873
|
.dso-section-body .dso-form-group-collection > legend h5,
|
|
4298
3874
|
.dso-section-body .dso-form-group-collection > legend h6 {
|
|
4299
3875
|
color: var(--_dt-heading-h3-color, #275937);
|
|
4300
|
-
font-size: 1.125rem;
|
|
3876
|
+
font-size: var(--_dt-heading-h3-font-size-xs, 1.125rem);
|
|
4301
3877
|
font-weight: 600;
|
|
4302
3878
|
}
|
|
4303
3879
|
@media screen and (min-width: 480px) {
|
|
@@ -4320,7 +3896,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
|
|
|
4320
3896
|
.dso-section-body .dso-form-group-collection > legend h4,
|
|
4321
3897
|
.dso-section-body .dso-form-group-collection > legend h5,
|
|
4322
3898
|
.dso-section-body .dso-form-group-collection > legend h6 {
|
|
4323
|
-
font-size: 1.25rem;
|
|
3899
|
+
font-size: var(--_dt-heading-h3-font-size, 1.25rem);
|
|
4324
3900
|
}
|
|
4325
3901
|
}
|
|
4326
3902
|
.form .dso-form-group-collection > legend h1,
|
|
@@ -5810,7 +5386,7 @@ h5,
|
|
|
5810
5386
|
.h5,
|
|
5811
5387
|
h6,
|
|
5812
5388
|
.h6 {
|
|
5813
|
-
color: #275937;
|
|
5389
|
+
color: var(--_dt-heading-base-color, #275937);
|
|
5814
5390
|
}
|
|
5815
5391
|
|
|
5816
5392
|
h1,
|
|
@@ -5819,54 +5395,54 @@ h2,
|
|
|
5819
5395
|
.h2,
|
|
5820
5396
|
h3,
|
|
5821
5397
|
.h3 {
|
|
5822
|
-
margin-block-end: 16px;
|
|
5823
|
-
margin-block-start: 24px;
|
|
5398
|
+
margin-block-end: var(--_dt-heading-margin-large-margin-block-end, 16px);
|
|
5399
|
+
margin-block-start: var(--_dt-heading-margin-large-margin-block-start, 24px);
|
|
5824
5400
|
}
|
|
5825
5401
|
|
|
5826
5402
|
h1,
|
|
5827
5403
|
.h1 {
|
|
5828
|
-
line-height: 1.25;
|
|
5404
|
+
line-height: var(--_dt-heading-h1-line-height, 1.25);
|
|
5829
5405
|
}
|
|
5830
5406
|
|
|
5831
5407
|
h1 {
|
|
5832
|
-
font-size: 1.5rem;
|
|
5408
|
+
font-size: var(--_dt-heading-h1-font-size-xs, 1.5rem);
|
|
5833
5409
|
font-weight: 700;
|
|
5834
5410
|
}
|
|
5835
5411
|
@media screen and (min-width: 480px) {
|
|
5836
5412
|
h1 {
|
|
5837
|
-
font-size: 2rem;
|
|
5413
|
+
font-size: var(--_dt-heading-h1-font-size, 2rem);
|
|
5838
5414
|
}
|
|
5839
5415
|
}
|
|
5840
5416
|
|
|
5841
5417
|
h2,
|
|
5842
5418
|
.h2 {
|
|
5843
|
-
line-height: 1.25;
|
|
5419
|
+
line-height: var(--_dt-heading-h2-line-height, 1.25);
|
|
5844
5420
|
}
|
|
5845
5421
|
|
|
5846
5422
|
h2 {
|
|
5847
5423
|
color: var(--_dt-heading-h2-color, #275937);
|
|
5848
|
-
font-size: 1.25rem;
|
|
5424
|
+
font-size: var(--_dt-heading-h2-font-size-xs, 1.25rem);
|
|
5849
5425
|
font-weight: 700;
|
|
5850
5426
|
}
|
|
5851
5427
|
@media screen and (min-width: 480px) {
|
|
5852
5428
|
h2 {
|
|
5853
|
-
font-size: 1.5rem;
|
|
5429
|
+
font-size: var(--_dt-heading-h2-font-size, 1.5rem);
|
|
5854
5430
|
}
|
|
5855
5431
|
}
|
|
5856
5432
|
|
|
5857
5433
|
h3,
|
|
5858
5434
|
.h3 {
|
|
5859
|
-
line-height: 1.25;
|
|
5435
|
+
line-height: var(--_dt-heading-h3-line-height, 1.25);
|
|
5860
5436
|
}
|
|
5861
5437
|
|
|
5862
5438
|
h3 {
|
|
5863
5439
|
color: var(--_dt-heading-h3-color, #275937);
|
|
5864
|
-
font-size: 1.125rem;
|
|
5440
|
+
font-size: var(--_dt-heading-h3-font-size-xs, 1.125rem);
|
|
5865
5441
|
font-weight: 600;
|
|
5866
5442
|
}
|
|
5867
5443
|
@media screen and (min-width: 480px) {
|
|
5868
5444
|
h3 {
|
|
5869
|
-
font-size: 1.25rem;
|
|
5445
|
+
font-size: var(--_dt-heading-h3-font-size, 1.25rem);
|
|
5870
5446
|
}
|
|
5871
5447
|
}
|
|
5872
5448
|
|
|
@@ -5876,35 +5452,36 @@ h5,
|
|
|
5876
5452
|
.h5,
|
|
5877
5453
|
h6,
|
|
5878
5454
|
.h6 {
|
|
5879
|
-
margin-block-end: 16px;
|
|
5880
|
-
margin-block-start: 12px;
|
|
5455
|
+
margin-block-end: var(--_dt-heading-margin-small-margin-block-end, 16px);
|
|
5456
|
+
margin-block-start: var(--_dt-heading-margin-small-margin-block-start, 12px);
|
|
5881
5457
|
}
|
|
5882
5458
|
|
|
5883
5459
|
h4,
|
|
5884
5460
|
.h4 {
|
|
5885
|
-
line-height: 1.5;
|
|
5461
|
+
line-height: var(--_dt-heading-h4-line-height, 1.5);
|
|
5886
5462
|
}
|
|
5887
5463
|
|
|
5888
5464
|
h4 {
|
|
5889
5465
|
color: var(--_dt-heading-h4-color, #275937);
|
|
5890
|
-
font-size: 1rem;
|
|
5466
|
+
font-size: var(--_dt-heading-h4-font-size, 1rem);
|
|
5891
5467
|
font-weight: 600;
|
|
5892
5468
|
}
|
|
5893
5469
|
|
|
5894
5470
|
h5,
|
|
5895
5471
|
.h5 {
|
|
5896
|
-
line-height: 1.5;
|
|
5472
|
+
line-height: var(--_dt-heading-h5-line-height, 1.5);
|
|
5897
5473
|
}
|
|
5898
5474
|
|
|
5899
5475
|
h5 {
|
|
5900
|
-
color: #191919;
|
|
5901
|
-
font-size: 1rem;
|
|
5476
|
+
color: var(--_dt-heading-h5-color, #191919);
|
|
5477
|
+
font-size: var(--_dt-heading-h5-font-size, 1rem);
|
|
5902
5478
|
font-weight: 600;
|
|
5903
5479
|
}
|
|
5904
5480
|
|
|
5905
5481
|
h6,
|
|
5906
5482
|
.h6 {
|
|
5907
|
-
|
|
5483
|
+
font-size: var(--_dt-heading-h6-font-size, inherit);
|
|
5484
|
+
line-height: var(--_dt-heading-h6-line-height, 1.5);
|
|
5908
5485
|
}
|
|
5909
5486
|
|
|
5910
5487
|
.dso-highlight-box {
|
|
@@ -7126,7 +6703,8 @@ ul.dso-action-list li:not(:last-child)::after {
|
|
|
7126
6703
|
inline-size: 4px;
|
|
7127
6704
|
}
|
|
7128
6705
|
|
|
7129
|
-
ol.dso-action-list li::before
|
|
6706
|
+
ol.dso-action-list li::before,
|
|
6707
|
+
ol.dso-list-ordered-action li::before {
|
|
7130
6708
|
background-color: #275937;
|
|
7131
6709
|
border: 8px solid #79b929;
|
|
7132
6710
|
border-radius: 50%;
|