@platformscode/core 0.0.34 → 0.0.37

package/dist/collection/components/dga-icon/utils.js

@@ -1,5 +1,49 @@
 import { getAssetPath } from "@stencil/core";
 let CACHED_MAP;
+const VALID_VARIANTS = ['stroke', 'solid', 'duotone', 'twotone', 'bulk'];
+const DEPRECATED_VARIANT_MAP = {
+    twotone: 'stroke',
+    duotone: 'solid',
+    bulk: 'solid',
+};
+const normalizeVariant = (variant) => {
+    var _a;
+    if (!variant)
+        return 'stroke';
+    return (_a = DEPRECATED_VARIANT_MAP[variant]) !== null && _a !== void 0 ? _a : variant;
+};
+/**
+ * Parses an icon string in the format `[icon-name]-[variant]`
+ * Example: `1st-bracket-circle-solid` -> { name: '1st-bracket-circle', variant: 'solid' }
+ * Also handles legacy `[icon-name]-[variant]-[type]` strings by stripping the type.
+ * If no variant suffix is found, returns the original string as the name.
+ */
+export const parseIconString = (iconString) => {
+    if (!iconString || typeof iconString !== 'string') {
+        return { name: iconString };
+    }
+    const lowerStr = iconString.toLowerCase().trim();
+    const LEGACY_TYPES = ['rounded', 'sharp', 'standard'];
+    for (const variant of VALID_VARIANTS) {
+        for (const type of LEGACY_TYPES) {
+            const suffix = `-${variant}-${type}`;
+            if (lowerStr.endsWith(suffix)) {
+                const name = lowerStr.slice(0, -suffix.length);
+                if (name.length > 0) {
+                    return { name, variant };
+                }
+            }
+        }
+        const suffix = `-${variant}`;
+        if (lowerStr.endsWith(suffix)) {
+            const name = lowerStr.slice(0, -suffix.length);
+            if (name.length > 0) {
+                return { name, variant };
+            }
+        }
+    }
+    return { name: lowerStr };
+};
 export const getIconMap = () => {
     if (typeof window === 'undefined') {
         return new Map();
@@ -72,8 +116,23 @@ export const getUrl = (i) => {
     if (url) {
         return url;
     }
+    // Check if icon prop contains a full icon string with variant suffix
+    // e.g., "1st-bracket-circle-solid"
+    if (i.icon && isStr(i.icon) && !isSrc(i.icon)) {
+        const parsed = parseIconString(i.icon);
+        if (parsed.variant) {
+            const iconName = getName(parsed.name, undefined);
+            if (iconName) {
+                return getNamedUrlWithVariant(iconName, parsed.variant, i);
+            }
+        }
+    }
     url = getName(i.name, i.icon);
     if (url) {
+        const parsed = parseIconString(url);
+        if (parsed.variant) {
+            return getNamedUrlWithVariant(parsed.name, parsed.variant, i);
+        }
         return getNamedUrl(url, i);
     }
     if (i.icon) {
@@ -84,17 +143,36 @@ export const getUrl = (i) => {
     }
     return null;
 };
+/**
+ * Get the URL for a named icon using an explicit variant value.
+ * Used when parsing icon strings like "icon-name-variant"
+ */
+const getNamedUrlWithVariant = (iconName, variant, iconEl) => {
+    const normalized = normalizeVariant(variant);
+    const fullName = `${iconName}-${normalized}`;
+    const url = getIconMap().get(fullName) || getIconMap().get(iconName);
+    if (url) {
+        return url;
+    }
+    try {
+        // const assetPath = `assets/svg/${normalized}/${iconName}-${normalized}.svg`;
+        const assetPath = `assets/svg/${iconName}-${normalized}.svg`;
+        const result = getAssetPath(assetPath);
+        return result;
+    }
+    catch (e) {
+        console.log('e', e);
+        console.warn(`[GDS Icons Warning]: Could not load icon with name "${iconName}" (variant: ${normalized}). Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
+    }
+};
 const getNamedUrl = (iconName, iconEl) => {
     const url = getIconMap().get(iconName);
     if (url) {
         return url;
     }
     try {
-        // Get variant and type from the icon element, with defaults
-        const variant = iconEl.variant || 'bulk';
-        const type = iconEl.type || 'rounded';
-        // Construct path with variant-type folder structure
-        const assetPath = `assets/svg/${variant}-${type}/${iconName}-${variant}-${type}.svg`;
+        const variant = normalizeVariant(iconEl.variant);
+        const assetPath = `assets/svg/${variant}/${iconName}-${variant}.svg`;
         const result = getAssetPath(assetPath);
         return result;
     }

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

@@ -16,9 +16,9 @@ export class DgaInlineAlert {
         };
     }
     render() {
-        return (h("div", { key: '51a1aef5977ccdabbad4baa3bc94a0db9e8a9dec', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '87caa87eaed73ef430e0172073b7afeb4ca97400', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '8872072bad3f3c32fc9514a3ecabfce6490113fc', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: 'f00eda8008baa620feb585846944bcf27ef5225a', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: 'e858aff75ed8bf9a7a4f90cefe4d3c31c5108d56', class: "alert__body" }, h("h4", { key: 'eae8438c342c0eb17ae270d3b6e7ef2032ee11ee', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'd496ab6183d5c218a3f6cfdc7bfe73cc830c7a42', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '7ed949dbab9138b138d57c7815ef931aa6c9f9ad', class: "alert__close-btn" }, h("button", { key: '2e0f0caeeb21f761df4e27a9b6dfecdcf682e02f', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: '0ddc0dca7715b62b829d3b04b2d0bbcb5d880d35', class: "dga-btn-icon" }, h("dga-icon", { key: 'bd1c415aa3529c894d5939e6dc0fada2608b97cb', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '1b2b0bcda9df6747d3f1af532493b10da5cad5fb' }, h("div", { key: 'd9aaa5aa500697eb66ff2a38b8a2fc9abf2076cb', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (h("div", { key: 'cf31fdd990ac2405d139c84b31103753e3a3cc86', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '79dd235b6e16da480894aec2659d0b951296bee9', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '1762f1290159341040b50b2ff7a35504b47beb0c', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: '53cd5e9ddfa85a93c49a8fd223447ac12d2cb670', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: 'fc0f70fadcf82aee08de90b2377ed9faed07dcfa', class: "alert__body" }, h("h4", { key: '5e30c0ccc81f9d1e9f80afbacb8f44bb59c83b99', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'c449f978f57877792783c3ba8f48c5de47cd1fd9', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: 'd6de8d168f45954d9759543d23f55ac77292ee31', class: "alert__close-btn" }, h("button", { key: '5dd488e3c55dd653135c56cd23d0e73f08a7dede', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: 'df2ac196ba828d02985da95357e8618f87b9aa66', class: "dga-btn-icon" }, h("dga-icon", { key: 'dfe8a7eb3a8f3bf859f3b0e22f1a912469eeccc0', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '461782a42956e4df6150c6a2236bfa079273d0ed' }, h("div", { key: 'bdbf9703075d02b4e1bed0d08746f104bce33ea1', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${exraClasses}` }, (title && { title: title })), label));
-        })), h("div", { key: 'a6eb094a59cc63dffff53e905a4676a15adcc20b', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), h("div", { key: 'cab7651a92e0cd1345b527cdb6ade1902b98cda7', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `btn btn--secondary btn--lg ${exraClasses}` }, (title && { title: title })), label));
         }))))));
     }

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

