@contentful/f36-navbar 5.0.0-alpha.15 → 5.0.0-alpha.16

package/dist/index.js

@@ -2,9 +2,9 @@
 
 var f36Menu = require('@contentful/f36-menu');
 var f36Core = require('@contentful/f36-core');
-var g = require('react');
+var y = require('react');
 var emotion = require('emotion');
-var o = require('@contentful/f36-tokens');
+var s = require('@contentful/f36-tokens');
 var f36Icon = require('@contentful/f36-icon');
 var f36Utils = require('@contentful/f36-utils');
 var f36Avatar = require('@contentful/f36-avatar');
@@ -13,212 +13,12 @@ var f36Icons = require('@contentful/f36-icons');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var g__default = /*#__PURE__*/_interopDefault(g);
-var o__default = /*#__PURE__*/_interopDefault(o);
+var y__default = /*#__PURE__*/_interopDefault(y);
+var s__default = /*#__PURE__*/_interopDefault(s);
 
-var Fr=Object.defineProperty,$r=Object.defineProperties;var Xr=Object.getOwnPropertyDescriptors;var oe=Object.getOwnPropertySymbols;var Oe=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var He=(e,r,t)=>r in e?Fr(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,c=(e,r)=>{for(var t in r||(r={}))Oe.call(r,t)&&He(e,t,r[t]);if(oe)for(var t of oe(r))_e.call(r,t)&&He(e,t,r[t]);return e},d=(e,r)=>$r(e,Xr(r));var f=(e,r)=>{var t={};for(var a in e)Oe.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&oe)for(var a of oe(e))r.indexOf(a)<0&&_e.call(e,a)&&(t[a]=e[a]);return t};var M={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},I=(e=o__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var De=(e,r)=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:o__default.default.gray100}),containerBottom:emotion.css({justifyContent:"center",backgroundColor:o__default.default.gray100}),containerTopContent:emotion.css({width:"100%",maxWidth:r==="wide"?"1524px":e,padding:o__default.default.spacingXs,minHeight:o__default.default.spacingL,[M.medium]:{padding:`${o__default.default.spacingXs} 20px`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:r==="wide"?"1524px":e,padding:0,paddingTop:o__default.default.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[M.medium]:{padding:`${o__default.default.spacing2Xs} ${o__default.default.spacingXs}`}}),logo:emotion.css({height:"28px",width:"28px"})});var We=f36Icon.generateIconComponent({name:"CircleIcon",viewBox:"0 0 24 24",path:g__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 Ge=f36Icon.generateComponentWithVariants({variants:{[f36Icon.IconVariant.Active]:f36Icon.generateIconComponent({path:g__default.default.createElement(g__default.default.Fragment,null,g__default.default.createElement("path",{d:"M10.0153 4.76531L6.2653 8.51531C6.23048 8.55018 6.18912 8.57784 6.14359 8.59671C6.09807 8.61558 6.04927 8.62529 5.99999 8.62529C5.95071 8.62529 5.90191 8.61558 5.85639 8.59671C5.81086 8.57784 5.76951 8.55018 5.73468 8.51531L1.98468 4.76531C1.93217 4.71287 1.89641 4.64602 1.88192 4.57324C1.86742 4.50046 1.87485 4.42501 1.90326 4.35645C1.93166 4.28789 1.97977 4.22931 2.0415 4.1881C2.10322 4.1469 2.17578 4.12494 2.24999 4.125H9.74999C9.8242 4.12494 9.89676 4.1469 9.95848 4.1881C10.0202 4.22931 10.0683 4.28789 10.0967 4.35645C10.1251 4.42501 10.1326 4.50046 10.1181 4.57324C10.1036 4.64602 10.0678 4.71287 10.0153 4.76531Z",fill:o__default.default.blue300})),viewBox:"0 0 12 12"}),[f36Icon.IconVariant.Default]:f36Icon.generateIconComponent({path:g__default.default.createElement(g__default.default.Fragment,null,g__default.default.createElement("path",{d:"M10.0153 4.76531L6.2653 8.51531C6.23048 8.55018 6.18912 8.57784 6.14359 8.59671C6.09807 8.61558 6.04927 8.62529 5.99999 8.62529C5.95071 8.62529 5.90191 8.61558 5.85639 8.59671C5.81086 8.57784 5.76951 8.55018 5.73468 8.51531L1.98468 4.76531C1.93217 4.71287 1.89641 4.64602 1.88192 4.57324C1.86742 4.50046 1.87485 4.42501 1.90326 4.35645C1.93166 4.28789 1.97977 4.22931 2.0415 4.1881C2.10322 4.1469 2.17578 4.12494 2.24999 4.125H9.74999C9.8242 4.12494 9.89676 4.1469 9.95848 4.1881C10.0202 4.22931 10.0683 4.28789 10.0967 4.35645C10.1251 4.42501 10.1326 4.50046 10.1181 4.57324C10.1036 4.64602 10.0678 4.71287 10.0153 4.76531Z",fill:o__default.default.gray400})),viewBox:"0 0 12 12"})}});var Ve=f36Icon.generateIconComponent({name:"HelpIcon",viewBox:"0 0 24 24",path:g__default.default.createElement(g__default.default.Fragment,null,g__default.default.createElement("g",{clipPath:"url(#HelpIcon_svg__a)"},g__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"})),g__default.default.createElement("defs",null,g__default.default.createElement("clipPath",{id:"HelpIcon_svg__a"},g__default.default.createElement("path",{fill:"currentFill",d:"M0 0h24v24H0z"}))))});var je=f36Icon.generateIconComponent({name:"SearchIcon",viewBox:"0 0 24 24",path:g__default.default.createElement(g__default.default.Fragment,null,g__default.default.createElement("g",{clipPath:"url(#SearchIcon_svg__a)"},g__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"})),g__default.default.createElement("defs",null,g__default.default.createElement("clipPath",{id:"SearchIcon_svg__a"},g__default.default.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"}))))});var Ue=f36Icon.generateIconComponent({name:"ContentfulLogoIcon",viewBox:"0 0 28 28",path:g__default.default.createElement(g__default.default.Fragment,null,g__default.default.createElement("path",{fill:"#1773EB",d:"M10.713 5.001c.845.843 1.167 2.079.845 3.228A6.663 6.663 0 0 1 15 7.276h.026a6.7 6.7 0 0 1 4.743 1.988 2.64 2.64 0 1 0 3.746-3.715A11.96 11.96 0 0 0 15.042 2h-.046a11.933 11.933 0 0 0-6.691 2.036h.074a3.287 3.287 0 0 1 2.334.967V5Z"}),g__default.default.createElement("path",{fill:"#E44F20",d:"M21.594 17.999a2.64 2.64 0 0 0-1.858.766 6.703 6.703 0 0 1-4.732 1.951h-.025a6.65 6.65 0 0 1-3.447-.968A3.3 3.3 0 0 1 8.35 23.93h-.086A11.926 11.926 0 0 0 14.96 26h.046a11.94 11.94 0 0 0 8.449-3.484 2.64 2.64 0 0 0-1.859-4.514V18h-.002Z"}),g__default.default.createElement("path",{fill:"#FFDA00",d:"M6.013 18.295a3.27 3.27 0 0 1 2.334-.967c.302 0 .603.04.894.122a6.7 6.7 0 0 1 .013-6.928A3.3 3.3 0 0 1 5.08 7.335v-.09a11.999 11.999 0 0 0-.032 13.453v-.07a3.27 3.27 0 0 1 .966-2.333Z"}),g__default.default.createElement("path",{fill:"#1773EB",d:"M8.379 4.62c-.75 0-1.276.312-1.913.949-.607.605-.798 1.135-.8 1.766A2.712 2.712 0 1 0 8.38 4.62Z"}),g__default.default.createElement("path",{fill:"#E44F20",d:"M5.628 20.631c0 .75.31 1.276.946 1.912.607.606 1.136.799 1.766.8a2.703 2.703 0 1 0-.017-5.407 2.703 2.703 0 0 0-2.695 2.704v-.009Z"}))});function Kr(e,r){let Z=e,{account:t,badge:a,bottomRightItems:s,children:n,className:i,contentMaxWidth:p="100%",help:l,logo:m,search:v,switcher:x,testId:N="cf-ui-navbar",topRightItems:w,variant:C="wide"}=Z,_=f(Z,["account","badge","bottomRightItems","children","className","contentMaxWidth","help","logo","search","switcher","testId","topRightItems","variant"]),R=De(p,C);return g__default.default.createElement(f36Core.Box,d(c({},_),{ref:r,testId:N,className:i}),g__default.default.createElement(f36Core.Flex,{className:R.containerTop},g__default.default.createElement(f36Core.Flex,{className:R.containerTopContent,justifyContent:"space-between"},g__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingL"},m||g__default.default.createElement(Ue,{className:R.logo}),x),g__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},w,a,v,l,t))),g__default.default.createElement(f36Core.Flex,{className:R.containerBottom},g__default.default.createElement(f36Core.Flex,{className:R.containerBottomContent,justifyContent:"space-between"},g__default.default.createElement(f36Core.Flex,{as:"nav","aria-label":"Main Navigation",gap:"spacingXs"},n),s&&g__default.default.createElement(f36Core.Flex,null,s))))}var Ze=g__default.default.forwardRef(Kr);var et={warning:o__default.default.colorWarning,negative:o__default.default.colorNegative,info:o__default.default.blue500},qe=()=>({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(o__default.default.gray300,.15)})},I()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:o__default.default.spacingS,width:o__default.default.spacingS,borderRadius:"50%",border:`2px solid ${o__default.default.gray100}`,backgroundColor:et[e],transform:"translate(30%, -30%)"})});var Ye=()=>({menuList:emotion.css({minWidth:"250px"})});var W=e=>{let{trigger:r,children:t,testId:a="cf-ui-navbar-menu-list",onOpen:s,onClose:n}=e,i=Ye();return g__default.default.createElement(f36Menu.Menu,{onOpen:s,onClose:n},g__default.default.createElement(f36Menu.Menu.Trigger,null,r),g__default.default.createElement(f36Menu.Menu.List,{className:i.menuList,testId:a},t))};function nt(e,r){let N=e,{children:t,className:a,testId:s="cf-ui-navbar-account-trigger",avatar:n,initials:i,username:p,hasNotification:l,notificationVariant:m="warning"}=N,v=f(N,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),x=qe();return g__default.default.createElement(W,{trigger:g__default.default.createElement(f36Core.Flex,d(c({as:"button"},v),{ref:r,className:emotion.cx(x.navbarAccount,a),testId:s,alignItems:"center"}),g__default.default.createElement(f36Avatar.Avatar,{src:n,initials:i,size:"small",variant:"user"}),l?g__default.default.createElement("span",{className:x.notificationIcon(m)}):null)},t)}var ge=g__default.default.forwardRef(nt);function be({ariaLabel:e}){return g__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:o__default.default.gray300,foregroundColor:o__default.default.gray200},g__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var Qe=()=>emotion.css({backgroundColor:o__default.default.blue100,border:`1px solid ${o__default.default.blue400}`,color:o__default.default.blue600,"&:hover":{backgroundColor:o__default.default.blue100}}),er={display:"flex",justifyContent:"center",padding:`${o__default.default.spacing2Xs} ${o__default.default.spacingXs}`,alignItems:"center",background:"none",gap:o__default.default.spacing2Xs},rr=()=>({navbarItem:emotion.css(er,{alignItems:"center",background:"none",border:"1px solid transparent",margin:0,outline:"none",fontSize:o__default.default.fontSizeM,lineHeight:o__default.default.lineHeightS,fontWeight:o__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:o__default.default.gray800,boxSizing:"border-box",transition:`color ${o__default.default.transitionDurationShort} ${o__default.default.transitionEasingCubicBezier}`,borderRadius:o__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(o__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 ${o__default.default.transitionDurationShort} ${o__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:o__default.default.zIndexDefault}},I()),navbarItemMenuTrigger:emotion.css({paddingRight:o__default.default.spacingXs}),isActive:Qe()}),tr=()=>({itemSkeleton:emotion.css(er)});var or=()=>({navbarItemIcon:emotion.css({"&:last-child":{marginLeft:o__default.default.spacing2Xs},"img&":{borderRadius:o__default.default.borderRadiusSmall,maxWidth:o__default.default.spacingM,maxHeight:o__default.default.spacingM}})});var Q=({icon:e,isActive:r})=>{let i=e.props,{className:t,size:a}=i,s=f(i,["className","size"]),n=or();return g__default.default.cloneElement(e,c({className:emotion.cx(t,n.navbarItemIcon),size:a||"small",isActive:r},s))};var ft="button";function ut(e,r){let _=e,{as:t=ft,icon:a,title:s,children:n,className:i,isActive:p,testId:l="cf-ui-navbar-item",onOpen:m,onClose:v}=_,x=f(_,["as","icon","title","children","className","isActive","testId","onOpen","onClose"]),N=rr(),w=gt(e),C=g__default.default.createElement(t,d(c({},x),{ref:r,"data-test-id":l,className:emotion.cx(N.navbarItem,w&&N.navbarItemMenuTrigger,p&&N.isActive,i)}),a&&g__default.default.createElement(Q,{icon:a,isActive:p}),g__default.default.createElement("span",null,s),w&&g__default.default.createElement(Ge,{size:"tiny",isActive:p}));return w?g__default.default.createElement(W,{trigger:C,testId:l,onOpen:m,onClose:v},n):C}var gt=e=>!!e.children,ve=g__default.default.forwardRef(ut);var he=({estimatedWidth:e})=>{let r=tr();return g__default.default.createElement(f36Skeleton.SkeletonContainer,{className:r.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:o__default.default.gray300,foregroundColor:o__default.default.gray200},g__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:o__default.default.borderRadiusSmall,radiusY:o__default.default.borderRadiusSmall}))};var nr=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var It="button";function St(e,r){let m=e,{as:t=It,icon:a,title:s,className:n}=m,i=f(m,["as","icon","title","className"]),p=nr(),l=Pt(e);return g__default.default.createElement(f36Menu.Menu.Item,d(c({},i),{ref:r,as:t,className:emotion.cx(p.navbarMenuItem,n)}),a?g__default.default.createElement(Q,{icon:a}):l&&ir,g__default.default.createElement("span",null,s),a&&l?ir:null)}var ir=g__default.default.createElement(Q,{icon:g__default.default.createElement(f36Icons.ArrowSquareOutIcon,null)}),Pt=e=>e.as==="a"&&e.target==="_blank",xe=g__default.default.forwardRef(St);var ye=({ariaLabel:e})=>g__default.default.createElement(f36Menu.Menu.Item,null,g__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:o__default.default.spacingXs},g__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},g__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),g__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},g__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var lr=()=>({navbarSwitcher:emotion.css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:o__default.default.gray700,cursor:"pointer",fontSize:o__default.default.fontSizeS,fontWeight:o__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"}},I()),switcherMenuIcon:emotion.css({height:o__default.default.spacingM,width:o__default.default.spacingM,fill:o__default.default.gray700}),switcherBreadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function Tt(e,r){let p=e,{children:t,className:a,testId:s="cf-ui-navbar-switcher"}=p,n=f(p,["children","className","testId"]),i=lr();return g__default.default.createElement(f36Core.Flex,d(c({},n),{as:"button",ref:r,className:emotion.cx(i.navbarSwitcher,a),testId:s,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),g__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:i.switcherBreadcrumbs},t))}var Se=g__default.default.forwardRef(Tt);var Pe=({estimatedWidth:e})=>g__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:o__default.default.gray300,foregroundColor:o__default.default.gray200},g__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Ot=Object.defineProperty,_t=Object.defineProperties,Dt=Object.getOwnPropertyDescriptors,se=Object.getOwnPropertySymbols,fr=Object.prototype.hasOwnProperty,ur=Object.prototype.propertyIsEnumerable,dr=(e,r,t)=>r in e?Ot(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,Wt=(e,r)=>{for(var t in r||(r={}))fr.call(r,t)&&dr(e,t,r[t]);if(se)for(var t of se(r))ur.call(r,t)&&dr(e,t,r[t]);return e},Ft=(e,r)=>_t(e,Dt(r)),$t=(e,r)=>{var t={};for(var a in e)fr.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&se)for(var a of se(e))r.indexOf(a)<0&&ur.call(e,a)&&(t[a]=e[a]);return t},Xt={large:"36px",medium:"20px",small:"14px"},Gt=()=>{let e={scale1:emotion.keyframes`
-    0% {
-      transform: scale(1, 1);
-    }
-    6.666667% {
-      transform: scale(1.5, 0.5);
-    }
-    13.333333% {
-      transform: scale(1, 1);
-    }
-    26.666667% {
-      transform: scale(1, 1);
-    }
-    33.333333% {
-      transform: scale(1, 1);
-    }
-    40% {
-      transform: scale(1, 1);
-    }
-    53.333333% {
-      transform: scale(1, 1);
-    }
-    60% {
-      transform: scale(1.5, 0.5);
-    }
-    66.666667% {
-      transform: scale(1, 1);
-    }
-    100% {
-      transform: scale(1, 1);
-    }
-  `,scale2:emotion.keyframes`
-    0% {
-      transform: scale(1, 1);
-    }
-    13.333333% {
-      transform: scale(1, 1);
-    }
-    20% {
-      transform: scale(1.5, 0.5);
-    }
-    26.666667% {
-      transform: scale(1, 1);
-    }
-    40% {
-      transform: scale(1, 1);
-    }
-    46.666667% {
-      transform: scale(1, 1);
-    }
-    53.333333% {
-      transform: scale(1, 1);
-    }
-    66.666667% {
-      transform: scale(1, 1);
-    }
-    73.333333% {
-      transform: scale(1.5, 0.5);
-    }
-    80% {
-      transform: scale(1, 1);
-    }
-    100% {
-      transform: scale(1, 1);
-    }
-  `,scale3:emotion.keyframes`
-    0% {
-      transform: scale(1, 1);
-    }
-    26.666667% {
-      transform: scale(1, 1);
-    }
-    33.333333% {
-      transform: scale(1.5, 0.5);
-    }
-    40% {
-      transform: scale(1, 1);
-    }
-    53.333333% {
-      transform: scale(1, 1);
-    }
-    60% {
-      transform: scale(1, 1);
-    }
-    66.666667% {
-      transform: scale(1, 1);
-    }
-    80% {
-      transform: scale(1, 1);
-    }
-    86.666667% {
-      transform: scale(1.5, 0.5);
-    }
-    93.333333% {
-      transform: scale(1, 1);
-    }
-    100% {
-      transform: scale(1, 1);
-    }
-  `,translate1:emotion.keyframes`
-    0% {
-      transform: translate(10px, 33.528168px);
-    }
-    6.666667% {
-      transform: translate(10px, 41.764084px);
-    }
-    13.333333% {
-      transform: translate(10px, 33.528168px);
-    }
-    26.666667% {
-      transform: translate(10px, -2.651608px);
-    }
-    33.333333% {
-      transform: translate(10px, -4.471832px);
-    }
-    40% {
-      transform: translate(10px, -2.651608px);
-    }
-    53.333333% {
-      transform: translate(10px, 33.528168px);
-    }
-    60% {
-      transform: translate(10px, 41.764084px);
-    }
-    66.666667% {
-      transform: translate(10px, 33.528168px);
-    }
-    100% {
-      transform: translate(10px, 33.528168px);
-    }
-  `,translate2:emotion.keyframes`
-    0% {
-      transform: translate(30px, 33.528168px);
-    }
-    13.333333% {
-      transform: translate(30px, 33.528168px);
-    }
-    20% {
-      transform: translate(30px, 41.764084px);
-    }
-    26.666667% {
-      transform: translate(30px, 33.528168px);
-    }
-    40% {
-      transform: translate(30px, -2.651608px);
-    }
-    46.666667% {
-      transform: translate(30px, -4.471832px);
-    }
-    53.333333% {
-      transform: translate(30px, -2.651608px);
-    }
-    66.666667% {
-      transform: translate(30px, 33.528168px);
-    }
-    73.333333% {
-      transform: translate(30px, 41.764084px);
-    }
-    80% {
-      transform: translate(30px, 33.528168px);
-    }
-    100% {
-      transform: translate(30px, 33.528168px);
-    }
-  `,translate3:emotion.keyframes`
-    0% {
-      transform: translate(50px, 33.528168px);
-    }
-    26.666667% {
-      transform: translate(50px, 33.528168px);
-    }
-    33.333333% {
-      transform: translate(50px, 41.764084px);
-    }
-    40% {
-      transform: translate(50px, 33.528168px);
-    }
-    53.333333% {
-      transform: translate(50px, -2.651608px);
-    }
-    60% {
-      transform: translate(50px, -4.471832px);
-    }
-    66.666667% {
-      transform: translate(50px, -2.651608px);
-    }
-    80% {
-      transform: translate(50px, 33.528168px);
-    }
-    86.666667% {
-      transform: translate(50px, 41.764084px);
-    }
-    93.333333% {
-      transform: translate(50px, 33.528168px);
-    }
-    100% {
-      transform: translate(50px, 33.528168px);
-    }
-  `};return {root:r=>emotion.css({height:r.customSize?`${r.customSize}px`:void 0,verticalAlign:"middle",width:r.customSize?`${r.customSize}px`:Xt[r.size]}),circle1Scale:emotion.css({animation:`${e.scale1} 1s linear infinite normal forwards;`}),circle2Scale:emotion.css({animation:`${e.scale2} 1s linear infinite normal forwards;`}),circle3Scale:emotion.css({animation:`${e.scale3} 1s linear infinite normal forwards;`}),circle1Translate:emotion.css({animation:`${e.translate1} 1s linear infinite normal forwards;`}),circle2Translate:emotion.css({animation:`${e.translate2} 1s linear infinite normal forwards;`}),circle3Translate:emotion.css({animation:`${e.translate3} 1s linear infinite normal forwards;`})}},Vt="div",jt={default:o__default.default.gray700,primary:o__default.default.blue500,white:o__default.default.colorWhite},Ce=g.forwardRef((e,r)=>{var t=e,{className:a,customSize:s,size:n="medium",variant:i="default",testId:p="cf-ui-spinner"}=t,l=$t(t,["className","customSize","size","variant","testId"]);let m=Gt();return g__default.default.createElement(f36Core.Box,Ft(Wt({as:Vt,display:"inline-block"},l),{className:emotion.cx(m.root({size:n,customSize:s}),a),ref:r,testId:p}),g__default.default.createElement("svg",{className:emotion.css({display:"block",fill:jt[i]}),viewBox:"0 0 60 51",xmlns:"http://www.w3.org/2000/svg"},g__default.default.createElement("title",null,"Loading\u2026"),g__default.default.createElement("g",{className:m.circle1Translate,transform:"translate(10,33.528168)"},g__default.default.createElement("g",{className:m.circle1Scale},g__default.default.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),g__default.default.createElement("g",{className:m.circle2Translate,transform:"translate(30,33.528168)"},g__default.default.createElement("g",{className:m.circle2Scale},g__default.default.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),g__default.default.createElement("g",{className:m.circle3Translate,transform:"translate(50,33.528168)"},g__default.default.createElement("g",{className:m.circle3Scale},g__default.default.createElement("circle",{r:"6",transform:"translate(0,10.471832)"})))))});Ce.displayName="Spinner";var qt=Object.defineProperty,Yt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptors,le=Object.getOwnPropertySymbols,vr=Object.prototype.hasOwnProperty,hr=Object.prototype.propertyIsEnumerable,gr=(e,r,t)=>r in e?qt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,y=(e,r)=>{for(var t in r||(r={}))vr.call(r,t)&&gr(e,t,r[t]);if(le)for(var t of le(r))hr.call(r,t)&&gr(e,t,r[t]);return e},Ee=(e,r)=>Yt(e,Jt(r)),ke=(e,r)=>{var t={};for(var a in e)vr.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&le)for(var a of le(e))r.indexOf(a)<0&&hr.call(e,a)&&(t[a]=e[a]);return t},Kt=({withDivider:e})=>{let r=Qt(e);return {buttonGroup:emotion.css({display:"inline-flex",position:"relative"}),groupContent:emotion.css(y({borderRadius:"0 !important",marginRight:"-1px","&:first-child":{borderBottomLeftRadius:`${o__default.default.borderRadiusMedium} !important`,borderTopLeftRadius:`${o__default.default.borderRadiusMedium} !important`},"&:last-child":{borderBottomRightRadius:`${o__default.default.borderRadiusMedium} !important`,borderTopRightRadius:`${o__default.default.borderRadiusMedium} !important`,marginRight:0},"&:focus":{zIndex:o__default.default.zIndexDefault}},r))}},Qt=e=>{if(!e)return {};let r=`1px solid ${f36Utils.hexToRGBA(o__default.default.colorWhite,.2)}`;return {borderTop:"none",borderBottom:"none","&:not(:first-child,:focus-visible)":{borderLeft:r},"&:not(:last-child,:focus-visible)":{borderRight:r}}};function xr(e,r){let{variant:t="merged",withDivider:a,testId:s="cf-ui-button-group",children:n,className:i,spacing:p}=e,l=Kt({withDivider:a});return t==="spaced"?g__default.default.createElement(f36Core.Stack,{className:i,isInline:!0,flexDirection:"row",testId:s,ref:r,spacing:p},n):g__default.default.createElement(f36Core.Box,{testId:s,ref:r,className:emotion.cx(l.buttonGroup,i)},g__default.default.Children.map(n,(m,v)=>m?g__default.default.cloneElement(m,{key:v,className:emotion.cx(l.groupContent,m.props.className)}):null))}xr.displayName="ButtonGroup";g__default.default.forwardRef(xr);var j=e=>{switch(e){case"primary":return {backgroundColor:o__default.default.blue700};case"secondary":return {backgroundColor:o__default.default.gray200};case"positive":return {backgroundColor:o__default.default.green700};case"negative":return {backgroundColor:o__default.default.gray200};case"transparent":return {backgroundColor:f36Utils.hexToRGBA(o__default.default.gray900,.1)};default:return {}}},eo=e=>{switch(e){case"primary":return {color:o__default.default.colorWhite,backgroundColor:o__default.default.blue500,borderColor:"transparent","&:hover":{backgroundColor:o__default.default.blue600,color:o__default.default.colorWhite},"&:active":j(e),"&:focus-visible":{boxShadow:o__default.default.glowPrimary}};case"secondary":return {color:o__default.default.gray900,backgroundColor:o__default.default.colorWhite,borderColor:o__default.default.gray300,"&:hover":{backgroundColor:o__default.default.gray100,color:o__default.default.gray900},"&:active":j(e),"&:focus":{boxShadow:o__default.default.glowPrimary},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:o__default.default.glowPrimary}};case"positive":return {color:o__default.default.colorWhite,backgroundColor:o__default.default.green500,borderColor:"transparent","&:hover":{backgroundColor:o__default.default.green600,color:o__default.default.colorWhite},"&:active":j(e),"&:focus-visible":{boxShadow:o__default.default.glowPositive}};case"negative":return {color:o__default.default.red600,backgroundColor:o__default.default.colorWhite,borderColor:o__default.default.gray300,"&:hover":{backgroundColor:o__default.default.gray100,color:o__default.default.red600},"&:active":j(e),"&:focus-visible":{boxShadow:o__default.default.glowNegative}};case"transparent":return {color:o__default.default.gray900,background:"none",borderColor:"transparent",boxShadow:"none","&:hover":{backgroundColor:f36Utils.hexToRGBA(o__default.default.gray900,.05)},"&:active":j(e),"&:focus":{boxShadow:o__default.default.glowPrimary},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:o__default.default.glowPrimary}};default:return {}}},ro=(e,r)=>{let t=r==="high";switch(e){case"small":return {fontSize:t?o__default.default.fontSizeS:o__default.default.fontSizeM,lineHeight:o__default.default.lineHeightCondensed,padding:t?`${o__default.default.spacing2Xs} ${o__default.default.spacingXs}`:`${o__default.default.spacing2Xs} ${o__default.default.spacingS}`,minHeight:t?o__default.default.spacingL:o__default.default.spacingXl};case"medium":return {fontSize:t?o__default.default.fontSizeS:o__default.default.fontSizeM,lineHeight:o__default.default.lineHeightCondensed,padding:t?`${o__default.default.spacingXs} ${o__default.default.spacingS}`:`${o__default.default.spacingXs} ${o__default.default.spacingM}`,minHeight:t?o__default.default.spacingXl:"40px"};case"large":return {fontSize:o__default.default.fontSizeXl,lineHeight:o__default.default.lineHeightXl,padding:`${o__default.default.spacingXs} ${o__default.default.spacingM}`,minHeight:"48px"};default:return {}}},to=({hasChildren:e,variant:r})=>{let t={"&:first-child":{marginRight:o__default.default.spacing2Xs},"&:last-child":{marginLeft:o__default.default.spacing2Xs}};return emotion.css([e?t:{},r!=="transparent"&&e&&{"& svg":{fill:"currentColor"}}])},oo=()=>({button:({variant:e,size:r,density:t,isActive:a,isDisabled:s,isFullWidth:n})=>emotion.css(y(y(y({boxSizing:"border-box",border:"1px solid",boxShadow:"0px 1px 0px rgb(25, 37, 50, 0.08)",borderRadius:t==="high"?o__default.default.borderRadiusSmall:o__default.default.borderRadiusMedium,cursor:s?"not-allowed":"pointer",fontFamily:o__default.default.fontStackPrimary,opacity:s?.5:1,display:n?"flex":"inline-flex",minWidth:n?"100%":"auto",maxWidth:n?"100%":"240px",overflow:"hidden",flexShrink:0,justifyContent:"center",alignItems:"center",fontWeight:o__default.default.fontWeightMedium,outline:"none",textDecoration:"none",margin:0,transition:`background ${o__default.default.transitionDurationShort} ${o__default.default.transitionEasingDefault},
-        opacity ${o__default.default.transitionDurationDefault} ${o__default.default.transitionEasingDefault},
-        border-color ${o__default.default.transitionDurationDefault} ${o__default.default.transitionEasingDefault}`},eo(e)),ro(r,t)),a?{transition:"none","&, &:focus":j(e)}:{})),buttonIcon:to,buttonContent:emotion.css({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"})}),ao="button";function yr(e,r){let t=oo(),a=e,{as:s=ao,children:n,className:i,testId:p="cf-ui-button",variant:l="secondary",size:m="medium",startIcon:v,endIcon:x,isActive:N,isDisabled:w,isLoading:C,isFullWidth:_,style:R}=a,Z=ke(a,["as","children","className","testId","variant","size","startIcon","endIcon","isActive","isDisabled","isLoading","isFullWidth","style"]),_r=f36Utils.useDensity(),Dr=emotion.cx(t.button({variant:l,size:m,density:_r,isActive:N,isDisabled:w,isFullWidth:_}),i),Re=q=>{var Le;let Wr={primary:"white",secondary:"secondary",positive:"white",negative:"negative",transparent:"secondary"};return !C&&g__default.default.createElement(f36Core.Flex,{as:"span",className:t.buttonIcon({hasChildren:!!n,variant:l})},g__default.default.cloneElement(q,{size:(Le=q.props.size)!=null?Le:`${m==="large"?"medium":"small"}`,color:l==="transparent"&&q.props.variant===void 0&&q.props.color||"currentColor",variant:l==="transparent"&&q.props.variant||Wr[l]}))},Be=g__default.default.createElement(g__default.default.Fragment,null,v&&Re(v),n&&g__default.default.createElement(f36Core.Box,{as:"span",display:"block",className:t.buttonContent},n),x&&Re(x),C&&g__default.default.createElement(f36Core.Box,{as:"span",marginLeft:n||!C?"spacingXs":"none"},g__default.default.createElement(Ce,{customSize:18,variant:l==="secondary"||l==="negative"||l==="transparent"?"default":"white"}))),ze={"data-test-id":p,className:Dr,ref:r,style:R};return s==="a"?g__default.default.createElement("a",Ee(y(y({},Z),ze),{disabled:w}),Be):g__default.default.createElement("button",Ee(y(y({type:"button"},Z),ze),{disabled:w}),Be)}yr.displayName="Button";var pe=g__default.default.forwardRef(yr),no=({isActive:e,isDisabled:r})=>{let t={background:o__default.default.blue100,borderColor:o__default.default.blue600,"&":{zIndex:o__default.default.zIndexDefault+1},"&:hover":{background:o__default.default.blue100}},a={"&:focus":{boxShadow:o__default.default.glowPrimary},"&:focus-visible:not([disabled])":{zIndex:o__default.default.zIndexDefault+2},"&:active, &:active:hover":r?{background:o__default.default.colorWhite,borderColor:o__default.default.gray300}:{background:o__default.default.blue100,borderColor:o__default.default.blue600}};return e?y(y({},a),t):a},io=({isActive:e,isDisabled:r})=>({toggleButton:emotion.css(no({isActive:e,isDisabled:r}))});function Nr(e,r){let t=e,{testId:a="cf-ui-toggle-button",children:s,className:n,isDisabled:i=!1,isActive:p=!1,icon:l,onToggle:m,size:v="medium"}=t,x=ke(t,["testId","children","className","isDisabled","isActive","icon","onToggle","size"]),N=io({isActive:p,isDisabled:i});return g__default.default.createElement(pe,y({testId:a,type:"button",ref:r,size:v,onClick:()=>{!i&&m&&m();},className:emotion.cx(N.toggleButton,n),startIcon:l,isDisabled:i,"aria-pressed":p,"data-state":p?"on":"off"},x),s)}Nr.displayName="ToggleButton";g__default.default.forwardRef(Nr);function so(e,r){let t=r==="high";switch(e){case"small":return {padding:t?`${o__default.default.spacing2Xs}`:o__default.default.spacing2Xs,minHeight:t?o__default.default.spacingL:o__default.default.spacingXl,minWidth:t?o__default.default.spacingL:o__default.default.spacingXl};case"medium":return {padding:o__default.default.spacingXs,minHeight:t?o__default.default.spacingXl:"40px",minWidth:t?o__default.default.spacingXl:"40px"};default:return {}}}function lo({size:e,density:r}){return {iconButton:emotion.css(y({},so(e,r)))}}function Ir(e,r){let t=e,{testId:a="cf-ui-icon-button",variant:s="transparent",icon:n,className:i,size:p="medium"}=t,l=ke(t,["testId","variant","icon","className","size"]),m=f36Utils.useDensity(),v=lo({size:p,density:m});return g__default.default.createElement(pe,Ee(y({testId:a,ref:r,variant:s,className:emotion.cx(v.iconButton,i),size:p},l),{startIcon:n}))}Ir.displayName="IconButton";var Sr=g__default.default.forwardRef(Ir);var Pr=()=>({navbarSearch:emotion.css({minWidth:"24px",width:"24px",minHeight:"24px",height:"24px",svg:{fill:o__default.default.gray700}},I())});function fo(e,r){let i=e,{className:t,testId:a="cf-ui-navbar-search"}=i,s=f(i,["className","testId"]),n=Pr();return g__default.default.createElement(Sr,d(c({"aria-label":"Quick Search"},s),{variant:"transparent",ref:r,size:"small",className:emotion.cx(n.navbarSearch,t),testId:a,icon:g__default.default.createElement(je,{size:"medium"})}))}var wr=g__default.default.forwardRef(fo);var Cr={display:"none","&:first-child":{display:"block"},[M.medium]:{display:"block","&:first-child":{display:"none"}}},Mr=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${o__default.default.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${o__default.default.spacingXs}`,height:o__default.default.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:o__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[M.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:o__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:o__default.default.fontStackMonospace,fontSize:o__default.default.fontSizeS,fontWeight:o__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[M.large]:{maxWidth:"100%"}},"> div":{[M.medium]:{gap:o__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({border:`solid 1px ${o__default.default.gray300}`,borderRadius:"50%",color:o__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:o__default.default.spacingL,height:o__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:o__default.default.green600," svg":d(c({},Cr),{fill:o__default.default.green600})}),breadcrumbsItemEnvNonMaster:emotion.css({color:o__default.default.orange500,svg:d(c({},Cr),{fill:o__default.default.orange500})})});function Er({isAlias:e}){return g__default.default.createElement(g__default.default.Fragment,null,g__default.default.createElement(We,{key:"mobile-icon",size:"tiny"}),e?g__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):g__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function ho(e,r){let x=e,{children:t,isCircle:a,className:s,envVariant:n,isAlias:i,testId:p="cf-ui-navbar-switcher-item"}=x,l=f(x,["children","isCircle","className","envVariant","isAlias","testId"]),m=Mr(),v=emotion.cx(m.breadcrumbsItem,s,{[m.breadcrumbsItemCircle]:a,[m.breadcrumbsItemEnvMaster]:n==="master",[m.breadcrumbsItemEnvNonMaster]:n==="non-master"});return g__default.default.createElement("li",d(c({},l),{ref:r,className:v,"data-test-id":p}),g__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&g__default.default.createElement(Er,{isAlias:i}),g__default.default.createElement("span",null,t)))}var Ar=g__default.default.forwardRef(ho);var kr=()=>({navbarHelp:emotion.css({fontSize:o__default.default.fontSizeS,padding:`0 ${o__default.default.spacing2Xs}`,width:"max-content",minHeight:"24px",height:"24px",color:o__default.default.gray700,svg:{fill:o__default.default.gray700}},I())});function No(e,r){let p=e,{children:t,className:a,testId:s="cf-ui-navbar-help-trigger"}=p,n=f(p,["children","className","testId"]),i=kr();return g__default.default.createElement(W,{testId:"cf-ui-navbar-help-menu",trigger:g__default.default.createElement(pe,d(c({"aria-label":"Help Menu"},n),{as:"button",ref:r,className:emotion.cx(i.navbarHelp,a),testId:s,variant:"transparent",size:"small",startIcon:g__default.default.createElement(Ve,{size:"medium"})}),"Help")},t)}var Tr=g__default.default.forwardRef(No);var Rr=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${o__default.default.purple600}`,margin:0,outline:"none",fontSize:o__default.default.fontSizeS,lineHeight:o__default.default.lineHeightS,fontWeight:o__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${o__default.default.spacingXs}`,textDecoration:"none",color:`${o__default.default.purple600}!important`,borderRadius:"1.75rem"})});var Po="div";function wo(e,r){let l=e,{as:t=Po,children:a,className:s,testId:n="cf-ui-navbar-badge"}=l,i=f(l,["as","children","className","testId"]),p=Rr();return g__default.default.createElement(t,d(c({},i),{ref:r,className:emotion.cx(p.navbarBadge,s),"data-test-id":n}),a)}var zr=g__default.default.forwardRef(wo);var Lr=()=>({navbarTopItem:emotion.css({margin:0,background:"none",border:"1px solid",borderColor:"transparent",cursor:"pointer",display:"flex",gap:o__default.default.spacing2Xs,alignItems:"center",lineHeight:o__default.default.lineHeightDefault,color:o__default.default.gray700,padding:`0 ${o__default.default.spacing2Xs}`,minHeight:"24px",fontSize:o__default.default.fontSizeS,fontWeight:o__default.default.fontWeightMedium,outline:"none",borderRadius:o__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(o__default.default.gray900,.05)},svg:{fill:"currentColor"}},I())});var Ao="button";function ko(e,r){let l=e,{as:t=Ao,children:a,className:s,testId:n="cf-ui-navbar-topbar-item"}=l,i=f(l,["as","children","className","testId"]),p=Lr();return g__default.default.createElement(t,d(c({},i),{ref:r,className:emotion.cx(p.navbarTopItem,s),"data-test-id":n}),a)}var Or=g__default.default.forwardRef(ko);var h=Ze;h.Item=ve;h.ItemSkeleton=he;h.MenuItem=xe;h.MenuItemSkeleton=ye;h.MenuDivider=f36Menu.MenuDivider;h.MenuSectionTitle=f36Menu.MenuSectionTitle;h.Switcher=Se;h.SwitcherSkeleton=Pe;h.SwitcherItem=Ar;h.Search=wr;h.Help=Tr;h.Account=ge;h.AccountSkeleton=be;h.Badge=zr;h.TopbarItem=Or;
+var De=Object.defineProperty,Ve=Object.defineProperties;var Xe=Object.getOwnPropertyDescriptors;var H=Object.getOwnPropertySymbols;var se=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var ie=(e,t,o)=>t in e?De(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))se.call(t,o)&&ie(e,o,t[o]);if(H)for(var o of H(t))me.call(t,o)&&ie(e,o,t[o]);return e},p=(e,t)=>Ve(e,Xe(t));var l=(e,t)=>{var o={};for(var r in e)se.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&H)for(var r of H(e))t.indexOf(r)<0&&me.call(e,r)&&(o[r]=e[r]);return o};var h={medium:"@media (min-width: 480px)",large:"@media (min-width: 768px)",xlarge:"@media (min-width: 1920px)"},M=(e=s__default.default.glowPrimary)=>({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}});var pe=(e,t)=>({containerTop:emotion.css({justifyContent:"center",backgroundColor:s__default.default.gray100}),containerBottom:emotion.css({justifyContent:"center",backgroundColor:s__default.default.gray100}),containerTopContent:emotion.css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:s__default.default.spacingXs,minHeight:s__default.default.spacingL,[h.medium]:{padding:`${s__default.default.spacingXs} 20px`}}),containerBottomContent:emotion.css({width:"100%",maxWidth:t==="wide"?"1524px":e,padding:0,paddingTop:s__default.default.spacing2Xs,minHeight:"2.5rem",overflow:"auto",[h.medium]:{padding:`${s__default.default.spacing2Xs} ${s__default.default.spacingXs}`}}),logo:emotion.css({height:"28px",width:"28px"})});var ce=f36Icon.generateIconComponent({name:"CircleIcon",viewBox:"0 0 24 24",path:y__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 ge=f36Icon.generateComponentWithVariants({variants:{[f36Icon.IconVariant.Active]:f36Icon.generateIconComponent({path:y__default.default.createElement(y__default.default.Fragment,null,y__default.default.createElement("path",{d:"M10.0153 4.76531L6.2653 8.51531C6.23048 8.55018 6.18912 8.57784 6.14359 8.59671C6.09807 8.61558 6.04927 8.62529 5.99999 8.62529C5.95071 8.62529 5.90191 8.61558 5.85639 8.59671C5.81086 8.57784 5.76951 8.55018 5.73468 8.51531L1.98468 4.76531C1.93217 4.71287 1.89641 4.64602 1.88192 4.57324C1.86742 4.50046 1.87485 4.42501 1.90326 4.35645C1.93166 4.28789 1.97977 4.22931 2.0415 4.1881C2.10322 4.1469 2.17578 4.12494 2.24999 4.125H9.74999C9.8242 4.12494 9.89676 4.1469 9.95848 4.1881C10.0202 4.22931 10.0683 4.28789 10.0967 4.35645C10.1251 4.42501 10.1326 4.50046 10.1181 4.57324C10.1036 4.64602 10.0678 4.71287 10.0153 4.76531Z",fill:s__default.default.blue300})),viewBox:"0 0 12 12"}),[f36Icon.IconVariant.Default]:f36Icon.generateIconComponent({path:y__default.default.createElement(y__default.default.Fragment,null,y__default.default.createElement("path",{d:"M10.0153 4.76531L6.2653 8.51531C6.23048 8.55018 6.18912 8.57784 6.14359 8.59671C6.09807 8.61558 6.04927 8.62529 5.99999 8.62529C5.95071 8.62529 5.90191 8.61558 5.85639 8.59671C5.81086 8.57784 5.76951 8.55018 5.73468 8.51531L1.98468 4.76531C1.93217 4.71287 1.89641 4.64602 1.88192 4.57324C1.86742 4.50046 1.87485 4.42501 1.90326 4.35645C1.93166 4.28789 1.97977 4.22931 2.0415 4.1881C2.10322 4.1469 2.17578 4.12494 2.24999 4.125H9.74999C9.8242 4.12494 9.89676 4.1469 9.95848 4.1881C10.0202 4.22931 10.0683 4.28789 10.0967 4.35645C10.1251 4.42501 10.1326 4.50046 10.1181 4.57324C10.1036 4.64602 10.0678 4.71287 10.0153 4.76531Z",fill:s__default.default.gray400})),viewBox:"0 0 12 12"})}});var be=f36Icon.generateIconComponent({name:"ContentfulLogoIcon",viewBox:"0 0 28 28",path:y__default.default.createElement(y__default.default.Fragment,null,y__default.default.createElement("path",{fill:"#1773EB",d:"M10.713 5.001c.845.843 1.167 2.079.845 3.228A6.663 6.663 0 0 1 15 7.276h.026a6.7 6.7 0 0 1 4.743 1.988 2.64 2.64 0 1 0 3.746-3.715A11.96 11.96 0 0 0 15.042 2h-.046a11.933 11.933 0 0 0-6.691 2.036h.074a3.287 3.287 0 0 1 2.334.967V5Z"}),y__default.default.createElement("path",{fill:"#E44F20",d:"M21.594 17.999a2.64 2.64 0 0 0-1.858.766 6.703 6.703 0 0 1-4.732 1.951h-.025a6.65 6.65 0 0 1-3.447-.968A3.3 3.3 0 0 1 8.35 23.93h-.086A11.926 11.926 0 0 0 14.96 26h.046a11.94 11.94 0 0 0 8.449-3.484 2.64 2.64 0 0 0-1.859-4.514V18h-.002Z"}),y__default.default.createElement("path",{fill:"#FFDA00",d:"M6.013 18.295a3.27 3.27 0 0 1 2.334-.967c.302 0 .603.04.894.122a6.7 6.7 0 0 1 .013-6.928A3.3 3.3 0 0 1 5.08 7.335v-.09a11.999 11.999 0 0 0-.032 13.453v-.07a3.27 3.27 0 0 1 .966-2.333Z"}),y__default.default.createElement("path",{fill:"#1773EB",d:"M8.379 4.62c-.75 0-1.276.312-1.913.949-.607.605-.798 1.135-.8 1.766A2.712 2.712 0 1 0 8.38 4.62Z"}),y__default.default.createElement("path",{fill:"#E44F20",d:"M5.628 20.631c0 .75.31 1.276.946 1.912.607.606 1.136.799 1.766.8a2.703 2.703 0 1 0-.017-5.407 2.703 2.703 0 0 0-2.695 2.704v-.009Z"}))});function Ye(e,t){let S=e,{logo:o,switcher:r,mainNavigation:m,secondaryNavigation:n,account:a,className:g,contentMaxWidth:d="100%",testId:f="cf-ui-navbar",variant:I="wide"}=S,u=l(S,["logo","switcher","mainNavigation","secondaryNavigation","account","className","contentMaxWidth","testId","variant"]),v=pe(d,I);return y__default.default.createElement(f36Core.Box,p(i({},u),{ref:t,testId:f,className:g,as:"header"}),y__default.default.createElement(f36Core.Flex,{className:v.containerTop},y__default.default.createElement(f36Core.Flex,{className:v.containerTopContent,justifyContent:"space-between"},y__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingL"},o||y__default.default.createElement(be,{className:v.logo}),r,y__default.default.createElement(f36Core.Flex,{gap:"spacingXs",as:"nav","aria-label":"Main Navigation"},m)),y__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},n,a))))}var ue=y__default.default.forwardRef(Ye);var Ke={warning:s__default.default.colorWarning,negative:s__default.default.colorNegative,info:s__default.default.blue500},ve=()=>({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(s__default.default.gray300,.15)})},M()),avatar:emotion.css({borderRadius:"50%",display:"block",height:"24px",width:"24px"}),notificationIcon:e=>emotion.css({position:"absolute",top:0,right:0,height:s__default.default.spacingS,width:s__default.default.spacingS,borderRadius:"50%",border:`2px solid ${s__default.default.gray100}`,backgroundColor:Ke[e],transform:"translate(30%, -30%)"})});var he=()=>({menuList:emotion.css({minWidth:"250px"})});var z=e=>{let{trigger:t,children:o,testId:r="cf-ui-navbar-menu-list",onOpen:m,onClose:n}=e,a=he();return y__default.default.createElement(f36Menu.Menu,{onOpen:m,onClose:n},y__default.default.createElement(f36Menu.Menu.Trigger,null,t),y__default.default.createElement(f36Menu.Menu.List,{className:a.menuList,testId:r},o))};function rt(e,t){let v=e,{children:o,className:r,testId:m="cf-ui-navbar-account-trigger",avatar:n,initials:a,username:g,hasNotification:d,notificationVariant:f="warning"}=v,I=l(v,["children","className","testId","avatar","initials","username","hasNotification","notificationVariant"]),u=ve();return y__default.default.createElement(z,{trigger:y__default.default.createElement(f36Core.Flex,p(i({as:"button"},I),{ref:t,className:emotion.cx(u.navbarAccount,r),testId:m,alignItems:"center","aria-label":"Account Menu"}),y__default.default.createElement(f36Avatar.Avatar,{src:n,initials:a,size:"small",variant:"user"}),d?y__default.default.createElement("span",{className:u.notificationIcon(f)}):null)},o)}var Z=y__default.default.forwardRef(rt);function q({ariaLabel:e}){return y__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:s__default.default.gray300,foregroundColor:s__default.default.gray200},y__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var Ie=()=>emotion.css({backgroundColor:s__default.default.blue100,border:`1px solid ${s__default.default.blue400}`,color:s__default.default.blue600,"&:hover":{backgroundColor:s__default.default.blue100}}),xe={display:"flex",justifyContent:"center",padding:`${s__default.default.spacing2Xs} ${s__default.default.spacingXs}`,alignItems:"center",background:"none",gap:s__default.default.spacing2Xs},Pe=()=>({navbarItem:emotion.css(xe,{alignItems:"center",background:"none",border:"1px solid transparent",margin:0,outline:"none",fontSize:s__default.default.fontSizeM,lineHeight:s__default.default.lineHeightS,fontWeight:s__default.default.fontWeightMedium,position:"relative",textAlign:"left",whiteSpace:"nowrap",cursor:"pointer",hyphens:"auto",textDecoration:"none",color:s__default.default.gray800,boxSizing:"border-box",transition:`color ${s__default.default.transitionDurationShort} ${s__default.default.transitionEasingCubicBezier}`,borderRadius:s__default.default.borderRadiusMedium,"&:hover":{backgroundColor:f36Utils.hexToRGBA(s__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 ${s__default.default.transitionDurationShort} ${s__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:s__default.default.zIndexDefault}},M()),navbarItemMenuTrigger:emotion.css({paddingRight:s__default.default.spacingXs}),isActive:Ie()}),Se=()=>({itemSkeleton:emotion.css(xe)});var Me=()=>({navbarItemIcon:emotion.css({"&:last-child&:not(:only-child)":{marginLeft:s__default.default.spacing2Xs},"img&":{borderRadius:s__default.default.borderRadiusSmall,maxWidth:s__default.default.spacingM,maxHeight:s__default.default.spacingM}})});var O=({icon:e,isActive:t})=>{let a=e.props,{className:o,size:r}=a,m=l(a,["className","size"]),n=Me();return y__default.default.cloneElement(e,i({className:emotion.cx(o,n.navbarItemIcon),size:r||"small",isActive:t},m))};var lt="button";function dt(e,t){let ae=e,{as:o=lt,icon:r,label:m,title:n,children:a,className:g,isActive:d,testId:f="cf-ui-navbar-item",onOpen:I,onClose:u}=ae,v=l(ae,["as","icon","label","title","children","className","isActive","testId","onOpen","onClose"]),S=Pe(),$=ft(e),ne=y__default.default.createElement(o,p(i({},v),{ref:t,"data-test-id":f,className:emotion.cx(S.navbarItem,$&&S.navbarItemMenuTrigger,d&&S.isActive,g),"aria-label":n?"":m}),r&&y__default.default.createElement(O,{icon:r,isActive:d}),n&&y__default.default.createElement("span",null,n),n&&$&&y__default.default.createElement(ge,{size:"tiny",isActive:d}));return $?y__default.default.createElement(z,{trigger:ne,testId:f,onOpen:I,onClose:u},a):ne}var ft=e=>!!e.children,Y=y__default.default.forwardRef(dt);var J=({estimatedWidth:e})=>{let t=Se();return y__default.default.createElement(f36Skeleton.SkeletonContainer,{className:t.itemSkeleton,svgWidth:e,svgHeight:32,backgroundColor:s__default.default.gray300,foregroundColor:s__default.default.gray200},y__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:6,numberOfLines:1,offsetTop:10,radiusX:s__default.default.borderRadiusSmall,radiusY:s__default.default.borderRadiusSmall}))};var we=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var yt="button";function It(e,t){let f=e,{as:o=yt,icon:r,title:m,className:n}=f,a=l(f,["as","icon","title","className"]),g=we(),d=xt(e);return y__default.default.createElement(f36Menu.Menu.Item,p(i({},a),{ref:t,as:o,className:emotion.cx(g.navbarMenuItem,n)}),r?y__default.default.createElement(O,{icon:r}):d&&Ae,y__default.default.createElement("span",null,m),r&&d?Ae:null)}var Ae=y__default.default.createElement(O,{icon:y__default.default.createElement(f36Icons.ArrowSquareOutIcon,null)}),xt=e=>e.as==="a"&&e.target==="_blank",K=y__default.default.forwardRef(It);var Q=({ariaLabel:e})=>y__default.default.createElement(f36Menu.Menu.Item,null,y__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:s__default.default.spacingXs},y__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},y__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),y__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},y__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var Ee=()=>({navbarSwitcher:emotion.css({margin:0,padding:0,background:"none",border:"none",height:"max-content",color:s__default.default.gray700,cursor:"pointer",fontSize:s__default.default.fontSizeS,fontWeight:s__default.default.fontWeightMedium,position:"relative",outline:"none",borderRadius:"3rem","&:last-child:after":{display:"none"},"&:hover li":{backgroundColor:"#f2f4f6"}},M()),switcherMenuIcon:emotion.css({height:s__default.default.spacingM,width:s__default.default.spacingM,fill:s__default.default.gray700}),switcherBreadcrumbs:emotion.css({listStyleType:"none",margin:0,padding:0,position:"relative"})});function kt(e,t){let g=e,{children:o,className:r,testId:m="cf-ui-navbar-switcher"}=g,n=l(g,["children","className","testId"]),a=Ee();return y__default.default.createElement(f36Core.Flex,p(i({},n),{as:"button",ref:t,className:emotion.cx(a.navbarSwitcher,r),testId:m,alignItems:"center",fullHeight:!0,gap:"spacingXs"}),y__default.default.createElement(f36Core.Flex,{as:"ul",alignItems:"center",className:a.switcherBreadcrumbs},o))}var oe=y__default.default.forwardRef(kt);var re=({estimatedWidth:e})=>y__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:24,backgroundColor:s__default.default.gray300,foregroundColor:s__default.default.gray200},y__default.default.createElement(f36Skeleton.SkeletonDisplayText,{lineHeight:24,numberOfLines:1,radiusX:12,radiusY:12}));var Re={display:"none","&:first-child":{display:"block"},[h.medium]:{display:"block","&:first-child":{display:"none"}}},_e=()=>({breadcrumbsItem:emotion.css({position:"relative",alignItems:"center",justifyContent:"center",border:`solid 1px ${s__default.default.gray300}`,borderLeft:"none",display:"inline-flex",margin:0,minWidth:0,padding:`0 ${s__default.default.spacingXs}`,height:s__default.default.spacingL,borderRadius:"3rem",zIndex:2,whiteSpace:"nowrap","&:first-child":{minWidth:"24px"},"&:nth-child(2)":{zIndex:1,marginLeft:"-10px",paddingLeft:s__default.default.spacingM,borderRadius:"0 3rem 3rem 0",span:{maxWidth:"80px",textOverflow:"ellipsis",overflow:"hidden",[h.large]:{maxWidth:"100%"}}},"&:nth-child(3)":{marginLeft:"-10px",paddingLeft:s__default.default.spacingM,borderRadius:"0 3rem 3rem 0",fontFamily:s__default.default.fontStackMonospace,fontSize:s__default.default.fontSizeS,fontWeight:s__default.default.fontWeightMedium,zIndex:0,span:{maxWidth:"40px",textOverflow:"ellipsis",overflow:"hidden",[h.large]:{maxWidth:"100%"}},"> div":{[h.medium]:{gap:s__default.default.spacing2Xs}}}}),breadcrumbsItemCircle:emotion.css({border:`solid 1px ${s__default.default.gray300}`,borderRadius:"50%",color:s__default.default.gray400,padding:0,display:"flex",justifyContent:"center",fontSize:"11px",width:s__default.default.spacingL,height:s__default.default.spacingL}),breadcrumbsItemEnvMaster:emotion.css({color:s__default.default.green600," svg":p(i({},Re),{fill:s__default.default.green600})}),breadcrumbsItemEnvNonMaster:emotion.css({color:s__default.default.orange500,svg:p(i({},Re),{fill:s__default.default.orange500})})});function Oe({isAlias:e}){return y__default.default.createElement(y__default.default.Fragment,null,y__default.default.createElement(ce,{key:"mobile-icon",size:"tiny"}),e?y__default.default.createElement(f36Icons.EnvironmentAliasIcon,{key:"full-icon",size:"tiny"}):y__default.default.createElement(f36Icons.EnvironmentIcon,{key:"full-icon",size:"tiny"}))}function Ot(e,t){let u=e,{children:o,isCircle:r,className:m,envVariant:n,isAlias:a,testId:g="cf-ui-navbar-switcher-item"}=u,d=l(u,["children","isCircle","className","envVariant","isAlias","testId"]),f=_e(),I=emotion.cx(f.breadcrumbsItem,m,{[f.breadcrumbsItemCircle]:r,[f.breadcrumbsItemEnvMaster]:n==="master",[f.breadcrumbsItemEnvNonMaster]:n==="non-master"});return y__default.default.createElement("li",p(i({},d),{ref:t,className:I,"data-test-id":g}),y__default.default.createElement(f36Core.Flex,{fullHeight:!0,justifyContent:"center",alignItems:"center"},n&&y__default.default.createElement(Oe,{isAlias:a}),y__default.default.createElement("span",null,o)))}var We=y__default.default.forwardRef(Ot);var Fe=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${s__default.default.purple600}`,margin:0,outline:"none",fontSize:s__default.default.fontSizeS,lineHeight:s__default.default.lineHeightS,fontWeight:s__default.default.fontWeightMedium,textAlign:"center",padding:`0 ${s__default.default.spacingXs}`,textDecoration:"none",color:`${s__default.default.purple600}!important`,borderRadius:"1.75rem"})});var Ht="div";function zt(e,t){let d=e,{as:o=Ht,children:r,className:m,testId:n="cf-ui-navbar-badge"}=d,a=l(d,["as","children","className","testId"]),g=Fe();return y__default.default.createElement(o,p(i({},a),{ref:t,className:emotion.cx(g.navbarBadge,m),"data-test-id":n}),r)}var ze=y__default.default.forwardRef(zt);var b=ue;b.Item=Y;b.ItemSkeleton=J;b.MenuItem=K;b.MenuItemSkeleton=Q;b.MenuDivider=f36Menu.MenuDivider;b.MenuSectionTitle=f36Menu.MenuSectionTitle;b.Switcher=oe;b.SwitcherSkeleton=re;b.SwitcherItem=We;b.Account=Z;b.AccountSkeleton=q;b.Badge=ze;
 
-exports.Navbar = h;
-exports.getNavbarItemActiveStyles = Qe;
+exports.Navbar = b;
+exports.getNavbarItemActiveStyles = Ie;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map