@platformscode/core 0.0.34 → 0.0.35

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

@@ -8,39 +8,39 @@ const NdsAvatarUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: 'd2c349746c6342a69230e4a75f26f9923105e711' }, index.h("h1", { key: '61793ffb5c7f58aadb849b75bd0e0652010531db' }, "Avatar Example"), index.h("div", { key: 'f25c3d23f67d5f96b09842feb553d7a7769f5e97', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '74ac2de50cbd155a63cd0dc8a1b225f918115189', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'd792800f75396ddf0fca25a074bb015eb2ba0100', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, index.h("dga-avatar", { key: 'f553a15084b03182d27f11acbee879114b27d574', size: 120, border: false, square: true, sx: {
+        return (index.h("div", { key: 'ac1faae2ebc4f5db7efdd3efd4ce0767ba484ed0' }, index.h("h1", { key: '5281f0d6bee4b3a45bed162ddfb7ed43a9ae671c' }, "Avatar Example"), index.h("div", { key: '3213d15f5cf8a91302c7597f12bcd65bcc84b90f', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '6144049768a8069d2586333bfcaa981d04a06f7c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'a9c215a9ab2fb87404aab12618dcf49e5b7b6a30', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, index.h("dga-avatar", { key: 'b398ba7d9823078d6a33f9d755ab8d11de513faf', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), index.h("dga-avatar", { key: 'f5ada8a0e2509085428667bf159f67e9999a7a72', size: 120, border: true, square: true })), index.h("dga-avatar", { key: 'ef1505273b112f75b53a4ff85fab39b55d2a26f4', type: "icon", size: 120, icon: {
+            } }), index.h("dga-avatar", { key: '91eba111611c3ac0dd76c0f420e7821c3180a264', size: 120, border: true, square: true })), index.h("dga-avatar", { key: '5eb17d4e64ecdf0b81f86768abb40d04bd67fdcd', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '05fef150d74e31fe32610107277d8c8295dfcad6', type: "icon", size: 80, icon: {
+            } }), index.h("dga-avatar", { key: '7b9ae727d4a932adbd319ef0ba51ae7ad528a638', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: 'f48a82f28a07136a6b0b1e08d2452572a0df156e', type: "icon", size: 68, icon: {
+            } }), index.h("dga-avatar", { key: 'f420f355134964b5ebac614789a5d19640438376', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '78563f1ca2881a3bdf37c18062988cd7a5c90e66', type: "icon", size: 48, icon: {
+            } }), index.h("dga-avatar", { key: 'c3e5a0eeec72896e7e0796d1513a2c5d053b135c', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '666be7d56d1a69b8883ff58634d71444ecd6d4e5', type: "icon", size: 40, icon: {
+            } }), index.h("dga-avatar", { key: '80d61a6a76c28095babf6cf7b630180fac4ebb1d', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '0e365daf2a2f0f12c793279d34fbba6eecab5701', type: "icon", size: 32, icon: {
+            } }), index.h("dga-avatar", { key: '49d108be6ed605a3b7d2898035b516a4bcdf9625', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), index.h("dga-avatar", { key: '9e0b0338c5a7f23a79a9ced530586342e61d8753', type: "icon", size: 24, icon: {
+            } }), index.h("dga-avatar", { key: '6838e74f63965415c9526e714f311344a9c3762a', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), index.h("dga-avatar-group", { key: 'a64a3a546ce4405a2bdbef048c75b53cb544f1d5', stacked: true }, index.h("dga-avatar", { key: '74b6ab499ff10436c1c5988dfb96fb4801677e43', type: "initials", text: 'AB', size: 40 }), index.h("dga-avatar", { key: '76ae0ff03369d246822995be5b2c161d4dbd3e4c', type: "initials", text: 'CD', size: 40 }), index.h("dga-avatar", { key: '50e4243ce28f1fcf324d9c87c09efa5485c7d618', type: "initials", text: 'SB', size: 40 }), index.h("dga-avatar", { key: '1133e721da79887e9d0c7a739fd9dd14e39277d6', type: "initials", text: 'WK', size: 40 }), index.h("dga-avatar", { key: '2e7307273dea4c7380c6f9db255f2653732b7bd2', type: 'initials', text: `+4`, size: 40 })), index.h("div", { key: 'd6c6efd8b0f412c627f195b7091a9e3dac1bf64f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("dga-avatar-group", { key: '83ecfecd332cda7b6a16c823b80278e297b5c792', stacked: true }, index.h("dga-avatar", { key: 'ad9787c09b03f609096dad63dd6151cbf4a6e774', type: "initials", text: 'AB', size: 40 }), index.h("dga-avatar", { key: 'a4856d76605d8a792da49dbf19585fd1982b34f5', type: "initials", text: 'CD', size: 40 }), index.h("dga-avatar", { key: '2343308777e5930258990edc341b85462879e896', type: "initials", text: 'SB', size: 40 }), index.h("dga-avatar", { key: 'cdc4c2dbe5647315fa123d1b715f2f690481a76d', type: "initials", text: 'WK', size: 40 }), index.h("dga-avatar", { key: '8c6a8e7ddd217221b90ee4460bd012a0e83a8f06', type: 'initials', text: `+4`, size: 40 })), index.h("div", { key: '1e337bdfe940ce7ef1cd42525637bb17fcdca3d4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

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

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

@@ -8,13 +8,13 @@ const NdsButtonUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '5fd627572902e4825020c917bd5dd19542cb91d6' }, index.h("h1", { key: 'c7b09ee9c48e510d38b21c9233c0ecc7fa91673d' }, "Button Example"), index.h("div", { key: '2fee00ba0d75e6d04191e23f0167812761c56975', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '6ac01e8bc98ead8a4e5a13e63caaa8fe4f2b9704', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: 'e73a46700e09a9954b00ed213e07dcc92971d606', direction: "column", spacing: 16 }, index.h("dga-button-v2", { key: '74c6cb303326ea3514127250093127e81f7d6952', label: "Button", variant: "primary", size: "lg" }), index.h("dga-button-v2", { key: 'b00d4bc4705e8a6c54a3f3eeebe50a4124315ad6', label: "Button", variant: "primary", size: "md" }), index.h("dga-button-v2", { key: '5921c274597b8901ae8ccfec0d79aba69a8f8271', label: "Button", variant: "primary", size: "sm" }), index.h("dga-button-v2", { key: 'b6992262d5f89e1ee1fac8aa7ac8d4db2d7c63e6', label: "Button", variant: "neutral", size: "lg" }), index.h("dga-button-v2", { key: 'd5f5738ea58a0627c4aae1fde03d36fd93edd4b0', label: "Button", variant: "neutral", size: "md" }), index.h("dga-button-v2", { key: '241cde01f9b20ab01d932b7c7a640257960a6a51', label: "Button", variant: "neutral", size: "sm" }), index.h("dga-button-v2", { key: '7f6fb4e6872ea4aa28ed75919636cc3f1ab2e46a', label: "Button", variant: "secondary-solid", size: "lg" }), index.h("dga-button-v2", { key: '7a2286cd98fa27f1fe18b697c119f0aa9f20ff4b', label: "Button", variant: "secondary-solid", size: "md" }), index.h("dga-button-v2", { key: 'ebd85c7f7a20fc380ae3f7592e4a27744b9a2c32', label: "Button", variant: "secondary-solid", size: "sm" }), index.h("dga-button-v2", { key: '5bfe184959d1bbdbf4e4a76ea54b6ee74d207741', label: "Button", variant: "primary", destructive: true, size: "lg" }), index.h("dga-button-v2", { key: 'd3003aeaaa3ac7ed1effe24a44120a2685d47909', label: "Button", variant: "primary", destructive: true, size: "md" }), index.h("dga-button-v2", { key: '647da700b39563a9737b5f4654225d9ddfaf3598', label: "Button", variant: "primary", destructive: true, size: "sm" })), index.h("dga-button-v2", { key: 'd644c1358bca20ea58afef1d2aec3ed78aeabc9f', label: "Button", variant: "primary", onColor: true }, index.h("dga-button-leading-icon", { key: 'e8bfd09a43a332fb6c1e4110946c6d37f4942697', name: "link-square-01", size: 16, color: "red" })), index.h("dga-button-v2", { key: '318109f567104cee29f18834308d3bfcd56eb2d8', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), index.h("dga-button-v2", { key: '824b39cd90612b4a428d4ad3ba9ad2544b7852eb',
+        return (index.h("div", { key: '93e8a534cdf0510938fddc6c71b50f9f187e6152' }, index.h("h1", { key: 'f685f95bf42630668e6bb87a4028fc33454a5b06' }, "Button Example"), index.h("div", { key: '11541348742b59c5a9f8a5a5bed82ed2ad061396', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '3fc6da5081ee18fdde08258dc9f45bc71c28fbf9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: '89dd10ed91dcf4fd1ede6f24a04aa509056f104c', direction: "column", spacing: 16 }, index.h("dga-button-v2", { key: '2d47c266e8ad231d663d87e4227683708954e559', label: "Button", variant: "primary", size: "lg" }), index.h("dga-button-v2", { key: 'f3baec3e2915dbf0def6d0077875efd3c1d3b2f3', label: "Button", variant: "primary", size: "md" }), index.h("dga-button-v2", { key: '6048983c1b1957a2fd7a0547cbb78a4440780442', label: "Button", variant: "primary", size: "sm" }), index.h("dga-button-v2", { key: '4706e798f37607b7415d3fe060a4de13a1c29780', label: "Button", variant: "neutral", size: "lg" }), index.h("dga-button-v2", { key: 'd509b14e82495c156118cae3e94192ece9cba6ba', label: "Button", variant: "neutral", size: "md" }), index.h("dga-button-v2", { key: '97f3e4a7d2b68040ba71631bde80ce24030ced5d', label: "Button", variant: "neutral", size: "sm" }), index.h("dga-button-v2", { key: '90cc0c839970d1eb57aa7ab03b8ef549ae8c87d9', label: "Button", variant: "secondary-solid", size: "lg" }), index.h("dga-button-v2", { key: 'f6dac77cea26b99aa9c3e529580f2b84e4ea3339', label: "Button", variant: "secondary-solid", size: "md" }), index.h("dga-button-v2", { key: '9dd7afd56cb8bf3dcbd1eb410930453616d5e17a', label: "Button", variant: "secondary-solid", size: "sm" }), index.h("dga-button-v2", { key: '1ad41574bbb4620a5e89d42ea910a5e76023039e', label: "Button", variant: "primary", destructive: true, size: "lg" }), index.h("dga-button-v2", { key: 'e84b533c0c642c43e5a96c4375d815c5c0c579f8', label: "Button", variant: "primary", destructive: true, size: "md" }), index.h("dga-button-v2", { key: '897cf9772232073d72f3bf968a75ba25655050a0', label: "Button", variant: "primary", destructive: true, size: "sm" })), index.h("dga-button-v2", { key: 'bfe0dc83e184ee3a96094ae9df700233945a467f', label: "Button", variant: "primary", onColor: true }, index.h("dga-button-leading-icon", { key: '50081c16bbe5f639683fa5e61bf30d7565834bda', name: "link-square-01", size: 16, color: "red" })), index.h("dga-button-v2", { key: '4d80da0b9f949940798328a80173b16027712dd8', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), index.h("dga-button-v2", { key: '7dbeee7bc5832202920fd13f68fb9abb215961e7',
             // 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',
-            } })), index.h("div", { key: '5f4c74b631b89a4d28ec0b5c127d21858accb3ba', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: '9b3e4d65467cbc4af47ea26e26cf86c807a300b8', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: 'ad9180df6a1a5dd868aecb66df61bd7d56e1f63a', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: '92eb0330444e5c0d15854f5845b5a1960167858a', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: 'f71769e770a77522fd677ba9b04322054536844f', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: 'e1d1937efb0fb5cc9d10f324ddf36d00d4b84c6e', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '8f6b8ddc35393d828b41bdfcf76f7d909747ac5b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), index.h("div", { key: 'dce63e3e728fe8c771efe21b7b2266e2179b34c0', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: '75b7a2ffbaaa620cef29fd4a715d2bfce1a2a62d', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: '6a365df713c9306e537e905b2ac571d8c5066764', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: '8936024c769ef277d82d6f1ec7d79cd086b42dc2', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: '177803e3a86a468faa282a8593bbe289f5b2ea1e', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: '038d94fd691a71142218f1d3708621a29fe40c15', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '0e36f957af0065debbdcd737c56c77393b42f57b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -41,7 +41,7 @@ const NdsButton = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (index.h(index.Host, { key: 'bf012acb6c6fd700122192bce453169abd2d6ee5' }, index.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) }, index.h("slot", { key: 'cbf4ab0efd45ad1c053861471306fea84b6519d0', name: "leading-icon" }, this.leadingIcon && (index.h("span", { key: 'cc2631c8d741a97e3123d6db0fefd61cb46610d1', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: 'f8c574b15428984c15996a2b75808caf13f7f525', name: this.leadingIcon }, this.leadingIconProps))))), !this.iconOnly && this.label && index.h(index.Fragment, { key: '2b44335b825bb0540a6ff14f287564d645ff9037' }, this.label), !this.iconOnly && (index.h("slot", { key: 'a4da46b6c6e7c2bfade5d603c9e67297ecbf4513', name: 'trailing-icon' }, this.trailingIcon && (index.h("span", { key: '875c8ea1022e83437ef2d1bb36a1e7104bbc951a', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: '29ecb4ac491cce77c3d365f66ab6b2e47dd96a5e', name: this.trailingIcon }, this.trailingIconProps)))))))));
+        return (index.h(index.Host, { key: 'b4e653297ac3e2157b346edfc16dc4bf0d4f498c' }, index.h("button", { key: 'a0c3b1f19aae0847e3769aabde60e77ef9913cd0', 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) }, index.h("slot", { key: 'ade659e73531be00e5dbd1313165585909fd07d4', name: "leading-icon" }, this.leadingIcon && (index.h("span", { key: 'aa6dd4837d8c6f3b50e1d9700cbb00aed34132b5', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: '24fdc869fc91eca7dcea0b052c75ebf9ce1f6b27', name: this.leadingIcon }, this.leadingIconProps))))), !this.iconOnly && this.label && index.h(index.Fragment, { key: '8f90526c9d374388dea3090a494c5d0375aec565' }, this.label), !this.iconOnly && (index.h("slot", { key: '7feda037dddcc9f0b4c475202724bf3a102937f7', name: 'trailing-icon' }, this.trailingIcon && (index.h("span", { key: 'ba81f7e1291391fbfa9677e558770bcb840d894b', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon-v2", Object.assign({ key: 'fa8143b47012eb87ec810610b4449babd5668371', name: this.trailingIcon }, this.trailingIconProps)))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -8,14 +8,14 @@ const NdsChipUsage = class {
         this.isSelected = false;
     }
     render() {
-        return (index.h("div", { key: '4ff2449aef651374926ff76dc00e8420f58a370a' }, index.h("h1", { key: '7456e80d56e2d9bb9686501f8cda7d711c0f1f3b' }, "Chip Example"), index.h("div", { key: 'c7ae60dc35ef43dec5b9bb7b334c94348b10e889', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '5ad0f66f2408db3cc74bd73f6562f6495168824d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("nds-chip", { key: '37e141f2c9ef08ed98bb70b857eec89af0414f32', label: "Label", variant: "neutral",
+        return (index.h("div", { key: '860e518b969456a06f966cdc761e6bf2d5964994' }, index.h("h1", { key: '3bbc6620975ef82775b294ab0762860538160ac3' }, "Chip Example"), index.h("div", { key: '9c243a58a360b5c79a175bc9ef0e770a520f900e', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '4e6f4aa140cf41554ebf3db18d7886dd9eab161f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("nds-chip", { key: '2be97d733b5e63de2853901dce34cc86d1993624', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), index.h("nds-chip", { key: 'faa1e6052d4e2204b7887fca1de1c4b0252fe158', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            rounded: false, size: "lg" }), index.h("nds-chip", { key: '4c4b89ef047ef7931b03889a5485ba86596cfc44', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
                 this.isSelected = isSelected;
-            }, selected: this.isSelected }), index.h("nds-chip", { key: '15956189d2f4fa52fd221d71b0fe13e957fdc002', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
+            }, selected: this.isSelected }), index.h("nds-chip", { key: '87d39a4044d00baf1d899057aa926692c5f52c0f', label: "Label", variant: "success", rounded: false, size: "lg", onChange: isSelected => {
                 console.log(isSelected, 'hi');
-            }, selected: false }), index.h("nds-chip", { key: '9fbf80e60663eb36fe67a284aba037e9b4a1d06f', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), index.h("div", { key: 'fa6f6fa0ee358e95e280dbdddfc7e84541a1c2a4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, index.h("nds-chip", { key: '0aca37c6f2e38b218b467d39f85f8942c560ead1', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, selected: false }), index.h("nds-chip", { key: '85ab156161f0c208bea3a2a02e20713f6a516341', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), index.h("div", { key: 'ecdee48745e665a86c60c00a38b4bd6c425be3e3', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, index.h("nds-chip", { key: 'e7827fb541f18725b15daae7ece8da332190f533', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 };
 

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

@@ -48,7 +48,7 @@ const NdsChip = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: 'da28b114a50dcb07faa8ee20c74c0833f7b43efe', id: this.componentId, style: this.rootStyles }, index.h("span", { key: 'b0fbbffdb141ef86c2ed4026e8f0fd46baf66c77', 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 (index.h(index.Host, { key: '41cb83b12e53b13b9effe2f8609134cf019f0811', id: this.componentId, style: this.rootStyles }, index.h("span", { key: '0a313e962878a8350292a8461cd2fa38671dff70', 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;
                 }
@@ -56,7 +56,7 @@ const NdsChip = class {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, index.h("slot", { key: '92d26949d3a012ea8ce13983eb41e3f82f726174', name: "trailing-icon" }, this.leadingIcon && (index.h("span", { key: '9c6ef71afa87b5acbf7f864b0df8ce4e6fbebb1d', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: '7d46da1020d1ddea566ffa2d071e4c428bfd042d', name: this.leadingIcon }, this.leadingIconProps))))), this.label, index.h("slot", { key: '792c42a72f78558228e4620dc489a6759811d287', name: "trailing-icon" }, this.trailingIcon && (index.h("span", { key: '9341c988ccbfe4d2a70c9240038c86670fbc1cdb', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: '0f319da1c87146fba75ff56b69c82db04c1825a0', name: this.trailingIcon }, this.trailingIconProps))))))));
+            } }, index.h("slot", { key: '7c7975ffd21cfefdb4a6d647ed7cf3c39ceb3e8e', name: "trailing-icon" }, this.leadingIcon && (index.h("span", { key: '975ffb1841600f309f7e34fe12d4e8688ada70f4', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: '00ba2d466ed9c9c338cbef68c26ed8cf23a3cef0', name: this.leadingIcon }, this.leadingIconProps))))), this.label, index.h("slot", { key: '56b1141e0abda87b51735a86750fde2bd6029587', name: "trailing-icon" }, this.trailingIcon && (index.h("span", { key: 'b081d7bfadfe8fda9c50fde82e26adb2e917693d', class: "chip-icon" }, index.h("dga-icon-v2", Object.assign({ key: 'fefcf7dcc6190cc859a700d69fec9ff0d00f0bf1', name: this.trailingIcon }, this.trailingIconProps))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,7 +7,7 @@ const NdsFloatingButtonUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '1fd7884f13477d04c9323e3b0ba08aea8a1aada7' }, index.h("dga-flex", { key: 'ca7abec422246533e3843cde1aeeff0f28ae5a4c', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: '9d81d4849f82128d04d36f81380b1c762bf6f66c', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: 'b8361b00e6813972e7d94f926664f8221ca78bf5', variant: "primary-neutral", label: 'Button' }), index.h("nds-floating-button", { key: '1bc46a6152631a08eca4ea61b2c60396dff919b7', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '24772e548523e59be9165f99d0f75df29b0d3604', variant: "primary-brand", label: 'Button' }), index.h("nds-floating-button", { key: '4b06280c20fa6f75eca59a1fd7739937a0094ddd', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '635ea4177a4a4371b3e0fad43a42fc8979f7da6a', variant: "secondary-solid", label: 'Button' })), index.h("div", { key: '74dc870e42226424801c3cf712c80606a3199a43', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, index.h("dga-flex", { key: '6b269bf6df1f42937394e5e0cf75ab167d2e6f5e', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: 'd06e505b6d22705e8b97159a5c3d72709127c7e1', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: 'af98f5da78866cbb6481bc6f4be59815f4f8e738', variant: "primary-neutral", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: '51bdd4bf057322175ceaea05c390a041459396aa', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: '48200c38bb4dd9b4f6f251cda7aadc70db902e9a', variant: "primary-brand", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: 'e5045b34000c6b3c8b7eab335673d1da0f84a049', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: 'e63b3e44d5ba56540fe89027a7add6ac5c72526c', variant: "secondary-solid", label: 'Button', inverted: true })))));
+        return (index.h("div", { key: 'd002311bd3f0672a11bac825a1a48ee214fef6cc' }, index.h("dga-flex", { key: '0fce5e4226e94fc6d1d73b93d1a28fd0e11a62e4', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: '45437ce9669d7bb74ee1891939cd55c02d5c3fb9', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: 'eb2013374e655b23ec38ed4359abfd4614a19349', variant: "primary-neutral", label: 'Button' }), index.h("nds-floating-button", { key: '486084586d888fa856df49a942de2398698d438f', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: 'e36136669b6ca2c93ba2d965c0e61e4deee767f8', variant: "primary-brand", label: 'Button' }), index.h("nds-floating-button", { key: '833afde4ca5a87c02d6aa9764ee6135183d5a550', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), index.h("nds-floating-button", { key: '4be07504aa8028d348025f4a16c7546dea389e33', variant: "secondary-solid", label: 'Button' })), index.h("div", { key: '572bcfb06fa19010f5bc2c9c21fb8b5418ce65e5', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, index.h("dga-flex", { key: '9d13e5ff9a4e5ccc36873a3cf237ddba3b76fe5d', direction: "column", spacing: 16 }, index.h("nds-floating-button", { key: '6334d6d6034eba00a1abf2405edd537d656257e7', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: '66f2e0c5d27ace954c3c251999997cb4bfd00f26', variant: "primary-neutral", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: '71928722f46bf2bd686ec4a194eff07a0d9f3b3d', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: 'e3102c4eab3df9f2c8548c547c35755ad133d633', variant: "primary-brand", label: 'Button', inverted: true }), index.h("nds-floating-button", { key: '71e88477580c3856303c3ba1d754d492d92852e7', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), index.h("nds-floating-button", { key: '1f5c8a74be13754c2fff87641b2120a0dc49feee', variant: "secondary-solid", label: 'Button', inverted: true })))));
     }
 };
 

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

@@ -22,10 +22,10 @@ const NdsFloatingButton = class {
         }
     }
     render() {
-        return (index.h("button", { key: '6ced09809d97b4fb1897f9ffff81adfc78f4cb93', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
+        return (index.h("button", { key: '5296e6f22459d5fd8870dcd63f76a205121e079d', 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) }, index.h("slot", { key: 'b92e95ca8be5abe987488d12c4d41f1b899f7e02', name: "icon" }, this.icon && index.h("dga-icon-v2", Object.assign({ key: '50bc858d20b857a8593b5ee716c1a6eb9817f675', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && index.h("span", { key: 'e7e08585bd00f50ae2ef1a407835a4b10b45b60e', class: "NdsFloatingButton-label" }, this.label)));
+            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, index.h("slot", { key: '752d58e131d01ddbda25102c52804ced4ad0edb1', name: "icon" }, this.icon && index.h("dga-icon-v2", Object.assign({ key: '8545da127ca19163a80e47edb3cf420423c3c386', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && index.h("span", { key: 'a07be009d634e8d91b2fd1f2a4cbfa4e9dcf397b', class: "NdsFloatingButton-label" }, this.label)));
     }
 };
 NdsFloatingButton.style = ndsFloatingButtonCss;

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

@@ -7,7 +7,7 @@ const NdsLinkUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '0e8b926a24754ff008a17cdd87e784c4a2dd465d' }, index.h("h1", { key: '398a2b237b84562a6d224a248f6141c66a79f1da' }, "Button Example"), index.h("div", { key: 'e4392ed5eac79bb28d98d159feef93fb20c15fea', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '2c35ce38b6396075e2e0ee61ac4277c406e8a513', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: '5a92c586ed62c069b1982b1606989106779e949b', direction: "column", spacing: 16 }, index.h("nds-link", { key: 'b9c854970b473426f8628ca29a831789728360cf', icon: "link-04" }), index.h("nds-link", { key: 'b9fe6b1d9049df1d34337bb495188770d8bc07d0', icon: "link-04", label: 'link from props' }), index.h("nds-link", { key: 'b41ade4cbdc463a731b6bed3a7bdc498438e9429', icon: "link-04", label: 'link from props' }, "link from child"), index.h("nds-link", { key: '0490624fe6ba48ec60b3401651416d5eddb61f94', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), index.h("div", { key: '3ec2c384631d6c5c1297597ebcf0a335f74088bf', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: '087e16e3b709097a02d81f453064814c989a861d', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: '0c6a00f3d7ec77b8126fd0fe876c54945a3823c7', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: '5e03032effedfbd27356d9122185d64ad4b08eb0', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: 'c3b2c7f72800f8977c46a7bad06021ae99050155', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: '19455a67ac22968880a83c9628709c242b24b2b4', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '07961dab70f74df53c46fbfdeafd39ad651abea8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'a019a93bad7f8797b596ef8190f5fa7b2e449236' }, index.h("h1", { key: '49d84c470711aea6ff9ff66838d85d50dd8e3fc0' }, "Button Example"), index.h("div", { key: 'ef067639c2b8f10c57372c74187cfbba04068ea1', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '0b579c7bd0f58091a45b69400206285e16efc5bd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: 'f505ff9419d42c9f1aab7e6044a319206d900bfe', direction: "column", spacing: 16 }, index.h("nds-link", { key: '1637a0f5b63d5bcb22f57894aad52e1883e06fd7', icon: "link-04" }), index.h("nds-link", { key: '49177706fd5194a8ba7b6d3c19941b1f65d18f48', icon: "link-04", label: 'link from props' }), index.h("nds-link", { key: '5f81b70b414f10646851f2d86f07fdb892b8b479', icon: "link-04", label: 'link from props' }, "link from child"), index.h("nds-link", { key: '7a09e6c292a97370c85a6d089fe53c59a2831ca9', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), index.h("div", { key: 'be18051dd53bd1b58591b85736acf352d0e20e4a', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: '6dfccfbe0400fabcca6cce62e8c3983003aeb554', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: 'ce33261009e977840d08de42f43ae798593cdf03', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: 'c95cbc0353d5ea3e995cbb9114c5f3a3916a234a', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: 'a0dd1bbbebceedceb3b257fa88dea161e2be3c28', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: '48a009917c84e0ddd36ac96234834bf5b7fd152a', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '2a8c6fddf0714627203d46340c911122e578e95c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -17,7 +17,7 @@ const NdsLink = class {
         };
     }
     render() {
-        return (index.h("a", { key: '908ca034b4688881c384b80ac3545a889631c646', 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' : ''}` }, index.h("span", { key: '2513a04e7a8c85b29930c41600a8e67f672adfed', class: "dga-link__label" }, index.h("slot", { key: 'ac9c5b8d85193abe9ea4cb33bbf805dd769d712f' }, this.label)), this.icon && index.h("span", { key: '611c05428ae23a08d28d94b9d7dcbf64a535ac95', className: "dga-link__icon" }, index.h("dga-icon-v2", Object.assign({ key: '8d8dc7e4ac7f49c380a5fbcde64f6b7874f0fa1b', name: this.icon }, this.iconProps)))));
+        return (index.h("a", { key: 'f48b97ed18686f03cda9964e1ac9ea5d9bca372f', 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' : ''}` }, index.h("span", { key: '4178aa7bf5400b9335f084b62c974cf3d903e8e9', class: "dga-link__label" }, index.h("slot", { key: '740838deeea03a9899e9f51cfe8befbb40531ded' }, this.label)), this.icon && index.h("span", { key: '53a3c389da73235be626399658756e783d7936a8', className: "dga-link__icon" }, index.h("dga-icon-v2", Object.assign({ key: '7acdf111d7878345389d59d770d8427c98bb8075', name: this.icon }, this.iconProps)))));
     }
 };
 NdsLink.style = ndsLinkCss;

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

@@ -7,84 +7,84 @@ const NdsTableOfContentUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '558060ccaa4eddf8988f1cb81b6790c8a19c2502', style: {
+        return (index.h("div", { key: '819bd10e95e3edba4d0b6ea01eb1aed583dfce14', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, index.h("h1", { key: '208e70a4a41be72beb04373de755e7655127c938' }, "Table of Content Example"), index.h("section", { key: '757e33640bf9f766c72db92ea8b2a963a7c49bca' }, index.h("div", { key: '97a5d883974825d362c6b076807880f805cedfec', id: "section_1", style: {
+            } }, index.h("h1", { key: '91cdaf8b92dbc751441a84e6f094a006d997f632' }, "Table of Content Example"), index.h("section", { key: '3f4c366c5afe758b33c9ffc2be44ed355ca945ae' }, index.h("div", { key: '1f6144981097182371904b57900c0fab9ad1878f', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, index.h("h2", { key: '7a82c3ff97d030aee5efa50a83797d6b57a9c560' }, "Section 1"), index.h("div", { key: '5cd0f06ddad0a30925b6dc25a024e628b0e657d3', id: "section_1_child_1", style: {
+            } }, index.h("h2", { key: '55ac3d3c19bc52df21534a3aa5c45df41494db64' }, "Section 1"), index.h("div", { key: '80cbe9adf44c56ec310bd7822adf91407d23bacd', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'd4f478dd5c96e65b714deff0bcf310c8318b2e53' }, "Section 1 Child 1")), index.h("div", { key: '4b0313f87d19a3c880a305e5fc8d82ccaccfd60c', id: "section_1_child_2", style: {
+            } }, index.h("h3", { key: '47c02a0cf9e96dc2c76c38069c2947b485bf2020' }, "Section 1 Child 1")), index.h("div", { key: '67a035faada4a72443202f3773b7b6852a548078', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'd094624090a7c63d99f3d5cb4ecd0e3eddb3da78' }, "Section 1 Child 2")), index.h("div", { key: 'f171f9a53a8c4f52951ab130038db074238503ff', id: "section_1_child_3", style: {
+            } }, index.h("h3", { key: '13e167c6bb796405f61f4d7e2b07eb2295951537' }, "Section 1 Child 2")), index.h("div", { key: '19302f93f150f04498c76e7e3981cc9a937c460c', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '20ff9e162473f6400ab23454a1953bfd008a6ac7' }, "Section 1 Child 3"), index.h("div", { key: '83dfba9d129eb6c4da5d6e7e63b23477226b56a2', id: "section_1_sub_child_1", style: {
+            } }, index.h("h3", { key: 'd14b0a6089b3cc61386e677022b33760446c94d3' }, "Section 1 Child 3"), index.h("div", { key: '16dfb4f0205e93efa321965488cc42936ae19520', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'd3a66e5307a9c27b051962b1c7e82d6e342d6630' }, "Section 1 Sub Child 1")), index.h("div", { key: '0a4c48797236b862d97ba9b29b92ea7766657147', id: "section_1_sub_child_2", style: {
+            } }, index.h("h4", { key: '55465560552ae3de409af8fbcd2b0ee88daf216b' }, "Section 1 Sub Child 1")), index.h("div", { key: '560c02814d745d8028077449150586bca956ea68', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '0f14c21aa1979933a798cea3a6b7883e6fda8307' }, "Section 1 Sub Child 2")), index.h("div", { key: 'c3adc9e8a02696ee6600abc0532626f912b309ad', id: "section_1_sub_child_3", style: {
+            } }, index.h("h4", { key: '3198413f9f5e3c0c864cf12f4567375d079d645e' }, "Section 1 Sub Child 2")), index.h("div", { key: 'ce2a0fe28bd218334d403ba97739773aa987a22b', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '2baf7cd8a66716632e30bcfe0f53bb150f25a938' }, "Section 1 Sub Child 3")))), index.h("div", { key: '93860a35f607c28759eef7c54f968f9305a125fd', id: "section_2", style: {
+            } }, index.h("h4", { key: 'b60f9c9ca3b70638d971c6911f5d065e7b16459d' }, "Section 1 Sub Child 3")))), index.h("div", { key: '83ca6530654fbb0565e11955bda0f902d4aa7bbc', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '820694367784fff31bd78c86e0f78df9cf38448a' }, "Section 2")), index.h("div", { key: '0e43be22072320df8eb6a30d3e5363f8afa26366', id: "section_3", style: {
+            } }, index.h("h2", { key: '41b89f0c025644330e13495d8a231db3bc0766f0' }, "Section 2")), index.h("div", { key: '085a8c521c17fcace5ccce494f02df0b91f26ca8', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '7fae2ededd5c55f31cd1dc392ee55fe606da558b' }, "Section 3"), index.h("div", { key: '44af424dbadfaeee3d17a0b3da719ba5c8f0dda3', id: "section_3_child_1", style: {
+            } }, index.h("h2", { key: '0af0a0ef370ed82a5675fe43af2a49ca65d8385a' }, "Section 3"), index.h("div", { key: '1432fbdbad8487bd6d55a21d56646ca7fe36d005', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '6288fca59005bbe823c0c8165534d3ac2fc3885f' }, "Section 3 Child 1")), index.h("div", { key: '95ecceaf1176e5692e61a7594c2d92a92014d699', id: "section_3_child_2", style: {
+            } }, index.h("h3", { key: '1b1ac49d5652dbbbd2beba407ce1679ce3ae500c' }, "Section 3 Child 1")), index.h("div", { key: '1bdc723b43b40dcf4d10a2aaf6afaabf54f19749', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '5095a5f5ac22e0c069d48e918fbe56e60c8b000e' }, "Section 3 Child 2"), index.h("div", { key: 'daee08e2253a8b8a0d6aa10c60cf5b3904ab82b3', id: "section_3_child_2_1", style: {
+            } }, index.h("h3", { key: 'e1b0af152d3540d79a27396090fec1ee058b1a85' }, "Section 3 Child 2"), index.h("div", { key: '254db3888856828d40551f8f31c2e2a890f2353d', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '2c0584d9565b9ae786a19a489196351d6105d7f6' }, "Section 3 Child 2.1")), index.h("div", { key: 'a8b39d3152242bee3c9a14be3d8098465b4a26f1', id: "section_3_child_2_2", style: {
+            } }, index.h("h4", { key: '9b1eba61d3a94f3cf883e09e1953008902e171f1' }, "Section 3 Child 2.1")), index.h("div", { key: '5e2935f570c90f13334b4b9909e44041a9b94dd5', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '0d7ab69bd1b5c4333c344cbe4c71b1830ad2c407' }, "Section 3 Child 2.2")), index.h("div", { key: '4c1cc0dfa6d11f3c3d32cb3d24f29e971a0d752e', id: "section_3_child_2_3", style: {
+            } }, index.h("h4", { key: '04e16bd451630e9b2518447899d73ee62cfd7aff' }, "Section 3 Child 2.2")), index.h("div", { key: '54fd805685bd48de1c96383a8ff65ea1dad19b10', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'd66b28a5ed6a1743d2083d738a9f15f9937d4836' }, "Section 3 Child 2.3"))))), index.h("div", { key: '5b7712b555a84bfceb8abddef1ddf5771af50422', style: {
+            } }, index.h("h4", { key: '62d77b202b63f6b747d46df504562d52064516f9' }, "Section 3 Child 2.3"))))), index.h("div", { key: '143f4ef993450120c9aae58ee235d3ab0e6e2c9b', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -92,7 +92,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: '291bcbd0286641790095903cf898b9856050fd05', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, index.h("dga-table-of-content", { key: '68b905bdc574a0c36de16d2d52cc43f8af3f126a', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -127,7 +127,7 @@ const NdsTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), index.h("div", { key: '11db639704f2a40958ae33b6d842307c197fd39b', style: {
+            ] })), index.h("div", { key: '53fbcabe9af9e2a9a9a27ca7a6896aa036a3bb92', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -135,7 +135,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: 'a2de5976dc7daa028448441a0162f51f7165f138', 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: [
+            } }, index.h("dga-table-of-content", { key: '54559ebc83088265ce72d225d2ed5ff08816e5c0', 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/cjs/nds-table-of-content.cjs.entry.js

@@ -150,7 +150,7 @@ const NdsTableOfContent = class {
             _a.map(subSubTab => (index.h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'ac0ce1543b8a4556b22cfdb1f7e8761745c31c10', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("aside", { key: '854fbaa37dc984d9368bc6501035d36046c15c0e', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, index.h("div", { key: '205782a0e4cadd5e711134f50b41178083fc740c', class: "table-of-content__header" }, index.h("p", { key: '9d75819bd96b5194f84cf24df34140c2be7d82dc', class: "text-sm-regular" }, this.subTitle), index.h("h4", { key: '47869006813d4fa830e53e1bc1b2a3c3d35790a8', class: "text-xl-semibold" }, this.tocTitle)), index.h("div", { key: '125041a9d96ef160f5389fa9e72a5400eec6499f', class: "table-of-content__body" }, index.h("ul", { key: 'c8d7cec0a4d30ea91dfd867b132fb633d775f01d', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (index.h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (index.h(index.Host, { key: '3089e56ef9c8a6fa98668702db5a5dca043fd51d', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("aside", { key: '6bdc28f8c23f7ebe67750849b42e72507285190a', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, index.h("div", { key: '21a77ec669541795d8b72173c64889715118451a', class: "table-of-content__header" }, index.h("p", { key: 'c2cc72cee09f5bff5168ad9ee9257ff85613f51b', class: "text-sm-regular" }, this.subTitle), index.h("h4", { key: 'd57c25af5130d49f6c5ad418b4c7a4b16fd03d66', class: "text-xl-semibold" }, this.tocTitle)), index.h("div", { key: '1db37300b7173de33ede5cd68ad747e56009c826', class: "table-of-content__body" }, index.h("ul", { key: '5e2494a2d4b226980a2262c35656ffee49cfa4ca', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (index.h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/assets/{used-icons → icons}/index.js

@@ -12,6 +12,8 @@ export const filterStrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http
 export const arrowUp01StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 15s-4.419-6-6-6-6 6-6 6'/></svg>";
 export const link04StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M10 13.229q.213.349.504.654a3.56 3.56 0 0 0 4.454.59q.391-.24.73-.59l3.239-3.372c1.43-1.49 1.43-3.904 0-5.394a3.564 3.564 0 0 0-5.183 0l-.714.743'/><path stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='m10.97 18.14-.713.743a3.564 3.564 0 0 1-5.184 0c-1.43-1.49-1.43-3.905 0-5.394l3.24-3.372a3.564 3.564 0 0 1 5.183 0q.291.305.504.654'/></svg>";
 export const squareLockPasswordStrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.491 15.5h.009m-5 0h.009'/><path stroke='currentColor' stroke-width='1.5' d='M4.268 18.845c.225 1.67 1.608 2.979 3.292 3.056 1.416.065 2.855.099 4.44.099s3.024-.034 4.44-.1c1.684-.076 3.067-1.385 3.292-3.055.147-1.09.268-2.207.268-3.345s-.121-2.255-.268-3.345c-.225-1.67-1.608-2.979-3.292-3.056A95 95 0 0 0 12 9c-1.585 0-3.024.034-4.44.1-1.684.076-3.067 1.385-3.292 3.055C4.12 13.245 4 14.362 4 15.5s.121 2.255.268 3.345Z'/><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.5 9V6.5a4.5 4.5 0 0 1 9 0V9'/></svg>";
+export const cancel01StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 5 5 19M5 5l14 14'/></svg>";
+export const mic01StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-width='1.5' d='M17 7v4a5 5 0 0 1-10 0V7a5 5 0 0 1 10 0Z'/><path stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M17 7h-3m3 4h-3M20 11a8 8 0 0 1-8 8m0 0a8 8 0 0 1-8-8m8 8v3m0 0h3m-3 0H9'/></svg>";
 /**
  * Solid Rounded Icons
 **/
@@ -20,3 +22,10 @@ export const tick03SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http:
 export const checkmarkCircle02SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M1.25 12c0 5.937 4.813 10.75 10.75 10.75S22.75 17.937 22.75 12 17.937 1.25 12 1.25 1.25 6.063 1.25 12m15.426-3.737a1 1 0 0 1 .061 1.413l-5.5 6a1 1 0 0 1-1.444.031l-2.5-2.5a1 1 0 1 1 1.414-1.414l1.762 1.761 4.794-5.23a1 1 0 0 1 1.413-.061' clip-rule='evenodd'/></svg>";
 export const multiplicationSignCircleSolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.937 22.75 12 17.937 1.25 12 1.25M9.207 7.793a1 1 0 0 0-1.414 1.414L10.586 12l-2.793 2.793a1 1 0 1 0 1.414 1.414L12 13.414l2.793 2.793a1 1 0 0 0 1.414-1.414L13.414 12l2.793-2.793a1 1 0 0 0-1.414-1.414L12 10.586z' clip-rule='evenodd'/></svg>";
 export const alertCircleSolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12M11 16c0-.552.446-1 .995-1h.01c.55 0 .995.448.995 1s-.446 1-.995 1h-.01A1 1 0 0 1 11 16m0-4a1 1 0 1 0 2 0V8a1 1 0 1 0-2 0z' clip-rule='evenodd'/></svg>";
+export const tick02SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M19.69 5.777a1 1 0 0 1 .033 1.413l-10.5 11a1 1 0 0 1-1.43.017l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.776 2.776 9.794-10.26a1 1 0 0 1 1.413-.032' clip-rule='evenodd'/></svg>";
+export const alert02SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M10.362 2.015a5.2 5.2 0 0 1 3.276 0c1.06.352 1.892 1.186 2.728 2.359.834 1.169 1.755 2.798 2.942 4.899l.046.082c1.188 2.1 2.108 3.73 2.682 5.051.577 1.328.864 2.475.635 3.576a5.4 5.4 0 0 1-1.628 2.88c-.827.76-1.952 1.08-3.37 1.235-1.408.153-3.252.153-5.624.153h-.098c-2.372 0-4.215 0-5.625-.153-1.417-.154-2.542-.475-3.369-1.235a5.4 5.4 0 0 1-1.628-2.88c-.23-1.101.058-2.248.635-3.575.574-1.322 1.494-2.951 2.682-5.052l.046-.082c1.187-2.1 2.108-3.73 2.941-4.899.837-1.173 1.669-2.007 2.729-2.359M11 17c0-.552.446-1 .995-1h.01c.55 0 .995.448.995 1s-.446 1-.995 1h-.01A1 1 0 0 1 11 17m0-4a1 1 0 1 0 2 0V9a1 1 0 1 0-2 0z' clip-rule='evenodd'/></svg>";
+export const checkmarkCircle02SolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 22.75C6.063 22.75 1.25 17.937 1.25 12S6.063 1.25 12 1.25 22.75 6.063 22.75 12 17.937 22.75 12 22.75m3.247-14.81-4.794 5.23-1.761-1.762-1.415 1.414 3.239 3.239 6.206-6.77z' clip-rule='evenodd'/></svg>";
+export const informationCircleSolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 22.75C6.063 22.75 1.25 17.937 1.25 12S6.063 1.25 12 1.25 22.75 6.063 22.75 12 17.937 22.75 12 22.75M11 6.5V8h2V6.5zM10 11h1v6h2V9h-3z' clip-rule='evenodd'/></svg>";
+export const alert02SolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12.656 2.636a.75.75 0 0 0-1.312 0l-10 18A.75.75 0 0 0 2 21.75h20a.75.75 0 0 0 .656-1.114zM11.25 16.5V18h1.5v-1.5zm1.5-1.5v-5h-1.5v5z' clip-rule='evenodd'/></svg>";
+export const alertCircleSolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.937 22.75 12 17.937 1.25 12 1.25M13 17v-2h-2v2zm0-4V7h-2v6z' clip-rule='evenodd'/></svg>";
+export const multiplicationSignStrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 6-6 6m0 0-6 6m6-6 6 6m-6-6L6 6'/></svg>";

package/dist/collection/collection-manifest.json

@@ -64,7 +64,6 @@
     "components/dga-content-switcher/dga-content-switcher-item.js",
     "components/dga-content-switcher/dga-content-switcher-panel.js",
     "components/dga-content-switcher/dga-content-switcher.js",
-    "components/dga-data-table/dga-data-table-old.js",
     "components/dga-data-table/dga-data-table-usage.js",
     "components/dga-data-table/dga-table.body.js",
     "components/dga-data-table/dga-table.js",

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

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { SxStyleManager } from "../../utils/sx-style-manager";
+import { arrowDown01StrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaAccordion {
     constructor() {
         this.title = '';
@@ -73,10 +74,10 @@ export class DgaAccordion {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '0420ad1be0d0ceb6580ecf33a5d28eb7a77a11cb', id: this.componentId, style: this.rootStyles }, h("div", { key: '5deca9dc78a29a8dbb5706906ed2c310563ca4d5', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: 'c85c226d6f1a37ee98269436924cb72f6a5d94c0', id: this.componentId, style: this.rootStyles }, h("div", { key: '6f90e57b6f03917581686e83c0e5c9ef89c75bfe', 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: 'c735bc6226fd656b86a27eec32f6c0ab7cf56ca9', 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: '034036e028dfbd95ccad983a39215cc536964b19', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '336ac8cc37808cfe6c35b8fe5e9dee337171ebc0', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'b035d4537e4c33c684ff7ea47a7c74f13302d0ca', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: 'ae77b443f4ffbb2faa483f2aad9fbd242f7ab809', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '682bc249b1c878cf96f74d0d9ae60b5c1ae5486a', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: 'dbe141764bbb4acb5982843c6e139168cd88d057', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'bf772a859576193760275cd500e7845477877502', 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: '527fc6f23e794f9b394d5f2cb5932241cce3f1aa', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '054cfb0b271340a48be3619e5ff13268f15add60', icon: arrowDown01StrokeRoundedIcon, size: 16 }))), h("div", { key: '7006cf75e37774528731102c7bd416721a23a5ab', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: 'dbf4b9c8dac179265be688fb99f45edf4d204e58', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '51841b960c8120fd300454087f7178c65b1ff1f7', icon: arrowDown01StrokeRoundedIcon, size: 16 })))), h("div", { key: '5f6937d847e0131dcd1cb09654ecf91aaf9511ce', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
     }
     static get is() { return "dga-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class DgaActions {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (h(Host, { key: '50cef7edfd91a7e340e515705ed9ccbdfa3c7b00', style: styles }, h("slot", { key: '1fff4c90bc6c0e2e720473d16b1877b0765a1dec' })));
+        return (h(Host, { key: '6803cc210304fad1552964069fe919e22277291a', style: styles }, h("slot", { key: '10acb9942424bfcf4360c17ee2428c94e5f12c8d' })));
     }
     static get is() { return "dga-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,7 +55,7 @@ export class chart {
         }
     }
     render() {
-        return h("div", { key: 'bfa0d15e1ace18cb648fa212f26ef4d5ee733005', ref: el => (this.chartRef = el) });
+        return h("div", { key: '36b9075f0cecd46096a668cbbbf8d19716208af5', ref: el => (this.chartRef = el) });
     }
     static get is() { return "dga-apex-chart"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class DgaAvatar {
                     "references": {
                         "AvatarType": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-avatar/dga-avatar.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-avatar/dga-avatar.tsx",
                             "id": "src/components/dga-avatar/dga-avatar.tsx::AvatarType"
                         }
                     }
@@ -109,7 +109,7 @@ export class DgaAvatar {
                     "references": {
                         "AvatarSize": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-avatar/dga-avatar.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-avatar/dga-avatar.tsx",
                             "id": "src/components/dga-avatar/dga-avatar.tsx::AvatarSize"
                         }
                     }
@@ -235,7 +235,7 @@ export class DgaAvatar {
                     "references": {
                         "Icon": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-avatar/dga-avatar.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-avatar/dga-avatar.tsx",
                             "id": "src/components/dga-avatar/dga-avatar.tsx::Icon"
                         }
                     }

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

@@ -17,10 +17,10 @@ export class DgaAvatarGroup {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '7b1d993133eeb8dafaf4b047119bb7f41204e322', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '2cde79186beb2593f3597b6e0401e367216c9f00', class: {
+        return (h(Host, { key: '867a72eef9bcc92e4d1c0a0ab301c10f042203fe', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '33fd39b3b39021f6d707f4144dec931fc73ebfac', class: {
                 'dga-avatar-group': true,
                 'dga-avatar-group--stacked': this.stacked,
-            } }, h("slot", { key: '72cdfe846f77dbf0104e9738d1f59a954d014e73' }))));
+            } }, h("slot", { key: '10b583ee3ce73ebb80c2a367cf349c4b5268c635' }))));
     }
     static get is() { return "dga-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,7 @@
 import { Fragment, Host, h } from "@stencil/core";
 import { SxStyleManager } from "../../utils/sx-style-manager";
 import { isRTL } from "../../utils/rtl";
+import { arrowLeft01StrokeRoundedIcon, arrowRight01StrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaBreadcrumbs {
     constructor() {
         this.items = []; // Items will be passed as a JSON string
@@ -100,14 +101,14 @@ export class DgaBreadcrumbs {
     }
     // Add a helper method to get the correct arrow icon
     getArrowIcon() {
-        return isRTL(this.el) ? 'arrow-left-01' : 'arrow-right-01';
+        return isRTL(this.el) ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon;
     }
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: '809b725c67474fe19feeb8e4729916fa3bbf36c3', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '7ccaa370e55cf267084961d0a9939cfa1bb04289', "aria-label": "breadcrumb" }, h("ul", { key: '41ea1bf8ad5daaea63285c009ae47b5698656c0a', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
+        return (h(Host, { key: 'fb59028d99df07ab8d9e39de982f43d9f4404b5e', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '1a3e10885e2a76ce6052400118f2a8c84049e476', "aria-label": "breadcrumb" }, h("ul", { key: '42b42572022ec7e3ed8ecad3474191307df51d9f', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
             if (this.isEllipsisItem(item)) {
-                return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" })), h("a", { onClick: () => {
+                return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: () => {
                         this.toggleMenu();
                         return false;
                     }, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', class: "link link--md link--neutral" }, "..."), this.isMenuOpen && (h("ul", { class: "dga-breadcrumb-dropdown" }, item.items.map(ellipsedItem => (h("li", { key: ellipsedItem === null || ellipsedItem === void 0 ? void 0 : ellipsedItem.label, class: "dga-breadcrumb-dropdown-item" }, h("a", { onClick: e => this.handleClick(e, ellipsedItem.path, ellipsedItem), class: {
@@ -119,10 +120,10 @@ export class DgaBreadcrumbs {
             return (h("li", { key: index, class: {
                     'dga-breadcrumb-item': true,
                     'active': isLastItem,
-                }, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (h(Fragment, null, !first && (h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" }))), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
+                }, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (h(Fragment, null, !first && (h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() }))), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
                     'link link--md link--neutral': true,
                     'disabled-link': item.disabled,
-                }, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label)))) : (h(Fragment, null, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" })), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
+                }, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label)))) : (h(Fragment, null, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
                     'link link--md link--neutral': true,
                     'disabled-link': item.disabled,
                     'link_empty': true,
@@ -153,7 +154,7 @@ export class DgaBreadcrumbs {
                     "references": {
                         "IBreadcrumbsItem": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-breadcrumbs/dga-breadcrumbs.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-breadcrumbs/dga-breadcrumbs.tsx",
                             "id": "src/components/dga-breadcrumbs/dga-breadcrumbs.tsx::IBreadcrumbsItem"
                         }
                     }