@platformscode/core 0.0.43 → 0.0.45

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

@@ -5,10 +5,10 @@ const DgaDividerUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'ff3ffee2d70a8c778f152859d05a64fde636f100' }, h("h1", { key: 'c915d5860e95872ea8208ee77384c947cb052752' }, "Divider Example"), h("div", { key: '6e0cbfbc0c5328beca2c1ef5c24d414108bb317d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1be28c682c8037dfbdb980879e313371caeba521', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a723b61e53c4cb5c6bc15de3ba44e97df6d94066', style: {
+        return (h("div", { key: '2cb46344694f4d4a6a3a75df4f75ea8550ba63af' }, h("h1", { key: 'f23bfaedd3f458e57f1975dd67559319089b9eb4' }, "Divider Example"), h("div", { key: '6d8d4e470a8ac768eaab01b19eca7b2a9a041135', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9101b1b3ca09fe6c716869a51675b0ff4645800', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '0acadbe6fc7e1bc11f96f4e7bd455ac4a678cb9f', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '998827d8cee8154fa00768400b7cc3d2dbcdc43b', style: {
+            } }, h("div", { key: '6e0dfd7c581a3644e6012347953ec7f734c07142', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -16,7 +16,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '6d4a639c5a84397e9828f387a1952ed4bb37d0cb', color: "neutral" }), h("dga-divider", { key: '59672506be6126b1cc4320904923624b7351c19c', color: "primary" })), h("div", { key: '649700e28f0c39cac33654544529cc7dc43b55af', style: {
+            } }, h("dga-divider", { key: 'ad1ba2283f773ca9206f0802a3fab36b82bd7b69', color: "neutral" }), h("dga-divider", { key: '4330dcf15b1eed1f4485a5238852be2eb33235d8', color: "primary" })), h("div", { key: 'aea5abe400656ef86c38fdec1148970406f3a8e1', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -24,7 +24,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '6caa38e40aa960c2bb8e1a9a6e40717c428d564d', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '3a182b9fa671fc31c44376ef710899d8c3af99dd', color: "primary", orientation: 'vertical' })), h("div", { key: '40c3818c30854ce4a0292b248be8d177f25d9abf', style: {
+            } }, h("dga-divider", { key: 'bd538f409651da73d00b7d57adf083e9e6d3c0c5', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: 'b27c3a05e5c8c4e087d16ddc9770d64f80045690', color: "primary", orientation: 'vertical' })), h("div", { key: '9774cf4b12d5a7fefd08a402f6807f41f13a3a43', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -32,7 +32,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'e0ce8d59aa3b5d452fa039fe81b9307ca3b947a7', color: "alpha-white" }), h("dga-divider", { key: 'a0ccb20131b45e671e8cbf606dab29ba5f47f321', color: "white" })), h("div", { key: 'b3cf90384fda25f8d3ccb586aaebd538b2cc977e', style: {
+            } }, h("dga-divider", { key: '2342d7dd4144ef2ce490625e107b8502fb27e397', color: "alpha-white" }), h("dga-divider", { key: 'd97bfaecbe5ae09b27278ed2a7c5f1f21a4d8943', color: "white" })), h("div", { key: '01e754384f223fe77d264a347cf8d379cfbe8dee', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -40,7 +40,7 @@ const DgaDividerUsage = class {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'fd0895a26c24b3a9986917f492f3a900ae48edff', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'e6ca9271afa5fd6666f176e2452e30ace2c4e72c', color: "white", orientation: 'vertical' })))), h("div", { key: 'b5d39e00e08c601b7cc016b2a8ec153630395ff2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: 'e1c53e24e6f9695dc3737d1156a1fea136688bc6', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '9bdb340701b8103b1c8c7ac72f7d92f8f56efee0', color: "white", orientation: 'vertical' })))), h("div", { key: '604c2729d06c691c0d1b9bcf7c65930a69560c65', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -267,12 +267,12 @@ const DgaDrawerUsage = class {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'c7c6784e3533d70c53b5cd0a373cec1f213ed345' }, h("h1", { key: '15cd2fcbd3c1f9d58663140d78050c941290ab94' }, "Drawer Example"), h("div", { key: 'cce6dc2c44f809d06cdf868a4c2498d2bea74b10', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '054478692ae11648f46784d5325c30241c7c764c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e694cd04a3df690f0b15f7418c018c9b32c13967', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'b2d01fff0a558884b1bd78638084f6665ceb35e5', onClick: () => this.open = true }, "open"), h("button", { key: 'ba05ca369d159e4a3416862b3448f770ddfd66ff', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'c815361864ff6a90d87a652c9b5d36922924500f', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: 'fdcaef5275fd7418285dc2f395c279111fea3d84' }, h("h1", { key: 'ca029a4c94d120e7be040e888c9136c13a3cbbd9' }, "Drawer Example"), h("div", { key: '384877ad6afcaa5a7f6438d704e7ec5062e43bbe', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: 'b8ab42e502b01ea3b04aad5594e0a7767408d1b2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '3e73b37a1bb0104ad8e699a103d837748abbda5d', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '71cb26b7c9c242980330518eafa44f23f9e3394b', onClick: () => this.open = true }, "open"), h("button", { key: '9eef54b5ac6b2997d2df1bc341a92568b9ef17b8', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: 'e687e75eade6f5a88f6ae842102a5c4698664ce5', 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: 'e65c91c5c3ced6ccd0dc6c7525d7207c6bb98b29', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'db1d6e9892f4a3f19881ad355aed2a732c592d9b', 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: 'e6802b4146ea18f488fef4ad1eecab41406856d0', 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: '1a90543c32ed292f8680be93b898e4128b7515a0', 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: 'f96fed2445b1ce13f075b17d98ccf633392c4a5d' }, h("tab-link", { key: 'fc954108ea3362ec1f88e2f589eaabed66555f71', 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: '8930324f8cc5a68d6debad06def1acf21732ab16', 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: '80b133e8baeb5c1d0531153f1f2f521bc8cbed79' }, h("tab-link", { key: 'bcd51261e7d2dd2687964519192b28547f1e7d04', 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: '43b9cfdf1e48635d9e867e12d999564b22f10627', 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: '1882688c6b9c91983903879d826e3358a219e5a4' }, h("h1", { key: 'd9d2931815da214c1caa5a476c72220abcda12c6' }, "Dropdown Example"), h("div", { key: 'a35f90af0490a27a3b7303bcfdb9b0711c5b2008', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '126c0ba46a33cb8e927abf88724ef95ac00063c5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '26952570c0256eb9c030b85f8c8893755e8a213b', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'd2fb4f6261488b1855dd2e3797de51989b7fae0b' }, h("h1", { key: '3e64ad673fcefa8072a106672ed9b47ae33de45a' }, "Dropdown Example"), h("div", { key: '298af911388d84b69551d1a729723126da7e3827', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e8dc9b7ae9121f45dddad24bc9259a3daa4f3839', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '0f748e8419bc2630a9ac17df426b4466885e678d', 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: '597849e9b5a665d3b6c3ecbd2c210d59d689826d', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: '1f599037f28827f498365ab056032c0337a0ca48', 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: 'a4923bbb563a37f562a6814fd373a4d51851e057', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '254f4ac81fa6cde9a02d2312ceace6d4a7ff00d7', 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: 'fb13b75be207248ea647f5abc65462a006355905', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '120a934fcf2fdd850fade21e82393fa984bb9a4b', 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: 'fc62c523c87dc2ace95f9059c6eacac9eb42a823', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: '71be681151d79102be041e19d8ca68b68ca0ee12', 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: '2a3284bbeacb949680d4971d49916ef5327c6974', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'ed4dcd2c324841e03c72ce3006994ccfd6038d4e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
 import { g as guid } from './index-OZG1OajU.js';
 import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
-import { a as arrowDown01Stroke, t as tick02Solid } from './index-CzSbvsrF.js';
+import { a as arrowDown01Stroke, t as tick02Solid } from './index-8U4v1m_C.js';
 
 const dgaDropdownCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular,.dropdown--lg .dropdown__option-label,.dropdown--lg .dropdown__label,.dropdown--lg .dropdown__label-placeholder,.dropdown__btn,.dropdown__label{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dropdown--md .dropdown__option-label,.dropdown--md .dropdown__label,.dropdown--md .dropdown__label-placeholder,.dropdown__option-label{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold,.dropdown__list-group-label{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dropdown__btn.open{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.dropdown__list{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dropdown{display:flex;flex-direction:column;width:100%;min-width:200px;position:relative;border-radius:var(--radius-sm);}.dropdown__label{color:var(--colors-text-placeholder);display:none}.dropdown__label--selection{color:var(--field-text-filled);display:inline-block}.dropdown__label--selection~.dropdown__label-placeholder{display:none}.dropdown__chevron{position:absolute;top:50%;right:var(--spacing-xl);transform:translateY(-50%);color:var(--icon-default);transition:all 0.4s ease-in-out;display:flex}.dropdown__btn{cursor:pointer;height:auto;min-height:40px;width:100%;border-radius:var(--radius-sm);border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default);padding:var(--spacing-none) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:relative;color:var(--form-field-text-placeholder)}.dropdown__btn:focus{outline:0}.dropdown__btn:hover{border-color:var(--form-field-border-hovered)}.dropdown__btn::after{content:\"\";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dropdown__btn.open .dropdown__chevron{transform:rotate(180deg) translateY(50%)}.dropdown__btn.open::after{width:100%}.dropdown__btn.active{background-color:var(--Colors-Gray-neutral-50)}.dropdown__btn.active::after{width:50%}.dropdown--readonly .dropdown__btn,.dropdown--disabled .dropdown__btn{border-color:var(--colors-gray-neutral-300)}.dropdown--readonly .dropdown__btn:hover,.dropdown--disabled .dropdown__btn:hover{border-color:var(--colors-gray-neutral-300);box-shadow:none !important}.dropdown--readonly .dropdown__btn::after,.dropdown--disabled .dropdown__btn::after{display:none}.dropdown--readonly .dropdown__btn,.dropdown--readonly .dropdown__label,.dropdown--readonly .dropdown__label-placeholder,.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--form-field-text-placeholder)}.dropdown--readonly .dropdown__chevron,.dropdown--disabled .dropdown__chevron{color:var(--colors-gray-neutral-300)}.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--colors-gray-neutral-300)}.dropdown__list{display:flex;padding:var(--spacing-md);flex-direction:column;align-items:flex-start;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--form-field-background-default);position:absolute;left:0;right:0;top:40px;overflow-y:auto;list-style:none;height:auto;max-height:0;padding-block:0;z-index:-2;opacity:0;overflow:hidden;transition:z-index 0.1s ease-in-out, padding-block 0.1s ease-in-out, max-height 0.2s 0.01s ease-in-out;pointer-events:none}.dropdown__list::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.dropdown__list::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.dropdown__list::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--colors-gray-neutral-300);background-clip:content-box;mix-blend-mode:multiply}.dropdown__list li{width:100%;padding:0;margin:0}.dropdown__list-group{list-style:none}.dropdown__list-group-label{padding:var(--spacing-md, 8px) var(--spacing-md, 8px) var(--spacing-none, 0px) var(--spacing-md, 8px) !important;color:var(--colors-text-quarterary)}.dropdown__btn.open+.dropdown__list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto;width:max-content;min-width:100%}.dropdown__option{cursor:pointer;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);gap:var(--spacing-md);border-radius:var(--radius-sm);background-color:transparent;border:0;margin:0}.dropdown__option-label{color:var(--text-default)}.dropdown__option-icon{opacity:0}.dropdown__option:hover{background-color:var(--form-option-background-hover)}.dropdown__option:focus{outline:2px solid var(--border-black)}.dropdown__option.active{outline:none;background-color:var(--form-option-background-pressed)}.dropdown__option.selected>.dropdown__option-icon{opacity:1}.dropdown__option--checkbox .dropdown__option-icon{display:none !important;color:var(--form-field-background-default);font-size:18px !important;font-weight:bolder !important}.dropdown__option--checkbox.selected>.dropdown__option-icon-container{background-color:var(--form-field-border-pressed)}.dropdown__option--checkbox.selected>.dropdown__option-icon-container>.dropdown__option-icon{opacity:1;display:inline-block !important;color:var(--field-background-default) !important}.dropdown__option--checkbox .dropdown__option-icon-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--text-display);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;margin:var(--spacing-xs);-webkit-user-select:none;-ms-user-select:none;user-select:none}.dropdown--multi-select{min-height:40px;height:auto}.dropdown--multi-select .dropdown__option{justify-content:flex-start}.dropdown--error .dropdown__btn{border:1px solid var(--form-field-border-error) !important}.dropdown--error .dropdown__btn::after{background-color:var(--form-field-border-error) !important}.dropdown__feedback-icon{height:100%;display:inline-flex;align-items:center;margin-right:calc(var(--spacing-xl) + 10px)}.dropdown__feedback-icon span{font-size:20px;position:relative;z-index:0}.dropdown__feedback-icon span::after{content:\"\";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dropdown__feedback-icon--success{color:var(--text-success)}.dropdown__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dropdown__feedback-icon--error{color:var(--text-error)}.dropdown__feedback-icon--error span::after{background-color:var(--text-error-100)}.dropdown__feedback-icon--warning{color:var(--text-warning)}.dropdown__feedback-icon--warning span::after{background-color:var(--text-warning-100)}.dropdown--lighter .dropdown__btn{border-color:transparent}.dropdown--lighter .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--lighter .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--lighter .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--darker .dropdown__btn{border-color:transparent;background-color:var(--form-field-background-darker)}.dropdown--darker .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--darker .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--darker .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--lg .dropdown__btn{height:auto;min-height:40px}.dropdown--lg .dropdown__feedback-icon span{font-size:20px}.dropdown--lg .dropdown__list{top:40px}.dropdown--lg .dropdown__option-icon{font-size:24px}.dropdown--md .dropdown__btn{height:auto;min-height:32px}.dropdown--md .dropdown__feedback-icon span{font-size:16px}.dropdown--md .dropdown__list{top:32px}.dropdown--md .dropdown__option-icon{font-size:20px}:host([dir=rtl]) .dropdown__chevron{right:auto;left:var(--spacing-xl)}";
 
@@ -185,9 +185,9 @@ const DgaDropdown = class {
             'dropdown--multi-select': this.multiSelect,
             [this.extraClass]: !!this.extraClass
         };
-        return (h(Host, { key: 'b78d060f102522dc015c831becc7361845eadbc7', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, h("div", { key: '8dabc4da671d1ae4e2319e699512957c319af1f9', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
+        return (h(Host, { key: '9e319b3004dfbef32dca825730b40561a850e071', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, h("div", { key: '753c24638fede1aaf51911967450324eeb317391', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
                 .filter(key => dropdownClasses[key])
-                .join(' ') }, h("button", { key: '8d719dade4a0e144a4d7b34bfc629d09c2fe0e4c', 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: 'bed08e603f260b7330803af02a95f8e4b521d332', class: "dropdown__label" }), h("span", { key: 'f8261f2c8a45a51030bda47014869af037bbae63', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: 'f0c7656539f3ba111af88b8accc2d9f904a4ae06', class: "dropdown__chevron" }, h("dga-icon", { key: '223ba6b4db7e78b5561e7d227873b7fb0a453d44', icon: arrowDown01Stroke, size: 20 }))), h("ul", { key: 'ab35fae0abb43c65241ca0be55b02c9875bbbd84', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
+                .join(' ') }, h("button", { key: 'befa169829603fe710b9b4c678c124a51f559891', 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: '225b8fd8847dc88eb7bc4a11df5cda2c242858a1', class: "dropdown__label" }), h("span", { key: 'b85f193b35dc6408b602eb28c436e9e14a14a870', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: 'd138403afd66d940ae840f02f55105e22550129b', class: "dropdown__chevron" }, h("dga-icon", { key: '10aec05143f4b04ca8c157bc3fd81734ef296222', icon: arrowDown01Stroke, size: 20 }))), h("ul", { key: '845f6b1e4f262a36e6d32a70cf1ba48818d5aca1', 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: '1ea43cc070b48193cd0a6266df0cbed0774dc7b2' }, h("h1", { key: 'e644d3f1dbc510884dae4ada22c12d42ca966c43' }, "Featured Icon Example"), h("div", { key: '88bdfad280a0988f8e455f045306e25d1626e2b5', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'abaa59e419727cdda38e9a96a20151312b37c0c2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (h("div", { key: 'b1d3d058a3de40c0bb2f16f77cd00c6f4f5e20a8' }, h("h1", { key: '078152089769ebac9510a6ad84b5a846ee93b5ac' }, "Featured Icon Example"), h("div", { key: 'fa6a9681bf97d5c82bc89c96c991033dd93ffe01', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '0e15b195aaf9e4de57c21da54a298172f59184f8', 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: 'd710c3978982cf141cec5456570127dd96d55752', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '340db685d820de39b2a0e8261be737f8f0306047', 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: '46e6146c7986b34f738703065d0788129af292ce', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'def93dd59650db338ffcd10e5d6c83074daebb84', 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: '5a1954660a79cdab9c2a6e08793ec87beece41d3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '258d85ce4cda1774bf46b296e19cb5c1c7d39829', 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: 'c9855389c4297b4066932ae208ed36c3fa7c9c3c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '8be1476b0e919cbfb0baaf5fa7c90765746d1bc6', 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: 'f49f7c02f895978423f1a3236950a783adcc63ae', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '07feede3eae8501b3540130056728041e5056fe1', 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: '03730fdf7f3e3655e47c0317269a8c3de1f0837e', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '4e684519ca0088acac52bf5530e3eda23b483130', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant }))))), h("div", { key: '2d0dc1347bad54b3c9683715dcc81b93317672c8', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '6e9bef679474ff22892b38de3b6f846d9d55b468', 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: '338298ac39f91e7eb9e27e95b2c40858203c9a8f', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '405fd5f4992fd61fe7295b3590bca6d8016f5f7c', 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: '5c1eda4ff6e5e0ca45be7a5a687b64793eff1176', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'dc8e991aa9802089d85efb26df538fb5165da784', 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: '073d29e24e676f44d55e44870d344ba112d6605d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '227ac76e5d5eb4b6a1b8c1f36dcdfae089ccae75', 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: '8620f601d6743529d5e483363390c46b468bd594', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'db136594b893e495c7022ea25bccaab6dd47dae2', 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: 'eace1f84d6a512390b7001352b445bc2f6f2e16c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '36a74fcdd97ed137038f1fa078fe32c3f00cd4ab', 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: '6b85a00051006359edaeb71a446987f5b1db3762' }, h("h1", { key: '39e4a051129232328020939932a6bfd0d09a4ca6' }, "Search Box Example"), h("div", { key: '71daef77c61065d86c1c7b1a312ff5f6e4e35e63', style: { padding: '50px' } }, h("div", { key: '493a61c3399428603e6296159a2a72ebca6a871d', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (h("div", { key: '67fff1c01d5cddd9762c82e6a96ca99c989ece80' }, h("h1", { key: '4b430f82c3bed2451845826aaec4931c03d774c4' }, "Search Box Example"), h("div", { key: '1d070acc397942debfd8b369586f402745ab52c6', style: { padding: '50px' } }, h("div", { key: '184f15e459beca59193413a91e894eecb2a880d6', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
     }
 };
 

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

@@ -117,7 +117,7 @@ const DgaFilterationUsage = class {
         };
     }
     render() {
-        return (h("div", { key: '43342faaca5c4e2cd53afa9804d65b1a0af117a1', class: "filteration-usage" }, h("h2", { key: '4504c9c4f84467e8117edf1ddfaadd0e14ebba1c' }, "Filteration Component Examples"), h("div", { key: '36e553bbe433f0a7221dcb97f5774bc619ef57a5', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: '7091c77baa06dd05688bc7340cadffd929b409a8' }, "Default Filteration"), h("dga-filteration", { key: 'e3f2f16ebdce0e571bfac47c274b72c51c3cb99d', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
+        return (h("div", { key: 'df32b2142235dd084aa658fbc0503722d3b3c021', class: "filteration-usage" }, h("h2", { key: '856fdef344fd89464a177cb42b3b15c2bc0d3a89' }, "Filteration Component Examples"), h("div", { key: '40512b41f1664464147ff16bb13abb76e726dd29', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: 'e8fa0355c10dee4aad7106502ab4e8d6f8cb3bee' }, "Default Filteration"), h("dga-filteration", { key: 'fea4d5b4a6aa0e9594582596f8458c5e03588d2c', 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: '66e0d06d5444f6e5672210866dbff053d858bbc1', id: this.componentId, style: this.rootStyles }, h("div", { key: '58b830e489eb3a2d0edfe592aa04330a7886ab96', class: "dga-flex-container", style: styles }, h("slot", { key: 'a0feb0adb5ac1b67eaaa8aa79a600274c8a437b9' }))));
+        return (h(Host, { key: '030a4f253078dc211522758217e47dbe1b861db0', id: this.componentId, style: this.rootStyles }, h("div", { key: '354ceaca31c168794390b415183d5a73df20ddb1', class: "dga-flex-container", style: styles }, h("slot", { key: 'd94e0968cbf4e23570e500c1ab8dfbb20159a11b' }))));
     }
     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: 'ac667cc05719ace6df84e5a8442522e842c1e925', style: {
+        return (h("div", { key: 'bc589750c960a0448e189c195ba1369eaa28cef7', style: {
                 margin: "10px"
-            } }, h("floating-button", { key: 'cec0a9b79781fcab05919358ad8ecbab7ee1a09a', variant: "secondary-solid" }), h("div", { key: 'a13b403b58d9a4d5026444702dc9b4a4a55cda59', style: {
+            } }, h("floating-button", { key: '7bd9e6d440a3468f408134020dcada03f2430ed2', variant: "secondary-solid" }), h("div", { key: 'f238a60b0105c32625ab387221621877f62a87d6', style: {
                 marginTop: "10px",
-            } }, h("floating-button", { key: '09f0676171b6ef92dc62d93181ad10a4f2d866e2', variant: "primary-neutral", iconOnly: true }))));
+            } }, h("floating-button", { key: 'd6c3b83917d3293008d68bd32f7b28597726033b', 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: '2f479a75f1c2014311fe835fd5aee75eb5012dda' }, h("h1", { key: 'f9077ae7ca07171c3e9c148d2e9363b20ff8496c' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: '363454b8832fedd26ff69feb925e5dc7672a481c', background: "DarkGreen", NavLinks: true, groupLinks: [
+        return (h("div", { key: 'a1150ea1074e85bf201ad79730b1101cae7144e3' }, h("h1", { key: '4d2525181f22f5678514520dd4bc71902b75a919' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: 'cd3665503e23280d2ba24b537510e2b52465379d', 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: '74f97f1cb2857b2909d98a85548c4193c0d63d54', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '0f228d46ae1cf766f6ef3c72b691603f93d23aa2', 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: 'abbdb68fbe2a1b99744ae22b27a77e1941352c6e', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '692052d660cab7adf4fd80eaadf3bcb5a9b3eaf3', background: "Light", NavLinks: true, groupLinks: [
                 {
                     title: 'Group Label',
                     links: [
@@ -190,7 +190,7 @@ const DgaFooterUsage = class {
                     name: 'Privacy Policy',
                     target: '#',
                 },
-            ] }), h("h1", { key: '5c3971ce4a578c7cbedf7ce8e17637a849f1eaa7', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
+            ] }), h("h1", { key: '46d3216a121aef3b5dcab496e6a319b791207a59', 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: '1ac8bbce7d1ffe91fcb46d32ab1c5c77588cdd85', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '5314e31976c633e7289ef48244799ece950c1c23', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: '787a7dba9a806cf5b2fcae2b5b1bda1d33aebe57', class: "footer-icon-section" }, h("a", { key: 'e61b86a4f2f7818542b2863a14792ba2a6c58423', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: 'ba543840088279ff513e65808ffe28169a22d259', class: "footer-title-description" }, h("h3", { key: '989ce86d50b436ac40a569758b74162d9f2edf7d', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: '6212e654a1fd6c88632e61450070baa09657fb44', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: 'ea0b128c4bf11e2d46702e8de64490be0a353b02', 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: 'e8defdf2110f43f5708911adc68bcd7adddc543f', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: '3eb6e43c4af84b85bb61f44dbc453ed8b1ece9c2' }, this.socialMediaTitle && h("div", { key: 'e164ce02f0e7f5822d32df9f0b49dac265f9fd44', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: 'e904aa450a5de609ba4ccb461a037608d9c312c8', 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", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: 'fed531eab6cf4f5397da68f5425b5bb2d5c52ee5' }, h("div", { key: 'ba1023e96f268e2f12c66aebd745029cb6a41580', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: '0b9d40f730c9612403b57ca62af726adb5ff0832', 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", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: 'c598798b25fbde99fe4ee75bf2b2c1fb6d9b4b68', class: "footer__basic" }, h("div", { key: '4fa901ff034a46a3e9ddf70d3565decc23fe04ae', class: "footer__actions-copyright" }, h("ul", { key: '24dd81a8780f19e7139ea0fb66cf68d08fd339de', 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: '864b8951956ecbc9afa84a8de2f0c63c5962b6d4', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'c74a46809d9032ff542d5b112e6704e89e348f13', 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: '1a85e1b68deafb7686dd5b6b590bb806f6bac74f', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
+        return (h("footer", { key: '2814ae7529b012f44c6f52a9de9859e077bec915', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '656062bc7f1b7711b52a4bebab5d6d71070146eb', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: '74b1a98c3d52d888b778d65c18c9f71c68cbe29e', class: "footer-icon-section" }, h("a", { key: '5ddeddc692a2f2a760e1a8ef35cf7d0a5d37aa34', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: '703ff7ec5dbf14bfb400002f1d5bfbac7933438d', class: "footer-title-description" }, h("h3", { key: '6f7b63f6b677483d589d4b29b8eee87d768ab3b3', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: 'f0e79608beeff070a161e75c857228df0a53a57c', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: '637f1980eeedd5e2aa30ab543bbe4c59ea606bac', 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: '72df9188b5c238e054bbd33522bdd2eff4954e1b', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: 'e8b12056916617acfcba5cf838eeedb1cea40826' }, this.socialMediaTitle && h("div", { key: '308160ac867e6b9e81eefc3c68e6564a64485d18', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: 'b11dfd16be906b404921c83bf33e8f3624188963', 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", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: '466bfa699431b498bd6598eba2f1005ffe9b81a1' }, h("div", { key: '17454ed7c7c895da07c3cb222d67086327506b5f', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'f2f5e07255b34a927ff304fefb64e6cd0574cbd6', 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", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: 'd85529b7cd8b39dc372af460997faaa916ddb303', class: "footer__basic" }, h("div", { key: 'abd90817943a4452096952775422c5fcbe467528', class: "footer__actions-copyright" }, h("ul", { key: '7e6f0f8cea727df44a9dc2c3a13717aef4524611', 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: 'ea8c4c8c4f4c62cfd4c094b987c6b48debff9de9', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'f894dc366075094d781f033f5a26a663d1a40ca8', 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: 'a8fd80f57cd13dcf2fb00f156467f5ee060a85a2', 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: 'db2939f8ea1477199e484555884da44f90d37bcf', class: "flexible-gap-usage", style: {
+        return (h("div", { key: '1714149c872a9bce08a344346c4fdd825d46bf8a', class: "flexible-gap-usage", style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '20px',
-            } }, h("h2", { key: 'a024312c7347789f310c5b05453e2d72fb1d030e' }, "Grid Component with Flexible Gap Examples"), h("section", { key: 'fea4b42f867ebdf28297075ad81e0c37a73f35cc' }, h("h3", { key: 'e4506b676a25588988df8afdfbca81b3556c77b3' }, "Simple String Gap"), h("dga-grid-container", { key: '0087631dbceb9fd6f967d33e39edba5fc4a1f07e', gap: "16px" }, h("dga-grid-item", { key: 'e90f5ae2f065163b94b53f61abbfffad3c734bc7', xs: 12, sm: 6, md: 4 }, h("div", { key: '555a1c9e2b37671a8ea0b3bdc1dcec403a2bbdda', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'c4df5d9b52f7853ef8b81532c34282bd3bd9e068', xs: 12, sm: 6, md: 4 }, h("div", { key: '6fd7595ab49001ca82784ecb64ac36dc154975d2', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '134aec9d2128c77e47a4dedf6347be1c91880798', xs: 12, sm: 6, md: 4 }, h("div", { key: 'e32c42e516896165fbfe60ef7df4aab3630c0788', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'fd24328a33b4c930389dd099c53be213593a2462', xs: 12, sm: 6 }, h("div", { key: '612f89984c1c9e8d4ccafddfc4b5717f95ea5d73', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'd2555b16e49ad61a02ab2008265d108b1b2be698', xs: 12, sm: 6 }, h("div", { key: 'd74ed851afec55d37329c44c8886eba45634a50a', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'd067ba3d86e9d2580214427642d34a7e6a2ee547', xs: 12 }, h("div", { key: 'b4ee61c26875861e6281cc1d2b429bcb2a2d6bce', class: "demo-content" }, "16px gap between all items"))))));
+            } }, h("h2", { key: 'dd332ae18347472af684bf27f4c833b2b938b768' }, "Grid Component with Flexible Gap Examples"), h("section", { key: '10e9d66652e44ebd8a708fa60e839b2ddbde5c30' }, h("h3", { key: '1b37c4566baf84e226b4c1c1205d94b0ef60db78' }, "Simple String Gap"), h("dga-grid-container", { key: '1489108464dbe394fb97c917ae610714ba4570d6', gap: "16px" }, h("dga-grid-item", { key: '797b733970220698d3e279da69ee54cc433486a5', xs: 12, sm: 6, md: 4 }, h("div", { key: '8b6e4b5bbc5aff85be0aaab86ebb2633dde73536', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '43a4098873ae5e5f28c5c8e2976dd26f1879f93e', xs: 12, sm: 6, md: 4 }, h("div", { key: '9d36ae98c25b8fd93a2e8380fd97a92e5b3deb30', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '42f3828f7c23846cad6b0f7614acfa99097b88b7', xs: 12, sm: 6, md: 4 }, h("div", { key: '988eba0040a2a09f80f1ce6248de24b8eb8a043d', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'c9ff649a0cf3c5755790c2c1683ded31520c6205', xs: 12, sm: 6 }, h("div", { key: '0d0b7d197bf5c7c3f227724d8f2a3c05d05d9400', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '91ed3e438aed1a26f85c06370e1b71e18e205cec', xs: 12, sm: 6 }, h("div", { key: '22c2769d308a30e377667d12e7d1acf59d26c407', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'd3290cc97879710e9aaf0eff3f3c7f6bcc264feb', xs: 12 }, h("div", { key: '2ff7ec130ca99359827e5605fc480f1950f090eb', class: "demo-content" }, "16px gap between all items"))))));
     }
 };
 DgaGridUsage.style = dgaGridUsageCss;

package/dist/esm/dga-header-action-btn_11.entry.js

@@ -24,7 +24,7 @@ const DgaSecondNavHeader = class {
         });
     }
     render() {
-        return (h(Host, { key: '2148ff638962c3774f6296bb153ab227b2037242' }, h("div", { key: '1876a750095870936c30c938417dbf8f2edc2e7c', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '39f09c68a16d833e43610913fb903bcafd8b1f9f', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '4185be99ad09528b5ab48dfb2f9f9683c80dcc62', class: `content` }, h("slot", { key: '9c880c19c64d3b5a13fd531e1b4e8f6d88ebf13b', name: "content" })), h("div", { key: '9365fa894dc11cbfbccd783834481fb86fd3d0e6', class: `actions` }, h("slot", { key: '252fa64837f5c111ff0954c921c906aa9bba1053', name: "actions" }))))));
+        return (h(Host, { key: 'd15b8c138aab31ed9ec5be82fd9d01646661009e' }, h("div", { key: '7c8718214dfc2b5306301a71410574bd032b14eb', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '359525936778b41ef55d258a8da94b4ddc475736', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '881b219f80facbcf88aebe9630d03940951a45ab', class: `content` }, h("slot", { key: 'c73674137f041b76a0f6b8610c31388265b91836', name: "content" })), h("div", { key: '2326d23fe361f04fe965b5b276426a29b4694df2', class: `actions` }, h("slot", { key: 'b29042c36276a0e7fc59d9f285e83cf2bd9becb3', name: "actions" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -34,7 +34,7 @@ const DgaSecondNavHeaderActions = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '37d52515535536dd4bbec09ff34561c2cf641af7' }, h("div", { key: '70359fb2e401799c98cc206539e5307a44dfc8bb', class: `items-container` }, h("slot", { key: '00f13fc62dfdb9e26dae61b74bfe54bfcaad69cd' }))));
+        return (h(Host, { key: '957d39eaebd84ae360971b94c1ad557443f27446' }, h("div", { key: 'f429c3285af74f912f5caca52b16667e687ab02e', class: `items-container` }, h("slot", { key: '67f6b902b751358b0c63c3c7fc2ecd8dadee829c' }))));
     }
 };
 
@@ -43,7 +43,7 @@ const DgaSecondNavHeaderContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'd1e640c6c31419544931a943928581ef2ea7eb5c' }, h("div", { key: '6e70bdd808ba728ed6ef56f595cc5bef8001cb59', class: `items-container` }, h("slot", { key: '47451b0f111654c0c6691e28b6f75aff959efa01' }))));
+        return (h(Host, { key: '635f5ad2106c61c868c9b70ba2039ae4d4d793aa' }, h("div", { key: '024173f4fc7044afeb3fb5ea2d5b4f84f3334f19', class: `items-container` }, h("slot", { key: '84e388fb8bf6e4da6ff81ecb5a2605992317166d' }))));
     }
 };
 
@@ -60,7 +60,7 @@ const DgaSecondNavHeaderItem = class {
         });
     }
     render() {
-        return (h(Host, { key: '229c796621d1842e6484a2857130228a6064aae2' }, h("slot", { key: '9b10838752cd3103a736a4bf1931ec58e142ec36', name: 'icon' }), h("slot", { key: '70317608a423de1002f8b762096309aed55b2311', name: 'label' }, this.label)));
+        return (h(Host, { key: '9e554186251de15a55c7ec9ab168df241c49bedb' }, h("slot", { key: 'a4615c99e954e17943c37ae53f1ef25ef567aa6f', name: 'icon' }), h("slot", { key: 'c0b897cb6f3caefba64a5ed4215d3145a5e6b03c', name: 'label' }, this.label)));
     }
     get el() { return getElement(this); }
 };