@platformscode/core 0.0.48 → 0.0.49

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"; }

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator-step.js

@@ -62,7 +62,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '6c7a81aaf9c213563d71cca89884ef6f54740183', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '2528b12fee66c65825335f844b46ef15a0620529', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '63ca702663faef6ac374ca2394439282cfd3e5c8', class: "step-label", "data-state": this.labelState }, h("span", { key: 'abb42d42c97a681d64719107b3049e2740ace1b9', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '5e4ffdf28b5dcc0d5b9b6f8f443bbef39d81fc28', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'ec38daa46f803b3435d8788dfa63b7b7f32e40b5', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '060419d7428dddf5881dd4321baea0f15ae5bfd4', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'dde164500e065ad4ebe79af1cc8117ea66a0283d', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'c6108b52b5232f2cd1339d515ff3696013d1237d', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '16fb38fc2deb77d9a0abe2f89d1dcaea23d17f69', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '4591dd75182590cc86c0056057a32d2db8bba49d', class: "step-label", "data-state": this.labelState }, h("span", { key: '8d882040bd151ffde1204b70739d8c92a61b1f35', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'e43125da84444f3dbab5279a36e87cfae409d7e2', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'f48bbe193a0284c1781d3bd44331379cb6857435', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '8dbd21a5aa3090c9c64bc8882ee226551e9a9f0c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '180826a6bd331c831dc8fcbe4bb75bade0fb70ae', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator.js

@@ -23,7 +23,7 @@ export class DgaProgressIndicator {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: '781f943da7ff4542a2986d3eeda2ec07fe5f3d77', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: 'a93eb6a0e4a98a0d0b3de889e3d7c3fd8dee64c0', name: 'progress-indicator-step' })));
+        return (h("div", { key: '8c1836448edb3f1843d8b1ed49fb265bf23c7beb', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '733997d1ebece6a93ce8c5d8987946016284b341', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-step-v3.js

@@ -69,7 +69,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'dfde14f167a8c4f766d48377c906e0a75a417a01', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '65d202ab697b39b0be7c0023a2341e13ee35ff69', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '85189fc5bbea37b2a762c23c781a4547abd76d1a', class: "step-label", "data-state": this.labelState }, h("span", { key: '5d0ba5c5fc7439d182d4c76c93872c8aafc01251', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'd485cf9d3975addad439d7d1e4ace3effb020054', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '2e04078943b50605ec3339603ccfed65d602fc96', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'b0cb93e503de85986b3c41ca9cf0c4179c538bbb', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'b0752661f2c147179a77ff53671c1727a6ddd4b9', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '86b00fd3ea645e5f4f145ba093755117251fb5cc', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '1cdc6dbcbddca2613921fdd0c3e343d50c3e131f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'f09d6cb4624ae4ea9a2513e0c508d70acf3630e2', class: "step-label", "data-state": this.labelState }, h("span", { key: '9e0f6d3a45386762798b838d45611666f6a132af', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'aa2143809403697f9912f8ac5d63f7ed4fa0fdc3', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '2414a538e6c480a8659e5b4afd50072563a8b1e2', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'b49c1b187085d1d2b87307143c467d35bf8d927c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '4436f8f0129b9453680e8c582c002e7a861e4d49', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step-v3"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-v3.js

@@ -36,7 +36,7 @@ export class DgaProgressIndicator {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: '7732634c9913fc24926682ba93273bb0378e7ba7', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '951db7c1cbd5c205fc2fcffeeb04276efb1ec635', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'd5195dca1f4ad8adcb86cf56171775c9a537d906', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '5b17d3a2d3f65a41f18331adb0c2bb3c27b972ad', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class DgaQuote {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: 'eb6484190364fb680a5bb7aff4a8d12218c1971b', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: 'de99c726c0ed6de726b4563898e1d92149584dbc', class: "dga-quote__body" }, h("dga-flex", { key: '0012032827f3dd7fdcb93439e18d9640460ecec3', spacing: 9 }, h("span", { key: 'a703d1935b618c155d4d7d6c856f0dc1cf9aed25', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '9a558dfcef702b82feeea22afd3e69d396b2664f', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'cbd828c3172bbf36545cc60f35dfcb31a1a986fa', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '70359879f076214faf40f1b75eebe953f473172a', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '437fe8c9a5c6ca710ebef46b2467afb8b9787f43', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'd06ba015e5d84fbc49e3abb2d3d1956d9b3e6f9f', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '0e7329eb7bd8eb2badb98f84372847d35364b4b1', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: '60605ba742c017cf887d5053a3827afa5b91c507', direction: "column", spacing: 8 }, h("h3", { key: 'a0a56fd2a21a3ad78f7fff8ef31e8910d3e291f1', class: "auther-title" }, this.authorName), h("p", { key: '9ca911243705f755fd302f71d72922946cd33f81', class: "auther-desc" }, this.authorDescription))), h("span", { key: 'df767682bec059eb123a1d0df4ef65126254671a', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'f3c31c6492d116f54ba020464e48c63af093ed06', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '21cf9b7137d5a9d6e46b5a7f3e8c32a1350177f5', class: "dga-quote__body" }, h("dga-flex", { key: '4665daddf47cce975460ed2c295f8784a15e2489', spacing: 9 }, h("span", { key: '35dec680f9257d81858306a390ccdd715e10af52', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '72599788b5fa8fb88d8cf78c81981845265ddf0d', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '1f35bef18c3c189f9cfc3fb84096f4ed0836aa5a', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '7e167f136ed517ed34ddff7ab5eed631e67698a4', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '72971563ab9783754e5b8249704ab4acd63d3b89', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'ed3b04709e72a08e57592483a20c07a46e3899e1', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: 'e358f93c6a9d53fae8c072a4871bd54a0147df3a', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: '8b0ec810801a63594bf66ccc4ade33596c42082a', direction: "column", spacing: 8 }, h("h3", { key: 'b95aca8376c571e7b299d87140566222779c45b4', class: "auther-title" }, this.authorName), h("p", { key: '90765edb1eb1bda64730385755e10ebce8de4e7a', class: "auther-desc" }, this.authorDescription))), h("span", { key: '734cd68680d6a91d42aad9544a72944e080366d0', class: "quote-icon" }, "\u201C")))));
     }
     static get is() { return "dga-quote"; }
     static get originalStyleUrls() {

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

@@ -79,7 +79,7 @@ export class DgaRating {
         }
     }
     render() {
-        return (h(Host, { key: '30b195a0f9df6ce51618bb7c5c19110f762a235d' }, h("span", { key: '6fa7061f77def2b44b4e62af2cd402890cb9a936', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
+        return (h(Host, { key: 'af48104d525f3f685237f025e74f00faefa655b2' }, h("span", { key: '034ede13c1d5a5771c86d573bfc46c463d54d020', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
             const colorMapper = {
                 default: 'var(--background-secondary)',
                 brand: 'var(--background-primary)',

package/dist/collection/components/dga-search-box/dga-search-box.css

@@ -2468,7 +2468,6 @@ a:focus {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-xs);
-  mix-blend-mode: multiply;
   margin-left: calc(-1 * var(--spacing-2));
   margin-right: var(--spacing-2);
   border: 0;

package/dist/collection/components/dga-search-box/dga-search-box.js

@@ -107,12 +107,12 @@ export class DgaSearchBox {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: 'a92daccffb0a4b1cf67cb83f800dfb311f14643b', dir: dir }, h("div", { key: '3b648d33c626cdf91af4581b3250f7828d4c5ce5', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '21f9b2b9da6b9cc2cae51a1f4042c895c3742f4c', class: "dga-label" }, this.label), h("div", { key: '94e9fca64f38e64b4a37e30117a0d9f599b241dd', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: 'f804357c29da9a5ca766abd7528cf408bd2ae6af', class: "dga-search-box__icon" }, h("dga-icon", { key: 'e4538955e754626763f5abd9ba2a00f04af1aa2f', icon: search01Stroke, size: 20, color: '#161616' }))), h("input", { key: 'a62fb36bd77549f22b67a82c748c7ff80bd84b54', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: '3b8bae22f86099c672184a036e4bd37049499dd9', dir: dir }, h("div", { key: 'fa455f5d08dd0d37431e95d9e8645a32e5dfb323', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'd61ad1c6e7de590181209a031910831c60422656', class: "dga-label" }, this.label), h("div", { key: 'f8da87a8c20b3680b21d5bb799d42c9c9f52868f', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: '181abea957eaf4834dc62a33eab0afb827af1c3c', class: "dga-search-box__icon" }, h("dga-icon", { key: 'b645499a949d1989935a78edae55e100dfdb3a49', icon: search01Stroke, size: 20, color: '#161616' }))), h("input", { key: 'cfb60a1946586fd59302c912549526700c617bea', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur.emit(e);
             }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
                 this.handleInputChange(event);
-            } }), h("div", { key: 'd79b97cb0bd2f220bbf0bd8e923f7992ed37affc', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '5925ee345fa12b8ef5486f07ca1701d0352db87d' }, h("button", { key: 'ce287d5e704fd3279a88e620eaa4646d9a4e6432', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: '50d899cd2c55f5650c0497747fcd5aebe68350a0', icon: cancel01Stroke, size: 20 })), h("svg", { key: '59e15d2219d4b9f3ac7779252688b9542e12ff4f', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '029c6ccc76c45f38ceb4587656f4d7d8d16a6015', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'd2f7f9d716658fe61419eac5de075fa5b3d24668', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '13b14aa33284ef034b175f8cb17605c8c15e278b', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 })))))))))));
+            } }), h("div", { key: '7efb149d9279f894d68739c2eea0022386e7166f', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '37960160fbbb1a051f260c77c89837848443c593' }, h("button", { key: 'cb169ad50ced1b27f9c08015933d363ca2cffe9a', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: 'b6fe90f117f64afd06bf2c88a3ad3368c7774061', icon: cancel01Stroke, size: 20 })), h("svg", { key: 'be7c0a068917d924ee2e47e2ad01c2a150b2f2a5', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '41b7fdd14825685d501198f01663b1d1952d63f7', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'aadda7bc97204c48a404b78bbff921306f8cb97b', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '1b2db3234d5c50edc2a6e1eabf7d6daaf9fa1e80', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 })))))))))));
     }
     static get is() { return "dga-search-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-actions.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderActions {
     render() {
-        return (h(Host, { key: '885ee2a33832f0c91666de3a1a6e26b88c5d4fe8' }, h("div", { key: 'd054b6696d73cd358b7537e78d7a76a3afd202b1', class: `items-container` }, h("slot", { key: '39cff79c8d0fcb146b32fdf84c07ac45d462a1fe' }))));
+        return (h(Host, { key: '4f13bea9f9c1b8deb1cb7b9bdb908c92641dd193' }, h("div", { key: '32e25b10b8779acdbc0e60c32b5006a9dc7a0282', class: `items-container` }, h("slot", { key: 'bd989914f556098298fbca6c80f60749bf91819a' }))));
     }
     static get is() { return "dga-second-nav-header-actions"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-content.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderContent {
     render() {
-        return (h(Host, { key: '957d39eaebd84ae360971b94c1ad557443f27446' }, h("div", { key: '479a60570def6a24efb36488e4b673e345d4fb8d', class: `items-container` }, h("slot", { key: '7376c8f0735c967349f95132f5f08286942cd4c3' }))));
+        return (h(Host, { key: '8c6a8cbca0a45bb98b169619b6b088a0fcf87155' }, h("div", { key: '028f1f65e4a7a0e1fefcc7ee631d59138e281aa6', class: `items-container` }, h("slot", { key: 'd680b0dcdaf2000234bf20254ea671397eb37c14' }))));
     }
     static get is() { return "dga-second-nav-header-content"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-item.js

@@ -9,7 +9,7 @@ export class DgaSecondNavHeaderItem {
         });
     }
     render() {
-        return (h(Host, { key: '67c9cdb182beea8e6fed4066e1a8ab62ccbf1faf' }, h("slot", { key: '16f934d1b6e6ca469b60118d1de8f88537675797', name: 'icon' }), h("slot", { key: '12ade45d023558f4ea28adbf29a5ccf73ce2680d', name: 'label' }, this.label)));
+        return (h(Host, { key: 'b02dc9f1e6650ac6bd6cf85d44b105283d9d3171' }, h("slot", { key: 'af18cafbd1e955f713d22a83299889e589392e63', name: 'icon' }), h("slot", { key: '7022e55daef2703b0a56897a3e9ac4f3dc500d0b', name: 'label' }, this.label)));
     }
     static get is() { return "dga-second-nav-header-item"; }
     static get properties() {

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header.js

@@ -21,7 +21,7 @@ export class DgaSecondNavHeader {
         });
     }
     render() {
-        return (h(Host, { key: '7ca72571f3ec748b6ed41c428eee5ea05c11c0e6' }, h("div", { key: '7ce8885ed2ce5ddc752d6edc9b01a2e6992a66cf', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'ffe9d16818d6ea1daa6842a887f044b40cbf18b0', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '7ebb9063b76fd0129af86df4589aaa5427010b78', class: `content` }, h("slot", { key: 'b430bdc372d51165f58cebaa8605b7a7d3db0df3', name: "content" })), h("div", { key: 'fa479ba84450888bf68f5cc5d3670d4430c25ce4', class: `actions` }, h("slot", { key: '8ccc93f695c8d869b4de2e76c19ddfffb81cbc82', name: "actions" }))))));
+        return (h(Host, { key: 'e44b53e87e61c702a17f3da55ccde2d20a07b61b' }, h("div", { key: '6b1f69bfd45ce38abe16e991925743d9059151ba', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'cb5cba04d09c6a41d6fc347d80f3f8faf87dce54', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: 'c66b315d6f5c863a5d7ec44c15ba26666b368082', class: `content` }, h("slot", { key: '5039905d7391d685536b1b4564273da0f2142480', name: "content" })), h("div", { key: '9a6394bdfc9ca1865aaacad5722164a956c94e4a', class: `actions` }, h("slot", { key: 'd561e06f2aa8bc0a3d4559d3a01caf3b0f9edeb9', name: "actions" }))))));
     }
     static get is() { return "dga-second-nav-header"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/dga-skeleton/dga-circle-skeleton.js

@@ -5,7 +5,7 @@ export class CircleSkeleton {
         this.width = '80px';
     }
     render() {
-        return (h("div", { key: 'bf9ba393f2dedbf49d1e2efce8d40a76ad22a35b', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: 'eacae5262c7f412ee68cfc896c77eb0646309867', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
     }
     static get is() { return "dga-circle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-line-skeleton.js

@@ -5,7 +5,7 @@ export class LineSkeleton {
         this.type = '1';
     }
     render() {
-        return (h("div", { key: 'c94cf2bda1d61c553ecc142dcf832a18b13323b7', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: '745af7b961925df4430a53cab8a9ad280bcd1359', class: `line_text ${this.size} type${this.type}` }));
     }
     static get is() { return "dga-line-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-rectangle-skeleton.js

@@ -6,7 +6,7 @@ export class RectangleSkeleton {
         this.width = 'long';
     }
     render() {
-        return (h("div", { key: 'f8f69b33ba3b22161ab7b02a86b68b6e2b695f46', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '6d15b74c5a7d339bb0986b5d74a1ea5c1ade5752', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
     }
     static get is() { return "dga-rectangle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-square-skeleton.js

@@ -17,7 +17,7 @@ export class SquareSkeleton {
         return borderRadiusMapper[this.width] || '';
     }
     render() {
-        return (h("div", { key: '19621f97b78a294cae46b35b951a9e96e98333f5' }, h("div", { key: 'd35f31ccd21135d62821365dfe5d21c1d3b5a384', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: '0b3917ffa19a707f48cb9fae6904983ee0b43307' }, h("div", { key: '256525b2cee8fd8ff14642bca60db7c00148d4c5', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
     }
     static get is() { return "dga-square-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaSlideoutMenuActions {
     render() {
-        return (h("div", { key: '8b2543e3cd3018559517f04639df9cb3aa12a774', class: "dga-slideout-menu__actions" }, h("slot", { key: 'ac1bbef69a2a108bdb2bc6a8be4c7a48230b3f8d' })));
+        return (h("div", { key: 'a6580fd6ca95d69cb70f8800839c6cc1d1e16e8e', class: "dga-slideout-menu__actions" }, h("slot", { key: '01d3442a54bf0603420f74cf9ec9899602d10ded' })));
     }
     static get is() { return "dga-slideout-menu-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,11 +17,11 @@ export class DgaSlideoutMenuHeader {
     render() {
         return (
         // <div class="dga-slideout-menu">
-        h("div", { key: '288857ca34556766ed7c11b13707c000e71b9b20', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '730778494e66cffabb4777d9ad5608698eb7b6b2', icon: {
+        h("div", { key: 'f0ca0a747f4327b5abc00e4fa68f3ce927e979e5', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'ecf1ea37fa54f66cd2119e6a0675478dfb111aeb', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '117d8086804d85178211c9bd908de1e9d4933051', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: 'b461dd5168b8381bd8ea4b68e866b46fa0e73bc5', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'ac969594549ef1e60036bf9174abcbd07b1d8bef', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'a97bd170b395daf0d16e68322599f339350b21ac', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '76d71effb636bc62618b750ddcbc2f138955d53c', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: 'f187a93403c909fb8717d2658e657db3c3d97a07', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '4998006659d3454b51d00056001e8fffcd78a7d6', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'bbf15bfe52adff2430bf758e521e3bf859dac158', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 type: 'standard',