npm - @dso-toolkit/core - Versions diffs - 97.1.1 → 99.0.0 - Mend

@dso-toolkit/core 97.1.1 → 99.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (609) hide show

package/dist/collection/components/badge/badge.js CHANGED Viewed

@@ -129,8 +129,8 @@ export class Badge {
         delete this.mutationObserver;
     }
     render() {
-        return ((this.hasToggletip && (h(Host, { key: '2d25d87a76c142459c782f1cf0a08420a5abbb3b', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: 'bb6195981bfb96c304ed2688ab641d201815068c', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: 'e0dddc8bce05334ef7b384a1329c6053f8103924', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '3d87639654caea6d6fc8c979be555d835fb79872' }))), h(Tooltip, { key: 'ebb6a04bfcfb9161c52564f21e129bcef2a3468c', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '3066b04379adf8924c9739804534f58f7c458faf', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: '568d942b7cdf26bcdb66e23d44a3aa6b87e5915a', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'caa5e141110124717e718b26dbc62d9c3e27e95e', name: "toggletip" })))))) ||
-            (!this.hasToggletip && (h("span", { key: 'a44e767ebb07af2d9a6795d86405a62fb22734e1', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'd39894fd1236eb0be88f3171f0a2767a26ba6891' })))));
+        return ((this.hasToggletip && (h(Host, { key: 'bfbeeda47618ae93126dfce6151e68cc89dc8575', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: 'ba81ab9e3766a8e95a4dd23649f4c9aebde04b03', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '75b11b995e0c99df5162289dc493ea807a108e31', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '7d220a2927aa4f98d7fb216e4f7f5a83b79e88b5' }))), h(Tooltip, { key: 'fc6900a0b29cc2874aa8c6ebdf63d2f983431f8b', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '6644ca6d0065328e0cdb46ba3ab46da0ff8eb3f5', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: '2869df83dfb844b5ed619592c99da7dcc4af7e5d', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'c5a584fabd2340563a27cd76ff219eeb6ef7d9fb', name: "toggletip" })))))) ||
+            (!this.hasToggletip && (h("span", { key: 'd387c9fd401a99dfbaa8e2953cf6241c8360edc4', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'c49aa516b5b9988f691475bb2e3dc0c86b5d251b' })))));
     }
     static get is() { return "dso-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/banner/banner.css CHANGED Viewed

@@ -22,23 +22,14 @@
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.dso-banner.alert-error 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"));
-}
-.dso-banner.alert-error 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"));
-}
-.dso-banner.alert-error 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"));
-}
-.dso-banner.alert-error 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#mail-outline-zwart"));
-}
-.dso-banner.alert-error {
+  --_dso-link-color: currentColor;
+  --_dso-link-hover-color: currentColor;
+  --_dso-link-visited-color: currentColor;
+  --_dso-link-download-icon: var(--_dso-di-download-zwart);
+  --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);
+  --_dso-link-phone-icon: var(--_dso-di-call-zwart);
+  --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);
+  --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);
   --_dso-icon-button-secondary-active-color: #fff;
   --_dso-icon-button-secondary-active-background-color: #1f472c;
   --_dso-icon-button-secondary-toggled-color: #fff;
@@ -50,6 +41,8 @@
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
+  --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);
+  --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);
   --_dso-button-tertiary-color: #191919;
   --_dso-button-tertiary-hover-color: #4c4c4c;
   --_dso-button-tertiary-active-color: #173521;
@@ -63,23 +56,14 @@
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.dso-banner.alert-info 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"));
-}
-.dso-banner.alert-info 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"));
-}
-.dso-banner.alert-info 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"));
-}
-.dso-banner.alert-info 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#mail-outline-zwart"));
-}
-.dso-banner.alert-info {
+  --_dso-link-color: currentColor;
+  --_dso-link-hover-color: currentColor;
+  --_dso-link-visited-color: currentColor;
+  --_dso-link-download-icon: var(--_dso-di-download-zwart);
+  --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);
+  --_dso-link-phone-icon: var(--_dso-di-call-zwart);
+  --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);
+  --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);
   --_dso-icon-button-secondary-active-color: #fff;
   --_dso-icon-button-secondary-active-background-color: #1f472c;
   --_dso-icon-button-secondary-toggled-color: #fff;