@@ -21,11 +21,11 @@ export class DgaLinearProgressBar {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (h("svg", { key: 'e0aba43de322047d25a46fd325cee6e33532c46b', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ddf1c20f7cfe3997f82b0494d26f2917091313fe', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '96d63d80b13e97746e23b6a0e65a704961426473', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '0c0bfe4d284478d0b48ddab2f6eb68b8a7fb75d6' }, h("clipPath", { key: '003dd427467adc2bf55f3bcb22f8d3b405cfbe2c', id: "clip0_17869_405" }, h("rect", { key: '950e35ff22d3c9b034b9838241082db71b17d78b', width: "16", height: "16", fill: "white" }))))),
-            primary: (h("svg", { key: 'a71f2d74b308c86b7baf55d3a2e1284caa25d0b4', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ef81ccdc0b0b35a1b76b68ac8fcd8955d9897884', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'd957f3aa3443ae176b03d2e3fa1ffb22df22d3d0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
-            error: (h("svg", { key: 'b0ba1115c71b2e5cbcff8ca34fc6a06c62fb3a51', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0364c9cc2b0a542550e728a04449e126858d6432', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: '23d881373c15c1d81a73d15483de941ef398f1d2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
+            neutral: (h("svg", { key: 'ad3cd132ce762b4ca230b3d061f8548dfc8e6743', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ddf57d87c872b95f615ad514c32d6a9cdb2fcb89', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'f099baff0c1983f75dcc22299f659541c8c05949', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'd2caa8d45c1f3ccf746319965af923e42666b674' }, h("clipPath", { key: '892c8b48fd6273ed40c9c31bc37974b877985dd2', id: "clip0_17869_405" }, h("rect", { key: 'af315330c6ce48312464ab6f2682b6e61c0cb202', width: "16", height: "16", fill: "white" }))))),
+            primary: (h("svg", { key: '2150fe4cad8756cfe448270a4969af9b0141501d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7e43c870adcf2225c8e181477b765bd32408022b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'c6b1470eff9df4d63489b586f4c6dc6520696040', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
+            error: (h("svg", { key: '833d5409de4d166a775617c8a8aa6330adeb01ec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3469dc6b5b91ba973b62aaaf8dd739ed14f0a2c7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'af5293f42df923600e77418e93a1783444d06b43', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
         };
-        return (h("div", { key: '2ebb175707b45ddff7e72eada7b1970e99e2262a', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: '58e79724dfe981f940086f66e3b7bd96190aab78', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '2e024c5950f8b1a06119610bcc9fbb62b33db6a5', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: 'f797296213d5c3ff9da82629bd71a6045c5ab644', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: '4d0440be7234f8803b9a26f4a46df515f5b5c0c3', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: 'daeef014940d34b9e6adc6deacba1d870ade9b78', class: "progress-bar__note" }, h("div", { key: 'd701b2b07ed69c84e7db505577c74bf2475e452a', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: 'c1c44614a8d2a6b4f8d8e8903d5d163eee270ba8', class: "content" }, h("p", { key: 'c1ea303bcb9ccbc63edc1c762c17135abbb00967', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (h("div", { key: '0ed22f0040c913ee8c47c8fcb6b09ad91a65516f', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: 'c20c5c2a65240ebc957f11d9140b0c913cba8d82', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '0bfa2a34aadfee76ea1d389f01d45073e94fd719', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '203f19f4b25fe4863d1003c0fef10e2fafc56016', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: 'ec9b40fcaa22c7d95fd4af0d3ade0c93dc87d1cd', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '407ed36553eeb1b9efab3b20a80f46af0a4e387a', class: "progress-bar__note" }, h("div", { key: '99bcd695030873a3ece53c3a124f03a30c88baf0', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '9174d49de14f09c8dd0bdffcd38311dfb71a88ab', class: "content" }, h("p", { key: 'b5e63429f70fc732dd23a127ef3221364e220381', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
     }
     static get is() { return "dga-linear-progress-bar"; }
     static get originalStyleUrls() {

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

@@ -25,7 +25,7 @@ export class DgaListItem {
         return null;
     }
     render() {
-        return (h("li", { key: 'ea563aa2b52b600800ce2991e055b2db73344cf4', class: this.getListClass() }, this.type === 'with-icon' && (h("span", { key: 'cda76b8632e9a5e0b6f022bb85be8dcd38320308', class: "list-item__icon", innerHTML: this.icon })), this.renderMarker(), h("span", { key: '3c1dddefbda54ca70a87d8f9e330a73d1e09e832', class: "list-item__text" }, this.itemText)));
+        return (h("li", { key: '095ccba8b5d487a7e9ed11cb6635e08ed703391a', class: this.getListClass() }, this.type === 'with-icon' && (h("span", { key: '5e04ec4045647289dd314f49c668f27aa2266d5e', class: "list-item__icon" }, h("dga-icon", { key: '9979d04aea2fca3d11f7737bb43ecf563adf00d9', icon: this.icon, size: 16 }))), this.renderMarker(), h("span", { key: '3bb6fe07dc6087b7f8dcc5f86aa5d9910ef0ab3f', class: "list-item__text" }, this.itemText)));
     }
     static get is() { return "dga-list-item"; }
     static get originalStyleUrls() {

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

@@ -25,7 +25,7 @@ export class DgaListV2 {
     //   }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h(Tag, { key: '617980405c2d425da188084e0180cd9f6a5617f5', class: `list list--${this.type} list--${this.color}` }, h("slot", { key: 'f545693d0fdd24015e20bb6ca62f6aef4bca51c0' })));
+        return (h(Tag, { key: 'c33ca9f7659546ad35276b507e11dc40260e12f3', class: `list list--${this.type} list--${this.color}` }, h("slot", { key: 'ed5c5c048d7afaf5c3d467343418ffbf6890eb02' })));
     }
     static get is() { return "dga-list-v2"; }
     static get originalStyleUrls() {

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

@@ -15,7 +15,7 @@ export class DgaList {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h("div", { key: '91131ee27d0c10ef49df38668867285ce1f72922', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '2eaf01cbb75c6f373344a6045dcc56f0b77b44e1', class: "list-title" }, this.title), h(Tag, { key: '5818a77605587f99f1be8e71102570acd25dae93' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
+        return (h("div", { key: '7d95361dcea178a59da32b4d08bf7f0560eb3d48', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '0344d56c05bb2edaee1716489128994fd076a0bf', class: "list-title" }, this.title), h(Tag, { key: 'd7e8b8e2a3f2162f9b0c6b25e9a6025d44f0ea71' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
     }
     static get is() { return "dga-list"; }
     static get properties() {

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

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

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

@@ -148,7 +148,7 @@ export class DgaActionMenu {
         return style;
     }
     render() {
-        return (h(Host, { key: '9921eada90099872e382c427a4e193151ac411ca', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '7717bd5474a657b0504a8ee8fd3c55d6ee52b111', style: { position: 'relative' } }, h("slot", { key: '97002f6d3ad8d85145181e8116febdda822884a9', name: "trigger" }), this.open && (h("div", { key: '54590c8481773fa83715ecd16040394ad8b327c2', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '76747694594823c4ae0696a1a1b973596e932af4', name: "menu" }))))));
+        return (h(Host, { key: '71e68c3512bab324a11821dbb5b7d0195114bbef', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '75263ef1b5cdd6585494f8a19fb0875fa1abebb2', style: { position: 'relative' } }, h("slot", { key: '9b5840e9c25009676b18edbcc4be739e854b4f66', name: "trigger" }), this.open && (h("div", { key: 'a5a01d14c6f1d90a471429e0a879bbe6c1dfdb10', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '8d60a919568aead1380f0e91a60d02dd58a5dfee', name: "menu" }))))));
     }
     static get is() { return "dga-action-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaMenuGroup {
     render() {
-        return (h("div", { key: '86dd52ed3f3ee850b26675804bab4808272ebc3c', class: "menu-group" }, this.groupLabel && h("span", { key: 'df39605b15ae286fe647cafe77b61fc9d52c3f31', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '6a87d151d1894b7a09f5831ac2f84a5be8d439c9', class: "menu-group__items" }, h("slot", { key: '3d871855108f7e6c06e014932355b0bcfbe86e25' }))));
+        return (h("div", { key: 'f83f05369c4927b2081e1b180480c59e9d73e540', class: "menu-group" }, this.groupLabel && h("span", { key: '557db4ae2b7333a6bec917979c657e6392f984ca', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '0b66140bfde01c8f8df1c2d59433f7ccbe6f37b4', class: "menu-group__items" }, h("slot", { key: '720f7613be74e425cdb4204fbaa57e61c98ce153' }))));
     }
     static get is() { return "dga-menu-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class DgaMenuItem {
         }
     }
     render() {
-        return (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 && h("span", { key: '4224bedc81bba7577328fee16c0efdaa9b6b7cce', class: "menu-item__icon" }, h("slot", { key: '00e7c38eb14f1e4b8eb54f259b97fb9505eb32c4', name: "lead-icon" })), h("span", { key: '1dfdf81fcf2430fc2d482b1d643c639b0a0bbf03', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: 'bdb48ee539b12fc1d7c524551f175c766b84aac5', class: "menu-item__trail-element" }, h("slot", { key: '06367632da6b8bf96116cf03a0b0cbbe975708dd', name: "trail-element" }))));
+        return (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 && h("span", { key: '92e16bee31b7f248363dbfe9b9600db9283d4dd1', class: "menu-item__icon" }, h("slot", { key: '565479b56817e98ad2f454fab7e5d485a3d6029b', name: "lead-icon" })), h("span", { key: '53a53f7a22b50c3fa30e60b759e051787048c8c6', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '1bad8270fb653e6211e3e1fc9005d0fd25bdaf09', class: "menu-item__trail-element" }, h("slot", { key: '371654c563a50b14a90cdd42a4789e9e5ce26fcf', name: "trail-element" }))));
     }
     static get is() { return "dga-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class DgaMenuV2 {
         };
     }
     render() {
-        return (h(Fragment, { key: '9cdd7138465f550e34cde04897107611d4bd9650' }, this.open && (h("ul", { key: 'ba7b6124ea41b40e434b53bc63362bf121118567', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: 'a1f12d0fac53dbc9e43de64dfb2693381cba3939' })))));
+        return (h(Fragment, { key: '6693f1b83a2c0dc22eb78b9cc06d6816f1296d21' }, this.open && (h("ul", { key: 'aeedfaf5a642f1847e7bdfd8db1cf07ff813cabf', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '427676e44ac227d3761ab208e24a618f622f27f7' })))));
     }
     static get is() { return "dga-menu-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class DgaMenu {
         };
     }
     render() {
-        return (h(Fragment, { key: 'a9734e250c23d16d735addda2dc71342c50eb0be' }, this.open && this.anchorEl && (h("ul", { key: '195c5d402ced72dcf03e23fb397abf40122d15ec', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '9a15fba0ca66d54884708b9e7365b00c66bfe0c5' })))));
+        return (h(Fragment, { key: '26bddcf78184796ce02fcf705488bdd613cf6949' }, this.open && this.anchorEl && (h("ul", { key: '6c65291898e68652253898973e165b59093c7aa1', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '8aae03b4774f80523c472f18d8d023db87d2590b' })))));
     }
     static get is() { return "dga-menu"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class DgaMenuList {
     render() {
-        return (h(Fragment, { key: 'c788dab88f3adc4f53f30891c2989e9cf4aa860f' }, h("slot", { key: 'd08e7172accd804085ca5c9fb98eb0a6ef9e9641' })));
+        return (h(Fragment, { key: '2b41672cb7eabdf9e5fc94c00c6a71b37326c15b' }, h("slot", { key: 'f32c0e57b6cb3d8b18a19e41c35b50a116043784' })));
     }
     static get is() { return "dga-menu-list"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

@@ -18,15 +18,15 @@ export class DgaModal {
         HideModal(this.name);
     }
     render() {
-        return (h("dialog", Object.assign({ key: '867b777973fe2b6baf70ad0b39164c9afabd62cf', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (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 }), h("div", { key: '5bcbff22c57c497c2efe208337fbb6b3bf9380f9', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '9b10d0dbc338c8616e56b980506aa43589dcf1bc', class: "modal__header" }, h("div", { key: 'a2b540e0e7d3d85a123053c5bab489d6a2bd9659', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '179d881f7f13d449723ea870efecc063ee347e09' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '3c5c4157942561f7b1f989de78f1c7511e126b4b', class: "modal__close" }, 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 }), h("div", { key: 'ef6a317a0546c7b2d14df18cbeb3b76fc8fd0a68', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '1985a20d22dd1ffe4c38b1f7d36901cd132c1b68', class: "modal__header" }, h("div", { key: '498498cfaade220c098e8a181dfc5f50ff1b727c', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: 'a3845d39b318ac13295b8c3c3e33b3d77f33de0f' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '46c1b2a7da3ed32da774c2c2c8d76effd11a7916', class: "modal__close" }, 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' })))), h("div", { key: '083287a3305bcbcbf704678bbae80f0d3db2f816', class: "modal__body" }, this.modalTitle && (h("h4", { key: '3f0b43b8d919c34803d7a2e51b1c1f5504a95399', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: 'b0dd42f1471b6bbee865e43ab1da814cfd809f84' })), 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' })))), h("div", { key: '6dd80ba57bf783a17aa623d44f063a9eb401b905', class: "modal__body" }, this.modalTitle && (h("h4", { key: 'c3fad574495aa19dd08d5bbfa9fe811894c269cb', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '360a741c37e7970be31c963d7e37b48212d03feb' })), 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/collection/components/dga-modal-v2/dga-modal-actions.js

@@ -11,12 +11,12 @@ export class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (h("div", { key: 'f6e3ebaab4366178aa59390ad7841e05e912a3cc', class: "modal__actions", style: {
+        return (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',
-            } }, h("slot", { key: '07006a1cc4457e722143e212074119d7bdd9cd41' })));
+            } }, h("slot", { key: '43b923378e17e3e5f856505362930008b7b9bee8' })));
     }
     static get is() { return "dga-modal-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModal {
     render() {
-        return (h("div", { key: 'b6372fb25b644a266c4fa37494eae12161857e1d', class: "dga-modal__body" }, h("slot", { key: '604eaf4e938efa0544f2e2543c194df0a5c3fb11' })));
+        return (h("div", { key: '881d9bbcf8e6da5cca75cac84c910ad719e13826', class: "dga-modal__body" }, h("slot", { key: '32d3302c5f439ef88959dab28be38d706ef434a5' })));
     }
     static get is() { return "dga-modal-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("div", { key: '5ef7ac6363e76844fcf5752a195a9b9fb3776dfa', class: "modal__header" }, h("slot", { key: '014a48bab9f508f45912020ac6ea0c63d49b8dc3' })));
+        return (h("div", { key: '33091668f8d1ffbdc360cc7bce97e032a82fff2d', class: "modal__header" }, h("slot", { key: '8df35b13806ccba2ad6d2fc3f5908479b5717944' })));
     }
     static get is() { return "dga-modal-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModalTitle {
     render() {
-        return (h("h4", { key: '96ab1231c1f5b6843714013a96a3da3df72424e4', class: "dga-modal__title" }, h("slot", { key: 'e93c0b9fa9497d1ead40c821349bd3c75b4f5ae8' })));
+        return (h("h4", { key: '45eeadb4659bcb298e57fc188b66581645906bf9', class: "dga-modal__title" }, h("slot", { key: '51d3d23ed648679fe002f02fdb961904f8598e5b' })));
     }
     static get is() { return "dga-modal-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,12 +33,12 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("dialog", Object.assign({ key: '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 }), h("div", { key: '717b5d0b09d8faa4571754820a05ef6946da86c8', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '10359535a98834e4dd3ea77b5dfcefc6febefd4c', class: "modal__close-btn" }, h("dga-button-v2", { key: '4d0419fa9dbd2763914848cb9cd3d690961dd2d4', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (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 }), h("div", { key: '15d03cc35ea194128005006998372a91f3a81a59', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: 'c32ffbaf640869cd5e0dd3f82b2ac5d980269eb7', class: "modal__close-btn" }, 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" }))), h("slot", { key: 'cf834a41ad5030ab9efba82ba7e125d8d2ad1a02', name: "modal-header" }), h("slot", { key: '25b4cb8d99a490f19f207eadb8dc2fdf36c5a2f8', name: "modal-body" }), h("slot", { key: 'c2c204ed7290c8f0069c76b62b4c6d38b2e3893f', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '4d3d74220786ccb62bb79f39f695f8e4c17c10f3', name: "modal-header" }), h("slot", { key: 'a3023667bb230d7fec2cdefc2adbd2dc836ed8cb', name: "modal-body" }), h("slot", { key: '4b035d72dc18a05997ca6f2d7c7cf44cb938fe45', name: "modal-actions" }))));
     }
     static get is() { return "dga-modal-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,36 +1,17 @@
 import { Host, h } from "@stencil/core";
 import { SxStyleManager } from "../../utils/sx-style-manager";
+import { checkmarkCircle02SolidSharpIcon, informationCircleSolidSharpIcon, alert02SolidSharpIcon, alertCircleSolidSharpIcon, multiplicationSignStrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaNotification {
     constructor() {
         this.icon = true;
         this.link = false;
         this.dismissable = false;
         this.icons = {
-            success: {
-                name: "checkmark-circle-02",
-                variant: "solid",
-                type: "sharp",
-            },
-            info: {
-                name: "information-circle",
-                variant: "solid",
-                type: "sharp",
-            },
-            neutral: {
-                name: "information-circle",
-                variant: "solid",
-                type: "sharp",
-            },
-            warning: {
-                name: "alert-02",
-                variant: "solid",
-                type: "sharp",
-            },
-            critical: {
-                name: "alert-circle",
-                variant: "solid",
-                type: "sharp",
-            },
+            success: checkmarkCircle02SolidSharpIcon,
+            info: informationCircleSolidSharpIcon,
+            neutral: informationCircleSolidSharpIcon,
+            warning: alert02SolidSharpIcon,
+            critical: alertCircleSolidSharpIcon,
         };
         // Generate a unique ID if not provided
         this.componentId = `dga-notification-${Math.random().toString(36).substring(2, 9)}`;
@@ -65,11 +46,11 @@ export class DgaNotification {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'ac749b0f2f105a73f8b6f8f31af9186acf75fb99', id: this.componentId, style: this.rootStyles }, h("div", { key: 'e9a807c26f2381b015763fd97d4073e650abff24', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: 'f22838adb7c90e9866cffa54222948d4c917fc24', class: "notification__content" }, this.icon && h("div", { key: '9cbf5727b7d204802c4ff2c0974b4e950029a538', class: "notification__icon" }, h("dga-icon", { key: '518e361074b07de2e8e55d95742679d4c88ca0d0', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: 'c6f233bf1e0c55a597e67be5715a790743e8fba6', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '581a954658b8b1889376f69ad39e79409e130db1' }, this.content), this.link && (h("a", { key: '56e71f09d0670c07ee03753ab58f3428c840b2ae', onClick: () => {
+        return (h(Host, { key: 'c10fe5cf1d1b2b8e34f95c9628c93fc54ed08a63', id: this.componentId, style: this.rootStyles }, h("div", { key: '3781e8e6ee2e86b48eee4ff1499dcfb750ff53f2', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '1a54e54e0d597ec96a7dc1baa06e583eedf31256', class: "notification__content" }, this.icon && h("div", { key: '269d9828eab5dce7a867e93e99c46f559fb0bdee', class: "notification__icon" }, h("dga-icon", { key: '214fbd86c993ea9a7ff16b0f124b7c2a18bf26ba', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: 'd2649d7873d4457ecb5e21234cc0791f79a0aa37', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '5018fc98e3384415f9e1872ec8920762fa2dca39' }, this.content), this.link && (h("a", { key: '82afcee551bb6768f51d7a6e990b59e40e5ce4e0', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'e702d90a7e92a25db3e82fde5c28329da54d1855', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '15c387a82a2496691674c734c247f88df6439354', class: "notification__dismiss" }, h("button", { key: '7311eb93bbc6bf7e190326009e30e3380c10035a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
+            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: '777c91d4e3d8d8c0a94c701c2a4a199d98482c77', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '367e85962266e5db6997eabc0cb8a57d796a687b', class: "notification__dismiss" }, h("button", { key: 'e8ffaa3a182a8d2527dface4a0d07e6d78c3abe2', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: 'cb60d019806c55134becbad674b4c5cb9de8cfc3', class: "dga-btn-icon" }, h("dga-icon", { key: '0a94e8552bcf4fd3bd49ad466a0807dce1089460', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
+            } }, h("span", { key: '4fab62e36b1d881c1e03a8556f2bd3eb676c27fa', class: "dga-btn-icon" }, h("dga-icon", { key: 'f4734ac6295ec9bf5aa4d3c7e13c72bdb3a0ec50', icon: multiplicationSignStrokeRoundedIcon, size: 20 }))))))));
     }
     static get is() { return "dga-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,8 +37,8 @@ export class DgaNotificationToast {
         };
     }
     render() {
-        return (h("div", { key: 'd4f4617eeecc337ef05595add05001aab82d0255', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'c7218855fe507068d63db32bd3cb83415e7e58f1', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'f6fc93778a117952cd86ddbad04a32280686e62c', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '7ecac11fc030ac94601938131359e7aad9c40a66', class: "notification-toast__body" }, h("h4", { key: 'eb468da37f394e83ed588d3b1fe108948d6f4ea5', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '929a5adf30c2654edaa27b5284cf951d14d1d510', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '035cb963a4810cd7362f152348836e0a3078cf0f', class: "notification-toast__close-btn" }, 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); } }, h("span", { key: '2b1200c19539af7b71578101cce602786ca3990e', class: "dga-btn-icon" }, h("dga-icon", { key: '5e1ffad7aad83e827ad38f6852541158ffd755e3', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '51b13ac1247f1f6e193845e6cef85e98b162ca94' }, h("div", { key: 'f43b77cf6a5235c408a4036357077d0417abdaea', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: 'dddb950a730fbbe9f693c452f738d7ca2cfa00e4', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: '80fea6e4aeef5111faa5791c4dc8025e4380eab4', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '046992b43822b7b085397f876f8e9a2f850c2c53', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: '2472254ebc14cca09f3d0ad218bf62e8e2681fe8', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: 'b99af2fd29bcfb5bfae4c3d2fa68dbff06a39b98', class: "notification-toast__body" }, h("h4", { key: '502779fa20820698198135b633880a64b72abcc1', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '59f1a273153e2c79fcfe2314b919c91c75791796', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '188e3cafc7620e29fa14c689ee448f78b46c7578', class: "notification-toast__close-btn" }, 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); } }, h("span", { key: 'adbefc04ffecd488ed52fc37ed7cd117f90241d1', class: "dga-btn-icon" }, h("dga-icon", { key: '0f60828e0ea90c1359de1a1f950b323b45d323c5', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'ad8b9d11094f3b35a0cab7c2668360f8c1b6c18f' }, h("div", { key: '983a64fb3c4704d939685b023173f309d92ddabb', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: 'e9567ceafb5b9b0ea5fefcddab680136bf12748c', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
     static get is() { return "dga-notification-toast"; }