@platformscode/core 0.0.42 → 0.0.44

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

@@ -4,12 +4,12 @@ export class DgaModalUsage {
         this.show = false;
     }
     render() {
-        return (h("div", { key: '9aaa7ec5d254c4ce0b47fb5acd2fb2101d70525f', style: { position: 'relative' } }, h("h1", { key: 'b166ef41f5d3fceb957ce090d93200b3e7ef2283' }, "Modal Example"), h("button", { key: 'f59e9e27958f573198e1dd71add2805c7572070c', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '2856d8704b25bab43a6c04e2e4ff6f6feb39d974', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: 'ac6f5efd55dc5ba4f2dc693123001b6f5eb9ee78' }, h("dga-featured-icon", { key: '0761a03e39fe49a7bde152c548c001ec49995f55', color: "brand", variant: "light", size: "md", icon: {
+        return (h("div", { key: '9fb3949b0bad8d1cf333c7a87af6c623d9b6cad0', style: { position: 'relative' } }, h("h1", { key: 'd9e40374ce53d2c160833591706d2e06a4126574' }, "Modal Example"), h("button", { key: 'b36af1bd4ac774939d1e4b76086e47d5c488119b', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '9f8014a9ebb69008ae295b117a3044cbedd8d14a', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '8b87a86dbb02a8b325775a2e772677e2ca40578a' }, h("dga-featured-icon", { key: '0f3706576f46ade079a67d9af248835b4ee02975', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), h("dga-modal-title", { key: 'adc0528a028a8dab0460418457c172e73e0407c7' }, "Title goes here")), h("dga-modal-body", { key: 'ad1fd1b5f3f8817da9f362f0be3b0d56c7964cc4' }, h("dga-flex", { key: 'fe70e22f63e51233fd84a4d2a89764421e0fba41', direction: "column", spacing: 8 }, h("p", { key: '2d2d5837063e0bf23ee5246bcbf1f0de2bf07b74', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: '19e93e78a603fb9106fce68b6e1f9c43309168cb' }))), h("dga-modal-actions", { key: '080daf32c947a3459e1230146ace01599f0211bd' }, h("dga-button-v2", { key: 'e7d63c48c68ab2edb3f08c3ff35e044c4a7e1428', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '15e75ede1473436e80efde01608b25540a300248', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), h("dga-modal-title", { key: '04735778022e9da6cd351827585c56a48e97287c' }, "Title goes here")), h("dga-modal-body", { key: 'ea5d0eb132300b5f722787049acfc3bd737660a4' }, h("dga-flex", { key: '65cc33dd0b72f1630247bb3f873521450ca757f8', direction: "column", spacing: 8 }, h("p", { key: 'e428a27435237504ea323347c41d2fbf627646a5', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'e0198edc21eb09d9cf39d5e98ecb2c876d4a15f1' }))), h("dga-modal-actions", { key: '3cef2ba2cc8475529de35fc5d0913bf086e7e77d' }, h("dga-button-v2", { key: '59a881128ed496b45a751e7b1df9db3280f507f0', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '99a6b8575f29c40b7ad7c5cb4c94b912305f60f2', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
     }
     static get is() { return "dga-modal-v2-usage"; }
     static get states() {

package/dist/collection/usage/dga-notification-toast-usage.js

@@ -5,7 +5,7 @@ export class DgaNotificationToastUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: '56e0f0bf8e4b0adf120ff0d869cdda544cdef401' }, h("h1", { key: '79317ee62ad38058ca4012aa6ffbec8ddbf2f5d4' }, "Notification Toast Example"), h("div", { key: 'a81c0bcad6dc89f42527b614fea0c780e4a748f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '574eb746ddf78d37d760aa8670a8a9eb53334db2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '2c9d26c302f25bf03f843cda3031dc5e91e62232', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'b0e38267fa51e8e929642fa7ea1e90ea2c8fe34b', onClick: () => this.open = true }, "open"), h("button", { key: '776a37bfd3d2442059289dc0a16fd0a1942f822b', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '029a110d4a944a92bfeb480a24687211ceeb4129', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+        return (h("div", { key: '08b5f164a92dc6691e7caa568cf75f4122dfe9ae' }, h("h1", { key: '20633893a6c85a75f005490d4ca179396b3c7f25' }, "Notification Toast Example"), h("div", { key: 'b03b7fe439485f8cc28bdec2067a2a5dcf5f4f89', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '40dcfda2e7671fa5914c190171247edb32100910', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '5900844ce21da3de7068097c8bfbb8ec756f941b', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'fad3d5bda642725ae8e94fa1eb31c6a7457698dd', onClick: () => this.open = true }, "open"), h("button", { key: '87b9a5110c4beb181ca1a1345eeb8a4d098ccc74', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '1e90b2869de73eee314457807f886f00e8aeb211', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -16,7 +16,7 @@ export class DgaNotificationToastUsage {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '23a3e770b81f7c12a448df153ac89599b1d4092b', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '746bc832c51687e169de7a9cdb466685f8974162', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -27,7 +27,7 @@ export class DgaNotificationToastUsage {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '79bbebda27aa2e4e94e34c1989b6179ef0502f3e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '46c6208705b82c003ed04ebce8f5b200f9ead1a0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-notification-toast-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaNotificationUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '061b9fa818dbfecccfa83abd752c050f8bb789c7' }, h("h1", { key: 'a61b841d5bae620fb5d3824637b506bf986688d0' }, "Notification Example"), h("div", { key: 'fc2c00772e8dab3dd1a1f27536126f5c4e472590', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0525f6745e9b7a7090d32c54d7ff2b7386587d78', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'aab7266ac630410ec5a41a091c7fbe25e17085b2', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'b9b666915fbceac5e9f6208867ba8b570fe10007', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '1d8f6208d39bf9a389f14a18c5cc27e927de9ae5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: 'e3aac38df8a972c5afc470e4bb19c4e7ec3bceaf', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '9e2cd75f1a7d661da809a22de64733f4d2a98e5f', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'a9b26f80c1ca89ab081b077c646884eec6a7023a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'e19620ec4a5afb6f7742aaa7da01c98b7b16a6a5' }, h("h1", { key: 'c8b0867d78bc53b33de1d83da60a69464b27caf1' }, "Notification Example"), h("div", { key: '66eaee8935357f73109840536d95db6be97b3864', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0ac8e3e00c259e636bc864743c56bb6aafc91120', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '803c0a8addb748e2b432b39aeb985843f5a56433', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '66c356aecfffe3b612cf9e75a5ae7bee347ef5ac', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '2ffe078f28506b4ed0c723cda973c0bdf29657a5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '192204edbe700713799a1d18a76417161cb8d56f', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '7141778c7839f032b3169e0ab5ecf41f27240659', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '700ed8a0c247b2c195927aba2f514b1bcc60b16e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-notification-usage"; }
     static get states() {

package/dist/collection/usage/dga-number-input-usage.js

@@ -4,13 +4,13 @@ export class DgaNumberInputUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '5754975c6ffe137ce8d18809a1c6865e315caf66' }, h("h1", { key: '36c7420ba6ca7f04547c6128b686711aa9d22d84' }, "Number Input Example"), h("div", { key: 'ea181c6f1351757512b1a7aac4c24f1afa2a6633', style: { padding: '50px' } }, h("div", { key: '002d6a077539d0dd291dbf3f4bfa06f30b2cadab', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '57afc64ff912264b99210a733ac776528ab9fbb5', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '3bbe6286611758f6258d29a98c6b9559158dc746', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '5560853f422a91c20418aea2ff487f86ab6ea9d9' }, h("h1", { key: 'e8c6438b6739678593d01fc7ab8c2268ed497d8a' }, "Number Input Example"), h("div", { key: '0d22c4a2cfc8d4fa45f2003516ff287b1ebfb9d3', style: { padding: '50px' } }, h("div", { key: 'f83466dcc3a259e37baec424506ce1d661954729', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '6b0a0d553e45c191f1708a5a9f0744bafa730892', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: 'd1b2a58e12121111b13d633ed3f6c7f5495dd9a8', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '10e5ce6497bc358598bd650c922c4b8a38e09bfb', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '4d3b52d683e926c5abdab2ad5b1cdb333127eff2', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '893338a9bed32652a271e33314e1a19a282d5e92', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '13e59c5f02d3441d210c8eeb3cb63c0a54496b47', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: '90da01a28423b2ae16e0800e8e3e828cc2e7657a', label: "Mandatory Text Input" }), h("dga-label", { key: '459949ae40eaed15569d0326d6e2548070e00c27', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '8282251501b3626daaa18341df4b7ce27fe622f3', label: "Mandatory Text Input" }), h("dga-label", { key: '3cdc7c14186d641ea97257b00a7e388eefc19769', label: "Mandatory Text Input", required: true })))));
     }
     static get is() { return "dga-number-input-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaPaginationUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '90e571eb4e4c86b1d040563def1e63227f758430' }, h("h1", { key: '4cac213523a1ba23345328988df0b835a9c4cff9' }, "Pagination Example"), h("div", { key: '44c2bcce44cb4e165fbe562f13315c4d4a2ed4f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e4e544aabf9ab4e57196e4b56805dd6fd8ee7cc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '1af325367643fb1a86cc0bcb8624e7062a1500a9', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '3d516d50bf028ed7b5042f728f1135d14c073f81', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '25a0ef6f236f662e7a0e17c10d3e4b2f58e26c1d', totalPageCount: 10, size: 'small' })), h("div", { key: 'd84647b1c5e6de3a60510bd24fa7a25d8f1698c0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c86aa85a8b897dd779e40830d2e2212905c89a18' }, h("h1", { key: '90aebb8de178fa0308682e5aaa00750ecc6b792b' }, "Pagination Example"), h("div", { key: 'adbb7028690112c90eeecc44138ed4cfe29527a2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '672ebe0ea5449586abe1c5a35e008b9b93fc8310', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'ed2a7dcf4f50ef5cc690628f517c4c5ab1e90344', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: 'edaefbebfde4ec14056c78866d7efa591e922b7b', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '0dbee9c77a6bfadd243cc5b64fe7bb1123224060', totalPageCount: 10, size: 'small' })), h("div", { key: 'b8547ecd7befb4339a140439789c3cb635b5f152', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-pagination-usage"; }
     static get states() {

package/dist/collection/usage/dga-progress-indicator-usage.js

@@ -6,7 +6,7 @@ export class DgaProgressIndicatorUsage {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '860aaa83040e5fa38bf9a2ad49a4e3d5d0b5cfc5' }, h("h1", { key: 'bfbe9794dc3c245fad55962550f7c198feab49ef' }, "Progress Indicator Example"), h("div", { key: '55d6ba6e2de3fa97c2840d517420cb655f95bcb6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a32b6b38fbb738dc067c2532a58c2ee5c68efe18', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'fb4592dd178693b6e97bd0d43dd3488eacea03b1', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '9ccf69edab1d8f40980b85515ed35cb4ed48dd88', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '6425f8e926858dd354741cf7cc112efab93caebd', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'b5215177ba4c78345d4495074aa36d87056663bb', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '8476f0bf8bd6652e1638714881c99004445f9a04', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8e7fc0021bcd9d93b6ed60ac45ee7fa427c4a545', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '8cec935d461b533a753f40ab531e4ab58ee4d1f8', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '071ca39f21055f935d08f905bb18d58ccc5002de', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'e884aca8d8c1352e8f880b40fad00e7c1ccfa067', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '02b48e719d1cacff5138886396b2ee9a08c58eee', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'bcd292bfa71b1e3002ebf72a2a552144b5c46ca4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f95a10827beb83d7907f428a0fe9522eb0702e7f', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bc66063dcbb3c4e09aa07e5df9f2cb5f79ddbb8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '10ae1d745c6da79b0a4bb75a45bcf3d508e293b5' }, h("h1", { key: '17bc205d085cf04d6c0df69836b14561fda811e3' }, "Progress Indicator Example"), h("div", { key: '69ab88ca7e0f2d8533b49d4bd67fa04ee8e3bc2f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0341a9f2e3432acbe15069a743dc2e8485746fca', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '6ed405ece12ded9712c123820ae53c9b3ae15e0b', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '7e2a13cc1bfcb3e158d16441f17fc05802797617', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '50c144e072932f3f53710b714177609c18828811', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '3ffb01941ffdfa9752c5c09e502ab1c21f65a39a', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'b1945f8d8275e52dadd49a9900b27b6bdde9d023', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'bca569bf3366ebdad8f2ec56489bf5ade0b0dac1', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '1e1f5aefab45d7a713d4b0cfdd626f19455e054b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '82ed7e54db88deb600a90f5e56ad9c8f2484b666', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '6abc0af63d83dcefa6df0d76b3591aeea2e5f080', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'da4ec0e72ef55a8731c8cbb6dd356a54125b4c90', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '99ebb5caca97699e344d5cf7313757f9b7dbca93', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '6a14e4c1acae8cac6ec5dbfc06bc74ff92bd0f60', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bd33e49abc06cc213e96fd5bcb4bdcfb77f3edc4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-progress-indicator-usage"; }
     static get states() {

package/dist/collection/usage/dga-progress-indicator-v3-usage.js

@@ -6,7 +6,7 @@ export class DgaProgressIndicatorUsage {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '49bdea112d1ef2414b88207d0f3f4638f4d0007e' }, h("h1", { key: 'b95cd4e4dae75523c6a65f44bc06155cb75981c8' }, "Progress Indicator Example"), h("div", { key: '05511147d75af1ab54fe401b090923f586568514', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0034a7ac7456a2682f0709412c1a9e4407b41a6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'b19745d71d2ed1ba06a324010fa3a91fbba01dd5', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'ff79b843056df653432bc76cff58850c77a66b58', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '5fee02140ee8e5c3f944ea7fb1aa1fe014903e61', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '46580ea9f1ab2fb53400a65b7e3e814e94afe185', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '3991523b382d2bd6fdc4d968ea18b931a731ce80', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'fbf44c5a33e9deb47e08ae865f6c805e595069c8', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '59e1bb338e690802321bd7e12018499241d70d9b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'b7d10d6cee79113fa28c0d8449f3eb74fd663f8b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'cc402b2f342d196a58a5c9ddcc245e0d890c7892', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '80242d121043f690c940a9295c5d6b31578536ed', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'ae59a7c0ef02362885ba4533b119af10ac5e6e0b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '2ff84358fd4b1ba7ff3237efb41ccf62b4564495', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0cec5c114ac8c3ed2fd8020515a18ba741675e27', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '76a86458596d73fd13adb7a5a9153797da0f42f2' }, h("h1", { key: '0022b025925b992a7f7b1224c5f4ff1f815a6b07' }, "Progress Indicator Example"), h("div", { key: 'e5086a23f2296d1e6548e24f20dd58196ff03917', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1d393810f5aa276c7b043ff95536a18f92422a49', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'e999dad580facbecc04289fee32e52de70a29bcc', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'd9791585498b0cc81c4bffdcf891057cb7fac22d', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '91ab4b0c175d0afb75f338d05a690a8e2e6904ae', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '507dbf2c4244d1ecbae478d97cbe74ffe36a5653', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '65cf225b0938bf3173ae0c6c3175ef55b7b22bd6', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '339b9b36bf7864bf02799c741552534108612e13', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '7d64b5e140167364abc3b021763033f275fb17e4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '11b8f02bb8ddb9d48bf4a39c4cb7cd2b08ead272', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'cd496b4210a2bd906335df228bcf422f7b6a5f90', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '655da610736acd9452ab9d09f6266a23790cb5c3', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '18b1214af6eaeb2fe876f5655342c34046efd8c6', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c954a6a282afe3b10a265b95e4984070e1856534', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'fd32b6ecb0935976399f0453b033b78bed98664e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-progress-indicator-v3-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaQuoteUsage {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '7b59d5cd7223387ec9ecaf09ae430cd5fa031665' }, h("h1", { key: 'c559eb076b7986f94c1bdbe8813692219cd85206' }, "Quote Example"), h("div", { key: 'fdd12b17fbd6083a322bf11b6b7d591876711099', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '33fe8a38ca236161d916a9e334586a752f10e2e6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'a8997e3d3f0bca7f9529bac03e0e8ed90d682234', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '9a27f63db1512dc033c546b9e2a5cc86e25e1fc6', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '7b7fb07e6b082f02a58d87cdebaf03660d5cbc45', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '0f5e171190c7b86c420d10bfe48cc0928cc78d11' }, h("h1", { key: 'ce51d10a56094e67cda24a3534fac5bf6c661607' }, "Quote Example"), h("div", { key: 'c27e903bb18527eed0e71219e42cdd189a18f131', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b4ce3a02e63fcbc7eee43e451faee215cea9c435', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'e27bc799c5fd7d28f98033f9cb0f936ece6d7f34', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '7a755cdc2c176bfbb71472a4d58266d06e7b38ec', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: 'fbcf1828a0507abf02a12e120ca915f3e8eabf75', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
     static get is() { return "dga-quote-usage"; }
     static get states() {

package/dist/collection/usage/dga-radial-stepper-usage.js

@@ -13,7 +13,7 @@ export class DgaRadialStepperUsage {
         this.activeStep = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '3bfd206db81ed99dae9ec22401ce166ab9ea202d' }, h("h1", { key: 'e0ebc16837cf106a013ba87d0e6335a561a8ea89' }, "Radial Stepper Example"), h("div", { key: '4d62785358273ec5b138e2ae73a48f97fa255805', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'a4c02d5dae77954998556f79d2f85138ac2f0ab7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '46515a109fefa768232d04f46169729ff592e002', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '7dde24c3c3404df8c1c18780cc4dbb41a9231a8f' }, h("h1", { key: '884cdcec120e8cabf0205200ebd59f7db7582238' }, "Radial Stepper Example"), h("div", { key: 'fe01138f4874e62fac6bda1408a21edde55695ba', style: { padding: '50px', gap: '20px' } }, h("div", { key: '317aa5e8031fa991157b6ea09f4ef793880a977a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: 'f53f6b8287bc746dbfbaf39be882fa0d6ca46f22', size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -38,7 +38,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '7eb636bc195cf435c17cd9a45fbdcc306210e415', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '3d9548ca3447f62310ed192a0aaf4dbb978707b2', size: "80px", color: "success", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -63,7 +63,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '1b6c497328a00e4975a09fbbacddc7db4faa71f3', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '6fae3b9e4f8f8747e2e5c53dbaad10c617af6e7e', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -88,7 +88,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'e1eea3d7c88b596ce0e38c2150f2ac0aa7970e8e', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'fb320e0e15fe91da526336ab36eecfd77307cd8f', size: "48px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -113,7 +113,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '598021ae613ccabbf08d5533ffc440e8becb250c', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '3160feddcf3b9ca54bcbce8c322ea25bda630458', size: "40px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -138,10 +138,10 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("div", { key: '1fedca41452567be59be5c385a6755d56d80461f', style: {
+            ] }), h("div", { key: '37ecbc90f37f85a8883485a5cebb7e49e1a9f16f', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: 'ae1299b79c91f475dd75ef211930cd64a39b0589', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: '2ad72c7b1815901b39b1ead0e31eee503a773ffe', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -178,7 +178,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ], RTL: true })), h("button", { key: 'abe42640524b6901e6152fc9a411b8838344bd68', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '72142c1d3494195ecdd122b9f79e9a622f34d093', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '87c2d846e13106f4b8b5ddc7f0b4ba7eb7c2e152', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: '6cd5ebe934a8d4a88d809c842835dfa23e28f4f1', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '7d4714bcdef33edd2243c7a406fd096c859e42c7', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: 'c44663f4d08b68a811334fce6cd6eb5715178f4d', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
     }
     static get is() { return "dga-radial-stepper-usage"; }
     static get states() {

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

@@ -5,11 +5,11 @@ export class DgaRadioButtonUsage {
         this.activeRadio = "radion-1";
     }
     render() {
-        return (h("div", { key: '62906a14468b7d4a28d5700a18e317179f575868' }, h("h1", { key: '2e82948b03e30e7d040d414e29789ec4ee5e39c9' }, "RadioButton Example"), h("div", { key: '7597141a32352ef8f384e3438432bc26ff4ab02c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '37a55e92273fb92763583d9073961e85eae65a53', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '83e8156712c8950be1a07dcc889c13530b7e4c43',
+        return (h("div", { key: 'f8290d15769b798b71b82a92678138d3b02acdd3' }, h("h1", { key: '71f79f12c90c774fa4578f41d25e2dbb04b739ea' }, "RadioButton Example"), h("div", { key: 'e3ea018905304d92e8e0f8c829b6f875e312a31b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ba8af4d312fe61024e1e1b4877f1a66760ac03c4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '840a3f1f27ecfccb3c6005169025825d30287159',
             // id="radio1"
-            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: '9e8464f3ecbd9bbdb7acd171fb76cbd926f04481',
+            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: 'ef0b9ba29906d50a5b12c4f2361f42f2c75b7863',
             // id="radio2"
-            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: '2c165379c18f2434a6eaea9b6dd372b332a62f21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: '13c126f85368b96cdf3581f9936e15fa063f3786', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-radio-button-usage"; }
     static get states() {

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

@@ -5,9 +5,9 @@ export class DgaRatingUsage {
         this.rating = 2.5;
     }
     render() {
-        return (h("div", { key: 'c1387a2f19bb2cfaa4ef4c86fc70abcdf98aa5da', dir: "rtl" }, h("h1", { key: '72aaefac87149c684c7b2b60dab6e14a28025092' }, "Rating Example"), h("div", { key: 'f49ecb0f804fd5441f34da21889749172014c918', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '185994d202c61108e248dcade8b4be7ca2b744ed', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '5135732fd29e9e1a28bd856d6c266b414c4a7cd2', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: 'a549107cd0023f828106e9bd24887a40a58d40fe', onChange: val => {
+        return (h("div", { key: '782488428869ac1efaf9a2cdc6f2182669b3e6eb', dir: "rtl" }, h("h1", { key: 'fafe2b9b86f2ee8898e71a8166eaac33d6d56849' }, "Rating Example"), h("div", { key: '94d996191501be9d442302c229e765362c17e7f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f02c8604259fcb3f376cac86ee433bae9a7f070f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '648cfcac9222058384bf5e16c0d7e54d6981897e', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '3e8688b8664f5954ca8113c6f2c67b972d4a74d8', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: 'c14ceff74a64cfa7669f2ae804a09b5c79668436', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '01b77dad97fb3992f1e5383d760042560886b273', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '19ae50c0e073d9a25c7ed112f66af89df062a238', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '4472759ebb0ce333f48c198c8c3de480cb6170fb', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '20d8676dbbf325e00311ac67d15c7a11a1574e0f', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: 'c42fa3a429021483a004290fbc850d4ddb645979', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-rating-usage"; }
     static get states() {

package/dist/collection/usage/dga-search-box-usage.js

@@ -4,7 +4,7 @@ export class DgaSearchBoxUsage {
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: 'c470e35bbe0426ca814e07234cfeda1c7dc0aee5' }, h("h1", { key: '25b99581887c5739c07105b22b590d51fda26bb6' }, "Search Box Example"), h("div", { key: '0e7a2d8dc1e5b598f3ea5ece01b49b6f5d504861', style: { padding: '50px' } }, h("div", { key: '7dbfdea7041582285a17e43c3f2f580471be39a4', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: 'f2cc6f9a4d32283004199758900653f2c8d4ecae', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (h("div", { key: '8cec930e2c2399b200a0d28769d5728443475cd6' }, h("h1", { key: '9ea3dc64a9f2b0e2c032eecf2c28309f48eb5864' }, "Search Box Example"), h("div", { key: 'a99f3cc0054c0da736d72e4fe1f5c4f84673eaae', style: { padding: '50px' } }, h("div", { key: '6664e83cc23774963d7fa3715069615a327c6183', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '214e2e3553cf19454847b87fb1953eade2d9f6d1', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                 const target = e.target;
                 console.log("search changed");
                 this.value = target.value;

package/dist/collection/usage/dga-second-nav-header-usage.js

@@ -4,36 +4,36 @@ export class DgaSecondNavHeaderUsage {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '1d79feaf90fd226e947f56663b5f6654801f87c9', style: {
+        return (h("div", { key: 'e0998ce414e9ba26884088d8f28cc546382cc3da', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, h("dga-second-nav-header", { key: '6bd13337564ccd4e9ea35d1145e9c198222859d3' }, h("dga-second-nav-header-actions", { key: 'b8e93c814df2c7cb40aefb2b83e3fc19fc92fca2' }, h("dga-button-v2", { key: '450d4c39c271bcef231fb86c0142df6b4955ee0b', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-second-nav-header", { key: '80a6c4c8246e8011fc37eac25f3c47d2204fb0b5' }, h("dga-second-nav-header-actions", { key: '03bc6da4e80d86b48505b218681a70205a676ef5' }, h("dga-button-v2", { key: 'ec3cf8c0d74ec58b77565a6363c78122f68aea75', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '12e37342c309767c225d878bbb328980bf72cfd7', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '422229642a5f268fefaaaa635fb799305eb4bd2b', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-in-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '8f9d77d5b390f8dea7a85e8ac0dcc333eb004fac', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'af063512c7b3e4b05ce6c60d14fceb5b4382dda4', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-out-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '6c181429134fffc6eebdf398dd6758ae118e99d3', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '1d992966eea3d0b5e591a8953266c31aa1addc3f', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'view',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } })), h("dga-second-nav-header-content", { key: 'ba0e9274b2cb4f02e903fd389d603b64c84e4aff' }, h("dga-second-nav-header-item", { key: '6bd5c4006a232332c0456bffae372bd342ec49ca', label: 'Cloudy' }, h("dga-icon", { key: '5749be65d40a191160d5d8481823213c30375888', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'bfdd59bc097ff81db4442aad6ec65f3454ecec8b', label: '21 Jan 2024' }, h("dga-icon", { key: '8c98ecddbcba261eb25af76ab55d41210a23df43', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '279179dcb780559e2a650d1b1c3e7c81b944b11b', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'c86a9b9dd7e0b51902913dcfe29b2a25132601b6' }, h("dga-button-v2", { key: '554f02e9fc6329202ba5233d9ecee6b7ef2b0cd5', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), h("dga-second-nav-header-content", { key: '1d83a005db5c057f3ed5212a381a711eb2062138' }, h("dga-second-nav-header-item", { key: '70b1a555d20e08ed7eb72dcab3519942f2f482ca', label: 'Cloudy' }, h("dga-icon", { key: '0d76d63fa557694efb3e71dcdc5a5c4501b01272', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '5d7495e6eee989a0b63b608ea3d3ace36d6bfbef', label: '21 Jan 2024' }, h("dga-icon", { key: '1e803161d5941d106209060d230298767a044cac', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '549dcd513d1713195e2476258442c17bd4062566', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'c05653eefccece47723381f9b216b2cb514736a2' }, h("dga-button-v2", { key: '70524bcb07572fddafc44529dcfbda05de76e513', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '7534622392357bf01df27f6263b87c73f53ac330' }, h("dga-second-nav-header-item", { key: '06151257651dd459adba508e14635328ee1cd174', label: 'Cloudy' }, h("dga-icon", { key: '8f9bdd698af200a439edddd5ad63ea032bb28d4b', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '04f2ad8a3c639764271b5fa1ad80b345ef96ddc3', label: '21 Jan 2024' }, h("dga-icon", { key: '87d114b08a6e3460562e2821e824d3a4eee87445', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '6fbc4a2232295b331f68d53e0e5a85220fa49eae', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'd2c6de9a788df1c9b49443ceb916c719c2f4e4cd', collapsed: true }, h("dga-nav-header-logos", { key: '5b15076d3e7206923c1c52902a89c94b796102c0', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '2a472df4d0d0a36af98b8ccd2503171b0d3a9108' }, h("dga-nav-header-link", { key: '8ca3c0bd58425fb6de1cf00d36fb4be5d23f10f3', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '7f0a64c4629f1248cea99d98e4e8b1901985e09e', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '6fe69be26812f89c9318c30aac6ce97940aa014d', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'f6abed279d008971cd4ea22e71c84dc84527fd0e', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'ef55682c2b6ca60b24a4a39363a60a9e1b7f0f43' }, h("dga-header-action-btn", { key: 'c2373c492ac0514ab2eed2a50bb6edf1ac212341', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '54218d4575f0ad6733b28c0c7a46b154f392ecf1', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '0b86dcf99442e223cf7067a3f08100ed987fa47b', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '641d487d840b8fcf64309c357cdf5880ee2a0891' }, h("dga-second-nav-header-item", { key: 'e28cc0271d2aeabf97201dd958526e1148873f79', label: 'Cloudy' }, h("dga-icon", { key: '98490a6b79b296859591f095798de3b117f3896e', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'f09b0c0ca43720b2d5c32126cffd4f628aab1d9c', label: '21 Jan 2024' }, h("dga-icon", { key: '69904e65017218434e99d98d41cfc138320d6b1c', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '31283dd0ebfce42f428c5683db4eb567a024bdde', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '3e48efeaa4a338aa4f0068ed7401af7a56bcd831', collapsed: true }, h("dga-nav-header-logos", { key: 'e1470b046c0a52fef88c400e3840549fb204c6df', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '5ecb0b8e99f7fb0f6fbc195e4c25685a56ae45e5' }, h("dga-nav-header-link", { key: '3edc22d086d99017278285bc4364dbc9de38b86a', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'd3453dd4dfa30c04a54e0c0d93452a8dbf5b5e66', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'd49241681e8ea985e36abf19971dad482a167c02', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '74af8dbb11c6bc1549499e122b04900b93b1df83', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '31a052689377c8b7907cd20f2dc67c2c79d17dba' }, h("dga-header-action-btn", { key: '553f5a6e52b557396212e28edca0f1c1e8e92133', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '9309ddbe9e800d3c5f0e8381bf5b7041d885fefc', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: 'ce039e010fb33cdfe2c0b370ec63007bc528c469', label: "Login", icon: "user" })))));
     }
     static get is() { return "dga-second-nav-header-usage"; }
     static get states() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class LineSkeleton {
     render() {
-        return (h("div", { key: '13689d7473e63220e19a6c8e30d18877db38092a' }, h("dga-line-skeleton", { key: '4374e1af0a74c1ae1fbae198df31d5a51df9c81d' }), h("dga-circle-skeleton", { key: '7ce5c2365e10110f807ccaaf843038a63ec44b0d' }), h("dga-rectangle-skeleton", { key: 'dfe62ba6ecd9e955b024faaeef26028dbdbbe0ec' }), h("dga-square-skeleton", { key: '5ab742d263c93c03ededdf58bd957ae5dea84d75' }), h("dga-skeleton-component", { key: '16b4fcc9bec8047a414938bd1c95f721bb4ad8b7' })));
+        return (h("div", { key: '7590a8ae30db6250a373c43246e702b9fe30f290' }, h("dga-line-skeleton", { key: 'a55dc3bcdbb1aa6f86986757207d364efb1ad467' }), h("dga-circle-skeleton", { key: '61450e0bccfce55b486f775a93b641cf62dc7fd8' }), h("dga-rectangle-skeleton", { key: '245f4feb092285889a855fbe09925bd6514d5a76' }), h("dga-square-skeleton", { key: '2b6fe3c19bcdde1320d393f233f8fbe9f5d3f428' }), h("dga-skeleton-component", { key: '59a50d96dfa8ea372e17321004da29a053875857' })));
     }
     static get is() { return "dga-skeleton-usage"; }
 }