@@ -91,6 +75,8 @@
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
+  --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);
+  --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);
   --_dso-button-tertiary-color: #191919;
   --_dso-button-tertiary-hover-color: #4c4c4c;
   --_dso-button-tertiary-active-color: #173521;
@@ -104,23 +90,14 @@
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.dso-banner.alert-success 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"));
-}
-.dso-banner.alert-success 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"));
-}
-.dso-banner.alert-success 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"));
-}
-.dso-banner.alert-success 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#mail-outline-zwart"));
-}
-.dso-banner.alert-success {
+  --_dso-link-color: currentColor;
+  --_dso-link-hover-color: currentColor;
+  --_dso-link-visited-color: currentColor;
+  --_dso-link-download-icon: var(--_dso-di-download-zwart);
+  --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);
+  --_dso-link-phone-icon: var(--_dso-di-call-zwart);
+  --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);
+  --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);
   --_dso-icon-button-secondary-active-color: #fff;
   --_dso-icon-button-secondary-active-background-color: #1f472c;
   --_dso-icon-button-secondary-toggled-color: #fff;
@@ -132,6 +109,8 @@
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
+  --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);
+  --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);
   --_dso-button-tertiary-color: #191919;
   --_dso-button-tertiary-hover-color: #4c4c4c;
   --_dso-button-tertiary-active-color: #173521;
@@ -145,23 +124,14 @@
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.dso-banner.alert-warning 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"));
-}
-.dso-banner.alert-warning 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"));
-}
-.dso-banner.alert-warning 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"));
-}
-.dso-banner.alert-warning 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#mail-outline-zwart"));
-}
-.dso-banner.alert-warning {
+  --_dso-link-color: currentColor;
+  --_dso-link-hover-color: currentColor;
+  --_dso-link-visited-color: currentColor;
+  --_dso-link-download-icon: var(--_dso-di-download-zwart);
+  --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);
+  --_dso-link-phone-icon: var(--_dso-di-call-zwart);
+  --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);
+  --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);
   --_dso-icon-button-secondary-active-color: #fff;
   --_dso-icon-button-secondary-active-background-color: #1f472c;
   --_dso-icon-button-secondary-toggled-color: #fff;
@@ -173,6 +143,8 @@
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
+  --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);
+  --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);
   --_dso-button-tertiary-color: #191919;
   --_dso-button-tertiary-hover-color: #4c4c4c;
   --_dso-button-tertiary-active-color: #173521;
