@platformscode/core 0.0.31 → 0.0.32

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

@@ -4,13 +4,13 @@ export class NdsButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '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' } }))));
     }
     static get is() { return "nds-button-usage"; }
     static get states() {

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

@@ -34,7 +34,7 @@ export class NdsButton {
         ]
             .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)))))))));
     }
     static get is() { return "nds-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,14 +4,14 @@ export class NdsChipUsage {
         this.isSelected = false;
     }
     render() {
-        return (h("div", { key: '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 }))))));
     }
     static get is() { return "nds-chip-usage"; }
     static get states() {

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

@@ -43,7 +43,7 @@ export class NdsChip {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '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;
                 }
@@ -51,7 +51,7 @@ export class NdsChip {
                     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))))))));
     }
     static get is() { return "nds-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsFloatingButtonUsage {
     render() {
-        return (h("div", { key: '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 })))));
     }
     static get is() { return "nds-floating-button-usage"; }
 }

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

@@ -15,10 +15,10 @@ export class NdsFloatingButton {
         }
     }
     render() {
-        return (h("button", { key: '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)));
     }
     static get is() { return "nds-floating-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsLinkUsage {
     render() {
-        return (h("div", { key: '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' } }))));
     }
     static get is() { return "nds-link-usage"; }
 }

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

@@ -11,7 +11,7 @@ export class NdsLink {
         };
     }
     render() {
-        return (h("a", { key: '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)))));
     }
     static get is() { return "nds-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,84 +1,84 @@
 import { h } from "@stencil/core";
 export class NdsTableOfContentUsage {
     render() {
-        return (h("div", { key: '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",
@@ -86,7 +86,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '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',
@@ -121,7 +121,7 @@ export class NdsTableOfContentUsage {
                         }
                     ]
                 }
-            ] })), h("div", { key: 'f3756e3eb1be78331c25d24106051273fe0b9199', style: {
+            ] })), h("div", { key: 'b1e6676fdbc9a3a0d36736c87b16025bb158e775', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -129,7 +129,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '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/collection/nds-components/nds-table-of-content/nds-table-of-content.js

@@ -143,7 +143,7 @@ export class NdsTableOfContent {
             _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))))))));
     }
     static get is() { return "nds-table-of-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaAccordionUsage {
     render() {
-        return (h("div", { key: 'deb171b69692cb63f0c3d4b134799d654076d050' }, h("h1", { key: '6c7bcc0a7205367a4995d8d66ccf057f8f735d39' }, "Accordion Example"), h("div", { key: '695d6710d2146a4d276567c5a30846209b64a3e0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '52fdc14e2fd9825785a55cfe1e715e825d2d0e02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: 'ec562f14fd77382fd02e662a6fbbee2df0052899', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: '17c72b6fc9e9babbbfa5b553a5b55c1e5c1e2bfc', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: '5c2b25315b4acb9fe7d65345e7136b0c5cc68366', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '462694366330e684801e5270227c4c6e64b2527b', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: 'd35b5b87d06feeb98bd806c33b615bc291f54092', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd728c17615304e20fd2800700a94a99d463acc0b' }, h("h1", { key: '46a2a505750332507815947469a841fbd2ede691' }, "Accordion Example"), h("div", { key: '3988088b9192b959d8237f0f9e8c4b9ea2101c89', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '607178ac7a835759095036441ad7458dbf9c9d9b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: '5b5ec6527e5f5e20d7b60c0f4ffb92b3213cb110', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: '3491afd6b04f8581de608ea3296ec51291f6ff23', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: '9f0f1b9dd776cddb57864f14672e11f718a46102', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '3df7c3e8740c41fc7ce7572d942825e16ec179b2', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: '0a5b8c7df6a09a79ad477f8664c6dde032d49b7a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-accordion-usage"; }
 }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaApexChartUsage {
     render() {
-        return (h("div", { key: 'd18b5ef8888e2b79c480b596187a6c513303e7ef' }, h("h1", { key: '5af812496c772999a911a04718f9eac4cb2126d2' }, "Accordion Example"), h("div", { key: '6c251a3d6dfebdfe0dc9f1018594f85f5d4c61f7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd0f176557ad9f30e4f0725ddca87a2c7d60baa02', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: 'c2b2e4b3bb6061436123a1456f0ac90a2d5dc74c', id: "timeline-chart", options: {
+        return (h("div", { key: 'debef59101dd69620ef1b146076546a55947ee01' }, h("h1", { key: 'fe8dab684419717699b847c44819ddf4465ed701' }, "Accordion Example"), h("div", { key: '24b23ee7be336ab4ee74e8bf2a651aa9592a7198', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '774457446862bc01c3c01a1355ff41cc1b1d268a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '9529840313716d119538142af7f397a9a7de6190', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {

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

@@ -4,39 +4,39 @@ export class DgaAvatarUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '3a583b627573a5d3092e833bf2c9b74d901f5fed' }, h("h1", { key: '06e9492e0c7cb5a2812a775168aea3e6345bd9cb' }, "Avatar Example"), h("div", { key: 'ba81aad310ca183f3a17acca96512ae9712c5020', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5905c6fea7b56a33717873b1a24a1bc1ec10b1f9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '3e5103b26f65bb048d3498874ed4750e6f6d9422', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '0523ab6d65cde4dbbccc2df1e0c617acd5066818', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '193d238ff8b41886d6e413c92caa5b068ac8734a' }, h("h1", { key: '5c7e8fba7c5543655a8fb1f23e6e4b792e5e72f4' }, "Avatar Example"), h("div", { key: '8bbdea2d63e3ed3cc2ad4d3d04e0bdbf6485e129', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '86b30b35da4122cc6d4017b88c11e6a0c1bf1873', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '584e11368b1641813d2a6f55cc7634178e6a5567', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '423406260aaf87943c0b40cb31a49df03b717eaf', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: 'f5c18465900032bca70edd3881e51ccdcf6f9403', size: 120, border: true, square: true })), h("dga-avatar", { key: '3f9bea90d36869ee4b91b4f99a09d1079ab5ebc5', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: 'a9c28a7732f1ecfd9801e5a639a89fbb7fd9c42c', size: 120, border: true, square: true })), h("dga-avatar", { key: 'eee37fa40046a2fe771ffd90aac075dd66f9763a', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '29656a76abc53a7d9db5bb208bb216af15701b5f', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: 'cb2e7d54ab394528400f4b8f2be0280c010f3735', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b231be665cdf003ad0709e6243e082767b288445', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: 'c88d5df0b98455eb3b528ce075ae3145fd34d6b3', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '22cd1631de536d7da98cd94c6e5e12246e7fb8c0', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: '39122daf998afb1fa0bd70003a6fb93adf71cac9', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '0579fae37b7b8b5c423ffcafa544e87d106628fe', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'b37e2dacfdfd78df81f7d8ed254c966cb1c011f6', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'aa4b17fc3c1bdb1078fb9443da294fe2662b1495', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '059e5d33f9c6b94aea74dd5c037baacf4dab98de', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '2ccd27f61b7ef5152c5c5cc1eb8d257ab1d59323', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: 'ce14be8770db9a2e505acfd64f3c80ca143240a0', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: 'f7893d2a922d7a3320f4ca2d686fc6b02164075d', stacked: true }, h("dga-avatar", { key: '7da6aa774b8191340ba710dac81ddbf8331269f8', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'b8dbd22ef151463fc68f2ee492903008ff49015c', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'fb1665fd2dee927dd00acf1576715bd0b94efa67', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'b02fe1efd279b74290399c312c800df8dd20586b', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'cb1a83124d4b36d699063e5367e2d1e9d47a130d', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '94e1aefc5a074dd4c6975f53423b96637d93b250', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '295d73c6bb2af6d7fc20760a1abb6a908fba91a3', stacked: true }, h("dga-avatar", { key: '4e596fbe7926f0f9913331e10e16966b70f183a5', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '6a18f8b235d51720aa5b141ecedb0c7f4c27c952', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'e58c465d425aea011382366d7d043e9e2fcab43c', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '19766900183fc22d218b734535e27da0a03f8498', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'ac492735b35b08492c48fc8d82796e6220f8a83c', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '5346b3d2a9883866327bf1454357c32f7adfe6a6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-avatar-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaBreadcrumbsUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '44bda33bc39a374cf77706c91cceefc24fe94c90' }, h("h1", { key: 'd66d37fa7491528933a433002a079eb31c08dfdb' }, "Breadcrumbs Example"), h("div", { key: '733e8c82c23d16d9b40b81e28d4abbaac2b388bd', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '241e9274dfb9e6dc4016b847bdd4074fc128e62d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '72b9505073ac5998731071f698a0cbc6160d9947', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'c157e9c59c857e9bbbc75a7adbea2caa93daabec', items: [
+        return (h("div", { key: 'fcac40fcf0c16198bd638bdc007882d9795780ea' }, h("h1", { key: '36dcea57623959cc3bcecd7aa63a983577761bdb' }, "Breadcrumbs Example"), h("div", { key: '56652fbb3ac1b8fd1e105e6c1f562dc91fdd1af4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3a3f8c49e8aae8f0bf90c3f19565dc45343176cd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '980aec2687e3c5ce354314b3405d2d5e55b864cd', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'cd45dba16444619ab4d215fe203f6ab48db1fef0', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -22,7 +22,7 @@ export class DgaBreadcrumbsUsage {
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), h("div", { key: 'a5aed8b745081cb100e2766e0a69750f394226cf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), h("div", { key: '7c396549240d7d8f7167f5b132152ed443bd278e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-breadcrumbs-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '19a2433057f8dbc17a692e155d588c8bb24dcff8' }, h("h1", { key: 'e16a447fa9ffd97086aaff516809af8ea730f3be' }, "Button Example"), h("div", { key: 'ef001c1af314ce4875055d6fc1ab55643350ab53', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '736e697fcb99c2251d5f5c5d6a030787e8a522e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: 'ec8acf0ae303f9b209c32e178d45d14f749e4431', label: "Click me", variant: "primary-brand", sx: {
+        return (h("div", { key: 'f60fb65a6d8d25bd0963a1aee2e93d979cf8e594' }, h("h1", { key: 'b5c0c1bda48058e0c228608e9361ff8ae152ba05' }, "Button Example"), h("div", { key: '46afd28b03c20d057a92e73c4fde04c1f8ed59ce', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ee5d75a3b65a8c78a024360b2b6a50ad05ece60d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '40b91e2769e854cc06fe654afe70349c99b133df', label: "Click me", variant: "primary-brand", sx: {
                 '&': {
                     fontSize: '18px',
                     fontWeight: 'bold',
@@ -17,12 +17,12 @@ export class DgaButtonUsage {
                 '.dga-btn:hover': {
                     backgroundColor: 'blue',
                 },
-            } }), h("dga-button", { key: '122dbe3588a7bdb0b76f4c1a2dd76ed63d28a641', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '13f2aa7abaeee15f05819f22ba06f11919467874', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '24909b5400736c140977cc90cfcf6e859b8730d5', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '5a636b64652a28c8c30a50573d26a3f5abee0ba2',
+            } }), h("dga-button", { key: '60f3258b4054a77af233a8927545327023a6302c', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '2e740b397d1d41dc5000739091cadacae263e06c', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '31f7473b5d47efe5ca6279e05ae2ea3b9b35fc6b', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '2b1554b5bd06ddfa7123314f7a1ab9bd6041f086',
             // 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, trailIconType: "link-square-01", trailIconProps: {
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '4d55ae90ec8d1e3c3733e481558a43c80e2db70f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'b2fac2003873d9c2aa089956701b29005c2d7444', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-usage"; }
     static get states() {

package/dist/collection/usage/dga-button-v2-usage.js

@@ -4,13 +4,13 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '62912bbc6e65a9492a73328564668d34aa9abdcd' }, h("h1", { key: '6c221cdd9c033bd17ee93029d394127e03357994' }, "Button Example"), h("div", { key: 'ddea013f3090c7e7e7455f0046dabd53de96cd0a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '33330576f9eeca9d0801031e69b9e545e6b25c64', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '66b5618032bdbde6d8ef3a3ca34ef3e6372ad9be', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '4a0fa7e2d7e1dfc7a3bdf5dd7c599a08d22ea1ff', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '182463c6fccf4d1f3bcd6dd9f5099549c797909e', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'b40fcfa4cd327e3ce84273f5a80d22d7fc0be7f0', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '79b20c61a62868b5b62cdbe756233bf157ed1ab9', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '71a71102e49f1c73561bb11646f0408a3b43f251', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '3f518b4640c32f7b841fb724d396e91742d123e3', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'f0d3309ae06a32963848b1106057ec6e7ffc52e8', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '0a79a0f545508c9ab8e042416fe04919365e5633', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '92d018c2097b64dd20e1296b136b4ade81ca7146', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'beef54cd29768553d739da27ae7fd3c5d7399e84', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '7ec7f514e470dabeeb4bc7390b5709fb9297537a', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '6cefb8a9c8407a625b03311ffa80ae7cda1fd425', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0617cd7f9cc299cba7b9d2cf2999bfeaad715c4d', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: 'a4ec1c158f6f7c051dceea240d86feb81ccc9b21', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '03604467cf29802efd3df308e5eb9cb44171a44a', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '18420f649770f00b6745e330d6e4efc49927fda2',
+        return (h("div", { key: 'bb77901d2fdafe7121f8f0fda4fb52693fc33a17' }, h("h1", { key: 'a4f479ab3ab70e9ea9867bc634d8b87b249435cc' }, "Button Example"), h("div", { key: '937d5cff63f3ea5077852ab54d245afcff12943a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5c5b7de089c27219c5d622c496bf9588b40dcc3c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '3caecf289d7ffc442d4c5dd8eed38b43011572d0', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '42462f99eee37c6a8c9be6e91965f4a07231c547', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '8b84df4212ddd4c5494ce7c69a9ec69ad4ac36d5', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '337435766445d4a0630e4bc4cd1df9fba4671923', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '86be9b82e8a747d3132b1321762702f8ea6e331f', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '52091e7d8e851373706144c444c328c3019e6411', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '086a3905ae0e42b34528c69a89871000c63e13da', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '67889c811dafce96510d6535279b3359939e9b31', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '3e9c4968bfb3a7fb58752b34dc588e088f0a9ddf', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '63c3e6b929044e860c7e82d6f067e36412e7f769', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '8af7146eed01e3784a4b5a46d7868d345acd8e3b', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '58406da872bfe22fe9f6d52d4211e650d0d03c68', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'ccfdd7f852129cabdb079b4000186cea571257a2', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'fdd3892d25fd90eef576eeb4f1389c0afcbc6507', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '351344df6d3626d23ab5c3e0dd41102dcb93022b', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '5b9c02ed6d96acc0a4e4645d643335a205b0bce3', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'c0489eaf4470420c8d70d73938ad41f7ddc352d3',
             // 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: '8617633fffcb3ce70ff2990dafe16aa05bb3f4fc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'a0309f9344ff66c254753653e8924f699835672a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-v2-usage"; }
     static get states() {

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

@@ -5,12 +5,12 @@ export class DgaCardUsage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: 'a5891b4a7e1c7c6f40534dba563a0868c030b6be' }, h("h1", { key: 'f4bdc496f1b640e4ca9debae252aebae0408cccc' }, "Card Example"), h("div", { key: '3852ccdd17c58d4369377947b5eb2aefd553afe5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a24d0337bd66b59374ee5c651bd1e2104cac991f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '9ec040fdee43c39087ed6ea1e80f1e1907f1794d', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'cfa10cad35b0f4c53ea5a0c16ade5e01d179372d', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '7fca6697abb3c4218c8eb6ebe0ea026a2d6dce90', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '9d31f50eaeb197f8cbce1467aeb573b78b59dd70', cardTitle: "Card Title", sx: {
+        return (h("div", { key: '3303f9ca0d1ca5f366db9122156d6289a97845e8' }, h("h1", { key: '20e73672e0dc8549382adbed4ee87a58d3ed1fb8' }, "Card Example"), h("div", { key: 'bb546b3ba10afa1d4a1b82f5359d1b265bc6cc00', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e14b5bfd629fde7904a0295f28b4c0a8eb39f575', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '844e264b21f36a6286538b54aba0d1cbcc699271', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: '8475d7743e84b7f4e2e1a1e4f59490b494f20c6c', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '865b144e2ab7b8d982e86267b59d59f74caf020e', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '1d6d9c1e686839f03c7273684423f6054fbf2d16', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), h("dga-card", { key: 'ec89d1a7e46c0b89e5097f4d734796f57916293f', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'd14ef0aa42b8d53b305fd4fdf0d1abd06d6cc812', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'f8a9b640ab7b7fd169422c61ca285dfb41358c82', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '26a0b295fc2397a857048501d22fc1d8a0914ada', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-card", { key: '60f9eae5db1f4ab01d39cfe887a482979630286b', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '343c535400adc65be3f65353380927fbb6a80a7e', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'a0f28915413038c9e10dd4b9f95aaf474437c978', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '350c29fedd677fd189fba46178d37bd84da52e12', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-usage"; }
     static get states() {

package/dist/collection/usage/dga-card-v2-usage.js

@@ -5,17 +5,17 @@ export class DgaCardV2Usage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '9d09f81e8993d2c618bff18548e7665ef6adfbc2' }, h("h1", { key: '07e861f6bace8351ef3526d0edf0b76760e8341d' }, "Card Example"), h("div", { key: '47b5bd30e5c9640412aa980be6e6a1cc035feaf4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '17e83040b30370ea0ec928742d3df207270bda5c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: 'b24eae2b52b5dd17a6cbf7efe72cbb67fbfe658d', type: "default", sx: {
+        return (h("div", { key: 'ce98886819f82d7f359e6bc536531f8f92f34f17' }, h("h1", { key: '015e45c1e8f607285249e09b5367df7669aa9b58' }, "Card Example"), h("div", { key: '75fd9d4512dcceab5ce1cb5c27e7f0f90a44562a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1e072764b77ffd6fc216ff388d2938043531fcc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '81e2efc0032798f7f70622024fc3cdc4e76bb705', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: 'ec0cf34d45a63283a9909c6be97ddae58ae34932' }, h("dga-featured-icon", { key: 'b7523c04bc1083ffe11ec3524a5604c6c2d7b0e7', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: '858218826169c82a73b16defa358786562886e2b' }, h("dga-featured-icon", { key: '056eaefbc0217f2c42bb888cfab977a0890e1987', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), h("dga-flex", { key: '63b901eb2e014bbfc7859f5d9d00330e6c55f92b', direction: 'column', spacing: 8 }, h("h4", { key: '25b5608b06ffda21a96baed68243878825c3bca2', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'ec5e72e6d8b3267ed73bc074c4f2d6ef5b14fc08', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'c3748bc0048fae6457f03ff6901e96f812676814', direction: 'column', spacing: 4 }, h("dga-rating", { key: '3466fe198f330160f4bb2da98721efad2832ae8f', value: 4, size: 'sm' }), h("span", { key: '520052c4de814de8a2e97aa56c67b63b328a1b92', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '2e83da345a9e77678e8b61d919ba2ec0402fa8d2' }, h("dga-button-v2", { key: 'a67d2424ef17f32cebecb2b8051495cee0dddc69', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '87b273074ee779041e2ee464d6ac191c22a4da02', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: '00d02ddbaac56ca49486f08a331c8e5b14c3b2af' }, h("div", { key: 'c1f4d61693b9de39e710314baf560b57799d4344' }, "Expanded Content"), h("p", { key: '49b51037005f1f881e33c52bf1a9841287ecb41b' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: 'debe7e6bbe87b8b8232265ba4131537f86ac90c7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-flex", { key: '8bfe2b2809531a96db08d35e42c0f1cb0a1d0472', direction: 'column', spacing: 8 }, h("h4", { key: '41c8b777b90242f777c70798216db2ff155ab190', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'd9838775750bfc6774c6a92fdea441d34790e825', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '57efae9806a38b988b149f7b8cff5e2bcf31f06e', direction: 'column', spacing: 4 }, h("dga-rating", { key: '430973de0454d04c7639afd40b162e1c4033ff8e', value: 4, size: 'sm' }), h("span", { key: '4eee667bcc22459b83d256da2ea8a16ee1995f5e', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '58ac4b41aae907790eed36d49cdb4a69e7730eb0' }, h("dga-button-v2", { key: 'ea1f8d86a450443cc32e8c86a4c8d5d057f394e6', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '01477274960267f683628626edac6a8a5544f0da', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: '30642680580f8633536d5d511162844b77afddf8' }, h("div", { key: '25066b0951f619435ee4bd7922d04c49b7ace771' }, "Expanded Content"), h("p", { key: 'a481ca8c047150a6400c7237fa24e609ec2e8d0e' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: '4ae077c90e6ff271e09ff1e1d37da45677448a37', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-v2-usage"; }
     static get states() {