@dso-toolkit/core 70.0.1 → 70.1.0

package/dist/collection/components/document-component/document-component.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 {
@@ -723,20 +737,20 @@ a.dso-tertiary, a.dso-tertiary:visited {
   border-color: #f5d8dc;
   color: #191919;
 }
-:host([wijzigactie=verwijderContainer]) .heading-container a:is(.download, .download:hover, .download:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:is(.download, .download:hover, .download:focus-visible) {
+:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+:host(:where([wijzigactie=verwijder])) 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"));
 }
-:host([wijzigactie=verwijderContainer]) .heading-container a:is(.extern, .extern:hover, .extern:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:is(.extern, .extern:hover, .extern:focus-visible) {
+:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+:host(:where([wijzigactie=verwijder])) 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"));
 }
-:host([wijzigactie=verwijderContainer]) .heading-container a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+:host(:where([wijzigactie=verwijder])) 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"));
 }
-:host([wijzigactie=verwijderContainer]) .heading-container a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+:host(:where([wijzigactie=verwijder])) 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"));
 }
 
@@ -760,20 +774,20 @@ a.dso-tertiary, a.dso-tertiary:visited {
   border-color: #e4f1d4;
   color: #191919;
 }
-:host([wijzigactie=nieuweContainer]) .heading-container a:is(.download, .download:hover, .download:focus-visible),
-:host([wijzigactie=voegtoe]) a:is(.download, .download:hover, .download:focus-visible) {
+:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
+:host([wijzigactie=voegtoe]) 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"));
 }
-:host([wijzigactie=nieuweContainer]) .heading-container a:is(.extern, .extern:hover, .extern:focus-visible),
-:host([wijzigactie=voegtoe]) a:is(.extern, .extern:hover, .extern:focus-visible) {
+:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
+:host([wijzigactie=voegtoe]) 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"));
 }
-:host([wijzigactie=nieuweContainer]) .heading-container a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-:host([wijzigactie=voegtoe]) a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
+:host([wijzigactie=voegtoe]) 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"));
 }
-:host([wijzigactie=nieuweContainer]) .heading-container a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-:host([wijzigactie=voegtoe]) a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
+:host([wijzigactie=voegtoe]) 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"));
 }
 :host([wijzigactie=nieuweContainer]) .heading-container,

package/dist/collection/components/image-overlay/image-overlay.css

@@ -352,16 +352,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 {
@@ -379,16 +379,16 @@ ins.editaction-add .wrapper {
   border-color: #e4f1d4;
   color: #191919;
 }
-ins.editaction-add .wrapper a:is(.download, .download:hover, .download:focus-visible) {
+ins.editaction-add .wrapper 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 .wrapper a:is(.extern, .extern:hover, .extern:focus-visible) {
+ins.editaction-add .wrapper 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 .wrapper a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+ins.editaction-add .wrapper 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 .wrapper a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+ins.editaction-add .wrapper 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 .wrapper {
@@ -417,16 +417,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 {
@@ -449,16 +449,16 @@ del.editaction-remove .wrapper {
   border-color: #f5d8dc;
   color: #191919;
 }
-del.editaction-remove .wrapper a:is(.download, .download:hover, .download:focus-visible) {
+del.editaction-remove .wrapper 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 .wrapper a:is(.extern, .extern:hover, .extern:focus-visible) {
+del.editaction-remove .wrapper 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 .wrapper a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+del.editaction-remove .wrapper 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 .wrapper a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+del.editaction-remove .wrapper 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 .wrapper {

package/dist/collection/components/info/info.css

@@ -12,16 +12,16 @@
   border-color: #f2f2f2;
   color: #191919;
 }
-:host a:is(.download, .download:hover, .download:focus-visible) {
+:host 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"));
 }
-:host a:is(.extern, .extern:hover, .extern:focus-visible) {
+:host 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"));
 }
-:host a:is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+:host 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"));
 }
-:host a:is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+:host 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"));
 }
 :host > button {

package/dist/collection/components/map-controls/map-controls.css

@@ -110,16 +110,19 @@ button::-moz-focus-inner {
   block-size: 16px;
   inline-size: 16px;
 }
-.toggle-visibility-button dso-icon,
-.toggle-visibility-button svg.di {
+.toggle-visibility-button dso-icon:has(+ span:not(.sr-only)),
+.toggle-visibility-button svg.di:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
-  margin-inline-end: 8px;
 }
-.toggle-visibility-button span + dso-icon,
-.toggle-visibility-button span + svg.di {
+.toggle-visibility-button span:not(.sr-only) + dso-icon,
+.toggle-visibility-button span:not(.sr-only) + svg.di {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
+.toggle-visibility-button dso-icon + span:not(.sr-only),
+.toggle-visibility-button svg.di + span:not(.sr-only) {
+  margin-inline-start: 8px;
+}
 .toggle-visibility-button.dso-spinner-left[disabled], .toggle-visibility-button.dso-spinner-right[disabled] {
   background-color: #fff;
   border-color: #39870c;

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 {
@@ -1414,32 +1428,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 +1475,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 +1531,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 +1559,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 +1586,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 +1619,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 {