@@ -182,37 +154,37 @@
   border-color: #f8f6cc;
 }
 .dso-banner {
-  --_dt-rich-content-margin-block-end: 0;
-  --_dt-rich-content-margin-block-start: 0;
-  --_dt-rich-content-margin-inline-end: 8px;
-  --_dt-rich-content-padding-inline-end: 24px;
-  --_dt-heading-base-color: #000;
-  --_dt-heading-h2-color: #000;
-  --_dt-heading-h3-color: #000;
-  --_dt-heading-h4-color: #000;
-  --_dt-heading-h5-color: #000;
-  --_dt-heading-h1-font-size-xs: 1rem;
-  --_dt-heading-h1-font-size: 1rem;
-  --_dt-heading-h2-font-size-xs: 1rem;
-  --_dt-heading-h2-font-size: 1rem;
-  --_dt-heading-h3-font-size-xs: 1rem;
-  --_dt-heading-h3-font-size: 1rem;
-  --_dt-heading-h4-font-size: 1rem;
-  --_dt-heading-h5-font-size: 1rem;
-  --_dt-heading-h6-font-size: 1rem;
-  --_dt-heading-h2-first-child-float: inline-start;
-  --_dt-heading-h1-line-height: 1.5;
-  --_dt-heading-h2-line-height: 1.5;
-  --_dt-heading-h3-line-height: 1.5;
-  --_dt-heading-h4-line-height: 1.5;
-  --_dt-heading-h5-line-height: 1.5;
-  --_dt-heading-h6-line-height: 1.5;
-  --_dt-heading-margin-large-margin-block-end: 0;
-  --_dt-heading-margin-large-margin-block-start: 0;
-  --_dt-heading-margin-small-margin-block-end: 0;
-  --_dt-heading-margin-small-margin-block-start: 0;
-  --_dt-icon-button-position: absolute;
-  --_dt-icon-button-inset-inline-end: 16px;
+  --_dso-rich-content-margin-block-end: 0;
+  --_dso-rich-content-margin-block-start: 0;
+  --_dso-rich-content-margin-inline-end: 8px;
+  --_dso-rich-content-padding-inline-end: 24px;
+  --_dso-heading-base-color: #000;
+  --_dso-heading-h2-color: #000;
+  --_dso-heading-h3-color: #000;
+  --_dso-heading-h4-color: #000;
+  --_dso-heading-h5-color: #000;
+  --_dso-heading-h1-font-size-xs: 1rem;
+  --_dso-heading-h1-font-size: 1rem;
+  --_dso-heading-h2-font-size-xs: 1rem;
+  --_dso-heading-h2-font-size: 1rem;
+  --_dso-heading-h3-font-size-xs: 1rem;
+  --_dso-heading-h3-font-size: 1rem;
+  --_dso-heading-h4-font-size: 1rem;
+  --_dso-heading-h5-font-size: 1rem;
+  --_dso-heading-h6-font-size: 1rem;
+  --_dso-heading-h2-first-child-float: inline-start;
+  --_dso-heading-h1-line-height: 1.5;
+  --_dso-heading-h2-line-height: 1.5;
+  --_dso-heading-h3-line-height: 1.5;
+  --_dso-heading-h4-line-height: 1.5;
+  --_dso-heading-h5-line-height: 1.5;
+  --_dso-heading-h6-line-height: 1.5;
+  --_dso-heading-margin-large-margin-block-end: 0;
+  --_dso-heading-margin-large-margin-block-start: 0;
+  --_dso-heading-margin-small-margin-block-end: 0;
+  --_dso-heading-margin-small-margin-block-start: 0;
+  --_dso-icon-button-position: absolute;
+  --_dso-icon-button-inset-inline-end: 16px;
 }
 .banner-inner {

package/dist/collection/components/banner/banner.js CHANGED Viewed

@@ -20,9 +20,9 @@ export class Banner {
         };
     }
     render() {
-        return (h("section", { key: '007b28f7e91ab33f8a496222a1df6ab3eb815e00', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: '584142e42b4c355c51ff2e224e8f0c4f45508b76', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("div", { key: '1ab1b6f2a9be4823db2c02d847049a59273a3da9', class: clsx("banner-inner", { icon: this.icon }) }, (this.icon || !this.compact) && h("dso-icon", { key: '79dec5fa5382b350a9c4364f0c7bcc6e53994a21', icon: this.statusIcons[this.status] }), h("slot", { key: '302c66621ba53d52ccbb3fbbfefc1cac1fbb5425' }))));
+            }), role: "alert" }, h("div", { key: 'c0044044ca3deaafdb2058931e665ecb51b262d6', class: clsx("banner-inner", { icon: this.icon }) }, (this.icon || !this.compact) && h("dso-icon", { key: '049f5e0ad01141acf0eb1699fc4a0d435d843734', icon: this.statusIcons[this.status] }), h("slot", { key: '76788139168fb3410c50577470b64e503ca8e18c' }))));
     }
     static get is() { return "dso-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/button-group/button-group.css CHANGED Viewed

@@ -16,7 +16,7 @@
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
   background-color: #ccc;
   gap: 1px;
-  --_dt-icon-button-map-box-shadow: 0;
+  --_dso-icon-button-map-box-shadow: 0;
 }
 ::slotted(*) {
@@ -26,15 +26,15 @@
 :host([direction=row]) ::slotted(:not(:first-child)) {
   border-start-start-radius: 0 !important;
   border-end-start-radius: 0 !important;
-  --_dt-icon-button-border-start-start-radius: 0;
-  --_dt-icon-button-border-end-start-radius: 0;
+  --_dso-icon-button-border-start-start-radius: 0;
+  --_dso-icon-button-border-end-start-radius: 0;
 }
 :host([direction=row]) ::slotted(:not(:last-child)) {
   border-start-end-radius: 0 !important;
   border-end-end-radius: 0 !important;
-  --_dt-icon-button-border-start-end-radius: 0;
-  --_dt-icon-button-border-end-end-radius: 0;
-  --_dt-icon-button-border-inline-end-width: 0;
+  --_dso-icon-button-border-start-end-radius: 0;
+  --_dso-icon-button-border-end-end-radius: 0;
+  --_dso-icon-button-border-inline-end-width: 0;
 }
 :host([direction=row]) ::slotted(.dso-secondary) {
   margin-inline-start: -1px !important;
@@ -49,15 +49,15 @@
 :host([direction=column]) ::slotted(:not(:first-child)) {
   border-start-start-radius: 0 !important;
   border-start-end-radius: 0 !important;
-  --_dt-icon-button-border-start-start-radius: 0;
-  --_dt-icon-button-border-start-end-radius: 0;
+  --_dso-icon-button-border-start-start-radius: 0;
+  --_dso-icon-button-border-start-end-radius: 0;
 }
 :host([direction=column]) ::slotted(:not(:last-child)) {
   border-end-start-radius: 0 !important;
   border-end-end-radius: 0 !important;
-  --_dt-icon-button-border-end-start-radius: 0;
-  --_dt-icon-button-border-end-end-radius: 0;
-  --_dt-icon-button-border-block-end-width: 0;
+  --_dso-icon-button-border-end-start-radius: 0;
+  --_dso-icon-button-border-end-end-radius: 0;
+  --_dso-icon-button-border-block-end-width: 0;
 }
 :host([direction=column]) ::slotted(.dso-secondary) {
   margin-block-start: -1px !important;

package/dist/collection/components/button-group/button-group.js CHANGED Viewed

@@ -27,7 +27,7 @@ export class ButtonGroup {
         return hasMapIconButton || hasMapClass;
     }
     render() {
-        return (h("div", { key: '17449365a1695edc203f63523e1fefdbeeabb38b', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '2896d199e2064cc340ade13c0adeb6b3cda89452' })));
+        return (h("div", { key: '885c1ec157396c8adc33fcc5778294cf99b66333', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '59182bf38f1b8b094dc53c42eefbcee54bf2ca22' })));
     }
     static get is() { return "dso-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/card/card.css CHANGED Viewed

@@ -1,12 +1,12 @@
 a {
   overflow-wrap: anywhere;
   background-color: transparent;
-  color: var(--link-color);
+  color: var(--_dso-link-color);
   text-decoration: underline;
   text-underline-offset: 15%;
 }
 a:hover, a:focus-visible {
-  color: var(--link-hover-color);
+  color: var(--_dso-link-hover-color);
   text-decoration: underline;
 }
 a:active {
@@ -16,47 +16,47 @@ a .sr-only + dso-icon {
   margin-inline-start: 0;
 }
 a:visited {
-  color: var(--link-visited-color);
+  color: var(--_dso-link-visited-color);
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom -3px right 0;
-  background-image: var(--_dso-di-background-image, url("./di.svg#download"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:focus-visible {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-scampi"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom -3px right 0;
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:focus-visible {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-scampi"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom -3px left 0;
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-grasgroen"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:focus-visible {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-scampi"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
   background-position: bottom -3px left 0;
-  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)));
 }
 a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:focus-visible {
-  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"));
+  background-image: var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)));
 }
 *,
@@ -137,9 +137,9 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
 ::slotted([slot=selectable]) {
   font-size: 0 !important;
-  --_dt-selectable-padding-inline-start: 24px;
-  --_dt-selectable-input-wrapper-margin-inline-start: -24px;
-  --_dt-selectable-input-wrapper-padding-inline-start: 24px;
+  --_dso-selectable-padding-inline-start: 24px;
+  --_dso-selectable-input-wrapper-margin-inline-start: -24px;
+  --_dso-selectable-input-wrapper-padding-inline-start: 24px;
 }
 ::slotted([slot=heading]) {
@@ -154,9 +154,9 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
 }
 ::slotted([slot=content]) {
-  --_dt-rich-content-margin-block: 8px;
-  --_dt-rich-content-margin-block-end: 0;
-  --_dt-rich-content-margin-block-start: 0;
+  --_dso-rich-content-margin-block: 8px;
+  --_dso-rich-content-margin-block-end: 0;
+  --_dso-rich-content-margin-block-start: 0;
 }
 ::slotted([slot=interactions]) {

package/dist/collection/components/card/card.js CHANGED Viewed

@@ -29,8 +29,8 @@ export class Card {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '21779582996d3aae3e543c89bb3d7206c66cab33', "is-selectable": isSelectable }, h("div", { key: 'a330f0c2f7f8498aee3670fd4b31312f7de5227a', class: "dso-card-container" }, h("div", { key: 'ad2fd83e5669beb8b2803830ad52c59622dbd7bb', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'a87f490eaf33572880490b9faefb6eec464710bd', name: "selectable" })), h("div", { key: '4274c03b16c09d024d675cf23afb3aee042421c2', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: 'cd380e5c20f705f7b7124f10e5aed5ce07b21933', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '08b3f9fdb23f71df28147243ff3b4e332837ec76', name: "heading" }), h("dso-icon", { key: '7c739f0ae901c1c5fa874920a960d3a753426111', icon: "external-link" }), h("span", { key: '26d4ebd7af03f7f8109491a36e7743bfa9370e19', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: '8e606cb91376b023854303412d308279a8001392', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '1802bd095c9161ab8c8500499ed2b8402c0ce042', name: "heading" }), h("dso-icon", { key: '12ef0fc368509ba09ae3e29c91e293406e6a068b', icon: "download" })))) || (h("a", { key: '098959e2b33a3d07fd9704eddd944cb99808da8b', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ad7dd47a7c1bee556eb2eadfa60ba17b08ab3af1', name: "heading" }), h("dso-icon", { key: '0ec299498862d67c412ab8205aff929d1f2c0b91', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '19e659d156274a52c24b66e3a882a9eabd11ba1e', name: "interactions" })), h("div", { key: '52d69ca31da125b6e6b7fb669272dbe44884491e', class: "dso-card-content" }, h("slot", { key: '2ea315dd879f0184236a4fa6c974574bd272f649', name: "content" })))));
+        return (h(Host, { key: '36c7e37e3565af414ebf091a9118b8c881ac18f7', "is-selectable": isSelectable }, h("div", { key: '69e0f342122bd4ac53ca18ea53ca9ea64c1802d1', class: "dso-card-container" }, h("div", { key: '880b4c8a61b841dfda3043f86f1b5ea37c742b44', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '985861bac731aecc3dc914a32db5bce35fc18da0', name: "selectable" })), h("div", { key: '3a77b0bcd5892f7e4a8d2e32c14d0d2eb7024144', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '756424c1507d093386d91ebd1b38f03f415071ac', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '052ff25dc558d89c3e674fb2efa4cfd9c83e385f', name: "heading" }), h("dso-icon", { key: '29f7e56fcdb75c2e4aaf2706e86197108239f1b3', icon: "external-link" }), h("span", { key: '1f8cff9385a86bd2fc4b20ee61f53019051d434d', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: '3a18f6a6570b8967f16526503e2a23b8eea1937e', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'c50da6e83a090f725853154d3cbcd46b159ce893', name: "heading" }), h("dso-icon", { key: '06f7c304bffeab5264d2efb08490f00fe5ddf970', icon: "download" })))) || (h("a", { key: '17359530043bde8ca2c8c31a541667da26241c26', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'd6e44c271ee256b1f4ab024836854077dd7802ed', name: "heading" }), h("dso-icon", { key: '0d3445bd395ad3df910a42e93cdd3da375315fc9', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '916c08c993eb995d6f572d0d3ae03eb69d17b755', name: "interactions" })), h("div", { key: '464f37a71643a16f2c63aa7ffaa9b0dda9b331fc', class: "dso-card-content" }, h("slot", { key: 'd05e86980f31e1af748768f5b8791fad464cc559', name: "content" })))));
     }
     static get is() { return "dso-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/card-container/card-container.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class CardContainer {
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '76e936a9197707111af41c3fbd1f26d2a176a2ef', class: "dso-card-list" }, h("slot", { key: 'a40bd4a69a86b1519b4e2a3e116221560688874a' }))), this.mode === "grid" && (h("div", { key: '48c8852bc183928e8d4d6410d98afc73ae000333', class: "dso-card-grid" }, h("slot", { key: '295d9be623c1e2b2b564aea3f0889c2e43d88a6c' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '90b07c1be81c9e8891fc3c56d9d67304347c2756', class: "dso-card-list" }, h("slot", { key: '28fd7e44a59870508de16cefaf245146004319bc' }))), this.mode === "grid" && (h("div", { key: '8a73e7edf8c218f0dee90aac272b148207c20d13', class: "dso-card-grid" }, h("slot", { key: '9406a30a0ddf5ac7d1c48b5e0003f61936945783' })))));
     }
     static get is() { return "dso-card-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/contact-information/contact-information.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :host {
-  --_dso-di-background-image: none;
+  --_dso-link-icon-visibility: none;
   --_dso-link-icon-padding-inline-start: 0;
   --_dso-link-icon-padding-inline-end: 0;
   display: block;

package/dist/collection/components/contact-information/contact-information.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
  */
 export class ContactInformation {
     render() {
-        return (h("div", { key: '4fd898700da86ff5f3b741e5c910f838900dc508', class: "dso-contact-information" }, h("slot", { key: 'c3d81197601a308fda6dd76608a0b2b03a4d7fbf', name: "heading" }), h("slot", { key: 'b21829b093bc5b439ab120ebe3f90c664f22141f', name: "anchor-items" }), h("slot", { key: 'bc167a299dbda0199dc9804eccbdfc4c2b58a669', name: "info-items" })));
+        return (h("div", { key: 'a511c3b7e61371a74f3e55c0a71abaf56768cb52', class: "dso-contact-information" }, h("slot", { key: '98fae6e8614de0c46fb8fb5d55e77f5807dc4231', name: "heading" }), h("slot", { key: 'b84cd2bcc9a9874110d302b16ece15d37ab35896', name: "anchor-items" }), h("slot", { key: '32bae418af1a46f538c8cb4dde38e347f99cf7b1', name: "info-items" })));
     }
     static get is() { return "dso-contact-information"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cursor-tooltip/cursor-tooltip.css CHANGED Viewed

@@ -9,23 +9,14 @@
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-: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-wit"));
-}
-: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-wit"));
-}
-: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-wit"));
-}
-: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#mail-outline-wit"));
-}
-:host {
+  --_dso-link-color: currentColor;
+  --_dso-link-hover-color: currentColor;
+  --_dso-link-visited-color: currentColor;
+  --_dso-link-download-icon: var(--_dso-di-download-wit);
+  --_dso-link-extern-icon: var(--_dso-di-external-link-wit);
+  --_dso-link-phone-icon: var(--_dso-di-call-wit);
+  --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);
+  --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);
   --_dso-icon-button-secondary-active-color: #fff;
   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
   --_dso-icon-button-secondary-toggled-color: #fff;
