@platformscode/core 0.0.48 → 0.0.50

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

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

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

@@ -4,7 +4,7 @@ export class DgaHeaderSubMenuColumn {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'ae849034512fe98518dfebe3ae6e775e19595add', class: "sub-menu__column" }, this.label && h("h2", { key: '802c93798778edac10671e6b71606bce59b3eba5', class: "sub-menu__column__label" }, this.label), h("slot", { key: '7416c54653a6ded44c84f4fdaf9fc21bab9b137b' })));
+        return (h("div", { key: '65441a0781cc99ceb76baeda303a693c0df92d4f', class: "sub-menu__column" }, this.label && h("h2", { key: '2fbd6baeba9a0373385077cdd48d16e6c8e308e4', class: "sub-menu__column__label" }, this.label), h("slot", { key: 'cea2e6bc6494de4a9b775ba50c4f6dba5364c20c' })));
     }
     static get is() { return "dga-header-sub-menu-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class DgaHeaderSubMenuItem {
     render() {
         const backgroundClass = this.background === 'Brand' ? 'sub-menu__link--on-color' : '';
         const linkStyleClass = this.linkStyle && this.linkStyle > 0 ? (this.linkStyle === 2 ? 'sub-menu__link-icon--bg' : 'sub-menu__link-icon') : '';
-        return (h("a", { key: '564a38b048e46832359f94c9bfbae3e558fecba4', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: '9a4e8e5d22d6731e08e0b752872ad980b5ca8138', direction: 'column', spacing: 4 }, h("dga-flex", { key: 'f69ac354a85e6ef5cb606aeecc92496a77bf4f8d', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'ae78f504556b445f52c1b2748b5684e555e0b771', class: "sub-menu__link-label" }, this.label), h("slot", { key: '664703c4e60e93cdc4dd52b0810573352fadf104', name: "tag" })), this.helperText && h("span", { key: '380d82a5dde75a21edcb35c327e14c7e1af2cb28', class: "sub-menu__link-helper" }, this.helperText))));
+        return (h("a", { key: 'd842e2ce39102457cc2639d637ccdac17fe756b6', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: '3e0b006904b9296d549c43beceeaf6001d1e8528', direction: 'column', spacing: 4 }, h("dga-flex", { key: '314fb82bbc4e8818cde5c030a13075921ea5ae1b', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: '78824aaa330f51253e9caf4b41637ebf0f00cb83', class: "sub-menu__link-label" }, this.label), h("slot", { key: '416eaed9505ddccfea4bf66d0b9801a5da7a5b57', name: "tag" })), this.helperText && h("span", { key: 'cf3b79c228f5510f61957894e5fbf42e17986981', class: "sub-menu__link-helper" }, this.helperText))));
     }
     static get is() { return "dga-header-sub-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -20,7 +20,7 @@ export class DgaHeaderSubMenu {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: '3412eecf26d424fbeac66758eecfa648bd732aa9', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '48fe6790b91b39cc187eaea6c4a4309fea6fc468', class: "sub-menu__container" }, h("slot", { key: 'eb20f702ac7003755cc3d0703574f4926a9d9956' }))));
+        return (h("div", { key: 'ec89a8d94349d47711efbecf4290954a0f32fc5a', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: 'a4c964e6f5e8996e6a77b81fb5ad295b818b0730', class: "sub-menu__container" }, h("slot", { key: 'e930c847711fb7dd74da2fff61133466ba2cb0ba' }))));
     }
     static get is() { return "dga-header-sub-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header.js

@@ -6,7 +6,7 @@ export class DgaHeader {
         this.sticky = false;
     }
     render() {
-        return (h("header", { key: '45883b49c5f17f1da75895b43e7f5aea990c6845', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '561e98847096ec9b01f23ec7e30f84a0f7bd9bbc', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '95407d747d48d726480d8d0c753116c0a1275bb9' }))));
+        return (h("header", { key: 'fb02e568909a7d61e1f3316b93b29964dcb60524', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: 'ed8356ed3e8272afb3353e8936f95d8514108cbe', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '24b3b0fa235e99eca059c636beb9f1c1f5935d1f' }))));
     }
     static get is() { return "dga-header-vv2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-logo-placeholder.js

@@ -17,9 +17,9 @@ export class DgaLogoPlaceholder {
     // }
     render() {
         // const logoSize = this.getSize();
-        return (h(Host, { key: '8e9a360e6e8b46277cd82d2c215abebf3141316c' }, h("div", { key: 'c9869a81c653f8b8c35ffa78c511af81d75460d8', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '44a3f106eefb8fea6d5d42db1d792eead47ce7a2', src: this.src, alt: "Platform Logo",
+        return (h(Host, { key: '1ae9523f635c749b22a7a4a671f3d12854f04e62' }, h("div", { key: 'bedc1a7ed9e1c27e7948fd7e51c575d8bf3d7d79', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: 'b8db547032e24c3debc25959f2969602e6601d46', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: '21a5bddd42db13f4e2fceb1b87800aebb35db20c', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '919f751114ff5a2bca8c4dbc22cb5ea56ebf24ff', class: "logo-text" }, this.text))));
     }
     static get is() { return "dga-logo-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-accordion/nds-accordion-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsAccordionUsage {
     render() {
-        return (h("div", { key: 'ea6654f396e811d48f4d01fbbd9dc75632166e2f' }, h("h1", { key: 'cff51c7d8417f7c3f77012377514e552acb3dd00' }, "Accordion Example"), h("div", { key: '81369d17db5e9e9e7574354ae7e8a292439bb4fb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9474f9cbc71bcb08d612aeed3fcff1e1b267ebf4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '285e3030e52fe54333dd8d665361978f70a51c0d', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'e42eb0a3744744ba8fee69631f8ef62b7f5e4726', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '0abcde75e8b940520be91366ba16aa95e0cfd83c' }, h("p", { key: '8477be101b9948ea96a4f01727029b783db65cf2' }, "This is a ", h("span", { key: '3fd2c391d1e4784bc0628ed9bd6c282ad08748f0', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '2227843f87f6e63940b1568bcfdea2d1aa534444' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: '7e361b74ebf87267c41cbe302f7dbcf79a8e7891' }, h("h1", { key: '77ac31cdd51c834025dc8f9fea936ffc870e9e8e' }, "Accordion Example"), h("div", { key: '12a09f5d4b8183cdca21c45a5a3ab16bc4d9425d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cf8dfbe3a67a0819b2284715d0c5c3f9cd983a4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: 'c47aa39ca65765819a12ec7cec00c401a50431df', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'a96ac17200bc4ae4662e0e00d8a33e2ffb0bfaca', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '906e9ba760d9a64170979acf27ac382adcdee117' }, h("p", { key: '2ff6e5e6312749c0351e1146e0d1694007c32739' }, "This is a ", h("span", { key: '54588cae0353ff32bb8312cea9ff50d5f4ad388f', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'dedac5682b02aa918a6244563446204c35e08823' }, "You can put any React nodes here.")))))));
     }
     static get is() { return "nds-accordion-usage"; }
 }

package/dist/collection/nds-components/nds-accordion/nds-accordion.css

@@ -2318,7 +2318,6 @@ a:focus {
 }
 .dga-accordion-item__header:hover {
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-accordion-item__title {
   color: var(--text-default);

package/dist/collection/nds-components/nds-accordion/nds-accordion.js

@@ -73,10 +73,10 @@ export class NdsAccordion {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'd138668476b32d846dddb7426c58ccfd2133c5e4', id: this.componentId, style: this.rootStyles }, h("div", { key: '041f5ad658b1889639cf0847c8453f236ce62846', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: 'bc7a6d7c83c4ad062e65cd43d492de604ed5f5b7', id: this.componentId, style: this.rootStyles }, h("div", { key: 'cdcbc1f0d8de458f517009166aed86bc43b29d5c', class: `dga-accordion-item dga-accordion-item--${this.size} 
           ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''} 
-          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'e723f3732caf4a1764b80437013315676950ccbd', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: 'b875c6fb8b739b4dad4e4ecc4765baaad8261c8c', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: 'd722ec7409e75b50646fb7c9b0518686f7b60340', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: '5dc07249b42fe6f5232d2e13f3c7e648becfbf74', class: "dga-accordion-item__title" }, h("slot", { key: 'a7c64b0aef2e55eee39247ce8848b67eddd8d92e', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: 'ef3708ce48048426b0de5a367c7efbbe3ae0cd48', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '623c0d6a50bdd876841422bf760300dd9885169e', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '87214937bd23ade5f957082b43bcfbec97f2e342', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: 'f5ed1d7c0f834d2693a80d60a982b2d5bf899a29', name: 'content' }, this.content)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '7c308715863f6face41a45bf617a1e7d8dd1575d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '68027a208de2258fc731db3f142d4bb65098971b', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '980d08264b997a5e4ae8c92b9a5e8ced3f4b8762', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'a6a887bd902f1164de4abe3568b7b523d067aa0d', class: "dga-accordion-item__title" }, h("slot", { key: '1aeb61a4f9c69703e74faf9a0620140382cadce0', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: 'ab5176741d11bc7a60d8fca15eda80860d76a6ab', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: 'dfc1a6326f9056ace94a0cd17fe04b847872e73f', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '46b5542e23f7666ed75c31228a8ae986e8aa31db', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '8215fc04cb7956d8fde32134983cb4311da412b0', name: 'content' }, this.content)))));
     }
     static get is() { return "nds-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-avatar/nds-avatar-usage.js

@@ -4,39 +4,39 @@ export class NdsAvatarUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '81325db0d14273102fb55b3b1c73ffdc24eae7eb' }, h("h1", { key: 'd089f32d73319a013de1008ea2c5137c38715e2f' }, "Avatar Example"), h("div", { key: 'e0e0fd5b7fe17f438e0e3b96fa594dd49de785cb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '97b86cc037d3deb82233762941b7af7076b001ec', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e66c0f8e182f21633df4cccedc7237aedcba147f', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '288c93d20964a10ee4e2f7f5d93e7f995717cddc', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '76a85df8902e1b4c0872d8d7f092a6f98a185397' }, h("h1", { key: '02e2c1a1cdcb3b08dc1b8ba9bf0ca7afadd76e39' }, "Avatar Example"), h("div", { key: '9317f52449306f400ee37700df76c4d57bbec62f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6917f4c54578a8983bd34b33cc18207061d8d13f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1b9a039bebcc8f3a78d3562ab3685e659b6f8801', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '0e72d21030046275821ae3f7d3d397487f90ae05', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '78315380cb8ad25f7d7c539ba25b73bc86c686e3', size: 120, border: true, square: true })), h("dga-avatar", { key: '0e2e95bc9971cd9eefe08107bf116bb5b9a50ce8', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '17a5d027eab724424b927593a6841d490b25c601', size: 120, border: true, square: true })), h("dga-avatar", { key: '94db0f5ee1fb5c15f7624b9a4125b570970ce190', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '8d009c6c8dd01559b0d9699b8e5c2e4ddd409b85', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: 'aed6214dadfc06c813a86536348cc880c0614784', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '00225c962433b8931b244c60a48c16975441ddac', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '4d07ceff91fa73f27a6aba2471e69dc871565d05', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b415ca0a24d6287cd16edb38fe872029b8ccdca3', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'a42eb89687da470706d8b977f84cc1bc06ff62e4', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '55598148d05a675c43a97d7cc359a4441fe33f20', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'b5d183f591e8e135ce3816df734898d49c08c9c1', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'ff9b7fa85e824c634c1b88bcb5f7a9d074b020e1', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '5f606547e374e32e9a06aa2bd9610fd4d0afd01e', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'a6d21e51604cba8be541c9d618bd303394885215', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '5880bb7678d280267729a9ac25530117ae2f5ac0', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: '6de94f0357aad5678ddfc411763bb12de4930eff', stacked: true }, h("dga-avatar", { key: '111ca78223bdf331d682bd5930a57b7430042674', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '7a8a4850cb10ec7341a6ff0ed09d824975111204', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '93b0b8cf93f51d51136ccce96a0dc66910526325', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '8b00fda30e6a50a494434dc567c90f9708d2d7c6', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '6145490f7d483e8c5eb842e775401c6421268806', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '60bc3f2e2135bed0341a84bfbf396dec596aa708', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: 'b1ba8f0e1d48beb2f034185d2644f461f8a25394', stacked: true }, h("dga-avatar", { key: '82fae481cafb8fe37875335a78737c344da8c04a', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'ef19f3ff798a84e10f0088413637e9866cd9558a', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'bcc45262e7b7917bfa8519b98c4b83fe067c7eed', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'fcdf130f3141347b6e64d7067e0ff2f8b2e673b2', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'f947275d38bdd73c13ab61bccf4519ebb491774a', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '7a95640ee56216d9d9231dc21f36e173e7919d03', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-avatar-usage"; }
     static get states() {

package/dist/collection/nds-components/nds-button/nds-button-usage.js

@@ -4,13 +4,13 @@ export class NdsButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'ac1faae2ebc4f5db7efdd3efd4ce0767ba484ed0' }, h("h1", { key: '5281f0d6bee4b3a45bed162ddfb7ed43a9ae671c' }, "Button Example"), h("div", { key: '3213d15f5cf8a91302c7597f12bcd65bcc84b90f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6144049768a8069d2586333bfcaa981d04a06f7c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '89f1432676c5548ee27843c5d6b31d38343faa7c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '000a2f89fd5a6cf2d4f843acdb23c1f5b4e3077f', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '070c48e04b5b0d28b45bdd65e1f455ece7e35332', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'd651debc5ac19e8751fbafef446b4bd3d85396bd', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'b32cb83b6d6f16b234b80251aea220f338175115', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'c462c7be3b38aecdd13a9cd82f729e3c2faa5222', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: 'ad15cd27f917d8ea4225f3d29d31e0a5e47ae38b', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '0740ea687410b455bf6f9713c818436ac3de955c', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '4eb5c8e00755f5ac37d8d487c668e01fefdd2fc1', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '2fd46c3a5266b2796d681403a74a7a637e18a145', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '73c46d25247e8b86eff16200a622f02acbe162c0', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '95d21bd894076baaa3f016e722f825bf790e4b12', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'e0db7d546166d687e2d07a06bb0a6aa979e736c7', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'aa42a673bd9667857e9dd1f10ce8283377a97f57', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '266fc30785374bdddd861952e88e8f3f825e1088', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'ebe862c13e1eb3c99266e56a0e04450d3e1689da', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '84038b1a8cd8d9bd2962d21644e34beeee983698',
+        return (h("div", { key: 'a0a823c098af6df00bd7b77244c48b62c35d062c' }, h("h1", { key: '7279a21c6210ed7e50f34280cab77560b87fc19c' }, "Button Example"), h("div", { key: '5ff9a3264309e5e118f49fc911a8190e7b257e4b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4a444893cf33503b545e337996154dda2897d26f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '67710defbf59ac75d07743749af8f1b7010df23c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '5a49c8e357f09fe97da31d987021b0c25e0d6ad4', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '75ac62d5c9ee866da8e6d875c17147c202f06bde', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'c04493292b27a71bef921e296060a1cb24e4b2dc', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'cdf6e06a1315767f930feac5f7b878496d8998b6', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '83a3cec32965e051cca67349fdac68cbb0dfb7be', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '196636775a07ef3a2718acfb57480377578e7c19', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '4bfc065e3fa8d51d946c515ac94fae9c9096e53e', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'df67f0f26d95b385022b1e9628669c44f0fa7f7b', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'a1fbc40797421d5c3fdd2f51da45f490fb1f47df', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'a7be0d10c536b46423d1991ab52473eb83f8077d', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '5fc9845458757d81e3e8201f6b73aa86d996b9f5', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'ce1e0bac6082807fb068bc03be65d6ea0815e683', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '085bc892a9974e219f8c189a10d269791fd7b509', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '9cdc4208b9580b932a753b348cce3adf97d91185', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '081442c9a621daa816c3b61f79f1be5970d96abc', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '611e212c60ecc8c8be5d6e32f2b3a8f66f2465c4',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
                 name: 'link-square-01',
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '83e08f213b61dd934fa6344b7c6d4a17cce57116', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '871ba21b40c44ec3159a485db6b4208b9855165e', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'a5c787c0085e3e16e4e7e3f68ebfdbe0edc16560', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'eda1a5c87a8b240dd71ba2e67904dbacab99d172', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '57280405cd7f285d53e4cac4a8e6ffded9981786', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '3ea6e3a3411b58281b35e4519cded114a18eada9', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '3425fb7a4bf86465aa7c8cd2fc49538bbe8db5ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '4c249cc1ace9143af32d0cfbdad1fb4b6115d403', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'd349de388b313edd812dd06cc4bbba01e84f9826', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'e8259893474ec84ffb3a57e260b61bedb7c177d9', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '55f2c48d8210c5acffb86d60a832bee70c5e6ca1', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '8a2526b238a2615673ccabf983bd777d55aeb89f', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '2f8f8e73c4215653357a4eb82a6ccff33da1132c', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '619560d745c46531287b4bf6a2abc07f74967c5f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-button-usage"; }
     static get states() {

package/dist/collection/nds-components/nds-button/nds-button.css

@@ -2506,7 +2506,6 @@ a:focus {
   outline: 1px solid var(--border-neutral-secondary);
   background-color: transparent;
   color: var(--text-default);
-  mix-blend-mode: multiply;
 }
 .dga-btn--secondary-outline:hover {
   background: var(--button-background-neutral-default);
@@ -2531,7 +2530,6 @@ a:focus {
 .dga-btn--secondary-outline--on-color {
   outline-color: var(--border-white-40);
   color: var(--text-oncolor-primary);
-  mix-blend-mode: normal;
 }
 .dga-btn--secondary-outline--on-color:hover {
   background: var(--button-background-transparent-hovered);
@@ -2552,7 +2550,6 @@ a:focus {
 .dga-btn--subtle, .dga-btn--close, .dga-btn--sort {
   background-color: transparent;
   color: var(--colors-text-primary);
-  mix-blend-mode: multiply;
 }
 .dga-btn--subtle:hover, .dga-btn--close:hover, .dga-btn--sort:hover {
   background: var(--button-background-neutral-default);
@@ -2663,7 +2660,6 @@ a:focus {
   outline: 1px solid var(--border-error-light);
   background-color: transparent;
   color: var(--text-error);
-  mix-blend-mode: multiply;
 }
 .dga-btn--des-secondary-outline:hover {
   background: var(--button-background-danger-secondary-hovered);

package/dist/collection/nds-components/nds-chip/nds-chip-usage.js

@@ -4,14 +4,14 @@ export class NdsChipUsage {
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '32e4d3fd4e5274ea2a9d0769c1d18707433d3acc' }, h("h1", { key: '4e9c50d02a446ab517ed1abd41ed039d9a112fbb' }, "Chip Example"), h("div", { key: 'db386a28f649769759aff08ec9924fca9c628290', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '723a7c843ab9819e57e1bac3c926ff35010c15ea', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '728b9dd8bc0eff106b89d82e38c4344c63960e44', label: "Label", variant: "neutral",
+        return (h("div", { key: '63ab3093f5157facd9994877dacc8dee0f8e707e' }, h("h1", { key: '29f88ea9b2bc7409e7a32da8deba77f2a1e3bbe7' }, "Chip Example"), h("div", { key: 'd091f1b78ae10b24b4df39b10794e4065a1838f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '02e52c2d731d6f5176a8b3b955c0e478011d7df6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: 'fbe8adaf879645c9e0774ecc727e0ce88069f9f8', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("nds-chip", { key: 'd3331b1c532b588d401a517637aa879b08b0cbe7', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), h("nds-chip", { key: 'b99d6ee3db2ddf4b2f1e1f6dd08d097cf3c99631', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), h("nds-chip", { key: '19863e35a1f9ac32b0fe4791f8fe227af9067d82', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), h("nds-chip", { key: '16f9bc279e1cdf948dd2dd0d1455f8973d1a5581', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), h("nds-chip", { key: 'f6173b10031f2a01a1e629582a5f05abb6dc1211', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'adea0bda7daf633f19883d9b8a9710737f01fe13', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '862516851a9a6853bd47c74faade498fd67da00c', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), h("nds-chip", { key: 'acf3781c2b9fc3c019722e068a049badc3266daa', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '2286ce1fa350ae63f23086a742c6cbff8deb1949', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '8ee378b2d0f7bb1a9ff5cefbcc7a047e57dc8819', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
     static get is() { return "nds-chip-usage"; }
     static get states() {

package/dist/collection/nds-components/nds-chip/nds-chip.js

@@ -43,7 +43,7 @@ export class NdsChip {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '1c6da15d70906d5451cd142e27f2d1c6fd96d3b7', id: this.componentId, style: this.rootStyles }, h("span", { key: 'ecb73625b285a143fb28deb015c3f7491abb7a97', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.selected ? 'selected' : ''}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
+        return (h(Host, { key: 'c82349722f1127f534000a3077818fcb279f97ee', id: this.componentId, style: this.rootStyles }, h("span", { key: '3250ee0c049bbe2c8f01aef7c81c68f628be58e7', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.selected ? 'selected' : ''}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
                 if (this.selected) {
                     this.isSelectedState = false;
                 }
@@ -51,7 +51,7 @@ export class NdsChip {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, h("slot", { key: 'b125dbc0a272d99f4128f23164e5e81faf3de875', name: "trailing-icon" }, this.leadingIcon && (h("span", { key: '04eee36e5b0ad7316768c8614a8684a55f97849b', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '025ef869e214feaee04fa883aaf55571ce5bab86', name: this.leadingIcon }, this.leadingIconProps))))), this.label, h("slot", { key: '46ac6ca964a348aace18ae10672b5ebb87a61cfe', name: "trailing-icon" }, this.trailingIcon && (h("span", { key: '88a8f62db8ef3fc8ea6c9e32066607a544cb13b1', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: 'd85499972067a8b9d0bfe4f1c20dc59907f667a5', name: this.trailingIcon }, this.trailingIconProps))))))));
+            } }, h("slot", { key: 'c5176106847c11cd1eb95ce97d6502dd53ee3e06', name: "trailing-icon" }, this.leadingIcon && (h("span", { key: '80e758ac728c6ba9e577799ca15568ab7c2f4ead', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: 'be61b6e09aea377f1dbd6f40665dd5d2c2251920', name: this.leadingIcon }, this.leadingIconProps))))), this.label, h("slot", { key: 'e430c92649eec53c83f90e7ea7379fb84c7e0eea', name: "trailing-icon" }, this.trailingIcon && (h("span", { key: 'f45c7f1d4d37259dba45f75543ce33d870415b1c', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '97b9ba001a0fc42bf743f0fbb51368eaa4004c1c', name: this.trailingIcon }, this.trailingIconProps))))))));
     }
     static get is() { return "nds-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-floating-button/nds-floating-button-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsFloatingButtonUsage {
     render() {
-        return (h("div", { key: 'dc5838d98f5625dd4f238db498491b767117a006' }, h("dga-flex", { key: '433540e0c7166ebe1960ae856c4c92c4c9fa3860', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'fa6846a8d046a89996d546653f8aea4835db6889', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '1f37f2bb630c4e93d1ea713346ecb5734cee8b01', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '047dc4e9993766241f711df09b853eab16ffa383', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'af1e712939d4f5a0ed9de3f96abb933fec5d98b2', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: 'c1aac735dada98ca05947d2a6ba55cd59a8d228a', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '148bb32dfe668ab4a1e96c4784092ec602f7ed54', variant: "secondary-solid", label: 'Button' })), h("div", { key: 'bc121a5ae32a13eeeebce507f6dabb2817be17e6', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: 'b895a893d334ab8cd625dcbd544842edc13ac760', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'c3dd3b1d8c8a787d44c0c6b032b036b0bc8421fb', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '250d398e839456d320605c688a6ebf81c057efa9', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '5413b1863cfa0b739d2d1ce50ca406e4722a1ae1', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '09b14123b1c82833d28abe82d36a9b2b6039070d', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'b3057256416bc4d82fdb08e7e1dd534293191f0d', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'e5ca4c9d4fc153c896ddf3b737ff935d7b79c54b', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (h("div", { key: 'd28e6a4933edb816c5415aea8c958a5ec7a2dca5' }, h("dga-flex", { key: '53ac1cd5b01e0e64a3c5500c3673c4da11a7032f', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '10870090e590fae7800525b2384dfebfe2af5cf0', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '6145a43246d79f4b374c308f1c374b0771a44e98', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '1469720f974f13172d5c9869f941655321cb72ea', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '451cffadfb2095e68fdcc8468cb12e0b9efb371f', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: 'ffb25eb0fbce89ecec0f2d0bb7cc7268a4cb3be8', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'af550781dd85f92980ab88eeca5de784c3834f19', variant: "secondary-solid", label: 'Button' })), h("div", { key: '03ee08dc2ff0229ffb9d857ea067e3c986682866', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '8e6bda5356806eef5d4481024143306ca5f5fd1a', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'cdaf873ccf3ee7d5028102d730ce8dbf490589ac', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'ab0ca2a9488d3b7a2de1fc5ca6aebf545da5e18e', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'f7b2541e08850810cc99bd0d8403a4aba9890d71', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'f5b7a839c572674b6c84a1e3dc9e7956e0cef6ac', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '7f1c6d00630c5d8f7421ed7a09a7d32dda9387f1', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'a1aac3187fe8de3226bd5fea998abc30de226c07', variant: "secondary-solid", label: 'Button', inverted: true })))));
     }
     static get is() { return "nds-floating-button-usage"; }
 }

package/dist/collection/nds-components/nds-floating-button/nds-floating-button.js

@@ -15,10 +15,10 @@ export class NdsFloatingButton {
         }
     }
     render() {
-        return (h("button", { key: 'a3ac5b3cb6f7d909f24f1499b35378fa43986800', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
+        return (h("button", { key: '6bd0f302faad6064b31289598b5ad69a75140e1f', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
             NdsFloatingButton-root
             ${this.inverted ? `NdsFloatingButton-${this.variant}--inverted` : `NdsFloatingButton-${this.variant}`}
-            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, h("slot", { key: '60d99e4475603b5f4a5e0a475d9a238a3f643f37', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: '0fe75c8656e3e424ac5d1fe898d08415d8259de1', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: '1dbc96047a6b345d758280a008207a276fe7f18e', class: "NdsFloatingButton-label" }, this.label)));
+            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, h("slot", { key: '7fbf6c54e4ff8ec7011e9646d6ba57e6eed9043b', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: '3d9eb6db5932125afe45e2590edd223f22766044', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: '5e36133406b11eb7ea8f01813a1305d694d2b514', class: "NdsFloatingButton-label" }, this.label)));
     }
     static get is() { return "nds-floating-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-link/nds-link-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsLinkUsage {
     render() {
-        return (h("div", { key: '74e10a52d4f022509afbd6c7f6043b52ea77868e' }, h("h1", { key: '202bae337c26a82314dcb4628dde6cf911786254' }, "Button Example"), h("div", { key: 'cee01e088a9872eaa3a9aedea788dae99cbbef72', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f7f9e2ef43441db5a9435781ca754575b25225ad', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '23c6f7ede0333c8497d5d5bf0179f7fcc7c14d15', direction: "column", spacing: 16 }, h("nds-link", { key: '8ef6dbd4563cab3d8d5319acd3d369ef55e3a557', icon: "link-04" }), h("nds-link", { key: '5339e09692c2989385eb091ea07e49b5b40da772', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '06d0ac6a72b978e60bd9442d1711dd4a3f8405de', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '79d65c8cb534c7e08513a5f8b4bc0d09db6e4ee2', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'c48ac7066e5f4f6740d61812137850d8a11e88b7', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'bbafc39a04805b18617a99ac1014afad895be293', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '2732234f386f2b3e5d17fb13c614a5bb833b3c07', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'c3f5c5b01e995079b6d8538e631e4798fd2e0c27', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '8e467cb30b50229ea77af5b2e319b981beb22973', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '75ec47fc82218f41116d8eb618ea14fd15ceb3f4', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '2052f4a3250d88958a3dfd2aa8bc647617e25916', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'e8d6ecc895d9b8e3125fcf75f33d3b3ff5822603' }, h("h1", { key: 'f1f6d12aa0f06edbe0ec7bee133869aeedb845c0' }, "Button Example"), h("div", { key: '86351264ff44e0ca14bc7808170cd894d6a09d08', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4a7733dfee3d344d82d89cae4114cb936a816ea6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '5f4d8da7f7311e6b3bd583a8cfad46061f2b40d6', direction: "column", spacing: 16 }, h("nds-link", { key: 'a62a8a6a5cbe514e13a7651addcfc16e753f2415', icon: "link-04" }), h("nds-link", { key: '1422961741d792839ad358a7b2696432807c6e6c', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '293816844a7d94ab321ab26dbc684e3f5e59b1bf', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '80cedde6b5351ef52280864898097201a9c25872', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'e1e2e3e3824d198787d6efafe9191075cf08e8ad', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'a14a343e8d70d57b421f96d0c466a15950f7e8c4', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'a882207dc546dc8d221fba4ae4074f7414b7cce3', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '87c608f1c853826452ce9750e056b7d85e70133a', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'd65fce015c53798833536804fe5a33f7c7d6ce95', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '169f1296c862fce4b3eb2c3f93f07d15829b195c', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '945ae7a6765ddf8f09898f53afbf9515ed4ca361', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-link-usage"; }
 }

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

@@ -11,7 +11,7 @@ export class NdsLink {
         };
     }
     render() {
-        return (h("a", { key: '19bf552a55a786ad2782175092c95eedf8fc83ee', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, h("span", { key: 'c2c0d309fd06aaf256ecea7c272cf96d371ca337', class: "dga-link__label" }, h("slot", { key: '59c9af21a5af0bb26efe46899af9789026c280bd' }, this.label)), this.icon && h("span", { key: '9646f4bf9dcd2748962ddac0dd0016b3374ff456', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: '38b13b7f14e5f3c8df8a216c0d8c4d84311e3a9d', name: this.icon }, this.iconProps)))));
+        return (h("a", { key: '1bbfb5974b396176a00fa04cf605bbae6382b20b', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, h("span", { key: '759cbf6dd1feae99fd9cc42c6d3458450aef7311', class: "dga-link__label" }, h("slot", { key: '985ed767e199e401076d9f7e12fe006e7136db0f' }, this.label)), this.icon && h("span", { key: '5af9e032dffba9e1cb14cd25dbc19f81247c7f1e', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: '8cc7480c3e23f2aa802080251a1ac278597273bc', name: this.icon }, this.iconProps)))));
     }
     static get is() { return "nds-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-table-of-content/nds-table-of-content-usage.js

@@ -1,84 +1,84 @@
 import { h } from "@stencil/core";
 export class NdsTableOfContentUsage {
     render() {
-        return (h("div", { key: '26c3558c023a7761118d9a65361281c019a3e526', style: {
+        return (h("div", { key: '73493716321556d88acfc6cc9008610261dda6b7', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: 'fa81a411b1132432c12511c9bbf65364dbbb42f0' }, "Table of Content Example"), h("section", { key: 'd83201694926487d7b5a1ed15b6108f268d829b6' }, h("div", { key: '9013b1631cd1d748511043ba88f9e6ee93e8f240', id: "section_1", style: {
+            } }, h("h1", { key: '4d439e8e0fecdf0511fdcf81945b5815325919cf' }, "Table of Content Example"), h("section", { key: 'd5c43263acb0f2dfc1fe3da6f1eab5c078b2af7c' }, h("div", { key: 'f538a939937793ae746e82b44189cd4917ad6148', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: 'd813e208e8efd8e9e82f0fbe44013d619c4906a5' }, "Section 1"), h("div", { key: '9cd212915097d767f1fa4634d19fccfa799ee32d', id: "section_1_child_1", style: {
+            } }, h("h2", { key: 'd4dddabeae839e1be1a23222b81e6ecf458325e7' }, "Section 1"), h("div", { key: '6c1d2de51822df1522e62157194065881210e68f', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '6d9d0b8d563e773e5a63254c0513b5662911e109' }, "Section 1 Child 1")), h("div", { key: '63d84a830531584fa29b58255fa27dab16616342', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '860e0d9df2eb98cfcdf498bcd8d36aa0ba67a3c2' }, "Section 1 Child 1")), h("div", { key: '0446a5f67225916f8c7566be19207651a588a659', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '9c2ff1ea2a80deaa72c4ea24bd48c599db807a99' }, "Section 1 Child 2")), h("div", { key: '3f7869916a3aede383577bcb168ca29c8bb5cb02', id: "section_1_child_3", style: {
+            } }, h("h3", { key: 'd45244e8c88e96889d25b8003f1a2ee8824d6f17' }, "Section 1 Child 2")), h("div", { key: 'baef46315656dc30434c4081f50635d399b5a66b', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '8d17440ce0333edcc4f72dd0acc1871e2f4ce1f5' }, "Section 1 Child 3"), h("div", { key: '8815ee5c3c27c5743bbf2f738e62fd8a441b7104', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '11f8053c4d15c987828ac8f589eb088a9d29ddd1' }, "Section 1 Child 3"), h("div", { key: '8a92a400582cf52f2c295545087751a40d1daf16', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '8c80da2742fdc04454d2da31357138ab10702251' }, "Section 1 Sub Child 1")), h("div", { key: '92c195f4efbe7c338ccd2851707c484a47281ce7', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '183106ab4c4ad23e7fc9082e2a0e752fcb864362' }, "Section 1 Sub Child 1")), h("div", { key: '0a0ae156370d5841ce6ed8cbec0d9ebda208a546', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2c37dfc99171484b0e27079ecc7cdb699e95b5e8' }, "Section 1 Sub Child 2")), h("div", { key: '7b8ccd1d39d59b9248b159facb1db5a3cd00d848', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: 'e0f81743c6859daf7f710df6110ddcc0ccf93eef' }, "Section 1 Sub Child 2")), h("div", { key: '60190dbb1141464fa08516f44eacc5732921489a', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'c829fc720ebc69629e182c03b249312df027f867' }, "Section 1 Sub Child 3")))), h("div", { key: '10c928a32d4e06fbf74f36b838a487a04a5367a9', id: "section_2", style: {
+            } }, h("h4", { key: '0814f6349531f787c7d223b3624d22bfdad63da8' }, "Section 1 Sub Child 3")))), h("div", { key: '481d870f682b248b7c813801fe11532dd6e411ab', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: 'a71c0cce3688edde7a7575dbf6b05c2b1ab90c76' }, "Section 2")), h("div", { key: 'bfa7cea9210eaaa073aa68d6fd915162fde44189', id: "section_3", style: {
+            } }, h("h2", { key: 'b8cae3090dff869b72581722431ddac84e3840d0' }, "Section 2")), h("div", { key: 'b79476cf17e5deebce3438504a5ba2c256883c4d', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '30ce0a3dd252658f1da17be9f57d4e2575c87773' }, "Section 3"), h("div", { key: 'a11b92a0f290b76cf86cd8abe6953885ebbe3fe5', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '02c341ae569e513f066583fa7ca30ac1c82383c4' }, "Section 3"), h("div", { key: '60e90d88650e73a637bdbce4fd4dffee2620746b', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '57fce37b682038367ef1da481619c076a82742b4' }, "Section 3 Child 1")), h("div", { key: '42f8fe7daa54cdff0a24b4e938ae37efa6fe0908', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '471e97e903c305687e85986212de3e8e6bebe554' }, "Section 3 Child 1")), h("div", { key: 'fa76d73558fd6a2ca343897d80108dc05f890df6', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '35c18dea106d6cd074dcf6c61c41d34f7d359fb2' }, "Section 3 Child 2"), h("div", { key: '28cf5aa4ed619f21f3d6f2ddadfe36b44795bbe3', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: '2da1dbed736b7f8a96aa9597d93d0c981c8ab819' }, "Section 3 Child 2"), h("div", { key: '94630c9823d9228d7691464710f6f31d5acf78c7', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'fe802e9bbee550f1bb4a866c7df09ef9e21b7914' }, "Section 3 Child 2.1")), h("div", { key: '0dbe1348352eb0798b01c92aebe8107cbd0c340f', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'b826da943f332ed3df1113797a833c9a8bb38458' }, "Section 3 Child 2.1")), h("div", { key: 'f2e4e2cee7822f1c74180a869557d06d3a1789f4', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '6a29d94a297783a82463382b0257f7141299d815' }, "Section 3 Child 2.2")), h("div", { key: '6889b6a97734ebcc630b6f7917fc394aef9c70af', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: 'c9a6a9e25fe760e63c8fe44441c7ccaef4737dd1' }, "Section 3 Child 2.2")), h("div", { key: '4c068b6ff5776638978e380efd6764bf9de22645', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '326e0df9bf9938d891f3fd3c2be9afca8697c8e9' }, "Section 3 Child 2.3"))))), h("div", { key: '4312afccafc285cce7a9f148c846ad6b40dc3a89', style: {
+            } }, h("h4", { key: '761f59c65a2c4a3baf9dced8ef73cf1b594330be' }, "Section 3 Child 2.3"))))), h("div", { key: '6e6295358148951daf6f5cf192cde2e81c800f29', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -86,7 +86,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: 'c1c2f74ede0e21ff2d92f1c8a853eb757dcdc5f1', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '8149f311544b071818cb111927fbb71594ab06de', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -121,7 +121,7 @@ export class NdsTableOfContentUsage {
                         }
                     ]
                 }
-            ] })), h("div", { key: '71ab68ecdd82646ee9986e579c6be10fa59de37e', style: {
+            ] })), h("div", { key: '287a7626cd02381931098d6c0c3dad2cf604208f', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -129,7 +129,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: 'a6603a4972c62e37dd8ed7d66407b8bf23b40e56', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, h("dga-table-of-content", { key: '06f7fe0f513390bcdb7d40f37e581987b1e81eec', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

package/dist/collection/usage/dga-accordion-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaAccordionUsage {
     render() {
-        return (h("div", { key: 'f729ff9c0c1f326fcc67f25ef35611c719a8f2ab' }, h("h1", { key: 'bfc922218ca3e74a445ab5eebdb93fad8c8cfb0e' }, "Accordion Example"), h("div", { key: '9a48f23ae97a9ba26507d3441b3911bf29565193', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '48c108f70e6820d4c5708bb1c40b198610420e95', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: '2332511a539161dd6f1b13cc5187dd0aa75545d9', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: 'ae2f780126ec01647a1fe08ffb8825d8c7315145', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: 'd5424373038e988b74a887810570803a1312e8f6', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '195444558862de2d285ba1de5b59bed86c68531e', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: '94bebe730ae2346c5898a73d2157811f0712b302', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '2c12863faabb147c879a0c555e7edcd107c7ff64' }, h("h1", { key: '140ed5011b336102d03c4f1f3013ecc845321a31' }, "Accordion Example"), h("div", { key: '968c0b79000aeb86ec0491ed912f66b9a81ccbf9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f3fec41067a37a6f77007c129d5ef86d9632b6db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'cf11e7f77a46a5f16b30d87a1a3b5ded362175fd', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: 'ce1736b7394c809c95c486c32b64438d839d5707', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: 'beafb882a6a69a71bd1f88d806ebf9334c2f0ae3', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: 'ead49a702f2c42b354230122d9939694775fe534', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: 'da212916d04ef25ac3914e1285414223f2591714', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-accordion-usage"; }
 }

package/dist/collection/usage/dga-apex-chart-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaApexChartUsage {
     render() {
-        return (h("div", { key: '1d9373f7dcf0eab8f2ae0cb0a0abd47d4db68181' }, h("h1", { key: 'e551c9af9268dd8c30380ff1e59ba3bc5bd986d8' }, "Accordion Example"), h("div", { key: '5afbccbb480a9e5f388c7ddf59ca421a7bdb197e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '284491a85247636e09e39fbe3f0b0c5529d9e6e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '12a9a5b7bd07f7efc1c29283d172f7ff0759908e', id: "timeline-chart", options: {
+        return (h("div", { key: '006410bcb5c641bc6148164ed75397b1243d45ba' }, h("h1", { key: '15b075b71f3947996f2a93ee2f41fb5faef5a192' }, "Accordion Example"), h("div", { key: 'e23d496a337f7eb6d2d024c8c0abb83c33603030', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'abfd3e907ac0efeb588f0fa6bed303f04ab7fa38', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '9892ebb751539b6dad563640b10b35eb9dfad169', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {