@platformscode/core 0.0.25 → 0.0.27

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

@@ -26,17 +26,17 @@ export class DgaHeaderAction {
         });
     }
     render() {
-        return (h(Host, { key: 'a9f4cd725a88c83b4a2c4b90fc7e1abb9745d4ca' }, h("li", { key: '5b0be006d4b1c8b6507d1cbd273fe117ac2da28d', onMouseEnter: () => {
+        return (h(Host, { key: 'f5112ca33fbbc173767780449e1457e373100594' }, h("li", { key: 'c09017454334bfe998c1c768cd2b12d428207983', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, h("a", { key: '7d6d57169648f8ee7011504e0143a6aca08a8a1a', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, h("a", { key: '2aba9c368d5f057b16ac2a48d448a4f9fede2cc7', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
             
             ${this.iconPosition === 'inline' ? 'header-menu__item--inline' : 'header-menu__item--top'}
             
-            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '0bbc750fca9d12c3cab04c2b809c8cfa6e80f660', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '7833f6f3dd84f5ecd3afa6dbb5b3e8e636d6ecfb', name: this.icon }, this.iconProps))), h("span", { key: '7956ef28e2ee4976cee3bfa3ec3d1f6ab925dbc3', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: 'b4e193c9ff715dfbd4b1da74e39def02a4dd03b4', name: "dga-header-sub-menu" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: 'b34fe765105b174ea958745c2153fb5dd7aa8895', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '7db7ec8a19cb51cb57ddfbc7848a1fec8e1da1ac', name: this.icon }, this.iconProps))), h("span", { key: 'd562fd27b0f9d020b1dd7548fc2ff0951d283972', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '3e61bed3f1f5d4ab6158e8a12d1fbc2a1a556ee0', name: "dga-header-sub-menu" }))));
     }
     static get is() { return "dga-header-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -282,30 +282,30 @@ export class DgaHeaderMenuItemUsage {
         this.anchorEl = null;
     }
     render() {
-        return (h(Fragment, { key: 'd6c7a6627c780f016d449c2323924ef5b92ca820' }, h("dga-header-vv2", { key: 'dd5cc89e369d386d42e06019fd89448e8163235f' }, h("dga-flex", { key: '8c0a8d0eef816d46ecfacb3587fd8bd99f52b9ab', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '7ce5cdebeb2a40e6e6d1049450bbeccb6f67058f', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (h(Fragment, { key: '9b17b5e0c676aceaa3d9a712557eb2d032726921' }, h("dga-header-vv2", { key: '4fd73912c0fc04e0e478af9df1bcf2445bc6b785' }, h("dga-flex", { key: '2e46938121f7af5e60c808fae31baea6da4118af', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '23a3de82afbfb4e806f478231d8dcb3899d95081', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-logo-placeholder", { key: '559500611bc5a28608113d6d75eb8454c0e81376', size: "md" }), h("dga-flex", { key: '2c6335f73d6730f7c700abedf5dd24ae256ef259', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: '5a24170fd0ba84e4aacb2764d78ead33206b8130', size: "md" }), h("dga-flex", { key: '16c39a9f47c46d8e9e3b4e11df0dae0890803699', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: 'f64b5487022d3f9fada72c6ab116ef0ee9d9d345', label: "Home" }), h("dga-header-menu-item", { key: '7ad2847f668215870e271d44d45d20028f6cc8f0', label: "About" }), h("dga-header-menu-item", { key: '697b4a921c5c13a7afc6d4d1aa65c437e3154332', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '3420bac5e06749fd9c3e9e61fdb2941a07423c52', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '925a4796fcb7ecf4d0593a7b3b9eb879aa81442a', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'e5cb593d19dbe443c4f938affbb91e4077517708', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '525d50f9d012708d720e1f58e4971b9001654018', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '25ec0bc4343bc6fc6317cc1f28fbeb6fdd844ecf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4c26c9c5f66b809839c550bab0c40aa443263b4f', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd7bd108f664356295d1a506ca8fb21f4197e8d28', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '661b823f642a9936a0d95b12dc61643494a7e767', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'af690f1a1143394487a2193bd3a3cc058c0cc6e0', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '394388761d3f8d5cee86a475a128c09fff6ee6a0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '25d2397a025d65620ba271e87e028f9f71ef2144', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'ef74e53fb7c43d45791e438fbd2197359e0c6537', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b891c246e2a5dc282806e74815d007f824121340', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3b1f3f3859a29cc58337ec0465978a37fcd8ec13', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '344a816cb926fd1daa92fb367c1b5333ba4c1487', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '0df584c0cef7c2a3e26a1118faf0fc8e86c51f40', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'e838c588de27f8640b4493fecb6cd5939bd81335', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '15e9c7be559a23e9dd51587f793c606c07f0c4ce', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '873dd0b962b176ccbb3deaa20013349d42dd5caa', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c7037a2f2de536ca28b307fa900823d3d30079da', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2d8c7f1ffd2ba8883556b1acd2f8a02c7954ee23', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd546c2762f955641eb02626b3186662753f33693', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '95b75bea2a9740bc8ccd65e5b1375e8000d62ad1', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'cbad23c8d5f3866acf2196052cf8d196cda69578', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '1ca3e4eae6fb023559d021558226228773b2cbb9', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'f03ad0da3ea28069e1c119850a30815530c8b168', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '518d1e9097ee4335d6f14d9d21eef5ee115bf33c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '731f4334f30a2f7c1721f7d4f27d011251566135', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd93310f4f20ed568f07006228af016689b668ad5', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '9762515c4a9c15a6935980fe87691c398c7f452f', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '75f83a6249db901fe17803f7c415d985ec4a9bc8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '53fc42a43a4a1ee5bb97f0f350175d2506b4f704', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'cce3fb99fb9cc17c7d463dec37649bf5d85134a6', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0c483a6371508d4fded84c684e10062efde07714', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '5bcc05c1357854a6c7b9c83341b4618eada38f92', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '30cb979007b67ae07791a2408d6f2c7aa98eb048', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '52199f34716a02619e81dea3a06f25a8e7bdaed7', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '9b3042f24ef0c2ed922277bc4b25fa213c6f8329', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '987ca8bdbd0adc25bc7085d80bc0ded369c29556', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '5870bd7692893e6d77b49223e042125b2836af84', subMenuFullWidth: true }, h("dga-search-box", { key: '7c5589a3f880dd123f2084fe71aabd74d2e73586' }))), h("dga-action-menu", { key: 'd9892b8962dffda321999d220a06cd8a2556b834', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'd1aeeb43f59e065b7d7a555d3d5294d574b52c9e', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-header-menu-item", { key: 'd1a44b1a3fa06390329fd259aa606a8b9d500a69', label: "Home" }), h("dga-header-menu-item", { key: '048903fdc5e3dd523e43b9182b4ec57f5ff2dc0a', label: "About" }), h("dga-header-menu-item", { key: 'd8d0eac0a1563dd672ce224963b9579fc24d4163', label: "Contact", active: true }, h("dga-header-sub-menu", { key: 'ba0cbc1f04096df838d6b5ebddc327da6778156e', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '6f039181ad680015597cf315df3c632dbd367d3e', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '45d6854b456c7e41a6198ac8e791c35ca7c9340b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '661a15ac87eb6adbfbe60ae60c0427f7198a7578', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0236cd032274ef8db62534309518fd89da5e3e5c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '377e829213c78cf3d9d00849288950a1a7b95be0', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3b1e48b6b62b3ab81d45b5bea2ef7aed20785d99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3fb80fe721c0a6c4908428ac9d10201ca2afdff9', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '05d89ff5b8ca02600bded15ef67f9005d45905c4', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'f1e547be000ab6f7d6deb69ee709283d0dbd47f0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '8f6d7de0170b7df0671d64aa97dd9dcd23871d5c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '4bd3b3a871eaeaef51f66fae5b984ba5b8f58adf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '07d1b64303eb18279be110cc0020e1c0d7898eb1', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0cb5588868b61f99a544de82919029a08958f64e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'be0e1a8b21bdcddcd045ab0570ab81fba3092bdc', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'c02cc839d61e1fb7300ba0aa5d6ae0e3c2e41b89', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '73f50238371eb39d543baa038386e12c97fa879c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a18d4b162eee50f14c9f209d6bbf6983cb24d1f0', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0c293de4bb1d03746288efd4590d9637673505ff', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ae5c7b591bb2d2419b03b8f0d765c9d46e09c926', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '1bf88714d60959e2991e74a633c55bb5da985c0b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '8ae16d8325dc88fb022d97a87f7a9352c07c3de8', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '42c7201e0b3ab28f95453feaeb9cda28187d6bab', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '92396024309bca2b462f3dcae0b779d7bdcc465c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9b3301804159c47dfef025adc9a966f7a2d852cc', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'b030ea4d6145b073f9b7b13c5d6678871de25e99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '2da197bd1354de85f7bdf96e437b010e0b090650', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'f9d78d18f323dc8f38f31cbcbcd1d1635d03a84a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4e553cdeb5acce7a40229e7b4f57e9c209d3b1dd', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '9e6029a3960a0bbe238c3ac8a909de557168df71', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '8e9b6fdebcea479ffefc01899e5af93bd425be7c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '18f015ec79cd0585fee082da52323d0783848c09', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3cf09d00a77dab63a2ed69c4a59e6e64ddc16f99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9e294a795ab459bb37ef60584404afa61bbfd0a5', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '64dd9564da06d400b240b93ab33b102ee24d2efe', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'f191ffd9ba20208c40148c119934993aef406301', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: 'fb52421880899609b2f124865f958850a0c849b6', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'f6b4d359614b72302122d0527cdadafbc08c56d5', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: 'f046712790f652d6334659acf72986ee1b59bc97', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '46163112ce84032f35b6dfa82477a30007f5f622', subMenuFullWidth: true }, h("dga-search-box", { key: '407bdff92515fbffcf7c5c266b6a9717d3d803da' }))), h("dga-action-menu", { key: '87bc8780d9ff26e91d8ed69dd022c20c46ed4391', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '4a621bd6d6f69a1f0ad8b144894aa0f1566ad50e', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: 'a32996059f93b9a33634c17860db7d54c770fa87' }, h("dga-menu-item", { key: 'ff14606511f70d4d47aa536e9a4dd8cd361ffa9b', label: "Item Label" }), h("dga-menu-item", { key: '34da29575a7600e8b47c3340e38095821598d94a', label: "Item Label" }), h("dga-menu-item", { key: 'c016c9ab6d8da53695ba7db1cd0c2a317a71f330', label: "Item Label" }))))), h("dga-drawer", { key: '53ed91622f0f81b991cf36c5af6f9b9857f37ca4', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '56ab7289c58d0fdcecaa94b4fbd0e771de7733e6' }, h("dga-menu-item", { key: 'ae62f8334b2263477abd732b5b33bce8780a2706', label: "Item Label" }), h("dga-menu-item", { key: '6577a31bb95ca903369313edeb66c295fb86b17d', label: "Item Label" }), h("dga-menu-item", { key: '302b90827d7c4aa80c09f40069c32685f605ad87', label: "Item Label" }))))), h("dga-drawer", { key: 'e7ffc3013d9336e07d50aeb4072ac99f1e7c2fe6', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '72px',
                 },
-            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '692ae95d2124e64799662a6cdd5087c8e1756e1c' }, "fdgdfgfdg"), h("div", { key: '91dc4afccd2e5cdd496172cff2a1c99aa286c9d1' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: '9097337a7ef9737d3e17b8cd1060076f1c939c20', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: 'bbc5315b6a6bb61b41ef5f70a6e97852c8d3835c', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: '5f2c63d9a5fd597ec495c345f622e9995d86a096', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '62c1d3bbd210781b61747af82097e94bbeb01e61', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: 'f4e29e5c7a7641520e323c05260987542c6b2279' }, "fdgdfgfdg"), h("div", { key: '340fc9d899ac7ef883f0943350ebe5422e5374a2' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'c924df6afe4639703277f0561e1baffea7e33bd7', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '25bef7a087c2a9db44d285a42474edbda2072d84', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'aadc9212502beed9390fcff12aedeb93f2ca7865', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '0ee976d3cf17c6777ce60967b90704d1c0dffa3a', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '24604eadb00bd7c32313d28a1e4d5e3af1aa3266' }, h("dga-menu-item", { key: 'd1250a526e649db3204d82eec6b8a82dd946979c', label: "Item Label" }), h("dga-menu-item", { key: '1e4854b179e9379e59cd954155f9aec4cb5405e1', label: "Item Label" }), h("dga-menu-item", { key: '22541618a33e33b075a985f4d022e914b974eb1a', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: 'e36a7fb35adb9745d8f818df671f8c373348f0bc' }, h("dga-menu-item", { key: 'a1a176b8359a7639b61b40f0932e6a67a42f0e37', label: "Item Label" }), h("dga-menu-item", { key: '0fa44facdd01fd8037a94bc1c8a0a865f7926967', label: "Item Label" }), h("dga-menu-item", { key: 'a7795b05c5a6b1e64027132d4ea09d4bb75bca01', label: "Item Label" })))));
     }
     static get is() { return "dga-header-menu-item-usage"; }
     static get states() {

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

@@ -24,13 +24,13 @@ export class DgaNavHeaderLink {
         });
     }
     render() {
-        return (h("li", { key: 'f223e35af2b766eb2f574129a45d1c9f207931ac', onMouseEnter: () => {
+        return (h("li", { key: 'bddc84f3a43fc3e5bc1f96e6df6e1952de5d5336', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
             }, style: {
                 display: 'inline-block',
-            } }, h("a", { key: '2bab47cf392d391f10f1fde72653865701b12d74', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'eaa28a4bafaa8cdade7e90b3fd1a560c8b6fb3a8', class: "dga-header-menu__item-label" }, this.label), h("span", { key: '391cf3a0a8e4560fc6bdcef23de137bbcaebb63f', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '742aaff8fb346acd3e870cd440d657f640e38b1f', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'bfc71f4b6d650ce68290ba880ab13cc0376ca859', name: "dga-header-sub-menu" })));
+            } }, h("a", { key: '0498548a93c107fde2a5bc18d42c8175ac9d1696', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'e2ed39458c51acf0adb160be228399c818e781fd', class: "dga-header-menu__item-label" }, this.label), h("span", { key: 'b93ce21ba6f105d8051bab4666a8296a24d55936', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '2d3e0cb4edcd78225a9cb7a820970c3149a0c0ae', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'c4574573ed4b5363cc6700a0fe2d92c4daf31973', name: "dga-header-sub-menu" })));
     }
     static get is() { return "dga-header-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaHeaderMenu {
     render() {
-        return (h("ul", { key: '44cc1a9a6215c5108ce1e1caaf300a42c1aaeb52', class: "header-nav__menu" }, h("slot", { key: '1e90a0a9270e434c0b002d42f123ed4ea5b1ded9' })));
+        return (h("ul", { key: '4031e57b3a43d50fc6167e475728c34fd6e5cdd0', class: "header-nav__menu" }, h("slot", { key: 'd230e8bc72069977ab1f1e47eb9090fa92d77c00' })));
     }
     static get is() { return "dga-header-menu-vv2"; }
     static get encapsulation() { return "shadow"; }

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: '6683f2dfddd613d90e87463f994299c6cd0c9448', class: "sub-menu__column" }, this.label && h("h2", { key: '6e3cf69a9ebdad9267abb19ecf94cd5de65addc9', class: "sub-menu__column__label" }, this.label), h("slot", { key: '80d39f1b30fcae2eb306fa00772bf41f4f914aa9' })));
+        return (h("div", { key: '47fd03418cbc0be7ae13fff47a09661d0bc4b8cc', class: "sub-menu__column" }, this.label && h("h2", { key: '7f8e941e88f1b87f1b1b48e55043c80b9e9ccc9d', class: "sub-menu__column__label" }, this.label), h("slot", { key: 'd2d7d30e6f0d0840c868afe88281ba915e6ae350' })));
     }
     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: '283bd8e438ffdaa83afea4cf85d9b9191ad99480', 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: 'c4765254aafc673fcb75669a6c0525e71d5acff6', direction: 'column', spacing: 4 }, h("dga-flex", { key: '41209c6cdf1e7f0b3efc8289cbea24f58ec22988', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'b65f04e8b2917ee5a09e34bda2b994dcc41e27d4', class: "sub-menu__link-label" }, this.label), h("slot", { key: '3b6200ab148fdbe90a067f46af9b61def590fde2', name: "tag" })), this.helperText && h("span", { key: 'd5c78a0add4b7a6dd57d65398a5b5fe43a41f2e1', class: "sub-menu__link-helper" }, this.helperText))));
+        return (h("a", { key: 'c840b0e0c1e273268859cbc2a390d79fefdb6d9f', 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: '249974c764ab2560fc8ecb466eb7603a90fec463', direction: 'column', spacing: 4 }, h("dga-flex", { key: '4c09e995518c9559619ec73e5edd45407b58b2ea', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: '1d1f53055212affac702feb8751f8f0256234942', class: "sub-menu__link-label" }, this.label), h("slot", { key: '862b66a27ebbf37dcba96d5cbe13b677d6391837', name: "tag" })), this.helperText && h("span", { key: '7e65f6603c17310a00ba6b5c774a15bb0203606d', 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.js

@@ -20,7 +20,7 @@ export class DgaHeaderSubMenu {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: 'a6c633dfa3740830c00b90600bcb7efd6605e061', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '5e7bd73a657e4d13dce1afe0217252017fb81958', class: "sub-menu__container" }, h("slot", { key: '471b8af5854eac7ae93ed2422127e88921c4c1ae' }))));
+        return (h("div", { key: '1238393136d333637ad2e1cfdb273f73a04a23c3', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: 'a088133460019fc93a86d798639d63a45b44ea58', class: "sub-menu__container" }, h("slot", { key: 'bb459eda8a501da239dddba366bab51ddeaa2ce8' }))));
     }
     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: '85c94c5e4df1e5e5f8164db43e335db365473d73', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '4a405f2ed855395fc1d962efba7768522519c9c3', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '132812def208239aff0865617c2d13f787d735e5' }))));
+        return (h("header", { key: '012d2f08f9a693323ea77fe8a8a6ae97d38669b8', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: 'b41738066ed14b8b3803c1bd09c4369020354d44', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '065a6b9877d0c54a4c925f12b68ff8ab199f1a60' }))));
     }
     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: '74b8cd85bec33b26809861e9fe1f26d7bf486f25' }, h("div", { key: '0d5800a580d071741fe3acee9103491f70166a56', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '9442a6852c369c37990d4a27d1ed57b222d21e6c', src: this.src, alt: "Platform Logo",
+        return (h(Host, { key: 'fcc36b4e9d5cb8ce754cbe88293269e2d71ffbfe' }, h("div", { key: '9d7110482df3debe19d3e1120b199b1b365ccfb2', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '173bf3b69c456e97c59d725209dedeac438bd362', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: '9aa942eceaa0444d7516258af197f1af71c48ea7', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '0451724ba37be0fb485ab10f56776b467f12b76e', 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: 'e82fcc5ddc95454f9fd3e403d13d410dda7770bb' }, h("h1", { key: '830bba313963a6594ed7ec915673cd15d5ab3d5f' }, "Accordion Example"), h("div", { key: '4aa7f2463291e2ab44c5c41d5b95475567f5e913', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4e0b33591fd51725171903b33ddc9f65159ec7ca', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '84490ce0470aa7c79fbca625afd999de8f8d90bc', 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: '5d527b4f49117a7c382ffcab08b05387f70c2ce4', 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: 'a6a7afef6c50157313167820b77fcb8e1745c78b' }, h("p", { key: '36cf4446ab537c11677a78fca980e2562fb1b799' }, "This is a ", h("span", { key: '9768f52db6a46d01c49cd77168084b8ddecbc943', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'cc23685b58dcbd5b1e69e13b709501359d8c5304' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: '7c41efaf3aed341b1d61f3832d265124e789d2f7' }, h("h1", { key: '267e710183605616f82ab4a85ca64ebc5f416475' }, "Accordion Example"), h("div", { key: '6127c5318bd6c420b0632fd6c6f7abe635170d62', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9f581d6af746db129fec4b97ea96833f60a292a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: 'cde7d942982593a10128fb69e6a0aa2038b7e7f4', 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: 'eb1948acc44b3d45e42dab520bf69a8e11c565fd', 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: '3e9d58012f444df3c5a31c3ddf7c00036a87d3a0' }, h("p", { key: '78b781b055379142cd273ed837e018a25402f2a0' }, "This is a ", h("span", { key: '8b253bec617aa4494e0a60241502d101ba888ebc', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'be4d5da6b8f8b38eada62265f8b5c552ee0e8e29' }, "You can put any React nodes here.")))))));
     }
     static get is() { return "nds-accordion-usage"; }
 }

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: '0fc3e73d1d925b6b390d6fce955e3ff312e59ed0', id: this.componentId, style: this.rootStyles }, h("div", { key: '10cda7dfb7c288649c9ead450556eb30501a80c9', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: '01da65448f862e6e2aef23d82f0a9ecec0d510a9', id: this.componentId, style: this.rootStyles }, h("div", { key: '26498f3440dcf8010eccef9d03f1de39c6afc194', 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: '2618bc041a34422a1955984fca4a6ced24c8cb35', 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: '5b4f821fc85c5979de1d25eaa03917e714bc9f17', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: 'b0eaa44fbb64e65602f90dc576cb4e81e6645bbe', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'ff5a633cfcf375bfd90df3441d75cfa594c128b2', class: "dga-accordion-item__title" }, h("slot", { key: '12553def2becd76b904588a3e7959ece96076577', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: '6d8fa7bbbda3ccb6f4aa9f22f4438906e98253a0', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '7f873b6bc2197be2dbd9ebd990ae6a0bf05ce0f0', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: 'ccecf69d4b1cfc7242457237818d226895294cfc', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '85036d1c48e36e081fd087211fdfaafac5607ee6', name: 'content' }, this.content)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '89463b15a17fff7c413ca93be5beed71401306fa', 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: 'cc327a709684754479df746837efb3e3e813fbb0', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '6a139777ee444147cb2a02f6542931cae0950530', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'ec81a96af53a616e1237fc38090745273b723929', class: "dga-accordion-item__title" }, h("slot", { key: '4e146d1fa7e4f46c84167e1fa7899a357f2f7149', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: '3f893e24982c7fecd310329f89aff527d1f038f4', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '3fbb1dc4f48d11df13478772dbfefb4e431a4e4d', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '56cdf6237caac665d27fd02901f544b2d5e7296e', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '94220b0cf16cd8a25b20a495cd82d8b60ee50bc8', 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: '38539749634d6b195e22059a1eac536c66a754d3' }, h("h1", { key: '179b021eb30fb095340bd3a89d47a0a0d75222c9' }, "Avatar Example"), h("div", { key: '47a6183091fbaec32f3c381274061ee64b7f6de3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cfd5f62b020e2247cc60dcbd53de8a148ff898a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f159ecd2e8cf0af2609a2250f05f36cc7170bd1b', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '848aabb64620b6cad1e8dc1a0b6ecb6b873f75f7', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '8bd634bed9b9e92a0275b357f099e15393b2d60c' }, h("h1", { key: '1b35a22ac8ab73a01da969531f106fd5ddf8468f' }, "Avatar Example"), h("div", { key: '030907c7c20f3d9f9544ea06c6b524cae9c72404', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6f830b08409293cdcf8ed1956554c31e9912cabb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '8b516d35b9cd1b4586e9b99ed6ac92cbd11b76c5', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '360e6274833e963e43f05e4d75a60c2bd077eb34', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '07661b3c531593e7f02037b7a60794466eddca40', size: 120, border: true, square: true })), h("dga-avatar", { key: 'ab4af79e71e0aec61389f0ae95d6d3a4123a7e9e', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: 'c5b6b73b2c84a90afa813cbd8eb830aec8a78072', size: 120, border: true, square: true })), h("dga-avatar", { key: 'afffc1aeff60b4a61a05dfb5d609b7c7f158a615', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '1793d4b4acfcfbdb2181be48576367ff1509bab7', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: 'b9fe7852b1286d7453adf4e76b1d318c31f8bfc3', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '5d323df8b03079812b5b3f548f52296d047cba5c', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '4ccec05c82edf0db15a969cc884abe4855211192', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '4147d29213812358fc8e4d9d60455674d68b9fba', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'db05536bdf27c69c26dee95198e07fe50968cea8', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'fd9f88657dddb7b45a66a1a381f2c9a2de7a7f47', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: '218b07ae12667a148a940de7e3102b626869ec37', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '4669654ae5616879511efede59d947096a2e38be', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: 'e0a44837e32b3106892d5f9b47919da919ac4f3e', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b0e07f8bd6c2d0dcda98a853e47111cc9ea8a1ac', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: 'c7e8adfdf788cd982d6901f8e3efb26d203c7906', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: '3e51f0acb209c026c4c4e1b6e49545c67be0980c', stacked: true }, h("dga-avatar", { key: '1d6ab213a59d5ff310bcdeb7403061a8b4b38bcb', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '995c018e85cd4d897bbe13ee806e32c9131ad489', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'b7e33580667f80151009f2ecd6d128f2580764c4', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'de474469557faa21772a91ded8b375cb32764043', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '0862a561ae15cc674c31c66bf2e40ab52358ea0d', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '7b927f1ec72f6f52889c6e59cd0c93ee10f669bc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '47c372bf8721299f219ff74e840a285eff79b699', stacked: true }, h("dga-avatar", { key: '07aa8287abd4af2a6221293ec35808e5702b0d5e', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '96867377c6fd55c43046e3e0efcaa949b286323a', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '809288ee6ed709606007149384f2279e6a844585', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'f7061655286136967511e50fe486a1d8f1aa0e87', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '4acb2642529d776ee500c4a2b09f3f54e9b735a9', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '4251378603fbdf673a652be95b6cbc6363f102fb', 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: 'b465a949780182358de55de5b730709552676874' }, h("h1", { key: '03372103769f08812e1d345f58c18b54019635a8' }, "Button Example"), h("div", { key: 'bf3dedaba30aeed92d5125a41e9aceed561c2662', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a8ea32499a9b87c234a381a3b8be8f9727a9f164', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '9a5ed298befb4aaea057a96f0b06ddb3dfe586bf', direction: "column", spacing: 16 }, h("dga-button-v2", { key: 'a7f2073287e673f87086288496261bd17f014f05', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: 'cb57224836babd993e05539f3420daa316116703', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'cc35a6f2f6aa5289d602d699c2700bcdd9d478f9', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '462ce6bb501c92e22cbc86076586b12fe40509b6', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '2762aaa5be5e6001092d3839636b970f0913b5f5', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '7e63c04181f791b7ddc4e71157ac7aeecb131f1c', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '0147c19e8764f61a441fbca60cfc0bbb58f2e4a0', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'c924c7bdde689fd02707f8eb531a532e1aa8ef2c', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'ca3614b4eee886253984cc1f443a273f5d2452cd', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'a65bce6b55ace2b13cc019a5b7b30b0b80f4ff42', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: 'ed722f59226e4df482c334eeb54725ea53cd94bd', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '5ceadbf8a23cf10edf4c397582bfe2109dfb8ed3', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '38a11be42a3db50fb375c01ac322630040cb48b9', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '9d963f9663ad29c98b299a3fd0dd4fbe664aed0c', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '575c700fac6b47944a03acbc59276b3593e15e36', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '550293a59f1727ca24036ada871d3feb40ed7f31',
+        return (h("div", { key: '56a7ef337ff09b7f1c3a08187c21b7f3aa7cb96c' }, h("h1", { key: 'ca9717cef5798d56c3eaad850e0501cb5cc87215' }, "Button Example"), h("div", { key: '7c7f2bb18c37b9878aa655b100a54a363bd650a3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5431963690e4029f2b5fe10b7e2e248bf64ad86d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'b077dbe4db68b0bff9c1f7ff080972049b766cc4', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '6ac388d692be98e218994016f44fdc53664e7ed8', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '4e54e2f6413fd2b50cbcd9f2d10d9a797fcf8c0c', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'd4728654f620ca8351993a2a9a185126ca9dee7d', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'c85d8145164da44e08d2a5498435065aa24c1546', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'b0a20e61bbec22c48744a962153ee39046e0bbd7', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '5e0838ef9974ec6342e199662a9d5671c41c0b2c', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'd4e1dbeb76b97149e7a4cc5ebc976a21f47260bc', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '5e708a54fb4762e6aec54699aecd1a3b5172919e', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'c3e7bcf88f0c14a4df19ef5d0c074f53c17ad6b8', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '6b295cea662acd66cdf58242b91758d620618f6d', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '10f9427040f39a44f1be10342a8e7cefd5210ecd', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '3c534d208fd76cff93b545c2eed0054a386eba54', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '82e31140b806cfc72557dce6027505ba63798508', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '2ba45b4394c6059122515b0b7d75c21436f9342f', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '8392c0b038dadd80540f3a649816ac7492b57a1f', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '0690b4bf8b5a6756ed23e5399a0f29e8d60bd930',
             // 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: '203bb002ffc7d2a229e2fa021b0cd4df4a71ddec', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '7191372aff562ea79a6ecc17a4de3150948285bb', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '06154b18f40672678099c9864c1f495c6538a570', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '22de52cb09c69dba500b5796dffdb2c6981b81ca', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '2d49caf1e6765e6229966e6ae2c9eb465baa5bd5', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '04a4d740a417bb0b99408ace9fe816d2b600e2c5', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '22bc83a472af70232305eddd67c9549e88b705ee', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'a30a63267b64c21d04f0dfdc1ada763c2bfe06fe', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'c0b8969ae1b54dfa538477e74d6010df4a2f298d', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '14adca061189dc8ecaaf3ab6c094a17577c5b0dd', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'd4b933594e9225058ad996f0fe626f3c1e084071', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'c16f42b651dcfd75e5435fe45114eac0c7486917', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '77517d27e1b0b26631c90362d57a45ca8d9eb35f', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '14214c0e1f68c0e5a43ac307c832a234619c5b21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-button-usage"; }
     static get states() {

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: '75ae4c5e9426c7063f39a3e5e6f1a341b0d74ac7' }, h("h1", { key: '95700717b596cba229cc1c3134f55f38bbe17253' }, "Chip Example"), h("div", { key: '52414ad9825dcdd7d2c1af2536e098013f1b001a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7dfe948b71b18385fec161a6e6f040350cff69f2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '9c438dd82a3f67f6bc5d4fdd55bbd72ec7609e7a', label: "Label", variant: "neutral",
+        return (h("div", { key: 'ba5570a6802264a3e6b19c4dd2da122130d15872' }, h("h1", { key: '2dfdad0efc228fa1f5c9ff05447c2e4eb235c34a' }, "Chip Example"), h("div", { key: '6485034d6faf2d57bbf42419ec33915871c248ab', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5896a0e99e12f8b43f5dc59aaacdcda1a97eb421', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '7b2add965a905f4dab42157e22ca94b36430c7fc', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("nds-chip", { key: 'f5466dec0ba9848b612ce685b70f8f266d7c2017', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), h("nds-chip", { key: 'a000edc0619b19cc48e40ae73a5caa8824de2921', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), h("nds-chip", { key: '2e7275eb1fcdf9a571f9def3503b7a44549a9da0', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), h("nds-chip", { key: '96dd2014d250fb2ca36faec9c0b972cdc0f39902', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), h("nds-chip", { key: 'e12f5d750c09dfbb5939920a4856a87edffcfce3', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '5c1da7b3de2c92e937209bb0177ddd630f486504', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: 'f2f9f3cc761d54d37dcb6431bf1aae5917ddb8b2', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), h("nds-chip", { key: '12c9d4459a6228203dcdc57ae39f8f5aaba353ab', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '2fb23a19bfe696a13d0c693c164976fcd57eade4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: '442c2c705ef14663d2dd9377278aa5502683c2cf', 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: '270987692d8c56aed13f7dc79a5ee76f73f393d7', id: this.componentId, style: this.rootStyles }, h("span", { key: 'ac26c5fde928ccff24bbfbadb4c2ff1cb051c138', 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: 'c9ac8c63367e77702f8a3ff6a565881e4fa39ae5', id: this.componentId, style: this.rootStyles }, h("span", { key: 'b804b9be70e18252633714ad50b18b551626b9d3', 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: '80ba999ddf46d1b023a78a36f79d011b86313908', name: "trailing-icon" }, this.leadingIcon && (h("span", { key: '57dd8653c8f5acfa2c3dc23dcc4d9591dfa4c68b', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '885c8716a7ee7b4b4819a544b3ff3755f5900388', name: this.leadingIcon }, this.leadingIconProps))))), this.label, h("slot", { key: '44abfc053d4468565188a734cc02bd1e79c11f30', name: "trailing-icon" }, this.trailingIcon && (h("span", { key: '478d15e117ebb59e70e925d43e74984f26d61512', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '919bfd229d1de10fac4b5b0ceb932b6fa02f6f99', name: this.trailingIcon }, this.trailingIconProps))))))));
+            } }, h("slot", { key: '0ee61f1aba69cca35b12ec96889a7dcdf45c584e', name: "trailing-icon" }, this.leadingIcon && (h("span", { key: 'eded2bc1768718e21ab54b1056fc20cb3d0da020', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: 'fdef0481a5d0b000d62f994c3856cf5f2a9b3520', name: this.leadingIcon }, this.leadingIconProps))))), this.label, h("slot", { key: '6b8e4b82c7e0be4c63dc762f7bd2d81eec529c2e', name: "trailing-icon" }, this.trailingIcon && (h("span", { key: '3ad2c9f1662ccd97de7b9b83bb900f6633e82715', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: '97c77c0877743e4fe13607d479665601282ef8b2', 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: 'f5e90b9ef208879abb6719172588354377001887' }, h("dga-flex", { key: 'e06e5f5034abeeaa606c42fb252f43ca21de71c7', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'c68f5fa3a2b3aa77c0dba99de5d6ebc065a8079b', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '6f59c673d423c6ef041d3144ad6cab8513e6415d', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '2c7026eb40814c025e9f34303fe496de20df20e7', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '20dee7c7548b8cd7619bab0ec4a4425571513ed2', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '73323bd0cf2b012c2a30784c8d932009f2684d8d', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '993839cc708d41378a946177b2e835320a14ffe4', variant: "secondary-solid", label: 'Button' })), h("div", { key: '4f3535f21d47261d533fde0f6e4140ff62ca016d', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '215fc92b60a3660ca5b40be4c07de9570652ce18', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'dc0c4d7ef1e29d5eff60d2a40be6b75f9a6ba774', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'bb909f7f9ed06f37179a399c6c669b3c0b4f6370', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'c5d622851d2f4cd3958b4dc3ff4b0dcb187a0dc0', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '61c96ba38567215f9e25a48ae1a4e56b3b94c29a', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'fa028616421c77efd0c000ba2a0519f84b6ba241', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '08bc35fa4a0a88c18573e9ec6bde3d7833f556fd', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (h("div", { key: '1077ca0b8a1c641f129a560f2fab077eb071e526' }, h("dga-flex", { key: '0e4fc0f68a48a29cb51304cc7c335c081dd5f8b5', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '51eaecdc1b26b083b1c31e0315fc69a9f420c987', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '95c96244a8e4d6c18bb8df8b34d4b9fe0bb266dc', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: 'b4046ca70356e47f946d7035ff4572e5b68094fe', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '6850de062f4d3b57a80545aaaa81a33a57ae9532', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '8923b990baeb8b96770324028108f07c8ba9df65', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '5c847753cce63f00a72664dd26951a5bdcbfa087', variant: "secondary-solid", label: 'Button' })), h("div", { key: '977fb56e1b173eb335808d3279938154befd1053', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '2f29434c6a9720731bf50c4b35b0b1c24d95ac4f', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'aae7230aed0efb57cacd5ed44c60924533f95b2d', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'd350ac9cc4bf197528def370259bb9a09b51997b', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '0d553f7e05ba667ca27139eef21c22c48362b0ec', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'de24454901b2d9f29dc034a9cadba10afef6e294', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '333514f4e6297be77e73f7725fcbae174cf379e0', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '001973bd2d981a3c6da7db63094f93d9aac909bb', 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: 'b2cd7c29f4a42740a79e210337b9f1998eb96892', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
+        return (h("button", { key: '5a3680ba3a86e6ec15013080ee780dbf9a6598be', 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: '596f86413be942f0fdcbe1cdfae1d2040ea342e3', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: 'e6fbcc7d705eb7e0e40a8ef1d0d8ca807962642f', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: 'd987e7899a976df4f7c00e96504003112a216311', class: "NdsFloatingButton-label" }, this.label)));
+            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, h("slot", { key: '38f245d63343d0bf06d64494ca7d31a20b9be142', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: '34098f63414dbcf5ef034a23ee25c52d1dc06026', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: 'af86c9efac969faa24b98aafcbe3a0be21a7f014', 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: 'c40f99aa39ca1d8b77c8919beb70eb0fd247db5e' }, h("h1", { key: '1d46cca5812034609a0ce98d6001860a7e018f63' }, "Button Example"), h("div", { key: 'b70e5433f7bfd70f47d7e12a418bfe14917f9a05', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c77513506836f17ca1c609d8cbf6e8230fa8c286', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '955173c52f6ef1e5aaa46af77aa36750ed7bd11c', direction: "column", spacing: 16 }, h("nds-link", { key: '49b3a136e270ffac9c0b2cbd3614e3212ee5610f', icon: "link-04" }), h("nds-link", { key: 'b35990d4ec090851702bd3b3e3a42a62f328c96d', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '210dfb3cbe7e524e108b056fde130ea38d881135', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '7f101704c2e7cd00abf2d0e0bbada2b9a7976085', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: '74c3f5ecbfe7dd8c61286bc79dace87c5a65bbf4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'd2d4a0e2e9e5d8373246dcd45226ad1fc1558350', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '2c01546f2c0fdc084e1db7fa24fa423334692281', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'a3fa160abb95c08479f2081e6eaa02f669c8359e', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '6e018572d7a0568b8f6b3745c690ed15487ef6e9', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: 'e7be6881773a5d2a9e12d51a66c54b410ed97a36', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '8a4f7d7c3e5628c330f0af37e5f32ef185971390', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a27f7945ef4a777419bc07c853d55b3dc673b567' }, h("h1", { key: '54a680f61b5d8f9f8be59ecfed0d308ee741708e' }, "Button Example"), h("div", { key: '5098ca194a84accf70fe8d626d2ec9dc1e6112ed', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6abea75bf4980cc52c85a2eede3fd8d8f511c743', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'e726ab8464b1edc4cb9193d6d310332d1cd936df', direction: "column", spacing: 16 }, h("nds-link", { key: '2650e63344a480cc03fbf28def4a4b8c9dc3a7ba', icon: "link-04" }), h("nds-link", { key: 'c14d8ab5bae8c36f8c1801586749d258c32610af', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '9101d2ca20d6aaac7719ef13abf634fefe3894b4', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: 'd1891080e69454d7f213fc2d06f6633959dddffb', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'c5b287c34cf264f1be7543aa44833b481443a54e', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '43875a97796dfecdc5bbd44c8a24ff218c6ee047', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'a2c45882c55a5d6e84b6e5e69f3bd5618f46c3e4', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '756c97529b96fdd6849e2964fdfa8bf6a66b11cb', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'fb1facdcb4ce219539c512bf0bf4bb5dd6c54099', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: 'debb37fcbbeb25cf0cce43a746ce36a8fec75323', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '7139bfec3792e7be357204b5eec9dade4e149f71', 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: 'e7addc16f4b0712ec542cc8bce6aa01780720522', 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: 'b5d76131f830cf537da374622118ed7ae8b0ba0c', class: "dga-link__label" }, h("slot", { key: 'c7e8ccbe59088e7f87d2ab5351ae7f1ad8b32506' }, this.label)), this.icon && h("span", { key: 'ca5c5d8a1913d9117107ff981e577f74603eb640', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: 'c839bd18d234bb73afea2b030882e1aa4b55f54d', name: this.icon }, this.iconProps)))));
+        return (h("a", { key: '061460e1bea53e88885bed5c862295ef43e51094', 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: '8107c87c9165ddb05d5f3d239d921ab9788eb405', class: "dga-link__label" }, h("slot", { key: '9e38f56d72a0549a104c05402b303aea18d26ba6' }, this.label)), this.icon && h("span", { key: 'd51e592d0ea0f22bb90d849869a2ef51642ba3ee', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: 'a0b0be328dc8a85ebfe382ea4f7e8a392bc10750', name: this.icon }, this.iconProps)))));
     }
     static get is() { return "nds-link"; }
     static get encapsulation() { return "shadow"; }