@lifesg/react-design-system 2.1.0-canary.3 → 2.1.0-canary.4

package/navbar/brand.d.ts

@@ -3,9 +3,10 @@ import { BrandType, NavbarBrandingProps } from "./types";
 interface Props {
     resources: NavbarBrandingProps;
     compress?: boolean | undefined;
+    "data-id"?: string | undefined;
     "data-testid"?: string | undefined;
     type: BrandType;
     onClick?: ((event: React.MouseEvent<HTMLAnchorElement>, type: BrandType) => void) | undefined;
 }
-export declare const Brand: ({ resources, compress, onClick, "data-testid": testId, type, }: Props) => JSX.Element;
+export declare const Brand: ({ resources, onClick, "data-id": dataId, "data-testid": testId, type, }: Props) => JSX.Element;
 export {};

package/navbar/brand.styles.d.ts

@@ -1,6 +1,5 @@
 import { BrandType } from "./types";
 interface StyleProps {
-    $compress?: boolean | undefined;
     $type?: BrandType | undefined;
 }
 export declare const Clickable: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, StyleProps, never>;

package/navbar/index.js

@@ -21,7 +21,7 @@ import{MenuIcon as e}from"@lifesg/react-icons/menu";import t,{css as r,keyframes
             `}
     }
 `,Mt=l.forwardRef(((e,t)=>{var{children:r,focusHighlight:n=!0,focusOutline:o="none",type:a="button"}=e,l=Vt(e,["children","focusHighlight","focusOutline","type"]);return i(Ut,Object.assign({ref:t,$outline:o,$highlight:n,type:a},l,{children:r}))})),Yt="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",Gt={notCompress:6,compress:4},Qt=t.div`
-    position: ${e=>e.$fixed?"fixed":"relative"};
+    position: ${e=>e.$fixed?"sticky":"relative"};
     background-color: white;
     z-index: 30;
     top: 0;
@@ -65,19 +65,23 @@ import{MenuIcon as e}from"@lifesg/react-icons/menu";import t,{css as r,keyframes
     color: ${Wt.Neutral[1]};
 `,Zt=t.div`
     display: flex;
-    height: 100%;
     flex-direction: row;
     align-items: center;
     flex-shrink: 0;
+
+    height: ${e=>e.$compress?1.5:2}rem;
+
+    ${Lt.tablet} {
+        height: 1.5rem;
+    }
 `,er=t.div`
     display: flex;
     background-color: ${Wt.Neutral[5]};
-    height: ${e=>e.$compress?2:2.5}rem;
+    height: 100%;
     width: 1px;
-    margin: 0 ${e=>e.$compress?1.125:1.5}rem;
+    margin: 0 ${e=>e.$compress?1:1.5}rem;
 
     ${Lt.tablet} {
-        height: 1.5rem;
         margin: 0 1rem;
     }
 `,tr=l.forwardRef(((e,t)=>{const{children:r,"data-testid":n="container",type:o="flex",stretch:a=!1}=e,l=Vt(e,["children","data-testid","type","stretch"]);return i(rr,Object.assign({ref:t,"data-testid":n,$type:o,$stretch:a},l,{children:r}))})),rr=t.div`
@@ -193,18 +197,15 @@ import{MenuIcon as e}from"@lifesg/react-icons/menu";import t,{css as r,keyframes
 `,pr=({show:e=!1,rootId:t,onOverlayClick:r,children:n,backgroundOpacity:o,backgroundBlur:a=!0,disableTransition:u=!1,enableOverlayClick:h=!1,zIndex:g,id:f})=>{const[m,b]=s(null),[y,v]=s(),$=d(),w=d(!1),F=d(null),S=n&&l.cloneElement(n,{ref:F}),x=f?`lifesg-ds-overlay-root-${f}`:"lifesg-ds-overlay-root";c((()=>{const t=!0===w.current;if(t||(w.current=!0),e){const e=A();if(B(e),!e){const e=setTimeout((()=>{_("add")}),200);return()=>clearTimeout(e)}}else{if(!t)return;if(!$.current){const e=setTimeout((()=>{_("remove")}),200);return()=>clearTimeout(e)}}}),[e]),c((()=>{b(k());const e=A();return B(e),e||j(),()=>{_("remove")}}),[]);const B=e=>{$.current=e,v(e)},k=()=>document&&t?document.getElementById(t):document?document.body:null,A=()=>document.body.classList.contains(fr),j=()=>{if(!document.getElementById(gr)){const e=document.createElement("style");e.id=gr;const t=document.documentElement.clientWidth,r=window.innerWidth-t;e.innerHTML=`\n\t\t\t\t.${fr} {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tpadding-right: ${r}px !important;\n\t\t\t\t\t-ms-overflow-style: none;\n\t\t\t\t\tscrollbar-width: none;\n\t\t\t\t}\n\n\t\t\t\t.${fr}::-webkit-scrollbar {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t`,document.body.appendChild(e)}},_=e=>{const t=document.body.classList.contains(fr);"add"!==e||t?"remove"===e&&t&&document.body.classList.remove(fr):document.body.classList.add(fr)},E=e=>{var t;const n=null===(t=F.current)||void 0===t?void 0:t.firstChild;n&&n.contains(e.target)||r&&h&&(e.preventDefault(),r())};return m?p.createPortal(i(ur,Object.assign({id:x,"data-testid":x,$show:e,zIndex:g,$stacked:y},{children:n&&i(hr,Object.assign({"data-testid":"overlay-wrapper",$show:e,$backgroundOpacity:o||(y?.5:.8),$backgroundBlur:a,$disableTransition:u,$enableOverlayClick:h,onClick:E},{children:S}))})),m):null},gr="lifesg-ds-overlay-stylesheet",fr="lifesg-ds-overlay-open",mr=t.a`
     display: flex;
     justify-content: center;
+    height: 100%;
 
     img {
         width: auto;
-        height: ${e=>"primary"===e.$type?e.$compress?1.25:1.625:e.$compress?2:2.5}rem;
+        height: 100%;
         transition: ${Yt};
         object-fit: contain;
-
-        ${Lt.tablet} {
-            height: ${e=>"primary"===e.$type?1:1.5}rem;
-        }
     }
-`;const br=({src:e,alt:t,className:r,"data-testid":n})=>i("img",{src:e,alt:t||"",className:r,"data-testid":n,onError:e=>{e.target.onerror=null,e.target.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABQCAYAAACeXX40AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARTSURBVHgB7Z1tUuJAEIY7qMRYWnIE9wR6BD2Be5S9weoN1pusJ1iPwJ5guYH4GeNH2HkppgojYAIhbXrepwoJEMofPHZP9zQxkgJpmh5HUfTdHZ6624EQsiLOp7676+d5fp4kyeDda/5gNBr1siz76Q5/CCHr41ccx+dOyiEejAWcyHflDg+FkDWDiNjtdk8gYQdPTCIf5SON4ALe0cQ5idya78CZ+E8IaRgn4gki4JkQogCK3Y77wdRLtDiNnp6eRkKIEh0hRBEKSFShgEQVCkhUoYBEFQpIVKGARBUKSFShgEQVCkhUoYBEFQpIVNkUokqWZfLy8iJvb2/jx1tbWxLHsWxsbEgIcBpGCQh3e3srr6+vH16Lokh2dnbGN+swAioA+a6vrzERPPN1PP/w8CB5nsvu7q5YhmvAhoFciHzz5JsmTVNxGUosQwEbBmu+WWl3Ho+Pj6VkbSsUsGGqRjSka6Riq1DAhllGJkZAUhuocKtCAUltLNPfs9wTpIAL8M3hOtne3q50PhrTnY7dj4kCzgFrteFwKM/Pz1In3W53vNNRFvYBA+Xm5mYs4bzdilWAVJubn+8B7O3tlTqvzVDAGaAB7KVDAXB/f19rIYCU2uv1JEmSmUUJpMPrVdN1G+FecAGs+5B6i+0SpM79/X2pG/weyI57yIiCw3rUm4Z7wVMgyt3d3c3s1WEtiMiIqFUniIaQO1SYgqfALgVGo+aBVFx3URI6FHACoh4mUD4DRYnlrbGmoYATUPWWKTRwDtaIlncnmoQCyvuqtwwoVJCOyeoELyBkKpN6i2C9iFEpshrBC1h2OHQWEHeZogTvwVwgCVxARLBVdzmqFiUQD+/BbR17zW0jWAHx4deRQhE9yxYwfu3oz10l+lohWAHLSlMGRFE0sBfhhxumoyXeF3oxE6SAiHx1pz+k1nnj9pDODzcUwXusf/FoEcEJiKizruoVUbC4k+LlW7TW9F/BDJHgBFz3uqu4l4zHnxU6fuwrxPVgUAKi4bzuytNf8cAPNpRt0yByhthXDGYcC1EIVyNoCoxUVW3xYBwLQ6hVJqbbThAR0EejJlmmv+iHX0NaDwYhYB0N56bw68FQMC8gxMPar02EtB40LyBSbxurS7RmFg3HWsG0gG1KvbNo6x9PFcwKiOixzJjVV2K6pWMVkwL6atIC1ke3TArY9tRbpMxuSlsxJ2Abq94yWE3F5gS0+kFZ/R6KKQFRdFieMsbYlrXobkbAUJq31ka3zFyaAwKGsomPqrjuS4RowYsTEVX4xXSiCgUkqlBAogoFJKpQQKIKBSSqUECiCgUkqlBAogoFJKpAwIEQokO/k+f5pRCiQBRF/ShN02N38EcIaZjRaPStkyTJlYuCF0JIs1w49wbj/5TnTOxlWYYoeCSErJ+/cRwj8w7HVTAO3BMnjISkAS68fHjw4X+FujXhgbs7cyccCiMiqYeBu126TPsbS77pF/4DuxeyMpdnp3gAAAAASUVORK5CYII="}}),yr=({resources:e,compress:t,onClick:r,"data-testid":n="navbar-brand",type:o})=>i(mr,Object.assign({role:"link","aria-label":e.brandName+"-app-home-page",onClick:e=>{r&&r(e,o)},$compress:t,tabIndex:0,"data-testid":n,$type:o},{children:i(br,{src:e.logoSrc,alt:e.brandName+"-app-logo"})})),vr=t.div`
+`;const br=({src:e,alt:t,className:r,"data-testid":n})=>i("img",{src:e,alt:t||"",className:r,"data-testid":n,onError:e=>{e.target.onerror=null,e.target.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABQCAYAAACeXX40AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARTSURBVHgB7Z1tUuJAEIY7qMRYWnIE9wR6BD2Be5S9weoN1pusJ1iPwJ5guYH4GeNH2HkppgojYAIhbXrepwoJEMofPHZP9zQxkgJpmh5HUfTdHZ6624EQsiLOp7676+d5fp4kyeDda/5gNBr1siz76Q5/CCHr41ccx+dOyiEejAWcyHflDg+FkDWDiNjtdk8gYQdPTCIf5SON4ALe0cQ5idya78CZ+E8IaRgn4gki4JkQogCK3Y77wdRLtDiNnp6eRkKIEh0hRBEKSFShgEQVCkhUoYBEFQpIVKGARBUKSFShgEQVCkhUoYBEFQpIVNkUokqWZfLy8iJvb2/jx1tbWxLHsWxsbEgIcBpGCQh3e3srr6+vH16Lokh2dnbGN+swAioA+a6vrzERPPN1PP/w8CB5nsvu7q5YhmvAhoFciHzz5JsmTVNxGUosQwEbBmu+WWl3Ho+Pj6VkbSsUsGGqRjSka6Riq1DAhllGJkZAUhuocKtCAUltLNPfs9wTpIAL8M3hOtne3q50PhrTnY7dj4kCzgFrteFwKM/Pz1In3W53vNNRFvYBA+Xm5mYs4bzdilWAVJubn+8B7O3tlTqvzVDAGaAB7KVDAXB/f19rIYCU2uv1JEmSmUUJpMPrVdN1G+FecAGs+5B6i+0SpM79/X2pG/weyI57yIiCw3rUm4Z7wVMgyt3d3c3s1WEtiMiIqFUniIaQO1SYgqfALgVGo+aBVFx3URI6FHACoh4mUD4DRYnlrbGmoYATUPWWKTRwDtaIlncnmoQCyvuqtwwoVJCOyeoELyBkKpN6i2C9iFEpshrBC1h2OHQWEHeZogTvwVwgCVxARLBVdzmqFiUQD+/BbR17zW0jWAHx4deRQhE9yxYwfu3oz10l+lohWAHLSlMGRFE0sBfhhxumoyXeF3oxE6SAiHx1pz+k1nnj9pDODzcUwXusf/FoEcEJiKizruoVUbC4k+LlW7TW9F/BDJHgBFz3uqu4l4zHnxU6fuwrxPVgUAKi4bzuytNf8cAPNpRt0yByhthXDGYcC1EIVyNoCoxUVW3xYBwLQ6hVJqbbThAR0EejJlmmv+iHX0NaDwYhYB0N56bw68FQMC8gxMPar02EtB40LyBSbxurS7RmFg3HWsG0gG1KvbNo6x9PFcwKiOixzJjVV2K6pWMVkwL6atIC1ke3TArY9tRbpMxuSlsxJ2Abq94yWE3F5gS0+kFZ/R6KKQFRdFieMsbYlrXobkbAUJq31ka3zFyaAwKGsomPqrjuS4RowYsTEVX4xXSiCgUkqlBAogoFJKpQQKIKBSSqUECiCgUkqlBAogoFJKpAwIEQokO/k+f5pRCiQBRF/ShN02N38EcIaZjRaPStkyTJlYuCF0JIs1w49wbj/5TnTOxlWYYoeCSErJ+/cRwj8w7HVTAO3BMnjISkAS68fHjw4X+FujXhgbs7cyccCiMiqYeBu126TPsbS77pF/4DuxeyMpdnp3gAAAAASUVORK5CYII="}}),yr=({resources:e,onClick:t,"data-id":r,"data-testid":n="navbar-brand",type:o})=>i(mr,Object.assign({role:"link","aria-label":e.brandName+"-app-home-page",onClick:e=>{t&&t(e,o)},tabIndex:0,"data-id":r,"data-testid":n,$type:o},{children:i(br,{src:e.logoSrc,alt:e.brandName+"-app-logo"})})),vr=t.div`
     display: none;
 
     ${Lt.tablet} {
@@ -814,5 +815,5 @@ import{MenuIcon as e}from"@lifesg/react-icons/menu";import t,{css as r,keyframes
     :hover {
         color: ${Wt.Neutral[1]};
     }
-`,Ia=({items:e,selectedId:t,mobile:r=!1,onItemClick:n})=>{const[l,u]=s(-1),[h,p]=s(!1),g=d(null);c((()=>{const e=e=>{g.current&&!g.current.contains(e.target)&&f()};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0)}}),[]);const f=()=>{p(!1)},m=(e,t)=>r=>{r.stopPropagation(),u(t),p(!0),n(r,e)},b=(e,t)=>{e.stopPropagation(),n(e,t),p(!1)},y=()=>e.map(((e,n)=>{if("component"===e.itemType){const t=e&&e.children||null;return i("li",{children:t},n)}{const a=(e=>{if(e.id===t)return!0;if((null==e?void 0:e.subMenu)&&e.subMenu.length>=1)return!!e.subMenu.find((e=>e.id===t));return!1})(e),{children:c,options:s}=e,d=Vt(e,["children","options"]),u=a?r?"bold":"semibold":"regular",p=r?`link__mobile-${n+1}`:`link__${n+1}`,g=l>=0&&l===n&&h;return o(Ea,{children:[o(Ha,Object.assign({"data-testid":p,weight:u,$selected:a},d,{onClick:m(e,n)},s,{children:[i(Da,{children:c}),a&&i(Oa,{}),r&&e.subMenu&&i(Ca,{children:i(za,Object.assign({"data-testid":`${p}-expand-collapse-button`,$selected:g,focusHighlight:!1,focusOutline:"browser","aria-label":g?"Collapse":"Expand"},{children:i(Na,{})}))})]})),g&&i(Aa,{items:e.subMenu,mobile:r,onItemClick:b})]},n)}}));if(e&&e.length>0){return i(r?_a:ja,Object.assign({ref:g},{children:y()}))}return i(a,{})},Ta=u(((e,t)=>{var{items:r,id:n,selectedId:l,compress:u=!1,fixed:p=!0,resources:g=Wa,hideNavElements:f=!1,drawerDismissalExclusions:m=[],actionButtons:b,onItemClick:y,onActionButtonClick:v,onBrandClick:$,masthead:w=!0,layout:F="default"}=e,S=Vt(e,["items","id","selectedId","compress","fixed","resources","hideNavElements","drawerDismissalExclusions","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout"]);const[x,B]=s(!1),[k,A]=s(!1),j="stretch"===F,_=d(),{primary:E=Wa.primary,secondary:H}=g;h(t,(()=>Object.assign(_.current,{dismissDrawer:()=>{D()}})),[x]),c((()=>(C(),window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)})),[]);const D=()=>{B(!1),setTimeout((()=>{A(!1)}),550)},O=e=>x&&-1===m.indexOf(e),C=()=>{window.innerWidth<=Pt.tablet&&x&&D()},z=(e,t)=>{$&&(e.preventDefault(),$(t)),O("brand-click")&&D()},N=(e,t)=>{t.onClick?t.onClick(e):y&&(e.preventDefault(),y(t)),!(null==t?void 0:t.subMenu)&&O("item-click")&&D()},I=(e,t)=>{t.args&&t.args.onClick?t.args.onClick(e):v&&(e.preventDefault(),v(t)),O("item-click")&&D()},T=()=>{B(!0),A(!0)},W=()=>{O("close-button-click")&&D()};return o(Qt,Object.assign({ref:_,$fixed:p,id:n||"navbar-wrapper","data-testid":S["data-testid"]||"navbar-wrapper"},{children:[w&&i(cr,{}),o(ar.Content,Object.assign({stretch:j},{children:[o(Xt,Object.assign({$compress:u},{children:[o(Zt,{children:[i(yr,{resources:E,compress:u,onClick:z,"data-testid":"main__brand",type:"primary"}),H&&o(a,{children:[i(er,{$compress:u}),i(yr,{resources:H,compress:u,onClick:z,"data-testid":"main__brand-secondary",type:"secondary"})]})]}),!f&&o(Jt,{children:[i(Ia,{items:r.desktop,onItemClick:N,selectedId:l}),i(va,{actionButtons:b,onActionButtonClick:I}),i(Kt,Object.assign({"aria-label":"Open nav menu","data-testid":"button__mobile-menu",onClick:T,focusHighlight:!1},{children:i(qt,{})}))]})]})),!f&&i(pr,Object.assign({show:k,enableOverlayClick:!0,onOverlayClick:W},{children:o(Br,Object.assign({show:x,resources:{primary:E,secondary:H},onClose:W,onBrandClick:z,actionButtons:b},{children:[i(Ia,{items:r.mobile||r.desktop,onItemClick:N,selectedId:l,mobile:!0}),i(va,{actionButtons:b,onActionButtonClick:I,mobile:!0})]}))}))]}))]}))})),Wa={primary:{brandName:"LifeSG",logoSrc:"https://assets.life.gov.sg/lifesg/logo-lifesg.svg"}},Pa=Gt,Ra=3.5;export{Ta as Navbar,Pa as NavbarHeight,Ra as NavbarMobileHeight};
+`,Ia=({items:e,selectedId:t,mobile:r=!1,onItemClick:n})=>{const[l,u]=s(-1),[h,p]=s(!1),g=d(null);c((()=>{const e=e=>{g.current&&!g.current.contains(e.target)&&f()};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0)}}),[]);const f=()=>{p(!1)},m=(e,t)=>r=>{r.stopPropagation(),u(t),p(!0),n(r,e)},b=(e,t)=>{e.stopPropagation(),n(e,t),p(!1)},y=()=>e.map(((e,n)=>{if("component"===e.itemType){const t=e&&e.children||null;return i("li",{children:t},n)}{const a=(e=>{if(e.id===t)return!0;if((null==e?void 0:e.subMenu)&&e.subMenu.length>=1)return!!e.subMenu.find((e=>e.id===t));return!1})(e),{children:c,options:s}=e,d=Vt(e,["children","options"]),u=a?r?"bold":"semibold":"regular",p=r?`link__mobile-${n+1}`:`link__${n+1}`,g=l>=0&&l===n&&h;return o(Ea,{children:[o(Ha,Object.assign({"data-testid":p,weight:u,$selected:a},d,{onClick:m(e,n)},s,{children:[i(Da,{children:c}),a&&i(Oa,{}),r&&e.subMenu&&i(Ca,{children:i(za,Object.assign({"data-testid":`${p}-expand-collapse-button`,$selected:g,focusHighlight:!1,focusOutline:"browser","aria-label":g?"Collapse":"Expand"},{children:i(Na,{})}))})]})),g&&i(Aa,{items:e.subMenu,mobile:r,onItemClick:b})]},n)}}));if(e&&e.length>0){return i(r?_a:ja,Object.assign({ref:g},{children:y()}))}return i(a,{})},Ta=u(((e,t)=>{var{items:r,className:n,id:l,selectedId:u,compress:p=!1,fixed:g=!0,resources:f=Wa,hideNavElements:m=!1,drawerDismissalExclusions:b=[],actionButtons:y,onItemClick:v,onActionButtonClick:$,onBrandClick:w,masthead:F=!0,layout:S="default"}=e,x=Vt(e,["items","className","id","selectedId","compress","fixed","resources","hideNavElements","drawerDismissalExclusions","actionButtons","onItemClick","onActionButtonClick","onBrandClick","masthead","layout"]);const[B,k]=s(!1),[A,j]=s(!1),_="stretch"===S,E=d(),{primary:H=Wa.primary,secondary:D}=f;h(t,(()=>Object.assign(E.current,{dismissDrawer:()=>{O()}})),[B]),c((()=>(z(),window.addEventListener("resize",z),()=>{window.removeEventListener("resize",z)})),[]);const O=()=>{k(!1),setTimeout((()=>{j(!1)}),550)},C=e=>B&&-1===b.indexOf(e),z=()=>{window.innerWidth<=Pt.tablet&&B&&O()},N=(e,t)=>{w&&(e.preventDefault(),w(t)),C("brand-click")&&O()},I=(e,t)=>{t.onClick?t.onClick(e):v&&(e.preventDefault(),v(t)),!(null==t?void 0:t.subMenu)&&C("item-click")&&O()},T=(e,t)=>{t.args&&t.args.onClick?t.args.onClick(e):$&&(e.preventDefault(),$(t)),C("item-click")&&O()},W=()=>{k(!0),j(!0)},P=()=>{C("close-button-click")&&O()};return o(Qt,Object.assign({ref:E,$fixed:g,className:n,id:l||"navbar-wrapper","data-testid":x["data-testid"]||"navbar-wrapper"},{children:[F&&i(cr,{}),o(ar.Content,Object.assign({stretch:_},{children:[o(Xt,Object.assign({$compress:p},{children:[o(Zt,Object.assign({$compress:p,"data-id":"brand-container"},{children:[i(yr,{resources:H,onClick:N,"data-id":"brand-primary","data-testid":"main__brand",type:"primary"}),D&&o(a,{children:[i(er,{$compress:p}),i(yr,{resources:D,onClick:N,"data-id":"brand-secondary","data-testid":"main__brand-secondary",type:"secondary"})]})]})),!m&&o(Jt,{children:[i(Ia,{items:r.desktop,onItemClick:I,selectedId:u}),i(va,{actionButtons:y,onActionButtonClick:T}),i(Kt,Object.assign({"aria-label":"Open nav menu","data-testid":"button__mobile-menu",onClick:W,focusHighlight:!1},{children:i(qt,{})}))]})]})),!m&&i(pr,Object.assign({show:A,enableOverlayClick:!0,onOverlayClick:P},{children:o(Br,Object.assign({show:B,resources:{primary:H,secondary:D},onClose:P,onBrandClick:N,actionButtons:y},{children:[i(Ia,{items:r.mobile||r.desktop,onItemClick:I,selectedId:u,mobile:!0}),i(va,{actionButtons:y,onActionButtonClick:T,mobile:!0})]}))}))]}))]}))})),Wa={primary:{brandName:"LifeSG",logoSrc:"https://assets.life.gov.sg/lifesg/logo-lifesg.svg"}},Pa=Gt,Ra=3.5;export{Ta as Navbar,Pa as NavbarHeight,Ra as NavbarMobileHeight};
 //# sourceMappingURL=index.js.map