@codecademy/brand 3.15.0 → 3.16.0-alpha.d064c578c6.0
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.
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js +3 -11
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.js +5 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js +20 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/index.js +3 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderDietCard/index.d.ts +1 -2
- package/dist/AppHeader/AppHeaderElements/AppHeaderDietCard/index.js +28 -10
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.d.ts +42 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js +50 -3
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/NavPanels.js +12 -6
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.js +21 -21
- package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.js +25 -4
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/MobileBackButton.js +2 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/MobileNavMenu.js +1 -1
- package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavSection.js +6 -5
- package/dist/AppHeader/Search/QuizAndHelpCenterLinks.js +3 -4
- package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js +4 -3
- package/dist/GlobalHeader/context.d.ts +21 -1
- package/dist/GlobalHeader/context.js +64 -2
- package/dist/GlobalHeader/index.d.ts +0 -4
- package/dist/GlobalHeader/index.js +7 -7
- package/package.json +1 -1
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.d.ts
CHANGED
|
@@ -40,3 +40,45 @@ export declare const StyledAppHeaderLink: import("@emotion/styled").StyledCompon
|
|
|
40
40
|
}) & {
|
|
41
41
|
displayGlobalNavRedesign?: boolean;
|
|
42
42
|
}, {}, {}>;
|
|
43
|
+
export declare const StyledAppHeaderLink1: import("@emotion/styled").StyledComponent<(((Omit<Omit<Partial<import("@codecademy/gamut/dist/helpers").AppendedIconProps> & {
|
|
44
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
45
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
46
|
+
} & import("@codecademy/gamut").AnchorProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../../../shared").AppHeaderAction & {
|
|
47
|
+
isInDropdown?: boolean;
|
|
48
|
+
item: import("../../../shared").AppHeaderLinkItem;
|
|
49
|
+
mobile?: boolean;
|
|
50
|
+
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
51
|
+
role?: React.AriaRole;
|
|
52
|
+
}, "ref"> | Omit<Omit<Partial<import("@codecademy/gamut/dist/helpers").AppendedIconProps> & {
|
|
53
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
54
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
55
|
+
} & import("@codecademy/gamut").AnchorProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
|
|
56
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
57
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
58
|
+
} & {
|
|
59
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
60
|
+
} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "content" | "translate" | "property" | "hidden" | "form" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../../../shared").AppHeaderAction & {
|
|
61
|
+
isInDropdown?: boolean;
|
|
62
|
+
item: import("../../../shared").AppHeaderLinkItem;
|
|
63
|
+
mobile?: boolean;
|
|
64
|
+
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
65
|
+
role?: React.AriaRole;
|
|
66
|
+
}, "ref"> | Omit<Omit<Partial<import("@codecademy/gamut/dist/helpers").AppendedIconProps> & {
|
|
67
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
68
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
69
|
+
} & import("@codecademy/gamut").AnchorProps & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy"> & Omit<{
|
|
70
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
71
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
72
|
+
} & {
|
|
73
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
74
|
+
} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "content" | "translate" | "property" | "hidden" | "form" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../../../shared").AppHeaderAction & {
|
|
75
|
+
isInDropdown?: boolean;
|
|
76
|
+
item: import("../../../shared").AppHeaderLinkItem;
|
|
77
|
+
mobile?: boolean;
|
|
78
|
+
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
79
|
+
role?: React.AriaRole;
|
|
80
|
+
}, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
|
|
81
|
+
theme?: import("@emotion/react").Theme;
|
|
82
|
+
}) & {
|
|
83
|
+
displayGlobalNavRedesign?: boolean;
|
|
84
|
+
}, {}, {}>;
|
package/dist/AppHeader/AppHeaderElements/AppHeaderDropdownLinks/elements/StyledAppHeaderLink.js
CHANGED
|
@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
|
|
|
2
2
|
import { css, theme } from '@codecademy/gamut-styles';
|
|
3
3
|
import { AppHeaderLink } from '../../AppHeaderLink';
|
|
4
4
|
export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
|
|
5
|
-
target: "
|
|
5
|
+
target: "e1oc8aqt1",
|
|
6
6
|
label: "StyledAppHeaderLink"
|
|
7
7
|
})(({
|
|
8
8
|
displayGlobalNavRedesign
|
|
@@ -16,7 +16,10 @@ export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
|
|
|
16
16
|
content: '""',
|
|
17
17
|
position: 'absolute',
|
|
18
18
|
width: 'calc(100% - 24px)',
|
|
19
|
-
left:
|
|
19
|
+
left: {
|
|
20
|
+
_: 0,
|
|
21
|
+
lg: 12
|
|
22
|
+
},
|
|
20
23
|
borderRadius: 'lg',
|
|
21
24
|
transition: 'background-color 0.15s ease',
|
|
22
25
|
pointerEvents: 'none',
|
|
@@ -32,4 +35,48 @@ export const StyledAppHeaderLink = /*#__PURE__*/_styled(AppHeaderLink, {
|
|
|
32
35
|
'&:active::before': {
|
|
33
36
|
backgroundColor: theme.colors['navy-200']
|
|
34
37
|
}
|
|
35
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd25MaW5rcy9lbGVtZW50cy9TdHlsZWRBcHBIZWFkZXJMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bkxpbmtzL2VsZW1lbnRzL1N0eWxlZEFwcEhlYWRlckxpbmsudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluayk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24/
|
|
38
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd25MaW5rcy9lbGVtZW50cy9TdHlsZWRBcHBIZWFkZXJMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bkxpbmtzL2VsZW1lbnRzL1N0eWxlZEFwcEhlYWRlckxpbmsudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluayk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24/OiBib29sZWFuO1xufT4oXG4gICh7IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiAmJlxuICAgIGNzcyh7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgICAgcGw6IDAsXG4gICAgICB9LFxuICAgICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICAgIGxlZnQ6IHsgXzogMCwgbGc6IDEyIH0sXG4gICAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZScsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgIH0sXG4gICAgICAnJjpob3Zlcjo6YmVmb3JlLCAmOmZvY3VzLXZpc2libGU6OmJlZm9yZSc6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ10sXG4gICAgICB9LFxuICAgICAgJyY6aG92ZXIsICY6Zm9jdXMtdmlzaWJsZSwgJjphY3RpdmUnOiB7XG4gICAgICAgIGNvbG9yOiAnaHlwZXItNDAwJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgfSxcbiAgICAgICcmOmFjdGl2ZTo6YmVmb3JlJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIH0sXG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBIZWFkZXJMaW5rMSA9IHN0eWxlZChBcHBIZWFkZXJMaW5rKTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbj86IGJvb2xlYW47XG59PmBcbiAgJHsoeyBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gfSkgPT5cbiAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gJiZcbiAgICBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyNHB4KTtcbiAgICAgIGxlZnQ6IDEycHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLmJvcmRlclJhZGlpLmxnfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgei1pbmRleDogLTE7XG4gICAgfVxuXG4gICAgJjpob3Zlcjo6YmVmb3JlLFxuICAgICY6Zm9jdXMtdmlzaWJsZTo6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMtdmlzaWJsZSxcbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbJ2h5cGVyLTQwMCddfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuYm9yZGVyUmFkaWkubGd9O1xuICAgIH1cblxuICAgICY6YWN0aXZlOjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ119O1xuICAgIH1cblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgICAgIHBhZGRpbmctbGVmdDogMDtcblxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgbGVmdDogMHB4O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG4iXX0= */");
|
|
39
|
+
export const StyledAppHeaderLink1 = /*#__PURE__*/_styled(AppHeaderLink, {
|
|
40
|
+
target: "e1oc8aqt0",
|
|
41
|
+
label: "StyledAppHeaderLink1"
|
|
42
|
+
})(({
|
|
43
|
+
displayGlobalNavRedesign
|
|
44
|
+
}) => displayGlobalNavRedesign && `
|
|
45
|
+
display: flex;
|
|
46
|
+
position: relative;
|
|
47
|
+
|
|
48
|
+
&::before {
|
|
49
|
+
content: "";
|
|
50
|
+
position: absolute;
|
|
51
|
+
width: calc(100% - 24px);
|
|
52
|
+
left: 12px;
|
|
53
|
+
border-radius: ${theme.borderRadii.lg};
|
|
54
|
+
transition: background-color 0.15s ease;
|
|
55
|
+
pointer-events: none;
|
|
56
|
+
z-index: -1;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&:hover::before,
|
|
60
|
+
&:focus-visible::before {
|
|
61
|
+
background-color: ${theme.colors['navy-100']};
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
&:hover,
|
|
65
|
+
&:focus-visible,
|
|
66
|
+
&:active {
|
|
67
|
+
color: ${theme.colors['hyper-400']};
|
|
68
|
+
border-radius: ${theme.borderRadii.lg};
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
&:active::before {
|
|
72
|
+
background-color: ${theme.colors['navy-200']};
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@media (max-width: 1199px) {
|
|
76
|
+
padding-left: 0;
|
|
77
|
+
|
|
78
|
+
&::before {
|
|
79
|
+
left: 0px;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd25MaW5rcy9lbGVtZW50cy9TdHlsZWRBcHBIZWFkZXJMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJEcm9wZG93bkxpbmtzL2VsZW1lbnRzL1N0eWxlZEFwcEhlYWRlckxpbmsudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckxpbmsgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXJMaW5rJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEhlYWRlckxpbmsgPSBzdHlsZWQoQXBwSGVhZGVyTGluayk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24/OiBib29sZWFuO1xufT4oXG4gICh7IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiAmJlxuICAgIGNzcyh7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICdAbWVkaWEgKG1heC13aWR0aDogMTE5OXB4KSc6IHtcbiAgICAgICAgcGw6IDAsXG4gICAgICB9LFxuICAgICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgLSAyNHB4KScsXG4gICAgICAgIGxlZnQ6IHsgXzogMCwgbGc6IDEyIH0sXG4gICAgICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZScsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgIH0sXG4gICAgICAnJjpob3Zlcjo6YmVmb3JlLCAmOmZvY3VzLXZpc2libGU6OmJlZm9yZSc6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ10sXG4gICAgICB9LFxuICAgICAgJyY6aG92ZXIsICY6Zm9jdXMtdmlzaWJsZSwgJjphY3RpdmUnOiB7XG4gICAgICAgIGNvbG9yOiAnaHlwZXItNDAwJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgfSxcbiAgICAgICcmOmFjdGl2ZTo6YmVmb3JlJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIH0sXG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBIZWFkZXJMaW5rMSA9IHN0eWxlZChBcHBIZWFkZXJMaW5rKTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbj86IGJvb2xlYW47XG59PmBcbiAgJHsoeyBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gfSkgPT5cbiAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gJiZcbiAgICBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyNHB4KTtcbiAgICAgIGxlZnQ6IDEycHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLmJvcmRlclJhZGlpLmxnfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgei1pbmRleDogLTE7XG4gICAgfVxuXG4gICAgJjpob3Zlcjo6YmVmb3JlLFxuICAgICY6Zm9jdXMtdmlzaWJsZTo6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMtdmlzaWJsZSxcbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbJ2h5cGVyLTQwMCddfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuYm9yZGVyUmFkaWkubGd9O1xuICAgIH1cblxuICAgICY6YWN0aXZlOjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ119O1xuICAgIH1cblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgICAgIHBhZGRpbmctbGVmdDogMDtcblxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgbGVmdDogMHB4O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG4iXX0= */"));
|
|
File without changes
|
|
@@ -14,6 +14,9 @@ export const DocsPanel = () => {
|
|
|
14
14
|
const {
|
|
15
15
|
tabIndex
|
|
16
16
|
} = useAppHeaderSectionContext();
|
|
17
|
+
const {
|
|
18
|
+
handleClose
|
|
19
|
+
} = useAppHeaderDropdownContext();
|
|
17
20
|
const description = /*#__PURE__*/_jsxs(_Fragment, {
|
|
18
21
|
children: [/*#__PURE__*/_jsx(Box, {
|
|
19
22
|
mb: 8,
|
|
@@ -21,12 +24,15 @@ export const DocsPanel = () => {
|
|
|
21
24
|
}), "Interested in helping build it?", ' ', /*#__PURE__*/_jsx(Anchor, {
|
|
22
25
|
tabIndex: tabIndex,
|
|
23
26
|
href: "/pages/contribute-docs",
|
|
24
|
-
onClick: event =>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
onClick: event => {
|
|
28
|
+
globalHeaderItemClick(event, {
|
|
29
|
+
type: 'link',
|
|
30
|
+
href: '/pages/contribute-docs',
|
|
31
|
+
text: 'Contribute to Docs',
|
|
32
|
+
id: 'contribute-to-docs'
|
|
33
|
+
});
|
|
34
|
+
handleClose();
|
|
35
|
+
},
|
|
30
36
|
children: "Contribute to Docs"
|
|
31
37
|
})]
|
|
32
38
|
});
|
|
@@ -8,7 +8,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
8
8
|
text: 'Docs',
|
|
9
9
|
id: 'docs',
|
|
10
10
|
type: 'resources-dropdown',
|
|
11
|
-
trackingTarget: '
|
|
11
|
+
trackingTarget: 'topnav_resources_tab_docs'
|
|
12
12
|
},
|
|
13
13
|
panel: DocsPanel
|
|
14
14
|
}, {
|
|
@@ -17,7 +17,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
17
17
|
text: 'Learning tools',
|
|
18
18
|
id: 'learning-tools',
|
|
19
19
|
type: 'resources-dropdown',
|
|
20
|
-
trackingTarget: '
|
|
20
|
+
trackingTarget: 'topnav_resources_tab_learning_tools'
|
|
21
21
|
},
|
|
22
22
|
panel: LearningToolsPanel
|
|
23
23
|
}, {
|
|
@@ -26,7 +26,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
26
26
|
text: 'Practice tools',
|
|
27
27
|
id: 'practice-tools',
|
|
28
28
|
type: 'resources-dropdown',
|
|
29
|
-
trackingTarget: '
|
|
29
|
+
trackingTarget: 'topnav_resources_tab_practice_tools'
|
|
30
30
|
},
|
|
31
31
|
panel: PracticeToolsPanel
|
|
32
32
|
}, {
|
|
@@ -35,7 +35,7 @@ export const RESOURCES_NAV_SECTIONS = [{
|
|
|
35
35
|
text: 'Inspiration',
|
|
36
36
|
id: 'inspiration',
|
|
37
37
|
type: 'resources-dropdown',
|
|
38
|
-
trackingTarget: '
|
|
38
|
+
trackingTarget: 'topnav_resources_tab_inspiration'
|
|
39
39
|
},
|
|
40
40
|
panel: InspirationPanel
|
|
41
41
|
}];
|
|
@@ -170,7 +170,7 @@ export const learningToolsLinks = [{
|
|
|
170
170
|
linkItem: {
|
|
171
171
|
id: 'articles',
|
|
172
172
|
href: '/articles',
|
|
173
|
-
trackingTarget: '
|
|
173
|
+
trackingTarget: 'topnav_resources_learning_articles',
|
|
174
174
|
text: 'Articles',
|
|
175
175
|
type: 'link'
|
|
176
176
|
},
|
|
@@ -180,7 +180,7 @@ export const learningToolsLinks = [{
|
|
|
180
180
|
linkItem: {
|
|
181
181
|
id: 'cheatsheets',
|
|
182
182
|
href: '/resources/cheatsheets/all',
|
|
183
|
-
trackingTarget: '
|
|
183
|
+
trackingTarget: 'topnav_resources_learning_cheatsheets',
|
|
184
184
|
text: 'Cheatsheets',
|
|
185
185
|
type: 'link'
|
|
186
186
|
},
|
|
@@ -190,7 +190,7 @@ export const learningToolsLinks = [{
|
|
|
190
190
|
linkItem: {
|
|
191
191
|
id: 'videos',
|
|
192
192
|
href: '/resources/videos',
|
|
193
|
-
trackingTarget: '
|
|
193
|
+
trackingTarget: 'topnav_resources_learning_videos',
|
|
194
194
|
text: 'Videos',
|
|
195
195
|
type: 'link'
|
|
196
196
|
},
|
|
@@ -200,7 +200,7 @@ export const learningToolsLinks = [{
|
|
|
200
200
|
linkItem: {
|
|
201
201
|
id: 'projects',
|
|
202
202
|
href: '/projects',
|
|
203
|
-
trackingTarget: '
|
|
203
|
+
trackingTarget: 'topnav_resources_learning_projects',
|
|
204
204
|
text: 'Projects',
|
|
205
205
|
type: 'link'
|
|
206
206
|
},
|
|
@@ -211,8 +211,8 @@ export const practiceToolsLinks = [{
|
|
|
211
211
|
linkItem: {
|
|
212
212
|
id: 'code-challenges',
|
|
213
213
|
href: '/code-challenges',
|
|
214
|
-
trackingTarget: '
|
|
215
|
-
text: 'Code
|
|
214
|
+
trackingTarget: 'topnav_resources_learning_code_challenges',
|
|
215
|
+
text: 'Code challenges',
|
|
216
216
|
type: 'link'
|
|
217
217
|
},
|
|
218
218
|
icon: /*#__PURE__*/_jsx(ProgrammingBrowserIcon, {}),
|
|
@@ -221,7 +221,7 @@ export const practiceToolsLinks = [{
|
|
|
221
221
|
linkItem: {
|
|
222
222
|
id: 'workspaces',
|
|
223
223
|
href: '/pages/workspaces',
|
|
224
|
-
trackingTarget: '
|
|
224
|
+
trackingTarget: 'topnav_resources_learning_workspaces',
|
|
225
225
|
text: 'Workspaces',
|
|
226
226
|
type: 'link'
|
|
227
227
|
},
|
|
@@ -231,8 +231,8 @@ export const practiceToolsLinks = [{
|
|
|
231
231
|
linkItem: {
|
|
232
232
|
id: 'job-readiness',
|
|
233
233
|
href: '/job-readiness',
|
|
234
|
-
trackingTarget: '
|
|
235
|
-
text: 'Job-
|
|
234
|
+
trackingTarget: 'topnav_resources_learning_job_readiness',
|
|
235
|
+
text: 'Job-readiness checker',
|
|
236
236
|
type: 'link'
|
|
237
237
|
},
|
|
238
238
|
icon: /*#__PURE__*/_jsx(PeopleIcon, {}),
|
|
@@ -241,7 +241,7 @@ export const practiceToolsLinks = [{
|
|
|
241
241
|
linkItem: {
|
|
242
242
|
id: 'interview-simulator',
|
|
243
243
|
href: '/interview-simulator',
|
|
244
|
-
trackingTarget: '
|
|
244
|
+
trackingTarget: 'topnav_resources_learning_interview_simulator',
|
|
245
245
|
text: 'Interview Simulator',
|
|
246
246
|
type: 'link'
|
|
247
247
|
},
|
|
@@ -252,7 +252,7 @@ export const inspirationLinks = [{
|
|
|
252
252
|
linkItem: {
|
|
253
253
|
id: 'learner-stories',
|
|
254
254
|
href: '/resources/blog/category/get-inspired',
|
|
255
|
-
trackingTarget: '
|
|
255
|
+
trackingTarget: 'topnav_resources_inspiration_learner_stories',
|
|
256
256
|
text: 'Learner stories',
|
|
257
257
|
type: 'link'
|
|
258
258
|
},
|
|
@@ -262,8 +262,8 @@ export const inspirationLinks = [{
|
|
|
262
262
|
linkItem: {
|
|
263
263
|
id: 'learning-tips',
|
|
264
264
|
href: '/resources/blog/category/learning-tips',
|
|
265
|
-
trackingTarget: '
|
|
266
|
-
text: 'Learning
|
|
265
|
+
trackingTarget: 'topnav_resources_inspiration_learning_tips',
|
|
266
|
+
text: 'Learning tips',
|
|
267
267
|
type: 'link'
|
|
268
268
|
},
|
|
269
269
|
icon: /*#__PURE__*/_jsx(InfoCircleIcon, {}),
|
|
@@ -272,8 +272,8 @@ export const inspirationLinks = [{
|
|
|
272
272
|
linkItem: {
|
|
273
273
|
id: 'career-advice',
|
|
274
274
|
href: '/resources/blog/category/career',
|
|
275
|
-
trackingTarget: '
|
|
276
|
-
text: 'Career
|
|
275
|
+
trackingTarget: 'topnav_resources_inspiration_career_advice',
|
|
276
|
+
text: 'Career advice',
|
|
277
277
|
type: 'link'
|
|
278
278
|
},
|
|
279
279
|
icon: /*#__PURE__*/_jsx(BriefcaseIcon, {}),
|
|
@@ -282,8 +282,8 @@ export const inspirationLinks = [{
|
|
|
282
282
|
linkItem: {
|
|
283
283
|
id: 'finding-a-job',
|
|
284
284
|
href: '/resources/blog/category/finding-a-job',
|
|
285
|
-
trackingTarget: '
|
|
286
|
-
text: 'Finding a
|
|
285
|
+
trackingTarget: 'topnav_resources_inspiration_finding_a_job',
|
|
286
|
+
text: 'Finding a job',
|
|
287
287
|
type: 'link'
|
|
288
288
|
},
|
|
289
289
|
icon: /*#__PURE__*/_jsx(SearchIcon, {}),
|
|
@@ -3,6 +3,7 @@ import { ColorMode } from '@codecademy/gamut-styles';
|
|
|
3
3
|
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { GlobalNavRedesignContext } from '../../../GlobalHeader';
|
|
6
|
+
import { DropdownPositions, useHeaderDisplayContext } from '../../../GlobalHeader/context';
|
|
6
7
|
import { getHeaderResourcesList } from '../../../lib/resourcesList';
|
|
7
8
|
import { AnimatedMegaMenuDropdown } from '../../shared';
|
|
8
9
|
import { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';
|
|
@@ -13,15 +14,25 @@ import { AppHeaderSection } from '../AppHeaderSection';
|
|
|
13
14
|
import { RESOURCES_NAV_SECTIONS } from './consts';
|
|
14
15
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
16
|
const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDropdown, {
|
|
17
|
+
// prevent the isAnon and displayGlobalNavRedesign props from being passed to the DOM element, which would cause a React warning.
|
|
18
|
+
shouldForwardProp: prop => prop !== 'isAnon' && prop !== 'displayGlobalNavRedesign' && prop !== 'narrowResourceDropdownPosition' && prop !== 'wideResourceDropdownPosition',
|
|
16
19
|
target: "ekdg1bw0",
|
|
17
20
|
label: "StyledAnimatedMegaMenuDropdown"
|
|
18
21
|
})("left:", ({
|
|
19
22
|
isAnon,
|
|
20
|
-
displayGlobalNavRedesign
|
|
21
|
-
|
|
23
|
+
displayGlobalNavRedesign,
|
|
24
|
+
narrowResourceDropdownPosition
|
|
25
|
+
}) => {
|
|
26
|
+
if (displayGlobalNavRedesign) return narrowResourceDropdownPosition;
|
|
27
|
+
return isAnon ? '-14.5rem' : '-19.5rem';
|
|
28
|
+
}, ";@media (min-width: 1261px){left:", ({
|
|
22
29
|
isAnon,
|
|
23
|
-
displayGlobalNavRedesign
|
|
24
|
-
|
|
30
|
+
displayGlobalNavRedesign,
|
|
31
|
+
wideResourceDropdownPosition
|
|
32
|
+
}) => {
|
|
33
|
+
if (displayGlobalNavRedesign) return wideResourceDropdownPosition;
|
|
34
|
+
return isAnon ? '-14.5rem' : '-19.5rem';
|
|
35
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXInO1xuaW1wb3J0IHtcbiAgRHJvcGRvd25Qb3NpdGlvbnMsXG4gIHVzZUhlYWRlckRpc3BsYXlDb250ZXh0LFxufSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBnZXRIZWFkZXJSZXNvdXJjZXNMaXN0IH0gZnJvbSAnLi4vLi4vLi4vbGliL3Jlc291cmNlc0xpc3QnO1xuaW1wb3J0IHtcbiAgQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duLFxuICBBcHBIZWFkZXJBY3Rpb24sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyTmF2QnV0dG9uL0FwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJQcm92aWRlcic7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZXNTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyUmVzb3VyY2VzU2VjdGlvbic7XG5pbXBvcnQgeyBBcHBIZWFkZXJTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyU2VjdGlvbic7XG5pbXBvcnQgeyBSRVNPVVJDRVNfTkFWX1NFQ1RJT05TIH0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW06IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgaXNBbm9uOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duID0gc3R5bGVkKEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biwge1xuICAvLyBwcmV2ZW50IHRoZSBpc0Fub24gYW5kIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiBwcm9wcyBmcm9tIGJlaW5nIHBhc3NlZCB0byB0aGUgRE9NIGVsZW1lbnQsIHdoaWNoIHdvdWxkIGNhdXNlIGEgUmVhY3Qgd2FybmluZy5cbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PlxuICAgIHByb3AgIT09ICdpc0Fub24nICYmXG4gICAgcHJvcCAhPT0gJ2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbicgJiZcbiAgICBwcm9wICE9PSAnbmFycm93UmVzb3VyY2VEcm9wZG93blBvc2l0aW9uJyAmJlxuICAgIHByb3AgIT09ICd3aWRlUmVzb3VyY2VEcm9wZG93blBvc2l0aW9uJyxcbn0pPHtcbiAgaXNBbm9uOiBib29sZWFuO1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG4gIG5hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbjogc3RyaW5nO1xuICB3aWRlUmVzb3VyY2VEcm9wZG93blBvc2l0aW9uOiBzdHJpbmc7XG59PmBcbiAgbGVmdDogJHsoe1xuICAgIGlzQW5vbixcbiAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gICAgbmFycm93UmVzb3VyY2VEcm9wZG93blBvc2l0aW9uLFxuICB9KSA9PiB7XG4gICAgaWYgKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbikgcmV0dXJuIG5hcnJvd1Jlc291cmNlRHJvcGRvd25Qb3NpdGlvbjtcbiAgICByZXR1cm4gaXNBbm9uID8gJy0xNC41cmVtJyA6ICctMTkuNXJlbSc7XG4gIH19O1xuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjYxcHgpIHtcbiAgICBsZWZ0OiAkeyh7XG4gICAgICBpc0Fub24sXG4gICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24sXG4gICAgICB3aWRlUmVzb3VyY2VEcm9wZG93blBvc2l0aW9uLFxuICAgIH0pID0+IHtcbiAgICAgIGlmIChkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24pIHJldHVybiB3aWRlUmVzb3VyY2VEcm9wZG93blBvc2l0aW9uO1xuICAgICAgcmV0dXJuIGlzQW5vbiA/ICctMTQuNXJlbScgOiAnLTE5LjVyZW0nO1xuICAgIH19O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd246IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHNcbj4gPSAoeyBhY3Rpb24sIGl0ZW0sIGlzQW5vbiB9KSA9PiB7XG4gIGNvbnN0IHsgdGV4dCB9ID0gaXRlbTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGRyb3Bkb3duUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcbiAgY29uc3QgeyBoZWFkZXJUeXBlIH0gPSB1c2VIZWFkZXJEaXNwbGF5Q29udGV4dCgpO1xuICBjb25zdCB7IHJlc291cmNlRHJvcGRvd24gfSA9IERyb3Bkb3duUG9zaXRpb25zW2hlYWRlclR5cGVdO1xuICBjb25zdCBuYXJyb3dSZXNvdXJjZURyb3Bkb3duUG9zaXRpb24gPSByZXNvdXJjZURyb3Bkb3duLm5hcnJvdztcbiAgY29uc3Qgd2lkZVJlc291cmNlRHJvcGRvd25Qb3NpdGlvbiA9IHJlc291cmNlRHJvcGRvd24ud2lkZTtcblxuICAvLyBBZGQgc2Nyb2xsYmFyIGZvciBzaG9ydCBzY3JlZW5zIGFmdGVyIHRyYW5zaXRpb24gKG90aGVyd2lzZSBzY3JvbGxiYXIgYXBwZWFycyBhbmQgZGlzc2FwZWFycyBmb3IgYWRlcXVhdGUgaGVpZ2h0cyBkdXJpbmcgdHJhbnNpdGlvbilcbiAgY29uc3QgW2FuaW1hdGlvbkNvbXBsZXRlU3R5bGVzLCBzZXRBbmltYXRpb25Db21wbGV0ZVN0eWxlc10gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgaGVhZGVyUmVzb3VyY2VzTGlzdCA9IGdldEhlYWRlclJlc291cmNlc0xpc3QoKTtcblxuICBjb25zdCBhbmltYXRpb25GaW5pc2hlZCA9ICgpID0+IHtcbiAgICBzZXRBbmltYXRpb25Db21wbGV0ZVN0eWxlcyhpc09wZW4pO1xuICAgIGlmIChpc09wZW4gJiYgZHJvcGRvd25SZWYuY3VycmVudCkge1xuICAgICAgZHJvcGRvd25SZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCB0b2dnbGVJc09wZW4gPSAoKSA9PiBzZXRJc09wZW4oKHByZXYpID0+ICFwcmV2KTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgdG9nZ2xlSXNPcGVuKCk7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIGFjdGlvbihldmVudCwgaXRlbSk7XG4gICAgICBpZiAoc2V0TGFzdE9wZW5lZERyb3Bkb3duKSB7XG4gICAgICAgIHNldExhc3RPcGVuZWREcm9wZG93bih0ZXh0KTtcbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBidXR0b25SZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXN0T3BlbmVkRHJvcGRvd24gIT09IHRleHQgJiYgaXNPcGVuKSB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtsYXN0T3BlbmVkRHJvcGRvd25dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXIgPSBjb250YWluZXJSZWY/LmN1cnJlbnQ7XG4gICAgICBjb25zdCBidXR0b24gPSBidXR0b25SZWY/LmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICBjb250YWluZXIgJiZcbiAgICAgICAgIWNvbnRhaW5lci5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgYnV0dG9uICYmXG4gICAgICAgICFidXR0b24uY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgICApIHtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfTtcbiAgfSwgW2NvbnRhaW5lclJlZiwgaGFuZGxlQ2xvc2UsIGlzT3Blbl0pO1xuXG4gIGNvbnN0IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA9IHVzZUNvbnRleHQoR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0KTtcblxuICByZXR1cm4gKFxuICAgIDxBcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZX0+XG4gICAgICA8QXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b25cbiAgICAgICAgYnV0dG9uUmVmPXtidXR0b25SZWZ9XG4gICAgICAgIGhhbmRsZU9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICB0aXRsZT17dGV4dH1cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duXG4gICAgICAgIGlzQW5vbj17aXNBbm9ufVxuICAgICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ249e2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbn1cbiAgICAgICAgbmFycm93UmVzb3VyY2VEcm9wZG93blBvc2l0aW9uPXtuYXJyb3dSZXNvdXJjZURyb3Bkb3duUG9zaXRpb259XG4gICAgICAgIHdpZGVSZXNvdXJjZURyb3Bkb3duUG9zaXRpb249e3dpZGVSZXNvdXJjZURyb3Bkb3duUG9zaXRpb259XG4gICAgICAgIHRhYkluZGV4PXstMX0gLy8gcHJldmVudCBmcm9tIGludGVyZmVyaW5nIHdpdGggQXBwSGVhZGVyIGZvY3VzIGxvZ2ljXG4gICAgICAgIHJlZj17ZHJvcGRvd25SZWZ9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgdG9wOiAnMy41cmVtJyxcbiAgICAgICAgICBtaW5XaWR0aDogJzY0cmVtJyxcbiAgICAgICAgICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgICAgICAgICBtYXhIZWlnaHQ6IGFuaW1hdGlvbkNvbXBsZXRlU3R5bGVzID8gJzg1dmgnIDogMCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/ICd0cmFuc3BhcmVudCcgOiAnJyxcbiAgICAgICAgfX1cbiAgICAgICAgaW5pdGlhbD17eyBib3JkZXJXaWR0aDogMCwgaGVpZ2h0OiAwIH19XG4gICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICBib3JkZXJXaWR0aDogaXNPcGVuID8gKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IDAgOiAxKSA6IDAsXG4gICAgICAgICAgaGVpZ2h0OiBpc09wZW4gPyAnZml0LWNvbnRlbnQnIDogMCxcbiAgICAgICAgfX1cbiAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC4xNzUgfX1cbiAgICAgICAgYXJpYS1oaWRkZW49eyFpc09wZW59XG4gICAgICAgIGRhdGEtdGVzdGlkPVwicmVzb3VyY2VzLW1lbnUtZHJvcGRvd25cIlxuICAgICAgICBvbkFuaW1hdGlvbkNvbXBsZXRlPXthbmltYXRpb25GaW5pc2hlZH1cbiAgICAgID5cbiAgICAgICAge2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IChcbiAgICAgICAgICA8Q29sb3JNb2RlIG1vZGU9XCJsaWdodFwiPlxuICAgICAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgICAgICAgICBuYXZTZWN0aW9ucz17UkVTT1VSQ0VTX05BVl9TRUNUSU9OU31cbiAgICAgICAgICAgICAgaGFuZGxlQ2xvc2U9eygpID0+IHNldElzT3BlbihmYWxzZSl9XG4gICAgICAgICAgICAgIHR5cGU9XCJyZXNvdXJjZXMtZHJvcGRvd25cIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvbG9yTW9kZT5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8QXBwSGVhZGVyUmVzb3VyY2VzU2VjdGlvblxuICAgICAgICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICAgICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIGlkPXtgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gfVxuICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICBoYW5kbGVDbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX1cbiAgICAgICAgICAgIHJlc291cmNlcz17aGVhZGVyUmVzb3VyY2VzTGlzdH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */"));
|
|
25
36
|
export const AppHeaderResourcesDropdown = ({
|
|
26
37
|
action,
|
|
27
38
|
item,
|
|
@@ -38,6 +49,14 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
38
49
|
lastOpenedDropdown,
|
|
39
50
|
setLastOpenedDropdown
|
|
40
51
|
} = useAppHeaderContext();
|
|
52
|
+
const {
|
|
53
|
+
headerType
|
|
54
|
+
} = useHeaderDisplayContext();
|
|
55
|
+
const {
|
|
56
|
+
resourceDropdown
|
|
57
|
+
} = DropdownPositions[headerType];
|
|
58
|
+
const narrowResourceDropdownPosition = resourceDropdown.narrow;
|
|
59
|
+
const wideResourceDropdownPosition = resourceDropdown.wide;
|
|
41
60
|
|
|
42
61
|
// Add scrollbar for short screens after transition (otherwise scrollbar appears and dissapears for adequate heights during transition)
|
|
43
62
|
const [animationCompleteStyles, setAnimationCompleteStyles] = useState(false);
|
|
@@ -94,6 +113,8 @@ export const AppHeaderResourcesDropdown = ({
|
|
|
94
113
|
}), /*#__PURE__*/_jsx(StyledAnimatedMegaMenuDropdown, {
|
|
95
114
|
isAnon: isAnon,
|
|
96
115
|
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
116
|
+
narrowResourceDropdownPosition: narrowResourceDropdownPosition,
|
|
117
|
+
wideResourceDropdownPosition: wideResourceDropdownPosition,
|
|
97
118
|
tabIndex: -1 // prevent from interfering with AppHeader focus logic
|
|
98
119
|
,
|
|
99
120
|
ref: dropdownRef,
|
|
@@ -13,7 +13,7 @@ export const NavIconButton = /*#__PURE__*/_styled(IconButton, {
|
|
|
13
13
|
theme
|
|
14
14
|
}) => theme.colors.primary, ";background-color:", ({
|
|
15
15
|
theme
|
|
16
|
-
}) => theme.colors['navy-100'], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9Nb2JpbGVCYWNrQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL01vYmlsZUJhY2tCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dMZWZ0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcbmltcG9ydCB7IFNtYWxsTWVudUJ1dHRvbiB9IGZyb20gJy4vZWxlbWVudHMnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJ1dHRvbiB9IGZyb20gJy4vTmF2U2VjdGlvbic7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIE1vYmlsZUJhY2tCdXR0b25Qcm9wcyA9IHtcbiAgaGFuZGxlQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIHR5cGU6ICdjYXRhbG9nLWRyb3Bkb3duJyB8ICdyZXNvdXJjZXMtZHJvcGRvd24nO1xufTtcblxuZXhwb3J0IGNvbnN0IE1vYmlsZUJhY2tCdXR0b246IFJlYWN0LkZDPE1vYmlsZUJhY2tCdXR0b25Qcm9wcz4gPSAoe1xuICBoYW5kbGVDbG9zZSxcbiAgdHlwZSxcbn0pID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuXG4gIGNvbnN0IGhhbmRsZUJhY2tCdXR0b25DbGljayA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICBpZDogJ2JhY2snLFxuICAgICAgdGV4dDogJ0JhY2snLFxuICAgICAgdHlwZSxcbiAgICB9KTtcbiAgICBoYW5kbGVDbG9zZSgpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICA8TmF2aWdhdGlvbkJ1dHRvblxuICAgICAgICAgIGlzQWN0aXZlPXtmYWxzZX1cbiAgICAgICAgICBpbmRleD17MH1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVCYWNrQnV0dG9uQ2xpY2t9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBnYXA9ezh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxCb3ggaGVpZ2h0PXsyNH0gd2lkdGg9ezI0fT5cbiAgICAgICAgICAgICAgPEFycm93TGVmdEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLWxhcmdlXCI+QmFjazwvVGV4dD5cbiAgICAgICAgICA8L0ZsZXhCb3g+
|
|
16
|
+
}) => theme.colors['navy-100'], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9Nb2JpbGVCYWNrQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL01vYmlsZUJhY2tCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBJY29uQnV0dG9uLCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dMZWZ0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcbmltcG9ydCB7IFNtYWxsTWVudUJ1dHRvbiB9IGZyb20gJy4vZWxlbWVudHMnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJ1dHRvbiB9IGZyb20gJy4vTmF2U2VjdGlvbic7XG5cbmV4cG9ydCBjb25zdCBOYXZJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHN2ZyB7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTEwMCddfTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIE1vYmlsZUJhY2tCdXR0b25Qcm9wcyA9IHtcbiAgaGFuZGxlQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIHR5cGU6ICdjYXRhbG9nLWRyb3Bkb3duJyB8ICdyZXNvdXJjZXMtZHJvcGRvd24nO1xufTtcblxuZXhwb3J0IGNvbnN0IE1vYmlsZUJhY2tCdXR0b246IFJlYWN0LkZDPE1vYmlsZUJhY2tCdXR0b25Qcm9wcz4gPSAoe1xuICBoYW5kbGVDbG9zZSxcbiAgdHlwZSxcbn0pID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuXG4gIGNvbnN0IGhhbmRsZUJhY2tCdXR0b25DbGljayA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCB7XG4gICAgICBpZDogJ2JhY2snLFxuICAgICAgdGV4dDogJ0JhY2snLFxuICAgICAgdHlwZSxcbiAgICB9KTtcbiAgICBoYW5kbGVDbG9zZSgpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICA8TmF2aWdhdGlvbkJ1dHRvblxuICAgICAgICAgIGlzQWN0aXZlPXtmYWxzZX1cbiAgICAgICAgICBpbmRleD17MH1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVCYWNrQnV0dG9uQ2xpY2t9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBnYXA9ezh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxCb3ggaGVpZ2h0PXsyNH0gd2lkdGg9ezI0fT5cbiAgICAgICAgICAgICAgPEFycm93TGVmdEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLWxhcmdlXCIgZm9udFNpemU9ezE2fT5cbiAgICAgICAgICAgICAgQmFja1xuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9OYXZpZ2F0aW9uQnV0dG9uPlxuICAgICAgPC9Cb3g+XG4gICAgICA8Qm94XG4gICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCB4czogJ2dyaWQnLCBzbTogJ25vbmUnIH19XG4gICAgICAgIG1sPXs4fVxuICAgICAgICBncmlkQ29sdW1uPVwiMVwiXG4gICAgICAgIGdyaWRSb3c9XCIxXCJcbiAgICAgID5cbiAgICAgICAgPE5hdkljb25CdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVCYWNrQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgaWNvbj17QXJyb3dMZWZ0SWNvbn1cbiAgICAgICAgICB0aXA9XCJCYWNrIHRvIG1haW4gbmF2aWdhdGlvblwiXG4gICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgIGFsaWdubWVudDogJ3JpZ2h0LWNlbnRlcicsXG4gICAgICAgICAgICBuYXJyb3c6IGZhbHNlLFxuICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgIH19XG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2sgdG8gbWFpbiBuYXZpZ2F0aW9uXCJcbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdmbGV4JywgeHM6ICdub25lJyB9fT5cbiAgICAgICAgPFNtYWxsTWVudUJ1dHRvbiBpbmRleD17MH0gb25DbGljaz17aGFuZGxlQmFja0J1dHRvbkNsaWNrfT5cbiAgICAgICAgICA8RmxleEJveCBnYXA9ezh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxCb3ggaGVpZ2h0PXsyNH0gd2lkdGg9ezI0fT5cbiAgICAgICAgICAgICAgPEFycm93TGVmdEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLWxhcmdlXCI+QmFjazwvVGV4dD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvU21hbGxNZW51QnV0dG9uPlxuICAgICAgPC9Cb3g+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */"));
|
|
17
17
|
export const MobileBackButton = ({
|
|
18
18
|
handleClose,
|
|
19
19
|
type
|
|
@@ -50,6 +50,7 @@ export const MobileBackButton = ({
|
|
|
50
50
|
})
|
|
51
51
|
}), /*#__PURE__*/_jsx(Text, {
|
|
52
52
|
variant: "p-large",
|
|
53
|
+
fontSize: 16,
|
|
53
54
|
children: "Back"
|
|
54
55
|
})]
|
|
55
56
|
})
|