@dso-toolkit/core 70.0.1 → 71.0.0

package/dist/collection/components/ozon-content/ozon-content.css

@@ -125,24 +125,31 @@ label.dso-primary.dso-small.dso-spinner-right::after {
   block-size: 16px;
   inline-size: 16px;
 }
-a.dso-primary dso-icon,
-a.dso-primary svg.di,
-button.dso-primary dso-icon,
-button.dso-primary svg.di,
-label.dso-primary dso-icon,
-label.dso-primary svg.di {
+a.dso-primary dso-icon:has(+ span:not(.sr-only)),
+a.dso-primary svg.di:has(+ span:not(.sr-only)),
+button.dso-primary dso-icon:has(+ span:not(.sr-only)),
+button.dso-primary svg.di:has(+ span:not(.sr-only)),
+label.dso-primary dso-icon:has(+ span:not(.sr-only)),
+label.dso-primary svg.di:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
-  margin-inline-end: 8px;
 }
-a.dso-primary span + dso-icon,
-a.dso-primary span + svg.di,
-button.dso-primary span + dso-icon,
-button.dso-primary span + svg.di,
-label.dso-primary span + dso-icon,
-label.dso-primary span + svg.di {
+a.dso-primary span:not(.sr-only) + dso-icon,
+a.dso-primary span:not(.sr-only) + svg.di,
+button.dso-primary span:not(.sr-only) + dso-icon,
+button.dso-primary span:not(.sr-only) + svg.di,
+label.dso-primary span:not(.sr-only) + dso-icon,
+label.dso-primary span:not(.sr-only) + svg.di {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
+a.dso-primary dso-icon + span:not(.sr-only),
+a.dso-primary svg.di + span:not(.sr-only),
+button.dso-primary dso-icon + span:not(.sr-only),
+button.dso-primary svg.di + span:not(.sr-only),
+label.dso-primary dso-icon + span:not(.sr-only),
+label.dso-primary svg.di + span:not(.sr-only) {
+  margin-inline-start: 8px;
+}
 a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
 button.dso-primary.dso-spinner-left[disabled],
 button.dso-primary.dso-spinner-right[disabled],
@@ -301,24 +308,31 @@ label.dso-secondary.dso-small.dso-spinner-right::after {
   block-size: 16px;
   inline-size: 16px;
 }
-a.dso-secondary dso-icon,
-a.dso-secondary svg.di,
-button.dso-secondary dso-icon,
-button.dso-secondary svg.di,
-label.dso-secondary dso-icon,
-label.dso-secondary svg.di {
+a.dso-secondary dso-icon:has(+ span:not(.sr-only)),
+a.dso-secondary svg.di:has(+ span:not(.sr-only)),
+button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
+button.dso-secondary svg.di:has(+ span:not(.sr-only)),
+label.dso-secondary dso-icon:has(+ span:not(.sr-only)),
+label.dso-secondary svg.di:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
-  margin-inline-end: 8px;
 }
-a.dso-secondary span + dso-icon,
-a.dso-secondary span + svg.di,
-button.dso-secondary span + dso-icon,
-button.dso-secondary span + svg.di,
-label.dso-secondary span + dso-icon,
-label.dso-secondary span + svg.di {
+a.dso-secondary span:not(.sr-only) + dso-icon,
+a.dso-secondary span:not(.sr-only) + svg.di,
+button.dso-secondary span:not(.sr-only) + dso-icon,
+button.dso-secondary span:not(.sr-only) + svg.di,
+label.dso-secondary span:not(.sr-only) + dso-icon,
+label.dso-secondary span:not(.sr-only) + svg.di {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
+a.dso-secondary dso-icon + span:not(.sr-only),
+a.dso-secondary svg.di + span:not(.sr-only),
+button.dso-secondary dso-icon + span:not(.sr-only),
+button.dso-secondary svg.di + span:not(.sr-only),
+label.dso-secondary dso-icon + span:not(.sr-only),
+label.dso-secondary svg.di + span:not(.sr-only) {
+  margin-inline-start: 8px;
+}
 a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
 button.dso-secondary.dso-spinner-left[disabled],
 button.dso-secondary.dso-spinner-right[disabled],
@@ -625,7 +639,7 @@ button.dso-tertiary.download:not([disabled]):hover::after,
 button.dso-tertiary.download:not([disabled]):active::after,
 label.dso-tertiary.download:not([disabled]):hover::after,
 label.dso-tertiary.download:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-scampi"));
+  background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen"));
 }
 a.dso-tertiary.extern::after,
 button.dso-tertiary.extern::after,
@@ -646,7 +660,7 @@ button.dso-tertiary.extern:not([disabled]):hover::after,
 button.dso-tertiary.extern:not([disabled]):active::after,
 label.dso-tertiary.extern:not([disabled]):hover::after,
 label.dso-tertiary.extern:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-scampi"));
+  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen"));
 }
 
 a.dso-primary {
@@ -1345,6 +1359,7 @@ a:visited {
 }
 
 .dso-ozon-figuur {
+  text-align: var(--_dso-ozon-content-illustratie-uitlijning);
   margin-block-end: 8px;
 }
 .dso-ozon-figuur .figuur-bijschrift {
@@ -1364,6 +1379,16 @@ a:visited {
   font-weight: 500;
   padding-block-end: 0.5rem;
 }
+.dso-ozon-figuur > dso-image-overlay {
+  inline-size: var(--_dso-ozon-content-illustratie-width);
+  block-size: auto;
+  max-block-size: 200vh;
+  aspect-ratio: var(--_dso-ozon-content-illustratie-aspect-ratio);
+}
+.dso-ozon-figuur > dso-image-overlay img {
+  block-size: 100%;
+  inline-size: 100%;
+}
 
 .dso-ozon-lijst span.od-Lijstaanhef,
 .dso-ozon-lijst span.od-Lijstsluiting {
@@ -1414,32 +1439,32 @@ table.editaction-add {
   border-color: #e4f1d4;
   color: #191919;
 }
-p.editaction-add a:is(.download, .download:hover, .download:focus-visible),
-span[role=paragraph].editaction-add a:is(.download, .download:hover, .download:focus-visible),
-.dso-ozon-lijst.editaction-add a:is(.download, .download:hover, .download:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-add a:is(.download, .download:hover, .download:focus-visible),
-table.editaction-add a:is(.download, .download:hover, .download:focus-visible) {
+p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-p.editaction-add a:is(.extern, .extern:hover, .extern:focus-visible),
-span[role=paragraph].editaction-add a:is(.extern, .extern:hover, .extern:focus-visible),
-.dso-ozon-lijst.editaction-add a:is(.extern, .extern:hover, .extern:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-add a:is(.extern, .extern:hover, .extern:focus-visible),
-table.editaction-add a:is(.extern, .extern:hover, .extern:focus-visible) {
+p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-p.editaction-add a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-span[role=paragraph].editaction-add a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-.dso-ozon-lijst.editaction-add a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-add a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-table.editaction-add a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-p.editaction-add a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-span[role=paragraph].editaction-add a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-.dso-ozon-lijst.editaction-add a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-add a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-table.editaction-add a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+table.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 p.editaction-add,
@@ -1461,32 +1486,32 @@ table.editaction-remove {
   border-color: #f5d8dc;
   color: #191919;
 }
-p.editaction-remove a:is(.download, .download:hover, .download:focus-visible),
-span[role=paragraph].editaction-remove a:is(.download, .download:hover, .download:focus-visible),
-.dso-ozon-lijst.editaction-remove a:is(.download, .download:hover, .download:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-remove a:is(.download, .download:hover, .download:focus-visible),
-table.editaction-remove a:is(.download, .download:hover, .download:focus-visible) {
+p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-p.editaction-remove a:is(.extern, .extern:hover, .extern:focus-visible),
-span[role=paragraph].editaction-remove a:is(.extern, .extern:hover, .extern:focus-visible),
-.dso-ozon-lijst.editaction-remove a:is(.extern, .extern:hover, .extern:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-remove a:is(.extern, .extern:hover, .extern:focus-visible),
-table.editaction-remove a:is(.extern, .extern:hover, .extern:focus-visible) {
+p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-p.editaction-remove a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-span[role=paragraph].editaction-remove a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-.dso-ozon-lijst.editaction-remove a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-remove a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-table.editaction-remove a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-p.editaction-remove a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-span[role=paragraph].editaction-remove a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-.dso-ozon-lijst.editaction-remove a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-.dso-ozon-lijst > ul > li.editaction-remove a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-table.editaction-remove a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+.dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+table.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 p.editaction-remove,
@@ -1517,16 +1542,16 @@ ins.new-text {
   border-color: #e4f1d4;
   color: #191919;
 }
-ins.new-text a:is(.download, .download:hover, .download:focus-visible) {
+ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-ins.new-text a:is(.extern, .extern:hover, .extern:focus-visible) {
+ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-ins.new-text a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-ins.new-text a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 ins.new-text {
@@ -1545,16 +1570,16 @@ ins.editaction-add {
   border-color: #e4f1d4;
   color: #191919;
 }
-ins.editaction-add a:is(.download, .download:hover, .download:focus-visible) {
+ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-ins.editaction-add a:is(.extern, .extern:hover, .extern:focus-visible) {
+ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-ins.editaction-add a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-ins.editaction-add a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 ins.editaction-add {
@@ -1572,16 +1597,16 @@ del.removed-text {
   border-color: #f5d8dc;
   color: #191919;
 }
-del.removed-text a:is(.download, .download:hover, .download:focus-visible) {
+del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-del.removed-text a:is(.extern, .extern:hover, .extern:focus-visible) {
+del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-del.removed-text a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-del.removed-text a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del.removed-text {
@@ -1605,16 +1630,16 @@ del.editaction-remove {
   border-color: #f5d8dc;
   color: #191919;
 }
-del.editaction-remove a:is(.download, .download:hover, .download:focus-visible) {
+del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-del.editaction-remove a:is(.extern, .extern:hover, .extern:focus-visible) {
+del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-del.editaction-remove a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-del.editaction-remove a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del.editaction-remove {

package/dist/collection/components/ozon-content/ozon-content.interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"ozon-content.interfaces.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export interface OzonContentAnchorClickEvent {\r\n  /** Node type, eg: `IntRef` or `IntIoRef` */\r\n  node: string;\r\n  href: string;\r\n  documentComponent: string;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\nexport type OzonContentInputType = XMLDocument | string;\r\n\r\nexport type OzonContentMarkFunction = (text: string) => OzonContentText[] | undefined;\r\n\r\nexport type OzonContentText = OzonContentMarkItem | string;\r\n\r\nexport interface OzonContentMarkItem {\r\n  text: string;\r\n  highlight?: boolean;\r\n}\r\n\r\nexport interface OzonContentMarkItemHighlightEvent {\r\n  text: string;\r\n  elementRef: HTMLElement;\r\n}\r\n\r\nexport type OzonContentWijzigActie = \"voegtoe\" | \"verwijder\";\r\n"]}
+{"version":3,"file":"ozon-content.interfaces.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export interface OzonContentAnchorClickEvent {\r\n  /** Node type, eg: `IntRef` or `IntIoRef` */\r\n  node: string;\r\n  href: string;\r\n  documentComponent: string;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\nexport type OzonContentInputType = XMLDocument | string;\r\n\r\nexport type OzonContentMarkFunction = (text: string) => OzonContentText[] | undefined;\r\n\r\nexport type OzonContentText = OzonContentMarkItem | string;\r\n\r\nexport interface OzonContentMarkItem {\r\n  text: string;\r\n  highlight?: boolean;\r\n}\r\n\r\nexport interface OzonContentMarkItemHighlightEvent {\r\n  text: string;\r\n  elementRef: HTMLElement;\r\n}\r\n\r\nexport type OzonContentWijzigActie = \"voegtoe\" | \"verwijder\";\r\n\r\nexport interface OzonContentUrlResolver {\r\n  (name: \"Illustratie\" | \"InlineTekstAfbeelding\", attribute: \"naam\", value: string | null, element: Element): string;\r\n  (name: \"ExtIoRef\" | \"ExtRef\", attribute: \"ref\", value: string | null, element: Element): string;\r\n}\r\n"]}

package/dist/collection/components/ozon-content/ozon-content.js

@@ -7,10 +7,6 @@ export class OzonContent {
          * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         this.inline = false;
-        /**
-         * Adds a non breaking space to the node element.
-         */
-        this.addSpaceBeforeNode = false;
         this.state = {};
         this.handleMarkItemHighlight = (text, elementRef) => {
             this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });
@@ -22,15 +18,15 @@ export class OzonContent {
     render() {
         const context = {
             state: this.state,
-            addSpaceBeforeNode: this.addSpaceBeforeNode,
             inline: this.inline,
             mark: this.mark,
             setState: (state) => (this.state = state),
             emitMarkItemHighlight: this.handleMarkItemHighlight,
             emitAnchorClick: this.dsoAnchorClick.emit,
+            urlResolver: this.urlResolver,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '2d69a228d1f697ccb4ef2fb8c691127865375771' }, transformed);
+        return h(Fragment, { key: '1e3413dc949ad16b20ac3209da2fe7a52f6c2fea' }, transformed);
     }
     static get is() { return "dso-ozon-content"; }
     static get encapsulation() { return "shadow"; }
@@ -91,37 +87,40 @@ export class OzonContent {
                 "reflect": true,
                 "defaultValue": "false"
             },
-            "addSpaceBeforeNode": {
-                "type": "boolean",
+            "mark": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "OzonContentMarkFunction",
+                    "resolved": "((text: string) => OzonContentText[] | undefined) | undefined",
+                    "references": {
+                        "OzonContentMarkFunction": {
+                            "location": "import",
+                            "path": "./ozon-content.interfaces",
+                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentMarkFunction"
+                        }
+                    }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Adds a non breaking space to the node element."
+                    "text": "To mark text."
                 },
                 "getter": false,
-                "setter": false,
-                "attribute": "add-space-before-node",
-                "reflect": true,
-                "defaultValue": "false"
+                "setter": false
             },
-            "mark": {
+            "urlResolver": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "OzonContentMarkFunction",
-                    "resolved": "((text: string) => OzonContentText[] | undefined) | undefined",
+                    "original": "OzonContentUrlResolver",
+                    "resolved": "OzonContentUrlResolver | undefined",
                     "references": {
-                        "OzonContentMarkFunction": {
+                        "OzonContentUrlResolver": {
                             "location": "import",
                             "path": "./ozon-content.interfaces",
-                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentMarkFunction"
+                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentUrlResolver"
                         }
                     }
                 },
@@ -129,7 +128,7 @@ export class OzonContent {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "To mark text."
+                    "text": "A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references."
                 },
                 "getter": false,
                 "setter": false

package/dist/collection/components/ozon-content/ozon-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"ozon-content.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,CAAC,EACD,SAAS,EAET,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,QAAQ,EAER,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAU/C,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;AAO5B,MAAM,OAAO,WAAW;IALxB;QAYE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAEf;;WAEG;QAEH,uBAAkB,GAAG,KAAK,CAAC;QA0B3B,UAAK,GAAyB,EAAE,CAAC;QAEzB,4BAAuB,GAAG,CAAC,IAAY,EAAE,UAAuB,EAAE,EAAE;YAC1E,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;KAiBH;IA1BC,cAAc;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IASD,MAAM;QACJ,MAAM,OAAO,GAAuB;YAClC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;YAC3C,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACzC,qBAAqB,EAAE,IAAI,CAAC,uBAAuB;YACnD,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI;SAC1C,CAAC;QAEF,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAE5D,OAAO,EAAC,QAAQ,uDAAE,WAAW,CAAY,CAAC;IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,YAAY,EAAE,CAAC;IAEf,OAAO,CACL;QACE,mBAAY;QACZ,4BAAqB;QACrB,sBAAe;QACf,oBAAa,CACZ,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\r\n  h,\r\n  Component,\r\n  ComponentInterface,\r\n  Event,\r\n  EventEmitter,\r\n  Prop,\r\n  State,\r\n  Fragment,\r\n  JSX,\r\n  Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport {\r\n  OzonContentAnchorClickEvent,\r\n  OzonContentInputType,\r\n  OzonContentMarkFunction,\r\n  OzonContentMarkItemHighlightEvent,\r\n} from \"./ozon-content.interfaces\";\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\n\r\nconst mapper = new Mapper();\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content\",\r\n  styleUrl: \"ozon-content.scss\",\r\n  shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n  /**\r\n   * The XML to be rendered.\r\n   */\r\n  @Prop()\r\n  content?: OzonContentInputType;\r\n\r\n  /**\r\n   * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  inline = false;\r\n\r\n  /**\r\n   * Adds a non breaking space to the node element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  addSpaceBeforeNode = false;\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: OzonContentMarkFunction;\r\n\r\n  /**\r\n   * Emitted when `<a>` is clicked.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnchorClick!: EventEmitter<OzonContentAnchorClickEvent>;\r\n\r\n  /**\r\n   * Emitted when a marked item is highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOzonContentMarkItemHighlight!: EventEmitter<OzonContentMarkItemHighlightEvent>;\r\n\r\n  @Watch(\"content\")\r\n  contentWatcher() {\r\n    this.state = {};\r\n  }\r\n\r\n  @State()\r\n  state: OzonContentNodeState = {};\r\n\r\n  private handleMarkItemHighlight = (text: string, elementRef: HTMLElement) => {\r\n    this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });\r\n  };\r\n\r\n  render(): JSX.Element {\r\n    const context: OzonContentContext = {\r\n      state: this.state,\r\n      addSpaceBeforeNode: this.addSpaceBeforeNode,\r\n      inline: this.inline,\r\n      mark: this.mark,\r\n      setState: (state) => (this.state = state),\r\n      emitMarkItemHighlight: this.handleMarkItemHighlight,\r\n      emitAnchorClick: this.dsoAnchorClick.emit,\r\n    };\r\n\r\n    const transformed = mapper.transform(this.content, context);\r\n\r\n    return <Fragment>{transformed}</Fragment>;\r\n  }\r\n}\r\n\r\nconst dependencies = () => {\r\n  dependencies();\r\n\r\n  return (\r\n    <>\r\n      <dso-icon />\r\n      <dso-image-overlay />\r\n      <dso-tooltip />\r\n      <dso-table />\r\n    </>\r\n  );\r\n};\r\n"]}
+{"version":3,"file":"ozon-content.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,CAAC,EACD,SAAS,EAET,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,QAAQ,EAER,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAY/C,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;AAO5B,MAAM,OAAO,WAAW;IALxB;QAYE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAgCf,UAAK,GAAyB,EAAE,CAAC;QAEzB,4BAAuB,GAAG,CAAC,IAAY,EAAE,UAAuB,EAAE,EAAE;YAC1E,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;KAiBH;IA1BC,cAAc;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IASD,MAAM;QACJ,MAAM,OAAO,GAAuB;YAClC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACzC,qBAAqB,EAAE,IAAI,CAAC,uBAAuB;YACnD,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI;YACzC,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAC;QAEF,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAE5D,OAAO,EAAC,QAAQ,uDAAE,WAAW,CAAY,CAAC;IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,YAAY,EAAE,CAAC;IAEf,OAAO,CACL;QACE,mBAAY;QACZ,4BAAqB;QACrB,sBAAe;QACf,oBAAa,CACZ,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\r\n  h,\r\n  Component,\r\n  ComponentInterface,\r\n  Event,\r\n  EventEmitter,\r\n  Prop,\r\n  State,\r\n  Fragment,\r\n  JSX,\r\n  Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport {\r\n  OzonContentAnchorClickEvent,\r\n  OzonContentInputType,\r\n  OzonContentMarkFunction,\r\n  OzonContentMarkItemHighlightEvent,\r\n  OzonContentUrlResolver,\r\n} from \"./ozon-content.interfaces\";\r\n\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\n\r\nconst mapper = new Mapper();\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content\",\r\n  styleUrl: \"ozon-content.scss\",\r\n  shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n  /**\r\n   * The XML to be rendered.\r\n   */\r\n  @Prop()\r\n  content?: OzonContentInputType;\r\n\r\n  /**\r\n   * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  inline = false;\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: OzonContentMarkFunction;\r\n\r\n  /**\r\n   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.\r\n   */\r\n  @Prop()\r\n  urlResolver?: OzonContentUrlResolver;\r\n\r\n  /**\r\n   * Emitted when `<a>` is clicked.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnchorClick!: EventEmitter<OzonContentAnchorClickEvent>;\r\n\r\n  /**\r\n   * Emitted when a marked item is highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOzonContentMarkItemHighlight!: EventEmitter<OzonContentMarkItemHighlightEvent>;\r\n\r\n  @Watch(\"content\")\r\n  contentWatcher() {\r\n    this.state = {};\r\n  }\r\n\r\n  @State()\r\n  state: OzonContentNodeState = {};\r\n\r\n  private handleMarkItemHighlight = (text: string, elementRef: HTMLElement) => {\r\n    this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });\r\n  };\r\n\r\n  render(): JSX.Element {\r\n    const context: OzonContentContext = {\r\n      state: this.state,\r\n      inline: this.inline,\r\n      mark: this.mark,\r\n      setState: (state) => (this.state = state),\r\n      emitMarkItemHighlight: this.handleMarkItemHighlight,\r\n      emitAnchorClick: this.dsoAnchorClick.emit,\r\n      urlResolver: this.urlResolver,\r\n    };\r\n\r\n    const transformed = mapper.transform(this.content, context);\r\n\r\n    return <Fragment>{transformed}</Fragment>;\r\n  }\r\n}\r\n\r\nconst dependencies = () => {\r\n  dependencies();\r\n\r\n  return (\r\n    <>\r\n      <dso-icon />\r\n      <dso-image-overlay />\r\n      <dso-tooltip />\r\n      <dso-table />\r\n    </>\r\n  );\r\n};\r\n"]}

package/dist/collection/components/plekinfo-card/plekinfo-card.css

@@ -9,16 +9,16 @@ ins {
   border-color: #e4f1d4;
   color: #191919;
 }
-ins a:is(.download, .download:hover, .download:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-ins a:is(.extern, .extern:hover, .extern:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-ins a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-ins a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 ins {
@@ -33,16 +33,16 @@ del {
   border-color: #f5d8dc;
   color: #191919;
 }
-del a:is(.download, .download:hover, .download:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-del a:is(.extern, .extern:hover, .extern:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-del a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-del a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del {

package/dist/collection/components/renvooi/renvooi.css

@@ -9,16 +9,16 @@ ins {
   border-color: #e4f1d4;
   color: #191919;
 }
-ins a:is(.download, .download:hover, .download:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-ins a:is(.extern, .extern:hover, .extern:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-ins a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-ins a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 ins {
@@ -33,16 +33,16 @@ del {
   border-color: #f5d8dc;
   color: #191919;
 }
-del a:is(.download, .download:hover, .download:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
 }
-del a:is(.extern, .extern:hover, .extern:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
 }
-del a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
 }
-del a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del {