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 4.65.6 to 4.65.7

3

dist/esm/index.js

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

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

@@ -12,3 +13,3 @@ import { hexToRGBA } from '@contentful/f36-utils';

var Ke=Object.defineProperty,eo=Object.defineProperties;var oo=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var de=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var le=(e,o,t)=>o in e?Ke(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))de.call(o,t)&&le(e,t,o[t]);if(V)for(var t of V(o))fe.call(o,t)&&le(e,t,o[t]);return e},p=(e,o)=>eo(e,oo(o));var f=(e,o)=>{var t={};for(var r in e)de.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&V)for(var r of V(e))o.indexOf(r)<0&&fe.call(e,r)&&(t[r]=e[r]);return t};var g={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},v=(e=a.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=e=>({containerTop:css({justifyContent:"center",backgroundColor:"#0C141C"}),containerBottom:css({justifyContent:"center",borderTop:"1px solid #21262D",backgroundColor:"#161B22"}),containerTopContent:css({width:"100%",maxWidth:e,padding:`${a.spacingXs}`,minHeight:"2.5rem",[g.medium]:{padding:`${a.spacingXs} ${a.spacingM}`}}),containerBottomContent:css({width:"100%",maxWidth:e,padding:0,minHeight:"2.5rem",overflow:"auto",[g.medium]:{padding:`0 ${a.spacing2Xs}`}})});function no(e,o){let F=e,{children:t,account:r,search:i,switcher:n,help:m,badge:d,bottomRightItems:c,topRightItems:h,contentMaxWidth:I="100%",testId:x="cf-ui-navbar"}=F,H=f(F,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId"]),w=be(I);return N.createElement(Box,p(s({},H),{ref:o,testId:x}),N.createElement(Flex,{className:w.containerTop},N.createElement(Flex,{className:w.containerTopContent,justifyContent:"space-between"},N.createElement(Flex,null,n),N.createElement(Flex,{alignItems:"center",gap:"spacingXs"},h,d,i,m,r))),N.createElement(Flex,{className:w.containerBottom},N.createElement(Flex,{className:w.containerBottomContent,justifyContent:"space-between"},N.createElement(Flex,{as:"nav","aria-label":"Main Navigation",alignItems:"stretch"},t),c&&N.createElement(Flex,null,c))))}var ge=N.forwardRef(no);var ao={warning:a.colorWarning,negative:a.colorNegative,info:a.blue500},ue=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",position:"relative",alignItems:"center",justifyContent:"center",gap:a.spacing2Xs,outline:"none",borderRadius:"50%"},v()),avatar:css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>css({position:"absolute",top:0,right:0,height:a.spacingS,width:a.spacingS,borderRadius:"50%",border:`2px solid ${a.gray900}`,backgroundColor:ao[e],transform:"translate(30%, -30%)"})});var he=()=>({menuList:css({minWidth:"250px"})});var T=e=>{let{trigger:o,children:t,testId:r="cf-ui-navbar-menu-list",onOpen:i,onClose:n}=e,m=he();return N.createElement(Menu,{onOpen:i,onClose:n},N.createElement(Menu.Trigger,null,o),N.createElement(Menu.List,{className:m.menuList,testId:r},t))};function mo(e,o){let x=e,{children:t,className:r,testId:i="cf-ui-navbar-account-trigger",avatar:n,username:m,hasNotification:d,notificationVariant:c="warning"}=x,h=f(x,["children","className","testId","avatar","username","hasNotification","notificationVariant"]),I=ue();return N.createElement(T,{trigger:N.createElement(Flex,p(s({},h),{as:"button",ref:o,className:cx(I.root,r),testId:i}),N.createElement("img",{src:n,alt:`Avatar for user ${m}`,className:I.avatar}),d?N.createElement("span",{className:I.notificationIcon(c)}):null)},t)}var ee=N.forwardRef(mo);function oe({ariaLabel:e}){return N.createElement(SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:a.gray800,foregroundColor:a.gray700},N.createElement(SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>css({"&":{color:a.colorWhite,"& svg":{fill:a.colorWhite}},"&::after":{content:'""',position:"absolute",width:`calc(100% - ${a.spacingM})`,height:"2px",bottom:"0.5px",left:0,right:0,margin:"auto",backgroundColor:a.colorWhite,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`10px ${a.spacingS}`,alignItems:"center",background:"none"},xe=()=>({root:css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:a.fontSizeM,lineHeight:a.lineHeightM,fontWeight:a.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:hexToRGBA(a.gray300,.8),boxSizing:"border-box",transition:`color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,borderRadius:a.borderRadiusMedium,"&::before":{content:'""',position:"absolute",width:`calc(100% - ${a.spacingXs})`,height:`calc(100% - ${a.spacingS})`,top:`calc(${a.spacingS} / 2)`,left:0,right:0,margin:"auto",borderRadius:a.borderRadiusSmall,backgroundColor:hexToRGBA(a.colorWhite,.08),opacity:0,zIndex:0,scale:0,transition:`all ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{fill:hexToRGBA(a.gray300,.8),transition:`fill ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,"&:first-child":{display:"none",[g.large]:{display:"block"}}},"& > svg, & > span":{zIndex:a.zIndexDefault}},v(`inset ${a.glowPrimary}`)),isActive:ye(),dropdownIcon:css({paddingLeft:a.spacing2Xs})}),Pe=()=>({root:css(Ie)});var Se=()=>({root:css({"&:first-child":{marginRight:a.spacing2Xs},"&:last-child":{marginLeft:a.spacing2Xs},"img&":{borderRadius:a.borderRadiusSmall,maxWidth:a.spacingM,maxHeight:a.spacingM}})});var z=e=>{var i,n;let{icon:o,variant:t}=e,r=Se();return N.cloneElement(o,{className:cx(o.props.className,r.root),size:(i=o.props.size)!=null?i:"tiny",variant:(n=o.props.variant)!=null?n:t})};var Me=generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:N.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:N.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 Ee=generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:N.createElement(N.Fragment,null,N.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},N.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"})),N.createElement("defs",null,N.createElement("clipPath",{id:"HelpIcon_svg__a"},N.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ae=generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:N.createElement(N.Fragment,null,N.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},N.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"})),N.createElement("defs",null,N.createElement("clipPath",{id:"SearchIcon_svg__a"},N.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Ce=generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:N.createElement(N.Fragment,null,N.createElement("g",{clipPath:"url(#a)"},N.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"}),N.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"}),N.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"}),N.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"}),N.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"})),N.createElement("defs",null,N.createElement("clipPath",{id:"a"},N.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var So="button";function Mo(e,o){let F=e,{as:t=So,icon:r,title:i,children:n,className:m,isActive:d,testId:c="cf-ui-navbar-item",onOpen:h,onClose:I}=F,x=f(F,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),H=xe(),w=N.createElement(t,p(s({},x),{ref:o,"data-test-id":c,className:cx(H.root,d&&H.isActive,m)}),r?N.createElement(z,{icon:r,variant:"white"}):null,N.createElement("span",null,i),ke(e)&&N.createElement(we,{className:H.dropdownIcon}));return ke(e)?N.createElement(T,{trigger:w,testId:c,onOpen:h,onClose:I},n):w}var ke=e=>!!e.children,re=N.forwardRef(Mo);var ne=({estimatedWidth:e})=>{let o=Pe();return N.createElement(SkeletonContainer,{className:o.root,svgWidth:e,svgHeight:40,backgroundColor:a.gray800,foregroundColor:a.gray700},N.createElement(SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:7,radiusX:a.borderRadiusSmall,radiusY:a.borderRadiusSmall}))};var Re=()=>({root:css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Ro="button";function Bo(e,o){let h=e,{as:t=Ro,icon:r,title:i,className:n}=h,m=f(h,["as","icon","title","className"]),d=Re(),c=_o(e);return N.createElement(Menu.Item,p(s({},m),{ref:o,as:t,className:cx(d.root,n)}),r?N.createElement(z,{icon:r,variant:"secondary"}):c&&Be,N.createElement("span",null,i),r&&c?Be:null)}var Be=N.createElement(z,{icon:N.createElement(ExternalLinkIcon,null),variant:"muted"}),_o=e=>e.as==="a"&&e.target==="_blank",ae=N.forwardRef(Bo);var ie=({ariaLabel:e})=>N.createElement(Menu.Item,null,N.createElement(Flex,{alignItems:"center",gap:a.spacingXs},N.createElement(SkeletonContainer,{svgHeight:16,svgWidth:18},N.createElement(SkeletonImage,{width:16,height:16})),N.createElement(SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},N.createElement(SkeletonBodyText,{numberOfLines:1}))));var Le=()=>({root:css({margin:0,padding:0,background:"none",border:"none",color:a.gray300,cursor:"pointer",fontSize:a.fontSizeS,fontWeight:a.fontWeightMedium,position:"relative",outline:"none",borderRadius:a.borderRadiusMedium,"&: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:hexToRGBA(a.colorWhite,.15)}},v(`0px 0px 0px 2px ${a.colorBlack}, 0px 0px 0px 5px ${a.blue300}`)),breadcrumbs:css({listStyleType:"none",margin:0,padding:0,position:"relative"}),menuIcon:css({display:"none",[g.medium]:{display:"block"}})});function Go(e,o){let c=e,{children:t,className:r,logo:i,testId:n="cf-ui-navbar-switcher"}=c,m=f(c,["children","className","logo","testId"]),d=Le();return N.createElement(Flex,p(s({},m),{as:"button",ref:o,className:cx(d.root,r),testId:n,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),i||N.createElement(Ce,null),N.createElement(MenuIcon,{className:d.menuIcon,size:"small",variant:"white"}),N.createElement(Flex,{as:"ul",alignItems:"center",className:d.breadcrumbs},t))}var pe=N.forwardRef(Go);var me=({estimatedWidth:e})=>N.createElement(SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:a.gray800,foregroundColor:a.gray700},N.createElement(SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",minWidth:a.spacingL,transition:`color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,outline:"none",borderRadius:a.borderRadiusMedium,"& svg":{fill:a.gray300,transition:`fill ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`},"&:hover, & svg:hover":{color:a.gray100,fill:a.gray100}},v())});function qo(e,o){let m=e,{className:t,testId:r="cf-ui-navbar-search"}=m,i=f(m,["className","testId"]),n=Oe();return N.createElement(Flex,p(s({"aria-label":"Quick Search"},i),{as:"button",ref:o,className:cx(n.root,t),testId:r}),N.createElement(Ae,{size:"medium",variant:"white"}))}var ze=N.forwardRef(qo);var De={display:"none","&:first-child":{display:"block"},[g.medium]:{display:"block","&:first-child":{display:"none"}}},$e=()=>({breadcrumbsItem:css({position:"relative",alignItems:"center",justifyContent:"center",backgroundColor:hexToRGBA(a.gray100,.1),boxShadow:`0px 0px 0px 2px ${a.colorBlack}`,display:"inline-flex",margin:0,minWidth:0,padding:`0 ${a.spacingXs}`,height:a.spacingL,borderRadius:"3rem",zIndex:2,transition:`background-color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,whiteSpace:"nowrap","&:not(:first-child)":{clipPath:"path('M0 24C6 24 10 18 10 10C10 5 6 0 0 0H400C400 0 400 5 400 24H0Z')"},"&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,left:`-${a.spacingXs}`,paddingLeft:a.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{left:`-${a.spacingM}`,paddingLeft:a.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:a.fontStackMonospace,fontSize:a.fontSizeS,fontWeight:a.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}},"> div":{[g.medium]:{gap:a.spacing2Xs}}}}),breadcrumbsItemCircle:css({borderRadius:"50%",color:a.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:a.spacingL,height:a.spacingL}),breadcrumbsItemEnvMaster:css({color:a.green400," svg":p(s({},De),{fill:a.green400})}),breadcrumbsItemEnvNonMaster:css({color:a.orange400,svg:p(s({},De),{fill:a.orange400})})});function Ge({isAlias:e}){return N.createElement(N.Fragment,null,N.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?N.createElement(EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):N.createElement(EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function ot(e,o){let x=e,{children:t,isCircle:r,className:i,envVariant:n,isAlias:m,testId:d="cf-ui-navbar-switcher-item"}=x,c=f(x,["children","isCircle","className","envVariant","isAlias","testId"]),h=$e(),I=cx(h.breadcrumbsItem,i,{[h.breadcrumbsItemCircle]:r,[h.breadcrumbsItemEnvMaster]:n==="master",[h.breadcrumbsItemEnvNonMaster]:n==="non-master"});return N.createElement("li",p(s({},c),{ref:o,className:I,"data-test-id":d}),N.createElement(Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&N.createElement(Ge,{isAlias:m}),N.createElement("span",null,t)))}var Ve=N.forwardRef(ot);var Xe=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",color:a.gray300,fontSize:0,gap:0,minWidth:a.spacingL,transition:`color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,outline:"none",borderRadius:a.borderRadiusMedium,[g.medium]:{fontSize:a.fontSizeS,gap:a.spacing2Xs,fontWeight:a.fontWeightMedium,marginRight:a.spacingXs},"&:hover, &:hover svg":{color:a.gray100,fill:a.gray100},"& svg":{fill:a.gray300,transition:`fill ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`}},v())});function at(e,o){let d=e,{children:t,className:r,testId:i="cf-ui-navbar-help-trigger"}=d,n=f(d,["children","className","testId"]),m=Xe();return N.createElement(T,{testId:"cf-ui-navbar-help-menu",trigger:N.createElement(Flex,p(s({"aria-label":"Help Menu"},n),{as:"button",ref:o,className:cx(m.root,r),testId:i}),N.createElement(Ee,{size:"medium",variant:"white"}),"Help")},t)}var Ue=N.forwardRef(at);var Ze=()=>({root:css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${a.purple400}`,margin:0,outline:"none",fontSize:a.fontSizeS,lineHeight:a.lineHeightS,fontWeight:a.fontWeightMedium,textAlign:"center",padding:`0 ${a.spacingXs}`,textDecoration:"none",color:`${a.purple400}!important`,borderRadius:"1.75rem"})});var pt="div";function mt(e,o){let c=e,{as:t=pt,children:r,className:i,testId:n="cf-ui-navbar-badge"}=c,m=f(c,["as","children","className","testId"]),d=Ze();return N.createElement(t,p(s({},m),{ref:o,className:cx(d.root,i),"data-test-id":n}),r)}var qe=N.forwardRef(mt);var Ye=()=>({root:css({margin:0,background:"none",border:"none",cursor:"pointer",display:"flex",gap:a.spacing2Xs,alignItems:"center",color:a.gray300,padding:`0 ${a.spacing2Xs}`,minHeight:a.spacingL,fontSize:a.fontSizeS,fontWeight:a.fontWeightMedium,outline:"none",borderRadius:a.borderRadiusMedium,"&:hover":{color:a.gray100},svg:{fill:"currentColor"}},v())});var dt="button";function ft(e,o){let c=e,{as:t=dt,children:r,className:i,testId:n="cf-ui-navbar-topbar-item"}=c,m=f(c,["as","children","className","testId"]),d=Ye();return N.createElement(t,p(s({},m),{ref:o,className:cx(d.root,i),"data-test-id":n}),r)}var Je=N.forwardRef(ft);var b=ge;b.Item=re;b.ItemSkeleton=ne;b.MenuItem=ae;b.MenuItemSkeleton=ie;b.MenuDivider=MenuDivider;b.MenuSectionTitle=MenuSectionTitle;b.Switcher=pe;b.SwitcherSkeleton=me;b.SwitcherItem=Ve;b.Search=ze;b.Help=Ue;b.Account=ee;b.AccountSkeleton=oe;b.Badge=qe;b.TopbarItem=Je;
var Ke=Object.defineProperty,eo=Object.defineProperties;var oo=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var de=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var le=(e,o,t)=>o in e?Ke(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))de.call(o,t)&&le(e,t,o[t]);if(V)for(var t of V(o))fe.call(o,t)&&le(e,t,o[t]);return e},p=(e,o)=>eo(e,oo(o));var d=(e,o)=>{var t={};for(var r in e)de.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&V)for(var r of V(e))o.indexOf(r)<0&&fe.call(e,r)&&(t[r]=e[r]);return t};var g={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},v=(e=a.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=e=>({containerTop:css({justifyContent:"center",backgroundColor:"#0C141C"}),containerBottom:css({justifyContent:"center",borderTop:"1px solid #21262D",backgroundColor:"#161B22"}),containerTopContent:css({width:"100%",maxWidth:e,padding:`${a.spacingXs}`,minHeight:"2.5rem",[g.medium]:{padding:`${a.spacingXs} ${a.spacingM}`}}),containerBottomContent:css({width:"100%",maxWidth:e,padding:0,minHeight:"2.5rem",overflow:"auto",[g.medium]:{padding:`0 ${a.spacing2Xs}`}})});function no(e,o){let F=e,{children:t,account:r,search:i,switcher:n,help:m,badge:f,bottomRightItems:c,topRightItems:h,contentMaxWidth:w="100%",testId:I="cf-ui-navbar"}=F,P=d(F,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId"]),E=be(w);return N.createElement(Box,p(s({},P),{ref:o,testId:I}),N.createElement(Flex,{className:E.containerTop},N.createElement(Flex,{className:E.containerTopContent,justifyContent:"space-between"},N.createElement(Flex,null,n),N.createElement(Flex,{alignItems:"center",gap:"spacingXs"},h,f,i,m,r))),N.createElement(Flex,{className:E.containerBottom},N.createElement(Flex,{className:E.containerBottomContent,justifyContent:"space-between"},N.createElement(Flex,{as:"nav","aria-label":"Main Navigation",alignItems:"stretch"},t),c&&N.createElement(Flex,null,c))))}var ge=N.forwardRef(no);var ao={warning:a.colorWarning,negative:a.colorNegative,info:a.blue500},ue=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",position:"relative",alignItems:"center",justifyContent:"center",gap:a.spacing2Xs,outline:"none",borderRadius:"50%"},v()),avatar:css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>css({position:"absolute",top:0,right:0,height:a.spacingS,width:a.spacingS,borderRadius:"50%",border:`2px solid ${a.gray900}`,backgroundColor:ao[e],transform:"translate(30%, -30%)"})});var he=()=>({menuList:css({minWidth:"250px"})});var R=e=>{let{trigger:o,children:t,testId:r="cf-ui-navbar-menu-list",onOpen:i,onClose:n}=e,m=he();return N.createElement(Menu,{onOpen:i,onClose:n},N.createElement(Menu.Trigger,null,o),N.createElement(Menu.List,{className:m.menuList,testId:r},t))};function co(e,o){let P=e,{children:t,className:r,testId:i="cf-ui-navbar-account-trigger",avatar:n,initials:m,username:f,hasNotification:c,notificationVariant:h="warning"}=P,w=d(P,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),I=ue();return N.createElement(R,{trigger:N.createElement(Flex,p(s({},w),{as:"button",ref:o,className:cx(I.root,r),testId:i}),N.createElement(Avatar,{src:n,initials:m,size:"small",variant:"user"}),c?N.createElement("span",{className:I.notificationIcon(h)}):null)},t)}var ee=N.forwardRef(co);function oe({ariaLabel:e}){return N.createElement(SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:a.gray800,foregroundColor:a.gray700},N.createElement(SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>css({"&":{color:a.colorWhite,"& svg":{fill:a.colorWhite}},"&::after":{content:'""',position:"absolute",width:`calc(100% - ${a.spacingM})`,height:"2px",bottom:"0.5px",left:0,right:0,margin:"auto",backgroundColor:a.colorWhite,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`10px ${a.spacingS}`,alignItems:"center",background:"none"},xe=()=>({root:css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:a.fontSizeM,lineHeight:a.lineHeightM,fontWeight:a.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:hexToRGBA(a.gray300,.8),boxSizing:"border-box",transition:`color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,borderRadius:a.borderRadiusMedium,"&::before":{content:'""',position:"absolute",width:`calc(100% - ${a.spacingXs})`,height:`calc(100% - ${a.spacingS})`,top:`calc(${a.spacingS} / 2)`,left:0,right:0,margin:"auto",borderRadius:a.borderRadiusSmall,backgroundColor:hexToRGBA(a.colorWhite,.08),opacity:0,zIndex:0,scale:0,transition:`all ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{fill:hexToRGBA(a.gray300,.8),transition:`fill ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,"&:first-child":{display:"none",[g.large]:{display:"block"}}},"& > svg, & > span":{zIndex:a.zIndexDefault}},v(`inset ${a.glowPrimary}`)),isActive:ye(),dropdownIcon:css({paddingLeft:a.spacing2Xs})}),Pe=()=>({root:css(Ie)});var Se=()=>({root:css({"&:first-child":{marginRight:a.spacing2Xs},"&:last-child":{marginLeft:a.spacing2Xs},"img&":{borderRadius:a.borderRadiusSmall,maxWidth:a.spacingM,maxHeight:a.spacingM}})});var z=e=>{var i,n;let{icon:o,variant:t}=e,r=Se();return N.cloneElement(o,{className:cx(o.props.className,r.root),size:(i=o.props.size)!=null?i:"tiny",variant:(n=o.props.variant)!=null?n:t})};var Me=generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:N.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:N.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 Ee=generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:N.createElement(N.Fragment,null,N.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},N.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"})),N.createElement("defs",null,N.createElement("clipPath",{id:"HelpIcon_svg__a"},N.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ae=generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:N.createElement(N.Fragment,null,N.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},N.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"})),N.createElement("defs",null,N.createElement("clipPath",{id:"SearchIcon_svg__a"},N.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Ce=generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:N.createElement(N.Fragment,null,N.createElement("g",{clipPath:"url(#a)"},N.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"}),N.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"}),N.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"}),N.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"}),N.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"})),N.createElement("defs",null,N.createElement("clipPath",{id:"a"},N.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Mo="button";function wo(e,o){let F=e,{as:t=Mo,icon:r,title:i,children:n,className:m,isActive:f,testId:c="cf-ui-navbar-item",onOpen:h,onClose:w}=F,I=d(F,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),P=xe(),E=N.createElement(t,p(s({},I),{ref:o,"data-test-id":c,className:cx(P.root,f&&P.isActive,m)}),r?N.createElement(z,{icon:r,variant:"white"}):null,N.createElement("span",null,i),ke(e)&&N.createElement(we,{className:P.dropdownIcon}));return ke(e)?N.createElement(R,{trigger:E,testId:c,onOpen:h,onClose:w},n):E}var ke=e=>!!e.children,re=N.forwardRef(wo);var ne=({estimatedWidth:e})=>{let o=Pe();return N.createElement(SkeletonContainer,{className:o.root,svgWidth:e,svgHeight:40,backgroundColor:a.gray800,foregroundColor:a.gray700},N.createElement(SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:7,radiusX:a.borderRadiusSmall,radiusY:a.borderRadiusSmall}))};var Re=()=>({root:css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Bo="button";function _o(e,o){let h=e,{as:t=Bo,icon:r,title:i,className:n}=h,m=d(h,["as","icon","title","className"]),f=Re(),c=Lo(e);return N.createElement(Menu.Item,p(s({},m),{ref:o,as:t,className:cx(f.root,n)}),r?N.createElement(z,{icon:r,variant:"secondary"}):c&&Be,N.createElement("span",null,i),r&&c?Be:null)}var Be=N.createElement(z,{icon:N.createElement(ExternalLinkIcon,null),variant:"muted"}),Lo=e=>e.as==="a"&&e.target==="_blank",ae=N.forwardRef(_o);var ie=({ariaLabel:e})=>N.createElement(Menu.Item,null,N.createElement(Flex,{alignItems:"center",gap:a.spacingXs},N.createElement(SkeletonContainer,{svgHeight:16,svgWidth:18},N.createElement(SkeletonImage,{width:16,height:16})),N.createElement(SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},N.createElement(SkeletonBodyText,{numberOfLines:1}))));var Le=()=>({root:css({margin:0,padding:0,background:"none",border:"none",color:a.gray300,cursor:"pointer",fontSize:a.fontSizeS,fontWeight:a.fontWeightMedium,position:"relative",outline:"none",borderRadius:a.borderRadiusMedium,"&: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:hexToRGBA(a.colorWhite,.15)}},v(`0px 0px 0px 2px ${a.colorBlack}, 0px 0px 0px 5px ${a.blue300}`)),breadcrumbs:css({listStyleType:"none",margin:0,padding:0,position:"relative"}),menuIcon:css({display:"none",[g.medium]:{display:"block"}})});function Vo(e,o){let c=e,{children:t,className:r,logo:i,testId:n="cf-ui-navbar-switcher"}=c,m=d(c,["children","className","logo","testId"]),f=Le();return N.createElement(Flex,p(s({},m),{as:"button",ref:o,className:cx(f.root,r),testId:n,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),i||N.createElement(Ce,null),N.createElement(MenuIcon,{className:f.menuIcon,size:"small",variant:"white"}),N.createElement(Flex,{as:"ul",alignItems:"center",className:f.breadcrumbs},t))}var pe=N.forwardRef(Vo);var me=({estimatedWidth:e})=>N.createElement(SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:a.gray800,foregroundColor:a.gray700},N.createElement(SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",minWidth:a.spacingL,transition:`color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,outline:"none",borderRadius:a.borderRadiusMedium,"& svg":{fill:a.gray300,transition:`fill ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`},"&:hover, & svg:hover":{color:a.gray100,fill:a.gray100}},v())});function Yo(e,o){let m=e,{className:t,testId:r="cf-ui-navbar-search"}=m,i=d(m,["className","testId"]),n=Oe();return N.createElement(Flex,p(s({"aria-label":"Quick Search"},i),{as:"button",ref:o,className:cx(n.root,t),testId:r}),N.createElement(Ae,{size:"medium",variant:"white"}))}var ze=N.forwardRef(Yo);var De={display:"none","&:first-child":{display:"block"},[g.medium]:{display:"block","&:first-child":{display:"none"}}},$e=()=>({breadcrumbsItem:css({position:"relative",alignItems:"center",justifyContent:"center",backgroundColor:hexToRGBA(a.gray100,.1),boxShadow:`0px 0px 0px 2px ${a.colorBlack}`,display:"inline-flex",margin:0,minWidth:0,padding:`0 ${a.spacingXs}`,height:a.spacingL,borderRadius:"3rem",zIndex:2,transition:`background-color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,whiteSpace:"nowrap","&:not(:first-child)":{clipPath:"path('M0 24C6 24 10 18 10 10C10 5 6 0 0 0H400C400 0 400 5 400 24H0Z')"},"&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,left:`-${a.spacingXs}`,paddingLeft:a.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{left:`-${a.spacingM}`,paddingLeft:a.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:a.fontStackMonospace,fontSize:a.fontSizeS,fontWeight:a.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}},"> div":{[g.medium]:{gap:a.spacing2Xs}}}}),breadcrumbsItemCircle:css({borderRadius:"50%",color:a.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:a.spacingL,height:a.spacingL}),breadcrumbsItemEnvMaster:css({color:a.green400," svg":p(s({},De),{fill:a.green400})}),breadcrumbsItemEnvNonMaster:css({color:a.orange400,svg:p(s({},De),{fill:a.orange400})})});function Ge({isAlias:e}){return N.createElement(N.Fragment,null,N.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?N.createElement(EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):N.createElement(EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function tt(e,o){let I=e,{children:t,isCircle:r,className:i,envVariant:n,isAlias:m,testId:f="cf-ui-navbar-switcher-item"}=I,c=d(I,["children","isCircle","className","envVariant","isAlias","testId"]),h=$e(),w=cx(h.breadcrumbsItem,i,{[h.breadcrumbsItemCircle]:r,[h.breadcrumbsItemEnvMaster]:n==="master",[h.breadcrumbsItemEnvNonMaster]:n==="non-master"});return N.createElement("li",p(s({},c),{ref:o,className:w,"data-test-id":f}),N.createElement(Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&N.createElement(Ge,{isAlias:m}),N.createElement("span",null,t)))}var Ve=N.forwardRef(tt);var Xe=()=>({root:css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",color:a.gray300,fontSize:0,gap:0,minWidth:a.spacingL,transition:`color ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`,outline:"none",borderRadius:a.borderRadiusMedium,[g.medium]:{fontSize:a.fontSizeS,gap:a.spacing2Xs,fontWeight:a.fontWeightMedium,marginRight:a.spacingXs},"&:hover, &:hover svg":{color:a.gray100,fill:a.gray100},"& svg":{fill:a.gray300,transition:`fill ${a.transitionDurationShort} ${a.transitionEasingCubicBezier}`}},v())});function it(e,o){let f=e,{children:t,className:r,testId:i="cf-ui-navbar-help-trigger"}=f,n=d(f,["children","className","testId"]),m=Xe();return N.createElement(R,{testId:"cf-ui-navbar-help-menu",trigger:N.createElement(Flex,p(s({"aria-label":"Help Menu"},n),{as:"button",ref:o,className:cx(m.root,r),testId:i}),N.createElement(Ee,{size:"medium",variant:"white"}),"Help")},t)}var Ue=N.forwardRef(it);var Ze=()=>({root:css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${a.purple400}`,margin:0,outline:"none",fontSize:a.fontSizeS,lineHeight:a.lineHeightS,fontWeight:a.fontWeightMedium,textAlign:"center",padding:`0 ${a.spacingXs}`,textDecoration:"none",color:`${a.purple400}!important`,borderRadius:"1.75rem"})});var mt="div";function ct(e,o){let c=e,{as:t=mt,children:r,className:i,testId:n="cf-ui-navbar-badge"}=c,m=d(c,["as","children","className","testId"]),f=Ze();return N.createElement(t,p(s({},m),{ref:o,className:cx(f.root,i),"data-test-id":n}),r)}var qe=N.forwardRef(ct);var Ye=()=>({root:css({margin:0,background:"none",border:"none",cursor:"pointer",display:"flex",gap:a.spacing2Xs,alignItems:"center",color:a.gray300,padding:`0 ${a.spacing2Xs}`,minHeight:a.spacingL,fontSize:a.fontSizeS,fontWeight:a.fontWeightMedium,outline:"none",borderRadius:a.borderRadiusMedium,"&:hover":{color:a.gray100},svg:{fill:"currentColor"}},v())});var ft="button";function bt(e,o){let c=e,{as:t=ft,children:r,className:i,testId:n="cf-ui-navbar-topbar-item"}=c,m=d(c,["as","children","className","testId"]),f=Ye();return N.createElement(t,p(s({},m),{ref:o,className:cx(f.root,i),"data-test-id":n}),r)}var Je=N.forwardRef(bt);var b=ge;b.Item=re;b.ItemSkeleton=ne;b.MenuItem=ae;b.MenuItemSkeleton=ie;b.MenuDivider=MenuDivider;b.MenuSectionTitle=MenuSectionTitle;b.Switcher=pe;b.SwitcherSkeleton=me;b.SwitcherItem=Ve;b.Search=ze;b.Help=Ue;b.Account=ee;b.AccountSkeleton=oe;b.Badge=qe;b.TopbarItem=Je;

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

5

dist/index.d.ts

@@ -55,6 +55,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;

@@ -61,0 +62,0 @@ /**

3

dist/index.js

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

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

@@ -19,3 +20,3 @@ var f36Utils = require('@contentful/f36-utils');

var Ke=Object.defineProperty,eo=Object.defineProperties;var oo=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var de=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var le=(e,o,t)=>o in e?Ke(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))de.call(o,t)&&le(e,t,o[t]);if(V)for(var t of V(o))fe.call(o,t)&&le(e,t,o[t]);return e},p=(e,o)=>eo(e,oo(o));var f=(e,o)=>{var t={};for(var r in e)de.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&V)for(var r of V(e))o.indexOf(r)<0&&fe.call(e,r)&&(t[r]=e[r]);return t};var g={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},v=(e=a__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=e=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:"#0C141C"}),containerBottom:emotion.css({justifyContent:"center",borderTop:"1px solid #21262D",backgroundColor:"#161B22"}),containerTopContent:emotion.css({width:"100%",maxWidth:e,padding:`${a__default.default.spacingXs}`,minHeight:"2.5rem",[g.medium]:{padding:`${a__default.default.spacingXs} ${a__default.default.spacingM}`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:e,padding:0,minHeight:"2.5rem",overflow:"auto",[g.medium]:{padding:`0 ${a__default.default.spacing2Xs}`}})});function no(e,o){let F=e,{children:t,account:r,search:i,switcher:n,help:m,badge:d,bottomRightItems:c,topRightItems:h,contentMaxWidth:I="100%",testId:x="cf-ui-navbar"}=F,H=f(F,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId"]),w=be(I);return N__default.default.createElement(f36Core.Box,p(s({},H),{ref:o,testId:x}),N__default.default.createElement(f36Core.Flex,{className:w.containerTop},N__default.default.createElement(f36Core.Flex,{className:w.containerTopContent,justifyContent:"space-between"},N__default.default.createElement(f36Core.Flex,null,n),N__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},h,d,i,m,r))),N__default.default.createElement(f36Core.Flex,{className:w.containerBottom},N__default.default.createElement(f36Core.Flex,{className:w.containerBottomContent,justifyContent:"space-between"},N__default.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation",alignItems:"stretch"},t),c&&N__default.default.createElement(f36Core.Flex,null,c))))}var ge=N__default.default.forwardRef(no);var ao={warning:a__default.default.colorWarning,negative:a__default.default.colorNegative,info:a__default.default.blue500},ue=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",position:"relative",alignItems:"center",justifyContent:"center",gap:a__default.default.spacing2Xs,outline:"none",borderRadius:"50%"},v()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:a__default.default.spacingS,width:a__default.default.spacingS,borderRadius:"50%",border:`2px solid ${a__default.default.gray900}`,backgroundColor:ao[e],transform:"translate(30%, -30%)"})});var he=()=>({menuList:emotion.css({minWidth:"250px"})});var T=e=>{let{trigger:o,children:t,testId:r="cf-ui-navbar-menu-list",onOpen:i,onClose:n}=e,m=he();return N__default.default.createElement(f36Menu.Menu,{onOpen:i,onClose:n},N__default.default.createElement(f36Menu.Menu.Trigger,null,o),N__default.default.createElement(f36Menu.Menu.List,{className:m.menuList,testId:r},t))};function mo(e,o){let x=e,{children:t,className:r,testId:i="cf-ui-navbar-account-trigger",avatar:n,username:m,hasNotification:d,notificationVariant:c="warning"}=x,h=f(x,["children","className","testId","avatar","username","hasNotification","notificationVariant"]),I=ue();return N__default.default.createElement(T,{trigger:N__default.default.createElement(f36Core.Flex,p(s({},h),{as:"button",ref:o,className:emotion.cx(I.root,r),testId:i}),N__default.default.createElement("img",{src:n,alt:`Avatar for user ${m}`,className:I.avatar}),d?N__default.default.createElement("span",{className:I.notificationIcon(c)}):null)},t)}var ee=N__default.default.forwardRef(mo);function oe({ariaLabel:e}){return N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:a__default.default.gray800,foregroundColor:a__default.default.gray700},N__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>emotion.css({"&":{color:a__default.default.colorWhite,"& svg":{fill:a__default.default.colorWhite}},"&::after":{content:'""',position:"absolute",width:`calc(100% - ${a__default.default.spacingM})`,height:"2px",bottom:"0.5px",left:0,right:0,margin:"auto",backgroundColor:a__default.default.colorWhite,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`10px ${a__default.default.spacingS}`,alignItems:"center",background:"none"},xe=()=>({root:emotion.css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:a__default.default.fontSizeM,lineHeight:a__default.default.lineHeightM,fontWeight:a__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f36Utils.hexToRGBA(a__default.default.gray300,.8),boxSizing:"border-box",transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,borderRadius:a__default.default.borderRadiusMedium,"&::before":{content:'""',position:"absolute",width:`calc(100% - ${a__default.default.spacingXs})`,height:`calc(100% - ${a__default.default.spacingS})`,top:`calc(${a__default.default.spacingS} / 2)`,left:0,right:0,margin:"auto",borderRadius:a__default.default.borderRadiusSmall,backgroundColor:f36Utils.hexToRGBA(a__default.default.colorWhite,.08),opacity:0,zIndex:0,scale:0,transition:`all ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{fill:f36Utils.hexToRGBA(a__default.default.gray300,.8),transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,"&:first-child":{display:"none",[g.large]:{display:"block"}}},"& > svg, & > span":{zIndex:a__default.default.zIndexDefault}},v(`inset ${a__default.default.glowPrimary}`)),isActive:ye(),dropdownIcon:emotion.css({paddingLeft:a__default.default.spacing2Xs})}),Pe=()=>({root:emotion.css(Ie)});var Se=()=>({root:emotion.css({"&:first-child":{marginRight:a__default.default.spacing2Xs},"&:last-child":{marginLeft:a__default.default.spacing2Xs},"img&":{borderRadius:a__default.default.borderRadiusSmall,maxWidth:a__default.default.spacingM,maxHeight:a__default.default.spacingM}})});var z=e=>{var i,n;let{icon:o,variant:t}=e,r=Se();return N__default.default.cloneElement(o,{className:emotion.cx(o.props.className,r.root),size:(i=o.props.size)!=null?i:"tiny",variant:(n=o.props.variant)!=null?n:t})};var Me=f36Icon.generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:N__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:N__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 Ee=f36Icon.generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},N__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"})),N__default.default.createElement("defs",null,N__default.default.createElement("clipPath",{id:"HelpIcon_svg__a"},N__default.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ae=f36Icon.generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},N__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"})),N__default.default.createElement("defs",null,N__default.default.createElement("clipPath",{id:"SearchIcon_svg__a"},N__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Ce=f36Icon.generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement("g",{clipPath:"url(#a)"},N__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"}),N__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"}),N__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"}),N__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"}),N__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"})),N__default.default.createElement("defs",null,N__default.default.createElement("clipPath",{id:"a"},N__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var So="button";function Mo(e,o){let F=e,{as:t=So,icon:r,title:i,children:n,className:m,isActive:d,testId:c="cf-ui-navbar-item",onOpen:h,onClose:I}=F,x=f(F,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),H=xe(),w=N__default.default.createElement(t,p(s({},x),{ref:o,"data-test-id":c,className:emotion.cx(H.root,d&&H.isActive,m)}),r?N__default.default.createElement(z,{icon:r,variant:"white"}):null,N__default.default.createElement("span",null,i),ke(e)&&N__default.default.createElement(we,{className:H.dropdownIcon}));return ke(e)?N__default.default.createElement(T,{trigger:w,testId:c,onOpen:h,onClose:I},n):w}var ke=e=>!!e.children,re=N__default.default.forwardRef(Mo);var ne=({estimatedWidth:e})=>{let o=Pe();return N__default.default.createElement(f36Skeleton.SkeletonContainer,{className:o.root,svgWidth:e,svgHeight:40,backgroundColor:a__default.default.gray800,foregroundColor:a__default.default.gray700},N__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:7,radiusX:a__default.default.borderRadiusSmall,radiusY:a__default.default.borderRadiusSmall}))};var Re=()=>({root:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Ro="button";function Bo(e,o){let h=e,{as:t=Ro,icon:r,title:i,className:n}=h,m=f(h,["as","icon","title","className"]),d=Re(),c=_o(e);return N__default.default.createElement(f36Menu.Menu.Item,p(s({},m),{ref:o,as:t,className:emotion.cx(d.root,n)}),r?N__default.default.createElement(z,{icon:r,variant:"secondary"}):c&&Be,N__default.default.createElement("span",null,i),r&&c?Be:null)}var Be=N__default.default.createElement(z,{icon:N__default.default.createElement(f36Icons.ExternalLinkIcon,null),variant:"muted"}),_o=e=>e.as==="a"&&e.target==="_blank",ae=N__default.default.forwardRef(Bo);var ie=({ariaLabel:e})=>N__default.default.createElement(f36Menu.Menu.Item,null,N__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:a__default.default.spacingXs},N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},N__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},N__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var Le=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",color:a__default.default.gray300,cursor:"pointer",fontSize:a__default.default.fontSizeS,fontWeight:a__default.default.fontWeightMedium,position:"relative",outline:"none",borderRadius:a__default.default.borderRadiusMedium,"&: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:f36Utils.hexToRGBA(a__default.default.colorWhite,.15)}},v(`0px 0px 0px 2px ${a__default.default.colorBlack}, 0px 0px 0px 5px ${a__default.default.blue300}`)),breadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"}),menuIcon:emotion.css({display:"none",[g.medium]:{display:"block"}})});function Go(e,o){let c=e,{children:t,className:r,logo:i,testId:n="cf-ui-navbar-switcher"}=c,m=f(c,["children","className","logo","testId"]),d=Le();return N__default.default.createElement(f36Core.Flex,p(s({},m),{as:"button",ref:o,className:emotion.cx(d.root,r),testId:n,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),i||N__default.default.createElement(Ce,null),N__default.default.createElement(f36Icons.MenuIcon,{className:d.menuIcon,size:"small",variant:"white"}),N__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:d.breadcrumbs},t))}var pe=N__default.default.forwardRef(Go);var me=({estimatedWidth:e})=>N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:a__default.default.gray800,foregroundColor:a__default.default.gray700},N__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",minWidth:a__default.default.spacingL,transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,outline:"none",borderRadius:a__default.default.borderRadiusMedium,"& svg":{fill:a__default.default.gray300,transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`},"&:hover, & svg:hover":{color:a__default.default.gray100,fill:a__default.default.gray100}},v())});function qo(e,o){let m=e,{className:t,testId:r="cf-ui-navbar-search"}=m,i=f(m,["className","testId"]),n=Oe();return N__default.default.createElement(f36Core.Flex,p(s({"aria-label":"Quick Search"},i),{as:"button",ref:o,className:emotion.cx(n.root,t),testId:r}),N__default.default.createElement(Ae,{size:"medium",variant:"white"}))}var ze=N__default.default.forwardRef(qo);var De={display:"none","&:first-child":{display:"block"},[g.medium]:{display:"block","&:first-child":{display:"none"}}},$e=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",backgroundColor:f36Utils.hexToRGBA(a__default.default.gray100,.1),boxShadow:`0px 0px 0px 2px ${a__default.default.colorBlack}`,display:"inline-flex",margin:0,minWidth:0,padding:`0 ${a__default.default.spacingXs}`,height:a__default.default.spacingL,borderRadius:"3rem",zIndex:2,transition:`background-color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,whiteSpace:"nowrap","&:not(:first-child)":{clipPath:"path('M0 24C6 24 10 18 10 10C10 5 6 0 0 0H400C400 0 400 5 400 24H0Z')"},"&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,left:`-${a__default.default.spacingXs}`,paddingLeft:a__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{left:`-${a__default.default.spacingM}`,paddingLeft:a__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:a__default.default.fontStackMonospace,fontSize:a__default.default.fontSizeS,fontWeight:a__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}},"> div":{[g.medium]:{gap:a__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({borderRadius:"50%",color:a__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:a__default.default.spacingL,height:a__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:a__default.default.green400," svg":p(s({},De),{fill:a__default.default.green400})}),breadcrumbsItemEnvNonMaster:emotion.css({color:a__default.default.orange400,svg:p(s({},De),{fill:a__default.default.orange400})})});function Ge({isAlias:e}){return N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?N__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):N__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function ot(e,o){let x=e,{children:t,isCircle:r,className:i,envVariant:n,isAlias:m,testId:d="cf-ui-navbar-switcher-item"}=x,c=f(x,["children","isCircle","className","envVariant","isAlias","testId"]),h=$e(),I=emotion.cx(h.breadcrumbsItem,i,{[h.breadcrumbsItemCircle]:r,[h.breadcrumbsItemEnvMaster]:n==="master",[h.breadcrumbsItemEnvNonMaster]:n==="non-master"});return N__default.default.createElement("li",p(s({},c),{ref:o,className:I,"data-test-id":d}),N__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&N__default.default.createElement(Ge,{isAlias:m}),N__default.default.createElement("span",null,t)))}var Ve=N__default.default.forwardRef(ot);var Xe=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",color:a__default.default.gray300,fontSize:0,gap:0,minWidth:a__default.default.spacingL,transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,outline:"none",borderRadius:a__default.default.borderRadiusMedium,[g.medium]:{fontSize:a__default.default.fontSizeS,gap:a__default.default.spacing2Xs,fontWeight:a__default.default.fontWeightMedium,marginRight:a__default.default.spacingXs},"&:hover, &:hover svg":{color:a__default.default.gray100,fill:a__default.default.gray100},"& svg":{fill:a__default.default.gray300,transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`}},v())});function at(e,o){let d=e,{children:t,className:r,testId:i="cf-ui-navbar-help-trigger"}=d,n=f(d,["children","className","testId"]),m=Xe();return N__default.default.createElement(T,{testId:"cf-ui-navbar-help-menu",trigger:N__default.default.createElement(f36Core.Flex,p(s({"aria-label":"Help Menu"},n),{as:"button",ref:o,className:emotion.cx(m.root,r),testId:i}),N__default.default.createElement(Ee,{size:"medium",variant:"white"}),"Help")},t)}var Ue=N__default.default.forwardRef(at);var Ze=()=>({root:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${a__default.default.purple400}`,margin:0,outline:"none",fontSize:a__default.default.fontSizeS,lineHeight:a__default.default.lineHeightS,fontWeight:a__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${a__default.default.spacingXs}`,textDecoration:"none",color:`${a__default.default.purple400}!important`,borderRadius:"1.75rem"})});var pt="div";function mt(e,o){let c=e,{as:t=pt,children:r,className:i,testId:n="cf-ui-navbar-badge"}=c,m=f(c,["as","children","className","testId"]),d=Ze();return N__default.default.createElement(t,p(s({},m),{ref:o,className:emotion.cx(d.root,i),"data-test-id":n}),r)}var qe=N__default.default.forwardRef(mt);var Ye=()=>({root:emotion.css({margin:0,background:"none",border:"none",cursor:"pointer",display:"flex",gap:a__default.default.spacing2Xs,alignItems:"center",color:a__default.default.gray300,padding:`0 ${a__default.default.spacing2Xs}`,minHeight:a__default.default.spacingL,fontSize:a__default.default.fontSizeS,fontWeight:a__default.default.fontWeightMedium,outline:"none",borderRadius:a__default.default.borderRadiusMedium,"&:hover":{color:a__default.default.gray100},svg:{fill:"currentColor"}},v())});var dt="button";function ft(e,o){let c=e,{as:t=dt,children:r,className:i,testId:n="cf-ui-navbar-topbar-item"}=c,m=f(c,["as","children","className","testId"]),d=Ye();return N__default.default.createElement(t,p(s({},m),{ref:o,className:emotion.cx(d.root,i),"data-test-id":n}),r)}var Je=N__default.default.forwardRef(ft);var b=ge;b.Item=re;b.ItemSkeleton=ne;b.MenuItem=ae;b.MenuItemSkeleton=ie;b.MenuDivider=f36Menu.MenuDivider;b.MenuSectionTitle=f36Menu.MenuSectionTitle;b.Switcher=pe;b.SwitcherSkeleton=me;b.SwitcherItem=Ve;b.Search=ze;b.Help=Ue;b.Account=ee;b.AccountSkeleton=oe;b.Badge=qe;b.TopbarItem=Je;
var Ke=Object.defineProperty,eo=Object.defineProperties;var oo=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var de=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var le=(e,o,t)=>o in e?Ke(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))de.call(o,t)&&le(e,t,o[t]);if(V)for(var t of V(o))fe.call(o,t)&&le(e,t,o[t]);return e},p=(e,o)=>eo(e,oo(o));var d=(e,o)=>{var t={};for(var r in e)de.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&V)for(var r of V(e))o.indexOf(r)<0&&fe.call(e,r)&&(t[r]=e[r]);return t};var g={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},v=(e=a__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var be=e=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:"#0C141C"}),containerBottom:emotion.css({justifyContent:"center",borderTop:"1px solid #21262D",backgroundColor:"#161B22"}),containerTopContent:emotion.css({width:"100%",maxWidth:e,padding:`${a__default.default.spacingXs}`,minHeight:"2.5rem",[g.medium]:{padding:`${a__default.default.spacingXs} ${a__default.default.spacingM}`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:e,padding:0,minHeight:"2.5rem",overflow:"auto",[g.medium]:{padding:`0 ${a__default.default.spacing2Xs}`}})});function no(e,o){let F=e,{children:t,account:r,search:i,switcher:n,help:m,badge:f,bottomRightItems:c,topRightItems:h,contentMaxWidth:w="100%",testId:I="cf-ui-navbar"}=F,P=d(F,["children","account","search","switcher","help","badge","bottomRightItems","topRightItems","contentMaxWidth","testId"]),E=be(w);return N__default.default.createElement(f36Core.Box,p(s({},P),{ref:o,testId:I}),N__default.default.createElement(f36Core.Flex,{className:E.containerTop},N__default.default.createElement(f36Core.Flex,{className:E.containerTopContent,justifyContent:"space-between"},N__default.default.createElement(f36Core.Flex,null,n),N__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},h,f,i,m,r))),N__default.default.createElement(f36Core.Flex,{className:E.containerBottom},N__default.default.createElement(f36Core.Flex,{className:E.containerBottomContent,justifyContent:"space-between"},N__default.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation",alignItems:"stretch"},t),c&&N__default.default.createElement(f36Core.Flex,null,c))))}var ge=N__default.default.forwardRef(no);var ao={warning:a__default.default.colorWarning,negative:a__default.default.colorNegative,info:a__default.default.blue500},ue=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",position:"relative",alignItems:"center",justifyContent:"center",gap:a__default.default.spacing2Xs,outline:"none",borderRadius:"50%"},v()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:a__default.default.spacingS,width:a__default.default.spacingS,borderRadius:"50%",border:`2px solid ${a__default.default.gray900}`,backgroundColor:ao[e],transform:"translate(30%, -30%)"})});var he=()=>({menuList:emotion.css({minWidth:"250px"})});var R=e=>{let{trigger:o,children:t,testId:r="cf-ui-navbar-menu-list",onOpen:i,onClose:n}=e,m=he();return N__default.default.createElement(f36Menu.Menu,{onOpen:i,onClose:n},N__default.default.createElement(f36Menu.Menu.Trigger,null,o),N__default.default.createElement(f36Menu.Menu.List,{className:m.menuList,testId:r},t))};function co(e,o){let P=e,{children:t,className:r,testId:i="cf-ui-navbar-account-trigger",avatar:n,initials:m,username:f,hasNotification:c,notificationVariant:h="warning"}=P,w=d(P,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),I=ue();return N__default.default.createElement(R,{trigger:N__default.default.createElement(f36Core.Flex,p(s({},w),{as:"button",ref:o,className:emotion.cx(I.root,r),testId:i}),N__default.default.createElement(f36Avatar.Avatar,{src:n,initials:m,size:"small",variant:"user"}),c?N__default.default.createElement("span",{className:I.notificationIcon(h)}):null)},t)}var ee=N__default.default.forwardRef(co);function oe({ariaLabel:e}){return N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:a__default.default.gray800,foregroundColor:a__default.default.gray700},N__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var ye=()=>emotion.css({"&":{color:a__default.default.colorWhite,"& svg":{fill:a__default.default.colorWhite}},"&::after":{content:'""',position:"absolute",width:`calc(100% - ${a__default.default.spacingM})`,height:"2px",bottom:"0.5px",left:0,right:0,margin:"auto",backgroundColor:a__default.default.colorWhite,zIndex:0}}),Ie={display:"flex",justifyContent:"center",padding:`10px ${a__default.default.spacingS}`,alignItems:"center",background:"none"},xe=()=>({root:emotion.css(Ie,{alignItems:"center",background:"none",border:0,margin:0,outline:"none",fontSize:a__default.default.fontSizeM,lineHeight:a__default.default.lineHeightM,fontWeight:a__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:f36Utils.hexToRGBA(a__default.default.gray300,.8),boxSizing:"border-box",transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,borderRadius:a__default.default.borderRadiusMedium,"&::before":{content:'""',position:"absolute",width:`calc(100% - ${a__default.default.spacingXs})`,height:`calc(100% - ${a__default.default.spacingS})`,top:`calc(${a__default.default.spacingS} / 2)`,left:0,right:0,margin:"auto",borderRadius:a__default.default.borderRadiusSmall,backgroundColor:f36Utils.hexToRGBA(a__default.default.colorWhite,.08),opacity:0,zIndex:0,scale:0,transition:`all ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`},"&:hover::before":{opacity:1,scale:"1"},"&:active::before":{backgroundColor:"rgba(255, 255, 255, 0.1)"},"&:disabled":{cursor:"auto"},"& svg":{fill:f36Utils.hexToRGBA(a__default.default.gray300,.8),transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,"&:first-child":{display:"none",[g.large]:{display:"block"}}},"& > svg, & > span":{zIndex:a__default.default.zIndexDefault}},v(`inset ${a__default.default.glowPrimary}`)),isActive:ye(),dropdownIcon:emotion.css({paddingLeft:a__default.default.spacing2Xs})}),Pe=()=>({root:emotion.css(Ie)});var Se=()=>({root:emotion.css({"&:first-child":{marginRight:a__default.default.spacing2Xs},"&:last-child":{marginLeft:a__default.default.spacing2Xs},"img&":{borderRadius:a__default.default.borderRadiusSmall,maxWidth:a__default.default.spacingM,maxHeight:a__default.default.spacingM}})});var z=e=>{var i,n;let{icon:o,variant:t}=e,r=Se();return N__default.default.cloneElement(o,{className:emotion.cx(o.props.className,r.root),size:(i=o.props.size)!=null?i:"tiny",variant:(n=o.props.variant)!=null?n:t})};var Me=f36Icon.generateIcon({name:"CircleIcon",viewBox:"0 0 24 24",path:N__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:N__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 Ee=f36Icon.generateIcon({name:"HelpIcon",viewBox:"0 0 24 24",path:N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},N__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"})),N__default.default.createElement("defs",null,N__default.default.createElement("clipPath",{id:"HelpIcon_svg__a"},N__default.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var Ae=f36Icon.generateIcon({name:"SearchIcon",viewBox:"0 0 24 24",path:N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},N__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"})),N__default.default.createElement("defs",null,N__default.default.createElement("clipPath",{id:"SearchIcon_svg__a"},N__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Ce=f36Icon.generateIcon({name:"ContentfulLogoIcon",viewBox:"0 0 24 24",path:N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement("g",{clipPath:"url(#a)"},N__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"}),N__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"}),N__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"}),N__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"}),N__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"})),N__default.default.createElement("defs",null,N__default.default.createElement("clipPath",{id:"a"},N__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Mo="button";function wo(e,o){let F=e,{as:t=Mo,icon:r,title:i,children:n,className:m,isActive:f,testId:c="cf-ui-navbar-item",onOpen:h,onClose:w}=F,I=d(F,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),P=xe(),E=N__default.default.createElement(t,p(s({},I),{ref:o,"data-test-id":c,className:emotion.cx(P.root,f&&P.isActive,m)}),r?N__default.default.createElement(z,{icon:r,variant:"white"}):null,N__default.default.createElement("span",null,i),ke(e)&&N__default.default.createElement(we,{className:P.dropdownIcon}));return ke(e)?N__default.default.createElement(R,{trigger:E,testId:c,onOpen:h,onClose:w},n):E}var ke=e=>!!e.children,re=N__default.default.forwardRef(wo);var ne=({estimatedWidth:e})=>{let o=Pe();return N__default.default.createElement(f36Skeleton.SkeletonContainer,{className:o.root,svgWidth:e,svgHeight:40,backgroundColor:a__default.default.gray800,foregroundColor:a__default.default.gray700},N__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:7,radiusX:a__default.default.borderRadiusSmall,radiusY:a__default.default.borderRadiusSmall}))};var Re=()=>({root:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Bo="button";function _o(e,o){let h=e,{as:t=Bo,icon:r,title:i,className:n}=h,m=d(h,["as","icon","title","className"]),f=Re(),c=Lo(e);return N__default.default.createElement(f36Menu.Menu.Item,p(s({},m),{ref:o,as:t,className:emotion.cx(f.root,n)}),r?N__default.default.createElement(z,{icon:r,variant:"secondary"}):c&&Be,N__default.default.createElement("span",null,i),r&&c?Be:null)}var Be=N__default.default.createElement(z,{icon:N__default.default.createElement(f36Icons.ExternalLinkIcon,null),variant:"muted"}),Lo=e=>e.as==="a"&&e.target==="_blank",ae=N__default.default.forwardRef(_o);var ie=({ariaLabel:e})=>N__default.default.createElement(f36Menu.Menu.Item,null,N__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:a__default.default.spacingXs},N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},N__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},N__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var Le=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",color:a__default.default.gray300,cursor:"pointer",fontSize:a__default.default.fontSizeS,fontWeight:a__default.default.fontWeightMedium,position:"relative",outline:"none",borderRadius:a__default.default.borderRadiusMedium,"&: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:f36Utils.hexToRGBA(a__default.default.colorWhite,.15)}},v(`0px 0px 0px 2px ${a__default.default.colorBlack}, 0px 0px 0px 5px ${a__default.default.blue300}`)),breadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"}),menuIcon:emotion.css({display:"none",[g.medium]:{display:"block"}})});function Vo(e,o){let c=e,{children:t,className:r,logo:i,testId:n="cf-ui-navbar-switcher"}=c,m=d(c,["children","className","logo","testId"]),f=Le();return N__default.default.createElement(f36Core.Flex,p(s({},m),{as:"button",ref:o,className:emotion.cx(f.root,r),testId:n,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),i||N__default.default.createElement(Ce,null),N__default.default.createElement(f36Icons.MenuIcon,{className:f.menuIcon,size:"small",variant:"white"}),N__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:f.breadcrumbs},t))}var pe=N__default.default.forwardRef(Vo);var me=({estimatedWidth:e})=>N__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:a__default.default.gray800,foregroundColor:a__default.default.gray700},N__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Oe=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",minWidth:a__default.default.spacingL,transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,outline:"none",borderRadius:a__default.default.borderRadiusMedium,"& svg":{fill:a__default.default.gray300,transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`},"&:hover, & svg:hover":{color:a__default.default.gray100,fill:a__default.default.gray100}},v())});function Yo(e,o){let m=e,{className:t,testId:r="cf-ui-navbar-search"}=m,i=d(m,["className","testId"]),n=Oe();return N__default.default.createElement(f36Core.Flex,p(s({"aria-label":"Quick Search"},i),{as:"button",ref:o,className:emotion.cx(n.root,t),testId:r}),N__default.default.createElement(Ae,{size:"medium",variant:"white"}))}var ze=N__default.default.forwardRef(Yo);var De={display:"none","&:first-child":{display:"block"},[g.medium]:{display:"block","&:first-child":{display:"none"}}},$e=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",backgroundColor:f36Utils.hexToRGBA(a__default.default.gray100,.1),boxShadow:`0px 0px 0px 2px ${a__default.default.colorBlack}`,display:"inline-flex",margin:0,minWidth:0,padding:`0 ${a__default.default.spacingXs}`,height:a__default.default.spacingL,borderRadius:"3rem",zIndex:2,transition:`background-color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,whiteSpace:"nowrap","&:not(:first-child)":{clipPath:"path('M0 24C6 24 10 18 10 10C10 5 6 0 0 0H400C400 0 400 5 400 24H0Z')"},"&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,left:`-${a__default.default.spacingXs}`,paddingLeft:a__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{left:`-${a__default.default.spacingM}`,paddingLeft:a__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:a__default.default.fontStackMonospace,fontSize:a__default.default.fontSizeS,fontWeight:a__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[g.large]:{maxWidth:"100%"}},"> div":{[g.medium]:{gap:a__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({borderRadius:"50%",color:a__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:a__default.default.spacingL,height:a__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:a__default.default.green400," svg":p(s({},De),{fill:a__default.default.green400})}),breadcrumbsItemEnvNonMaster:emotion.css({color:a__default.default.orange400,svg:p(s({},De),{fill:a__default.default.orange400})})});function Ge({isAlias:e}){return N__default.default.createElement(N__default.default.Fragment,null,N__default.default.createElement(Me,{key:"mobile-icon",size:"tiny"}),e?N__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):N__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function tt(e,o){let I=e,{children:t,isCircle:r,className:i,envVariant:n,isAlias:m,testId:f="cf-ui-navbar-switcher-item"}=I,c=d(I,["children","isCircle","className","envVariant","isAlias","testId"]),h=$e(),w=emotion.cx(h.breadcrumbsItem,i,{[h.breadcrumbsItemCircle]:r,[h.breadcrumbsItemEnvMaster]:n==="master",[h.breadcrumbsItemEnvNonMaster]:n==="non-master"});return N__default.default.createElement("li",p(s({},c),{ref:o,className:w,"data-test-id":f}),N__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&N__default.default.createElement(Ge,{isAlias:m}),N__default.default.createElement("span",null,t)))}var Ve=N__default.default.forwardRef(tt);var Xe=()=>({root:emotion.css({margin:0,padding:0,background:"none",border:"none",cursor:"pointer",alignItems:"center",justifyContent:"center",color:a__default.default.gray300,fontSize:0,gap:0,minWidth:a__default.default.spacingL,transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,outline:"none",borderRadius:a__default.default.borderRadiusMedium,[g.medium]:{fontSize:a__default.default.fontSizeS,gap:a__default.default.spacing2Xs,fontWeight:a__default.default.fontWeightMedium,marginRight:a__default.default.spacingXs},"&:hover, &:hover svg":{color:a__default.default.gray100,fill:a__default.default.gray100},"& svg":{fill:a__default.default.gray300,transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`}},v())});function it(e,o){let f=e,{children:t,className:r,testId:i="cf-ui-navbar-help-trigger"}=f,n=d(f,["children","className","testId"]),m=Xe();return N__default.default.createElement(R,{testId:"cf-ui-navbar-help-menu",trigger:N__default.default.createElement(f36Core.Flex,p(s({"aria-label":"Help Menu"},n),{as:"button",ref:o,className:emotion.cx(m.root,r),testId:i}),N__default.default.createElement(Ee,{size:"medium",variant:"white"}),"Help")},t)}var Ue=N__default.default.forwardRef(it);var Ze=()=>({root:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${a__default.default.purple400}`,margin:0,outline:"none",fontSize:a__default.default.fontSizeS,lineHeight:a__default.default.lineHeightS,fontWeight:a__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${a__default.default.spacingXs}`,textDecoration:"none",color:`${a__default.default.purple400}!important`,borderRadius:"1.75rem"})});var mt="div";function ct(e,o){let c=e,{as:t=mt,children:r,className:i,testId:n="cf-ui-navbar-badge"}=c,m=d(c,["as","children","className","testId"]),f=Ze();return N__default.default.createElement(t,p(s({},m),{ref:o,className:emotion.cx(f.root,i),"data-test-id":n}),r)}var qe=N__default.default.forwardRef(ct);var Ye=()=>({root:emotion.css({margin:0,background:"none",border:"none",cursor:"pointer",display:"flex",gap:a__default.default.spacing2Xs,alignItems:"center",color:a__default.default.gray300,padding:`0 ${a__default.default.spacing2Xs}`,minHeight:a__default.default.spacingL,fontSize:a__default.default.fontSizeS,fontWeight:a__default.default.fontWeightMedium,outline:"none",borderRadius:a__default.default.borderRadiusMedium,"&:hover":{color:a__default.default.gray100},svg:{fill:"currentColor"}},v())});var ft="button";function bt(e,o){let c=e,{as:t=ft,children:r,className:i,testId:n="cf-ui-navbar-topbar-item"}=c,m=d(c,["as","children","className","testId"]),f=Ye();return N__default.default.createElement(t,p(s({},m),{ref:o,className:emotion.cx(f.root,i),"data-test-id":n}),r)}var Je=N__default.default.forwardRef(bt);var b=ge;b.Item=re;b.ItemSkeleton=ne;b.MenuItem=ae;b.MenuItemSkeleton=ie;b.MenuDivider=f36Menu.MenuDivider;b.MenuSectionTitle=f36Menu.MenuSectionTitle;b.Switcher=pe;b.SwitcherSkeleton=me;b.SwitcherItem=Ve;b.Search=ze;b.Help=Ue;b.Account=ee;b.AccountSkeleton=oe;b.Badge=qe;b.TopbarItem=Je;

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

11

package.json
{
"name": "@contentful/f36-navbar",
"version": "4.65.6",
"version": "4.65.7",
"description": "Forma 36: Navbar component",

@@ -9,8 +9,9 @@ "scripts": {

"dependencies": {
"@contentful/f36-core": "^4.65.6",
"@contentful/f36-menu": "^4.65.6",
"@contentful/f36-core": "^4.65.7",
"@contentful/f36-menu": "^4.65.7",
"@contentful/f36-avatar": "4.65.7",
"@contentful/f36-tokens": "^4.0.1",
"@contentful/f36-utils": "^4.23.2",
"@contentful/f36-skeleton": "^4.65.6",
"@contentful/f36-icon": "^4.65.6",
"@contentful/f36-skeleton": "^4.65.7",
"@contentful/f36-icon": "^4.65.7",
"@contentful/f36-icons": "^4.23.2",

@@ -17,0 +18,0 @@ "emotion": "^10.0.17"

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