@platformscode/core 0.0.48 → 0.0.50

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

@@ -1,10 +1,10 @@
 import { h } from "@stencil/core";
 export class DgaDividerUsage {
     render() {
-        return (h("div", { key: 'b183f6a63886079b1f78da3414e78f85224016e2' }, h("h1", { key: '29658660d7a7907d2a0d467fd0e6bfdbd0b1623e' }, "Divider Example"), h("div", { key: '6a1a54ff4a47c91810b93c14114c0dbcc4393f8c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e03e88ea6ff950ad78921ef4fb14fce878c1fb6f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'be28b8716c9465313f82ff5892e912f5012d0674', style: {
+        return (h("div", { key: '9ce760dff89a284334d382aedb68818bc79041be' }, h("h1", { key: '061802988ab3ecbd30c63ed4d2b5aa572101cd04' }, "Divider Example"), h("div", { key: 'dae434feae45a01fbc96bd91a2c812bf60f074b1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e9542dc7024428bcc2921878d5031d0ee8b30bba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e3479f78388dd9fa2d857046cccf1be3bb2a8f36', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '51fcd0563bc5dfa74d680de1c15e8a333247f6fa', style: {
+            } }, h("div", { key: 'dfc17e80a6a74ec565f6c66379c9c39428778764', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -12,7 +12,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '641fc3fab4d421245192045180edcb9b10790ac9', color: "neutral" }), h("dga-divider", { key: '5fbb34ee5f18b504b5af2a069b1e5e727efc6468', color: "primary" })), h("div", { key: 'b335b33641bdd43e41ed83344bf2cfe6b52aa1b6', style: {
+            } }, h("dga-divider", { key: '750acadb195b36f775d59ea34129e889b8d4747b', color: "neutral" }), h("dga-divider", { key: 'f0036a98f739db3611a335f85ecd110657ff6b97', color: "primary" })), h("div", { key: '491d19a7f126e28f08c0ebaad3455e2452d2ab7d', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -20,7 +20,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '5ed6445ab46c715cbf6f982405660f05f2782198', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'c7ec2bd1dfb6249c9d12ce51f8399de7aa359325', color: "primary", orientation: 'vertical' })), h("div", { key: '59e332318c1c0564b05dce128e503f1ca5930c27', style: {
+            } }, h("dga-divider", { key: '0704fecc802358dcd2e97720ea040c2630ec0ec9', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'd48c838831e39ee2f530e450af609381fcdac7d8', color: "primary", orientation: 'vertical' })), h("div", { key: '869175ec79f62058493abc4f5f74f296bf587b60', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -28,7 +28,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'afc344dcfb76fd8ee450438ebb82a6aa1016dcb8', color: "alpha-white" }), h("dga-divider", { key: '6566e3ea4c3f4a939a94770f63ba6c10215b8b1a', color: "white" })), h("div", { key: '0afae7044358c1c6162b8a0d755a633857230ee2', style: {
+            } }, h("dga-divider", { key: 'b5c181497e984d90c6285738dec3205a60f33af7', color: "alpha-white" }), h("dga-divider", { key: 'edba17a6608d63870d59e2b1dc7a281ba8017f24', color: "white" })), h("div", { key: '8dbc94c5035f62229ef2342945c903b711230150', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -36,7 +36,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '36ce62941446c5a268f0ba9aa10e46b289442a9e', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '59701f2a5c33f4b55d714c4a5163675c03cd186d', color: "white", orientation: 'vertical' })))), h("div", { key: '566c30741622a3c00e5a8248857af438db15e19a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '4f35c507b82b501ec9b089096990a691e408351f', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '5e38f39eb7c173c2995bee3107a2f8255d78e31f', color: "white", orientation: 'vertical' })))), h("div", { key: '323801ad3a7764188445e09a1765cc5942f3a565', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-divider-usage"; }
 }

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

@@ -265,12 +265,12 @@ export class DgaDrawerUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: '5296334bff00b454ef1592e3b77c43f27b46c476' }, h("h1", { key: '4310cb73bc00aaebe3f965c91b045ef8080333c9' }, "Drawer Example"), h("div", { key: '45e67c4b0b0ff2d9958852f31096f2c41f94c2a8', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: 'bd083fc52f13828383d1daa89cca86a57764094a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '244ba17c98441b767cb2a65cae279da4d8d97ea4', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '3f14e11c44b5aef75b51867d236958ce8581e31f', onClick: () => this.open = true }, "open"), h("button", { key: '26ad08b50422837ab46d44e8dc812d4785e14938', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '9941e9710402590447457831bc2ae7298c959004', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '6d9a75684ba3a62978d0a5ff39a492d011cbe785' }, h("h1", { key: '49d3d73e8db3ac69ce97786e8235288a46c2a592' }, "Drawer Example"), h("div", { key: '26c471c159d8532aa0b23ed48fc43f72e73da6a8', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '6b68f920b63f75285625aac035a07dabb5cba3b2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f44c65955e3faa77a009130f0dffdcd90131d9eb', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'cac2d1baae57e263a7c1bb7fa74aca8b356b12b5', onClick: () => this.open = true }, "open"), h("button", { key: '2e87d5236d5ad00b3b4feb18af0cde06f7997d14', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '6ed23ca808e47d96fcf4dde421644acce956d3dc', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 "& > .sidepanel": {
                     top: "112px",
                     backgroundColor: "red !important",
                 }
-            } })), h("div", { key: '320ca63e54c8a1b3af4341338005eb849d19a9b1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '18757bfa3f8b656cbb5898d83ffcf4a97be34b1b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-drawer-usage"; }
     static get states() {

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

@@ -5,7 +5,7 @@ export class DgaDropdownUsage {
         this.selectedValue = 'Option-1';
     }
     render() {
-        return (h("div", { key: 'ec42a1002059f158316ed40c7af4a346e669dd5b' }, h("h1", { key: 'b9a481da0120ec1c4a8dc6f5734ee953c3f36a80' }, "Dropdown Example"), h("div", { key: '3ae77a41aa7d597a697a0c066f7ef164e2a5d0f0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f754807d8faccfbdacb5306e5932f03419897ee2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '041a1ebd0b6e67858fe1db2f3af8ba0620acb242', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'd5c7c751434bab47c4090661de9960f6d72ac895' }, h("h1", { key: '7429f907839c2f6ecfd6005020c177c2232b2057' }, "Dropdown Example"), h("div", { key: '3396f8275bde33ed4406a0b0a066a7616b7fef82', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c207b4da23a291b591298f02e4576039dd4d472e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: 'f71a19323024a83d27f1c9fd875fe81a0255c8cc', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
                 {
                     label: 'Netherlands Antiles',
                     value: 'Option-1',
@@ -18,7 +18,7 @@ export class DgaDropdownUsage {
                     label: 'Option 3',
                     value: 'Option-3',
                 },
-            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'cbbedc4beb0d5acba83f7fabd1479ce859f50d1e', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'd25671d29a4a8f81de078ce9e55cf7ddd6766913', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -35,7 +35,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '14ddf7ef20d38902ace275a7f44cf6296672385d', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '8e45432bd23e39c9e2150b2e0950145e364e9b5f', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -52,7 +52,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '88c24de208ffd97a4873cc1167707b1f0e069ba4', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'fc9bb0ec277351b0a6b56294fe5aa89fb55fb9d6', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -86,7 +86,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }))), h("dga-dropdown", { key: '95dda8d82d960a6d359c8c76ba00f9639595a238', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: '65a2d7e33d70997ceac98e399c21291e50d4e6e1', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -103,7 +103,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] })), h("div", { key: 'a8560806359cf8e32db6729c0bd10b2cc69986fe', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '7d0732bd74fa5f20403fb1712eae99bec360c648', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-dropdown-usage"; }
     static get states() {

package/dist/collection/usage/dga-featured-icon-usage.js

@@ -6,7 +6,7 @@ export class DgaFeaturedIconUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'd2398a7f8d850eea24f9b67e9234918e9cf84073' }, h("h1", { key: '50d6833821ec21ef38973236ec5ae087d6c083d1' }, "Featured Icon Example"), h("div", { key: 'c0ba0479cc4e293306f639933608a825ee6f1a43', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'dea0647a50118c137a4d63cb3df43fae3352aa23', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (h("div", { key: 'ce477c5ddbb6db152695daace568c3b0f917fd2c' }, h("h1", { key: '4171e9e048bc41bb1fe842a2e0b3fb1e0315a454' }, "Featured Icon Example"), h("div", { key: '89700f3e3bf27ef43dcb37859e8cbb9841d31cca', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '1a998b2a7c5718a8421fcd63977d81d89bcb7fec', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -31,7 +31,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '77e148b413a730ccf5664452e7d35b9e6057f4d1', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '43f75699e56f715760c0b20bf85aa681f7dce59a', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -56,7 +56,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '7bd7de988c830ecfa7a658b116312671bd1e47bc', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '95d624b7cccfa2fdf0110e9c644351fe0f99cd41', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -81,7 +81,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '39bb916961a0291c58b2b0d15c273f24d7d447b4', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '9a4439cd7b74f80f59a42a6925751d831fc11cc5', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -106,7 +106,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '496c7d5dd6eb0e000751f09118ca8680d536e4f2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'f73ab53870ce52a001d132d0b0295919483a82c3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -131,7 +131,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '291ef770aea36776e68fc12899271c9411e94e18', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '526dd6d47e6d0e302c320c08f80c4c5b5c974cff', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",
@@ -156,7 +156,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant }))))), h("div", { key: '7d567b1ef65021284616777960726e4253ba3d48', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'cf1335c1622bde0406abe3c0e78309512b60a6ad', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant }))))), h("div", { key: '6aa19bf9bfd764653be165ffbbffe122d92728e8', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '5f6b54ea15bd2ed7d62efb53f728713d013de892', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -181,7 +181,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '01d08fb25e7cb04d7de74256e80eb85685a533aa', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '321f12bf097f76c4036d0e7ee870fe2559642662', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -206,7 +206,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'af7c1088a6187c1fcf9d89a3cca9538dc6f96ac5', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '10fe84f8e6d59b68d573b4cd9d7452d49f870320', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -231,7 +231,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'cb2eb98a4fac35137a49abdb60c80234ab2b392e', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'a11455a6df804bc92c1b06ae7b71e3da3e0dc76b', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -256,7 +256,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '703ed41cdc9d9a016e80e64c926a16c6ef862fef', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '30d442c4694db1edb26a1f6f2d484536439c58e2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -281,7 +281,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '1ead7e1a280026c2f58c71d6b0144023cf4a9123', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'e6c45a2b4bcf3fba7fb9f1bec3494d228a597e12', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",

package/dist/collection/usage/dga-feedback-icon-usage.js

@@ -4,7 +4,7 @@ export class DgaFeedbackIconUsage {
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: 'd7f2ee760734fcb17c97395f4edc58568751bed5' }, h("h1", { key: '36f19e39bdee8bcc159baa37e28b820c1996c47c' }, "Search Box Example"), h("div", { key: '685e1d59c31bd462c446378b85def73f1c5503aa', style: { padding: '50px' } }, h("div", { key: '9ea717048dfa505b96007a3fdfd37cc4985faefb', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (h("div", { key: '615b51fc7247d64779bd95f1038a6600d8dfe9c4' }, h("h1", { key: '96f000136cf7baca61d3206f8716a9735dba606a' }, "Search Box Example"), h("div", { key: 'eae9fb5e86179e1001abae46543f38e560e23c4a', style: { padding: '50px' } }, h("div", { key: '190ae2034fd29bf0ba3164790d8252755366f86f', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
     }
     static get is() { return "dga-feedback-icon-usage"; }
     static get states() {

package/dist/collection/usage/dga-file-upload-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaFileUploadUsage {
     render() {
-        return (h("div", { key: 'a33c3ff34062da1367858638d14f621ef2641753' }, h("h1", { key: '0d3e3c387ad4f4f6171969869a80c6afa35e6147' }, "File Upload Example"), h("div", { key: 'f4a21e68d08a0da086113ae44c892efd07755896', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '3e50095fe1d8e5450eb83b4314c7b2bc8c4f4419', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '24401073de0eeb17df155615f9944c6ad5c54f43' })), h("div", { key: '31fc03e3c336b56daa68eb09f26f0be3d6774924', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: 'af1c443f53967bb37ba7def816f0da3f09f9af19' }, h("h1", { key: '967658803fe7da8969c70e2a586fefaeae38b8c7' }, "File Upload Example"), h("div", { key: 'ec7578d4b387aed891709cb89ce28f1a1e1e5453', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b45995c48d0bb445dcabed9ebfe439bbd1deb0c7', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '72b377b73a7b447682b139e61ac8f386ea937d7a' })), h("div", { key: '372ad2ef199d830ced0405e9a47f5393c6779114', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
     static get is() { return "dga-file-upload-usage"; }
 }

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

@@ -116,7 +116,7 @@ export class DgaFilterationUsage {
         };
     }
     render() {
-        return (h("div", { key: '8dd8af90ee12706190bed2adc06e070cecac8011', class: "filteration-usage" }, h("h2", { key: '2d2785bcf5ddb1f458a5f57b63c8e814c75b5ef0' }, "Filteration Component Examples"), h("div", { key: '9eb70a78fa1309fa17a8b9571ccd10b402306521', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: 'cce421a320834f8c56e8bee463ff227b72269fdb' }, "Default Filteration"), h("dga-filteration", { key: '7dfc0b8ff7bd8e4bd931e4523f6e5a08149a747e', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
+        return (h("div", { key: 'e5b27cb9b86250d0beda439fe994b3ca603b6ea6', class: "filteration-usage" }, h("h2", { key: 'd17446a56b5d3df702aa9ec166ce1a5e343dbae5' }, "Filteration Component Examples"), h("div", { key: '2974e65fbc7bda34c53dffd2cb89fa424b80b6de', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: 'ac36357191c71e8611c89a6447d7c8c4f3aecd54' }, "Default Filteration"), h("dga-filteration", { key: 'b730b151c96bd37588492d18c20ff552166ba17c', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
     }
     static get is() { return "dga-filteration-usage"; }
     static get states() {

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

@@ -1,11 +1,11 @@
 import { h } from "@stencil/core";
 export class DgaButtonUsage {
     render() {
-        return (h("div", { key: '62859a7e49d0f373af514efe5a5c71b09006f6b3', style: {
+        return (h("div", { key: 'ece24a1e44f579e141d33235b85d7e59e77cd667', style: {
                 margin: "10px"
-            } }, h("floating-button", { key: '502857f14448c419577adee1530458f1314f97fa', variant: "secondary-solid" }), h("div", { key: 'e27dab2c9e11c6e1dae9d92cee3d8be1d00f6140', style: {
+            } }, h("floating-button", { key: '33004737190fb80be82b5a31c12c5dfc66c7dd92', variant: "secondary-solid" }), h("div", { key: '6af7e8b066aa63de7c8279bd95e20a9c5d9bdf1c', style: {
                 marginTop: "10px",
-            } }, h("floating-button", { key: '79c91a4da63b86266255264cb6d725d9c92b3e4d', variant: "primary-neutral", iconOnly: true }))));
+            } }, h("floating-button", { key: '22df7a63273349cfd76385a9e96f90306ac1442f', variant: "primary-neutral", iconOnly: true }))));
     }
     static get is() { return "dga-floating-button-usage"; }
 }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaFooterUsage {
     render() {
-        return (h("div", { key: 'e90dfec3cd44f60509d1dc3384b092f92299fae0' }, h("h1", { key: '1f5b79a0299534bf702179c3bfa048d4c3713bfc' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: '9524af3faff51d506d7c5c295eb9534bfa0e08c2', background: "DarkGreen", NavLinks: true, groupLinks: [
+        return (h("div", { key: '8fae51ec9f878e1ad3fc840eab7e008dd0b8a74d' }, h("h1", { key: '07bc8e560f2d95f9b719851d62111220442ad08a' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: '9cfd0506403d73d3a52a73154efb4a3ff46541a9', background: "DarkGreen", NavLinks: true, groupLinks: [
                 {
                     title: 'Government Services',
                     links: [
@@ -76,7 +76,7 @@ export class DgaFooterUsage {
                 { name: 'Privacy Policy', target: '/privacy' },
                 { name: 'Cookie Policy', target: '/cookies' },
                 { name: 'Accessibility Statement', target: '/accessibility' },
-            ], bottomImages: ['https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg', 'https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg'] }), h("h1", { key: 'facd008cb8c1c22d657b417f72c200e2ec63024a', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '7d40e1ecce9e0aa0b6b9e86ce9251a7ebfb75fdc', background: "Light", NavLinks: true, groupLinks: [
+            ], bottomImages: ['https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg', 'https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg'] }), h("h1", { key: 'e17b89217e03e260507dc08e7197c3d8f61dcc93', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '39846083ab42cb6aa050d90d84bbefbc433aeaa0', background: "Light", NavLinks: true, groupLinks: [
                 {
                     title: 'Group Label',
                     links: [
@@ -186,7 +186,7 @@ export class DgaFooterUsage {
                     name: 'Privacy Policy',
                     target: '#',
                 },
-            ] }), h("h1", { key: '0a9e54becdf2b4b47e12cfc9f4c46d208590da8b', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
+            ] }), h("h1", { key: 'bdabab980eb68a15bd143db54499a322bd5ab007', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
     }
     static get is() { return "dga-footer-usage"; }
 }

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

@@ -131,11 +131,11 @@
 import { h } from "@stencil/core";
 export class DgaGridUsage {
     render() {
-        return (h("div", { key: 'd3419cde83bc4a4eb25080d1acfd6f8ad6c80fc4', class: "flexible-gap-usage", style: {
+        return (h("div", { key: 'b5c0520bd91da270b648d804dbc38bc1ec28b330', class: "flexible-gap-usage", style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '20px',
-            } }, h("h2", { key: '3176d410c490d197eb7cdfc0a41d47807ee4180a' }, "Grid Component with Flexible Gap Examples"), h("section", { key: '51bf5a7988c85947824ac14bf4899813353288fe' }, h("h3", { key: '86c16f98dd588098385e34696e59f5984e6d83b6' }, "Simple String Gap"), h("dga-grid-container", { key: '151d8fb2d0a346bc2f4d4146d1dd9ceeffcdd0d2', gap: "16px" }, h("dga-grid-item", { key: '3648396e33359b0bb524d451f31caa8315bc73ab', xs: 12, sm: 6, md: 4 }, h("div", { key: '9282eb5e24640a63cbd6f288d923241f6c6921cf', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '785d174d497fe4b8631fd069fe0b18d77f6a96ab', xs: 12, sm: 6, md: 4 }, h("div", { key: 'd974b0f1102e77f4daad81a55763c473e0014db5', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '368f50772c03b0d31777c93e1ee506b0a3deb7fa', xs: 12, sm: 6, md: 4 }, h("div", { key: '79a48a750d7849e36386f5574ae2d16820c2f162', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '83bb0c1c6826f1e59c0d9ede97ea81546f2948a9', xs: 12, sm: 6 }, h("div", { key: '50ec86f86ba28f0ce7e6217e3d1552559711499e', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '05fecfc6ad76fc69b3fc9210fc9aedbb88ec60ed', xs: 12, sm: 6 }, h("div", { key: 'ec297131d1de454b868a7c9507ec781c5e7739c3', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '9831fca204d8eadbc6faed25faf5354513e50ae9', xs: 12 }, h("div", { key: '8c030845a372ad65c5b0a43f98edd33cfb83e42a', class: "demo-content" }, "16px gap between all items"))))));
+            } }, h("h2", { key: 'aef66b19185f316dc545a12cd90597a56d8d60e4' }, "Grid Component with Flexible Gap Examples"), h("section", { key: 'fb8f13c7bfd31addae6594c6889f35675c7fad80' }, h("h3", { key: 'dae19319b9989ca98e14a7f372c733a26e417c3b' }, "Simple String Gap"), h("dga-grid-container", { key: '81a92d0dc40d4ffaba9c7f01a631fd9fdcfc5ca2', gap: "16px" }, h("dga-grid-item", { key: '2804955a61cbf1ebbccbf73d8fa11cbfe36a605e', xs: 12, sm: 6, md: 4 }, h("div", { key: '063638ab943cd990a739eaa3d0a0348bca29e742', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '85c3271ecd13c060e04182c436d3d6b4bbfa89a0', xs: 12, sm: 6, md: 4 }, h("div", { key: '57bd90f62905700a2eea9aa58197eaf51fe29ece', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'dc807576b8f6ada18bf89d970967c99ec618cc36', xs: 12, sm: 6, md: 4 }, h("div", { key: '0df4a4017f540eff918e2dda9c196120b235e106', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'af46f5852cd4eda141d16ee8438da7e3058b2d24', xs: 12, sm: 6 }, h("div", { key: '42b94af04a973b338d529fe49bbd1ea8c34ee7da', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '10c6cd145f762ed69b928e414360adb049af18b7', xs: 12, sm: 6 }, h("div", { key: '02eb93ff680d0a5f322476135a66f9da44d43e32', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '5d06ad53016020fdd93a9ec42e3baac610cab7d8', xs: 12 }, h("div", { key: '8880957fb2d3d1672a4b8520da014d68b25a21b7', class: "demo-content" }, "16px gap between all items"))))));
     }
     static get is() { return "dga-grid-usage"; }
     static get originalStyleUrls() {

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

@@ -266,45 +266,45 @@ export class DgaHeaderUsage {
         this.open = false;
     }
     render() {
-        return (h(Fragment, { key: 'e5d3687db253de6ab489e89fe5715795a449b6bc' }, h("dga-second-nav-header", { key: '9b0732d12fde7eaaff4383f0dbad6ea5c2c0d4f4', hideDivider: true }, h("dga-second-nav-header-actions", { key: 'b2c8ea366153ddc3d8ed5b686656ac1d63a1b8bc' }, h("dga-button-v2", { key: '81b49691973882989e11c628fdfe48833125a93d', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h(Fragment, { key: 'e60f4dbf3a755dc7dae2bf9b339b2e3bb004dadb' }, h("dga-second-nav-header", { key: '9c026d7c99bc41834b49919b1bbd8f8e7e5ba6e2', hideDivider: true }, h("dga-second-nav-header-actions", { key: '8aa2edab6f8c062e10c89d8f5bf3c7c470d0503f' }, h("dga-button-v2", { key: '8a281906c62c343d921f3e583a39283b4c0b3e1a', 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: '2a46a8423be8bcfd7d84ceb2263ca376908dc854', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '67c389539261a6790e028ea751c5a23fe39a8716', 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: '101006baffbcca5bf4a70582ad86888563362ceb', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '4d975fb63b4b5b37caa599a12c19a2edc52949bb', 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: '74c72567100927d1ab1e7d48da07ff37b4db9e90', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'a9fa842db033a3a84299735ba30892b60edbd71e', 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: '6520ccae344183f7043fcfdfa7e890d1b71de489' }, h("dga-second-nav-header-item", { key: 'ed7bc722f0177a5d8c8dae703ef29eb80a77b9a6', label: "Cloudy" }, h("dga-icon", { key: '6399db6df25558d7ec7000fe0d96ccb16da28e6d', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'fb859235fa7fca152eac33c3c037959cad014521', label: "21 Jan 2024" }, h("dga-icon", { key: 'c6196fe725e2beed522acc1104cd3740d8b97785', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: 'ab2dd09a30d32fce19197cce3ad2a4eb7bffdbab', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: 'c7c958ac2ac0ce7b6e2367aee240024056bf6744', collapsed: this.collapsed, onToggleCollapsed: e => {
+            } })), h("dga-second-nav-header-content", { key: '0b890255169c3d75704e92f3524316c8187dd714' }, h("dga-second-nav-header-item", { key: '7dcd975aaff12a983b495bcdceca0d6f78697a03', label: "Cloudy" }, h("dga-icon", { key: '2de607a72859da6727c8c67b811407c3a0978bf6', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '765b21f32a6d6c2be029ea609e1ef60c3f901781', label: "21 Jan 2024" }, h("dga-icon", { key: 'd63d3d4b90d2a58f58496456d6f1d60257f28977', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '30167c4fa0582e34df66947818feacdba192fa22', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: '23035a19b16c74853b036f24e19ff173644e3b8a', collapsed: this.collapsed, onToggleCollapsed: e => {
                 this.collapsed = e.detail;
                 console.log('collapsed', e.detail);
-            } }, h("dga-button", { key: '824c982d60f25d9bdbd93062f892095e2597d87f', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+            } }, h("dga-button", { key: '664f4f4d40151d69734cb72c200d10af96d3b31b', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-nav-header-logos", { key: '840fbe45fe5b3da9d0507e738a9bdc980173c60a', 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: '6f0461a400dfbcc85ecf8187237c76e0f0e8c58f' }, h("dga-nav-header-link", { key: '2cfeac7d62c2ac5da249b6fc8ba0284f1c445e66', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
+            } }), h("dga-nav-header-logos", { key: 'f071fca8e54a1582cb0a21b98986cdd7db4f3f2f', 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: '52cfb67e66da9974e03eb1372da298b9089a38c4' }, h("dga-nav-header-link", { key: 'd15bae263755c6155616b24ee249ce87fc2a8107', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
                 this.activeLink = 'link-1';
-            } }, h("dga-nav-header-sub-menu", { key: 'fd4ecda276143059bd203828cf8afac4099f4c48', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'c352160aeda0312f527c9ceb14efd28d425f6f0e', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '4dfb8da2783f366e45d51da6f13433869f88b6f6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '17c221a7cc4653de6af20342048e7012c912890c', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '36cd7ae833ba4933cf03f4e1b219691b8da420f5', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '72e89a595ca459be136efb1d76fc2d70c3352f82', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '8a68f61c1c5a4595fb0e6e5f8b26d873336589b5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '89ad82a42127d27884e4cf69655e69cac13d25e8', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'bf1b9a1dc1ff555f50fa12ada9d4f5c40c23bd7f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '39471902d373511f2937495acbf2f25ddfca876d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'f98f51d6b99a37225b6d7585210bd85b0ff496cb', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '0730882cb1df46e1976fb0d6f8541634100b181c', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'e808eec6a9c00b49fea6bad8aa8cd666bda1b712', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'c3d3f887a716deb2f3f8efcff69220b166197902', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: '5a45ad85c7d14e02f72ff024ceba4bf5bec2117b', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'aeae71acce54c134dad28e7a87925cb634cdc574', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'c75bbe3016b6ae547a1343a1dd4d3bf59622b52b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '9450a050707602634349d8bc3079620f206a3704', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'beb38d7818210c5f689ecbd9cf22fbc473ce5a4b', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'a13db4c00ef3f1e0b5901755240a847ea243a70f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '1b8f50879b1095b1db422149a1e90cd4dee61305', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'fb50df26e5228cebe9894f9292c97f79badfb5ad', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '34df3ff9dc4a476af0dc1a7f60185d68fa14a845', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'd82d493b26f14981d80b0b6ab4cbd3af0225d2ec', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '99e2bfad9a3e0fe1bdd14b63683b25a94c97fa2f', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'ed96d27da4855a285a412f66d900e37fc375df4e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'bb6943638de75eadf960eb260549232f13e74da2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'a8ebe294bab469e9a82d80a2f24aa44ab89c0d4d', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-2';
-            } }, h("dga-nav-header-sub-menu", { key: 'e1e4cb44f314e9f18874ac77032608e726b72354', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'c4543a22176d0e1c324befce780a097d2c49902d', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'bb08dc00462930721bf5b5c7ed15c09f3c1b3f19', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '45e246b4917f2aa9e19d069fa1bb4885b9146607', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '69d2e117e46af2f29927c1a0eb999acda968b30d', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '90ac771edc653a5d985cc538af6cfac032a3bcc2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'bb66d016057a135788d35484d78cf20f5f2ee8e3', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '86ee8d5a2a41af5d4fd004674c68e746fde9ffff', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: '4cf2d4f21f3e72d6c330f9b79b70a7e0c2713a55', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '2c7d92d6ce2907ce73a21400b9f76f355ec30516', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'd4ad54dfe7205c182238a1adda0679ff45c826f0', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'c6bb4fb0414ec8ac1a17c685585e44680c1d469d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '72dff9e795d8db571b0ca28fdef9233e22c7f4fd', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '549b104ab9c641d7e4729401adec831c926bf610', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '45109448f5e1028a4ec492da1a6249bdf135c7c4', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'e5243ddf2e5812ad0731cc16347d4883e48ec572', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-3';
-            } }), h("dga-nav-header-link", { key: '988e37d8bb89fde6749641799a46dd42fa350b40', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }), h("dga-nav-header-link", { key: 'b9690fcfb22c169e51f4ef8f2a7cc38a9683930e', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-4';
-            } }, h("dga-nav-header-sub-menu", { key: 'e49d0fcada1c1d3c0dcf4fe070f61295e72fedef', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'dd48802b47377ebd7177a68e3295115f4d9774f1', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'd81772c41134b96ad8812f469b778712c5844d69', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '6c310c89219e3053ad72a1076716d228a6fcd5af', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'b8745ed454d3ad364c08424cf7b064a8ca54c0ef', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'a5006b3cf1a301ccf958e0fc0925c664009dd658', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '6f997e1bc6434bb516322427cb637033baacdd6d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '0952b139e3ea00c6e7db60c8818531af48d88aac', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '04b60599d6a6642f0b48175dbd50621e11b4b7d1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '62500114b7a927ef72217525c08ba53489faa2ca', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '45da0728bfe8f7503961f34ddeded31058295e63', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '2269be52135919fce4de8183ea1aa2ca4613b427', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '46b577a8c1f444c5c6af5b10b9ac07b1b69a24fb', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '473abb5dd19a8c35c44721fc1c81ebdf00ce8c27', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '5bd7731047c74c6aad3a4d9a4fd71e4dd7788146', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '296eee4734286f12001bec693dbab2fa43daa2f3', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '187d076c6dae15ba601dbf07219ad553b6fe8e39', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '7c8e7c0eb87504d665aff41f4d2dc9e0cd8e825f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'ea3a3bd5ca888b424780d865f367314b181f1786', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: 'f7c7979736f7548e63d07bff86383ebc7ef7445b' }, h("dga-header-action-btn", { key: '68a22d47c7b2ba18e0e70cbe02894d7eb24ec7c4', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: 'b27ea0bf805282f05481ef49621edb5f130e686f', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: '48ca46848f5a79f795648556f753a201f64f0867', spacing: 16 }, h("dga-search-box", { key: '4e78c2a971c5d8ff1f43dcef24321783a2b3b5e0', placeholder: "Search" }), h("dga-button", { key: 'b1777c4c4b65f28687244d7b245226b8f90c6c76', label: "Search" })))), h("dga-header-action-btn", { key: 'f6d9c0443d7b03ed291a2fc0423140d4c62ee55a', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '9631ca670f252ffed0ccbdbd0583d3697ebb0db7', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: 'd5525a2670321f1f4ac5068123384f8d9a5df175' }, h("dga-header-menu", { key: 'cdce5fe1a17abc2cceab81d353eb97e597efdb5f', actions: [
+            } }, h("dga-nav-header-sub-menu", { key: 'eb323ea270401443da87eb9ee6b47184ca198c5a', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'a1e0ac9f6fc09c241be461a4f07f48995d63663b', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'f3db2e5f531918f64ec1bb998281d39288575935', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '1a9cded3b6ee3c30fbb7fc74c40524b2f4b1978a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'de485cba8e40683a510b893732d9414104a35f75', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'bcd9fad642db9c9128aeb2a85172b7c23e433119', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '15719fdc3ca19265a8fbde7ce18b4c89c4834950', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '4a0d3a6361017f9c10e3ac44941b9bb82b245dd2', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'dc4342ac23c0a3a45760733d7215914cef954057', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'a25a534a4976f65741319722e8ffb5dff6ab2199', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '34399735f2800d11f0dd8cb38addf8b6348092ee', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'fad40bb0f93743b0496e1147bc5af809d78fcb2e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '80e4e582504ce1e02dc4bd675e03e7d769da30da', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'b2983fa5eb2da8c755caf993ec865f30651beefb', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '7adaa84023015a803236220903323ea317e8e5e7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '14a1be0f5131fc5dfc3a7fcbf97b137b13cf76ef', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'e787ccbaf75b61e52a9bf12589e0b1a6df7200cd', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'e56cf9e07752fd0254037d0f020ab91280c27515', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '93dcff87f8eb79a33c93935b22c07b00d885f04b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: '1dec4221c5b49af44e17f2c39988ea49cb1f4cb9' }, h("dga-header-action-btn", { key: 'abdeb73e33a5ab5336b885d6774a5d0dbeecf2a6', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: '312bfae19a6614322848c49fe6058da10c4e97df', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: '7d97e31034776c876c984ea6d25f08ea06e7c1eb', spacing: 16 }, h("dga-search-box", { key: 'be5a89dcaf6b22024699fa67a7dbede4526b6d39', placeholder: "Search" }), h("dga-button", { key: 'aa4f8d96ceb67dc5f2f9fc8ebe1b34722e5ea352', label: "Search" })))), h("dga-header-action-btn", { key: '4f1f88382ceedee5ad191f8ba381d8d8c7c0a2c4', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: 'f42bd3b04a952588776ff03d6ffd224d501122c1', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: '73e284a136664d962510940db2796a4184a14601' }, h("dga-header-menu", { key: '5f5b61fd433e82a7b4f2c1c989c545e3c8fe5965', actions: [
                 {
                     label: 'Search',
                     icon: 'search-01',
@@ -326,11 +326,11 @@ export class DgaHeaderUsage {
                         console.log('clicked');
                     },
                 }
-            ] }))), h("dga-drawer", { key: '20832967a37de78491166c413ccdaab5518989d7', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            ] }))), h("dga-drawer", { key: 'e7c32f79aa75ada9522bab6fcbc644c01eb7fb35', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '112px',
                 },
-            } }), h("div", { key: 'aa1e82f829db5cceb2b7405fccc2088b725142c9' }, "Test")));
+            } }), h("div", { key: '7dcc4c213cf913e9310cc894cdda98c4b6df9765' }, "Test")));
     }
     static get is() { return "dga-header-usage"; }
     static get states() {

package/dist/collection/usage/dga-huge-icon-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaHugeIconUsage {
     render() {
-        return (h("div", { key: '7dedd9e7dfda49c28d6e349afb42e01f483015cc' }, h("h1", { key: '33bf1bfd1d95f8550a2f6df4047d61df48ba6667' }, "Huge Icon Example"), h("div", { key: 'ed09e7ac8dd166aac496bbcbf49d9956e1c04f6b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-icon-v2", { key: 'c3e3978623e4f8d68a28f6fcafcaf9f27a297c7a', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: '0d79330d0bfef42e1498856c0c44f701dab42bd9', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
+        return (h("div", { key: 'a94030f11a758b9c64cb8516599dd4e9ac307327' }, h("h1", { key: '0cc6425c365d2a672b6192a2c4ba95480af391a4' }, "Huge Icon Example"), h("div", { key: '2e59dd1b30c65cb4649bd3540fe0e5b1a14f97bd', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-icon-v2", { key: 'c509f245c19fa5e3d22bb5dfa28c1816ea20c6a4', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: '26db643ca89073e626e225e3ac92bf9d8fb483fd', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
     }
     static get is() { return "dga-huge-icon-usage"; }
 }

package/dist/collection/usage/dga-inline-alert-usage.js

@@ -4,7 +4,7 @@ export class DgaInlineAlertUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '2abd6f73d09533bb52e0fefcc8de3860b404d59c', dir: 'rlt' }, h("h1", { key: '420b210a2bdd88f4b77a99c4047c7422203fa287' }, "Inline ALert Example"), h("div", { key: 'e955cbaadd5fb5995586e6441b2194bc5cf36d12', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd973c0963459a515e26a0211a23c85c0717d1d43', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: '3a38f69c5db5eb4251a495ab6c26baf754c93551', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: '9b1ddc6ab3664d3e1428dd90be0f40d7017b3a22', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '20ba85eb2a55a61072e59c0eed727b4c7be8d5d1', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'fec0386a7e76b0b7068b8e6aa66d9b64a05d972a', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '468c7b630b823b312903a99266a151763cc091ad', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), h("div", { key: '33634b99705b55174ed98fd41c34f6fa7b2cb0b1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd901d95d27bac64c2b9cdee3073c20b1f01ed75c', dir: 'rlt' }, h("h1", { key: '76ab5d220a88625d261e02744fbd8a7bbd129a86' }, "Inline ALert Example"), h("div", { key: '2120971ffdca5a5b24de95db91656b61d2f796f5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ad0d4262cb6affc27d839003767e343822db2054', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: '5e9dba1aab7224d098a8a4ba42cdc41c6309dfce', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'cccfa78df7c64f308b7c0b0afe59e93cd25b6ce7', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '4ee5ca0b17e271b04969702c733b180116336d46', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'd7fb2a8a0ce9c0228b6c7d9f379455f89e367516', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '744ac9cf4862cb1599400a256c4a21441e63347b', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), h("div", { key: '817228849cbea26cd35d1eb4eb85fc4dc082b0ef', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-inline-alert-usage"; }
     static get states() {

package/dist/collection/usage/dga-linear-progress-bar-usage.js

@@ -8,7 +8,7 @@ export class DgaLinearProgressBarUsage {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '1cf2497acd7eaa00ef130ea8e98df9563b51cee2' }, h("h1", { key: 'e05116398b0be11c9de33e707ba89ebf509148c8' }, "Linear Progress Bar Example"), h("div", { key: '9c5798fcee28613042fa1aea62bcb1a42ce68b19', style: { padding: '50px', gap: '20px' } }, h("div", { key: '4de2762a315a127572e4d0bd55a99390d1360ee7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: 'e69ffcad98edb49d822a63593d829498265a9628', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: 'f9d38dd6f2285e8f8bae03e9530a59e74f6b14e2', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '7aadf738493966f1ed4467e75fb17e8460f94887', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '6a8f4ae74531b35686057c43ad8fa941b6a02c38' }), h("dga-linear-progress-bar", { key: 'bea0cf738639ad19216b2006d47dff39e7f4b6cf', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: '8952a943054e66bcdea154654a1d7e8ea78df88f', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'f05d46f7eadb623327f83428ae73a674e3a1fa9b', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '0ed7dadfa62b8607e1521bf187cebae29d12ab88' }), h("dga-linear-progress-bar", { key: 'f31ebcb92e748ced4e1a7226964da569fcd004ab', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: '958015e0d203b71aaf58fd6a3aeac303d283b52b', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '28475f0aab60e1d9e43e3addb965045690ea1de9', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '453ea9991811246f77781c2451a7e6998b10b4d3', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: '6b90785870b3e1c940c0607c6a841ae210c9ef04', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a5b9fb1c8c1603272851ee3eaa359de57c001e82' }, h("h1", { key: 'a28b4daf5e00be38d46b3032bbaa08585af2c9cb' }, "Linear Progress Bar Example"), h("div", { key: 'ca361e74e2a9b6dfdaef2fd45b28634cf4d6698c', style: { padding: '50px', gap: '20px' } }, h("div", { key: '02a16dcc9d30c3e6aae42fce630632b9303a2ef5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: 'e3369953463120afee52177f42ef938b2e609036', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: '90a09ac18fcd998706a7e5404673e02fe5cd4ce9', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '865bdd71ff86912259e934c3c7c4a96133ea3696', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '9269114ad08f861110f8046d8c5baa2b89346a53' }), h("dga-linear-progress-bar", { key: '17956ef2d843c379dd52efaecbbfca4cfadf0e1d', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: 'f83587cf60600bb15fa430a6fea51e04c701b62e', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '900ca2d03b3c8345a36c7e79b5ee0d975396ef80', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: 'ae37fd045ee864796b5338654c4fdd616fd93a28' }), h("dga-linear-progress-bar", { key: 'b89c48fb63e4e49d0b6d2d785e018189cfecaf08', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: 'a796d1e6207b29cba159b4747e310522ac0c1381', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '6308a87e8a7213cf7603a2d2d55796a574b558fb', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '4ef569afba113977755cc335973051c8c13b2538', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: '2287480c741914a79f8a651ee9f6ec501a632ce6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-linear-progress-bar-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaLinkUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'bfc4f9003e35c5036e247f4a434f1629a799ca89' }, h("h1", { key: '9d31a70d0567393f60bce8d1da8df6c492550c7a' }, "Link Example"), h("div", { key: 'e9e37d3a6010545805ad873520e7a48feded4894', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'cea2cd7120f1a3cf6a10caf831cadc8bcadae88c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '8099bc41e8b2181f006cfb71f9ea5add805ed952', label: "Link", variant: "neutral" }), h("dga-link", { key: '363ff86a2cec2bdc12c0220677049081398a986d', label: "Link", variant: "on-color" }), h("dga-link", { key: '59bf4b3cd5cdafd4c0f99f2bbba076ac8c2a7117', label: "Link", variant: "primary" })), h("div", { key: '33921e60239a4502f81ef22dd8b23f16071e4802', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd43875881d6013254bcbb764f567d333b7db3a6d' }, h("h1", { key: 'a80b635c9ed2f146a11ab406d57f32587999b26c' }, "Link Example"), h("div", { key: 'b17248d9a2f573c045646474db4390d2ad5d59d7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'faace42dd8d20ba286cc1a35b552d1d336692a1a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '24ee5e328f4078049340392e28be86862e1d3415', label: "Link", variant: "neutral" }), h("dga-link", { key: 'ff74833127759c9f556e51f041f5320eda14447f', label: "Link", variant: "on-color" }), h("dga-link", { key: 'd91fcd2c044ebc0d367e57d2a91cff40823245b2', label: "Link", variant: "primary" })), h("div", { key: 'f3d9fbb0880cc59384d53f739bca55ce59d8c0af', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-link-usage"; }
     static get states() {

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

@@ -112,7 +112,7 @@ import { h } from "@stencil/core";
 // ];
 export class DgaListUsage {
     render() {
-        return (h("div", { key: 'c5d510ddc77cceef23d5c6cda1ffb7eabb703a08' }, h("h1", { key: '5f6802114a1276fb8d195d74749386534af649be' }, "List Example"), h("div", { key: 'e5980592bbc33b0a7787b479a1d62e55276028b3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'daa9e6ce897d77e9dfe94a1ec9c98268005b0599', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: '67eca2e2c9e33008bbfca69b15125bd167183028', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: 'ad3d4a2bfabfd71678ac45a603ae6f1dbf61e137', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: 'a948283c3b4b9c62f7a2b6fd23e328af0622a6e3', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: '1a38e436d6753a524b4c6d7969cb20fd4c13bf86', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: 'b6e8363b207f754f410ffcdaae4cb7177ac56ef5', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: '0b743f09249d31e75a328ff4b6eac7bc962147f6', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: '7bb862806b8e5fedb7285249b4f55e9fd17b5fe6', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: '197569a31d925e441f885679bfd086946cf4b223', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: '68ddc52578e5c3f8d38ab2d449c3761f67fd6972', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: '9ada152dd4af61c0faa8bcae00bb3a5dc129ce6e', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: 'f10b84bcb0eed856481e011740ab81380448942d', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: '04b643646498104f3da2b3efc620dbb6c4f46979', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: 'c9da150e39af64b0f04656a6c5dc8e5defd6f8cc', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: 'e87d85d07970cf34dc99712d98c69886645b62ce', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
+        return (h("div", { key: '645842261cd11891f544a96a84b2bf039bec0f12' }, h("h1", { key: '781ace0bc20667f4d65a33c19e101db2bb55cc67' }, "List Example"), h("div", { key: '233eb1bf6280424796b7659a9e30ef5d8bb4ea78', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b8726662b75a7d3914ba66d1099f9d175ee620b8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: 'a5196f6a5242dca15d188d51563a2eaf1097b05e', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: 'b0323ebefcd65a4a3c79aea343dd4cdef75287c2', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: '9a21bc1513a4fc8fa6f7a32af9343bdf7f10639e', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: '50d0505bfda77c1aa1143a3b25c07574ad3a922c', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: '08a6a9125bda99a619b912929e204e6da1734d9e', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: 'd8e24753fead53d9071bbaa08d318171679760a5', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: '43467dbb7542cbbe544a81764382a7e8c3a05190', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: 'bcc4b721a0c3313c27e1651af56e91b18e1c3e37', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: 'ba3737bc278771c493a45821474cbb274f6b1df4', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: 'f978bd5b673922bfa7af089e4cee7d98b3d3f7de', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '2297915d2dfb9cfdd7618c7e41f8261aa1ea29f2', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: '9bf20859cb39b7e829a17784946a6a5120379240', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '7780082eef7420f13caabf88071cf830c5a4a121', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '5af26b028f84e4ae03d62737c1a44afd58a2c258', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
     }
     static get is() { return "dga-list-usage"; }
 }

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

@@ -4,7 +4,7 @@ export class DgaLoadingUsage {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '9eaa6366c756e818e5381f8c61b66debfb9e4f8c' }, h("h1", { key: '2d261ff9bcbe38ed825c496dcb09e8add1eb64b7' }, "Loading Example"), h("div", { key: '790683ef3f3ca09fd0cbebe1f4f88736707239e0', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '20d9be648b4e93ab0542c74bc0dc11c6fc2ec974', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: '8dd8cd1c1a38200d5e0e976c6bfdab59f94f5cba' })), h("div", { key: 'c78a174a2b3347e249a4aedd1f73597f70fc14e5', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: 'bb687eec027a7b1825b5c7a7c0de7d446fc6d192' }, h("h1", { key: 'cbd68a2575faa167d900a4514b6651713ef2919e' }, "Loading Example"), h("div", { key: '6134d21b479c58680362b1ef1bf94cdbae3214e0', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'db47bd243ea17843d5beaa6bb0b81d1b0930aa15', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: '7ce17408ee36f5b30f98eb181bc2e7c1365de532' })), h("div", { key: 'e9e03e1f95c1f9b29ca182fd9d3b003f03b9c69c', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
     static get is() { return "dga-loading-usage"; }
     static get states() {