@platformscode/core 0.0.31 → 0.0.32

package/dist/esm/dga-divider-usage.entry.js

@@ -5,10 +5,10 @@ const DgaDividerUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'bc740b93b419ee3b10a3bb617b05bba4cd399d2e' }, h("h1", { key: 'aabadc49976d7eddd277aaa8ed59c4070ce37ef8' }, "Divider Example"), h("div", { key: 'e3d21269f94c77f1c628a8514c717badb474bafe', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8bce98d3be0f9b24fa777cdc29754115af9ee6e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'acfad7ddae093ebfcd94caf5fd15654b003901f8', style: {
+        return (h("div", { key: '5d58a975c0a4b18d43f70bdb8027107f656d5c2d' }, h("h1", { key: '9dd62a137c79c776268c3277066b5118f6b54b5c' }, "Divider Example"), h("div", { key: 'db4f9f318152e4513e8792012321574ddd799502', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bfb9a857fd001cbe313c662baae447205ba99fa9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f585bb29d2d0d19d358ed27557708c62d115b501', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '5e85859f43a96529629bd1e8be57733859f953bf', style: {
+            } }, h("div", { key: 'b4bc85da21710237955ba669b59dc78bf8a1e3a7', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -16,7 +16,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'a5c3a613dc4e3c7a293ae42cabb67698318c2d27', color: "neutral" }), h("dga-divider", { key: 'c06959904187c8df1c9f5b01772792d432e1de30', color: "primary" })), h("div", { key: '4dd3cfc1a7f41458cadad9ba4a4a8a518ba4053b', style: {
+            } }, h("dga-divider", { key: 'eb08a36df8db42685d156cc84a51b46e7a2fdbb7', color: "neutral" }), h("dga-divider", { key: '643733a1687589345f09da21c852f267b0800ff6', color: "primary" })), h("div", { key: '687aca3acea63336be69283e8329de7a16b617e6', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -24,7 +24,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '05e4a992683c9adf6beb1dc85c33eec9d79ce81f', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '2cb98622ae4a1d8a81087e5ffd979e3327388442', color: "primary", orientation: 'vertical' })), h("div", { key: '3d12e3c11e790acb1938666330cf5fdec78be8e2', style: {
+            } }, h("dga-divider", { key: 'ba2b839c70a5c11fbc2d0f5cdf21db115c685e21', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '9333fa77017da203e86008f8f50b0adf3cb7bc40', color: "primary", orientation: 'vertical' })), h("div", { key: '45766c3892447afa1f782611ee30128436f5a056', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -32,7 +32,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '7f3bb282c92259b29bbce48a1a77156d6bbee752', color: "alpha-white" }), h("dga-divider", { key: '612c0f8bf659725d8a6a4893703bbccd3618b530', color: "white" })), h("div", { key: '16baa94bcec06536c8b3699e06c70f226d72dccb', style: {
+            } }, h("dga-divider", { key: '0adc9fee75820f2e1a9e143b7857585c0ef27571', color: "alpha-white" }), h("dga-divider", { key: 'cacae6e54fa3c58daf22e0c30cee115a0ea9719d', color: "white" })), h("div", { key: '76e48a90e1353d1c3e382f059f6c6ef262ac86a6', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -40,7 +40,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'a2ddca2b5403fbf24f9f08e75f7aa38ed2528d1c', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '1f928598988acdc734fed4da4cb808a857d1258f', color: "white", orientation: 'vertical' })))), h("div", { key: '895f06dc283a53010fc59b00158585062aca0b82', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '9011feb8a12cc0a519013710a5d6443bb1d18323', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'e643a22a31cb115c8eaebf3edcb6d61aed20f0f3', color: "white", orientation: 'vertical' })))), h("div", { key: 'cabbecffa460d97897fddf3cfddbbb42fff8d60c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-divider.entry.js

@@ -9,7 +9,7 @@ const DgaDivider = class {
         this.orientation = 'horizontal';
     }
     render() {
-        return h("span", { key: '9ed77de5e2f387d042081680f62150029ef5892d', class: `dga-divider dga-divider--${this.color} dga-divider--${this.orientation}` });
+        return h("span", { key: '70692a729236ae9b0fd4a0626a1c10be9be2e57c', class: `dga-divider dga-divider--${this.color} dga-divider--${this.orientation}` });
     }
 };
 DgaDivider.style = dgaDividerCss;

package/dist/esm/dga-drawer-usage.entry.js

@@ -267,12 +267,12 @@ const DgaDrawerUsage = class {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'a5d074d2753ac9fc296d4a554db6db8e5cf72b43' }, h("h1", { key: '254ad4bdf4e3cd53a9da3d940c06fab5cda43ec4' }, "Drawer Example"), h("div", { key: '99f0b246c03eb4e88cf57b6a51995211485c0ec5', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '626ade8402841cfce26a4a3b98c0403900edd726', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1913594c287a448d86aa38b18305c873606ab506', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'f5fdcccc2a07105325da3bd0a295bb167f0ec7d1', onClick: () => this.open = true }, "open"), h("button", { key: 'd2884b8c5970ec2b7c775c947c8f52acf78e1813', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '60c090dbd4aba2c3c9438b4f39dd776aa5fb3949', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '7833f5328c9d67f1fa9a19601c634715c1b07dc4' }, h("h1", { key: 'e4e2622b5d8910bd9ef42042690fcc8deca5c047' }, "Drawer Example"), h("div", { key: '1023f52df6b42ae8c544713ac0fb8c6bc45f0749', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '8a34338fa2a189f934699cfd8f4c7718749e4e7b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '9c8d4277039c7e03aec4b5d90f917851002eda91', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '282f2dc08f484c2ab949bad62ed36662d409d1e7', onClick: () => this.open = true }, "open"), h("button", { key: '186c62dda19e065654acc62834c0265ceac7342d', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '18fa17e8f09392d80600a22f602eb2fe8df0697b', 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: 'e67f8aa5760862ae0e05eeb561d7f301b57b16b3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '7a0aa69fe61e96866e0d49d946d5e0ba98dfd5c4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-drawer_3.entry.js

@@ -44,7 +44,7 @@ const SidePanelMenu = class {
         this.routes = [];
     }
     render() {
-        return (h("ul", { key: '8b2d550775b065135ab6588510c06543776420cd', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
+        return (h("ul", { key: '827486f510950049607d3f4074a5b90ec92a1afd', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
     }
 };
 
@@ -63,7 +63,7 @@ const TabComponent = class {
         }
     }
     render() {
-        return (h(Fragment, { key: '84a988c7773cc92055217d331addcfea4a9a7fae' }, h("tab-link", { key: '245a2ece23e2ae88473746f3ca43d155c732110a', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: '1f265c9a4c731351b3bc0ae85b8486156da08755', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
+        return (h(Fragment, { key: 'a61200058c5c8a22f322dde4edfcc807cb8f647e' }, h("tab-link", { key: '07f4c84a4c5b88d61366f74dc9da8b5dd72f35f2', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: '44bb0dc3f734ebf42269a8c153864ed719fd6b41', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
                 if (expanded) {
                     this.submenuElement.style.maxHeight = 'fit-content';
                 }

package/dist/esm/dga-dropdown-usage.entry.js

@@ -7,7 +7,7 @@ const DgaDropdownUsage = class {
         this.selectedValue = 'Option-1';
     }
     render() {
-        return (h("div", { key: '0a6b57e348ddc9ce5a0964865d5d2af5603f0cb8' }, h("h1", { key: 'df207a773226becdc93f531f2b1499fa61566af4' }, "Dropdown Example"), h("div", { key: '00d703c374e5b3727dc5cfaa984984d3f23917b5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8e257d0f1e1ee8b6522d231f54a9b6abf9151931', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '53fc7829cf7bccc4013cf8110ba6a9c2441ff848', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'c99ef4abd14f83bb99ffba3d56d63c990555b0cb' }, h("h1", { key: 'f98770aee8ed8778159925c8407f424c2c562fde' }, "Dropdown Example"), h("div", { key: '3768e6fe2f0223143b9003da3b8376e192f9d3b7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c5cca93ae6b2b190c0998a38650ecefebb830026', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '30a9771750c35d751e063b514ecc258f38894f51', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
                 {
                     label: 'Netherlands Antiles',
                     value: 'Option-1',
@@ -20,7 +20,7 @@ const DgaDropdownUsage = class {
                     label: 'Option 3',
                     value: 'Option-3',
                 },
-            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'e12ad71e46991a1adc6bc48c9f7e9016f9802dba', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'dbbf643ca91c74e0d588b9661f82b86c55372896', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -37,7 +37,7 @@ const DgaDropdownUsage = class {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '6b25aa37571846e3a9eab024d8210714908c3a77', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'f6f0e02ee967c645019669f0c6710edc45220d37', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -54,7 +54,7 @@ const DgaDropdownUsage = class {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '1504cdf3f7aeb48c285c00c9515c1881f3f42bfe', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '994266b66741bdd7e48e12f0cd70fc1f145d4c13', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -88,7 +88,7 @@ const DgaDropdownUsage = class {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }))), h("dga-dropdown", { key: '9eec2e8183875e424ebf805cd27b675ecbb6d99b', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: 'ddf1c397c6323566d301b99ba790661e040747ad', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -105,7 +105,7 @@ const DgaDropdownUsage = class {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] })), h("div", { key: '7447713413d02ad8b39ed86c303c59ed5def5648', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'f9423cd6720dd1aa65f2c3fba91dc9a52bff75cd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-dropdown.entry.js

@@ -184,9 +184,9 @@ const DgaDropdown = class {
             'dropdown--multi-select': this.multiSelect,
             [this.extraClass]: !!this.extraClass
         };
-        return (h(Host, { key: 'd651a7cb82c151bba79bf73ef85cfa4add3fb262', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, h("div", { key: 'c0012ad24c5205b67621e0972e6ec25e7145fe24', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
+        return (h(Host, { key: 'ae50cbbfce641b6b61b72c28109ee8ba856ba1d7', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, h("div", { key: '2290ca244dfe12af4ddb2ce3ad6889cf8eb197e8', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
                 .filter(key => dropdownClasses[key])
-                .join(' ') }, h("button", { key: 'c29e8669df0ee78317aa373f135a570aa886bd84', class: "dropdown__btn", ref: el => (this.btnRef = el), disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, h("span", { key: '16019ec80aba2168df89a13ec773179f8c5e11c4', class: "dropdown__label" }), h("span", { key: 'eb8ef06bf1ddfc3f8397bed7a6e09fa1717e6682', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: 'de902988adc5005a152753671a9848ec2cc034b7', class: "dropdown__chevron" }, h("dga-icon", { key: 'd0099c51b488a5ba24ab7d458d6920cc4160253b', icon: 'ArrowDown01Icon', variant: "stroke" }))), h("ul", { key: '8fec16f4e194ecc5e607f1f3b599975d07e2a875', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
+                .join(' ') }, h("button", { key: '6c1dff527003975440c4c01741a87a972d49b844', class: "dropdown__btn", ref: el => (this.btnRef = el), disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, h("span", { key: '4fbd3d638498bc3b7e1f112b6c8daaa9e9050e8c', class: "dropdown__label" }), h("span", { key: '7b1f04fea3588baad69ca3b7a8ce6992962c7d84', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: 'be8d900db2c5990bf44a14bec9ef4247f3cc8185', class: "dropdown__chevron" }, h("dga-icon", { key: '94da66595efab3446200dea44c06e4c3e5f70361', icon: 'ArrowDown01Icon', variant: "stroke" }))), h("ul", { key: 'ba99405f0c9d054b85fe4625936f7b20c9449398', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
                 'dropdown__option': true,
                 'dropdown__option--checkbox': this.multiSelect,
                 'selected': option.selected

package/dist/esm/dga-featured-icon-usage.entry.js

@@ -7,7 +7,7 @@ const DgaFeaturedIconUsage = class {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '8f99bb0303e2c2551a442423cd41865ca036322c' }, h("h1", { key: '3d78a8748cabea651c5eb4d8a3a60be7bb6c0be0' }, "Featured Icon Example"), h("div", { key: '1bd8b6b6cd0eb026736849d821a4c3de7ad25117', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '9308cb965e089eab1bbf73fb244e12312561f93d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (h("div", { key: '4ba5969b9745b96161565490ca2d9fc4079cd27b' }, h("h1", { key: '5760612e5d8ac4d5fb8b56c2beed7ee02b7ba3f0' }, "Featured Icon Example"), h("div", { key: '689a0e96e7a139636bfae60707dd3d96ab0ca587', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '38c000bebdcf355a9be010bb3c073dfe81d52e38', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -32,7 +32,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '05e8ba6ee639c069bdb6fb4b99d39527523f174a', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '3b9c71a0e5ed1be378dcc32127bfc9838a509c3d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -57,7 +57,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '05bac4f04c703441285b7fc49f183f1aa45cb8e7', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '91f784bd2774cc36521b7d9b96f9660c8a9e0a09', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -82,7 +82,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'a1f00df631ae8b44b15f8c32bf0d420b68c65e56', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '9ce293e8ef623fc2d597af99c1fc31b8c03e74fc', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -107,7 +107,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'e6c044c5876de32488246028e15d5c032c3c1212', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '55a3c129d5c49678bfac06c722159bfab672d6b9', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -132,7 +132,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'a077f501251a21aed76fbacdef214317b1205923', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'c2973cb8f51b1e65c93d7a6b3ecb9a47b5a669db', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",
@@ -157,7 +157,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant }))))), h("div", { key: '09e6db49e5d41cdbd552a35fa1077f5b5020ba97', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '31da52c86f50264cc1bf23c53960b16a7429fffa', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant }))))), h("div", { key: 'bc7adaa8a0fe2b36f6cea7419008c1ecee7bb973', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '0c9239fa6da84ee430a08271db5ea12611f59410', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -182,7 +182,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'a7ba9661363cea30abb32efe2a958b60dbab6622', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '3fcbcec9ffb983428012b9c6f69b9a27e78c4728', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -207,7 +207,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '778943ecd7780d2cea86855eaabf8c9b3b8c9d0c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'e28be22aa0e51cb3960a9577c1b71e4bb6d215fd', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -232,7 +232,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'ab2000e9b075d2e2307d71c31541d1417d5d6b1a', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '874e5709c5ac39267a90147dd5a6f0a67d0aca1f', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -257,7 +257,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '4a8a8779dc96dea8ce2bf6bc3cb96b35d0e332e7', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'c8ffc65951649193027fceae48c396bb6226c0fa', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -282,7 +282,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '353fcb734c43612a5b345563fd24dbd71cb22a02', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '429935d8edb8d293355c88552d51b1ef5b002d95', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",

package/dist/esm/dga-feedback-icon-usage.entry.js

@@ -6,7 +6,7 @@ const DgaFeedbackIconUsage = class {
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: 'f269a12a210a583db4e19d6d0186e371675e601a' }, h("h1", { key: '54dc747603850ec98565442396cccd45ed33075f' }, "Search Box Example"), h("div", { key: '9485c78e3bb992520de12cecd0b626a146793ac6', style: { padding: '50px' } }, h("div", { key: '5f69205a030dcccb8318d7bd10cfed721e13ce15', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (h("div", { key: '1942d24b5f46f81711454bb01ba23d380924449d' }, h("h1", { key: 'c6cd31cb1b2900ea66aa5b4922fe7a347200c46e' }, "Search Box Example"), h("div", { key: '741342acc1eba503b494e46185ef85d87c9c4dee', style: { padding: '50px' } }, h("div", { key: '3361d9006b974d49e0fe19d3e8214fd11e3b70d9', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
     }
 };
 

package/dist/esm/dga-file-upload-usage.entry.js

@@ -5,7 +5,7 @@ const DgaFileUploadUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '30999ce3950e72774e93f92c2ab69c38ba031fb5' }, h("h1", { key: '536661a30edc55a4df0b631b7bed08a5222812aa' }, "File Upload Example"), h("div", { key: '322677cb63c734affcb49462c602152d463492e3', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'ab7f2553249aa17cc92035aad71b4c564845d003', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '4e0cc0689f7ec1ebe287af038f36eb5351434a32' })), h("div", { key: 'c36082adeb169fab61e55c13ed1fcf33cf7d4b41', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '5dd998d87fe825eac852ffa51249c9519579f12a' }, h("h1", { key: 'e57e0b248f806b403244a17c37db65c09d1bd15e' }, "File Upload Example"), h("div", { key: 'fe3f77106794e247e24b7246e97d8d2e86cb98ba', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'ca6771c680b67e1cece9e8f33b93d959d9bc112f', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '30d4e9600c6808292998d9cc63173c64dfa8b23b' })), h("div", { key: '6f384db727b36d8b818f662459d70ce579632bc2', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/esm/dga-file-upload.entry.js

@@ -83,7 +83,7 @@ const DgaFileUpload = class {
         return (h("div", { class: "file-upload__file-item" }, h("span", { class: `file-upload__file-status file-upload__file-status--${file.uploadStatus}` }, file.uploadStatus === 'uploading' && file.progress && h("dga-loading", { size: "tiny", variant: "neutral" }), file.uploadStatus === 'complete' && h("i", { class: 'hgi-solid hgi-checkmark-circle-02' })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "btn btn--close btn--icon btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "btn-icon" }, h("i", { class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: "20px" } })))));
     }
     render() {
-        return (h("div", { key: '354db699e2ca9a983d346ba99a4d3f62ffb1ffb9', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: 'bd0f9af9418fc728ce3e24664b5d9fb72baed9d9', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: '8d44991a59f4e4ca4f4f35721abf9a0289bf475d', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: '5b1c048c681bed8aa96c3b78fa36a068ce563fd0', class: "file-upload__icon" }, h("i", { key: '8db9cfe179a6f07a2488a97b773a8326943f6f27', class: "hgi-stroke hgi-file-upload", style: { fontSize: "20px" } })), h("div", { key: 'bd1584e0eaa583f9b65f1543c3788a4b19c231b1', class: "file-upload__content" }, h("p", { key: '0f63c39033091ffc4b4b76084b0a5cf857aa3387', class: "file-upload__instructions" }, this.title), h("p", { key: 'b9c895fd5c4295384a7b2dee8a676bea19ae4d9f', class: "file-upload__formats" }, this.fileTypesText)), h("button", { key: 'b23ed88d60bf16cf05393e55779e568ffb486bc5', class: "btn btn--md btn--secondary", "aria-label": "Browse Files", disabled: this.dragState || this.disabled, type: "button", onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); } }, h("span", { key: '9839293615be1e0059def33533f540c3b5f06d8e' }, this.actionName))), h("div", { key: '856088f7656a35c90b4652cba90c67ecd26a2680', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
+        return (h("div", { key: 'b2229fc831b450f904f49dd55f5f39f2932d5e84', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: 'f57475229b87fb5a3cb1802127adcd5d40b814a1', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: '10f63ca5ecd1ab621bd0f9a1a9a4e15e50ad3dd8', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: '61954866e158f4ada389670469286e770ad0012b', class: "file-upload__icon" }, h("i", { key: 'aaef312a708380c23c0a682f61958dfdc90e6491', class: "hgi-stroke hgi-file-upload", style: { fontSize: "20px" } })), h("div", { key: '9541460c33edf715a6010e8e8f06b3cbe8e88850', class: "file-upload__content" }, h("p", { key: '92b7924152430378cecccafe66fcd50656119340', class: "file-upload__instructions" }, this.title), h("p", { key: '6cc00b39771f3e492243462c67dcd69927a2ed18', class: "file-upload__formats" }, this.fileTypesText)), h("button", { key: 'a6f93ae28db20fda5fb47a3f7ed843060d78e02f', class: "btn btn--md btn--secondary", "aria-label": "Browse Files", disabled: this.dragState || this.disabled, type: "button", onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); } }, h("span", { key: 'fab7028476b4273d85eaa73e7866045927b24e45' }, this.actionName))), h("div", { key: 'e1b83104261c9d7098767e68308f1fee9d675a16', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
     }
 };
 DgaFileUpload.style = dgaFileUploadCss;

package/dist/esm/dga-filteration-usage.entry.js

@@ -117,7 +117,7 @@ const DgaFilterationUsage = class {
         };
     }
     render() {
-        return (h("div", { key: '9805deba47c68ce2d0f3a0cc7395cdda027066a3', class: "filteration-usage" }, h("h2", { key: 'bad8441f33be0fb62743139e87a8274cd06e83e6' }, "Filteration Component Examples"), h("div", { key: '20a3c637b0420e7011d088167d720575fc76e7d9', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: '6ad8ca5b2e66e18e4c912f92b31a7e50670b6669' }, "Default Filteration"), h("dga-filteration", { key: 'ad1353eb893fd34c7a1718eeb531997058eac3ad', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
+        return (h("div", { key: '30c7faed5b5b2c28b20b6bdf0827a8ca5a73f046', class: "filteration-usage" }, h("h2", { key: '9a29357aa100731dc03cb4962b49c160ae65f213' }, "Filteration Component Examples"), h("div", { key: '009a6bd32d0e689bc5e95733d83701cf0966f742', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: '9ab1abc57e94d4e7c474e10aba2d079732479229' }, "Default Filteration"), h("dga-filteration", { key: '5075f70e93eb02b9fb7ad4a698536a3390547fc1', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
     }
 };
 

package/dist/esm/dga-flex.entry.js

@@ -59,7 +59,7 @@ const DgaFlex = class {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap'
         };
-        return (h(Host, { key: '6c1ad02b1ac8379aa60334def31d92146a4af40f', id: this.componentId, style: this.rootStyles }, h("div", { key: '3339f2e2f3a8a011421c1b659416820096d4f577', class: "dga-flex-container", style: styles }, h("slot", { key: 'b7b76ea0c6daa6ace343ccdfef0b09822aa62a0a' }))));
+        return (h(Host, { key: 'e00fabb6b71d0a0c94d86c971f0c957d2ef0567a', id: this.componentId, style: this.rootStyles }, h("div", { key: '267dafab9030a686bc51964d89e72e524ee58763', class: "dga-flex-container", style: styles }, h("slot", { key: '343ad0fb9d6ca2b38c716edbdf196731fff78eaa' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -5,11 +5,11 @@ const DgaButtonUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '69fd6a68493e72d0148ece90a6594e87a5595757', style: {
+        return (h("div", { key: '462f9d37f3b5dbeafbf0e3b43a1b2da89d157a4c', style: {
                 margin: "10px"
-            } }, h("floating-button", { key: 'b6335424906670fac996c96d49259a345a03d6ac', variant: "secondary-solid" }), h("div", { key: '5cd56036cdb0027caadf392f8cb3c5dc22e38d86', style: {
+            } }, h("floating-button", { key: 'ce3045f264ff2b14cad456129c0a438fc08ad3ca', variant: "secondary-solid" }), h("div", { key: 'bb50c7a7e0f58fdba87a59981af84bfe0d13f43b', style: {
                 marginTop: "10px",
-            } }, h("floating-button", { key: '1e80b748c88dcd7d07ce25b7b04b7fbd84978ab5', variant: "primary-neutral", iconOnly: true }))));
+            } }, h("floating-button", { key: '7f1add5af65b70afde4deb84141ebca7e8c627c1', variant: "primary-neutral", iconOnly: true }))));
     }
 };
 

package/dist/esm/dga-footer-usage.entry.js

@@ -5,7 +5,7 @@ const DgaFooterUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '746b061b0d677d6e80290a6c0dca8c8faf733cb5' }, h("h1", { key: 'be8e65b506b368643920861d9fee08884d0e794a' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: '73f9cbbb60e9da53478753d2d92ec555f5979b02', background: "DarkGreen", NavLinks: true, groupLinks: [
+        return (h("div", { key: '010cc4de5ec80575599f86d182be72b5f0b2cb96' }, h("h1", { key: '4ddf418d8107dfe231a7cb2511917f27f8be6e44' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: 'ff1c44489eb1232126a5685e0b46f670b687eb27', background: "DarkGreen", NavLinks: true, groupLinks: [
                 {
                     title: 'Government Services',
                     links: [
@@ -80,7 +80,7 @@ const DgaFooterUsage = class {
                 { 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: '3e7ab79e214064eb3480792ef5ea5351fd8ae825', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '26dca7c8914f6e07f96af4d32e40ea1de0eb3192', 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: 'cd924876e73181ec6e414be8f2fdbc993c82f7d5', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '3af8e168f2f75845a2c4075666d87fbc1a4a8813', background: "Light", NavLinks: true, groupLinks: [
                 {
                     title: 'Group Label',
                     links: [
@@ -190,7 +190,7 @@ const DgaFooterUsage = class {
                     name: 'Privacy Policy',
                     target: '#',
                 },
-            ] }), h("h1", { key: 'd9972bea20c77647a03113b6709611060f837987', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
+            ] }), h("h1", { key: '4dbc028aac46725b5d848f5c552f9efa17c0ce5d', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
     }
 };
 

package/dist/esm/dga-footer.entry.js

@@ -21,7 +21,7 @@ const DgaFooter = class {
         this.bottomImages = [];
     }
     render() {
-        return (h("footer", { key: '0bf3a72a79b89498d54b1e6390a08704818e944f', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '6c65c86684dda38b25dabbd50cb017e50f9c4a35', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: '3bdacc05cb45c9c8758728e2f0ea7a616d6efd3f', class: "footer-icon-section" }, h("a", { key: '0b47e7868c9c961667d7ff53be87d3fee4bfe3f3', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: 'e62e318fc34bf49f6ff35ef719ccf3343c9da1c2', class: "footer-title-description" }, h("h3", { key: '406ccbdbccef005931af02fff0569581a3b9f731', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: '50f74421b0f14e804f76386931bd55d273fc8186', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: '23da97a7b2abcfa121a2aa6f1faf89f233879b2a', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: 'f0cbeab6b4b5f84fe79aa20d6cc8024e1c37002f', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: '16719b6440a15d09f69204e08d90bebf1bf86486' }, this.socialMediaTitle && h("div", { key: 'efa5bb08f24626231536fa2495abb55786c0a5d6', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: '8edd8e4917395b96e55deba444776f8500e1ef7a', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: 'b5d5b609fb7831457ff6f21d6649fcb8e602b99f' }, h("div", { key: '3d26b10c3a120a9291341801d0c5e1670f1d8cd5', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'ea90e1944e5293a7282f743269df6ce3dc5cc90f', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: '3675304a0d05aa1f5c374f9c7b1476513055bc52', class: "footer__basic" }, h("div", { key: '670bb7ed690ceb2b4f568bf7ebeb52e00b1e0fe7', class: "footer__actions-copyright" }, h("ul", { key: 'afcbe74f270f07192d97833fa017c455ac7d6d03', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: 'c12fe9d6c8a6b3b64d10dd6f4dc1d7ed916a14bd', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'acef4f5a53fbf54e0aade3cdff877f3df06d7d9d', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: '7939702071e0c435d58991271e40c0fb48de7264', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
+        return (h("footer", { key: '28fbcec797525581383483c5b7276480c65bb9f3', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '5af8fb335e35be5953ef17b9dfce47ae61380eff', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: '7d4b6107a02a5ff97a33aa3f74e5167cc682af75', class: "footer-icon-section" }, h("a", { key: '25789d8949db79c9411f1a8a100cb6db0425bf15', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: '5d4ab7f479d77bf565c8c0076c4f22ea5d9be5d2', class: "footer-title-description" }, h("h3", { key: '4ced5c9b892e180243e1e0dc19699cfe9df2ade5', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: 'b69878a8e72173d24269122edc999358e0eaefe2', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: '12d20f5cc62316e1e5f6795907e347740a75604e', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: '17c165401a5acf1517674e34ccd6be4f440239a5', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: '9bcfcfb6a29640c99358f72adfa03e63c3030872' }, this.socialMediaTitle && h("div", { key: '5ec5e2ef62b3322996afd93659dd6aa2da115e53', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: '20dd2fff93938fd3d10eaa1852c76bcc2545252a', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: 'c5c3ce42d325bc3bc4fc0521a7a63c040a9b150b' }, h("div", { key: 'f1d489922355ea30760fcc4cf2dfa357414c776e', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'cfaf9e9ad077e333679de4bfc094168acded1faa', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: '672b86191ca258c989c73e139e8b252fe35f49cf', class: "footer__basic" }, h("div", { key: '16bcdd950ba6fa6573c9e030d50c5398c30c94b8', class: "footer__actions-copyright" }, h("ul", { key: '4eaa3e2567940ff7c5e45d2bf39a790794f49ee1', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: '87bf262e0938a75fdb40014c9102988cf0bd7874', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'e6adbbcc770fb8981ca2611192bb944653f0c10e', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: '6fb87e25065d7a42f73ff74a3dce1fd35b427abb', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
     }
 };
 DgaFooter.style = footerCss;

package/dist/esm/dga-grid-usage.entry.js

@@ -7,11 +7,11 @@ const DgaGridUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'e52f0742ef80ceedcea62b2f1b13eaf5bddaf6ad', class: "flexible-gap-usage", style: {
+        return (h("div", { key: '9bcabf927dc888982b5479164254be2cae54100a', class: "flexible-gap-usage", style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '20px',
-            } }, h("h2", { key: '931b2c3d8227112e89ec2d31937ce9703f88d80c' }, "Grid Component with Flexible Gap Examples"), h("section", { key: 'aff4b0a584c98f16daeb056810e70dfe5a5a2939' }, h("h3", { key: '24e879331809fcf4b294e3f8e996fffe1d75c94c' }, "Simple String Gap"), h("dga-grid-container", { key: 'e1738ade539c62a4e538ceceae0cc09012966fd2', gap: "16px" }, h("dga-grid-item", { key: 'd46e5f2247a9e05a8af589ae1318eb2b51b37128', xs: 12, sm: 6, md: 4 }, h("div", { key: '4e5b344703bff26de4b0287763d103c4da8bcd76', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '928a1a7d34b394649e7cc5aaf7e655bba68a91cb', xs: 12, sm: 6, md: 4 }, h("div", { key: 'df8949ad11b5bc209dce30f138ec58adce24d4ca', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '90c642a32f7fad92ff33f1a6e3cf6a13647f17c0', xs: 12, sm: 6, md: 4 }, h("div", { key: '90945ca91a93ce76f1ad81bb1dabd74bae9810e8', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '425dd3c6823f019f911aace5abd9d9ec30fb5489', xs: 12, sm: 6 }, h("div", { key: '0e3436881bf86df59c0d67d0b898336f2ba47197', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'e045fdfa22edfe22f021c4ff983f90ad235ca1d8', xs: 12, sm: 6 }, h("div", { key: '38e16646589408d13a13bd944d9dc00c66fb042e', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'e2cee1d7d92d678e6f4bcc410622828335c19bff', xs: 12 }, h("div", { key: '4e564fd7c5da2a70ccd527b738b299bfa24b5fbb', class: "demo-content" }, "16px gap between all items"))))));
+            } }, h("h2", { key: '25f5f810a72e06aa4748ae195d2d8e075d1aaaaa' }, "Grid Component with Flexible Gap Examples"), h("section", { key: '5a693a786235985daaefc4dd3695d40a98536a3a' }, h("h3", { key: '74bad73316d20c87d1231cedff1fadb50f7bc53b' }, "Simple String Gap"), h("dga-grid-container", { key: '4de2ee665886ceb05ba8c799aa71dc631c079302', gap: "16px" }, h("dga-grid-item", { key: 'aeef5999bf222efb2b4fa15ba25e43fc865d9349', xs: 12, sm: 6, md: 4 }, h("div", { key: '77f189d4cb3924d19e4ae6f01a380bd7c9320aa6', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '972318b8e52daa9802e820e60024443fc6014ce5', xs: 12, sm: 6, md: 4 }, h("div", { key: 'a46efbe3ae030c3e7f9387d85633962180e2812c', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '1723355b081cb8e99cf8621761ab35713cfce214', xs: 12, sm: 6, md: 4 }, h("div", { key: 'bd27c07d6fd51b1b0de7a870dee244f924acf78f', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '7acd60b5c7a70ad347258d8e98281cd63ee82e0e', xs: 12, sm: 6 }, h("div", { key: 'd6958f91452d652a3154051df775e1cc1987aed1', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'ff3a6f76f1c7de8de9085d51cecb275108564d6e', xs: 12, sm: 6 }, h("div", { key: '55b335369c11a21761a1bd2e5ece1e68f2669ca1', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '58ad9dbb2f4635bf880317151bc2c39ced95743d', xs: 12 }, h("div", { key: '9012a600511e9db43a6fcb6fefe1ea1c5f0378f9', class: "demo-content" }, "16px gap between all items"))))));
     }
 };
 DgaGridUsage.style = dgaGridUsageCss;