@@ -37,6 +28,8 @@
   --_dso-icon-button-tertiary-toggled-color: #fff;
   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);
   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;
+  --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);
+  --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);
   --_dso-button-primary-background-color: #fff;
   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
   --_dso-button-primary-active-background-color: #f2f2f2;

package/dist/collection/components/cursor-tooltip/cursor-tooltip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class CursorTooltip {
     render() {
-        return (h(Host, { key: 'f38dc945dba407fd21e3528929c15d9432623db6', class: "dso-cursor-tooltip" }, h("slot", { key: 'aa208364be2cc2570cd4de7726dc2c441a4138af' })));
+        return (h(Host, { key: '88a9b55c3c2601323b98f921a1baf75d189837a5', class: "dso-cursor-tooltip" }, h("slot", { key: 'ad5cd40df43ccf4a9c6c543797de2e3360e1e868' })));
     }
     static get is() { return "dso-cursor-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker.js CHANGED Viewed

@@ -105,7 +105,7 @@ export class DsoDatePicker {
         return undefined;
     }
     render() {
-        return (h("input", { key: '47631df93cddf10161ee2eabdaae4f976e86f00a', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (h("input", { key: '06fd80a7119e551733de7fe25c722c677a32a029', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     static get is() { return "dso-date-picker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/document-card/document-card.css CHANGED Viewed

@@ -74,7 +74,7 @@
 }
 ::slotted([slot=type]) {
-  --_dt-info-button-margin-inline-start: 0;
+  --_dso-info-button-margin-inline-start: 0;
   display: flex !important;
   gap: 8px !important;
 }

package/dist/collection/components/document-card/document-card.js CHANGED Viewed

@@ -29,7 +29,7 @@ export class DocumentCard {
         return this.host.querySelector("[slot='interactions']");
     }
     render() {
-        return (h("div", { key: 'cb3a601741335eca15dc6a29db65050617aed770', class: "dso-document-card-container" }, h("div", { key: '790d9f368acb655a4655aa2786d593338686ab3a', class: "dso-document-card-heading" }, h("a", { key: '8fefbc72ce0b86701402057b7944b0731c55b4e9', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: 'ee22429b624a6dbac97ec7c41f33fa37c8816a3a', class: "icon-container" }, h("dso-icon", { key: 'a3c1913d55a7807e9dac4c92ed9a20d9ff2a5a7b', icon: "chevron-right" }), h("slot", { key: '875d4f00306cd0b80a7842c986df64d544ccad35', name: "heading" })))), h("div", { key: 'b34b5c1ea5979dd35a40b31cbf892f0ace506995', class: "dso-document-card-type" }, h("slot", { key: '5155b74dd5200f4f6363d1e5f77f2efbc670dcb2', name: "type" })), h("div", { key: 'e50a354a5f49057aa47ea8b260a66de72b102513', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '11e497caa499af37a41c0c80be26a4a82a733e6a', name: "meta" }), h("slot", { key: 'fe67a0d252ce28f3c967766596b41946f3ffb732', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '6d0f12d4d5ae72a5e4a98a638381d38b458c6b7d', name: "interactions" }))));
+        return (h("div", { key: '59a7c2ec0c367377a0a911a616e9b471aee3f18e', class: "dso-document-card-container" }, h("div", { key: 'f9460aa5474229fd57ef523774625abae1d8613a', class: "dso-document-card-heading" }, h("a", { key: 'c136a481b9e66f7627990a2ff0c4d4a6f3371b07', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: '09baafee94bff0ac826a6c043810a8c12c50c2be', class: "icon-container" }, h("dso-icon", { key: 'f9991a4251419aca4bfb81a722ced5266136a4ec', icon: "chevron-right" }), h("slot", { key: '1c866a79db49df62346fb248cfb71cd9c5ddc5f0', name: "heading" })))), h("div", { key: '5174e5f7b9f64889e9742ed0602cb7a4d9fa8ce8', class: "dso-document-card-type" }, h("slot", { key: 'a21c5b87a0ac5afac1655d766d57135070529f27', name: "type" })), h("div", { key: 'e4ccb71cd28481e3166b01a41e0c53f7ee3f2af2', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '1b99a31821df09b01cb2bccf0b28d35d22c9828a', name: "meta" }), h("slot", { key: '64f110eb7a80f77bffc41907e30b10a1d99f718a', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '1d444b997906441098b49b904e69e1a557f59d9a', name: "interactions" }))));
     }
     static get is() { return "dso-document-card"; }
     static get encapsulation() { return "shadow"; }