@contentful/f36-navbar 5.6.0 → 6.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/esm/index.js +2 -19
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/index.d.mts +38 -32
  4. package/dist/index.d.ts +38 -32
  5. package/dist/index.js +2 -29
  6. package/dist/index.js.map +1 -1
  7. package/package.json +15 -15
package/dist/index.d.mts CHANGED
@@ -5,7 +5,7 @@ import { IconProps } from '@contentful/f36-icons';
5
5
 
6
6
  declare const NAVBAR_HEIGHT = 60;
7
7
 
8
- declare type NavbarOwnProps = CommonProps & {
8
+ type NavbarOwnProps = CommonProps & {
9
9
  /**
10
10
  * Accepts a React Component that will be displayed
11
11
  * instead of the Contentful Logo
@@ -52,8 +52,8 @@ declare type NavbarOwnProps = CommonProps & {
52
52
  labelAccount?: string;
53
53
  };
54
54
  };
55
- declare type NavbarHTMLElementProps = Pick<React.ComponentPropsWithoutRef<'div'>, 'id'>;
56
- declare type NavbarProps = NavbarHTMLElementProps & NavbarOwnProps;
55
+ type NavbarHTMLElementProps = Pick<React.ComponentPropsWithoutRef<'div'>, 'id'>;
56
+ type NavbarProps = NavbarHTMLElementProps & NavbarOwnProps;
57
57
  declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps & CommonProps & {
58
58
  /**
59
59
  * Accepts a React Component that will be displayed
@@ -74,7 +74,7 @@ declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps &
74
74
  mobileNavigation?: React.ReactNode;
75
75
  mobileNavigationProps?: {
76
76
  /** breakpoint to determine when to show the mobile navigation */
77
- breakpoint?: 'small' | 'medium';
77
+ breakpoint?: "small" | "medium";
78
78
  /**
79
79
  * label of the mobile navigation trigger button
80
80
  * @default 'Menu'
@@ -90,7 +90,7 @@ declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps &
90
90
  * Describes the size variation of the Navbar
91
91
  * Variant wide will set the contentMaxWidth to 1524px
92
92
  */
93
- variant?: 'wide' | 'fullscreen';
93
+ variant?: "wide" | "fullscreen";
94
94
  /**
95
95
  * aria labels for different areas of the navigation bar
96
96
  */
@@ -102,7 +102,7 @@ declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps &
102
102
  };
103
103
  } & React.RefAttributes<HTMLElement>>;
104
104
 
105
- declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "label" | "children" | keyof CommonProps | "username" | "avatar" | "initials" | "hasNotification" | "notificationVariant"> & CommonProps & {
105
+ declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, never>, "label" | "children" | keyof CommonProps | "username" | "avatar" | "initials" | "hasNotification" | "notificationVariant"> & CommonProps & {
106
106
  children: React.ReactNode;
107
107
  username: string;
108
108
  avatar?: string;
@@ -112,25 +112,28 @@ declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<Reac
112
112
  /**
113
113
  * @default 'warning'
114
114
  */
115
- notificationVariant?: 'warning' | 'negative' | 'info';
115
+ notificationVariant?: "warning" | "negative" | "info";
116
116
  } & React.RefAttributes<HTMLButtonElement>>;
117
117
 
118
118
  declare function NavbarAccountSkeleton({ ariaLabel }: {
119
119
  ariaLabel?: string;
120
- }): JSX.Element;
120
+ }): React.JSX.Element;
121
+ declare namespace NavbarAccountSkeleton {
122
+ var displayName: string;
123
+ }
121
124
 
122
- declare type NavbarMenuProps = {
123
- trigger: React.ReactNode;
125
+ type NavbarMenuProps = {
126
+ trigger: React.ReactElement<Record<string, unknown>, React.ElementType>;
124
127
  children?: React.ReactNode;
125
128
  } & Pick<MenuListProps, 'testId'> & Pick<MenuProps, 'onOpen' | 'onClose'>;
126
129
 
127
- declare type NavbarItemIconProps = {
130
+ type NavbarItemIconProps = {
128
131
  icon: React.ReactElement<IconProps>;
129
132
  className?: string;
130
133
  } & Partial<Pick<IconProps, 'isActive'>>;
131
134
 
132
135
  declare const NAVBAR_ITEM_DEFAULT_TAG = "button";
133
- declare type NavbarItemTriggerProps = CommonProps & {
136
+ type NavbarItemTriggerProps = CommonProps & {
134
137
  label?: string;
135
138
  title?: string;
136
139
  icon?: NavbarItemIconProps['icon'];
@@ -138,23 +141,26 @@ declare type NavbarItemTriggerProps = CommonProps & {
138
141
  as?: React.ElementType;
139
142
  isDisabled?: boolean;
140
143
  };
141
- declare type NavbarItemAsMenuProps = NavbarItemTriggerProps & Pick<NavbarMenuProps, 'onOpen' | 'onClose'> & {
144
+ type NavbarItemAsMenuProps = NavbarItemTriggerProps & Pick<NavbarMenuProps, 'onOpen' | 'onClose'> & {
142
145
  children: React.ReactNode;
143
146
  };
144
- declare type NavbarItemAsItemProps = NavbarItemTriggerProps & {
147
+ type NavbarItemAsItemProps = NavbarItemTriggerProps & {
145
148
  children?: never;
146
149
  onOpen?: never;
147
150
  onClose?: never;
148
151
  };
149
- declare type NavbarItemOwnProps = NavbarItemAsItemProps | NavbarItemAsMenuProps;
152
+ type NavbarItemOwnProps = NavbarItemAsItemProps | NavbarItemAsMenuProps;
150
153
  declare const NavbarItem: PolymorphicComponent<ExpandProps<NavbarItemOwnProps>, typeof NAVBAR_ITEM_DEFAULT_TAG>;
151
154
 
152
- declare const NavbarItemSkeleton: ({ estimatedWidth, }: {
153
- estimatedWidth: number;
154
- }) => JSX.Element;
155
+ declare const NavbarItemSkeleton: {
156
+ ({ estimatedWidth, }: {
157
+ estimatedWidth: number;
158
+ }): React.JSX.Element;
159
+ displayName: string;
160
+ };
155
161
 
156
162
  declare const NAVBAR_MENU_ITEM_DEFAULT_TAG = "button";
157
- declare type NavbarMenuItemOwnProps = {
163
+ type NavbarMenuItemOwnProps = {
158
164
  children?: null;
159
165
  title: string;
160
166
  icon?: NavbarItemIconProps['icon'];
@@ -164,10 +170,10 @@ declare const NavbarMenuItem: PolymorphicComponent<ExpandProps<NavbarMenuItemOwn
164
170
 
165
171
  declare const NavbarMenuItemSkeleton: ({ ariaLabel, }: {
166
172
  ariaLabel?: string;
167
- }) => JSX.Element;
173
+ }) => React.JSX.Element;
168
174
 
169
- declare type EnvVariant = 'master' | 'non-master' | 'trial';
170
- declare type NavbarLoadingProps = {
175
+ type EnvVariant = 'master' | 'non-master' | 'trial';
176
+ type NavbarLoadingProps = {
171
177
  isLoading?: true;
172
178
  children?: React.ReactNode;
173
179
  environment?: never;
@@ -178,33 +184,33 @@ declare type NavbarLoadingProps = {
178
184
  environment?: string;
179
185
  space?: string;
180
186
  };
181
- declare type NavbarSwitcherOwnProps = CommonProps & NavbarLoadingProps & {
187
+ type NavbarSwitcherOwnProps = CommonProps & NavbarLoadingProps & {
182
188
  envVariant?: EnvVariant;
183
189
  isAlias?: boolean;
184
190
  ariaLabel?: string;
185
191
  };
186
- declare type NavbarSwitcherProps = PropsWithHTMLElement<NavbarSwitcherOwnProps, 'button'>;
192
+ type NavbarSwitcherProps = PropsWithHTMLElement<NavbarSwitcherOwnProps, 'button'>;
187
193
  declare const NavbarSwitcher: React.ForwardRefExoticComponent<NavbarSwitcherProps & React.RefAttributes<HTMLButtonElement>>;
188
194
 
189
195
  declare const NavbarSwitcherSkeleton: ({ estimatedWidth, }: {
190
196
  estimatedWidth: number;
191
- }) => JSX.Element;
197
+ }) => React.JSX.Element;
192
198
 
193
199
  declare const NAVBAR_BADGE_DEFAULT_TAG = "div";
194
- declare type NavbarBadgeOwnProps = CommonProps & {
200
+ type NavbarBadgeOwnProps = CommonProps & {
195
201
  children?: React.ReactNode;
196
202
  as?: React.ElementType;
197
203
  };
198
204
  declare const NavbarBadge: PolymorphicComponent<ExpandProps<NavbarBadgeOwnProps>, typeof NAVBAR_BADGE_DEFAULT_TAG>;
199
205
 
200
- declare type NavbarSubmenuProps = {
206
+ type NavbarSubmenuProps = {
201
207
  title: string;
202
208
  icon?: NavbarItemIconProps['icon'];
203
209
  children?: React.ReactNode;
204
210
  } & Pick<MenuListProps, 'testId'> & Pick<MenuProps, 'onOpen' | 'onClose'>;
205
- declare const NavbarSubmenu: (props: NavbarSubmenuProps) => JSX.Element;
211
+ declare const NavbarSubmenu: (props: NavbarSubmenuProps) => React.JSX.Element;
206
212
 
207
- declare type CompoundNavbar = typeof Navbar$1 & {
213
+ type CompoundNavbar = typeof Navbar$1 & {
208
214
  Item: typeof NavbarItem;
209
215
  ItemSkeleton: typeof NavbarItemSkeleton;
210
216
  MenuItem: typeof NavbarMenuItem;
@@ -222,8 +228,8 @@ declare const Navbar: CompoundNavbar;
222
228
 
223
229
  declare const getNavbarItemActiveStyles: () => string;
224
230
 
225
- declare type screens = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
226
- declare type mediaqueries = Record<screens, string>;
231
+ type screens = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
232
+ type mediaqueries = Record<screens, string>;
227
233
  declare const mqs: mediaqueries;
228
234
 
229
- export { NAVBAR_HEIGHT, Navbar, NavbarProps, getNavbarItemActiveStyles, mqs as navbarMediaQueries };
235
+ export { NAVBAR_HEIGHT, Navbar, type NavbarProps, getNavbarItemActiveStyles, mqs as navbarMediaQueries };
package/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import { IconProps } from '@contentful/f36-icons';
5
5
 
6
6
  declare const NAVBAR_HEIGHT = 60;
7
7
 
8
- declare type NavbarOwnProps = CommonProps & {
8
+ type NavbarOwnProps = CommonProps & {
9
9
  /**
10
10
  * Accepts a React Component that will be displayed
11
11
  * instead of the Contentful Logo
@@ -52,8 +52,8 @@ declare type NavbarOwnProps = CommonProps & {
52
52
  labelAccount?: string;
53
53
  };
54
54
  };
55
- declare type NavbarHTMLElementProps = Pick<React.ComponentPropsWithoutRef<'div'>, 'id'>;
56
- declare type NavbarProps = NavbarHTMLElementProps & NavbarOwnProps;
55
+ type NavbarHTMLElementProps = Pick<React.ComponentPropsWithoutRef<'div'>, 'id'>;
56
+ type NavbarProps = NavbarHTMLElementProps & NavbarOwnProps;
57
57
  declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps & CommonProps & {
58
58
  /**
59
59
  * Accepts a React Component that will be displayed
@@ -74,7 +74,7 @@ declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps &
74
74
  mobileNavigation?: React.ReactNode;
75
75
  mobileNavigationProps?: {
76
76
  /** breakpoint to determine when to show the mobile navigation */
77
- breakpoint?: 'small' | 'medium';
77
+ breakpoint?: "small" | "medium";
78
78
  /**
79
79
  * label of the mobile navigation trigger button
80
80
  * @default 'Menu'
@@ -90,7 +90,7 @@ declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps &
90
90
  * Describes the size variation of the Navbar
91
91
  * Variant wide will set the contentMaxWidth to 1524px
92
92
  */
93
- variant?: 'wide' | 'fullscreen';
93
+ variant?: "wide" | "fullscreen";
94
94
  /**
95
95
  * aria labels for different areas of the navigation bar
96
96
  */
@@ -102,7 +102,7 @@ declare const Navbar$1: React.ForwardRefExoticComponent<NavbarHTMLElementProps &
102
102
  };
103
103
  } & React.RefAttributes<HTMLElement>>;
104
104
 
105
- declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, never>, "label" | "children" | keyof CommonProps | "username" | "avatar" | "initials" | "hasNotification" | "notificationVariant"> & CommonProps & {
105
+ declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, never>, "label" | "children" | keyof CommonProps | "username" | "avatar" | "initials" | "hasNotification" | "notificationVariant"> & CommonProps & {
106
106
  children: React.ReactNode;
107
107
  username: string;
108
108
  avatar?: string;
@@ -112,25 +112,28 @@ declare const NavbarAccount: React.ForwardRefExoticComponent<Omit<Omit<Pick<Reac
112
112
  /**
113
113
  * @default 'warning'
114
114
  */
115
- notificationVariant?: 'warning' | 'negative' | 'info';
115
+ notificationVariant?: "warning" | "negative" | "info";
116
116
  } & React.RefAttributes<HTMLButtonElement>>;
117
117
 
118
118
  declare function NavbarAccountSkeleton({ ariaLabel }: {
119
119
  ariaLabel?: string;
120
- }): JSX.Element;
120
+ }): React.JSX.Element;
121
+ declare namespace NavbarAccountSkeleton {
122
+ var displayName: string;
123
+ }
121
124
 
122
- declare type NavbarMenuProps = {
123
- trigger: React.ReactNode;
125
+ type NavbarMenuProps = {
126
+ trigger: React.ReactElement<Record<string, unknown>, React.ElementType>;
124
127
  children?: React.ReactNode;
125
128
  } & Pick<MenuListProps, 'testId'> & Pick<MenuProps, 'onOpen' | 'onClose'>;
126
129
 
127
- declare type NavbarItemIconProps = {
130
+ type NavbarItemIconProps = {
128
131
  icon: React.ReactElement<IconProps>;
129
132
  className?: string;
130
133
  } & Partial<Pick<IconProps, 'isActive'>>;
131
134
 
132
135
  declare const NAVBAR_ITEM_DEFAULT_TAG = "button";
133
- declare type NavbarItemTriggerProps = CommonProps & {
136
+ type NavbarItemTriggerProps = CommonProps & {
134
137
  label?: string;
135
138
  title?: string;
136
139
  icon?: NavbarItemIconProps['icon'];
@@ -138,23 +141,26 @@ declare type NavbarItemTriggerProps = CommonProps & {
138
141
  as?: React.ElementType;
139
142
  isDisabled?: boolean;
140
143
  };
141
- declare type NavbarItemAsMenuProps = NavbarItemTriggerProps & Pick<NavbarMenuProps, 'onOpen' | 'onClose'> & {
144
+ type NavbarItemAsMenuProps = NavbarItemTriggerProps & Pick<NavbarMenuProps, 'onOpen' | 'onClose'> & {
142
145
  children: React.ReactNode;
143
146
  };
144
- declare type NavbarItemAsItemProps = NavbarItemTriggerProps & {
147
+ type NavbarItemAsItemProps = NavbarItemTriggerProps & {
145
148
  children?: never;
146
149
  onOpen?: never;
147
150
  onClose?: never;
148
151
  };
149
- declare type NavbarItemOwnProps = NavbarItemAsItemProps | NavbarItemAsMenuProps;
152
+ type NavbarItemOwnProps = NavbarItemAsItemProps | NavbarItemAsMenuProps;
150
153
  declare const NavbarItem: PolymorphicComponent<ExpandProps<NavbarItemOwnProps>, typeof NAVBAR_ITEM_DEFAULT_TAG>;
151
154
 
152
- declare const NavbarItemSkeleton: ({ estimatedWidth, }: {
153
- estimatedWidth: number;
154
- }) => JSX.Element;
155
+ declare const NavbarItemSkeleton: {
156
+ ({ estimatedWidth, }: {
157
+ estimatedWidth: number;
158
+ }): React.JSX.Element;
159
+ displayName: string;
160
+ };
155
161
 
156
162
  declare const NAVBAR_MENU_ITEM_DEFAULT_TAG = "button";
157
- declare type NavbarMenuItemOwnProps = {
163
+ type NavbarMenuItemOwnProps = {
158
164
  children?: null;
159
165
  title: string;
160
166
  icon?: NavbarItemIconProps['icon'];
@@ -164,10 +170,10 @@ declare const NavbarMenuItem: PolymorphicComponent<ExpandProps<NavbarMenuItemOwn
164
170
 
165
171
  declare const NavbarMenuItemSkeleton: ({ ariaLabel, }: {
166
172
  ariaLabel?: string;
167
- }) => JSX.Element;
173
+ }) => React.JSX.Element;
168
174
 
169
- declare type EnvVariant = 'master' | 'non-master' | 'trial';
170
- declare type NavbarLoadingProps = {
175
+ type EnvVariant = 'master' | 'non-master' | 'trial';
176
+ type NavbarLoadingProps = {
171
177
  isLoading?: true;
172
178
  children?: React.ReactNode;
173
179
  environment?: never;
@@ -178,33 +184,33 @@ declare type NavbarLoadingProps = {
178
184
  environment?: string;
179
185
  space?: string;
180
186
  };
181
- declare type NavbarSwitcherOwnProps = CommonProps & NavbarLoadingProps & {
187
+ type NavbarSwitcherOwnProps = CommonProps & NavbarLoadingProps & {
182
188
  envVariant?: EnvVariant;
183
189
  isAlias?: boolean;
184
190
  ariaLabel?: string;
185
191
  };
186
- declare type NavbarSwitcherProps = PropsWithHTMLElement<NavbarSwitcherOwnProps, 'button'>;
192
+ type NavbarSwitcherProps = PropsWithHTMLElement<NavbarSwitcherOwnProps, 'button'>;
187
193
  declare const NavbarSwitcher: React.ForwardRefExoticComponent<NavbarSwitcherProps & React.RefAttributes<HTMLButtonElement>>;
188
194
 
189
195
  declare const NavbarSwitcherSkeleton: ({ estimatedWidth, }: {
190
196
  estimatedWidth: number;
191
- }) => JSX.Element;
197
+ }) => React.JSX.Element;
192
198
 
193
199
  declare const NAVBAR_BADGE_DEFAULT_TAG = "div";
194
- declare type NavbarBadgeOwnProps = CommonProps & {
200
+ type NavbarBadgeOwnProps = CommonProps & {
195
201
  children?: React.ReactNode;
196
202
  as?: React.ElementType;
197
203
  };
198
204
  declare const NavbarBadge: PolymorphicComponent<ExpandProps<NavbarBadgeOwnProps>, typeof NAVBAR_BADGE_DEFAULT_TAG>;
199
205
 
200
- declare type NavbarSubmenuProps = {
206
+ type NavbarSubmenuProps = {
201
207
  title: string;
202
208
  icon?: NavbarItemIconProps['icon'];
203
209
  children?: React.ReactNode;
204
210
  } & Pick<MenuListProps, 'testId'> & Pick<MenuProps, 'onOpen' | 'onClose'>;
205
- declare const NavbarSubmenu: (props: NavbarSubmenuProps) => JSX.Element;
211
+ declare const NavbarSubmenu: (props: NavbarSubmenuProps) => React.JSX.Element;
206
212
 
207
- declare type CompoundNavbar = typeof Navbar$1 & {
213
+ type CompoundNavbar = typeof Navbar$1 & {
208
214
  Item: typeof NavbarItem;
209
215
  ItemSkeleton: typeof NavbarItemSkeleton;
210
216
  MenuItem: typeof NavbarMenuItem;
@@ -222,8 +228,8 @@ declare const Navbar: CompoundNavbar;
222
228
 
223
229
  declare const getNavbarItemActiveStyles: () => string;
224
230
 
225
- declare type screens = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
226
- declare type mediaqueries = Record<screens, string>;
231
+ type screens = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
232
+ type mediaqueries = Record<screens, string>;
227
233
  declare const mqs: mediaqueries;
228
234
 
229
- export { NAVBAR_HEIGHT, Navbar, NavbarProps, getNavbarItemActiveStyles, mqs as navbarMediaQueries };
235
+ export { NAVBAR_HEIGHT, Navbar, type NavbarProps, getNavbarItemActiveStyles, mqs as navbarMediaQueries };
package/dist/index.js CHANGED
@@ -1,25 +1,4 @@
1
- 'use strict';
2
-
3
- var f36Menu = require('@contentful/f36-menu');
4
- var f36Core = require('@contentful/f36-core');
5
- var v = require('react');
6
- var emotion = require('emotion');
7
- var a = require('@contentful/f36-tokens');
8
- var f36Icon = require('@contentful/f36-icon');
9
- var f36Button = require('@contentful/f36-button');
10
- var f36Icons = require('@contentful/f36-icons');
11
- var f36Avatar = require('@contentful/f36-avatar');
12
- var f36Tooltip = require('@contentful/f36-tooltip');
13
- var f36Skeleton = require('@contentful/f36-skeleton');
14
- var f36Utils = require('@contentful/f36-utils');
15
- var f36Typography = require('@contentful/f36-typography');
16
-
17
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
18
-
19
- var v__default = /*#__PURE__*/_interopDefault(v);
20
- var a__default = /*#__PURE__*/_interopDefault(a);
21
-
22
- var Ye=Object.defineProperty,Qe=Object.defineProperties;var Je=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var ue=(e,o,t)=>o in e?Ye(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,p=(e,o)=>{for(var t in o||(o={}))be.call(o,t)&&ue(e,t,o[t]);if(Z)for(var t of Z(o))ve.call(o,t)&&ue(e,t,o[t]);return e},d=(e,o)=>Qe(e,Je(o));var N=(e,o)=>{var t={};for(var r in e)be.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&Z)for(var r of Z(e))o.indexOf(r)<0&&ve.call(e,r)&&(t[r]=e[r]);return t};var fe=60;var i={xsmall:"@media (min-width: 576px)",small:"@media (min-width: 867px)",medium:"@media (min-width: 1024px)",large:"@media (min-width: 1200px)",xlarge:"@media (min-width: 1920px)"},W=(e=a__default.default.glowPrimary)=>emotion.css({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}}),B=(e="44px")=>emotion.css({overflow:"visible",position:"relative","&:after":{minHeight:e,minWidth:e,position:"absolute",width:"100%",content:'""',left:"50%",top:"50%",transform:"translate(-50%, -50%)"}});var he=({contentMaxWidth:e,variant:o})=>({container:emotion.css({justifyContent:"center",backgroundColor:a__default.default.gray100,width:"100%"}),logo:emotion.css({display:"none",[i.small]:{display:"block",height:"28px",width:"28px"}}),navigation:emotion.css({width:"100%",maxWidth:o==="wide"?"1920px":e,padding:`${a__default.default.spacingS} ${a__default.default.spacingM}`,height:`${60}px`,[i.small]:{padding:`${a__default.default.spacingM} ${a__default.default.spacingL}`}}),mainNavigation:t=>emotion.css({display:"none"},t==="small"?{[i.small]:{display:"flex"}}:{[i.medium]:{display:"flex"}}),mobileNavigationButton:t=>emotion.css({display:"flex",minHeight:"initial",height:"36px",padding:"0 12px",borderRadius:"10px"},t==="small"?{[i.small]:{display:"none"}}:{[i.medium]:{display:"none"}}),mobileNavigationIcon:emotion.css({heigt:"20px",width:"20px"}),secondaryNavigationWrapper:emotion.css({"> *:not(:first-child)":{display:"none",[i.xsmall]:{display:"flex"}}}),promoNavigationWrapper:emotion.css({display:"none",[i.large]:{display:"flex"}}),account:emotion.css({display:"none",[i.xsmall]:{display:"flex"}})});var Pe=f36Icon.generateComponentWithVariants({variants:{[f36Icon.IconVariant.Active]:f36Icon.generateIconComponent({path:v__default.default.createElement(v__default.default.Fragment,null,v__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:a__default.default.blue300})),viewBox:"0 0 12 12"}),[f36Icon.IconVariant.Default]:f36Icon.generateIconComponent({path:v__default.default.createElement(v__default.default.Fragment,null,v__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:a__default.default.gray400})),viewBox:"0 0 12 12"})}});var Se=f36Icon.generateIconComponent({name:"ContentfulLogoIcon",viewBox:"0 0 28 28",path:v__default.default.createElement(v__default.default.Fragment,null,v__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"}),v__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"}),v__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"}),v__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"}),v__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"}))});var Me=()=>({menuList:emotion.css({minWidth:0,[i.xsmall]:{minWidth:"250px"}})});var $=e=>{let{trigger:o,children:t,testId:r="cf-ui-navbar-menu-list",onOpen:n,onClose:s}=e,l=Me();return v__default.default.createElement(f36Menu.Menu,{onOpen:n,onClose:s},v__default.default.createElement(f36Menu.Menu.Trigger,null,o),v__default.default.createElement(f36Menu.Menu.List,{className:l.menuList,testId:r},t))};function io(e,o){let C=e,{logo:t,promotions:r,switcher:n,mainNavigation:s,secondaryNavigation:l,account:c,mobileNavigation:g,mobileNavigationProps:u={breakpoint:"small",label:"Menu"},className:x,contentMaxWidth:A="100%",testId:b="cf-ui-navbar",variant:P="wide",aria:S={labelMainNavigation:"Main Navigation",labelSecondaryNavigation:"Secondary Navigation",labelPromotions:"Promotions",labelAccount:"Account Navigation"}}=C,q=N(C,["logo","promotions","switcher","mainNavigation","secondaryNavigation","account","mobileNavigation","mobileNavigationProps","className","contentMaxWidth","testId","variant","aria"]),y=he({contentMaxWidth:A,variant:P});return v__default.default.createElement(f36Core.Flex,d(p({},q),{ref:o,testId:b,className:emotion.cx(y.container,x),as:"header"}),v__default.default.createElement(f36Core.Flex,{as:"nav",className:y.navigation,justifyContent:"space-between",gap:"spacingXs"},v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingL"},t||v__default.default.createElement(Se,{className:y.logo}),g&&v__default.default.createElement($,{trigger:v__default.default.createElement(f36Button.Button,{className:y.mobileNavigationButton(u.breakpoint),startIcon:v__default.default.createElement(f36Icons.ListIcon,{size:"medium"})},u.label)},g),s&&v__default.default.createElement(f36Core.Flex,{className:y.mainNavigation(u.breakpoint),"aria-label":S.labelMainNavigation,gap:"spacingXs"},s)),v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},v__default.default.createElement(f36Core.Flex,{alignItems:"center",className:y.promoNavigationWrapper,"aria-label":S.labelPromotions,gap:"spacingXs"},r),v__default.default.createElement(f36Core.Flex,{alignItems:"center"},n),v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},l&&v__default.default.createElement(f36Core.Flex,{className:y.secondaryNavigationWrapper,"aria-label":S.labelSecondaryNavigation,gap:"spacingXs"},l),c&&v__default.default.createElement(f36Core.Flex,{className:y.account,"aria-label":S.labelAccount,gap:"spacingXs"},c)))))}var we=v__default.default.forwardRef(io);var so={warning:a__default.default.colorWarning,negative:a__default.default.colorNegative,info:a__default.default.blue500},Ce=()=>({navbarAccount:emotion.css({cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%",border:"none",padding:0,"&:hover img":{filter:"brightness(0.9)"}},W(),B()),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.gray100}`,backgroundColor:so[e],transform:"translate(30%, -30%)",zIndex:1})});function go(e,o){let P=e,{children:t,className:r,testId:n="cf-ui-navbar-account-trigger",avatar:s,label:l="Account menu",initials:c,username:g,hasNotification:u,notificationVariant:x="warning"}=P,A=N(P,["children","className","testId","avatar","label","initials","username","hasNotification","notificationVariant"]),b=Ce();return v__default.default.createElement($,{trigger:v__default.default.createElement("div",null,v__default.default.createElement(f36Tooltip.Tooltip,{placement:"bottom",content:l,showDelay:600,usePortal:!0},v__default.default.createElement(f36Core.Flex,d(p({as:"button"},A),{ref:o,className:emotion.cx(b.navbarAccount,r),testId:n,alignItems:"center","aria-label":l}),v__default.default.createElement(f36Avatar.Avatar,{src:s,initials:c,size:"small",variant:"user"}),u?v__default.default.createElement("span",{className:b.notificationIcon(x)}):null)))},t)}var oe=v__default.default.forwardRef(go);function te({ariaLabel:e}){return v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:a__default.default.gray300,foregroundColor:a__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}var G="1px",re=()=>emotion.css({backgroundColor:a__default.default.blue100,border:`${G} solid ${a__default.default.blue400}`,color:a__default.default.blue600,"&:focus,&:hover":{backgroundColor:a__default.default.blue100}}),vo=()=>emotion.css({border:"none",opacity:.5,pointerEvents:"none"}),Te={display:"flex",justifyContent:"center",padding:`calc(${a__default.default.spacing2Xs} - ${G}) calc(${a__default.default.spacingXs} - ${G})`,alignItems:"center",background:"none",gap:a__default.default.spacing2Xs},Le=({hasTitle:e})=>({navbarItem:emotion.css(Te,{appearance:"none",background:"none",outline:"none",border:`${G} solid transparent`,margin:0,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:a__default.default.gray800,boxSizing:"border-box",transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,borderRadius:a__default.default.borderRadiusMedium,height:"30px",padding:e?`${a__default.default.spacing2Xs} ${a__default.default.spacingXs}`:`calc(${a__default.default.spacing2Xs} - ${G})`,"&:focus, &:hover":{backgroundColor:a__default.default.gray200},"&:active":re(),"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:a__default.default.zIndexDefault}},W(),B()),isActive:re(),isDisabled:vo(),icon:emotion.css({height:"20px",width:"20px",boxSizing:"content-box",display:e?"none":"block",[i.small]:{height:"16px",width:"16px",padding:e?"2px 0":"2px"},[i.large]:{display:"block"}})}),We=()=>({itemSkeleton:emotion.css(Te)});var Be=()=>({navbarItemIcon:emotion.css({"&:last-child&:not(:only-child)":{marginLeft:a__default.default.spacing2Xs},"img&":{borderRadius:a__default.default.borderRadiusSmall,maxWidth:a__default.default.spacingM,maxHeight:a__default.default.spacingM}})});var T=({icon:e,isActive:o,className:t})=>{let c=e.props,{className:r,size:n}=c,s=N(c,["className","size"]),l=Be();return v__default.default.cloneElement(e,p({className:emotion.cx(r,l.navbarItemIcon,t),size:n||"small",isActive:o},s))};var _e="button";function Io(e,o){let ge=e,{as:t=_e,icon:r,label:n,title:s,children:l,className:c,isActive:g,isDisabled:u,testId:x="cf-ui-navbar-item",onOpen:A,onClose:b}=ge,P=N(ge,["as","icon","label","title","children","className","isActive","isDisabled","testId","onOpen","onClose"]),S=Le({hasTitle:!!s}),q=Po(e),y=s&&q,C=v__default.default.createElement(t,p(p(d(p({},P),{ref:o,"data-test-id":x,className:emotion.cx(S.navbarItem,c,{[S.isActive]:g&&!u,[S.isDisabled]:u})}),!s&&{"aria-label":n}),u&&(t===_e?{disabled:!0}:{tabIndex:-1,"aria-disabled":!0})),r&&v__default.default.createElement(T,{className:S.icon,icon:r,isActive:g}),s&&v__default.default.createElement("span",null,s),y&&v__default.default.createElement(Pe,{size:"tiny",isActive:g}));return s||(C=v__default.default.createElement("div",null,v__default.default.createElement(f36Tooltip.Tooltip,{content:n,placement:"bottom",showDelay:600,usePortal:!0},C))),q?v__default.default.createElement($,{trigger:C,testId:x,onOpen:A,onClose:b},l):C}var Po=e=>!!e.children,ae=v__default.default.forwardRef(Io);var ne=({estimatedWidth:e})=>{let o=We();return v__default.default.createElement(f36Skeleton.SkeletonContainer,{className:o.itemSkeleton,svgWidth:e,svgHeight:28,backgroundColor:a__default.default.gray300,foregroundColor:a__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:18,numberOfLines:1,offsetTop:2,radiusX:a__default.default.borderRadiusSmall,radiusY:a__default.default.borderRadiusSmall}))};var Fe=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Eo="button";function To(e,o){let u=e,{as:t=Eo,icon:r,title:n,className:s}=u,l=N(u,["as","icon","title","className"]),c=Fe(),g=Lo(e);return v__default.default.createElement(f36Menu.Menu.Item,d(p({},l),{ref:o,as:t,className:emotion.cx(c.navbarMenuItem,s)}),r?v__default.default.createElement(T,{icon:r}):g&&He,v__default.default.createElement("span",null,n),r&&g?He:null)}var He=v__default.default.createElement(T,{icon:v__default.default.createElement(f36Icons.ArrowSquareOutIcon,null)}),Lo=e=>e.as==="a"&&e.target==="_blank",ie=v__default.default.forwardRef(To);var se=({ariaLabel:e})=>v__default.default.createElement(f36Menu.Menu.Item,null,v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:a__default.default.spacingXs},v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var V=1,Ve=e=>({navbarSwitcher:({showSpaceEnv:o})=>emotion.css({color:a__default.default.gray600,flexShrink:1,fontWeight:a__default.default.fontWeightMedium,maxWidth:"50vw",minHeight:"unset",padding:`${a__default.default.spacing2Xs} ${a__default.default.spacingXs}`,"&:hover":{backgroundColor:f36Utils.hexToRGBA(a__default.default.gray900,.05)},[i.xsmall]:{maxWidth:"45vw"},[i.medium]:{maxWidth:"35vw"},[i.large]:{maxWidth:"25vw"},[i.xlarge]:{maxWidth:"600px"}},o&&Oo(e),W(),B()),switcherWrapper:({showSpaceEnv:o})=>emotion.css({gap:a__default.default.spacingXs,alignItems:"center",minWidth:0,"&:has(> span:last-child:nth-child(3))":{minWidth:"12ch"},"&:before":emotion.css(d(p({content:'""',position:"absolute",display:"block",width:`calc(8px - ${V}px)`,height:o?"26px":"unset",borderTopLeftRadius:`calc(${a__default.default.borderRadiusMedium} - ${V}px)`,borderBottomLeftRadius:`calc(${a__default.default.borderRadiusMedium} - ${V}px)`},Vo(e)),{backgroundPosition:"bottom"}))}),switcherLabelWrapper:emotion.css({height:"26px",paddingLeft:`calc(${a__default.default.spacingXs} * 2)`,alignItems:"center",gap:a__default.default.spacing2Xs,maxWidth:"100%"}),switcherLabel:emotion.css({color:"currentcolor",fontWeight:"inherit",lineHeight:"unset",display:"inline-block",flexShrink:1,minWidth:"0",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),switcherCaret:emotion.css({flexShrink:0,minWidth:0}),switcherEnvIcon:emotion.css({minWidth:"0",[i.small]:{width:"16px",height:"16px"}})}),De=e=>{switch(e){case"trial":return a__default.default.purple700;case"non-master":return a__default.default.orange700;default:return a__default.default.green700}},Oo=e=>{let o={padding:"0",paddingRight:a__default.default.spacingXs};switch(e){case"trial":return d(p({},o),{color:a__default.default.purple700,backgroundColor:a__default.default.purple100,border:`${V}px solid ${a__default.default.purple400}`,"&:hover, &:active":{backgroundColor:a__default.default.purple200}});case"non-master":return d(p({},o),{color:a__default.default.orange700,backgroundColor:a__default.default.orange100,border:`${V}px solid ${a__default.default.orange400}`,"&:hover, &:active":{backgroundColor:a__default.default.orange200}});default:return d(p({},o),{color:a__default.default.green700,backgroundColor:a__default.default.green100,border:`${V}px solid ${a__default.default.green400}`,"&:hover, &:active":{backgroundColor:a__default.default.green200}})}},Vo=e=>{switch(e){case"trial":return {background:a__default.default.purple300};case"non-master":return {background:`linear-gradient(
1
+ 'use strict';var f36Menu=require('@contentful/f36-menu'),f36Core=require('@contentful/f36-core'),v=require('react'),css=require('@emotion/css'),a=require('@contentful/f36-tokens'),f36Icon=require('@contentful/f36-icon'),f36Button=require('@contentful/f36-button'),f36Icons=require('@contentful/f36-icons'),f36Avatar=require('@contentful/f36-avatar'),f36Tooltip=require('@contentful/f36-tooltip'),f36Skeleton=require('@contentful/f36-skeleton'),f36Utils=require('@contentful/f36-utils'),f36Typography=require('@contentful/f36-typography');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var v__default=/*#__PURE__*/_interopDefault(v);var a__default=/*#__PURE__*/_interopDefault(a);var eo=Object.defineProperty,oo=Object.defineProperties;var to=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var ue=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var ge=(e,o,t)=>o in e?eo(e,o,{enumerable:true,configurable:true,writable:true,value:t}):e[o]=t,p=(e,o)=>{for(var t in o||(o={}))ue.call(o,t)&&ge(e,t,o[t]);if(Z)for(var t of Z(o))ve.call(o,t)&&ge(e,t,o[t]);return e},d=(e,o)=>oo(e,to(o));var N=(e,o)=>{var t={};for(var r in e)ue.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&Z)for(var r of Z(e))o.indexOf(r)<0&&ve.call(e,r)&&(t[r]=e[r]);return t};var fe=60;var i={xsmall:"@media (min-width: 576px)",small:"@media (min-width: 867px)",medium:"@media (min-width: 1024px)",large:"@media (min-width: 1200px)",xlarge:"@media (min-width: 1920px)"},B=(e=a__default.default.glowPrimary)=>css.css({"&:focus":{boxShadow:e},"&:focus:not(:focus-visible)":{boxShadow:"unset"},"&:focus-visible":{boxShadow:e}}),W=(e="44px")=>css.css({overflow:"visible",position:"relative","&:after":{minHeight:e,minWidth:e,position:"absolute",width:"100%",content:'""',left:"50%",top:"50%",transform:"translate(-50%, -50%)"}});var he=({contentMaxWidth:e,variant:o})=>({container:css.css({justifyContent:"center",backgroundColor:a__default.default.gray100,width:"100%"}),logo:css.css({display:"none",[i.small]:{display:"block",height:"28px",width:"28px"}}),navigation:css.css({width:"100%",maxWidth:o==="wide"?"1920px":e,padding:`${a__default.default.spacingS} ${a__default.default.spacingM}`,height:`${60}px`,[i.small]:{padding:`${a__default.default.spacingM} ${a__default.default.spacingL}`}}),mainNavigation:t=>css.css({display:"none"},t==="small"?{[i.small]:{display:"flex"}}:{[i.medium]:{display:"flex"}}),mobileNavigationButton:t=>css.css({display:"flex",minHeight:"initial",height:"36px",padding:"0 12px",borderRadius:"10px"},t==="small"?{[i.small]:{display:"none"}}:{[i.medium]:{display:"none"}}),mobileNavigationIcon:css.css({heigt:"20px",width:"20px"}),secondaryNavigationWrapper:css.css({"> *:not(:first-child)":{display:"none",[i.xsmall]:{display:"flex"}}}),promoNavigationWrapper:css.css({display:"none",[i.large]:{display:"flex"}}),account:css.css({display:"none",[i.xsmall]:{display:"flex"}})});var Pe=f36Icon.generateComponentWithVariants({variants:{[f36Icon.IconVariant.Active]:f36Icon.generateIconComponent({path:v__default.default.createElement(v__default.default.Fragment,null,v__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:a__default.default.blue300})),viewBox:"0 0 12 12"}),[f36Icon.IconVariant.Default]:f36Icon.generateIconComponent({path:v__default.default.createElement(v__default.default.Fragment,null,v__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:a__default.default.gray400})),viewBox:"0 0 12 12"})}});var Se=f36Icon.generateIconComponent({name:"ContentfulLogoIcon",viewBox:"0 0 28 28",path:v__default.default.createElement(v__default.default.Fragment,null,v__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"}),v__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"}),v__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"}),v__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"}),v__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"}))});var Me=()=>({menuList:css.css({minWidth:0,[i.xsmall]:{minWidth:"250px"}})});var F=e=>{let{trigger:o,children:t,testId:r="cf-ui-navbar-menu-list",onOpen:n,onClose:s}=e,l=Me();return v__default.default.createElement(f36Menu.Menu,{onOpen:n,onClose:s},v__default.default.createElement(f36Menu.Menu.Trigger,null,o),v__default.default.createElement(f36Menu.Menu.List,{className:l.menuList,testId:r},t))};function lo(e,o){let C=e,{logo:t,promotions:r,switcher:n,mainNavigation:s,secondaryNavigation:l,account:c,mobileNavigation:b,mobileNavigationProps:g={breakpoint:"small",label:"Menu"},className:x,contentMaxWidth:A="100%",testId:u="cf-ui-navbar",variant:P="wide",aria:S={labelMainNavigation:"Main Navigation",labelSecondaryNavigation:"Secondary Navigation",labelPromotions:"Promotions",labelAccount:"Account Navigation"}}=C,q=N(C,["logo","promotions","switcher","mainNavigation","secondaryNavigation","account","mobileNavigation","mobileNavigationProps","className","contentMaxWidth","testId","variant","aria"]),y=he({contentMaxWidth:A,variant:P});return v__default.default.createElement(f36Core.Flex,d(p({},q),{ref:o,testId:u,className:css.cx(y.container,x),as:"header"}),v__default.default.createElement(f36Core.Flex,{as:"nav",className:y.navigation,justifyContent:"space-between",gap:"spacingXs"},v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingL"},t||v__default.default.createElement(Se,{className:y.logo}),b&&v__default.default.createElement(F,{trigger:v__default.default.createElement(f36Button.Button,{className:y.mobileNavigationButton(g.breakpoint),startIcon:v__default.default.createElement(f36Icons.ListIcon,{size:"medium"})},g.label)},b),s&&v__default.default.createElement(f36Core.Flex,{className:y.mainNavigation(g.breakpoint),"aria-label":S.labelMainNavigation,gap:"spacingXs"},s)),v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},v__default.default.createElement(f36Core.Flex,{alignItems:"center",className:y.promoNavigationWrapper,"aria-label":S.labelPromotions,gap:"spacingXs"},r),v__default.default.createElement(f36Core.Flex,{alignItems:"center"},n),v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:"spacingXs"},l&&v__default.default.createElement(f36Core.Flex,{className:y.secondaryNavigationWrapper,"aria-label":S.labelSecondaryNavigation,gap:"spacingXs"},l),c&&v__default.default.createElement(f36Core.Flex,{className:y.account,"aria-label":S.labelAccount,gap:"spacingXs"},c)))))}var we=v__default.default.forwardRef(lo);var co={warning:a__default.default.colorWarning,negative:a__default.default.colorNegative,info:a__default.default.blue500},Ae=()=>({navbarAccount:css.css({cursor:"pointer",background:"none",position:"relative",outline:"none",overflow:"visible",borderRadius:"50%",border:"none",padding:0,"&:hover img":{filter:"brightness(0.9)"}},B(),W()),notificationIcon:e=>css.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.gray100}`,backgroundColor:co[e],transform:"translate(30%, -30%)",zIndex:1})});function Ce(e,o){let P=e,{children:t,className:r,testId:n="cf-ui-navbar-account-trigger",avatar:s,label:l="Account menu",initials:c,username:b,hasNotification:g,notificationVariant:x="warning"}=P,A=N(P,["children","className","testId","avatar","label","initials","username","hasNotification","notificationVariant"]),u=Ae();return v__default.default.createElement(F,{trigger:v__default.default.createElement("div",null,v__default.default.createElement(f36Tooltip.Tooltip,{placement:"bottom",content:l,showDelay:600,usePortal:true},v__default.default.createElement(f36Core.Flex,d(p({as:"button"},A),{ref:o,className:css.cx(u.navbarAccount,r),testId:n,alignItems:"center","aria-label":l}),v__default.default.createElement(f36Avatar.Avatar,{src:s,initials:c,size:"small",variant:"user"}),g?v__default.default.createElement("span",{className:u.notificationIcon(x)}):null)))},t)}Ce.displayName="NavbarAccount";var re=v__default.default.forwardRef(Ce);function j({ariaLabel:e}){return v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:24,svgHeight:24,ariaLabel:e,backgroundColor:a__default.default.gray300,foregroundColor:a__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:24,height:24,radiusX:12,radiusY:12}))}j.displayName="NavbarAccountSkeletton";var G="1px",ae=()=>css.css({backgroundColor:a__default.default.blue100,border:`${G} solid ${a__default.default.blue400}`,color:a__default.default.blue600,"&:focus,&:hover":{backgroundColor:a__default.default.blue100}}),ho=()=>css.css({border:"none",opacity:.5,pointerEvents:"none"}),Le={display:"flex",justifyContent:"center",padding:`calc(${a__default.default.spacing2Xs} - ${G}) calc(${a__default.default.spacingXs} - ${G})`,alignItems:"center",background:"none",gap:a__default.default.spacing2Xs},Be=({hasTitle:e})=>({navbarItem:css.css(Le,{appearance:"none",background:"none",outline:"none",border:`${G} solid transparent`,margin:0,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:a__default.default.gray800,boxSizing:"border-box",transition:`color ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`,borderRadius:a__default.default.borderRadiusMedium,height:"30px",padding:e?`${a__default.default.spacing2Xs} ${a__default.default.spacingXs}`:`calc(${a__default.default.spacing2Xs} - ${G})`,"&:focus, &:hover":{backgroundColor:a__default.default.gray200},"&:active":ae(),"&:disabled":{cursor:"auto"},"& svg":{transition:`fill ${a__default.default.transitionDurationShort} ${a__default.default.transitionEasingCubicBezier}`},"& > svg, & > span":{zIndex:a__default.default.zIndexDefault}},B(),W()),isActive:ae(),isDisabled:ho(),icon:css.css({height:"20px",width:"20px",boxSizing:"content-box",display:e?"none":"block",[i.small]:{height:"16px",width:"16px",padding:e?"2px 0":"2px"},[i.large]:{display:"block"}})}),We=()=>({itemSkeleton:css.css(Le)});var $e=()=>({navbarItemIcon:css.css({"&:last-child&:not(:only-child)":{marginLeft:a__default.default.spacing2Xs},"img&":{borderRadius:a__default.default.borderRadiusSmall,maxWidth:a__default.default.spacingM,maxHeight:a__default.default.spacingM}})});var w=({icon:e,isActive:o,className:t})=>{let c=e.props,{className:r,size:n}=c,s=N(c,["className","size"]),l=$e();return v__default.default.cloneElement(e,p({className:css.cx(r,l.navbarItemIcon,t),size:n||"small",isActive:o},s))};w.displayName="NavbarItemIcon";var Fe="button";function He(e,o){let be=e,{as:t=Fe,icon:r,label:n,title:s,children:l,className:c,isActive:b,isDisabled:g,testId:x="cf-ui-navbar-item",onOpen:A,onClose:u}=be,P=N(be,["as","icon","label","title","children","className","isActive","isDisabled","testId","onOpen","onClose"]),S=Be({hasTitle:!!s}),q=Mo(e),y=s&&q,C=v__default.default.createElement(t,p(p(d(p({},P),{ref:o,"data-test-id":x,className:css.cx(S.navbarItem,c,{[S.isActive]:b&&!g,[S.isDisabled]:g})}),!s&&{"aria-label":n}),g&&(t===Fe?{disabled:true}:{tabIndex:-1,"aria-disabled":true})),r&&v__default.default.createElement(w,{className:S.icon,icon:r,isActive:b}),s&&v__default.default.createElement("span",null,s),y&&v__default.default.createElement(Pe,{size:"tiny",isActive:b}));return s||(C=v__default.default.createElement("div",null,v__default.default.createElement(f36Tooltip.Tooltip,{content:n,placement:"bottom",showDelay:600,usePortal:true},C))),q?v__default.default.createElement(F,{trigger:C,testId:x,onOpen:A,onClose:u},l):C}var Mo=e=>!!e.children;He.displayName="NavbarItemBase";var ne=v__default.default.forwardRef(He);var J=({estimatedWidth:e})=>{let o=We();return v__default.default.createElement(f36Skeleton.SkeletonContainer,{className:o.itemSkeleton,svgWidth:e,svgHeight:28,backgroundColor:a__default.default.gray300,foregroundColor:a__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:18,numberOfLines:1,offsetTop:2,radiusX:a__default.default.borderRadiusSmall,radiusY:a__default.default.borderRadiusSmall}))};J.displayName="NavbarItemSkeleton";var Ve=()=>({navbarMenuItem:css.css({display:"flex",justifyContent:"flex-start",alignItems:"center"})});var Lo="button";function Bo(e,o){let g=e,{as:t=Lo,icon:r,title:n,className:s}=g,l=N(g,["as","icon","title","className"]),c=Ve(),b=Wo(e);return v__default.default.createElement(f36Menu.Menu.Item,d(p({},l),{ref:o,as:t,className:css.cx(c.navbarMenuItem,s)}),r?v__default.default.createElement(w,{icon:r}):b&&_e,v__default.default.createElement("span",null,n),r&&b?_e:null)}var _e=v__default.default.createElement(w,{icon:v__default.default.createElement(f36Icons.ArrowSquareOutIcon,null)}),Wo=e=>e.as==="a"&&e.target==="_blank",ie=v__default.default.forwardRef(Bo);var se=({ariaLabel:e})=>v__default.default.createElement(f36Menu.Menu.Item,null,v__default.default.createElement(f36Core.Flex,{alignItems:"center",gap:a__default.default.spacingXs},v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:18},v__default.default.createElement(f36Skeleton.SkeletonImage,{width:16,height:16})),v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgHeight:16,svgWidth:190,ariaLabel:e},v__default.default.createElement(f36Skeleton.SkeletonBodyText,{numberOfLines:1}))));var _=1,Re=e=>({navbarSwitcher:({showSpaceEnv:o})=>css.css({color:a__default.default.gray600,flexShrink:1,fontWeight:a__default.default.fontWeightMedium,maxWidth:"50vw",minHeight:"unset",padding:`${a__default.default.spacing2Xs} ${a__default.default.spacingXs}`,"&:hover":{backgroundColor:f36Utils.hexToRGBA(a__default.default.gray900,.05)},[i.xsmall]:{maxWidth:"45vw"},[i.medium]:{maxWidth:"35vw"},[i.large]:{maxWidth:"25vw"},[i.xlarge]:{maxWidth:"600px"}},o&&Do(e),B(),W()),switcherWrapper:({showSpaceEnv:o})=>css.css({gap:a__default.default.spacingXs,alignItems:"center",minWidth:0,"&:has(> span:last-child:nth-child(3))":{minWidth:"12ch"},"&:before":css.css(d(p({content:'""',position:"absolute",display:"block",width:`calc(8px - ${_}px)`,height:o?"26px":"unset",borderTopLeftRadius:`calc(${a__default.default.borderRadiusMedium} - ${_}px)`,borderBottomLeftRadius:`calc(${a__default.default.borderRadiusMedium} - ${_}px)`},Ro(e)),{backgroundPosition:"bottom"}))}),switcherLabelWrapper:css.css({height:"26px",paddingLeft:`calc(${a__default.default.spacingXs} * 2)`,alignItems:"center",gap:a__default.default.spacing2Xs,maxWidth:"100%"}),switcherLabel:css.css({color:"currentcolor",fontWeight:"inherit",lineHeight:"unset",display:"inline-block",flexShrink:1,minWidth:"0",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),switcherCaret:css.css({flexShrink:0,minWidth:0}),switcherEnvIcon:css.css({minWidth:"0",[i.small]:{width:"16px",height:"16px"}})}),Xe=e=>{switch(e){case "trial":return a__default.default.purple700;case "non-master":return a__default.default.orange700;default:return a__default.default.green700}},Do=e=>{let o={padding:"0",paddingRight:a__default.default.spacingXs};switch(e){case "trial":return d(p({},o),{color:a__default.default.purple700,backgroundColor:a__default.default.purple100,border:`${_}px solid ${a__default.default.purple400}`,"&:hover, &:active":{backgroundColor:a__default.default.purple200}});case "non-master":return d(p({},o),{color:a__default.default.orange700,backgroundColor:a__default.default.orange100,border:`${_}px solid ${a__default.default.orange400}`,"&:hover, &:active":{backgroundColor:a__default.default.orange200}});default:return d(p({},o),{color:a__default.default.green700,backgroundColor:a__default.default.green100,border:`${_}px solid ${a__default.default.green400}`,"&:hover, &:active":{backgroundColor:a__default.default.green200}})}},Ro=e=>{switch(e){case "trial":return {background:a__default.default.purple300};case "non-master":return {background:`linear-gradient(
23
2
  -45deg,
24
3
  ${a__default.default.orange300} 28.57%,
25
4
  transparent 28.57%,
@@ -28,11 +7,5 @@ var Ye=Object.defineProperty,Qe=Object.defineProperties;var Je=Object.getOwnProp
28
7
  ${a__default.default.orange300} 78.57%,
29
8
  transparent 78.57%,
30
9
  transparent 100%
31
- )`,backgroundSize:"9px 9px"};default:return {background:a__default.default.green300}}};function Re({isAlias:e,envVariant:o,className:t}){if(o==="trial")return v__default.default.createElement(f36Icons.FlaskIcon,{color:a__default.default.purple700,className:t,size:"medium"});let r=o==="master",n=r?a__default.default.green700:a__default.default.orange700;return r?v__default.default.createElement(f36Icons.RocketLaunchIcon,{color:n,className:t,size:"medium"}):e?v__default.default.createElement(f36Icons.EnvironmentAliasIcon,{color:n,className:t,size:"medium"}):v__default.default.createElement(f36Icons.EnvironmentIcon,{color:n,className:t,size:"medium"})}var U=({estimatedWidth:e})=>v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:18,backgroundColor:a__default.default.gray300,foregroundColor:a__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:18,numberOfLines:1,radiusX:a__default.default.borderRadiusSmall,radiusY:a__default.default.borderRadiusSmall}));function Yo(e,o){let P=e,{children:t,className:r,envVariant:n,isAlias:s,testId:l="cf-ui-navbar-switcher",ariaLabel:c="Space and Environment Navigation",space:g,environment:u,isLoading:x}=P,A=N(P,["children","className","envVariant","isAlias","testId","ariaLabel","space","environment","isLoading"]),b=Ve(n);return v__default.default.createElement(f36Button.Button,d(p({},A),{"aria-label":c,className:emotion.cx(b.navbarSwitcher({showSpaceEnv:!x&&!t}),r),endIcon:n&&v__default.default.createElement(Re,{envVariant:n,isAlias:s,className:b.switcherEnvIcon}),ref:o,testId:l,variant:"transparent"}),v__default.default.createElement(f36Core.Flex,{className:b.switcherWrapper({showSpaceEnv:!x&&!t})},x?v__default.default.createElement(U,{estimatedWidth:148}):v__default.default.createElement(v__default.default.Fragment,null,t?v__default.default.createElement(f36Typography.Text,{className:b.switcherLabel},t):v__default.default.createElement(f36Core.Flex,{className:b.switcherLabelWrapper},v__default.default.createElement(f36Typography.Text,{className:b.switcherLabel},g),u&&v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement(f36Core.Flex,{className:b.switcherCaret},v__default.default.createElement(f36Icons.CaretRightIcon,{size:"tiny",color:De(n)})),v__default.default.createElement(f36Typography.Text,{className:b.switcherLabel},u))))))}var ce=v__default.default.forwardRef(Yo);var ze=()=>({navbarBadge:emotion.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${a__default.default.purple600}`,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.purple600}!important`,borderRadius:"1.75rem",userSelect:"none"})});var Ko="div";function et(e,o){let g=e,{as:t=Ko,children:r,className:n,testId:s="cf-ui-navbar-badge"}=g,l=N(g,["as","children","className","testId"]),c=ze();return v__default.default.createElement(t,d(p({},l),{ref:o,className:emotion.cx(c.navbarBadge,n),"data-test-id":s}),r)}var Ue=v__default.default.forwardRef(et);var Ze=()=>({navbarMenuItem:emotion.css({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:a__default.default.spacingXs}),menuList:emotion.css({minWidth:0,marginLeft:"-24px",marginTop:"10px",[i.xsmall]:{minWidth:"250px",margin:0}})});var je=e=>{let{title:o,icon:t,children:r,testId:n="cf-ui-navbar-submenu-list",onOpen:s,onClose:l}=e,c=Ze();return v__default.default.createElement(f36Menu.Menu.Submenu,{onOpen:s,onClose:l},v__default.default.createElement(f36Menu.Menu.SubmenuTrigger,null,v__default.default.createElement(f36Core.Flex,{className:c.navbarMenuItem},t&&v__default.default.createElement(T,{icon:t}),v__default.default.createElement("span",null,o))),v__default.default.createElement(f36Menu.Menu.List,{className:c.menuList,testId:n},r))};var h=we;h.Item=ae;h.ItemSkeleton=ne;h.MenuItem=ie;h.MenuItemSkeleton=se;h.MenuDivider=f36Menu.MenuDivider;h.MenuSectionTitle=f36Menu.MenuSectionTitle;h.Submenu=je;h.Switcher=ce;h.SwitcherSkeleton=U;h.Account=oe;h.AccountSkeleton=te;h.Badge=Ue;
32
-
33
- exports.NAVBAR_HEIGHT = fe;
34
- exports.Navbar = h;
35
- exports.getNavbarItemActiveStyles = re;
36
- exports.navbarMediaQueries = i;
37
- //# sourceMappingURL=out.js.map
10
+ )`,backgroundSize:"9px 9px"};default:return {background:a__default.default.green300}}};function ze({isAlias:e,envVariant:o,className:t}){if(o==="trial")return v__default.default.createElement(f36Icons.FlaskIcon,{color:a__default.default.purple700,className:t,size:"medium"});let r=o==="master",n=r?a__default.default.green700:a__default.default.orange700;return r?v__default.default.createElement(f36Icons.RocketLaunchIcon,{color:n,className:t,size:"medium"}):e?v__default.default.createElement(f36Icons.EnvironmentAliasIcon,{color:n,className:t,size:"medium"}):v__default.default.createElement(f36Icons.EnvironmentIcon,{color:n,className:t,size:"medium"})}var U=({estimatedWidth:e})=>v__default.default.createElement(f36Skeleton.SkeletonContainer,{svgWidth:e,svgHeight:18,backgroundColor:a__default.default.gray300,foregroundColor:a__default.default.gray200},v__default.default.createElement(f36Skeleton.SkeletonText,{lineHeight:18,numberOfLines:1,radiusX:a__default.default.borderRadiusSmall,radiusY:a__default.default.borderRadiusSmall}));function Ue(e,o){let P=e,{children:t,className:r,envVariant:n,isAlias:s,testId:l="cf-ui-navbar-switcher",ariaLabel:c="Space and Environment Navigation",space:b,environment:g,isLoading:x}=P,A=N(P,["children","className","envVariant","isAlias","testId","ariaLabel","space","environment","isLoading"]),u=Re(n);return v__default.default.createElement(f36Button.Button,d(p({},A),{"aria-label":c,className:css.cx(u.navbarSwitcher({showSpaceEnv:!x&&!t}),r),endIcon:n&&v__default.default.createElement(ze,{envVariant:n,isAlias:s,className:u.switcherEnvIcon}),ref:o,testId:l,variant:"transparent"}),v__default.default.createElement(f36Core.Flex,{className:u.switcherWrapper({showSpaceEnv:!x&&!t})},x?v__default.default.createElement(U,{estimatedWidth:148}):v__default.default.createElement(v__default.default.Fragment,null,t?v__default.default.createElement(f36Typography.Text,{className:u.switcherLabel},t):v__default.default.createElement(f36Core.Flex,{className:u.switcherLabelWrapper},v__default.default.createElement(f36Typography.Text,{className:u.switcherLabel},b),g&&v__default.default.createElement(v__default.default.Fragment,null,v__default.default.createElement(f36Core.Flex,{className:u.switcherCaret},v__default.default.createElement(f36Icons.CaretRightIcon,{size:"tiny",color:Xe(n)})),v__default.default.createElement(f36Typography.Text,{className:u.switcherLabel},g))))))}Ue.displayName="NavbarSwitcher";var ce=v__default.default.forwardRef(Ue);var qe=()=>({navbarBadge:css.css({display:"flex",justifyContent:"center",alignItems:"center",background:"none",border:`1px solid ${a__default.default.purple600}`,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.purple600}!important`,borderRadius:"1.75rem",userSelect:"none"})});var et="div";function je(e,o){let b=e,{as:t=et,children:r,className:n,testId:s="cf-ui-navbar-badge"}=b,l=N(b,["as","children","className","testId"]),c=qe();return v__default.default.createElement(t,d(p({},l),{ref:o,className:css.cx(c.navbarBadge,n),"data-test-id":s}),r)}je.displayName="NavbarBadge";var Ye=v__default.default.forwardRef(je);var Je=()=>({navbarMenuItem:css.css({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:a__default.default.spacingXs}),menuList:css.css({minWidth:0,marginLeft:"-24px",marginTop:"10px",[i.xsmall]:{minWidth:"250px",margin:0}})});var Ke=e=>{let{title:o,icon:t,children:r,testId:n="cf-ui-navbar-submenu-list",onOpen:s,onClose:l}=e,c=Je();return v__default.default.createElement(f36Menu.Menu,{onOpen:s,onClose:l},v__default.default.createElement(f36Menu.Menu.SubmenuTrigger,null,v__default.default.createElement(f36Core.Flex,{className:c.navbarMenuItem},t&&v__default.default.createElement(w,{icon:t}),v__default.default.createElement("span",null,o))),v__default.default.createElement(f36Menu.Menu.List,{className:c.menuList,testId:n},r))};var h=we;h.Item=ne;h.ItemSkeleton=J;h.MenuItem=ie;h.MenuItemSkeleton=se;h.MenuDivider=f36Menu.MenuDivider;h.MenuSectionTitle=f36Menu.MenuSectionTitle;h.Submenu=Ke;h.Switcher=ce;h.SwitcherSkeleton=U;h.Account=re;h.AccountSkeleton=j;h.Badge=Ye;exports.NAVBAR_HEIGHT=fe;exports.Navbar=h;exports.getNavbarItemActiveStyles=ae;exports.navbarMediaQueries=i;//# sourceMappingURL=index.js.map
38
11
  //# sourceMappingURL=index.js.map