Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@contentful/f36-navbar

Package Overview
Dependencies
Maintainers
4
Versions
68
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-navbar - npm Package Compare versions

Comparing version 5.0.0-alpha.5 to 5.0.0-alpha.6

3

dist/esm/index.js

@@ -7,2 +7,3 @@ import { MenuDivider, MenuSectionTitle, Menu } from '@contentful/f36-menu';

import { hexToRGBA } from '@contentful/f36-utils';
import { Avatar } from '@contentful/f36-avatar';
import { SkeletonContainer, SkeletonImage, SkeletonText, SkeletonBodyText, SkeletonDisplayText } from '@contentful/f36-skeleton';

@@ -13,3 +14,3 @@ import { generateIcon } from '@contentful/f36-icon';

var Je=Object.defineProperty,Ke=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var le=(e,t,o)=>t in e?Je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))fe.call(t,o)&&le(e,o,t[o]);if($)for(var o of $(t))de.call(t,o)&&le(e,o,t[o]);return e},s=(e,t)=>Ke(e,et(t));var l=(e,t)=>{var o={};for(var r in e)fe.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&$)for(var r of $(e))t.indexOf(r)<0&&de.call(e,r)&&(o[r]=e[r]);return o};var I={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},u=(e=f.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=(e,t)=>({containerTop:css({justifyContent:"center",backgroundColor:f.gray100}),containerBottom:css({justifyContent:"center",backgroundColor:f.gray100}),containerTopContent:css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:f.spacingXs,minHeight:f.spacingL,[I.medium]:{padding:`${f.spacingXs} 20px`}}),containerBottomContent:css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:0,paddingTop:f.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[I.medium]:{padding:`${f.spacing2Xs} ${f.spacingXs}`}})});function rt(e,t){let ce=e,{children:o,account:r,search:n,switcher:a,help:p,badge:c,bottomRightItems:m,topRightItems:g,contentMaxWidth:N="100%",testId:y="cf-ui-navbar",className:R,variant:F="wide"}=ce,X=l(ce,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId","className","variant"]),M=be(N,F);return v.createElement(Box,s(i({},X),{ref:t,testId:y,className:R}),v.createElement(Flex,{className:M.containerTop},v.createElement(Flex,{className:M.containerTopContent,justifyContent:"space-between"},v.createElement(Flex,null,a),v.createElement(Flex,{alignItems:"center",gap:"spacingXs"},g,c,n,p,r))),v.createElement(Flex,{className:M.containerBottom},v.createElement(Flex,{className:M.containerBottomContent,justifyContent:"space-between"},v.createElement(Flex,{as:"nav","aria-label":"Main Navigation"},o),m&&v.createElement(Flex,null,m))))}var ge=v.forwardRef(rt);var nt={warning:f.colorWarning,negative:f.colorNegative,info:f.blue500},ue=()=>({navbarAccount:css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":css({backgroundColor:hexToRGBA(f.gray300,.15)})},u()),avatar:css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>css({position:"absolute",top:0,right:0,height:f.spacingS,width:f.spacingS,borderRadius:"50%",border:`2px solid ${f.gray100}`,backgroundColor:nt[e],transform:"translate(30%, -30%)"})});var ve=()=>({menuList:css({minWidth:"250px"})});var T=e=>{let{trigger:t,children:o,testId:r="cf-ui-navbar-menu-list",onOpen:n,onClose:a}=e,p=ve();return v.createElement(Menu,{onOpen:n,onClose:a},v.createElement(Menu.Trigger,null,t),v.createElement(Menu.List,{className:p.menuList,testId:r},o))};function mt(e,t){let y=e,{children:o,className:r,testId:n="cf-ui-navbar-account-trigger",avatar:a,username:p,hasNotification:c,notificationVariant:m="warning"}=y,g=l(y,["children","className","testId","avatar","username","hasNotification","notificationVariant"]),N=ue();return v.createElement(T,{trigger:v.createElement(Flex,s(i({as:"button"},g),{ref:t,className:cx(N.navbarAccount,r),testId:n,alignItems:"center"}),v.createElement("img",{src:a,alt:`Avatar for user ${p}`,className:N.avatar}),c?v.createElement("span",{className:N.notificationIcon(m)}):null)},o)}var ee=v.forwardRef(mt);function te({ariaLabel:e}){return v.createElement(SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>css({"&::after":{content:'""',position:"absolute",width:`calc(100% - ${f.spacingM})`,height:"2px",bottom:`-${f.spacing2Xs}`,left:0,right:0,margin:"auto",backgroundColor:f.blue600,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`${f.spacing2Xs} ${f.spacingS}`,alignItems:"center",background:"none"},xe=()=>({navbarItem:css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:f.fontSizeM,lineHeight:f.lineHeightS,fontWeight:f.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f.gray700,boxSizing:"border-box",transition:`color ${f.transitionDurationShort} ${f.transitionEasingCubicBezier}`,borderRadius:f.borderRadiusMedium,"&:hover":{backgroundColor:hexToRGBA(f.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${f.transitionDurationShort} ${f.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:f.zIndexDefault}},u(`inset ${f.glowPrimary}`)),navbarItemMenuTrigger:css({paddingRight:f.spacingXs}),isActive:ye()}),Pe=()=>({itemSkeleton:css(Ie)});var Se=()=>({navbarItemIcon:css({fill:f.gray700,"&:first-child":{marginRight:f.spacing2Xs},"&:last-child":{marginLeft:f.spacing2Xs},"img&":{borderRadius:f.borderRadiusSmall,maxWidth:f.spacingM,maxHeight:f.spacingM}})});var z=e=>{var n,a;let{icon:t,variant:o}=e,r=Se();return v.cloneElement(t,{className:cx(t.props.className,r.navbarItemIcon),size:(n=t.props.size)!=null?n:"tiny",variant:(a=t.props.variant)!=null?a:o})};var Me=generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:v.createElement("path",{d:"M11.994 6.526A5.47 5.47 0 0 0 6.526 12a5.47 5.47 0 0 0 5.468 5.473A5.476 5.476 0 0 0 17.473 12a5.477 5.477 0 0 0-5.479-5.474ZM12 15.447a3.448 3.448 0 1 1 0-6.896 3.448 3.448 0 0 1 0 6.896Z",fill:"currentFill"})});var we=generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:v.createElement("path",{d:"M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",fill:"#9FA8B2"})});var Ae=generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},v.createElement("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25ZM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18Zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29Z",fill:"currentFill"})),v.createElement("defs",null,v.createElement("clipPath",{id:"HelpIcon_svg__a"},v.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ee=generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},v.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.125a5.125 5.125 0 1 1 10.25 0 5.125 5.125 0 0 1-10.25 0ZM11.125 4a7.125 7.125 0 1 0 4.282 12.82l2.886 2.887a1 1 0 0 0 1.414-1.414l-2.886-2.887A7.125 7.125 0 0 0 11.125 4Z",fill:"currentFill"})),v.createElement("defs",null,v.createElement("clipPath",{id:"SearchIcon_svg__a"},v.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Te=generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#a)"},v.createElement("path",{d:"M8.71 3.007c.844.843 1.17 2.078.844 3.228a6.683 6.683 0 0 1 3.444-.953h.025a6.701 6.701 0 0 1 4.743 1.988 2.637 2.637 0 0 0 3.73.093 2.637 2.637 0 0 0 .094-3.731c-.025-.027-.052-.052-.08-.08A11.95 11.95 0 0 0 13.036.006h-.046a11.92 11.92 0 0 0-6.691 2.038h.074c.876 0 1.715.346 2.335.966l.002-.002Z",fill:"#1773EB"}),v.createElement("path",{d:"M19.593 16.006c-.696 0-1.365.276-1.86.765a6.706 6.706 0 0 1-4.732 1.953h-.025a6.617 6.617 0 0 1-3.446-.97c.079.287.117.584.117.882a3.3 3.3 0 0 1-3.299 3.3h-.087a11.929 11.929 0 0 0 6.696 2.07h.046a11.934 11.934 0 0 0 8.45-3.486 2.64 2.64 0 0 0-1.857-4.514h-.003Z",fill:"#E44F20"}),v.createElement("path",{d:"M4.013 16.301a3.283 3.283 0 0 1 2.335-.967c.303 0 .604.041.893.123a6.696 6.696 0 0 1 .014-6.928 3.302 3.302 0 0 1-4.176-3.187v-.09a12 12 0 0 0-.033 13.452v-.068c0-.877.344-1.715.967-2.335Z",fill:"#FFDA00"}),v.createElement("path",{d:"M6.378 2.627c-.751 0-1.275.311-1.912.948-.606.606-.797 1.136-.8 1.767a2.712 2.712 0 1 0 5.427-.003A2.713 2.713 0 0 0 6.38 2.627h-.003Z",fill:"#1773EB"}),v.createElement("path",{d:"M3.628 18.639c0 .748.311 1.275.948 1.912.606.606 1.136.8 1.767.8a2.703 2.703 0 1 0-.017-5.408 2.703 2.703 0 0 0-2.695 2.704v-.008h-.003Z",fill:"#E44F20"})),v.createElement("defs",null,v.createElement("clipPath",{id:"a"},v.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var St="button";function Mt(e,t){let M=e,{as:o=St,icon:r,title:n,children:a,className:p,isActive:c,testId:m="cf-ui-navbar-item",onOpen:g,onClose:N}=M,y=l(M,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),R=xe(),F=wt(e),X=v.createElement(o,s(i({},y),{ref:t,"data-test-id":m,className:cx(R.navbarItem,F&&R.navbarItemMenuTrigger,c&&R.isActive,p)}),r&&v.createElement(z,{icon:r,variant:"secondary"}),v.createElement("span",null,n),F&&v.createElement(we,null));return F?v.createElement(T,{trigger:X,testId:m,onOpen:g,onClose:N},a):X}var wt=e=>!!e.children,oe=v.forwardRef(Mt);var re=({estimatedWidth:e})=>{let t=Pe();return v.createElement(SkeletonContainer,{className:t.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:f.borderRadiusSmall,radiusY:f.borderRadiusSmall}))};var ke=()=>({navbarMenuItem:css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var _t="button";function Ht(e,t){let g=e,{as:o=_t,icon:r,title:n,className:a}=g,p=l(g,["as","icon","title","className"]),c=ke(),m=Lt(e);return v.createElement(Menu.Item,s(i({},p),{ref:t,as:o,className:cx(c.navbarMenuItem,a)}),r?v.createElement(z,{icon:r,variant:"secondary"}):m&&Be,v.createElement("span",null,n),r&&m?Be:null)}var Be=v.createElement(z,{icon:v.createElement(ExternalLinkIcon,null),variant:"muted"}),Lt=e=>e.as==="a"&&e.target==="_blank",ae=v.forwardRef(Ht);var ne=({ariaLabel:e})=>v.createElement(Menu.Item,null,v.createElement(Flex,{alignItems:"center",gap:f.spacingXs},v.createElement(SkeletonContainer,{svgHeight:16,svgWidth:18},v.createElement(SkeletonImage,{width:16,height:16})),v.createElement(SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v.createElement(SkeletonBodyText,{numberOfLines:1}))));var He=()=>({navbarSwitcher:css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:f.gray700,cursor:"pointer",fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,position:"relative",outline:"none",borderRadius:"3rem","&:after":{content:'""',border:"1px solid #353A41",boxSizing:"border-box",height:"16px",right:"-1px",position:"absolute",width:0},"&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:"#f2f4f6"}},u()),switcherMenuIcon:css({height:f.spacingM,width:f.spacingM,fill:f.gray700}),switcherBreadcrumbs:css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Vt(e,t){let m=e,{children:o,className:r,logo:n,testId:a="cf-ui-navbar-switcher"}=m,p=l(m,["children","className","logo","testId"]),c=He();return v.createElement(Flex,s(i({},p),{as:"button",ref:t,className:cx(c.navbarSwitcher,r),testId:a,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),n||v.createElement(Te,null),v.createElement(MenuIcon,{size:"small",className:c.switcherMenuIcon}),v.createElement(Flex,{as:"ul",alignItems:"center",className:c.switcherBreadcrumbs},o))}var se=v.forwardRef(Vt);var pe=({estimatedWidth:e})=>v.createElement(SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({navbarSearch:css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:f.gray700}},u())});function Yt(e,t){let p=e,{className:o,testId:r="cf-ui-navbar-search"}=p,n=l(p,["className","testId"]),a=Oe();return v.createElement(IconButton,s(i({"aria-label":"Quick Search"},n),{variant:"transparent",ref:t,size:"small",className:cx(a.navbarSearch,o),testId:r,icon:v.createElement(Ee,{size:"medium"})}))}var We=v.forwardRef(Yt);var ze={display:"none","&:first-child":{display:"block"},[I.medium]:{display:"block","&:first-child":{display:"none"}}},De=()=>({breadcrumbsItem:css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${f.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${f.spacingXs}`,height:f.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:f.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:f.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:f.fontStackMonospace,fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}},"> div":{[I.medium]:{gap:f.spacing2Xs}}}}),breadcrumbsItemCircle:css({border:`solid 1px ${f.gray300}`,borderRadius:"50%",color:f.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:f.spacingL,height:f.spacingL}),breadcrumbsItemEnvMaster:css({color:f.green600," svg":s(i({},ze),{fill:f.green600})}),breadcrumbsItemEnvNonMaster:css({color:f.orange500,svg:s(i({},ze),{fill:f.orange500})})});function Ge({isAlias:e}){return v.createElement(v.Fragment,null,v.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?v.createElement(EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):v.createElement(EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function to(e,t){let y=e,{children:o,isCircle:r,className:n,envVariant:a,isAlias:p,testId:c="cf-ui-navbar-switcher-item"}=y,m=l(y,["children","isCircle","className","envVariant","isAlias","testId"]),g=De(),N=cx(g.breadcrumbsItem,n,{[g.breadcrumbsItemCircle]:r,[g.breadcrumbsItemEnvMaster]:a==="master",[g.breadcrumbsItemEnvNonMaster]:a==="non-master"});return v.createElement("li",s(i({},m),{ref:t,className:N,"data-test-id":c}),v.createElement(Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},a&&v.createElement(Ge,{isAlias:p}),v.createElement("span",null,o)))}var Ve=v.forwardRef(to);var Xe=()=>({navbarHelp:css({fontSize:f.fontSizeS,padding:`0 ${f.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:f.gray700,svg:{fill:f.gray700}},u())});function no(e,t){let c=e,{children:o,className:r,testId:n="cf-ui-navbar-help-trigger"}=c,a=l(c,["children","className","testId"]),p=Xe();return v.createElement(T,{testId:"cf-ui-navbar-help-menu",trigger:v.createElement(Button,s(i({"aria-label":"Help Menu"},a),{as:"button",ref:t,className:cx(p.navbarHelp,r),testId:n,variant:"transparent",size:"small",startIcon:v.createElement(Ae,{size:"medium"})}),"Help")},o)}var $e=v.forwardRef(no);var Ue=()=>({navbarBadge:css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${f.purple600}`,margin:0,outline:"none",fontSize:f.fontSizeS,lineHeight:f.lineHeightS,fontWeight:f.fontWeightMedium,textAlign:"center",padding:`0 ${f.spacingXs}`,textDecoration:"none",color:`${f.purple600}!important`,borderRadius:"1.75rem"})});var po="div";function mo(e,t){let m=e,{as:o=po,children:r,className:n,testId:a="cf-ui-navbar-badge"}=m,p=l(m,["as","children","className","testId"]),c=Ue();return v.createElement(o,s(i({},p),{ref:t,className:cx(c.navbarBadge,n),"data-test-id":a}),r)}var je=v.forwardRef(mo);var qe=()=>({navbarTopItem:css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:f.spacing2Xs,alignItems:"center",lineHeight:f.lineHeightDefault,color:f.gray700,padding:`0 ${f.spacing2Xs}`,minHeight:"24px",fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,outline:"none",borderRadius:f.borderRadiusMedium,"&:hover":{backgroundColor:hexToRGBA(f.gray900,.05)},svg:{fill:"currentColor"}},u())});var bo="button";function go(e,t){let m=e,{as:o=bo,children:r,className:n,testId:a="cf-ui-navbar-topbar-item"}=m,p=l(m,["as","children","className","testId"]),c=qe();return v.createElement(o,s(i({},p),{ref:t,className:cx(c.navbarTopItem,n),"data-test-id":a}),r)}var Qe=v.forwardRef(go);var b=ge;b.Item=oe;b.ItemSkeleton=re;b.MenuItem=ae;b.MenuItemSkeleton=ne;b.MenuDivider=MenuDivider;b.MenuSectionTitle=MenuSectionTitle;b.Switcher=se;b.SwitcherSkeleton=pe;b.SwitcherItem=Ve;b.Search=We;b.Help=$e;b.Account=ee;b.AccountSkeleton=te;b.Badge=je;b.TopbarItem=Qe;
var Je=Object.defineProperty,Ke=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var le=(e,t,o)=>t in e?Je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))fe.call(t,o)&&le(e,o,t[o]);if($)for(var o of $(t))de.call(t,o)&&le(e,o,t[o]);return e},s=(e,t)=>Ke(e,et(t));var c=(e,t)=>{var o={};for(var r in e)fe.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&$)for(var r of $(e))t.indexOf(r)<0&&de.call(e,r)&&(o[r]=e[r]);return o};var I={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},u=(e=f.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=(e,t)=>({containerTop:css({justifyContent:"center",backgroundColor:f.gray100}),containerBottom:css({justifyContent:"center",backgroundColor:f.gray100}),containerTopContent:css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:f.spacingXs,minHeight:f.spacingL,[I.medium]:{padding:`${f.spacingXs} 20px`}}),containerBottomContent:css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:0,paddingTop:f.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[I.medium]:{padding:`${f.spacing2Xs} ${f.spacingXs}`}})});function rt(e,t){let ce=e,{children:o,account:r,search:n,switcher:a,help:p,badge:l,bottomRightItems:m,topRightItems:g,contentMaxWidth:M="100%",testId:N="cf-ui-navbar",className:y,variant:F="wide"}=ce,X=c(ce,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId","className","variant"]),w=be(M,F);return v.createElement(Box,s(i({},X),{ref:t,testId:N,className:y}),v.createElement(Flex,{className:w.containerTop},v.createElement(Flex,{className:w.containerTopContent,justifyContent:"space-between"},v.createElement(Flex,null,a),v.createElement(Flex,{alignItems:"center",gap:"spacingXs"},g,l,n,p,r))),v.createElement(Flex,{className:w.containerBottom},v.createElement(Flex,{className:w.containerBottomContent,justifyContent:"space-between"},v.createElement(Flex,{as:"nav","aria-label":"Main Navigation"},o),m&&v.createElement(Flex,null,m))))}var ge=v.forwardRef(rt);var nt={warning:f.colorWarning,negative:f.colorNegative,info:f.blue500},ue=()=>({navbarAccount:css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":css({backgroundColor:hexToRGBA(f.gray300,.15)})},u()),avatar:css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>css({position:"absolute",top:0,right:0,height:f.spacingS,width:f.spacingS,borderRadius:"50%",border:`2px solid ${f.gray100}`,backgroundColor:nt[e],transform:"translate(30%, -30%)"})});var ve=()=>({menuList:css({minWidth:"250px"})});var C=e=>{let{trigger:t,children:o,testId:r="cf-ui-navbar-menu-list",onOpen:n,onClose:a}=e,p=ve();return v.createElement(Menu,{onOpen:n,onClose:a},v.createElement(Menu.Trigger,null,t),v.createElement(Menu.List,{className:p.menuList,testId:r},o))};function ct(e,t){let y=e,{children:o,className:r,testId:n="cf-ui-navbar-account-trigger",avatar:a,initials:p,username:l,hasNotification:m,notificationVariant:g="warning"}=y,M=c(y,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),N=ue();return v.createElement(C,{trigger:v.createElement(Flex,s(i({as:"button"},M),{ref:t,className:cx(N.navbarAccount,r),testId:n,alignItems:"center"}),v.createElement(Avatar,{src:a,initials:p,size:"small",variant:"user"}),m?v.createElement("span",{className:N.notificationIcon(g)}):null)},o)}var ee=v.forwardRef(ct);function te({ariaLabel:e}){return v.createElement(SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>css({"&::after":{content:'""',position:"absolute",width:`calc(100% - ${f.spacingM})`,height:"2px",bottom:`-${f.spacing2Xs}`,left:0,right:0,margin:"auto",backgroundColor:f.blue600,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`${f.spacing2Xs} ${f.spacingS}`,alignItems:"center",background:"none"},xe=()=>({navbarItem:css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:f.fontSizeM,lineHeight:f.lineHeightS,fontWeight:f.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f.gray700,boxSizing:"border-box",transition:`color ${f.transitionDurationShort} ${f.transitionEasingCubicBezier}`,borderRadius:f.borderRadiusMedium,"&:hover":{backgroundColor:hexToRGBA(f.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${f.transitionDurationShort} ${f.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:f.zIndexDefault}},u(`inset ${f.glowPrimary}`)),navbarItemMenuTrigger:css({paddingRight:f.spacingXs}),isActive:ye()}),Pe=()=>({itemSkeleton:css(Ie)});var Se=()=>({navbarItemIcon:css({fill:f.gray700,"&:first-child":{marginRight:f.spacing2Xs},"&:last-child":{marginLeft:f.spacing2Xs},"img&":{borderRadius:f.borderRadiusSmall,maxWidth:f.spacingM,maxHeight:f.spacingM}})});var z=e=>{var n,a;let{icon:t,variant:o}=e,r=Se();return v.cloneElement(t,{className:cx(t.props.className,r.navbarItemIcon),size:(n=t.props.size)!=null?n:"tiny",variant:(a=t.props.variant)!=null?a:o})};var Me=generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:v.createElement("path",{d:"M11.994 6.526A5.47 5.47 0 0 0 6.526 12a5.47 5.47 0 0 0 5.468 5.473A5.476 5.476 0 0 0 17.473 12a5.477 5.477 0 0 0-5.479-5.474ZM12 15.447a3.448 3.448 0 1 1 0-6.896 3.448 3.448 0 0 1 0 6.896Z",fill:"currentFill"})});var we=generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:v.createElement("path",{d:"M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",fill:"#9FA8B2"})});var Ae=generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},v.createElement("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25ZM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18Zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29Z",fill:"currentFill"})),v.createElement("defs",null,v.createElement("clipPath",{id:"HelpIcon_svg__a"},v.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ee=generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},v.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.125a5.125 5.125 0 1 1 10.25 0 5.125 5.125 0 0 1-10.25 0ZM11.125 4a7.125 7.125 0 1 0 4.282 12.82l2.886 2.887a1 1 0 0 0 1.414-1.414l-2.886-2.887A7.125 7.125 0 0 0 11.125 4Z",fill:"currentFill"})),v.createElement("defs",null,v.createElement("clipPath",{id:"SearchIcon_svg__a"},v.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Te=generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:v.createElement(v.Fragment,null,v.createElement("g",{clipPath:"url(#a)"},v.createElement("path",{d:"M8.71 3.007c.844.843 1.17 2.078.844 3.228a6.683 6.683 0 0 1 3.444-.953h.025a6.701 6.701 0 0 1 4.743 1.988 2.637 2.637 0 0 0 3.73.093 2.637 2.637 0 0 0 .094-3.731c-.025-.027-.052-.052-.08-.08A11.95 11.95 0 0 0 13.036.006h-.046a11.92 11.92 0 0 0-6.691 2.038h.074c.876 0 1.715.346 2.335.966l.002-.002Z",fill:"#1773EB"}),v.createElement("path",{d:"M19.593 16.006c-.696 0-1.365.276-1.86.765a6.706 6.706 0 0 1-4.732 1.953h-.025a6.617 6.617 0 0 1-3.446-.97c.079.287.117.584.117.882a3.3 3.3 0 0 1-3.299 3.3h-.087a11.929 11.929 0 0 0 6.696 2.07h.046a11.934 11.934 0 0 0 8.45-3.486 2.64 2.64 0 0 0-1.857-4.514h-.003Z",fill:"#E44F20"}),v.createElement("path",{d:"M4.013 16.301a3.283 3.283 0 0 1 2.335-.967c.303 0 .604.041.893.123a6.696 6.696 0 0 1 .014-6.928 3.302 3.302 0 0 1-4.176-3.187v-.09a12 12 0 0 0-.033 13.452v-.068c0-.877.344-1.715.967-2.335Z",fill:"#FFDA00"}),v.createElement("path",{d:"M6.378 2.627c-.751 0-1.275.311-1.912.948-.606.606-.797 1.136-.8 1.767a2.712 2.712 0 1 0 5.427-.003A2.713 2.713 0 0 0 6.38 2.627h-.003Z",fill:"#1773EB"}),v.createElement("path",{d:"M3.628 18.639c0 .748.311 1.275.948 1.912.606.606 1.136.8 1.767.8a2.703 2.703 0 1 0-.017-5.408 2.703 2.703 0 0 0-2.695 2.704v-.008h-.003Z",fill:"#E44F20"})),v.createElement("defs",null,v.createElement("clipPath",{id:"a"},v.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Mt="button";function wt(e,t){let w=e,{as:o=Mt,icon:r,title:n,children:a,className:p,isActive:l,testId:m="cf-ui-navbar-item",onOpen:g,onClose:M}=w,N=c(w,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),y=xe(),F=At(e),X=v.createElement(o,s(i({},N),{ref:t,"data-test-id":m,className:cx(y.navbarItem,F&&y.navbarItemMenuTrigger,l&&y.isActive,p)}),r&&v.createElement(z,{icon:r,variant:"secondary"}),v.createElement("span",null,n),F&&v.createElement(we,null));return F?v.createElement(C,{trigger:X,testId:m,onOpen:g,onClose:M},a):X}var At=e=>!!e.children,oe=v.forwardRef(wt);var re=({estimatedWidth:e})=>{let t=Pe();return v.createElement(SkeletonContainer,{className:t.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:f.borderRadiusSmall,radiusY:f.borderRadiusSmall}))};var ke=()=>({navbarMenuItem:css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Ht="button";function Lt(e,t){let g=e,{as:o=Ht,icon:r,title:n,className:a}=g,p=c(g,["as","icon","title","className"]),l=ke(),m=Rt(e);return v.createElement(Menu.Item,s(i({},p),{ref:t,as:o,className:cx(l.navbarMenuItem,a)}),r?v.createElement(z,{icon:r,variant:"secondary"}):m&&Be,v.createElement("span",null,n),r&&m?Be:null)}var Be=v.createElement(z,{icon:v.createElement(ExternalLinkIcon,null),variant:"muted"}),Rt=e=>e.as==="a"&&e.target==="_blank",ae=v.forwardRef(Lt);var ne=({ariaLabel:e})=>v.createElement(Menu.Item,null,v.createElement(Flex,{alignItems:"center",gap:f.spacingXs},v.createElement(SkeletonContainer,{svgHeight:16,svgWidth:18},v.createElement(SkeletonImage,{width:16,height:16})),v.createElement(SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v.createElement(SkeletonBodyText,{numberOfLines:1}))));var He=()=>({navbarSwitcher:css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:f.gray700,cursor:"pointer",fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,position:"relative",outline:"none",borderRadius:"3rem","&:after":{content:'""',border:"1px solid #353A41",boxSizing:"border-box",height:"16px",right:"-1px",position:"absolute",width:0},"&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:"#f2f4f6"}},u()),switcherMenuIcon:css({height:f.spacingM,width:f.spacingM,fill:f.gray700}),switcherBreadcrumbs:css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Xt(e,t){let m=e,{children:o,className:r,logo:n,testId:a="cf-ui-navbar-switcher"}=m,p=c(m,["children","className","logo","testId"]),l=He();return v.createElement(Flex,s(i({},p),{as:"button",ref:t,className:cx(l.navbarSwitcher,r),testId:a,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),n||v.createElement(Te,null),v.createElement(MenuIcon,{size:"small",className:l.switcherMenuIcon}),v.createElement(Flex,{as:"ul",alignItems:"center",className:l.switcherBreadcrumbs},o))}var se=v.forwardRef(Xt);var pe=({estimatedWidth:e})=>v.createElement(SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:f.gray300,foregroundColor:f.gray200},v.createElement(SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({navbarSearch:css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:f.gray700}},u())});function Qt(e,t){let p=e,{className:o,testId:r="cf-ui-navbar-search"}=p,n=c(p,["className","testId"]),a=Oe();return v.createElement(IconButton,s(i({"aria-label":"Quick Search"},n),{variant:"transparent",ref:t,size:"small",className:cx(a.navbarSearch,o),testId:r,icon:v.createElement(Ee,{size:"medium"})}))}var We=v.forwardRef(Qt);var ze={display:"none","&:first-child":{display:"block"},[I.medium]:{display:"block","&:first-child":{display:"none"}}},De=()=>({breadcrumbsItem:css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${f.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${f.spacingXs}`,height:f.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:f.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:f.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:f.fontStackMonospace,fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}},"> div":{[I.medium]:{gap:f.spacing2Xs}}}}),breadcrumbsItemCircle:css({border:`solid 1px ${f.gray300}`,borderRadius:"50%",color:f.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:f.spacingL,height:f.spacingL}),breadcrumbsItemEnvMaster:css({color:f.green600," svg":s(i({},ze),{fill:f.green600})}),breadcrumbsItemEnvNonMaster:css({color:f.orange500,svg:s(i({},ze),{fill:f.orange500})})});function Ge({isAlias:e}){return v.createElement(v.Fragment,null,v.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?v.createElement(EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):v.createElement(EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function oo(e,t){let N=e,{children:o,isCircle:r,className:n,envVariant:a,isAlias:p,testId:l="cf-ui-navbar-switcher-item"}=N,m=c(N,["children","isCircle","className","envVariant","isAlias","testId"]),g=De(),M=cx(g.breadcrumbsItem,n,{[g.breadcrumbsItemCircle]:r,[g.breadcrumbsItemEnvMaster]:a==="master",[g.breadcrumbsItemEnvNonMaster]:a==="non-master"});return v.createElement("li",s(i({},m),{ref:t,className:M,"data-test-id":l}),v.createElement(Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},a&&v.createElement(Ge,{isAlias:p}),v.createElement("span",null,o)))}var Ve=v.forwardRef(oo);var Xe=()=>({navbarHelp:css({fontSize:f.fontSizeS,padding:`0 ${f.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:f.gray700,svg:{fill:f.gray700}},u())});function io(e,t){let l=e,{children:o,className:r,testId:n="cf-ui-navbar-help-trigger"}=l,a=c(l,["children","className","testId"]),p=Xe();return v.createElement(C,{testId:"cf-ui-navbar-help-menu",trigger:v.createElement(Button,s(i({"aria-label":"Help Menu"},a),{as:"button",ref:t,className:cx(p.navbarHelp,r),testId:n,variant:"transparent",size:"small",startIcon:v.createElement(Ae,{size:"medium"})}),"Help")},o)}var $e=v.forwardRef(io);var Ue=()=>({navbarBadge:css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${f.purple600}`,margin:0,outline:"none",fontSize:f.fontSizeS,lineHeight:f.lineHeightS,fontWeight:f.fontWeightMedium,textAlign:"center",padding:`0 ${f.spacingXs}`,textDecoration:"none",color:`${f.purple600}!important`,borderRadius:"1.75rem"})});var mo="div";function co(e,t){let m=e,{as:o=mo,children:r,className:n,testId:a="cf-ui-navbar-badge"}=m,p=c(m,["as","children","className","testId"]),l=Ue();return v.createElement(o,s(i({},p),{ref:t,className:cx(l.navbarBadge,n),"data-test-id":a}),r)}var je=v.forwardRef(co);var qe=()=>({navbarTopItem:css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:f.spacing2Xs,alignItems:"center",lineHeight:f.lineHeightDefault,color:f.gray700,padding:`0 ${f.spacing2Xs}`,minHeight:"24px",fontSize:f.fontSizeS,fontWeight:f.fontWeightMedium,outline:"none",borderRadius:f.borderRadiusMedium,"&:hover":{backgroundColor:hexToRGBA(f.gray900,.05)},svg:{fill:"currentColor"}},u())});var go="button";function uo(e,t){let m=e,{as:o=go,children:r,className:n,testId:a="cf-ui-navbar-topbar-item"}=m,p=c(m,["as","children","className","testId"]),l=qe();return v.createElement(o,s(i({},p),{ref:t,className:cx(l.navbarTopItem,n),"data-test-id":a}),r)}var Qe=v.forwardRef(uo);var b=ge;b.Item=oe;b.ItemSkeleton=re;b.MenuItem=ae;b.MenuItemSkeleton=ne;b.MenuDivider=MenuDivider;b.MenuSectionTitle=MenuSectionTitle;b.Switcher=se;b.SwitcherSkeleton=pe;b.SwitcherItem=Ve;b.Search=We;b.Help=$e;b.Account=ee;b.AccountSkeleton=te;b.Badge=je;b.TopbarItem=Qe;

@@ -16,0 +17,0 @@ export { b as Navbar, ye as getNavbarItemActiveStyles };

5

dist/index.d.ts

@@ -63,6 +63,7 @@ import { MenuListProps, MenuProps, MenuItemProps, MenuDivider, MenuSectionTitle } from '@contentful/f36-menu';

declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "username" | "avatar" | "hasNotification" | "notificationVariant"> & CommonProps & {
declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "children" | keyof CommonProps | "username" | "avatar" | "initials" | "hasNotification" | "notificationVariant"> & CommonProps & {
children: React.ReactNode;
username: string;
avatar: string;
avatar?: string;
initials?: string;
hasNotification?: boolean;

@@ -69,0 +70,0 @@ /**

3

dist/index.js

@@ -9,2 +9,3 @@ 'use strict';

var f36Utils = require('@contentful/f36-utils');
var f36Avatar = require('@contentful/f36-avatar');
var f36Skeleton = require('@contentful/f36-skeleton');

@@ -20,3 +21,3 @@ var f36Icon = require('@contentful/f36-icon');

var Je=Object.defineProperty,Ke=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var le=(e,t,o)=>t in e?Je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))fe.call(t,o)&&le(e,o,t[o]);if($)for(var o of $(t))de.call(t,o)&&le(e,o,t[o]);return e},s=(e,t)=>Ke(e,et(t));var l=(e,t)=>{var o={};for(var r in e)fe.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&$)for(var r of $(e))t.indexOf(r)<0&&de.call(e,r)&&(o[r]=e[r]);return o};var I={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},u=(e=f__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=(e,t)=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:f__default.default.gray100}),containerBottom:emotion.css({justifyContent:"center",backgroundColor:f__default.default.gray100}),containerTopContent:emotion.css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:f__default.default.spacingXs,minHeight:f__default.default.spacingL,[I.medium]:{padding:`${f__default.default.spacingXs} 20px`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:0,paddingTop:f__default.default.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[I.medium]:{padding:`${f__default.default.spacing2Xs} ${f__default.default.spacingXs}`}})});function rt(e,t){let ce=e,{children:o,account:r,search:n,switcher:a,help:p,badge:c,bottomRightItems:m,topRightItems:g,contentMaxWidth:N="100%",testId:y="cf-ui-navbar",className:R,variant:F="wide"}=ce,X=l(ce,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId","className","variant"]),M=be(N,F);return v__default.default.createElement(f36Core.Box,s(i({},X),{ref:t,testId:y,className:R}),v__default.default.createElement(f36Core.Flex,{className:M.containerTop},v__default.default.createElement(f36Core.Flex,{className:M.containerTopContent,justifyContent:"space-between"},v__default.default.createElement(f36Core.Flex,null,a),v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},g,c,n,p,r))),v__default.default.createElement(f36Core.Flex,{className:M.containerBottom},v__default.default.createElement(f36Core.Flex,{className:M.containerBottomContent,justifyContent:"space-between"},v__default.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation"},o),m&&v__default.default.createElement(f36Core.Flex,null,m))))}var ge=v__default.default.forwardRef(rt);var nt={warning:f__default.default.colorWarning,negative:f__default.default.colorNegative,info:f__default.default.blue500},ue=()=>({navbarAccount:emotion.css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":emotion.css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":emotion.css({backgroundColor:f36Utils.hexToRGBA(f__default.default.gray300,.15)})},u()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:f__default.default.spacingS,width:f__default.default.spacingS,borderRadius:"50%",border:`2px solid ${f__default.default.gray100}`,backgroundColor:nt[e],transform:"translate(30%, -30%)"})});var ve=()=>({menuList:emotion.css({minWidth:"250px"})});var T=e=>{let{trigger:t,children:o,testId:r="cf-ui-navbar-menu-list",onOpen:n,onClose:a}=e,p=ve();return v__default.default.createElement(f36Menu.Menu,{onOpen:n,onClose:a},v__default.default.createElement(f36Menu.Menu.Trigger,null,t),v__default.default.createElement(f36Menu.Menu.List,{className:p.menuList,testId:r},o))};function mt(e,t){let y=e,{children:o,className:r,testId:n="cf-ui-navbar-account-trigger",avatar:a,username:p,hasNotification:c,notificationVariant:m="warning"}=y,g=l(y,["children","className","testId","avatar","username","hasNotification","notificationVariant"]),N=ue();return v__default.default.createElement(T,{trigger:v__default.default.createElement(f36Core.Flex,s(i({as:"button"},g),{ref:t,className:emotion.cx(N.navbarAccount,r),testId:n,alignItems:"center"}),v__default.default.createElement("img",{src:a,alt:`Avatar for user ${p}`,className:N.avatar}),c?v__default.default.createElement("span",{className:N.notificationIcon(m)}):null)},o)}var ee=v__default.default.forwardRef(mt);function te({ariaLabel:e}){return v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:f__default.default.gray300,foregroundColor:f__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>emotion.css({"&::after":{content:'""',position:"absolute",width:`calc(100% - ${f__default.default.spacingM})`,height:"2px",bottom:`-${f__default.default.spacing2Xs}`,left:0,right:0,margin:"auto",backgroundColor:f__default.default.blue600,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`${f__default.default.spacing2Xs} ${f__default.default.spacingS}`,alignItems:"center",background:"none"},xe=()=>({navbarItem:emotion.css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:f__default.default.fontSizeM,lineHeight:f__default.default.lineHeightS,fontWeight:f__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f__default.default.gray700,boxSizing:"border-box",transition:`color ${f__default.default.transitionDurationShort} ${f__default.default.transitionEasingCubicBezier}`,borderRadius:f__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(f__default.default.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${f__default.default.transitionDurationShort} ${f__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:f__default.default.zIndexDefault}},u(`inset ${f__default.default.glowPrimary}`)),navbarItemMenuTrigger:emotion.css({paddingRight:f__default.default.spacingXs}),isActive:ye()}),Pe=()=>({itemSkeleton:emotion.css(Ie)});var Se=()=>({navbarItemIcon:emotion.css({fill:f__default.default.gray700,"&:first-child":{marginRight:f__default.default.spacing2Xs},"&:last-child":{marginLeft:f__default.default.spacing2Xs},"img&":{borderRadius:f__default.default.borderRadiusSmall,maxWidth:f__default.default.spacingM,maxHeight:f__default.default.spacingM}})});var z=e=>{var n,a;let{icon:t,variant:o}=e,r=Se();return v__default.default.cloneElement(t,{className:emotion.cx(t.props.className,r.navbarItemIcon),size:(n=t.props.size)!=null?n:"tiny",variant:(a=t.props.variant)!=null?a:o})};var Me=f36Icon.generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:v__default.default.createElement("path",{d:"M11.994 6.526A5.47 5.47 0 0 0 6.526 12a5.47 5.47 0 0 0 5.468 5.473A5.476 5.476 0 0 0 17.473 12a5.477 5.477 0 0 0-5.479-5.474ZM12 15.447a3.448 3.448 0 1 1 0-6.896 3.448 3.448 0 0 1 0 6.896Z",fill:"currentFill"})});var we=f36Icon.generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:v__default.default.createElement("path",{d:"M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",fill:"#9FA8B2"})});var Ae=f36Icon.generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},v__default.default.createElement("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25ZM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18Zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29Z",fill:"currentFill"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"HelpIcon_svg__a"},v__default.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ee=f36Icon.generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},v__default.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.125a5.125 5.125 0 1 1 10.25 0 5.125 5.125 0 0 1-10.25 0ZM11.125 4a7.125 7.125 0 1 0 4.282 12.82l2.886 2.887a1 1 0 0 0 1.414-1.414l-2.886-2.887A7.125 7.125 0 0 0 11.125 4Z",fill:"currentFill"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"SearchIcon_svg__a"},v__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Te=f36Icon.generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#a)"},v__default.default.createElement("path",{d:"M8.71 3.007c.844.843 1.17 2.078.844 3.228a6.683 6.683 0 0 1 3.444-.953h.025a6.701 6.701 0 0 1 4.743 1.988 2.637 2.637 0 0 0 3.73.093 2.637 2.637 0 0 0 .094-3.731c-.025-.027-.052-.052-.08-.08A11.95 11.95 0 0 0 13.036.006h-.046a11.92 11.92 0 0 0-6.691 2.038h.074c.876 0 1.715.346 2.335.966l.002-.002Z",fill:"#1773EB"}),v__default.default.createElement("path",{d:"M19.593 16.006c-.696 0-1.365.276-1.86.765a6.706 6.706 0 0 1-4.732 1.953h-.025a6.617 6.617 0 0 1-3.446-.97c.079.287.117.584.117.882a3.3 3.3 0 0 1-3.299 3.3h-.087a11.929 11.929 0 0 0 6.696 2.07h.046a11.934 11.934 0 0 0 8.45-3.486 2.64 2.64 0 0 0-1.857-4.514h-.003Z",fill:"#E44F20"}),v__default.default.createElement("path",{d:"M4.013 16.301a3.283 3.283 0 0 1 2.335-.967c.303 0 .604.041.893.123a6.696 6.696 0 0 1 .014-6.928 3.302 3.302 0 0 1-4.176-3.187v-.09a12 12 0 0 0-.033 13.452v-.068c0-.877.344-1.715.967-2.335Z",fill:"#FFDA00"}),v__default.default.createElement("path",{d:"M6.378 2.627c-.751 0-1.275.311-1.912.948-.606.606-.797 1.136-.8 1.767a2.712 2.712 0 1 0 5.427-.003A2.713 2.713 0 0 0 6.38 2.627h-.003Z",fill:"#1773EB"}),v__default.default.createElement("path",{d:"M3.628 18.639c0 .748.311 1.275.948 1.912.606.606 1.136.8 1.767.8a2.703 2.703 0 1 0-.017-5.408 2.703 2.703 0 0 0-2.695 2.704v-.008h-.003Z",fill:"#E44F20"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"a"},v__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var St="button";function Mt(e,t){let M=e,{as:o=St,icon:r,title:n,children:a,className:p,isActive:c,testId:m="cf-ui-navbar-item",onOpen:g,onClose:N}=M,y=l(M,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),R=xe(),F=wt(e),X=v__default.default.createElement(o,s(i({},y),{ref:t,"data-test-id":m,className:emotion.cx(R.navbarItem,F&&R.navbarItemMenuTrigger,c&&R.isActive,p)}),r&&v__default.default.createElement(z,{icon:r,variant:"secondary"}),v__default.default.createElement("span",null,n),F&&v__default.default.createElement(we,null));return F?v__default.default.createElement(T,{trigger:X,testId:m,onOpen:g,onClose:N},a):X}var wt=e=>!!e.children,oe=v__default.default.forwardRef(Mt);var re=({estimatedWidth:e})=>{let t=Pe();return v__default.default.createElement(f36Skeleton.SkeletonContainer,{className:t.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:f__default.default.gray300,foregroundColor:f__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:f__default.default.borderRadiusSmall,radiusY:f__default.default.borderRadiusSmall}))};var ke=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var _t="button";function Ht(e,t){let g=e,{as:o=_t,icon:r,title:n,className:a}=g,p=l(g,["as","icon","title","className"]),c=ke(),m=Lt(e);return v__default.default.createElement(f36Menu.Menu.Item,s(i({},p),{ref:t,as:o,className:emotion.cx(c.navbarMenuItem,a)}),r?v__default.default.createElement(z,{icon:r,variant:"secondary"}):m&&Be,v__default.default.createElement("span",null,n),r&&m?Be:null)}var Be=v__default.default.createElement(z,{icon:v__default.default.createElement(f36Icons.ExternalLinkIcon,null),variant:"muted"}),Lt=e=>e.as==="a"&&e.target==="_blank",ae=v__default.default.forwardRef(Ht);var ne=({ariaLabel:e})=>v__default.default.createElement(f36Menu.Menu.Item,null,v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:f__default.default.spacingXs},v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var He=()=>({navbarSwitcher:emotion.css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:f__default.default.gray700,cursor:"pointer",fontSize:f__default.default.fontSizeS,fontWeight:f__default.default.fontWeightMedium,position:"relative",outline:"none",borderRadius:"3rem","&:after":{content:'""',border:"1px solid #353A41",boxSizing:"border-box",height:"16px",right:"-1px",position:"absolute",width:0},"&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:"#f2f4f6"}},u()),switcherMenuIcon:emotion.css({height:f__default.default.spacingM,width:f__default.default.spacingM,fill:f__default.default.gray700}),switcherBreadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Vt(e,t){let m=e,{children:o,className:r,logo:n,testId:a="cf-ui-navbar-switcher"}=m,p=l(m,["children","className","logo","testId"]),c=He();return v__default.default.createElement(f36Core.Flex,s(i({},p),{as:"button",ref:t,className:emotion.cx(c.navbarSwitcher,r),testId:a,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),n||v__default.default.createElement(Te,null),v__default.default.createElement(f36Icons.MenuIcon,{size:"small",className:c.switcherMenuIcon}),v__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:c.switcherBreadcrumbs},o))}var se=v__default.default.forwardRef(Vt);var pe=({estimatedWidth:e})=>v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:f__default.default.gray300,foregroundColor:f__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({navbarSearch:emotion.css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:f__default.default.gray700}},u())});function Yt(e,t){let p=e,{className:o,testId:r="cf-ui-navbar-search"}=p,n=l(p,["className","testId"]),a=Oe();return v__default.default.createElement(f36Button.IconButton,s(i({"aria-label":"Quick Search"},n),{variant:"transparent",ref:t,size:"small",className:emotion.cx(a.navbarSearch,o),testId:r,icon:v__default.default.createElement(Ee,{size:"medium"})}))}var We=v__default.default.forwardRef(Yt);var ze={display:"none","&:first-child":{display:"block"},[I.medium]:{display:"block","&:first-child":{display:"none"}}},De=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${f__default.default.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${f__default.default.spacingXs}`,height:f__default.default.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:f__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:f__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:f__default.default.fontStackMonospace,fontSize:f__default.default.fontSizeS,fontWeight:f__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}},"> div":{[I.medium]:{gap:f__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({border:`solid 1px ${f__default.default.gray300}`,borderRadius:"50%",color:f__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:f__default.default.spacingL,height:f__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:f__default.default.green600," svg":s(i({},ze),{fill:f__default.default.green600})}),breadcrumbsItemEnvNonMaster:emotion.css({color:f__default.default.orange500,svg:s(i({},ze),{fill:f__default.default.orange500})})});function Ge({isAlias:e}){return v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?v__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):v__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function to(e,t){let y=e,{children:o,isCircle:r,className:n,envVariant:a,isAlias:p,testId:c="cf-ui-navbar-switcher-item"}=y,m=l(y,["children","isCircle","className","envVariant","isAlias","testId"]),g=De(),N=emotion.cx(g.breadcrumbsItem,n,{[g.breadcrumbsItemCircle]:r,[g.breadcrumbsItemEnvMaster]:a==="master",[g.breadcrumbsItemEnvNonMaster]:a==="non-master"});return v__default.default.createElement("li",s(i({},m),{ref:t,className:N,"data-test-id":c}),v__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},a&&v__default.default.createElement(Ge,{isAlias:p}),v__default.default.createElement("span",null,o)))}var Ve=v__default.default.forwardRef(to);var Xe=()=>({navbarHelp:emotion.css({fontSize:f__default.default.fontSizeS,padding:`0 ${f__default.default.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:f__default.default.gray700,svg:{fill:f__default.default.gray700}},u())});function no(e,t){let c=e,{children:o,className:r,testId:n="cf-ui-navbar-help-trigger"}=c,a=l(c,["children","className","testId"]),p=Xe();return v__default.default.createElement(T,{testId:"cf-ui-navbar-help-menu",trigger:v__default.default.createElement(f36Button.Button,s(i({"aria-label":"Help Menu"},a),{as:"button",ref:t,className:emotion.cx(p.navbarHelp,r),testId:n,variant:"transparent",size:"small",startIcon:v__default.default.createElement(Ae,{size:"medium"})}),"Help")},o)}var $e=v__default.default.forwardRef(no);var Ue=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${f__default.default.purple600}`,margin:0,outline:"none",fontSize:f__default.default.fontSizeS,lineHeight:f__default.default.lineHeightS,fontWeight:f__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${f__default.default.spacingXs}`,textDecoration:"none",color:`${f__default.default.purple600}!important`,borderRadius:"1.75rem"})});var po="div";function mo(e,t){let m=e,{as:o=po,children:r,className:n,testId:a="cf-ui-navbar-badge"}=m,p=l(m,["as","children","className","testId"]),c=Ue();return v__default.default.createElement(o,s(i({},p),{ref:t,className:emotion.cx(c.navbarBadge,n),"data-test-id":a}),r)}var je=v__default.default.forwardRef(mo);var qe=()=>({navbarTopItem:emotion.css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:f__default.default.spacing2Xs,alignItems:"center",lineHeight:f__default.default.lineHeightDefault,color:f__default.default.gray700,padding:`0 ${f__default.default.spacing2Xs}`,minHeight:"24px",fontSize:f__default.default.fontSizeS,fontWeight:f__default.default.fontWeightMedium,outline:"none",borderRadius:f__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(f__default.default.gray900,.05)},svg:{fill:"currentColor"}},u())});var bo="button";function go(e,t){let m=e,{as:o=bo,children:r,className:n,testId:a="cf-ui-navbar-topbar-item"}=m,p=l(m,["as","children","className","testId"]),c=qe();return v__default.default.createElement(o,s(i({},p),{ref:t,className:emotion.cx(c.navbarTopItem,n),"data-test-id":a}),r)}var Qe=v__default.default.forwardRef(go);var b=ge;b.Item=oe;b.ItemSkeleton=re;b.MenuItem=ae;b.MenuItemSkeleton=ne;b.MenuDivider=f36Menu.MenuDivider;b.MenuSectionTitle=f36Menu.MenuSectionTitle;b.Switcher=se;b.SwitcherSkeleton=pe;b.SwitcherItem=Ve;b.Search=We;b.Help=$e;b.Account=ee;b.AccountSkeleton=te;b.Badge=je;b.TopbarItem=Qe;
var Je=Object.defineProperty,Ke=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var le=(e,t,o)=>t in e?Je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))fe.call(t,o)&&le(e,o,t[o]);if($)for(var o of $(t))de.call(t,o)&&le(e,o,t[o]);return e},s=(e,t)=>Ke(e,et(t));var c=(e,t)=>{var o={};for(var r in e)fe.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&$)for(var r of $(e))t.indexOf(r)<0&&de.call(e,r)&&(o[r]=e[r]);return o};var I={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},u=(e=f__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=(e,t)=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:f__default.default.gray100}),containerBottom:emotion.css({justifyContent:"center",backgroundColor:f__default.default.gray100}),containerTopContent:emotion.css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:f__default.default.spacingXs,minHeight:f__default.default.spacingL,[I.medium]:{padding:`${f__default.default.spacingXs} 20px`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:0,paddingTop:f__default.default.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[I.medium]:{padding:`${f__default.default.spacing2Xs} ${f__default.default.spacingXs}`}})});function rt(e,t){let ce=e,{children:o,account:r,search:n,switcher:a,help:p,badge:l,bottomRightItems:m,topRightItems:g,contentMaxWidth:M="100%",testId:N="cf-ui-navbar",className:y,variant:F="wide"}=ce,X=c(ce,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId","className","variant"]),w=be(M,F);return v__default.default.createElement(f36Core.Box,s(i({},X),{ref:t,testId:N,className:y}),v__default.default.createElement(f36Core.Flex,{className:w.containerTop},v__default.default.createElement(f36Core.Flex,{className:w.containerTopContent,justifyContent:"space-between"},v__default.default.createElement(f36Core.Flex,null,a),v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},g,l,n,p,r))),v__default.default.createElement(f36Core.Flex,{className:w.containerBottom},v__default.default.createElement(f36Core.Flex,{className:w.containerBottomContent,justifyContent:"space-between"},v__default.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation"},o),m&&v__default.default.createElement(f36Core.Flex,null,m))))}var ge=v__default.default.forwardRef(rt);var nt={warning:f__default.default.colorWarning,negative:f__default.default.colorNegative,info:f__default.default.blue500},ue=()=>({navbarAccount:emotion.css({margin:0,padding:0,border:0,cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%","&:before":emotion.css({content:'""',display:"block",position:"absolute",height:"24px",width:"24px",backgroundColor:"transparent",borderRadius:"50%"}),"&:hover:before":emotion.css({backgroundColor:f36Utils.hexToRGBA(f__default.default.gray300,.15)})},u()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:f__default.default.spacingS,width:f__default.default.spacingS,borderRadius:"50%",border:`2px solid ${f__default.default.gray100}`,backgroundColor:nt[e],transform:"translate(30%, -30%)"})});var ve=()=>({menuList:emotion.css({minWidth:"250px"})});var C=e=>{let{trigger:t,children:o,testId:r="cf-ui-navbar-menu-list",onOpen:n,onClose:a}=e,p=ve();return v__default.default.createElement(f36Menu.Menu,{onOpen:n,onClose:a},v__default.default.createElement(f36Menu.Menu.Trigger,null,t),v__default.default.createElement(f36Menu.Menu.List,{className:p.menuList,testId:r},o))};function ct(e,t){let y=e,{children:o,className:r,testId:n="cf-ui-navbar-account-trigger",avatar:a,initials:p,username:l,hasNotification:m,notificationVariant:g="warning"}=y,M=c(y,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),N=ue();return v__default.default.createElement(C,{trigger:v__default.default.createElement(f36Core.Flex,s(i({as:"button"},M),{ref:t,className:emotion.cx(N.navbarAccount,r),testId:n,alignItems:"center"}),v__default.default.createElement(f36Avatar.Avatar,{src:a,initials:p,size:"small",variant:"user"}),m?v__default.default.createElement("span",{className:N.notificationIcon(g)}):null)},o)}var ee=v__default.default.forwardRef(ct);function te({ariaLabel:e}){return v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:f__default.default.gray300,foregroundColor:f__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>emotion.css({"&::after":{content:'""',position:"absolute",width:`calc(100% - ${f__default.default.spacingM})`,height:"2px",bottom:`-${f__default.default.spacing2Xs}`,left:0,right:0,margin:"auto",backgroundColor:f__default.default.blue600,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`${f__default.default.spacing2Xs} ${f__default.default.spacingS}`,alignItems:"center",background:"none"},xe=()=>({navbarItem:emotion.css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:f__default.default.fontSizeM,lineHeight:f__default.default.lineHeightS,fontWeight:f__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f__default.default.gray700,boxSizing:"border-box",transition:`color ${f__default.default.transitionDurationShort} ${f__default.default.transitionEasingCubicBezier}`,borderRadius:f__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(f__default.default.gray900,.05)},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${f__default.default.transitionDurationShort} ${f__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:f__default.default.zIndexDefault}},u(`inset ${f__default.default.glowPrimary}`)),navbarItemMenuTrigger:emotion.css({paddingRight:f__default.default.spacingXs}),isActive:ye()}),Pe=()=>({itemSkeleton:emotion.css(Ie)});var Se=()=>({navbarItemIcon:emotion.css({fill:f__default.default.gray700,"&:first-child":{marginRight:f__default.default.spacing2Xs},"&:last-child":{marginLeft:f__default.default.spacing2Xs},"img&":{borderRadius:f__default.default.borderRadiusSmall,maxWidth:f__default.default.spacingM,maxHeight:f__default.default.spacingM}})});var z=e=>{var n,a;let{icon:t,variant:o}=e,r=Se();return v__default.default.cloneElement(t,{className:emotion.cx(t.props.className,r.navbarItemIcon),size:(n=t.props.size)!=null?n:"tiny",variant:(a=t.props.variant)!=null?a:o})};var Me=f36Icon.generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:v__default.default.createElement("path",{d:"M11.994 6.526A5.47 5.47 0 0 0 6.526 12a5.47 5.47 0 0 0 5.468 5.473A5.476 5.476 0 0 0 17.473 12a5.477 5.477 0 0 0-5.479-5.474ZM12 15.447a3.448 3.448 0 1 1 0-6.896 3.448 3.448 0 0 1 0 6.896Z",fill:"currentFill"})});var we=f36Icon.generateIcon({name:"ArrowDownIcon",viewBox:"0 0 12 20",path:v__default.default.createElement("path",{d:"M3.03076 8C2.20109 8 1.73228 8.95209 2.23814 9.60971L5.20727 13.4696C5.60757 13.99 6.39223 13.99 6.79252 13.4696L9.76166 9.60971C10.2675 8.95209 9.79871 8 8.96904 8L3.03076 8Z",fill:"#9FA8B2"})});var Ae=f36Icon.generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},v__default.default.createElement("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.769 9.769 0 0 0 12 2.25ZM12 18a1.125 1.125 0 1 1 0-2.25A1.125 1.125 0 0 1 12 18Zm.75-4.584v.084a.75.75 0 1 1-1.5 0v-.75A.75.75 0 0 1 12 12a1.875 1.875 0 1 0-1.875-1.875.75.75 0 1 1-1.5 0 3.375 3.375 0 1 1 4.125 3.29Z",fill:"currentFill"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"HelpIcon_svg__a"},v__default.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ee=f36Icon.generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},v__default.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.125a5.125 5.125 0 1 1 10.25 0 5.125 5.125 0 0 1-10.25 0ZM11.125 4a7.125 7.125 0 1 0 4.282 12.82l2.886 2.887a1 1 0 0 0 1.414-1.414l-2.886-2.887A7.125 7.125 0 0 0 11.125 4Z",fill:"currentFill"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"SearchIcon_svg__a"},v__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Te=f36Icon.generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement("g",{clipPath:"url(#a)"},v__default.default.createElement("path",{d:"M8.71 3.007c.844.843 1.17 2.078.844 3.228a6.683 6.683 0 0 1 3.444-.953h.025a6.701 6.701 0 0 1 4.743 1.988 2.637 2.637 0 0 0 3.73.093 2.637 2.637 0 0 0 .094-3.731c-.025-.027-.052-.052-.08-.08A11.95 11.95 0 0 0 13.036.006h-.046a11.92 11.92 0 0 0-6.691 2.038h.074c.876 0 1.715.346 2.335.966l.002-.002Z",fill:"#1773EB"}),v__default.default.createElement("path",{d:"M19.593 16.006c-.696 0-1.365.276-1.86.765a6.706 6.706 0 0 1-4.732 1.953h-.025a6.617 6.617 0 0 1-3.446-.97c.079.287.117.584.117.882a3.3 3.3 0 0 1-3.299 3.3h-.087a11.929 11.929 0 0 0 6.696 2.07h.046a11.934 11.934 0 0 0 8.45-3.486 2.64 2.64 0 0 0-1.857-4.514h-.003Z",fill:"#E44F20"}),v__default.default.createElement("path",{d:"M4.013 16.301a3.283 3.283 0 0 1 2.335-.967c.303 0 .604.041.893.123a6.696 6.696 0 0 1 .014-6.928 3.302 3.302 0 0 1-4.176-3.187v-.09a12 12 0 0 0-.033 13.452v-.068c0-.877.344-1.715.967-2.335Z",fill:"#FFDA00"}),v__default.default.createElement("path",{d:"M6.378 2.627c-.751 0-1.275.311-1.912.948-.606.606-.797 1.136-.8 1.767a2.712 2.712 0 1 0 5.427-.003A2.713 2.713 0 0 0 6.38 2.627h-.003Z",fill:"#1773EB"}),v__default.default.createElement("path",{d:"M3.628 18.639c0 .748.311 1.275.948 1.912.606.606 1.136.8 1.767.8a2.703 2.703 0 1 0-.017-5.408 2.703 2.703 0 0 0-2.695 2.704v-.008h-.003Z",fill:"#E44F20"})),v__default.default.createElement("defs",null,v__default.default.createElement("clipPath",{id:"a"},v__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Mt="button";function wt(e,t){let w=e,{as:o=Mt,icon:r,title:n,children:a,className:p,isActive:l,testId:m="cf-ui-navbar-item",onOpen:g,onClose:M}=w,N=c(w,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),y=xe(),F=At(e),X=v__default.default.createElement(o,s(i({},N),{ref:t,"data-test-id":m,className:emotion.cx(y.navbarItem,F&&y.navbarItemMenuTrigger,l&&y.isActive,p)}),r&&v__default.default.createElement(z,{icon:r,variant:"secondary"}),v__default.default.createElement("span",null,n),F&&v__default.default.createElement(we,null));return F?v__default.default.createElement(C,{trigger:X,testId:m,onOpen:g,onClose:M},a):X}var At=e=>!!e.children,oe=v__default.default.forwardRef(wt);var re=({estimatedWidth:e})=>{let t=Pe();return v__default.default.createElement(f36Skeleton.SkeletonContainer,{className:t.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:f__default.default.gray300,foregroundColor:f__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:f__default.default.borderRadiusSmall,radiusY:f__default.default.borderRadiusSmall}))};var ke=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Ht="button";function Lt(e,t){let g=e,{as:o=Ht,icon:r,title:n,className:a}=g,p=c(g,["as","icon","title","className"]),l=ke(),m=Rt(e);return v__default.default.createElement(f36Menu.Menu.Item,s(i({},p),{ref:t,as:o,className:emotion.cx(l.navbarMenuItem,a)}),r?v__default.default.createElement(z,{icon:r,variant:"secondary"}):m&&Be,v__default.default.createElement("span",null,n),r&&m?Be:null)}var Be=v__default.default.createElement(z,{icon:v__default.default.createElement(f36Icons.ExternalLinkIcon,null),variant:"muted"}),Rt=e=>e.as==="a"&&e.target==="_blank",ae=v__default.default.forwardRef(Lt);var ne=({ariaLabel:e})=>v__default.default.createElement(f36Menu.Menu.Item,null,v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:f__default.default.spacingXs},v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var He=()=>({navbarSwitcher:emotion.css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:f__default.default.gray700,cursor:"pointer",fontSize:f__default.default.fontSizeS,fontWeight:f__default.default.fontWeightMedium,position:"relative",outline:"none",borderRadius:"3rem","&:after":{content:'""',border:"1px solid #353A41",boxSizing:"border-box",height:"16px",right:"-1px",position:"absolute",width:0},"&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:"#f2f4f6"}},u()),switcherMenuIcon:emotion.css({height:f__default.default.spacingM,width:f__default.default.spacingM,fill:f__default.default.gray700}),switcherBreadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Xt(e,t){let m=e,{children:o,className:r,logo:n,testId:a="cf-ui-navbar-switcher"}=m,p=c(m,["children","className","logo","testId"]),l=He();return v__default.default.createElement(f36Core.Flex,s(i({},p),{as:"button",ref:t,className:emotion.cx(l.navbarSwitcher,r),testId:a,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),n||v__default.default.createElement(Te,null),v__default.default.createElement(f36Icons.MenuIcon,{size:"small",className:l.switcherMenuIcon}),v__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:l.switcherBreadcrumbs},o))}var se=v__default.default.forwardRef(Xt);var pe=({estimatedWidth:e})=>v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:f__default.default.gray300,foregroundColor:f__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({navbarSearch:emotion.css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:f__default.default.gray700}},u())});function Qt(e,t){let p=e,{className:o,testId:r="cf-ui-navbar-search"}=p,n=c(p,["className","testId"]),a=Oe();return v__default.default.createElement(f36Button.IconButton,s(i({"aria-label":"Quick Search"},n),{variant:"transparent",ref:t,size:"small",className:emotion.cx(a.navbarSearch,o),testId:r,icon:v__default.default.createElement(Ee,{size:"medium"})}))}var We=v__default.default.forwardRef(Qt);var ze={display:"none","&:first-child":{display:"block"},[I.medium]:{display:"block","&:first-child":{display:"none"}}},De=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${f__default.default.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${f__default.default.spacingXs}`,height:f__default.default.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:f__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:f__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:f__default.default.fontStackMonospace,fontSize:f__default.default.fontSizeS,fontWeight:f__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[I.large]:{maxWidth:"100%"}},"> div":{[I.medium]:{gap:f__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({border:`solid 1px ${f__default.default.gray300}`,borderRadius:"50%",color:f__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:f__default.default.spacingL,height:f__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:f__default.default.green600," svg":s(i({},ze),{fill:f__default.default.green600})}),breadcrumbsItemEnvNonMaster:emotion.css({color:f__default.default.orange500,svg:s(i({},ze),{fill:f__default.default.orange500})})});function Ge({isAlias:e}){return v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?v__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):v__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function oo(e,t){let N=e,{children:o,isCircle:r,className:n,envVariant:a,isAlias:p,testId:l="cf-ui-navbar-switcher-item"}=N,m=c(N,["children","isCircle","className","envVariant","isAlias","testId"]),g=De(),M=emotion.cx(g.breadcrumbsItem,n,{[g.breadcrumbsItemCircle]:r,[g.breadcrumbsItemEnvMaster]:a==="master",[g.breadcrumbsItemEnvNonMaster]:a==="non-master"});return v__default.default.createElement("li",s(i({},m),{ref:t,className:M,"data-test-id":l}),v__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},a&&v__default.default.createElement(Ge,{isAlias:p}),v__default.default.createElement("span",null,o)))}var Ve=v__default.default.forwardRef(oo);var Xe=()=>({navbarHelp:emotion.css({fontSize:f__default.default.fontSizeS,padding:`0 ${f__default.default.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:f__default.default.gray700,svg:{fill:f__default.default.gray700}},u())});function io(e,t){let l=e,{children:o,className:r,testId:n="cf-ui-navbar-help-trigger"}=l,a=c(l,["children","className","testId"]),p=Xe();return v__default.default.createElement(C,{testId:"cf-ui-navbar-help-menu",trigger:v__default.default.createElement(f36Button.Button,s(i({"aria-label":"Help Menu"},a),{as:"button",ref:t,className:emotion.cx(p.navbarHelp,r),testId:n,variant:"transparent",size:"small",startIcon:v__default.default.createElement(Ae,{size:"medium"})}),"Help")},o)}var $e=v__default.default.forwardRef(io);var Ue=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${f__default.default.purple600}`,margin:0,outline:"none",fontSize:f__default.default.fontSizeS,lineHeight:f__default.default.lineHeightS,fontWeight:f__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${f__default.default.spacingXs}`,textDecoration:"none",color:`${f__default.default.purple600}!important`,borderRadius:"1.75rem"})});var mo="div";function co(e,t){let m=e,{as:o=mo,children:r,className:n,testId:a="cf-ui-navbar-badge"}=m,p=c(m,["as","children","className","testId"]),l=Ue();return v__default.default.createElement(o,s(i({},p),{ref:t,className:emotion.cx(l.navbarBadge,n),"data-test-id":a}),r)}var je=v__default.default.forwardRef(co);var qe=()=>({navbarTopItem:emotion.css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:f__default.default.spacing2Xs,alignItems:"center",lineHeight:f__default.default.lineHeightDefault,color:f__default.default.gray700,padding:`0 ${f__default.default.spacing2Xs}`,minHeight:"24px",fontSize:f__default.default.fontSizeS,fontWeight:f__default.default.fontWeightMedium,outline:"none",borderRadius:f__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(f__default.default.gray900,.05)},svg:{fill:"currentColor"}},u())});var go="button";function uo(e,t){let m=e,{as:o=go,children:r,className:n,testId:a="cf-ui-navbar-topbar-item"}=m,p=c(m,["as","children","className","testId"]),l=qe();return v__default.default.createElement(o,s(i({},p),{ref:t,className:emotion.cx(l.navbarTopItem,n),"data-test-id":a}),r)}var Qe=v__default.default.forwardRef(uo);var b=ge;b.Item=oe;b.ItemSkeleton=re;b.MenuItem=ae;b.MenuItemSkeleton=ne;b.MenuDivider=f36Menu.MenuDivider;b.MenuSectionTitle=f36Menu.MenuSectionTitle;b.Switcher=se;b.SwitcherSkeleton=pe;b.SwitcherItem=Ve;b.Search=We;b.Help=$e;b.Account=ee;b.AccountSkeleton=te;b.Badge=je;b.TopbarItem=Qe;

@@ -23,0 +24,0 @@ exports.Navbar = b;

3

package.json
{
"name": "@contentful/f36-navbar",
"version": "5.0.0-alpha.5",
"version": "5.0.0-alpha.6",
"description": "Forma 36: Navbar component",

@@ -11,2 +11,3 @@ "scripts": {

"@contentful/f36-core": "^4.65.6",
"@contentful/f36-avatar": "^4.65.6",
"@contentful/f36-menu": "^4.65.6",

@@ -13,0 +14,0 @@ "@contentful/f36-tokens": "^4.0.1",

dist/esm/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.d.mts

Sorry, the diff of this file is not supported yet

dist/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc