@platformscode/core 0.0.48 → 0.0.49

package/dist/collection/components/dga-drawer/DrawerMenu.js

@@ -5,7 +5,7 @@ export class SidePanelMenu {
         this.routes = [];
     }
     render() {
-        return (h("ul", { key: 'f1dfd6aaa905d328d31c40cccc744befb4dbd471', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
+        return (h("ul", { key: 'a696170de6b4b01644a881dd298d16d3b4df90af', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
     }
     static get is() { return "side-panel-menu"; }
     static get properties() {

package/dist/collection/components/dga-drawer/dga-drawer.css

@@ -2338,7 +2338,6 @@ a:focus {
   border: var(--spacing-xs) solid transparent;
   background-color: var(--border-neutral-primary);
   background-clip: content-box;
-  mix-blend-mode: multiply;
 }
 .sidepanel__nav-header {
   margin-inline: var(--spacing-4xl);
@@ -2363,7 +2362,6 @@ a:focus {
   color: var(--colors-gray-neutral-600);
   text-decoration: none;
   border-radius: var(--radius-sm);
-  mix-blend-mode: multiply;
   position: relative;
   border: 2px solid transparent;
   outline: none;
@@ -2487,7 +2485,6 @@ a:focus {
   background-color: var(--background-sa-flag);
 }
 .sidepanel--bg-brand .sidepanel__menu-tab, .sidepanel--bg-brand .sidepanel__submenu-tab {
-  mix-blend-mode: normal;
   color: var(--text-oncolor-primary) !important;
 }
 .sidepanel--bg-brand .sidepanel__menu-tab-label, .sidepanel--bg-brand .sidepanel__submenu-tab-label {

package/dist/collection/components/dga-drawer/tab-component.js

@@ -13,7 +13,7 @@ export class TabComponent {
         }
     }
     render() {
-        return (h(Fragment, { key: '28f3acb9e2c9d45ce937d0ed39abc738cff97852' }, h("tab-link", { key: '28f4ddeba015724d378af5dd441a12a9c57b6350', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: 'b17de75f45b87a9f63671a027151aebe138b989a', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
+        return (h(Fragment, { key: 'b9eb28eb0e5582ad145c0126b01b76feb8c6b9e5' }, h("tab-link", { key: '105520edf7df8c57721784333a64aa06f2d4fe84', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: '3a742a8119e7ad5d0b50ab532025d10665508aa8', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
                 if (expanded) {
                     this.submenuElement.style.maxHeight = 'fit-content';
                 }

package/dist/collection/components/dga-dropdown/dga-dropdown.css

@@ -2420,7 +2420,6 @@ a:focus {
   border: var(--spacing-xs) solid transparent;
   background-color: var(--text-default-disabled);
   background-clip: content-box;
-  mix-blend-mode: multiply;
 }
 .dropdown__list li {
   width: 100%;

package/dist/collection/components/dga-dropdown/dga-dropdown.js

@@ -185,9 +185,9 @@ export class DgaDropdown {
             'dropdown--multi-select': this.multiSelect,
             [this.extraClass]: !!this.extraClass,
         };
-        return (h(Host, { key: 'a37f9cd1509ac911e3bab3cdc5e6850a7ddda7c9', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, this.label && h("dga-label", { key: '298e6088d6bd15be25f10ead800d8abfd87a71ee', label: this.label, size: "md", disabled: this.disabled }), h("div", { key: 'c1870569994ea4b6186f0e502e5eb5febfa2bbc6', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
+        return (h(Host, { key: 'fc0a4b88d8f37f4925d4584afb0ab0b0d8f2c820', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, this.label && h("dga-label", { key: '9af82a110c67ea13dbe9d1f959b8259e4331dd07', label: this.label, size: "md", disabled: this.disabled }), h("div", { key: '9cdf1a0259b9eb95872455eb3ebf250194f435b2', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
                 .filter(key => dropdownClasses[key])
-                .join(' ') }, h("button", { key: 'cb62f5fdba63cda5a542ecac9348e7949fc84999', class: "dropdown__btn", ref: el => (this.btnRef = el), disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, this.leadingIcon && h("dga-icon", { key: '20ed5b8f2e0e997c35c5e9eb80e45b1d0a407438', icon: this.leadingIcon, size: 20, color: 'currentColor' }), h("span", { key: 'a31adaac6a0ae6059a355e9d75a610004eb5424a', class: "dropdown__label" }), h("span", { key: 'c67326492cb5d7f90fdfa9b1b3d2b5c7ce22691f', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: '5b7aff41ae6bbd2a7eda6d9b12e64b041118eb67', class: "dropdown__chevron" }, h("dga-icon", { key: '42a959f0983b3151afd348e583e59e84e8e9d41e', icon: arrowDown01Stroke, size: 20 }))), h("ul", { key: '2921bb3873f16feb22b45ec718563e7582df0798', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
+                .join(' ') }, h("button", { key: '81e1d66e04b2560cb271eb025a93eef13909feac', class: "dropdown__btn", ref: el => (this.btnRef = el), disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, this.leadingIcon && h("dga-icon", { key: 'd24b25b4c0c704891f0252a51e43a4832fd0c72c', icon: this.leadingIcon, size: 20, color: 'currentColor' }), h("span", { key: '0f4d6a1e5be830a878e94cb5b1a2ca012b7fb4e3', class: "dropdown__label" }), h("span", { key: 'c31f938ecbefa2fe4a4e8b91551a13398f87afc1', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: '27dd2f46dc6f124e8c691d09e0fd811c7af8c645', class: "dropdown__chevron" }, h("dga-icon", { key: '87f1a13ec5478535f4ca3da8773a39a63aa8db62', icon: arrowDown01Stroke, size: 20 }))), h("ul", { key: 'dec2407e5964beae2d37f9303328ec21b428bbff', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
                 'dropdown__option': true,
                 'dropdown__option--checkbox': this.multiSelect,
                 'selected': option.selected,

package/dist/collection/components/dga-file-upload/dga-file-upload.css

@@ -2622,7 +2622,6 @@ a:focus {
   outline: 1px solid var(--border-neutral-secondary);
   background-color: transparent;
   color: var(--text-default);
-  mix-blend-mode: multiply;
 }
 .dga-btn--secondary-outline:hover {
   background: var(--button-background-neutral-default);
@@ -2643,7 +2642,6 @@ a:focus {
 .dga-btn--secondary-outline--on-color {
   outline-color: var(--border-white-40);
   color: var(--text-oncolor-primary);
-  mix-blend-mode: normal;
 }
 .dga-btn--secondary-outline--on-color:hover {
   background: var(--button-background-transparent-hovered);
@@ -2664,7 +2662,6 @@ a:focus {
 .dga-btn--subtle, .dga-btn--close, .dga-btn--sort {
   background-color: transparent;
   color: var(--colors-text-primary);
-  mix-blend-mode: multiply;
 }
 .dga-btn--subtle:hover, .dga-btn--close:hover, .dga-btn--sort:hover {
   background: var(--button-background-neutral-default);
@@ -2769,7 +2766,6 @@ a:focus {
   outline: 1px solid var(--border-error-light);
   background-color: transparent;
   color: var(--text-error);
-  mix-blend-mode: multiply;
 }
 .dga-btn--des-secondary-outline:hover {
   background: var(--button-background-danger-secondary-hovered);

package/dist/collection/components/dga-file-upload/dga-file-upload.js

@@ -79,7 +79,7 @@ export class DgaFileUpload {
         return (h("div", { class: "file-upload__file-item" }, h("span", { class: `file-upload__file-status file-upload__file-status--${file.uploadStatus}` }, file.uploadStatus === 'uploading' && file.progress && h("dga-loading", { size: "tiny", variant: "neutral" }), file.uploadStatus === 'complete' && h("dga-icon", { name: "checkmark-circle-02", variant: "solid", size: 20 })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "dga-btn dga-btn--close dga-btn--icon dga-btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "dga-btn-icon" }, h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 20 })))));
     }
     render() {
-        return (h("div", { key: '6fe024e9dde7da6cf59a544a33a3a839fb0d5c22', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: '266614dc86f1aae04c277964dd4f5ddf0767bb74', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: 'd15ac5c2309674462dccc220bc8a66285cf540e5', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: 'ed6dd48ff6f44d4c875e0c8905b58e8b6503e222', class: "file-upload__icon" }, h("dga-icon", { key: 'fa0e7bc52889622926f3ae1e4857fc279e08b988', name: "file-upload", variant: "stroke", size: 24 })), h("div", { key: '779436f9fd957523f28879b6207ffc31735db413', class: "file-upload__content" }, h("p", { key: 'd39ee02142f1941015d0e6059924b4af17639b13', class: "file-upload__instructions" }, this.title), h("p", { key: '2d48b7610953b1e281ebfedc43fac3f105d6c49e', class: "file-upload__formats" }, this.fileTypesText)), h("dga-button-v2", { key: '9ab4052a449ea819a058d386a2d97a089302a601', disabled: this.dragState || this.disabled, onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, variant: "secondary-solid", size: "md", label: this.actionName })), h("div", { key: '94cfbeca632db22d4af2726eb4abcd24e707473c', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
+        return (h("div", { key: '438497434496293c6feeb678060365574f59b7a5', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: 'ac0ed83af1cfe56aae27f4d2200d021aa4a65e17', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: 'a91708c021305490bb61c9af0beff3e3a9b2e7da', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: '59857af47374c98acafbad6033e88005576409a8', class: "file-upload__icon" }, h("dga-icon", { key: '7f778b86c7a73c9982e3cd2cdf932a52eda3e55f', name: "file-upload", variant: "stroke", size: 24 })), h("div", { key: 'fdf9816ad59ae8278e5588bcb37355a9b8e3f42f', class: "file-upload__content" }, h("p", { key: '3bef0ef47e52823485b5153a2acbb8d4b2e99994', class: "file-upload__instructions" }, this.title), h("p", { key: '565899c627e1e5b5217dcbd2cda3716a2ffaaeb1', class: "file-upload__formats" }, this.fileTypesText)), h("dga-button-v2", { key: '2f827456109c80b61a80b08528698eb516c55f36', disabled: this.dragState || this.disabled, onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, variant: "secondary-solid", size: "md", label: this.actionName })), h("div", { key: '5b2e4cd0491ae6e53cc3323554eec5eeb6d8ec5b', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
     }
     static get is() { return "dga-file-upload"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-flex/dga-flex.js

@@ -55,7 +55,7 @@ export class DgaFlex {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap'
         };
-        return (h(Host, { key: '047b9f0b3b4603571437992603e5f648904ae5a6', id: this.componentId, style: this.rootStyles }, h("div", { key: '88d345c9254cb13cb7625b1d0041481c1dd67211', class: "dga-flex-container", style: styles }, h("slot", { key: '623835fc65ed86acd1eb1c6b92745660079d2974' }))));
+        return (h(Host, { key: '030a4f253078dc211522758217e47dbe1b861db0', id: this.componentId, style: this.rootStyles }, h("div", { key: '354ceaca31c168794390b415183d5a73df20ddb1', class: "dga-flex-container", style: styles }, h("slot", { key: 'd94e0968cbf4e23570e500c1ab8dfbb20159a11b' }))));
     }
     static get is() { return "dga-flex"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-floating-button/dga-floatingButton.js

@@ -20,7 +20,7 @@ export class FloatingButton {
         return h("dga-icon", Object.assign({ name: iconName }, iconProps));
     }
     render() {
-        return (h("button", { key: '37ee6f316d73ca27cc3af0df858d55ced5594b4b', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: 'be81f30a3eb2782ccfc8461a4b9fb098e0b39951', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: '5d0eb074e71836cde4ed19062a78e0b72a5d159c', style: { color: 'inherit !important' } }, this.label)));
+        return (h("button", { key: '730e5d3cca75e9382d74924f53aff56129335874', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: '89428ea8ffb84f4d39a5080f2b923844dc892da1', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: 'dda95005e2cf75368f05a5f811adc746eec58d21', style: { color: 'inherit !important' } }, this.label)));
     }
     static get is() { return "floating-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-footer/dga-footer.js

@@ -17,7 +17,7 @@ export class DgaFooter {
         this.bottomImages = [];
     }
     render() {
-        return (h("footer", { key: '7a38cecf93ca17697a306d22306f85ba4f1a0eeb', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '5126187df134530ab17e134c13c43271d8ff6bd4', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: 'ccdf4b3ce6203adbbe1df06d0d2fb14c5b62ceab', class: "footer-icon-section" }, h("a", { key: '863a067a960818723247e323df169341050bca4b', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: '66b83e8e8c16c1f1770820fa2ac1118f13498604', class: "footer-title-description" }, h("h3", { key: '3edaefbc257048dc34c11b4f04128a5ce058fe57', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: '23ddf1755c56ddff4083a3b86b9ee9422f30c126', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: 'a030e11efbddf11ea13a58bbf264260546e8fd3f', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: '5da3cf31e32723161d8480b7d20939bc2aafa32c', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: '9a29797e099f5832f5e41fb0778a78868c1f5f57' }, this.socialMediaTitle && h("div", { key: '57d21dd1f0f5774a7248fb2a53fc313f4d1705f6', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: '0946ba13592fd095751c1ba4546c7fcde53645af', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: '1a49fe53c39d8ceae6772b6321bc9e9b0c6d2441' }, h("div", { key: '7b8b1ffca534dbf75b547866c2282eece475cde4', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'be385bbff43d60aac42c648a6d609bd05764111d', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: '16154f69c9a920ac5585a9f027cc0282bdb61b69', class: "footer__basic" }, h("div", { key: '51238de12b3c40a6073a6254a8b2950d0ea4f454', class: "footer__actions-copyright" }, h("ul", { key: '27478ae21c5da83507366a68957197fd9cf63c87', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: '17f66f3c7de5a550fbc72eb1bc8645641d2bcf92', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'a88c7c9ea435e9ee38ba313c99012a0cb073650a', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: '58f59f6654534b0870e95dd3f564a2c3f9a2a6a8', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
+        return (h("footer", { key: '2814ae7529b012f44c6f52a9de9859e077bec915', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '656062bc7f1b7711b52a4bebab5d6d71070146eb', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: '74b1a98c3d52d888b778d65c18c9f71c68cbe29e', class: "footer-icon-section" }, h("a", { key: '5ddeddc692a2f2a760e1a8ef35cf7d0a5d37aa34', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: '703ff7ec5dbf14bfb400002f1d5bfbac7933438d', class: "footer-title-description" }, h("h3", { key: '6f7b63f6b677483d589d4b29b8eee87d768ab3b3', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: 'f0e79608beeff070a161e75c857228df0a53a57c', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: '637f1980eeedd5e2aa30ab543bbe4c59ea606bac', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: '72df9188b5c238e054bbd33522bdd2eff4954e1b', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: 'e8b12056916617acfcba5cf838eeedb1cea40826' }, this.socialMediaTitle && h("div", { key: '308160ac867e6b9e81eefc3c68e6564a64485d18', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: 'b11dfd16be906b404921c83bf33e8f3624188963', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: '466bfa699431b498bd6598eba2f1005ffe9b81a1' }, h("div", { key: '17454ed7c7c895da07c3cb222d67086327506b5f', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'f2f5e07255b34a927ff304fefb64e6cd0574cbd6', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: 'd85529b7cd8b39dc372af460997faaa916ddb303', class: "footer__basic" }, h("div", { key: 'abd90817943a4452096952775422c5fcbe467528', class: "footer__actions-copyright" }, h("ul", { key: '7e6f0f8cea727df44a9dc2c3a13717aef4524611', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: 'ea8c4c8c4f4c62cfd4c094b987c6b48debff9de9', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'f894dc366075094d781f033f5a26a663d1a40ca8', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: 'a8fd80f57cd13dcf2fb00f156467f5ee060a85a2', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
     }
     static get is() { return "dga-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-footer/footer.css

@@ -2666,7 +2666,6 @@ dga-button {
   outline: 1px solid var(--border-neutral-secondary);
   background-color: transparent;
   color: var(--text-default);
-  mix-blend-mode: multiply;
 }
 .dga-btn--secondary-outline:hover {
   background: var(--button-background-neutral-default);
@@ -2687,7 +2686,6 @@ dga-button {
 .dga-btn--secondary-outline--on-color {
   outline-color: var(--border-white-40);
   color: var(--text-oncolor-primary);
-  mix-blend-mode: normal;
 }
 .dga-btn--secondary-outline--on-color:hover {
   background: var(--button-background-transparent-hovered);
@@ -2708,7 +2706,6 @@ dga-button {
 .dga-btn--subtle, .dga-btn--close, .dga-btn--sort {
   background-color: transparent;
   color: var(--colors-text-primary);
-  mix-blend-mode: multiply;
 }
 .dga-btn--subtle:hover, .dga-btn--close:hover, .dga-btn--sort:hover {
   background: var(--button-background-neutral-default);
@@ -2813,7 +2810,6 @@ dga-button {
   outline: 1px solid var(--border-error-light);
   background-color: transparent;
   color: var(--text-error);
-  mix-blend-mode: multiply;
 }
 .dga-btn--des-secondary-outline:hover {
   background: var(--button-background-danger-secondary-hovered);

package/dist/collection/components/dga-header/dga-nav-header-sub-menu.css

@@ -2699,12 +2699,10 @@ a:focus {
 .dga-breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }
 
 dga-nav-header-main {

package/dist/collection/components/dga-header/dga-nav-header-sub-menu.js

@@ -20,7 +20,7 @@ export class DgaNavHeaderSubMenu {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: 'ef2520e35391656e8c0040d1cb6d3703fa4978a4', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '410b28cb0abc06a8c07915b2325002b69de8abfd', class: "sub-menu__container" }, h("slot", { key: '8ef0074428801e4239fdb1d2477455b0d831dd44' }))));
+        return (h("div", { key: 'c9215eff1082da749fbdc4b7118e66b1a0aeeb01', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '579f0bc5ea5caf3012eb626f606e7e2fb87bf0b0', class: "sub-menu__container" }, h("slot", { key: '9b6f6bcc803d3801fe2b5672f00dc79f49059d65' }))));
     }
     static get is() { return "dga-nav-header-sub-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-inline-alert/dga-inline-alert.css

@@ -2630,7 +2630,6 @@ a:focus {
   outline: 1px solid var(--border-neutral-secondary);
   background-color: transparent;
   color: var(--text-default);
-  mix-blend-mode: multiply;
 }
 .dga-btn--secondary-outline:hover {
   background: var(--button-background-neutral-default);
@@ -2651,7 +2650,6 @@ a:focus {
 .dga-btn--secondary-outline--on-color {
   outline-color: var(--border-white-40);
   color: var(--text-oncolor-primary);
-  mix-blend-mode: normal;
 }
 .dga-btn--secondary-outline--on-color:hover {
   background: var(--button-background-transparent-hovered);
@@ -2672,7 +2670,6 @@ a:focus {
 .dga-btn--subtle, .dga-btn--close, .dga-btn--sort {
   background-color: transparent;
   color: var(--colors-text-primary);
-  mix-blend-mode: multiply;
 }
 .dga-btn--subtle:hover, .dga-btn--close:hover, .dga-btn--sort:hover {
   background: var(--button-background-neutral-default);
@@ -2777,7 +2774,6 @@ a:focus {
   outline: 1px solid var(--border-error-light);
   background-color: transparent;
   color: var(--text-error);
-  mix-blend-mode: multiply;
 }
 .dga-btn--des-secondary-outline:hover {
   background: var(--button-background-danger-secondary-hovered);

package/dist/collection/components/dga-inline-alert/dga-inline-alert.js

@@ -16,9 +16,9 @@ export class DgaInlineAlert {
         };
     }
     render() {
-        return (h("div", { key: '2c68b169fdfa196c526ca553e77404fb4a0fac88', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '0f94e5ce2ad7db7e3102dca609fecf3d022f5e3d', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: 'de4880a77a073cb370fdcf832270bccbc72e5588', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: '19124263d7707620691678fcd5da73da553ffdbc', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: '6b34b9d71afa7e7005c0c13a6f2ce70e14310d75', class: "alert__body" }, h("h4", { key: '4e94393668973cd8e9422a3e2b087a09d6dd9f37', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'e9fea48693c73773158d80a2763edc6dac03f10b', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: 'fef8af81b3773473a4e7354439db10cce1b90d9e', class: "alert__close-btn" }, h("button", { key: '718952341bde530507460c69b6b87fe081b1679a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: 'd0b96f4ed8eae87d86841df2f6ab882bfe8b136a', class: "dga-btn-icon" }, h("dga-icon", { key: 'fa51f17c5d31476d41601807d40b3cf2a1a1c3f7', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '25d9d4e8b46837ada4a1e482e3d6e2b26e227d5f' }, h("div", { key: '64121345ca99c7d80757a08e8a6b003d34f5a621', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (h("div", { key: 'b7cb4e65f9b9c7e963d8abc5f847fd2896a11749', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '319623040dcbf2209c524126aa6decbc1938e7eb', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '837a902f0f891f4013536984d32b202001447b08', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: 'd182ff0147be8d8d7ce3c0111d9de77d1e9e6349', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: '8f996157e5857a1490688c99628bb06633e013d8', class: "alert__body" }, h("h4", { key: '3968c03edf738831800c4f564f29248230b2acb4', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: '49494ab20893f6c2d0a7e7b7bba131376baec607', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '3bbfbd70712c26fd8de1ee2a94056f3a15528634', class: "alert__close-btn" }, h("button", { key: '2756798c4124c8a3d1c6011b62d6181585c788f3', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: 'c383def520ebd1223d440b816b5417184eabd1d4', class: "dga-btn-icon" }, h("dga-icon", { key: 'db7797fb7f48249b8332e0adcbe162c20ba4d0fd', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: 'e3eb6dd7470f9a70bd400513d9480f1c8692e5ee' }, h("div", { key: 'd945befb593a02ffe476a1625db8a556ff0c90f3', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${exraClasses}` }, (title && { title: title })), label));
-        })), h("div", { key: 'aa52eccb0c9faa84e0e118a663574076bb45cdfe', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), h("div", { key: 'b8a542d8f45b761cce5c43c1c2c8424dfee740b6', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `btn btn--secondary btn--lg ${exraClasses}` }, (title && { title: title })), label));
         }))))));
     }

package/dist/collection/components/dga-linear-progress-bar/dga-linear-progress-bar.js

@@ -22,11 +22,11 @@ export class DgaLinearProgressBar {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (h("dga-icon", { key: '4f0966bb2b12304260eae2ccdc49068c64f200e1', icon: helpCircleStroke, size: 16, color: '#384250' })),
-            primary: (h("svg", { key: 'ec6608c7d30e2bdcc8011e4590a363a31278fce8', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '62f1a3b32e51e37c5f075bdc433c1c495b86dd92', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: '64a047267f4fa867ae3a26db28026850944c1ce7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
-            error: (h("svg", { key: '320a0dc8bb610f6d9cb7622697757b5929541f3b', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5c1bb6232838fca9f9df5ef5a1e743c9ff1951dc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: '1adcfefc7366ff337bb2be42438f104fdee2d786', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
+            neutral: (h("dga-icon", { key: '78d6026f112bd80e6c2b99f2be5ef4f78caedac2', icon: helpCircleStroke, size: 16, color: '#384250' })),
+            primary: (h("svg", { key: '9e70dba73911dad3690715901795447fc65232eb', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eb4a1a819f14fde8d1b097708f85967fdb6d01cc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'f787d69a6c3de2ea558d5c4223abad57d1672c98', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
+            error: (h("svg", { key: 'c33bfd46ee7d6ccc0747115ff588227ce636b995', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f3639bdd8d4a58093b64e7b2742f65dd40f3e574', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'beb6af2075961b8e924d32c163269632a08a1eca', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
         };
-        return (h("div", { key: '9e574016c4a11c9ca1ed1511205614f68cd51781', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: 'e5e8d6297d513a6f1b5133a18da209179fe27720', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '84bfcdf375ee06780205b2c04403f2d52ccf61c7', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: 'aee0c4092dca86b782297538f8a2640bf46e20b2', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: 'e6aa21c64a2e233bd8aa45a71b96db287fa57771', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '58687128632456c7494cb3bed565a7cdd2ea30b7', class: "progress-bar__note" }, h("div", { key: 'ac74bd928daec504f8663840d2e442064dbdee5c', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '33775b5dd18a34b136f94fa8a55431b82be554f2', class: "content" }, h("p", { key: '37e425d5d02df667f43f47146344de55e85e781e', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (h("div", { key: '161eb9a4a1b0bea04d5ae742ab69a211e2708aff', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: '5d80affb94aa0dc700a6da1f4d08d22d243d8568', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '2c86413756141cd140f439d8777dd8b0f5195ab7', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '5a4ba5250bd256c2cb5f78add3d02e4749da4112', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: '9d301102d872632879dc36abbc4d27e6849c9921', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '596691efaf614a081d6261c58afd33d6e4707aaf', class: "progress-bar__note" }, h("div", { key: '1cf04ce13c23cb9e99129c3dcc59129607099491', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '1e99c404435028238cb5808f9a66073b4e6061c4', class: "content" }, h("p", { key: '6e904b1099c19db42ee30bad5b095569a2f34908', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
     }
     static get is() { return "dga-linear-progress-bar"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-link/dga-link.css

@@ -2319,11 +2319,6 @@ a:focus {
 .link.active, .link--primary.active {
   color: var(--link-primary-pressed);
 }
-.link.focus, .link--primary.focus {
-  color: var(--link-primary-focused);
-  border: 2px solid var(--border-black);
-  border-radius: var(--radius-xs);
-}
 .link--neutral {
   color: var(--link-neutral);
 }

package/dist/collection/components/dga-link/dga-link.js

@@ -8,15 +8,44 @@ export class DgaLink {
         this.preventScrollReset = false;
         this.state = {};
         this.focus = false;
-        this.handleClick = (e) => {
-            e.preventDefault();
-            this.onClick.emit(e);
+        // --- Internal Methods ---
+        this.handleClick = (ev) => {
+            if (this.disabled) {
+                ev.preventDefault();
+                ev.stopPropagation();
+                return;
+            }
+            this.ndsClick.emit(ev);
+            this.onClick.emit(ev);
+        };
+        this.handleFocus = () => {
+            this.ndsFocus.emit();
+        };
+        this.handleBlur = () => {
+            this.ndsBlur.emit();
         };
     }
     render() {
-        if (this.external)
-            return (h("a", { href: this.url, target: this.target, onClick: event => this.handleClick(event), onMouseDown: () => this.focus = true, onMouseUp: () => this.focus = false, class: `link link--${this.size} ${this.focus ? "focus" : ""} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}` }, h("span", { class: "link__label" }, this.label), this.icon && this.iconType && h("span", { className: "link__icon" }, this.iconType), h("slot", null)));
-        return (h("a", { href: this.url, onMouseDown: () => this.focus = true, onMouseUp: () => this.focus = false, onClick: this.handleClick, class: `link link--${this.size} ${this.focus ? "focus" : ""} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}` }, h("span", { class: "link__label" }, this.label), this.icon && this.iconType && h("span", { class: "link__icon" }, this.iconType), h("slot", null)));
+        const { url, target, disabled } = this;
+        // if (this.external)
+        //   return (
+        //     <a
+        //       href={this.url}
+        //       target={this.target}
+        //       onClick={event => this.handleClick(event)}
+        //       onMouseDown={() => this.focus = true}
+        //       onMouseUp={() => this.focus = false}
+        //       class={`link link--${this.size} ${this.focus? "focus" : ""} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}`}
+        //     >
+        //       <span class="link__label">{this.label}</span>
+        //       {this.icon && this.iconType && <span className="link__icon">{this.iconType}</span>}
+        //       <slot />
+        //     </a>
+        //   );
+        return (h("a", { key: '7c9d0474247ed6b12938565e5bd4a964cd2f8cb8', href: url,
+            // onMouseDown={() => this.focus = true}
+            // onMouseUp={() => this.focus = false}
+            href: disabled ? undefined : this.url, target: disabled ? undefined : this.target, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, class: `link link--${this.size} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}` }, h("span", { key: '6ed7c3d64be3f456ed498ae020528e987685aa65', class: "link__label" }, this.label), this.icon && this.iconType && h("span", { key: '18e20109e985f7e68e3c8f303ac834369d0f204c', class: "link__icon" }, this.iconType), h("slot", { key: 'd0f701f37d1b855abe344701ad481312fadac87e' })));
     }
     static get is() { return "dga-link"; }
     static get originalStyleUrls() {
@@ -197,7 +226,10 @@ export class DgaLink {
                 "required": false,
                 "optional": true,
                 "docs": {
-                    "tags": [],
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": "use target prop instead"
+                        }],
                     "text": ""
                 },
                 "getter": false,
@@ -291,13 +323,66 @@ export class DgaLink {
     }
     static get events() {
         return [{
+                "method": "ndsClick",
+                "name": "ndsClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the link is clicked. The event is composed and bubbles,\nallowing it to be caught by parent components outside the shadow DOM."
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "ndsFocus",
+                "name": "ndsFocus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the link gains focus."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "ndsBlur",
+                "name": "ndsBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the link loses focus."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
                 "method": "onClick",
                 "name": "onClick",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
-                    "tags": [],
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": "use ndsClick event instead"
+                        }],
                     "text": ""
                 },
                 "complexType": {

package/dist/collection/components/dga-list/dga-list.js

@@ -15,7 +15,7 @@ export class DgaList {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h("div", { key: '37254a4e3791812a1f5e525fb7ca0c61695ca1bf', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: 'f81c64fd40c805e07fd68f1dfa75f2cdb2ef0df1', class: "list-title" }, this.title), h(Tag, { key: 'f1fba6c794cf841ec4daebeeb59314d6760843a8' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
+        return (h("div", { key: '8c77ba0b7ad984f146c366cc9651721e13361264', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '95b6402dd3f8136cae694cf8693c899f54ceebe1', class: "list-title" }, this.title), h(Tag, { key: '4bd11d52a4fb8919da7728e531c8d7c0dd67c0d5' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
     }
     static get is() { return "dga-list"; }
     static get properties() {

package/dist/collection/components/dga-loading/dga-loading.css

@@ -2299,7 +2299,6 @@ a:focus {
   position: relative;
   border: 2px solid var(--background-neutral-100);
   border-top-color: var(--background-black);
-  mix-blend-mode: multiply;
   border-radius: 50%;
   width: 100%;
   height: 100%;
@@ -2351,7 +2350,6 @@ a:focus {
 .dga-loading--on-color .dga-loading__circle {
   border-color: var(--alpha-white-30);
   border-top-color: var(--background-surface-oncolor);
-  mix-blend-mode: normal;
 }
 .dga-loading--on-color .dga-loading__circle::after, .dga-loading--on-color .dga-loading__circle::before {
   background-color: var(--background-surface-oncolor);

package/dist/collection/components/dga-menu/dga-action-menu.css

@@ -2324,12 +2324,10 @@ a:focus {
 .dga-breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }
 
 :is(html[lang=ar], html[dir=rtl]) .dga-breadcrumb-dropdown {

package/dist/collection/components/dga-menu/dga-action-menu.js

@@ -148,7 +148,7 @@ export class DgaActionMenu {
         return style;
     }
     render() {
-        return (h(Host, { key: 'f286bea7f6d79083f1b26c9686de2ad865243384', dir: document.documentElement.getAttribute('dir') }, h("div", { key: 'ad6b6a023f057187da88c2fe6fad952b71823e1f', style: { position: 'relative' } }, h("slot", { key: '6418a0b985b3a4c3c918e92192e632f01d2f303f', name: "trigger" }), this.open && (h("div", { key: '1dba02fc8765faf6b66df87b1cfed334e8f5d57e', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: 'b8ec547f308fcdc815c2468b2c878ecba5b15764', name: "menu" }))))));
+        return (h(Host, { key: 'def085c4bc438b5c5003270ad6738837d763dff1', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '35ac8d2f90dc35ba962caeab6223ac3a946bf0a0', style: { position: 'relative' } }, h("slot", { key: 'cdb5ccb44e72c13764cf98dbf45a55fd630defd8', name: "trigger" }), this.open && (h("div", { key: '6bcfdc03cf4eea96ec2d22435995a3b625cbf118', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '694404ce655227986a4fe2d0c9cc34f44f5426b7', name: "menu" }))))));
     }
     static get is() { return "dga-action-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-group.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaMenuGroup {
     render() {
-        return (h("div", { key: '7c3754d1b544f75820796dbbab4d51a298ef59a3', class: "menu-group" }, this.groupLabel && h("span", { key: 'e4f5ab9846f5f36064953c9f01bbb3dbc3d8adfd', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '0b0a8fbe90145a982ab65cd48f910463744a128f', class: "menu-group__items" }, h("slot", { key: 'fc3d315ef81449df3ac803320c992641d417d06f' }))));
+        return (h("div", { key: '072832c738e73c3374e77bd81f96b8b31d2f2267', class: "menu-group" }, this.groupLabel && h("span", { key: '8afd1106c384a6225d5f0968ae83e273dec4226d', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '73898671e93a5e3e62eda48c096096d4033911d6', class: "menu-group__items" }, h("slot", { key: '2bb0be5d8d7e97a0340cd0776f3ab5591d45d9bd' }))));
     }
     static get is() { return "dga-menu-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-item.css

@@ -2317,12 +2317,10 @@ a:focus {
 .menu-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .menu-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #E5E7EB);
-  mix-blend-mode: multiply;
 }
 .menu-item.disabled {
   opacity: 0.5;

package/dist/collection/components/dga-menu/dga-menu-item.js

@@ -16,7 +16,7 @@ export class DgaMenuItem {
         }
     }
     render() {
-        return (h("li", { key: 'ae71ece612e21afe0c66eb5f2d38707a89191428', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""} ${this.selected ? 'selected' : ''}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '68535cd2740f3ea9814e57f80191486a726a12bc', class: "menu-item__icon" }, h("slot", { key: 'ee2c3bb85040b5624bfd91836beb5dc18b319e8a', name: "lead-icon" })), h("span", { key: '56ae9a8fa134f447e7a577435eeb4ceb8be25521', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: 'bf0ac1c47b25c44d89d5a2a461a13739c3ca657f', class: "menu-item__trail-element" }, h("slot", { key: '5d23591270040c96c1d6d4257c88bec5b217853c', name: "trail-element" }))));
+        return (h("li", { key: 'b2e9597772d914e7381282bb10ee09b0b0d20a7b', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""} ${this.selected ? 'selected' : ''}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '0abb4f86e43ef4844a48712c61047916b71e3fd4', class: "menu-item__icon" }, h("slot", { key: 'ba0ef5db2821e35dc1f739b1be66ac8ab9165b2b', name: "lead-icon" })), h("span", { key: 'cb2341463fa358277569331ab708328687cd5a13', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '8e5dc079a38b4cc53da416bdc68e56fa8a8e7657', class: "menu-item__trail-element" }, h("slot", { key: '453a934fe5e163aad7a119b25824c1ff592dc0f1', name: "trail-element" }))));
     }
     static get is() { return "dga-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-list.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class DgaMenuList {
     render() {
-        return (h(Host, { key: '7ef15000de42752e0da0655dee02c8f062dde8b9' }, h("slot", { key: '68034a572545427cd0c65abf885b00659c8b35e1' })));
+        return (h(Host, { key: 'a09dc2e4a14731f3c0eec04d13c300df8a66436e' }, h("slot", { key: 'f70687e88b2e82ff4fb434deacb49675479f221a' })));
     }
     static get is() { return "dga-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-v2.js

@@ -43,7 +43,7 @@ export class DgaMenuV2 {
         };
     }
     render() {
-        return (h(Fragment, { key: 'e74aea94c90e8991c67e676186a5065b19ca3842' }, this.open && (h("ul", { key: 'a885b1450b107d5e307c29a97b3e4064f50faab4', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '241fbb4ae85c60fc831ca41ff566d428dce7f90d' })))));
+        return (h(Fragment, { key: '6fcd673197792109fedf9b63eea183dec56c751e' }, this.open && (h("ul", { key: '9a604ed2ed80d063bb100eb90e6cbb32dba28332', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '0550557d95d8c7b99c012ad99f509f83feff3f17' })))));
     }
     static get is() { return "dga-menu-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu.js

@@ -30,7 +30,7 @@ export class DgaMenu {
         };
     }
     render() {
-        return (h(Fragment, { key: '0eb26b34afc373f6da09264a1be3ce3ec9a98551' }, this.open && this.anchorEl && (h("ul", { key: '3c94c9016467f97b6352b7bac8b37e0b881cbf8b', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '10289a902789fd5afb54543c9d2796452291c9cd' })))));
+        return (h(Fragment, { key: '7be8e401d4a5ff14f7afbf0147781b69de2dce42' }, this.open && this.anchorEl && (h("ul", { key: '90d0d2f33b6a5ac6dc3c5470d697cdda5d6c4aff', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '6b0090edbff7518991b2f2af3e87d8715301713a' })))));
     }
     static get is() { return "dga-menu"; }
     static get properties() {