@platformscode/core 0.0.34 → 0.0.37

package/dist/cjs/dga-loading-usage.cjs.entry.js

@@ -8,7 +8,7 @@ const DgaLoadingUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (index.h("div", { key: 'cbd3f3f140d12aeb94623c1f2d0602f4e3725448' }, index.h("h1", { key: '3747315d6d1067faa33c096f4dca076abb2372cb' }, "Loading Example"), index.h("div", { key: '0cf84b1e8fe70cad207a98c8653a574fc565d61c', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: '1a89e6412c520ec1d66496e3a5d021ee397e6ff6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: '4bb4e3e07b327c791f39e98468cda4e3e5cf0e68' })), index.h("div", { key: '80bc8534a1668e02a43797ae850a0995c25db4e2', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (index.h("div", { key: 'bf58955c9fa97077b7e15aea084429b2f711d4f9' }, index.h("h1", { key: 'eaf082fa93ac33b2e10a6667a09b6a50015edd14' }, "Loading Example"), index.h("div", { key: '73586bff09c11cf8f921840408bcc75a93afb3a5', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: 'f4d9cc537d1deede62091c6b1a6c85598d8fcd18', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: '013fa149d371c83070897c04ffdbd120f0ecf4eb' })), index.h("div", { key: '769c7a6ab524a4469f98615e9cdaaa01c4c3acf3', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/cjs/dga-loading.cjs.entry.js

@@ -44,7 +44,7 @@ const DgaLoading = class {
     }
     render() {
         const classes = `dga-loading dga-loading--${this.size} dga-loading--${this.variant} ${this.extraClass ? this.extraClass : ''}`;
-        return (index.h(index.Host, { key: '4acb1b3b17f5e246ffeb456d8db4458731a372f6', id: this.componentId, style: this.rootStyles }, index.h("div", { key: 'b5b6924a6f447a9f84c24caa7bea2acdfd78b884', class: classes }, index.h("div", { key: '999d0a684a68dfb1b7fc2a61f774f0683ad7b9f9', class: "dga-loading__circle" }))));
+        return (index.h(index.Host, { key: 'a26a8c3c5407c0af5b128d7f830af590d3c65a03', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '2bf09fde0a2b05205edb773af7b95dfbcff0b20b', class: classes }, index.h("div", { key: 'ac65ba6f0cc4118f3a367825e30d0082ffde53f3', class: "dga-loading__circle" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-menu-group_2.cjs.entry.js

@@ -9,7 +9,7 @@ const DgaMenuGroup = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '86dd52ed3f3ee850b26675804bab4808272ebc3c', class: "menu-group" }, this.groupLabel && index.h("span", { key: 'df39605b15ae286fe647cafe77b61fc9d52c3f31', class: "menu-group__label" }, this.groupLabel), index.h("ul", { key: '6a87d151d1894b7a09f5831ac2f84a5be8d439c9', class: "menu-group__items" }, index.h("slot", { key: '3d871855108f7e6c06e014932355b0bcfbe86e25' }))));
+        return (index.h("div", { key: 'f83f05369c4927b2081e1b180480c59e9d73e540', class: "menu-group" }, this.groupLabel && index.h("span", { key: '557db4ae2b7333a6bec917979c657e6392f984ca', class: "menu-group__label" }, this.groupLabel), index.h("ul", { key: '0b66140bfde01c8f8df1c2d59433f7ccbe6f37b4', class: "menu-group__items" }, index.h("slot", { key: '720f7613be74e425cdb4204fbaa57e61c98ce153' }))));
     }
 };
 DgaMenuGroup.style = dgaMenuGroupCss;
@@ -31,7 +31,7 @@ const DgaMenuItem = class {
         }
     }
     render() {
-        return (index.h("li", { key: 'f6f1d62cf40cada354091aa71beba67aef0edb3b', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && index.h("span", { key: '4224bedc81bba7577328fee16c0efdaa9b6b7cce', class: "menu-item__icon" }, index.h("slot", { key: '00e7c38eb14f1e4b8eb54f259b97fb9505eb32c4', name: "lead-icon" })), index.h("span", { key: '1dfdf81fcf2430fc2d482b1d643c639b0a0bbf03', class: "menu-item__label" }, this.label), this.hasTrailElement && index.h("div", { key: 'bdb48ee539b12fc1d7c524551f175c766b84aac5', class: "menu-item__trail-element" }, index.h("slot", { key: '06367632da6b8bf96116cf03a0b0cbbe975708dd', name: "trail-element" }))));
+        return (index.h("li", { key: '653c9c0bd9e3f3b38f4d414bf55fdfc1f78f9751', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && index.h("span", { key: '92e16bee31b7f248363dbfe9b9600db9283d4dd1', class: "menu-item__icon" }, index.h("slot", { key: '565479b56817e98ad2f454fab7e5d485a3d6029b', name: "lead-icon" })), index.h("span", { key: '53a53f7a22b50c3fa30e60b759e051787048c8c6', class: "menu-item__label" }, this.label), this.hasTrailElement && index.h("div", { key: '1bad8270fb653e6211e3e1fc9005d0fd25bdaf09', class: "menu-item__trail-element" }, index.h("slot", { key: '371654c563a50b14a90cdd42a4789e9e5ce26fcf', name: "trail-element" }))));
     }
 };
 DgaMenuItem.style = dgaMenuItemCss;

package/dist/cjs/dga-menu-usage.cjs.entry.js

@@ -25,7 +25,7 @@ const DgaMenuUsage = class {
         this.anchorEl = null;
     }
     render() {
-        return (index.h("div", { key: '3fee3c49459360e2a8a2304217c85c8490fa9c30' }, index.h("h1", { key: '790fe92917c299f66672e4f4fcba81cbe6c46442' }, "Menu Example"), index.h("div", { key: '535c42e8ce98c4fbea3346fde8977654c164f105', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'b2a89adbb58e24196340d6cd2aace112cc6e9cd2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '41d5911e76de2150cbe8f62aa7b8d550037f5a91' }, index.h("button", { key: 'fc146a30d4909cc8b18a0902a6c5e361b27a9e02', ref: (el) => (this.buttonRef = el), onClick: this.toggleMenu, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }, "Open Menu"), index.h("dga-menu-v2", { key: '1b24c68cae5950b743e5b03f8d62a1c7bce697ec', anchorEl: this.buttonRef, open: this.isMenuOpen, onClose: this.closeMenu, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } }, index.h("dga-menu-group", { key: '04279c4a1a4ec2a589e677878c57cbd660a2e0b9', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: 'bc874ed418c82d6f5a0f81eb2f27491d579f7676', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: 'b257c736c1ac241a71fddc8411ceb0601079248b', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '119e5861d56479d67755e9f97457663e430c6f97', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: 'f0acf6ac9abbdef0a11e64e31101df71cfdf26cb', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: '545565c4c69c085ac8d854addbc138a3976b91a6', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c853badbfd9dbd118ee13f110a3bb368741370ad', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), index.h("dga-divider", { key: 'a30523a5e5969f9329538626d15ed54c92241f08' }), index.h("dga-menu-group", { key: '6af834599fac8dc1c7f686d3ad2a72df8f49fb52', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: '88bc7e28b09782fbc0a4286a0353963f4821fc9e', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: 'daa433b47f0610b37e102cc5ebdd20c145478e4e', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1f02bc28a1e04c17e8d51965c27c55086c227622', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: '8de2b23b1546b9221d1e406a523be6902df2f034', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: '7486d4801ba3a25e0747032b10dc2fceebc67e45', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4e221b2241fd6635aa4f7ad3ecbaeaa206e3b1c7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" }))))))))));
+        return (index.h("div", { key: '346eee46eb42e1be2de4dbf142f5269ec4504437' }, index.h("h1", { key: '7f399bccb30b382e11454f9429043a2de6e38564' }, "Menu Example"), index.h("div", { key: '3f0cf14e1fb5b50fc98ae586dc04ac6c54f88f12', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'ae98cbf9b1815bba39c5710567412775b7ad55d5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'd04e4b633a3cddd86af44d240e8676a806516e34' }, index.h("button", { key: '3a3685b14ad9390eed8ce10c7a2e55715e6f4b05', ref: (el) => (this.buttonRef = el), onClick: this.toggleMenu, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }, "Open Menu"), index.h("dga-menu-v2", { key: '0e65d638501490ef7c9729a03c9888ded3893c0b', anchorEl: this.buttonRef, open: this.isMenuOpen, onClose: this.closeMenu, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } }, index.h("dga-menu-group", { key: '1866476b6804dd42b78b6b132dd150022263ee93', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: '31353facb749716790ab6ca365e67dd74debf96f', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: '29f8bffe935054026f3270f0c4bf617f58fcc676', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e960118cbeb564ee3a88b0a395b99b6b3ca5d1e6', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: '9e4840feedbdcbb8b090ae0a20bf67442dd4e128', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: '3dc974ce6b185eaeea9eb9d598e6717b1a1c0eb7', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0a78720984a352e9682761b059ce64a79268af4a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), index.h("dga-divider", { key: 'c694fabba1618bd90e367d64a0da32985068e050' }), index.h("dga-menu-group", { key: '6db5f301fc101850a54011771c6a6ac270392b07', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: 'd9b46efc8e4f690012e37a5bbbeb3f75ed2a2f25', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: '733eddbad6b95117fe69598262d2d0a81708ae91', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '87f8b60949d5fd94bf02eb1eb9d71a5bd0223466', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: '6f6045903a46bd9ae1962c0b86960f7a80083ce6', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: 'ad5065d31dc3e97e2a2d68fb3623031851e04cab', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8bdb857c6dccee747b09748c67077130895d10e3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" }))))))))));
     }
 };
 

package/dist/cjs/dga-menu-v2.cjs.entry.js

@@ -49,7 +49,7 @@ const DgaMenuV2 = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: '9cdd7138465f550e34cde04897107611d4bd9650' }, this.open && (index.h("ul", { key: 'ba7b6124ea41b40e434b53bc63362bf121118567', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, index.h("slot", { key: 'a1f12d0fac53dbc9e43de64dfb2693381cba3939' })))));
+        return (index.h(index.Fragment, { key: '6693f1b83a2c0dc22eb78b9cc06d6816f1296d21' }, this.open && (index.h("ul", { key: 'aeedfaf5a642f1847e7bdfd8db1cf07ff813cabf', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, index.h("slot", { key: '427676e44ac227d3761ab208e24a618f622f27f7' })))));
     }
     static get watchers() { return {
         "open": ["handleOpenChange"]

package/dist/cjs/dga-menu.cjs.entry.js

@@ -34,7 +34,7 @@ const DgaMenu = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: 'a9734e250c23d16d735addda2dc71342c50eb0be' }, this.open && this.anchorEl && (index.h("ul", { key: '195c5d402ced72dcf03e23fb397abf40122d15ec', class: "menu", style: this.getMenuStyle() }, index.h("slot", { key: '9a15fba0ca66d54884708b9e7365b00c66bfe0c5' })))));
+        return (index.h(index.Fragment, { key: '26bddcf78184796ce02fcf705488bdd613cf6949' }, this.open && this.anchorEl && (index.h("ul", { key: '6c65291898e68652253898973e165b59093c7aa1', class: "menu", style: this.getMenuStyle() }, index.h("slot", { key: '8aae03b4774f80523c472f18d8d023db87d2590b' })))));
     }
 };
 

package/dist/cjs/dga-metric-chart-v2.cjs.entry.js

@@ -65,7 +65,7 @@ const DgaMetricChartV2 = class {
     }
     render() {
         const { x: markerX, y: markerY } = this.currentMarkerPos;
-        return (index.h("svg", { key: 'acc239bc6f87365881d592365f40ac4503632603', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("defs", { key: 'ccbe7a613cd4e04b5693037df8786bfb16d578ff' }, index.h("linearGradient", { key: '0beb4b309d4bf3f4fd9136f0067b1dbadddaaa37', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'f01fc183382fc9978ce9f1165f3cc482277c1f0a' }), index.h("stop", { key: '8da29614fb72aada774914678b1db6654ec96310', offset: "1", "stop-opacity": "0" })), index.h("mask", { key: 'bdee5a9fbba572b05146310ade5712cb915fd7ba', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, index.h("rect", { key: '5f4fdb77d28de018fa03ad1104f7e5e5dd36b467', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), index.h("g", { key: 'f666763553aa996b7522c90c41e9e78b500ebd09', mask: "url(#chartMask)" }, index.h("path", { key: 'f4e45db7df2b71b6d10ada5c690ddcf828c1fc6b', opacity: "0.2", d: this.areaD, fill: this.fillColor })), index.h("path", { key: '2aa0d6d61ea8be895ab39c06a143815746dd9b50', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (index.h("g", { key: '36e804066bb7ee5f354db19fd8fcddf21c7fc0eb', transform: `translate(${markerX}, ${markerY})` }, index.h("g", { key: '9dc72503277896f13b6ea19bbaacfb09debf4ae4', opacity: "0.2" }, index.h("rect", { key: '5962c45fd460c01102368752f5a1c770173bd3c9', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), index.h("rect", { key: '0583197d501d3c5d5129e560ce697af487c4caff', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), index.h("rect", { key: 'aa339fcf9d4cdfbee96bac10bf837a9ccef5fb17', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
+        return (index.h("svg", { key: '21cb7639e1bb84c5a07cd7228503c6db8b88960c', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("defs", { key: '5fbdc79365affcc8eff80dedd4a5a6a2e03001f8' }, index.h("linearGradient", { key: 'cacaafbb7da16fdbc8e23f15d0f089210ce9573f', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '50db3958dd54b513043360dfd29baa76a157bd50' }), index.h("stop", { key: '8f99ff9c56ccc69cb24689ea464311cf3fc9d5ef', offset: "1", "stop-opacity": "0" })), index.h("mask", { key: '6cab4fc69cd585ed810ce6e7c79531f37ce32ea9', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, index.h("rect", { key: '84c771ca83db1990d02db3c1604eab70619fd380', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), index.h("g", { key: '5b83567dfc8cff62ba9610fbd6088847991dc11a', mask: "url(#chartMask)" }, index.h("path", { key: 'ef3226d18157e6d3551981bc2f28d0e373297109', opacity: "0.2", d: this.areaD, fill: this.fillColor })), index.h("path", { key: '9751032b599180fb3350879dbccacedd35cde80a', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (index.h("g", { key: 'a0a87660359ed63d98a5c187a263563d06db5f1a', transform: `translate(${markerX}, ${markerY})` }, index.h("g", { key: 'aba29f5af07db2022089691c10b509003664e2da', opacity: "0.2" }, index.h("rect", { key: '60d64614d2fe846eb57cff6c7af88e77e8dc2da7', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), index.h("rect", { key: '6b0269e79dac44fab9456f89bc4bb8f5493de5b0', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), index.h("rect", { key: 'd3f2b7ab612f3554b51ada107af3966fd426d1c8', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
     }
     static get watchers() { return {
         "data": ["dataChangeHandler"]

package/dist/cjs/dga-metric-chart.cjs.entry.js

@@ -61,7 +61,7 @@ const DgaMetricChart = class {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (index.h("svg", { key: '5f439432b9390c067d863750ec420dff00fe299f', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, index.h("defs", { key: '74d09f21c9a0c47bcdf927dd832014cf04680a76' }, index.h("linearGradient", { key: 'deae5442acfbfc96fc3402a9029829c5a1c557ed', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, index.h("stop", { key: 'a4b6140c4aa855a680405f14184e54a2ec9feb5c', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), index.h("stop", { key: '3f7501f20a6125a520907c5246df5f8cf2a7d263', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), index.h("path", { key: '95cd3296a009d80edf1b59db8e03ee3b3e116dea', d: areaPath, fill: "url(#areaGradient)" }), index.h("path", { key: '44e93d8750fa323956f2fe928ab981cf321c04b7', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (index.h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
+        return (index.h("svg", { key: '6e0e53da9e43dfed03b40b987a62f83893ea546a', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, index.h("defs", { key: '7d5cf14f37fd3273a262abc279017136407e7334' }, index.h("linearGradient", { key: '5e1d5bfe2c22e62b37e6aa76b92b3f17f43c53c3', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, index.h("stop", { key: 'e8a9ef5cb36775b8e8883941c828ec70090c7d5a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), index.h("stop", { key: '76df9718b5edb53c6a24585f0a9b9d101b400579', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), index.h("path", { key: '5f2f736807d130c7fd3b0f7c802d5d1249b5c698', d: areaPath, fill: "url(#areaGradient)" }), index.h("path", { key: '830d65dc2186a1616f8c05eb2856e80f21814cde', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (index.h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
     }
     static get watchers() { return {
         "size": ["handleSizeChange"]

package/dist/cjs/dga-metric-usage.cjs.entry.js

@@ -8,7 +8,7 @@ const DgaMetricUsage = class {
     }
     //   @State() variant: 'critical' | 'warning' | 'success' | 'info' | 'neutral' = 'neutral';
     render() {
-        return (index.h("div", { key: 'efe2a291a97aa4b7ecbc0e3e3e7bfac2a988a860' }, index.h("h1", { key: '9c323fd50e24ec08ce52267fac1b8cb19e15b2b0' }, "Metric Example"), index.h("div", { key: 'ccfe2602a5c6a1e94d6c22957f9e2513da6e76c0', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'd6b027c57ef9bdcdf801bedabe1ecc0695d99551', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-apex-chart", { key: '3a8da007852583598b8d51c00eb6e82782913830',
+        return (index.h("div", { key: '6ad33030f3c6b2bfa0d5a6335dc7da2fb6329344' }, index.h("h1", { key: '840c70c1184b6cef0ff244625f9d0f81e762b57e' }, "Metric Example"), index.h("div", { key: '254ba7be1413a89752672db5db2d9bc8513e2ec2', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '37b2eee502974e1baa435385d3493286a2821f24', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-apex-chart", { key: '64d9cec17f91b0caf327bf37e9e23ca73920592a',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -100,7 +100,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), index.h("dga-apex-chart", { key: '757a344e843112c7bd1ee9bb847d4bfdd73d12a4',
+            } }), index.h("dga-apex-chart", { key: '983adc91525b44d33f817c98cb33f1207b47c397',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -192,7 +192,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), index.h("dga-apex-chart", { key: 'bc84d10e60cba5afa0b5251bf1214d10a9019623',
+            } }), index.h("dga-apex-chart", { key: '39b62eccb5959336769307c7c89864e6aaa41cc1',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -284,7 +284,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), index.h("dga-apex-chart", { key: 'fd97c0bc7eebd62c93d48076a31550d52956804c',
+            } }), index.h("dga-apex-chart", { key: '3d5839ca4a8020f42bdd8f70af1d26966a31ab3c',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -379,7 +379,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } })), index.h("div", { key: '2ad2973397445a5446bd9081095663781c34ad05', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("div", { key: '7d01de739fde8ac5ae26cf84af841c01ca1ce01a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-metric-v2.cjs.entry.js

@@ -36,15 +36,15 @@ const DgaMetric = class {
         };
     }
     render() {
-        return (index.h("div", { key: '830a000af0ccab0813bf80897c5d84095f64e3d9', class: `dga-metric`, "data-chart-size": this.Style }, index.h("div", { key: '245b5b4fe3c266057bab26301af12dc566a44a47', class: "dga-metric__head" }, index.h("div", { key: 'b5aa1b2bfbe041ecf46c46c21a8de3a36ef8a6fb', class: "dga-metric__head-content" }, this.showFeaturedIcon && index.h("div", { key: '25f24e821144f483b7fb00bc19cfd05b9d55b91b', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && index.h("span", { key: 'ef4d40b5f6a39f3d7d04718ca4e1a4210d49e68c', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (index.h("dga-button-v2", { key: '3112b6639d7fb0ffd0c413b549c65004a036c3d9', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (index.h("div", { key: 'd14ab1787c8c118ea71175cc5ecbc72a33c5371d', class: `dga-metric`, "data-chart-size": this.Style }, index.h("div", { key: 'b82347af7ba629ff4936d949756d24212be5e7e0', class: "dga-metric__head" }, index.h("div", { key: 'd18c5422258a85d62937f9d18c5e9d1880a736d7', class: "dga-metric__head-content" }, this.showFeaturedIcon && index.h("div", { key: '0a66bc6b5a66446c8a28c9433974a37125602b63', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && index.h("span", { key: '7979f1e2dd404456399d9226b4dfac936a1e000e', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (index.h("dga-button-v2", { key: '5d72b1595fc8b25cd571a65efe65bf2c596caa0d', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-vertical',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onExpandAction }))), index.h("div", { key: '3030473abe024fa8a0eaaf665e5e571224d81b7c', class: "dga-metric__body" }, index.h("div", { key: 'efb3e5349368abe3f3c7f2f5062bf729df48d4cf', class: "dga-metric__content" }, index.h("h3", { key: '1e59ff8bad86f6154d31956a799f70a4037ce3b3', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (index.h("div", { key: 'b09551b775a9000243658d916967c2d010758c5e', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, index.h("span", { key: 'b0056fcf711b85c17c41b71619e9b4fc7318b7f2', class: "dga-metric__content-change-icon" }, index.h("dga-icon", { key: '75b7f7eeedd533b8b2c3e8d07d14107f701844bc', name: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), index.h("span", { key: '20dc9f0103d7c81a8e345f0d33677adf0eb95df4', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), index.h("span", { key: '217bf8661f02c6a12cc0b58c30ae745ad2e21073', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (index.h("div", { key: 'e3d5a9cb14568c657afb77ef006e86e119c76dbd', class: "dga-metric__chart" }, index.h("dga-metric-chart", Object.assign({ key: 'd1b5effeacb048234c070fa577824699ce254545' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (index.h(index.Fragment, { key: '7b6c2a6b5fca561beaf15860752e5e84e32593fc' }, index.h("div", { key: '1de096bafcb8a24f7ca273e9da8fd65ac70d59f1', class: "dga-metric__divider" }), index.h("div", { key: '51ed0f55879cf354b5a5a2f88f172404d806d9fc', class: "dga-metric__actions" }, this.showSecondaryAction && (index.h("dga-button-v2", { key: '5dfc99cb0b4e77a3e933c97d845de7be04b2fc53', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.onExpandAction }))), index.h("div", { key: 'c392fe2d83c260be2297fa662f24169804e7fc10', class: "dga-metric__body" }, index.h("div", { key: '1fda8b3c6f085bdcdf73d7dac44056ac0dbda5de', class: "dga-metric__content" }, index.h("h3", { key: 'e429d5b66b3d61f650811fe6ca3eefdb457d83fa', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (index.h("div", { key: 'fd739650accd1444e38f7af40f1d7a22c19375df', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, index.h("span", { key: '8b5807df922d0905e9a918f8d8bbdea8119383c6', class: "dga-metric__content-change-icon" }, index.h("dga-icon", { key: '34ac0a4daa85d46244fbd239fe3ca4a08560e6c4', name: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), index.h("span", { key: '4c8c58105a9a28e74992a13adbd2ba62f8019a26', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), index.h("span", { key: '846e6c2126b331e9fc5235fa084095194c4cf845', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (index.h("div", { key: '71f10dfc21154d2acc0a2121be627c16c0bae7b0', class: "dga-metric__chart" }, index.h("dga-metric-chart", Object.assign({ key: '812b4ddcff8bae020fd7ccbefd84df25aeb14472' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (index.h(index.Fragment, { key: '44c5913cf09a3502fe4ae02a5ab4ff31fb7a0144' }, index.h("div", { key: 'f620bc446036348e32fcb9fab98ba25cf91ed840', class: "dga-metric__divider" }), index.h("div", { key: '8c31b9c385abae3979bfd016b1871e708fac59ca', class: "dga-metric__actions" }, this.showSecondaryAction && (index.h("dga-button-v2", { key: '52cae7eb9840ba93292119230e35e5998eb7c8d7', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'settings-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onSecondaryAction })), index.h("dga-button-v2", { key: 'c444536ba15ecdffdfaa5fc62c1f30c175e8c028', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
+            }, onClick: this.onSecondaryAction })), index.h("dga-button-v2", { key: 'c562672015795df55976db881eeea6738c98a40b', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
     }
 };
 DgaMetric.style = dgaMetricCss;

package/dist/cjs/dga-metric.cjs.entry.js

@@ -36,15 +36,15 @@ const DgaMetric = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'c13e985301e3069fdd16d466a54e42a4a169043d', class: `dga-metric`, "data-chart-size": this.Style }, index.h("div", { key: 'f29f7362d6f7a488ebe8cebf6382bee0b7e02b7b', class: "dga-metric__head" }, index.h("div", { key: '78b7418a84961bd709ecb920476df36ff5b137ad', class: "dga-metric__head-content" }, this.showFeaturedIcon && index.h("div", { key: 'a805d8fe54b384b88e9abc841b15c81e7cd96956', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && index.h("span", { key: '030e7bd05c11eafbc3a12db0a438eb2334712333', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (index.h("dga-button-v2", { key: 'eff4f05052729eb35d1c0012a385797f3d013d9b', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (index.h("div", { key: '7eee68aad1ede7c9a1ddafc3ed4cf040c72ec505', class: `dga-metric`, "data-chart-size": this.Style }, index.h("div", { key: '708b92c50a072e901bf51d3be917d99d35a06d51', class: "dga-metric__head" }, index.h("div", { key: '126c152cc0a020b3df468d0008129b3be07670e0', class: "dga-metric__head-content" }, this.showFeaturedIcon && index.h("div", { key: '34cee16589308772e476d1d43eec92a6cd0eb94b', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && index.h("span", { key: '4da9317c1d74d063679f2332b746dfbb7bf1e5e9', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (index.h("dga-button-v2", { key: '88400e2fd8ee4c3bd615a7cf6ddf52f217620f97', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-vertical',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onExpandAction }))), index.h("div", { key: '1048f9e4b8d53a5972947298f23ae85a5c95358f', class: "dga-metric__body" }, index.h("div", { key: '1afeafd817ce90be5f8f92f7d9c1abf82260b8d7', class: "dga-metric__content" }, index.h("h3", { key: '00328fdc3238fa57af5c38284fb47b5c8fd3fa3d', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (index.h("div", { key: '153691c10f6b52c28410be8cdb7af6d36e03b2dd', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, index.h("span", { key: 'd72f10cfea999c00b77eb7f067be38ebde075cfc', class: "dga-metric__content-change-icon" }, index.h("dga-icon", { key: '2d3a27cba13f341f3a68609c49777a1bdbf90151', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), index.h("span", { key: 'd78deb58c21eefb28b0cd302bc28818e728e862d', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), index.h("span", { key: '225eda0288d7560fc67d77f8db4448a1edd7d835', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (index.h("div", { key: 'c669ebfe6d8f6f5661799292ddc84c3fb4264d4e', class: "dga-metric__chart" }, index.h("dga-metric-chart", Object.assign({ key: '3ab49621eecbcae1cf5a74dd49b218037cb683cb' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (index.h(index.Fragment, { key: '861632304e4a0b382a67ff052da1049bc1fec502' }, index.h("div", { key: 'e8afdca5a6dfef509c416208128e00bb2441f80c', class: "dga-metric__divider" }), index.h("div", { key: '1dc7a64b5a4ac0633513fe02631cc511b632e796', class: "dga-metric__actions" }, this.showSecondaryAction && (index.h("dga-button-v2", { key: 'f34cd42810e5f71149b34da8d4397a168eaf1ddc', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.onExpandAction }))), index.h("div", { key: 'a9143e06f761f06c0ff75019c617eaf096c3b6da', class: "dga-metric__body" }, index.h("div", { key: '260b6b154e01c81f992632a9e581044bdcccbea3', class: "dga-metric__content" }, index.h("h3", { key: 'f7770fdc054acbb94b6e4e9a20cdf5bdb7877ee8', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (index.h("div", { key: '51cc9d19b3a29b437e139444b296bad468f3934a', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, index.h("span", { key: '05f05622179af232a4ec0d199ef21a4a89c80f6a', class: "dga-metric__content-change-icon" }, index.h("dga-icon", { key: 'e5c1831b21cae1af1beeb4322ed315acf89be811', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), index.h("span", { key: '547dce2ba0d90d06d814355c0cdecd4d6f06e852', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), index.h("span", { key: '57e25c115490dcc68dfe93575641528813522956', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (index.h("div", { key: '0398a82e6fb1c86f7fddab6d1f35721d4639efad', class: "dga-metric__chart" }, index.h("dga-metric-chart", Object.assign({ key: '508857cbc2f3ddf9cd84840d8b65d25c24473aa6' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (index.h(index.Fragment, { key: '1c6a90eb89cdd7b4ab814d64deee3945f10f3869' }, index.h("div", { key: '6edf347e501fa6dfb3a9410b0a2979a35fc213fa', class: "dga-metric__divider" }), index.h("div", { key: 'eca66fa8fc10cecedca2f87cead73036bb8549c9', class: "dga-metric__actions" }, this.showSecondaryAction && (index.h("dga-button-v2", { key: '43c65479b3f80d9e93d9dfaccbd65e482774388a', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'settings-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onSecondaryAction })), index.h("dga-button-v2", { key: '31532f7c2849bdbe0bbb44ef09cbe7f5cefeef1f', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
+            }, onClick: this.onSecondaryAction })), index.h("dga-button-v2", { key: '8cf205718bb0e48edbcd2bd260ed5a098f02812c', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
     }
 };
 DgaMetric.style = dgaMetricCss;

package/dist/cjs/dga-modal-actions_5.cjs.entry.js

@@ -17,12 +17,12 @@ const DgaModal$3 = class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (index.h("div", { key: 'f6e3ebaab4366178aa59390ad7841e05e912a3cc', class: "modal__actions", style: {
+        return (index.h("div", { key: '917da3b25b852033fd2764d9006e3cf4192c4611', 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',
-            } }, index.h("slot", { key: '07006a1cc4457e722143e212074119d7bdd9cd41' })));
+            } }, index.h("slot", { key: '43b923378e17e3e5f856505362930008b7b9bee8' })));
     }
 };
 DgaModal$3.style = dgaModalActionsCss;
@@ -34,7 +34,7 @@ const DgaModal$2 = class DgaModal {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'b6372fb25b644a266c4fa37494eae12161857e1d', class: "dga-modal__body" }, index.h("slot", { key: '604eaf4e938efa0544f2e2543c194df0a5c3fb11' })));
+        return (index.h("div", { key: '881d9bbcf8e6da5cca75cac84c910ad719e13826', class: "dga-modal__body" }, index.h("slot", { key: '32d3302c5f439ef88959dab28be38d706ef434a5' })));
     }
 };
 DgaModal$2.style = dgaModalBodyCss;
@@ -74,7 +74,7 @@ const DgaModal$1 = class DgaModal {
         });
     }
     render() {
-        return (index.h("div", { key: '5ef7ac6363e76844fcf5752a195a9b9fb3776dfa', class: "modal__header" }, index.h("slot", { key: '014a48bab9f508f45912020ac6ea0c63d49b8dc3' })));
+        return (index.h("div", { key: '33091668f8d1ffbdc360cc7bce97e032a82fff2d', class: "modal__header" }, index.h("slot", { key: '8df35b13806ccba2ad6d2fc3f5908479b5717944' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -87,7 +87,7 @@ const DgaModalTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h4", { key: '96ab1231c1f5b6843714013a96a3da3df72424e4', class: "dga-modal__title" }, index.h("slot", { key: 'e93c0b9fa9497d1ead40c821349bd3c75b4f5ae8' })));
+        return (index.h("h4", { key: '45eeadb4659bcb298e57fc188b66581645906bf9', class: "dga-modal__title" }, index.h("slot", { key: '51d3d23ed648679fe002f02fdb961904f8598e5b' })));
     }
 };
 DgaModalTitle.style = dgaModalTitleCss;
@@ -144,12 +144,12 @@ const DgaModal = class {
         });
     }
     render() {
-        return (index.h("dialog", Object.assign({ key: 'a956144703fd04548e73f3e3ccab5b76631d52dc', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), index.h("div", { key: '717b5d0b09d8faa4571754820a05ef6946da86c8', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (index.h("div", { key: '10359535a98834e4dd3ea77b5dfcefc6febefd4c', class: "modal__close-btn" }, index.h("dga-button-v2", { key: '4d0419fa9dbd2763914848cb9cd3d690961dd2d4', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (index.h("dialog", Object.assign({ key: '15f4274a2cf22af74a0472cc3ac75f46373b9eec', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), index.h("div", { key: '15d03cc35ea194128005006998372a91f3a81a59', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (index.h("div", { key: 'c32ffbaf640869cd5e0dd3f82b2ac5d980269eb7', class: "modal__close-btn" }, index.h("dga-button-v2", { key: '6b613b9c7e8c79486519167e6c65849851d2c160', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), index.h("slot", { key: 'cf834a41ad5030ab9efba82ba7e125d8d2ad1a02', name: "modal-header" }), index.h("slot", { key: '25b4cb8d99a490f19f207eadb8dc2fdf36c5a2f8', name: "modal-body" }), index.h("slot", { key: 'c2c204ed7290c8f0069c76b62b4c6d38b2e3893f', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), index.h("slot", { key: '4d3d74220786ccb62bb79f39f695f8e4c17c10f3', name: "modal-header" }), index.h("slot", { key: 'a3023667bb230d7fec2cdefc2adbd2dc836ed8cb', name: "modal-body" }), index.h("slot", { key: '4b035d72dc18a05997ca6f2d7c7cf44cb938fe45', name: "modal-actions" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/dga-modal-usage.cjs.entry.js

@@ -8,7 +8,7 @@ const DgaModalUsage = class {
         this.show = false;
     }
     render() {
-        return (index.h("div", { key: 'a45ba67135f89aadc1996c8f3cb8f8c3968308be', style: { position: "relative" } }, index.h("h1", { key: 'f8af9374b5f5e343a9c1b873b5beb66fcb8b3b34' }, "Modal Example"), index.h("button", { key: '57faac329befc97ee6095a5a69f96013aa6fc8fe', onClick: () => this.show = true }, "Open Modal"), index.h("dga-modal", { key: '610d888e48242e370dcca45632c86467a21e4c62', buttonsList: [
+        return (index.h("div", { key: '1d7c4cef1e1f98538810ce4b0eb77166f30cf030', style: { position: "relative" } }, index.h("h1", { key: 'a7ebea0aa5d67666454bfeecc4306a7ab7a71dfd' }, "Modal Example"), index.h("button", { key: 'ab9d06082be15e449e14b96eb2eac55b3f65a800', onClick: () => this.show = true }, "Open Modal"), index.h("dga-modal", { key: '7328e375daaf6abc83cfc846d8458b34f924f94b', buttonsList: [
                 {
                     extraClass: '',
                     label: 'Close',

package/dist/cjs/dga-modal-v2-usage.cjs.entry.js

@@ -8,12 +8,12 @@ const DgaModalUsage = class {
         this.show = false;
     }
     render() {
-        return (index.h("div", { key: '982481a9b84de17910ec3c82b05dc46bbd9bbdbe', style: { position: 'relative' } }, index.h("h1", { key: 'a982753e9d47474fb8c90b5689c7910a728f92ad' }, "Modal Example"), index.h("button", { key: 'd776f2d8d16794ad692ebf123563e54327c99858', onClick: () => (this.show = true) }, "Open Modal"), index.h("dga-modal-v2", { key: 'daf37ca4e61f53ea7c2952bc0d527321cafd10ab', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, index.h("dga-modal-header", { key: '7bf5ef92521dfb2bde90fd67e67262a6f1a70c59' }, index.h("dga-featured-icon", { key: 'c1cd7e7adaa005fa0acc0628b6c114ab949d1d0c', color: "brand", variant: "light", size: "md", icon: {
+        return (index.h("div", { key: '9aaa7ec5d254c4ce0b47fb5acd2fb2101d70525f', style: { position: 'relative' } }, index.h("h1", { key: 'b166ef41f5d3fceb957ce090d93200b3e7ef2283' }, "Modal Example"), index.h("button", { key: 'f59e9e27958f573198e1dd71add2805c7572070c', onClick: () => (this.show = true) }, "Open Modal"), index.h("dga-modal-v2", { key: '2856d8704b25bab43a6c04e2e4ff6f6feb39d974', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, index.h("dga-modal-header", { key: 'ac6f5efd55dc5ba4f2dc693123001b6f5eb9ee78' }, index.h("dga-featured-icon", { key: '0761a03e39fe49a7bde152c548c001ec49995f55', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), index.h("dga-modal-title", { key: 'e8052d287965dec2b07db92f0d7b45af81464eb5' }, "Title goes here")), index.h("dga-modal-body", { key: '5af7545676a5859b37115cea4d960313ec880ce2' }, index.h("dga-flex", { key: 'e67dae2b0757abd39554fa738758d875d6e204d6', direction: "column", spacing: 8 }, index.h("p", { key: 'a7b63688c409218dcb05eb6772f70513b17d7f17', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), index.h("dga-rating", { key: 'e40361320ff77fa72b56d2e960b8f7f5d482efb1' }))), index.h("dga-modal-actions", { key: 'a2f83f4007e47b2367996ae9f73dbd0195c20788' }, index.h("dga-button-v2", { key: 'b6ad776a55ec97bbd6f0f938e1b06db869989f65', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), index.h("dga-button-v2", { key: 'f7f47634ab27d5dbaad27df2b6653b882ee010c0', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), index.h("dga-modal-title", { key: 'adc0528a028a8dab0460418457c172e73e0407c7' }, "Title goes here")), index.h("dga-modal-body", { key: 'ad1fd1b5f3f8817da9f362f0be3b0d56c7964cc4' }, index.h("dga-flex", { key: 'fe70e22f63e51233fd84a4d2a89764421e0fba41', direction: "column", spacing: 8 }, index.h("p", { key: '2d2d5837063e0bf23ee5246bcbf1f0de2bf07b74', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), index.h("dga-rating", { key: '19e93e78a603fb9106fce68b6e1f9c43309168cb' }))), index.h("dga-modal-actions", { key: '080daf32c947a3459e1230146ace01599f0211bd' }, index.h("dga-button-v2", { key: 'e7d63c48c68ab2edb3f08c3ff35e044c4a7e1428', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), index.h("dga-button-v2", { key: '15e75ede1473436e80efde01608b25540a300248', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
     }
 };
 

package/dist/cjs/dga-modal.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CgKhFr-4.js');
-var index$1 = require('./index-ByjaZgsn.js');
+var index$1 = require('./index-BCWGzgj9.js');
 
 function HideModal(name) {
     if (!name)
@@ -39,15 +39,15 @@ const DgaModal = class {
         HideModal(this.name);
     }
     render() {
-        return (index.h("dialog", Object.assign({ key: '867b777973fe2b6baf70ad0b39164c9afabd62cf', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (index.h("dialog", Object.assign({ key: 'f57d498569adb2b89bdc33197cbf8ae764b6b8df', 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 }), index.h("div", { key: '5bcbff22c57c497c2efe208337fbb6b3bf9380f9', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, index.h("div", { key: '9b10d0dbc338c8616e56b980506aa43589dcf1bc', class: "modal__header" }, index.h("div", { key: 'a2b540e0e7d3d85a123053c5bab489d6a2bd9659', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, index.h("dga-featured-icon", Object.assign({ key: '179d881f7f13d449723ea870efecc063ee347e09' }, this.featuredIconProps))), this.closeButton && (index.h("div", { key: '3c5c4157942561f7b1f989de78f1c7511e126b4b', class: "modal__close" }, index.h("dga-button-v2", { key: 'aa1b081789ae6a419501af8a218b48d0fe6c2069', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), index.h("div", { key: 'ef6a317a0546c7b2d14df18cbeb3b76fc8fd0a68', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, index.h("div", { key: '1985a20d22dd1ffe4c38b1f7d36901cd132c1b68', class: "modal__header" }, index.h("div", { key: '498498cfaade220c098e8a181dfc5f50ff1b727c', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, index.h("dga-featured-icon", Object.assign({ key: 'a3845d39b318ac13295b8c3c3e33b3d77f33de0f' }, this.featuredIconProps))), this.closeButton && (index.h("div", { key: '46c1b2a7da3ed32da774c2c2c8d76effd11a7916', class: "modal__close" }, index.h("dga-button-v2", { key: '66172f11f5e57da13ac87654c9f5e8076c21cfd5', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), index.h("div", { key: '083287a3305bcbcbf704678bbae80f0d3db2f816', class: "modal__body" }, this.modalTitle && (index.h("h4", { key: '3f0b43b8d919c34803d7a2e51b1c1f5504a95399', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), index.h("slot", { key: 'b0dd42f1471b6bbee865e43ab1da814cfd809f84' })), index.h("div", { key: '41d86517430b76f67fe0ff534ca409a860a46b35', 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' })))), index.h("div", { key: '6dd80ba57bf783a17aa623d44f063a9eb401b905', class: "modal__body" }, this.modalTitle && (index.h("h4", { key: 'c3fad574495aa19dd08d5bbfa9fe811894c269cb', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), index.h("slot", { key: '360a741c37e7970be31c963d7e37b48212d03feb' })), index.h("div", { key: '6882e7e55e3d248cb7b1b4e95d86aae4f12bd396', 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/cjs/dga-notification-toast-usage.cjs.entry.js

@@ -9,7 +9,7 @@ const DgaNotificationToastUsage = class {
         this.open = false;
     }
     render() {
-        return (index.h("div", { key: '60f49d64c7fa236bf2d5a838f300992195c80fff' }, index.h("h1", { key: 'cc1559e31fb539eebecfb52ebf3969cb3a5eecc9' }, "Notification Toast Example"), index.h("div", { key: '45fd668d411f8b566352a5fa03a4b4825e192257', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '30c9c51f45008856351f1c2afb39895027a1f908', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'ce7e5c42c17792edf2505c942c32de2a735fcb02', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: '869b3447e35e55cdcecf3a813749e5a3315b4fd6', onClick: () => this.open = true }, "open"), index.h("button", { key: '1dcd9defb7753f7c372dec0701fa89fe3a49d0fb', onClick: () => this.open = false }, "close")), index.h("dga-notification-toast", { key: '7f59faf10f96e4738541a76f9eaf3a78fc7692ac', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+        return (index.h("div", { key: '56e0f0bf8e4b0adf120ff0d869cdda544cdef401' }, index.h("h1", { key: '79317ee62ad38058ca4012aa6ffbec8ddbf2f5d4' }, "Notification Toast Example"), index.h("div", { key: 'a81c0bcad6dc89f42527b614fea0c780e4a748f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '574eb746ddf78d37d760aa8670a8a9eb53334db2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '2c9d26c302f25bf03f843cda3031dc5e91e62232', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: 'b0e38267fa51e8e929642fa7ea1e90ea2c8fe34b', onClick: () => this.open = true }, "open"), index.h("button", { key: '776a37bfd3d2442059289dc0a16fd0a1942f822b', onClick: () => this.open = false }, "close")), index.h("dga-notification-toast", { key: '029a110d4a944a92bfeb480a24687211ceeb4129', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -20,7 +20,7 @@ const DgaNotificationToastUsage = class {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), index.h("dga-notification-toast", { key: '181a8a97d6a3a0cb272f6c1c729297c9767cb30e', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), index.h("dga-notification-toast", { key: '23a3e770b81f7c12a448df153ac89599b1d4092b', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -31,7 +31,7 @@ const DgaNotificationToastUsage = class {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), index.h("div", { key: '85dc1cff245c14638db7658170dde2ba90baf382', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), index.h("div", { key: '79bbebda27aa2e4e94e34c1989b6179ef0502f3e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-notification-toast.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CgKhFr-4.js');
-var index$1 = require('./index-ByjaZgsn.js');
+var index$1 = require('./index-BCWGzgj9.js');
 
 const dgaNotificationToastCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.dga-btn--lg{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.dga-btn--md{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium,.dga-btn--sm{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl,.notification-toast{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.notification-toast{position:fixed;z-index:1000;display:flex;width:484px;padding:var(--spacing-xl) var(--spacing-3xl);flex-direction:column;align-items:flex-start;gap:var(--spacing-xl);border-radius:var(--radius-md, 8px);background:var(--colors-base-white);transition:transform 0.3s ease;overflow:hidden}.notification-toast::after{content:\"\";display:block;height:100%;width:8px;left:0;top:0;background-color:var(--colors-error-400);position:absolute}.notification-toast__close-btn{position:absolute;top:calc(var(--spacing-xl));right:calc(var(--spacing-3xl))}@media only screen and (max-width: 37.5em){.notification-toast__close-btn{position:absolute;right:var(--spacing-xl)}}.notification-toast__header{display:flex;padding:var(--spacing-none);align-items:flex-start;gap:var(--spacing-lg)}.notification-toast__title{margin-bottom:var(--spacing-xs)}.notification-toast__action{padding:var(--spacing-none, 0px) var(--spacing-5xl, 40px);gap:var(--spacing-md)}.notification-toast__action-mobile{display:none;flex-direction:column;align-items:stretch;width:100%}@media only screen and (max-width: 37.5em){.notification-toast__action{display:none}.notification-toast__action-mobile{display:flex;gap:var(--spacing-md)}}@media only screen and (max-width: 37.5em){.notification-toast{width:100%;padding:var(--spacing-xl)}.notification-toast::after{width:100%;height:8px}.notification-toast__header{flex-direction:column;gap:var(--spacing-xl)}}.notification-toast--neutral::after{background-color:var(--background-neutral-200)}.notification-toast--neutral .notification-toast__icon{color:var(--icon-default) !important;background-color:var(--background-neutral-50)}.notification-toast--info::after{background-color:var(--background-info)}.notification-toast--info .notification-toast__icon{color:var(--background-info) !important;background-color:var(--background-info-50)}.notification-toast--error::after{background-color:var(--background-error)}.notification-toast--error .notification-toast__icon{color:var(--background-error) !important;background-color:var(--background-error-50)}.notification-toast--warning::after{background-color:var(--background-warning)}.notification-toast--warning .notification-toast__icon{color:var(--background-warning) !important;background-color:var(--background-warning-50)}.notification-toast--success::after{background-color:var(--background-success)}.notification-toast--success .notification-toast__icon{color:var(--background-success) !important;background-color:var(--background-success-50)}html[dir=rtl] .notification-toast__close-btn,html[lang=ar] .notification-toast__close-btn{right:auto;left:calc(var(--spacing-3xl))}@media only screen and (max-width: 37.5em){html[dir=rtl] .notification-toast__close-btn,html[lang=ar] .notification-toast__close-btn{right:auto;left:var(--spacing-xl)}}.dga-vpostion-top{top:16px}.dga-vpostion-bottom{bottom:16px}.dga-hpostion-left{left:16px;transform:translate3d(-100vw, 0, 0)}.dga-hpostion-left.active{transform:translate3d(0vw, 0, 0)}.dga-hpostion-right{right:16px;transform:translate3d(100vw, 0, 0)}.dga-hpostion-right.active{transform:translate3d(0vw, 0, 0)}.notification-toast__icon{display:grid;place-items:center}dga-button{width:fit-content}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--primary-neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--primary-neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--primary-neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--primary-neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--primary-neutral:active::after{display:none !important}.dga-btn--primary-neutral:disabled,.dga-btn--primary-neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-neutral--on-color:visited,.dga-btn--primary-neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--primary-neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-neutral--on-color:disabled,.dga-btn--primary-neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary-brand{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary-brand:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary-brand:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary-brand:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary-brand:active::after{display:none !important}.dga-btn--primary-brand:disabled,.dga-btn--primary-brand[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-brand--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-brand--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-brand--on-color:visited,.dga-btn--primary-brand--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:disabled,.dga-btn--primary-brand--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary:disabled,.dga-btn--secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary--on-color:visited,.dga-btn--secondary--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:disabled,.dga-btn--secondary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{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)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.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);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.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)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary:active::after{display:none !important}.dga-btn--des-secondary:disabled,.dga-btn--des-secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{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)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
 
@@ -43,8 +43,8 @@ const DgaNotificationToast = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'd4f4617eeecc337ef05595add05001aab82d0255', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, index.h("div", { key: 'c7218855fe507068d63db32bd3cb83415e7e58f1', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, index.h("dga-featured-icon", { key: 'f6fc93778a117952cd86ddbad04a32280686e62c', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), index.h("div", { key: '7ecac11fc030ac94601938131359e7aad9c40a66', class: "notification-toast__body" }, index.h("h4", { key: 'eb468da37f394e83ed588d3b1fe108948d6f4ea5', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && index.h("p", { key: '929a5adf30c2654edaa27b5284cf951d14d1d510', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (index.h("div", { key: '035cb963a4810cd7362f152348836e0a3078cf0f', class: "notification-toast__close-btn" }, index.h("button", { key: '9ead0926eb496deb8041c0acf04c9101d381a15f', 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); } }, index.h("span", { key: '2b1200c19539af7b71578101cce602786ca3990e', class: "dga-btn-icon" }, index.h("dga-icon", { key: '5e1ffad7aad83e827ad38f6852541158ffd755e3', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (index.h(index.Fragment, { key: '51b13ac1247f1f6e193845e6cef85e98b162ca94' }, index.h("div", { key: 'f43b77cf6a5235c408a4036357077d0417abdaea', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), index.h("div", { key: 'dddb950a730fbbe9f693c452f738d7ca2cfa00e4', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (index.h("div", { key: '80fea6e4aeef5111faa5791c4dc8025e4380eab4', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, index.h("div", { key: '046992b43822b7b085397f876f8e9a2f850c2c53', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, index.h("dga-featured-icon", { key: '2472254ebc14cca09f3d0ad218bf62e8e2681fe8', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), index.h("div", { key: 'b99af2fd29bcfb5bfae4c3d2fa68dbff06a39b98', class: "notification-toast__body" }, index.h("h4", { key: '502779fa20820698198135b633880a64b72abcc1', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && index.h("p", { key: '59f1a273153e2c79fcfe2314b919c91c75791796', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (index.h("div", { key: '188e3cafc7620e29fa14c689ee448f78b46c7578', class: "notification-toast__close-btn" }, index.h("button", { key: 'f4d1365e195955c795b5fd15e1fb8811cc6391c7', 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); } }, index.h("span", { key: 'adbefc04ffecd488ed52fc37ed7cd117f90241d1', class: "dga-btn-icon" }, index.h("dga-icon", { key: '0f60828e0ea90c1359de1a1f950b323b45d323c5', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (index.h(index.Fragment, { key: 'ad8b9d11094f3b35a0cab7c2668360f8c1b6c18f' }, index.h("div", { key: '983a64fb3c4704d939685b023173f309d92ddabb', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), index.h("div", { key: 'e9567ceafb5b9b0ea5fefcddab680136bf12748c', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
 };

package/dist/cjs/dga-notification-usage.cjs.entry.js

@@ -8,7 +8,7 @@ const DgaNotificationUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: 'ea4f25cd1bfa13a51684c3c3a53960ffcee878b1' }, index.h("h1", { key: '4f0b801cf475405202ac8da6cc54df56a092d8cf' }, "Notification Example"), index.h("div", { key: '2aa0f1ba7cca91cf1cc32fea4cd416baa1ac629a', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '5c9cbd2e270595eead6e76a80de0774707f13286', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-notification", { key: 'bca93c0b183219a4f92eb781b89e8e84791f5a12', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), index.h("dga-notification", { key: '3b0ed2e5e40265ed0fb9eb666002049d556a8829', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), index.h("dga-notification", { key: '1c7cea99ee8e4a27f895ce5fb1ea9eee3dc80dd4', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), index.h("dga-notification", { key: '3d976bed6ca7a07e0e3b5d31310b9b57dd20304f', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), index.h("dga-notification", { key: '6301ed97e5ea394f734bfd349de6495c83ac32eb', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), index.h("div", { key: 'def69a1cd55359c6dd27d2987eb7de4e477c1bc0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '061b9fa818dbfecccfa83abd752c050f8bb789c7' }, index.h("h1", { key: 'a61b841d5bae620fb5d3824637b506bf986688d0' }, "Notification Example"), index.h("div", { key: 'fc2c00772e8dab3dd1a1f27536126f5c4e472590', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '0525f6745e9b7a7090d32c54d7ff2b7386587d78', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-notification", { key: 'aab7266ac630410ec5a41a091c7fbe25e17085b2', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), index.h("dga-notification", { key: 'b9b666915fbceac5e9f6208867ba8b570fe10007', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), index.h("dga-notification", { key: '1d8f6208d39bf9a389f14a18c5cc27e927de9ae5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), index.h("dga-notification", { key: 'e3aac38df8a972c5afc470e4bb19c4e7ec3bceaf', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), index.h("dga-notification", { key: '9e2cd75f1a7d661da809a22de64733f4d2a98e5f', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), index.h("div", { key: 'a9b26f80c1ca89ab081b077c646884eec6a7023a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };