@platformscode/core 0.0.31 → 0.0.32

package/dist/esm/nds-accordion.entry.js

@@ -77,10 +77,10 @@ const NdsAccordion = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '01da65448f862e6e2aef23d82f0a9ecec0d510a9', id: this.componentId, style: this.rootStyles }, h("div", { key: '26498f3440dcf8010eccef9d03f1de39c6afc194', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: '1265c0dc6aa43ad5a3e1fe6694408ad6a6ff2bd2', id: this.componentId, style: this.rootStyles }, h("div", { key: '90bc4a22a0cf3cec23e92f6809258921d181012b', 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: '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)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'cf0d4ec4e9bb56567aff8f538f3375238f3c0cea', 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: '7cca38e86dc9fb4c133d93f0405e9322a240da9e', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '8ae30d79ad18709a017611741e4a611109f15407', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: '6064ffbb8d7a9c5d673bdd420fd12db583edb13e', class: "dga-accordion-item__title" }, h("slot", { key: '6323b0ae5eac89c53f9469387edd128fcc986f67', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: 'c7e99fe4acf97f7c31aa96397553cc3b6ad0acce', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '41ae36429fa96e93aa93ef3da22f0090790051b4', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '2b6e3f28bfc23c66957dd7704e379413a26746ae', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: 'afd4ced0bce12e6288bf8f2c6593e595ecacc6c7', name: 'content' }, this.content)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nds-avatar-usage.entry.js

@@ -6,39 +6,39 @@ const NdsAvatarUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        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: {
+        return (h("div", { key: '10957124c53f3c709d95f884b5b64fa2737a15c0' }, h("h1", { key: '0b33377f55eda4ce58787fb90240970378d4b883' }, "Avatar Example"), h("div", { key: 'ed6ec11a38b5a0a4e12cf6c44eba808cc4d23c34', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c18c14f77e8180c474ccbf8e9d257b17da910219', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '86d46b8cfcc13fc3aa99d9f647bbd5d6c8a7b056', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'eca6b59e7f6b30947be70e00b7ebce8a2fbe0575', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: 'c5b6b73b2c84a90afa813cbd8eb830aec8a78072', size: 120, border: true, square: true })), h("dga-avatar", { key: 'afffc1aeff60b4a61a05dfb5d609b7c7f158a615', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '2fae6834b1e28d43926d631974e2e57bd30226bc', size: 120, border: true, square: true })), h("dga-avatar", { key: '731bc3cb3927117d24209e1c37fd3a375a9ed48e', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b9fe7852b1286d7453adf4e76b1d318c31f8bfc3', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '5b7a38b3c991c2e5838f25b1aa648bfa0905ba97', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '4ccec05c82edf0db15a969cc884abe4855211192', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '60972bd3035aa30b37d19a6c301cac505ff698d3', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'db05536bdf27c69c26dee95198e07fe50968cea8', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: '5ad39c4d4f858d2b3f2af2547235483a1450c87e', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '218b07ae12667a148a940de7e3102b626869ec37', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'f6be5ee80c7cc443cd8c1080aa6d4043ab6cdeb3', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'e0a44837e32b3106892d5f9b47919da919ac4f3e', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: 'a4794c60e66c9617f904de8c65bb56c9e5e37540', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'c7e8adfdf788cd982d6901f8e3efb26d203c7906', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: 'd80ce7011271aec41ea7e9c4e610d0a922c3390e', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), 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' } }))));
+            } })), h("dga-avatar-group", { key: 'a9423d0c22161f1d88532dba858c070fdd3b2480', stacked: true }, h("dga-avatar", { key: '6e981be499f56f74f99a993ef38433c0689de304', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'a9d20ecad55e9ee4f1e0614cbf6a5ffb5241ff5c', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '9fadd325d41a6b18c28c55446921f65283458c95', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '55d748a502ce5225d2e63ab28c353bafca0fca1c', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '3b3963b6f1fc115860a695c4ce620cdfbc5726bd', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '57b19f6bad52ae4bf40f6f74230f3dd864313914', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/nds-avatar.entry.js

@@ -55,7 +55,7 @@ const NdsAvatar = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '298f44cfff0591bb071a389c0f396fd42497bb52', id: this.componentId, style: this.rootStyles }, h("div", { key: '90c8decb51f82b538b14555543e6d4361c788ccb', class: {
+        return (h(Host, { key: '507970a5dd503477fa4019f98409b547d80cc137', id: this.componentId, style: this.rootStyles }, h("div", { key: '37681c5efbfe8aa5b1eac24ccb5a365c132e55c4', class: {
                 'dga-avatar': true,
                 [`dga-avatar--${this.type}`]: true,
                 [`dga-avatar--${this.size}`]: true,

package/dist/esm/nds-button-usage.entry.js

@@ -6,13 +6,13 @@ const NdsButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        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',
+        return (h("div", { key: '9d72afed6f47dbdabe3de3198ec6b50fda780df1' }, h("h1", { key: '1586df2893860398701194cdc3454fadcde24635' }, "Button Example"), h("div", { key: 'f4c889cf98ace53bf2b8c401410fb94fa834bd64', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2202edd822a8123ec98b85a382c82025b9107085', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '63ca77827f44a0b5120303a36a1131fd08b830c8', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '205ba4e05801e4cf92114f5274e3564f7387e4c1', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '6666414ac274745ac2878fb8224981d07baa1262', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '01ef2efc7c47082470ff7ca904086725a6417264', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '11d6b1586cef453c7c6fd0bfbaf99a3cfc16ece2', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'a30cda46bdfb44a101b2a05cb3c547f464193a48', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '00ae17e4a0174fc9593cda29f602f1ca0fe7fbb9', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'e0848a75c900751e2474554f21b544da2cc18039', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '3a0ae5e4ecfcd12022e8cdbcd7786e99da2e7962', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '796e249a0e6fd3cb6d12fc3f86953806bf7a99ad', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'c5849de610a1a1d6db6f9c1962ba4382cfdc921c', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '14aaa2d4c7f413f4b0976dd0bfa7fdd2fdf5382b', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '3056cc6c0fdf76c009b4aed5c949b50331b49435', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '246f1bee86a4d88ff6b3e72ca0e1e025b17207ba', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '0d99596c9843bbaee2859123e94c2bd30a51b11e', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '4dd252e6600f37392a0af4c3f314f70fd626513a', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'e4d66eb34e7ae60a744847e7698945b93a61f8ee',
             // 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: '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' } }))));
+            } })), h("div", { key: 'cdd280be9dfd4e7478c8dc5045c9e94ab8d825b6', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'c3f34667496a3751e04013d6b9ba0cb0f017a2dc', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '8d3d62f46e5eead872e934c8574d65253473cc37', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '2f3c333e015d07a8c5b8dc7fea6b0236813e91d7', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'd963f4a034a370e8f65088dbe6dd08f28e2f62ff', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '4c1fa4b714712e53a2efe3ed573ac6c68503feb7', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '5fab3766bbec7b4ce52f3d68f9fe4f31b091cfed', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/nds-button.entry.js

@@ -39,7 +39,7 @@ const NdsButton = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h(Host, { key: 'ebeca4f28c5a87c301e042905ee18a8b7d2f1505' }, h("button", { key: 'c8a81ce9af113d22cefa6d3ed91f42420f550aa7', type: this.type, class: classList, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? 'Button with icon' : this.label, role: "button", onClick: (event) => this.handleClick(event) }, h("slot", { key: '1d1914fd2c34fe48d2ecf553741d998307b9cda0', name: "leading-icon" }, this.leadingIcon && (h("span", { key: 'a506a68366aed76e4845e925f8c6ff12728b292f', class: "dga-btn-icon", "aria-hidden": "true" }, h("dga-icon-v2", Object.assign({ key: '4624ec4a6677859d58af5780813252c3bec862a8', name: this.leadingIcon }, this.leadingIconProps))))), !this.iconOnly && this.label && h(Fragment, { key: '4125fe9858186548c7f312973f9f4d5303c61b95' }, this.label), !this.iconOnly && (h("slot", { key: '07d5f692f6544da8c8a9b6bb6ce929d2df0ac4d2', name: 'trailing-icon' }, this.trailingIcon && (h("span", { key: 'f36a401adee0d7e43edb388f7c3d824e59659d8c', class: "dga-btn-icon", "aria-hidden": "true" }, h("dga-icon-v2", Object.assign({ key: 'b2efa2738efd2ce49f1557facd34dd59b539199c', name: this.trailingIcon }, this.trailingIconProps)))))))));
+        return (h(Host, { key: 'bf012acb6c6fd700122192bce453169abd2d6ee5' }, h("button", { key: 'aa5ce4bc67800db0e7fa7bea02daf671e2b9b4a6', type: this.type, class: classList, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? 'Button with icon' : this.label, role: "button", onClick: (event) => this.handleClick(event) }, h("slot", { key: 'cbf4ab0efd45ad1c053861471306fea84b6519d0', name: "leading-icon" }, this.leadingIcon && (h("span", { key: 'cc2631c8d741a97e3123d6db0fefd61cb46610d1', class: "dga-btn-icon", "aria-hidden": "true" }, h("dga-icon-v2", Object.assign({ key: 'f8c574b15428984c15996a2b75808caf13f7f525', name: this.leadingIcon }, this.leadingIconProps))))), !this.iconOnly && this.label && h(Fragment, { key: '2b44335b825bb0540a6ff14f287564d645ff9037' }, this.label), !this.iconOnly && (h("slot", { key: 'a4da46b6c6e7c2bfade5d603c9e67297ecbf4513', name: 'trailing-icon' }, this.trailingIcon && (h("span", { key: '875c8ea1022e83437ef2d1bb36a1e7104bbc951a', class: "dga-btn-icon", "aria-hidden": "true" }, h("dga-icon-v2", Object.assign({ key: '29ecb4ac491cce77c3d365f66ab6b2e47dd96a5e', name: this.trailingIcon }, this.trailingIconProps)))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/nds-chip-usage.entry.js

@@ -6,14 +6,14 @@ const NdsChipUsage = class {
         this.isSelected = false;
     }
     render() {
-        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",
+        return (h("div", { key: '2cf5d5ab346bcb016cc4f6d055922d9d42de5a4e' }, h("h1", { key: '169b555c400c680e15bfadf321fb90bf9cd5e71f' }, "Chip Example"), h("div", { key: 'e1aaa1e056f16749948e3095f328e9429506f431', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '509f336f21f2444974d4049b57c5189b676ad8dd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-chip", { key: '14d261405530f060e3aabc1a343ca695b78ca95d', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("nds-chip", { key: 'a000edc0619b19cc48e40ae73a5caa8824de2921', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), h("nds-chip", { key: '1f67033fdce409f29b726e3902b94ff486c26cbf', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), h("nds-chip", { key: '96dd2014d250fb2ca36faec9c0b972cdc0f39902', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), h("nds-chip", { key: '1c1b9e611f91246062422e7554c1be2c59066cf4', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, 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 }))))));
+            }, selected: false }), h("nds-chip", { key: '6e51c45bfefc6c746b5348de47b56de5a224b2ba', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '7b578860c887ff5225cad3e96f1f4d2f37018d1b', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("nds-chip", { key: 'b79385f13febb296e07c8f02a50966e10990d88e', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 };
 

package/dist/esm/nds-chip.entry.js

@@ -46,7 +46,7 @@ const NdsChip = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '4349d0355e1fb17102930643ea207e1a7d276370', id: this.componentId, style: this.rootStyles }, h("span", { key: 'aa89256b05d61312b7c7def658a9ef011988993b', 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;
                 }
@@ -54,7 +54,7 @@ const NdsChip = class {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, 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))))))));
+            } }, h("slot", { key: '069c80f47b901ef14063b1af71e9c4d91d271850', name: "trailing-icon" }, this.leadingIcon && (h("span", { key: 'e1cd66a532724bd26ae74e6f63377f88f3a288bb', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: 'ca90e9d5279d6d15c64d48d39d35bf10d19bc3f2', name: this.leadingIcon }, this.leadingIconProps))))), this.label, h("slot", { key: '2c5921d9358595db6839e616785d186d62d8f82b', name: "trailing-icon" }, this.trailingIcon && (h("span", { key: '56dae547c396261aa7960c3289d5cd29645890ec', class: "chip-icon" }, h("dga-icon-v2", Object.assign({ key: 'f300fbae5585dbf332c781d916f60a14200dfa73', name: this.trailingIcon }, this.trailingIconProps))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nds-floating-button-usage.entry.js

@@ -5,7 +5,7 @@ const NdsFloatingButtonUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        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 })))));
+        return (h("div", { key: '32f21ddfa14231787e1b0122ae25752c1d536094' }, h("dga-flex", { key: 'a1ccae21950aaca97c2ac1e1555cf95f76de02aa', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '958347ca24ed45edc915e2c97f3599bea1126dc1', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: 'b3f619662614b7f4c7c25fab15def780e79e5119', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '0d8b5e680d673488fb9a6ce4f943fceb5198fc95', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '26a041194d68c4106596b0e9ec3459a97e106040', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '127c5d9dc07d1d744be87f0528f805cbc09d40b0', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '247ffda35b43e730dcb066d567790857082524a4', variant: "secondary-solid", label: 'Button' })), h("div", { key: '1f0d3ec8f85e2bfe742ff3c0d0eea0a7592273c0', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '67c808e6f892785c6672bc179764870e33f28093', direction: "column", spacing: 16 }, h("nds-floating-button", { key: '8592285b51cc9680994a6ca6cad2e6460fc2c0c7', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'f2b9c7ad86c36e069b6d6e5553d931c7886a6cb8', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: '039de0d68b4812a4b55e393608d28f486f608cf4', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '6a04751d5ae4c59fb4386cd532af37f212aa4b55', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: '42d9233d96deb3dca678679565e9e7e8e1799b05', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '9458872ae30c9f0fa85f2411436ed69b5412c4c9', variant: "secondary-solid", label: 'Button', inverted: true })))));
     }
 };
 

package/dist/esm/nds-floating-button.entry.js

@@ -20,10 +20,10 @@ const NdsFloatingButton = class {
         }
     }
     render() {
-        return (h("button", { key: '5a3680ba3a86e6ec15013080ee780dbf9a6598be', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
+        return (h("button", { key: 'a77e04d557ea0fb2e5978f03ffbd0c8ff856c3f3', 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: '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)));
+            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, h("slot", { key: '7407ed895efc267888625b5cfd2865d38cfac6ea', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: '8da7c8766ece098127fce0f7be9232672e705efe', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: '3712ede073ffcf4eea2994eb94cefab44a79d70f', class: "NdsFloatingButton-label" }, this.label)));
     }
 };
 NdsFloatingButton.style = ndsFloatingButtonCss;

package/dist/esm/nds-link-usage.entry.js

@@ -5,7 +5,7 @@ const NdsLinkUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        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' } }))));
+        return (h("div", { key: 'dc496c1b353eae7c400c4141c8fbc7808783197c' }, h("h1", { key: 'ad7089258bd20bd9fea220cc659251039652ca9b' }, "Button Example"), h("div", { key: 'f75e5a6b5dafaae4b0ac139ee92de9e4ba80d1d3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'faf0ec5f70932b47a269553786d40076412a70c6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'f4ada9c9d3a4cca1abc11b6a2172637de9896826', direction: "column", spacing: 16 }, h("nds-link", { key: '8683a5c4e1cb5d92c6c44a4badd88e5112b0ebb7', icon: "link-04" }), h("nds-link", { key: '8b4ac38aa99a7e89ecf55631f0e506648d378c56', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '9248d508252bf46bfa1c1e1c58fa083b9f9b42d4', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: 'c1b27d356d0eb26107df47db594c400fee9d4fbd', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: '4b248a4dc81f99aa2dc4cb5cf356bd3b87b8e9fa', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '36f4abb5b2b6c2115d7fe7dcbd2c5090f71904ef', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '1074e770912405ad931ba435b30c6f4a8fa6c7e9', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '77c16d7c357ac29b84634813d7cf08b9ae763010', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '4be47f28c53aec7fab14a5f30281fe31e0096535', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: 'e1265dd50213754aa7a7720e4bbd3095543e052b', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: 'c4c75a8b2c372f964a00c7181efc81b819f5c517', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/nds-link.entry.js

@@ -15,7 +15,7 @@ const NdsLink = class {
         };
     }
     render() {
-        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)))));
+        return (h("a", { key: 'dbd94771061d7d7ccca1b3bd1dea82f89553f885', 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: '58ae044054009e74eb26a050a511b7b18d91ee2b', class: "dga-link__label" }, h("slot", { key: '5d1bbdf501c0a567cea56aaa46c07275f61f6479' }, this.label)), this.icon && h("span", { key: 'c6d7d1ff86759bb7df5b1da2087625cf4f61419a', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: '639282bf9b02dabd778d68cf9a0cac553ac51377', name: this.icon }, this.iconProps)))));
     }
 };
 NdsLink.style = ndsLinkCss;

package/dist/esm/nds-table-of-content-usage.entry.js

@@ -5,84 +5,84 @@ const NdsTableOfContentUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'd374df1de9d5fb6aeec71c8c39a6339f4de55f3b', style: {
+        return (h("div", { key: '6ff988d27d18ed1e8813ad5f412274fa00c51d6f', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '1ddbcf4d675541519127955cdfd1114012a750dd' }, "Table of Content Example"), h("section", { key: '0933f193f3c1ae4666bd3902ff0ae79d23549074' }, h("div", { key: 'c1a38a4f2ce54c5717e92c2aac0d521efd4c446d', id: "section_1", style: {
+            } }, h("h1", { key: 'af997c5da210d0b91bd72944366b5fd580e7b313' }, "Table of Content Example"), h("section", { key: 'de646842f5a400a16dd5850d0e682d9f840c549c' }, h("div", { key: 'f74001372fb78f3602278754e1c70e6fd87a5edb', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: 'dab1e1154b97daa49c6afce571872f669c6c5fdf' }, "Section 1"), h("div", { key: '93d75ac1760c51b088d5ade8b85afebfa5a528c2', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '28d77a108aaed66a754745f82127b3df32feacb3' }, "Section 1"), h("div", { key: '5c27557757db8edc121766779b7253e8d4b211cf', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '335bfcf9a7e51242d4b2766346315e50db6746b7' }, "Section 1 Child 1")), h("div", { key: 'efe1651d3e613c77335631510c9b40c70f49b9a9', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '53f66b3724abc53b591888255cc8b28b75a6d70d' }, "Section 1 Child 1")), h("div", { key: '6dc79e7764ce2d70deeafd423a9cba64c7f46648', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'c3093ff7b2a1af4f9b86fcd5e49997f0e170b91f' }, "Section 1 Child 2")), h("div", { key: 'f4080e18936dd9aea3b43905808d9f9681f893ed', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '9ae8cc8db184d3de61100b11f2d0e791559d815a' }, "Section 1 Child 2")), h("div", { key: 'f8d42c29c4d15fdebfd08a3a219414fbaa5f71dc', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'ba13f26ca5b19794395e5739240cfeb607321f5e' }, "Section 1 Child 3"), h("div", { key: '2f78f27b26949c8df8166a2f3c224500ac77122b', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: '31b2c28e68da333314a169b21cea4e880762a535' }, "Section 1 Child 3"), h("div", { key: 'd84106b2ad1149bea1649ec73d26e36edf18c79a', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'd34ae6ccf0b5182c4e01d2cf763c24b3cee7de13' }, "Section 1 Sub Child 1")), h("div", { key: '79b5241ceba9fc0d32b676f533704df5f9f8ca13', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: 'f91b2c766fb47bee85f838d1a473278735d9c166' }, "Section 1 Sub Child 1")), h("div", { key: 'f3aa7421c5e0859ea258935856efa1d6574b6f9f', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '84794462343c8bdd74b1557ba968a5768c4df820' }, "Section 1 Sub Child 2")), h("div", { key: '012b68c5604d928eaa28967e9bfd7147e845ba07', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '758dd5a9fe3cee98941d7a158377c062e1b9ad78' }, "Section 1 Sub Child 2")), h("div", { key: '096583ce7e42ade2016061057fe2d70f5d709b80', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '616a7d35864b1ffb9be6819caaa702f39d6265da' }, "Section 1 Sub Child 3")))), h("div", { key: '64d230965070d10551ed817d32137d1004301517', id: "section_2", style: {
+            } }, h("h4", { key: '32e272fb36d8d53982da9384bff101ee9ee69344' }, "Section 1 Sub Child 3")))), h("div", { key: '7664980123352947216caf6bc574285042b41aa7', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '1fda144830a9f96c5940eb793e78944f8dc6683c' }, "Section 2")), h("div", { key: '4cbd623f10ff27c412ea16b518abb032afd94211', id: "section_3", style: {
+            } }, h("h2", { key: '4b5ce6cb72e2e0b08ca45bf746c7ad712af80f27' }, "Section 2")), h("div", { key: '95a6011fcd60269e6fe8da244c9a799a3c18ab9f', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '1064d9ce6553ffedd10764c89d1ddeb251c4c902' }, "Section 3"), h("div", { key: 'f5cede3f8f757f6e7da29660ab8613debffefcd1', id: "section_3_child_1", style: {
+            } }, h("h2", { key: 'dd8d10d08dabd7e824e1c1ffbc3090ab99fdec3e' }, "Section 3"), h("div", { key: '6bb011be74ee02778730df65689bd4bc55fcd519', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '74fc34a75bbb92f3fe8780ee2156b9006d43c670' }, "Section 3 Child 1")), h("div", { key: '338b3ddeb8a56b6764caa8a6a14d3b5ae30afc30', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '5e3b532e1208c812b441d1768353cb95749fc632' }, "Section 3 Child 1")), h("div", { key: 'cd320072ea566ed98a79adb6972858cdccdf7840', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '2ba2b521664e03b4345a03b11a869d85b821bef9' }, "Section 3 Child 2"), h("div", { key: '5e3fceb4c05f947da350df38d46e6940823e37f7', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: 'e8763209271a7dbc1fb6a4b931b9fb821f7db796' }, "Section 3 Child 2"), h("div", { key: '412fb11117204ceca379d2c605d878020f4aa09d', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'bfde3e30c870d7f308eccd0681b318e3ba6473ae' }, "Section 3 Child 2.1")), h("div", { key: '9316d10ccd7b0a4026e54bf6b4e4e6e50c1467e6', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: 'd876d80e69aa279056a633db376d46754c0d55c8' }, "Section 3 Child 2.1")), h("div", { key: '50b4cfa29c8f1a2b672471d9563942e2b041396d', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '013c84eb8eb4994d5758c6a8f154e8f8f5bf6892' }, "Section 3 Child 2.2")), h("div", { key: '0e5e0b68a1bcf884038526294398937f2a6076d6', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: '9e96a864562ce77108836c0baf7034235a0186c5' }, "Section 3 Child 2.2")), h("div", { key: 'ba5a2264c00aab6c90f65637dae9c8d0c0f203bc', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'f92be07f3186bb50282b84bf45c5028c28a5800d' }, "Section 3 Child 2.3"))))), h("div", { key: '31e7562fa06b4d59b2998b19b7c70dd46007fd1c', style: {
+            } }, h("h4", { key: 'f72810752542fd0b1729cf326892903104e91ad9' }, "Section 3 Child 2.3"))))), h("div", { key: 'a1f6458b231b7e55026e6b1434c3db1742c88e0e', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -90,7 +90,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '00757186d052dbec3d8bc9ac7ade8f5867936bdc', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '1463cf295f95f3c63cd44e54488f54c6393a7015', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -125,7 +125,7 @@ const NdsTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), h("div", { key: 'f3756e3eb1be78331c25d24106051273fe0b9199', style: {
+            ] })), h("div", { key: 'b1e6676fdbc9a3a0d36736c87b16025bb158e775', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -133,7 +133,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '6edf19e8ac1016a37d4a3e23d85e468e519bfbe3', 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: 'fc90f1f99a5e1012879ba354310952fefc98f44d', 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/esm/nds-table-of-content.entry.js

@@ -148,7 +148,7 @@ const NdsTableOfContent = class {
             _a.map(subSubTab => (h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (h(Host, { key: 'ec60e709c24321a2e1462e551fe1bf7bb3d9c534', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: 'b7ceec21f8bf9e1371d7889d370b2678b9349f25', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '52faf9412af2b39961a5925f6eca8c8b89c412d3', class: "table-of-content__header" }, h("p", { key: '1d12255adcd8a7242bab9f6470e9e4a557489275', class: "text-sm-regular" }, this.subTitle), h("h4", { key: 'ad1516cdaedb598c456a1175b17858fa8e028743', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '590c6a19d801d25308c2b96140aeb2da9b4fd287', class: "table-of-content__body" }, h("ul", { key: '97d3def5821b47ebfc128da1ceb8a2a3c06da6d9', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (h(Host, { key: 'ac0ce1543b8a4556b22cfdb1f7e8761745c31c10', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '854fbaa37dc984d9368bc6501035d36046c15c0e', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '205782a0e4cadd5e711134f50b41178083fc740c', class: "table-of-content__header" }, h("p", { key: '9d75819bd96b5194f84cf24df34140c2be7d82dc', class: "text-sm-regular" }, this.subTitle), h("h4", { key: '47869006813d4fa830e53e1bc1b2a3c3d35790a8', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '125041a9d96ef160f5389fa9e72a5400eec6499f', class: "table-of-content__body" }, h("ul", { key: 'c8d7cec0a4d30ea91dfd867b132fb633d775f01d', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platformscode/core",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/core/p-05f9e01f.entry.js

@@ -1 +0,0 @@
-export{a as dga_header_action_btn,f as dga_nav_header,D as dga_nav_header_actions,e as dga_nav_header_link,c as dga_nav_header_logos,b as dga_nav_header_main,d as dga_nav_header_menu}from"./p-DbtTPhp2.js";import{r as s,h as n,H as t,a as o}from"./p-SGlJsr9C.js";const r=class{constructor(a){s(this,a),this.variant="primary"}componentWillLoad(){this.el.childNodes.forEach((a=>{const e=a;"DGA-SECOND-NAV-HEADER-CONTENT"===e.tagName&&!0===this.hideContent&&(e.style.display="none"),"DGA-SECOND-NAV-HEADER-ACTIONS"===e.tagName&&!0===this.hideActions&&(e.style.display="none"),"DGA-SECOND-NAV-HEADER-CONTENT"===e.tagName&&null===e.attributes.getNamedItem("slot")&&e.setAttribute("slot","content"),"DGA-SECOND-NAV-HEADER-ACTIONS"===e.tagName&&null===e.attributes.getNamedItem("slot")&&e.setAttribute("slot","actions")}))}render(){return n(t,{key:"4d6a56396f788b3f018b3774c84fb6bc0d0849a9"},n("div",{key:"f6c6cf9410c08dfdab2c9889852649634b763dbe",class:`wrapper ${this.variant} `,"aria-label":"a secondary navigation navbar"},n("div",{key:"4b851ce02ce31b959365e7a09374097d369973ac",class:"container "+(this.hideDivider?"":"border")},n("div",{key:"6214ce6582acd5ac51e252425546acd6a5edad46",class:"content"},n("slot",{key:"3a70b02c824ba50ca99427169697341dc781c5d5",name:"content"})),n("div",{key:"2193cb09f2bd21e7741460d91ab3ab38c723370b",class:"actions"},n("slot",{key:"fa36abcb4f2e101b986b746af0dad2af3fee7fa4",name:"actions"})))))}get el(){return o(this)}},i=class{constructor(a){s(this,a)}render(){return n(t,{key:"fec48112353fcd554b608780c7805c11ef383d51"},n("div",{key:"bb614b01662d01e7979638c6467014af2f5486e5",class:"items-container"},n("slot",{key:"34dca111e83fd2489e3cb795dcf0083066a354a4"})))}},l=class{constructor(a){s(this,a)}render(){return n(t,{key:"d9b732973272bc20a9407bfb291293ff8936a792"},n("div",{key:"dce382719b0b96c984dee57dd4b054325ff4834d",class:"items-container"},n("slot",{key:"851ec4474a4630d627326c6daf4da23f635fd268"})))}},_=class{constructor(a){s(this,a)}connectedCallback(){this.el.childNodes.forEach((a=>{const e=a;e.tagName==="DGA-ICON".toLocaleUpperCase()&&null===e.attributes.getNamedItem("slot")&&e.setAttribute("slot","icon")}))}render(){return n(t,{key:"87572880e04d67c78bbe24dce793d6147d166d37"},n("slot",{key:"e478e5be9f8231a25f8f76dc5b44b062552d3305",name:"icon"}),n("slot",{key:"bdf901885edd5f6edfe77ae63311748da8f6550e",name:"label"},this.label))}get el(){return o(this)}};export{r as dga_second_nav_header,i as dga_second_nav_header_actions,l as dga_second_nav_header_content,_ as dga_second_nav_header_item}

package/dist/core/p-092e6065.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-SGlJsr9C.js";const d=class{constructor(a){e(this,a),this.activeStep=1}render(){return a("div",{key:"4940163e7eaa3a65c6e236a5cfa6328e43f02791",style:{display:"flex",flexDirection:"column",gap:"20px"}},a("dga-second-nav-header",{key:"4152f5cfa1340e305cf7e96a5bcfa6e1ae7317c6"},a("dga-second-nav-header-actions",{key:"bc316c0e19a9f011cdfd48de8aa6ef2d3be82af7"},a("dga-button-v2",{key:"189baca66d181ad3eb6f2edb61524d3c6722d992",label:"Button",variant:"transparent",size:"sm",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"mic-01",type:"rounded",variant:"stroke",color:"#FFFFFF"}}),a("dga-button-v2",{key:"028feeac4e3a8a46da0eecbb7b624e1daf2de177",label:"Button",variant:"transparent",size:"sm",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"zoom-in-area",type:"rounded",variant:"stroke",color:"#FFFFFF"}}),a("dga-button-v2",{key:"f3005734c47d2033067a34ece5da38986c51f3cb",label:"Button",variant:"transparent",size:"sm",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"zoom-out-area",type:"rounded",variant:"stroke",color:"#FFFFFF"}}),a("dga-button-v2",{key:"e7a4356abfe7ac81dd55ee6c79ae6a3fb573f2c0",label:"Button",variant:"transparent",size:"sm",iconOnly:!0,leadIcon:!0,leadIconProps:{name:"view",type:"rounded",variant:"stroke",color:"#FFFFFF"}})),a("dga-second-nav-header-content",{key:"92d616e0c42682dcfaa55748c6adb8158a62a196"},a("dga-second-nav-header-item",{key:"e32eb4e0269f00c0aba57f5f2e46907e5eb6311b",label:"Cloudy"},a("dga-icon",{key:"8f0bcdd7f8559d7c68e41c64cbe15e9bf6e12344",icon:"cloud",variant:"stroke",type:"rounded"})),a("dga-second-nav-header-item",{key:"f68bafe0f23ec10ce25cc3abb6d60cc53237410b",label:"21 Jan 2024"},a("dga-icon",{key:"1eb48247a11eac79e0c7ecd47abaa8068d7e08ec",icon:"calendar-04",variant:"stroke",type:"rounded"})))),a("dga-second-nav-header",{key:"d1987f79b07d6e688359cfb97eeef7dbb8bb30ef",variant:"gray"},a("dga-second-nav-header-actions",{key:"bbf3ac009b08843169da4b9d61934f42f80fd01d"},a("dga-button-v2",{key:"f348490fb8f2b35d75369dede39e1f56bb335421",label:"Button",variant:"transparent",leadIcon:!0,leadIconProps:{name:"mic-01",type:"rounded",variant:"stroke",color:"#FFFFFF"},size:"sm",iconOnly:!0})),a("dga-second-nav-header-content",{key:"19296a7b04f2f3673d228694ecad18c367a2aeb6"},a("dga-second-nav-header-item",{key:"59b896460d84555c378be2a48aff7b7d40005ab3",label:"Cloudy"},a("dga-icon",{key:"e322520f5ff8636f291bf3b160bfa1a7995a804f",icon:"cloud",variant:"stroke",type:"rounded"})),a("dga-second-nav-header-item",{key:"8aa698c843ec68190c5a21c3e13c490692ca82b8",label:"21 Jan 2024"},a("dga-icon",{key:"196fe4aacada5589035c089d8efaaee11eea613d",icon:"calendar-04",variant:"stroke",type:"rounded"})))),a("dga-nav-header",{key:"2370d16e8d305ab536c4670b4c0c94484b666f50",fullWidth:!0,divider:!0},a("dga-nav-header-main",{key:"7d3841f980d6859757b27ecaf7e7b77ad1274290",collapsed:!0},a("dga-nav-header-logos",{key:"d84c9097c20e6f1f8efe48b37707149b6f689d32",logoSrc:"https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg",govSrc:"https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg",logoLink:"#",govLink:"#"}),a("dga-nav-header-menu",{key:"1b88eee9eb2a30cef882089f21e5bba997cf763a"},a("dga-nav-header-link",{key:"459dbe29cfa3d503000a95da471685127ee5ccfb",label:"Item  1",icon:"arrow-down-01",subMenuBackground:"brand",subMenuFullWidth:!0}," "),a("dga-nav-header-link",{key:"63173fecd152316bfa87abcf33f8e312543d5eb7",label:"Item  2",icon:"arrow-down-01",subMenuBackground:"brand",subMenuFullWidth:!0}," "),a("dga-nav-header-link",{key:"208a54996a74514219aa429fbdaf5ab4865dee6a",label:"Item  3",icon:"arrow-down-01",subMenuBackground:"brand",subMenuFullWidth:!0}," "),a("dga-nav-header-link",{key:"aaca2dbd340f86f833fb6a6624d5f3c34107e482",label:"Item  4",icon:"arrow-down-01",subMenuBackground:"brand",subMenuFullWidth:!0}," "))),a("dga-nav-header-actions",{key:"33124c31e22f3eade25ef02b33d114d269a51936"},a("dga-header-action-btn",{key:"6f70cf6e2531c37c7033eb033bdf87e525bfc9dd",label:"Search",icon:"search-01"}),a("dga-header-action-btn",{key:"e16b524cd0aefe1da58fbc27704b320c1dca577e",label:"عربي",icon:"translation"}),a("dga-header-action-btn",{key:"437985d3fcaf6904a915594acd723d42ce0fc0b4",label:"Login",icon:"user"}))))}};export{d as dga_second_nav_header_usage}