@platformscode/core 0.0.48 → 0.0.50

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() {

package/dist/collection/components/dga-metric/dga-metric-chart.js

@@ -57,7 +57,7 @@ export class DgaMetricChart {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (h("svg", { key: '3a34c4d7bdf54d32a5774c718d9598a86df37189', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: 'c66ddb8e9355ca363e889973a245bf9feaa0a69d' }, h("linearGradient", { key: '2cab7b471e550ec1abfae25473a4b6b6ab196b80', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '53eeab5ad149d6fd43572cbea8fb24f2f94bf9ec', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '5387ced60c3a80c1ba47e976112a5c1b814febc6', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '07b378c0e935e75975e8a5f9a3170a59cbf13b5f', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: 'bfa2996d8df796779d1b4789aa304da5ed0bd10d', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
+        return (h("svg", { key: 'e0ea138935dcaa2cc6dbcff9876f3866421e377b', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '675f07eeb6b8102254d195897a82c83b43c7c71d' }, h("linearGradient", { key: '058cda66ce26c908019f123a16f90fe4a951ea23', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '7f96243adb7a1f3b9ea408408dd674c398875f08', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: 'ac795551148ebdb08ff0b43e1b4ef9cbf275c298', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '2cc9ec32d952d1306caad034ef70afb5e7ff55a6', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '105c6fcb174b9adfa3a7a2d71f3b243f19b89056', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
     }
     static get is() { return "dga-metric-chart"; }
     static get properties() {

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

@@ -2588,7 +2588,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   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);
@@ -2609,7 +2608,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
 .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);
@@ -2630,7 +2628,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
 .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);
@@ -2735,7 +2732,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   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-modal/dga-modal.js

@@ -18,15 +18,15 @@ export class DgaModal {
         HideModal(this.name);
     }
     render() {
-        return (h("dialog", Object.assign({ key: 'c3bcfa48aea93f1f7a7ba178094943500751fbad', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (h("dialog", Object.assign({ key: 'fbb1f013922bb933fc6e73031595efc480d630de', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
             //   id={name ? name : guid()}
             // style={{ display: this.show ? 'flex' : 'none' }}
-            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'c8fe8080112e103dc763ac8487e8935109c9c71d', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '2094d41f9342afe00a462b6be1d246e22274c837', class: "modal__header" }, h("div", { key: '195a06d2f67b571779a042cbe2fc997a505e76d9', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '55bf13f56c5a59ca20905e2c3da92afe604f621e' }, this.featuredIconProps))), this.closeButton && (h("div", { key: 'f065137a1fff9eec99bef1929ea1ba024db4b98f', class: "modal__close" }, h("dga-button-v2", { key: '1c13f4dfa44e79efc389f3cdcd43e6d092e11a88', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '5424acdb6e37b184be949ba472601de3153224b3', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '2626fbd950573c430b6b5275b83efd7fa1acedd0', class: "modal__header" }, h("div", { key: '4a6053fd9d9ecf083ef659049d6318bc3c9f26cf', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: 'dfce9bbbbfbe2e5efada2cf05172d54a4a4dfaed' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '0d60145893fb8e0b2be463d8715dceabb9c3362a', class: "modal__close" }, h("dga-button-v2", { key: '1d883233fa7e3da224302a0414dd9630d74f909a', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: 'f5f8f02236711a60f4eda91f06d1865cb3b4ebc5', class: "modal__body" }, this.modalTitle && (h("h4", { key: '832a02c3e7e9ec6f3c7c7adc0a199208ec036728', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '888f60d54518470e440134a373611beeab3facd2' })), h("div", { key: '4cb68db209ad9ca1d1bfdb7503bf8c71fd1edb94', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
+            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: '20004f5abdd88d965a7eff4b3c5ca1126b6ffba0', class: "modal__body" }, this.modalTitle && (h("h4", { key: '864d13665ed2246b8c8134bd9aa2387da73f0eb9', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '120011a5b1adc4ddd6de3d61722a811ae64871ae' })), h("div", { key: '574bf844c099b4de42485acef7007bf6ce8169d5', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
                 this.buttonsList.length == 2 && {
                 justifyContent: this.secondBtnPosition == 'left' ? 'flex-start' : 'space-between',
             })), { flexDirection: this.actionStack ? 'column' : 'row' }) }, this.buttonsList.length > 0 &&

package/dist/collection/components/dga-modal-v2/dga-modal-actions.js

@@ -11,12 +11,12 @@ export class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (h("div", { key: '99d7c5e0967185de2a43e8cec1c17446cab02280', class: "modal__actions", style: {
+        return (h("div", { key: '824f4b5ff8e15a376f2df350be09bb663d39c68a', class: "modal__actions", style: {
                 display: 'flex',
                 width: '100%',
                 justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between',
                 flexDirection: this.actionStack ? 'column' : 'row',
-            } }, h("slot", { key: 'a75967c9a04c23cae768e341b216eeb61fd69673' })));
+            } }, h("slot", { key: 'd280b654a1e7cb6dc6b2cb790d790ca98f26c5b7' })));
     }
     static get is() { return "dga-modal-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-body.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModal {
     render() {
-        return (h("div", { key: 'f23fed12a37eb28e18a7c80c2c5323ebd462bb52', class: "dga-modal__body" }, h("slot", { key: '0e274bac3989c1b2789087707de3a7b0c21173c8' })));
+        return (h("div", { key: '248ef3ce073662af4a4d674570fd7a204fd9af55', class: "dga-modal__body" }, h("slot", { key: 'd5e13d40c7f6a335d71cd792073a256c860cbfce' })));
     }
     static get is() { return "dga-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-header.js

@@ -31,7 +31,7 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("div", { key: 'b2f0e1f68ddbd373786065aa59d4306fa2b8f643', class: "modal__header" }, h("slot", { key: '51f2c9bea6e44d269ed9eae15ac97bf756e5c2f0' })));
+        return (h("div", { key: '3d274148c6f9e9ca71b791db780cbafe207ee13d', class: "modal__header" }, h("slot", { key: '1cb50d1b99eaa018a7179e5b66ece0399740759e' })));
     }
     static get is() { return "dga-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModalTitle {
     render() {
-        return (h("h4", { key: 'dc79d02c9c5de3ef9262c0b904cf92821719c067', class: "dga-modal__title" }, h("slot", { key: '38182ee937669f122fec09d76febac0a2580f04a' })));
+        return (h("h4", { key: '4e5915bcfe776a7f2c73d19631af81d60793aa2b', class: "dga-modal__title" }, h("slot", { key: 'aed47a6ab35cbf47ffe62366ad2df43ae5037c28' })));
     }
     static get is() { return "dga-modal-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,12 +33,12 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("dialog", Object.assign({ key: 'e85d650a473bdabef67ef811b84ccf1aeed9e4b9', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'e76f83f611b2ff06bb40894935bafe5166c0d3a5', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '1ab15199e1247ba83443a3caa08fa96eabffb02c', class: "modal__close-btn" }, h("dga-button-v2", { key: '4168cc2273080da7c846c16d22868b0de1bcbea2', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("dialog", Object.assign({ key: 'cf3c563eb232f2d3e55ceca0fced2bcc6ade00c4', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '520d0b9f6d7aba63e37c8ad61464a5bf09c0f0c9', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '1ea0c1290b19f6d219ed67ba6dad89004602489e', class: "modal__close-btn" }, h("dga-button-v2", { key: '545fbcc88e93dec696790db0b5a3d7d970b9ccb2', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '6e5cdb1c76e722e1277f70d10c8006658615a6bf', name: "modal-header" }), h("slot", { key: 'cdd87c606fab30a71520dbab5e048681478a9029', name: "modal-body" }), h("slot", { key: '2904dc015d5ec86c8e81c08a1e0db91c94db8ce0', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '409b5cfb98bcc7273800aeaef4c966e6dc40ddb0', name: "modal-header" }), h("slot", { key: '6f9660f38bb8d5a927ff57453989b95c9cd6df1f', name: "modal-body" }), h("slot", { key: '295e4828c1cc587aa34af53dc9365a7dc105dc80', name: "modal-actions" }))));
     }
     static get is() { return "dga-modal-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal.css

@@ -2592,7 +2592,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   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);
@@ -2613,7 +2612,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
 .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);
@@ -2634,7 +2632,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
 .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);
@@ -2739,7 +2736,6 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   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-notification/dga-notification.css

@@ -2598,7 +2598,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);
@@ -2619,7 +2618,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);
@@ -2640,7 +2638,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);
@@ -2745,7 +2742,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-notification/dga-notification.js

@@ -46,11 +46,11 @@ export class DgaNotification {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '357f2dbec99e5c46aac80c78e4f999515bf4b836', id: this.componentId, style: this.rootStyles }, h("div", { key: '9014099e36c0913134395dd07cc2ddb6f5d5e5cc', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '88563b290f088498d20cd4e59feec417199085a2', class: "notification__content" }, this.icon && h("div", { key: 'cd5196f1070dfa0fdb2b412fdebd4b784c744ff4', class: "notification__icon" }, h("dga-icon", { key: '3a8253a9e79af9faf9ad93edab84b77835ba8462', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: 'a9c89a14ce3a95be266062c7764a7f5e8586afef', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '37396a386f762b1d6055aa033e2f35786f342f81' }, this.content), this.link && (h("a", { key: 'd2d293772dbf0cda0f063b60dd373a83f9c08b14', onClick: () => {
+        return (h(Host, { key: '571f0b5edb54ceabf5173615c906d659d9f551bc', id: this.componentId, style: this.rootStyles }, h("div", { key: '3e3c4a39121a1249179005846b39faf8099710da', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '654facfbd9209473cffe72138e22458aaa50597e', class: "notification__content" }, this.icon && h("div", { key: '5290e99cf5ee332f47d47d4b1dc0da069237a78d', class: "notification__icon" }, h("dga-icon", { key: '85ecb4c05095d02af31ecf9c2461b6057aaef327', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: '12de19229ec917c8b324ac1e14d5c91112bc367b', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: 'c84d5aecf472abd28b07f336146b7b35ddd8b08b' }, this.content), this.link && (h("a", { key: '17e62656c436410de22af44de0a1de190dc97a16', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: '4c247ce2a5d296f3c0b9d12ff47b7e08deaff927', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: 'dce6cf9b1652173a9cd4048dbfb24b39cbf66382', class: "notification__dismiss" }, h("button", { key: '625579a39df85f938ac8776e6b03c17d8d6eb183', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
+            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'da50902ff2df3d81ef4ee8ef81644a3f53e4e7e8', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '477adecf22d04ce7485fddbd1393e2cff3781a9f', class: "notification__dismiss" }, h("button", { key: 'ef842e83b9a29dc85a72e18d594dc2d09277f4a6', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: 'e15abebf8e240f0a55a532b54871398df66911d3', class: "dga-btn-icon" }, h("dga-icon", { key: 'dc69372b70c2122bade4ebfa36cf7b7f5e706e6e', icon: multiplicationSignStroke, size: 20 }))))))));
+            } }, h("span", { key: '74dc98f3ad44bf5eee558d402047612f0e686ff0', class: "dga-btn-icon" }, h("dga-icon", { key: '9be1db5cd78af65fb959fe9962e46be9ebf2423b', icon: multiplicationSignStroke, size: 20 }))))))));
     }
     static get is() { return "dga-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-notification-toast/dga-notification-toast.css

@@ -2650,7 +2650,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);
@@ -2671,7 +2670,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);
@@ -2692,7 +2690,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);
@@ -2797,7 +2794,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-notification-toast/dga-notification-toast.js

@@ -37,8 +37,8 @@ export class DgaNotificationToast {
         };
     }
     render() {
-        return (h("div", { key: 'a352f100f8dcb6cc85451dbff2053f02d90c86b3', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'f89039cbff7ccb464dbe731af32161c249f8e756', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'f5a4bf2853630ab0cf9c307d0746765df08846a6', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: 'c2c9899d05b0a535b24594e64e04e1874701a6fa', class: "notification-toast__body" }, h("h4", { key: '26a3dac308ddd397781f32809de78da8371f980a', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: 'd8a8ea3d921f3fc199b810d32aa3756b247f833c', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '211f9f5262473dcc1129ffa830a1f10006e973b7', class: "notification-toast__close-btn" }, h("button", { key: '18675664c7dda2fca39633a3c28cd63d6a3c2d91', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: '193817ebbfe49cf196f011547d9222246fbc7f37', class: "dga-btn-icon" }, h("dga-icon", { key: 'a42a0627ee965adc7a9915454b3f792db6b61304', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '67fa7a94b4e0dc316837f06f166aea77ebea7537' }, h("div", { key: '8856f7c6e3a08789e4b7ec53ed82be253f3c2cb2', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (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 ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: '18141b43d802534e3a1021b8d4d47e05c07ea951', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: '065bec7ad58c746dd57d466f50338fe0b17d0053', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '5e804fba0bbe18b6ac2630293f951f3b79a20f47', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'cb2fa0b6b61ba6c9d351ef1c0ed2ce4754277684', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '08d3dba69bc7ef73e623fa662134fb7902358446', class: "notification-toast__body" }, h("h4", { key: '805c3af5fdf7daa6a778abab6425320c94682d12', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '8df6df7249f676ff5a349e89d32982739d55ab19', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: 'de60eccf6e2b7bf2c60c57006a00a8f2333ca9f1', class: "notification-toast__close-btn" }, h("button", { key: '64ee45014cd49b6696d4ad53c070f3b7290cc9c7', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: 'e65cd4bbbf4d05c816d6ed5ab07232e83a0db819', class: "dga-btn-icon" }, h("dga-icon", { key: 'e19381e191d8d61ae4c3d4487963db88c5779628', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'd1770326f90c6523a6408775038549542f24c066' }, h("div", { key: 'f1190a59de913f6b9596aab2a1580a3d10ed3254', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (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 ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: 'b10da11a964df2547877d129d8ebff6d9b24c4c3', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
     static get is() { return "dga-notification-toast"; }

package/dist/collection/components/dga-number-input/dga-number-input.css

@@ -2445,7 +2445,6 @@ a:focus {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-xs);
-  mix-blend-mode: multiply;
   padding: var(--spacing-xxs, 2px) var(--spacing-xl, 16px);
   align-self: stretch;
   border: 0;

package/dist/collection/components/dga-number-input/dga-number-input.js

@@ -65,12 +65,12 @@ export class DgaNumberInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '37e2a7eb1f55eb51aab393fea80bf5ebd0e68144', id: this.componentId, style: this.rootStyles }, h("div", { key: '9128f21d539d3f28b730dd55c651ba0586abba63', class: "dga-form-control" }, this.label && h("dga-label", { key: '7215a254cb8d0b081ef5675d6a3ab0404182537a', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '2c1d8b2d71db2634a9f32e2af7eac806f0f74e4e', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: 'ca11b9ec1602c9c39404cf563e5b38f6b887dd50', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'fc3e2be221136a40888114388a1f98d9158a1b48', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'ecc4616d9f7851305d5b1aa97389cab855947881', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: 'ededc45ba1041d02be52b4ec5cfad510c086e96a',
+        return (h(Host, { key: '37e46ffa20c683421bd48ecd94f1387502eef69a', id: this.componentId, style: this.rootStyles }, h("div", { key: '68a4cdb395d2e14f701fa0506dfbee9c78e2b659', class: "dga-form-control" }, this.label && h("dga-label", { key: 'caf2a4f150ad1af51b3720bbcdc6a6d0ed6f0c7a', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '7a57f470de4d1da7d8945476a728b6107627335c', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '6a20ba974009e774cf4406143ceb61fbf82fd7a6', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '7109eb247ac989a4f7fbea9e8fa16bc44a65cab6', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'ad9e422149a79c891c4b2938856da5d2cc256bf7', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '108a917e3c4514f688d0f74cc0034d86b02a169c',
             // id={id}
             value: this.value, name: this.name, type: 'number', onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: 'c080fe148acce904efddbf5be0b1cb7b1bd390bb', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '87448c6fb003662006eacfa70c733b0342952717', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '548a675664c7b94a337f7a4699b7e7780428a86d', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '00c6746e6487b126d608a72b46369c07a547c277', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: 'dfc4b5231754275924ce37d946e142a16d924b6b', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '14dcd6a8a9b023cee7588dfcb68b8ac4db8756b8', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '76a60117aba6f360bf832b1ccd572131091a7d00', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'c5da074a3a051163fd8d072ea59c0b55247a8b1a', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-number-input"; }
     static get originalStyleUrls() {

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

@@ -2363,11 +2363,9 @@ a:focus {
 }
 .pagination__dropdown-item:hover {
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .pagination__dropdown-item:active {
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }
 .pagination__dropdown-label {
   flex: 1;

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

@@ -136,7 +136,7 @@ export class DgaPagination {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h("ul", { key: 'a6f2d987178daecbc92a4d184e4a5dae7b69efdf', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: 'd1c1d9152621dcf17461e3f34c4acacba0e28798', class: "pagination__item pagination__arrow" }, h("button", { key: '6fae314fdaa20c2ef0d51f070a237fb86d19b1dd', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("dga-icon", { key: '1590733b552a652bb05ea97c8bbab9f81e98a8f6', icon: arrowLeft01Stroke, size: 24, color: '#161616' }))), this.paginationRange &&
+        return (h("ul", { key: 'a36a677c4dc43255131af54c225334082f09c2a8', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '01a0d519fd0ef67f878a1a0e70cb04e13b73ba60', class: "pagination__item pagination__arrow" }, h("button", { key: '148c8ea8d0d149e38aba29cbdc9572ba2dbf2eb2', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("dga-icon", { key: 'ccaf5b086bb22688953b034e89f82e763e0c4b1e', icon: arrowLeft01Stroke, size: 24, color: '#161616' }))), this.paginationRange &&
             this.paginationRange.map((pageNumber, index, arr) => {
                 if (pageNumber === DOTS) {
                     const prevPage = arr[index - 1];
@@ -152,7 +152,7 @@ export class DgaPagination {
                 return (h("li", { key: guid(), class: `pagination__item ${this.currentPage === pageNumber ? 'pagination__item--active' : ''}` }, h("button", { onClick: () => {
                         this.handelPageChange(pageNumber);
                     } }, pageNumber)));
-            }), h("li", { key: '95b311463bb811e13bd905de647496561dbad113', class: "pagination__item pagination__arrow" }, h("button", { key: '612d358a38ac3f581b059168a8138d4660bfeb48', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("dga-icon", { key: 'a04407b1664ce646f2a292b8656f6b0c7311bcd5', icon: arrowRight01Stroke, size: 24, color: '#161616' })))));
+            }), h("li", { key: '316eee5365c410b337d9aea86b0cd782c1511029', class: "pagination__item pagination__arrow" }, h("button", { key: '5f89393a2e1802643d3c063db05d5192188b50ce', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("dga-icon", { key: 'c9c6f7395882f8dde28f5ff081fe5f6e54c637d9', icon: arrowRight01Stroke, size: 24, color: '#161616' })))));
     }
     static get is() { return "dga-pagination"; }
     static get encapsulation() { return "shadow"; }