@codecademy/brand 3.0.0-alpha.6ff1f4a253.0 → 3.0.0-alpha.7e2d5e6bea.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/index.js +26 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/elements.d.ts +0 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/elements.js +12 -56
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/index.js +3 -5
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.d.ts +4 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.js +98 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavSection.d.ts +15 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavSection.js +67 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/consts.d.ts +7 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/consts.js +39 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/index.d.ts +11 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/index.js +68 -0
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/Banner/EnhancedBanner.d.ts +1 -1
- package/dist/Banner/EnhancedBanner.js +5 -5
- package/dist/Banner/index.d.ts +1 -1
- package/dist/Banner/index.js +3 -3
- package/dist/CourseRecommendationsLink/index.d.ts +3 -0
- package/dist/CourseRecommendationsLink/index.js +27 -0
- package/dist/GlobalHeader/context.d.ts +8 -0
- package/dist/GlobalHeader/context.js +9 -0
- package/dist/GlobalHeader/index.js +43 -37
- package/dist/LayoutMenu/AccordionMenu.d.ts +1 -0
- package/dist/LayoutMenu/AccordionMenu.js +5 -2
- package/dist/LayoutMenu/LayoutMenu.d.ts +2 -1
- package/dist/LayoutMenu/LayoutMenu.js +9 -7
- package/dist/LayoutMenuVariant/AccordionMenu.js +4 -4
- package/dist/LearningOutcomeFlyout/index.d.ts +5 -13
- package/dist/LearningOutcomeFlyout/index.js +16 -21
- package/dist/Logos/shared.d.ts +7 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -1,11 +1,24 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
2
3
|
import * as React from 'react';
|
|
4
|
+
import { GlobalNavRedesignContext } from '../../../GlobalHeader';
|
|
3
5
|
import { AnimatedMegaMenuDropdown } from '../../shared';
|
|
4
6
|
import { AppHeaderCatalogSection } from '../AppHeaderCatalogSection';
|
|
7
|
+
import { AppHeaderCatalogSectionVariant } from '../AppHeaderCatalogSectionVariant';
|
|
5
8
|
import { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';
|
|
6
9
|
import { AppHeaderDropdownNavButton } from '../AppHeaderNavButton/AppHeaderDropdownNavButton';
|
|
7
10
|
import { useAppHeaderContext } from '../AppHeaderProvider';
|
|
8
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDropdown, {
|
|
13
|
+
target: "eaa3s9f0",
|
|
14
|
+
label: "StyledAnimatedMegaMenuDropdown"
|
|
15
|
+
})("left:", ({
|
|
16
|
+
isAnon,
|
|
17
|
+
displayGlobalNavRedesign
|
|
18
|
+
}) => displayGlobalNavRedesign ? '-58px' : isAnon ? '-9rem' : '-14rem', ";@media (min-width: 1261px){left:", ({
|
|
19
|
+
isAnon,
|
|
20
|
+
displayGlobalNavRedesign
|
|
21
|
+
}) => displayGlobalNavRedesign ? '-152px' : isAnon ? '-9rem' : '-14rem', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QkUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0IH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7XG4gIEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93bixcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24gfSBmcm9tICcuLi9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbic7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQgfSBmcm9tICcuLi9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b24gfSBmcm9tICcuLi9BcHBIZWFkZXJOYXZCdXR0b24vQXBwSGVhZGVyRHJvcGRvd25OYXZCdXR0b24nO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclByb3ZpZGVyJztcblxuZXhwb3J0IHR5cGUgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duUHJvcHMgPSBBcHBIZWFkZXJBY3Rpb24gJiB7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW07XG4gIGlzQW5vbjogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93biA9IHN0eWxlZChBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24pPHtcbiAgaXNBbm9uOiBib29sZWFuO1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG59PmBcbiAgbGVmdDogJHsoeyBpc0Fub24sIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/ICctNThweCcgOiBpc0Fub24gPyAnLTlyZW0nIDogJy0xNHJlbSd9O1xuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMjYxcHgpIHtcbiAgICBsZWZ0OiAkeyh7IGlzQW5vbiwgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduIH0pID0+XG4gICAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAnLTE1MnB4JyA6IGlzQW5vbiA/ICctOXJlbScgOiAnLTE0cmVtJ307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd246IFJlYWN0LkZDPFxuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25Qcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbSwgaXNBbm9uIH0pID0+IHtcbiAgY29uc3QgeyB0ZXh0IH0gPSBpdGVtO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBsYXN0T3BlbmVkRHJvcGRvd24sIHNldExhc3RPcGVuZWREcm9wZG93biB9ID0gdXNlQXBwSGVhZGVyQ29udGV4dCgpO1xuXG4gIGNvbnN0IGZvY3VzQnV0dG9uID0gKCkgPT4ge1xuICAgIGJ1dHRvblJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgfTtcblxuICBjb25zdCB0b2dnbGVJc09wZW4gPSAoKSA9PiBzZXRJc09wZW4oKHByZXYpID0+ICFwcmV2KTtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgdG9nZ2xlSXNPcGVuKCk7XG5cbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICAgIGlmIChzZXRMYXN0T3BlbmVkRHJvcGRvd24pIHtcbiAgICAgICAgc2V0TGFzdE9wZW5lZERyb3Bkb3duKHRleHQpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIGZvY3VzQnV0dG9uKCk7XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYXN0T3BlbmVkRHJvcGRvd24gIT09IHRleHQgJiYgaXNPcGVuKSB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtsYXN0T3BlbmVkRHJvcGRvd25dKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrT3V0c2lkZShldmVudDogTW91c2VFdmVudCB8IEV2ZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXIgPSBjb250YWluZXJSZWY/LmN1cnJlbnQ7XG4gICAgICBjb25zdCBidXR0b24gPSBidXR0b25SZWY/LmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICBjb250YWluZXIgJiZcbiAgICAgICAgIWNvbnRhaW5lci5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgYnV0dG9uICYmXG4gICAgICAgICFidXR0b24uY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgICApIHtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignYmx1cicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfTtcbiAgfSwgW2NvbnRhaW5lclJlZiwgaGFuZGxlQ2xvc2UsIGlzT3Blbl0pO1xuICBjb25zdCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPSB1c2VDb250ZXh0KEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlciBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9PlxuICAgICAgPEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uXG4gICAgICAgIGJ1dHRvblJlZj17YnV0dG9uUmVmfVxuICAgICAgICBoYW5kbGVPbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgdGl0bGU9e3RleHR9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZEFuaW1hdGVkTWVnYU1lbnVEcm9wZG93blxuICAgICAgICBpc0Fub249e2lzQW5vbn1cbiAgICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduPXtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ259XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgdG9wOiAnMy41cmVtJyxcbiAgICAgICAgICBtaW5XaWR0aDogJzY0cmVtJyxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/ICd0cmFuc3BhcmVudCcgOiAnJyxcbiAgICAgICAgfX1cbiAgICAgICAgaW5pdGlhbD17eyBib3JkZXJXaWR0aDogMCwgaGVpZ2h0OiAwIH19XG4gICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICBib3JkZXJXaWR0aDogaXNPcGVuID8gKGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IDAgOiAxKSA6IDAsXG4gICAgICAgICAgaGVpZ2h0OiBpc09wZW4gPyAnZml0LWNvbnRlbnQnIDogMCxcbiAgICAgICAgfX1cbiAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC4xNzUgfX1cbiAgICAgICAgYXJpYS1oaWRkZW49eyFpc09wZW59XG4gICAgICAgIGRhdGEtdGVzdGlkPVwiY2F0YWxvZy1tZW51LWRyb3Bkb3duXCJcbiAgICAgID5cbiAgICAgICAge2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IChcbiAgICAgICAgICA8QXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50XG4gICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICBpZD17YG1lbnUtY29udGFpbmVyJHtpdGVtLnRleHR9YH1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uXG4gICAgICAgICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIGlkPXtgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gfVxuICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICBoYW5kbGVDbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */"));
|
|
9
22
|
export const AppHeaderCatalogDropdown = ({
|
|
10
23
|
action,
|
|
11
24
|
item,
|
|
@@ -59,6 +72,7 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
59
72
|
document.removeEventListener('blur', handleClickOutside);
|
|
60
73
|
};
|
|
61
74
|
}, [containerRef, handleClose, isOpen]);
|
|
75
|
+
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
62
76
|
return /*#__PURE__*/_jsxs(AppHeaderDropdownProvider, {
|
|
63
77
|
handleClose: handleClose,
|
|
64
78
|
children: [/*#__PURE__*/_jsx(AppHeaderDropdownNavButton, {
|
|
@@ -66,18 +80,20 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
66
80
|
handleOnClick: handleOnClick,
|
|
67
81
|
isOpen: isOpen,
|
|
68
82
|
title: text
|
|
69
|
-
}), /*#__PURE__*/_jsx(
|
|
83
|
+
}), /*#__PURE__*/_jsx(StyledAnimatedMegaMenuDropdown, {
|
|
84
|
+
isAnon: isAnon,
|
|
85
|
+
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
70
86
|
style: {
|
|
71
87
|
top: '3.5rem',
|
|
72
88
|
minWidth: '64rem',
|
|
73
|
-
|
|
89
|
+
backgroundColor: displayGlobalNavRedesign ? 'transparent' : ''
|
|
74
90
|
},
|
|
75
91
|
initial: {
|
|
76
92
|
borderWidth: 0,
|
|
77
93
|
height: 0
|
|
78
94
|
},
|
|
79
95
|
animate: {
|
|
80
|
-
borderWidth: isOpen ? 1 : 0,
|
|
96
|
+
borderWidth: isOpen ? displayGlobalNavRedesign ? 0 : 1 : 0,
|
|
81
97
|
height: isOpen ? 'fit-content' : 0
|
|
82
98
|
},
|
|
83
99
|
transition: {
|
|
@@ -85,7 +101,12 @@ export const AppHeaderCatalogDropdown = ({
|
|
|
85
101
|
},
|
|
86
102
|
"aria-hidden": !isOpen,
|
|
87
103
|
"data-testid": "catalog-menu-dropdown",
|
|
88
|
-
children: /*#__PURE__*/_jsx(
|
|
104
|
+
children: displayGlobalNavRedesign ? /*#__PURE__*/_jsx(AppHeaderCatalogSectionVariant, {
|
|
105
|
+
item: item,
|
|
106
|
+
ref: containerRef,
|
|
107
|
+
id: `menu-container${item.text}`,
|
|
108
|
+
isOpen: isOpen
|
|
109
|
+
}) : /*#__PURE__*/_jsx(AppHeaderCatalogSection, {
|
|
89
110
|
action: action,
|
|
90
111
|
item: item,
|
|
91
112
|
ref: containerRef,
|
|
@@ -90,8 +90,3 @@ export declare const useBannerResponsiveStyles: () => {
|
|
|
90
90
|
bg: Colors;
|
|
91
91
|
color: Colors;
|
|
92
92
|
};
|
|
93
|
-
export declare const FunBackground: import("@emotion/styled").StyledComponent<Omit<import("@codecademy/gamut-styles").BackgroundProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
|
|
94
|
-
theme?: import("@emotion/react").Theme;
|
|
95
|
-
} & {
|
|
96
|
-
displayGlobalNavRedesign: boolean;
|
|
97
|
-
}, {}, {}>;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { Anchor, Column, FillButton } from '@codecademy/gamut';
|
|
3
|
-
import {
|
|
3
|
+
import { css, useCurrentMode } from '@codecademy/gamut-styles';
|
|
4
4
|
export const StyledColumn = /*#__PURE__*/_styled(Column, {
|
|
5
|
-
target: "
|
|
5
|
+
target: "e3x9tsc4",
|
|
6
6
|
label: "StyledColumn"
|
|
7
7
|
})(css({
|
|
8
8
|
borderBottom: 1,
|
|
9
9
|
borderColor: 'border-primary'
|
|
10
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JzLCBjc3MsIHVzZUN1cnJlbnRNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcbiJdfQ== */");
|
|
11
11
|
export const StyledAnchorColumn = /*#__PURE__*/_styled(Column, {
|
|
12
|
-
target: "
|
|
12
|
+
target: "e3x9tsc3",
|
|
13
13
|
label: "StyledAnchorColumn"
|
|
14
14
|
})(css({
|
|
15
15
|
pb: 16,
|
|
16
16
|
'&:last-child': {
|
|
17
17
|
pb: 0
|
|
18
18
|
}
|
|
19
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JzLCBjc3MsIHVzZUN1cnJlbnRNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcbiJdfQ== */");
|
|
20
20
|
export const StyledFillButton = /*#__PURE__*/_styled(FillButton, {
|
|
21
|
-
target: "
|
|
21
|
+
target: "e3x9tsc2",
|
|
22
22
|
label: "StyledFillButton"
|
|
23
23
|
})(css({
|
|
24
24
|
maxWidth: 170,
|
|
@@ -30,24 +30,24 @@ export const StyledFillButton = /*#__PURE__*/_styled(FillButton, {
|
|
|
30
30
|
_: 'center',
|
|
31
31
|
md: 'left'
|
|
32
32
|
}
|
|
33
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
|
|
34
34
|
export const SubjectAnchor = /*#__PURE__*/_styled(Anchor, {
|
|
35
|
-
target: "
|
|
35
|
+
target: "e3x9tsc1",
|
|
36
36
|
label: "SubjectAnchor"
|
|
37
37
|
})(css({
|
|
38
38
|
alignContent: 'center',
|
|
39
39
|
alignItems: 'center',
|
|
40
40
|
display: 'flex'
|
|
41
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
|
|
42
42
|
export const BannerAnchor = /*#__PURE__*/_styled(Anchor, {
|
|
43
|
-
target: "
|
|
43
|
+
target: "e3x9tsc0",
|
|
44
44
|
label: "BannerAnchor"
|
|
45
45
|
})(css({
|
|
46
46
|
alignItems: 'center',
|
|
47
47
|
display: 'flex',
|
|
48
48
|
fontSize: 16,
|
|
49
49
|
fontWeight: 700
|
|
50
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DNEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
|
|
51
51
|
export const topicWrapperProps = {
|
|
52
52
|
as: 'li',
|
|
53
53
|
width: '12rem'
|
|
@@ -60,48 +60,4 @@ export const useBannerResponsiveStyles = () => {
|
|
|
60
60
|
bg,
|
|
61
61
|
color
|
|
62
62
|
};
|
|
63
|
-
};
|
|
64
|
-
export const FunBackground = /*#__PURE__*/_styled(Background, {
|
|
65
|
-
target: "e3x9tsc0",
|
|
66
|
-
label: "FunBackground"
|
|
67
|
-
})(props => props.displayGlobalNavRedesign ? `
|
|
68
|
-
transition: transform 0.3s ease;
|
|
69
|
-
position: relative;
|
|
70
|
-
overflow: hidden;
|
|
71
|
-
|
|
72
|
-
&::before {
|
|
73
|
-
content: '';
|
|
74
|
-
position: absolute;
|
|
75
|
-
top: -50%;
|
|
76
|
-
left: -50%;
|
|
77
|
-
width: 200%;
|
|
78
|
-
height: 200%;
|
|
79
|
-
background: linear-gradient(
|
|
80
|
-
120deg,
|
|
81
|
-
rgba(255, 215, 0, 0.25) 20%,
|
|
82
|
-
rgba(255, 223, 100, 0.35) 40%,
|
|
83
|
-
rgba(255, 255, 255, 0.15) 50%,
|
|
84
|
-
transparent 100%
|
|
85
|
-
);
|
|
86
|
-
transform: translateX(100%) rotate(25deg);
|
|
87
|
-
pointer-events: none;
|
|
88
|
-
opacity: 0;
|
|
89
|
-
transition: opacity 0.3s ease;
|
|
90
|
-
z-index: 1;
|
|
91
|
-
}
|
|
92
|
-
&:hover {
|
|
93
|
-
transform: scale(1.03);
|
|
94
|
-
&::before {
|
|
95
|
-
opacity: 1;
|
|
96
|
-
animation: shine 1.2s ease forwards;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
@keyframes shine {
|
|
100
|
-
from {
|
|
101
|
-
transform: translateX(100%) rotate(25deg);
|
|
102
|
-
}
|
|
103
|
-
to {
|
|
104
|
-
transform: translateX(0) rotate(25deg);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQmFja2dyb3VuZCxcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgYm9yZGVyQm90dG9tOiAxLFxuICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuY2hvckNvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIHBiOiAxNixcbiAgICAnJjpsYXN0LWNoaWxkJzoge1xuICAgICAgcGI6IDAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGaWxsQnV0dG9uID0gc3R5bGVkKEZpbGxCdXR0b24pKFxuICBjc3Moe1xuICAgIG1heFdpZHRoOiAxNzAsXG4gICAgbXQ6IHsgXzogMTYsIGxnOiA5NiB9LFxuICAgIHRleHRBbGlnbjogeyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN1YmplY3RBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZm9udFNpemU6IDE2LFxuICAgIGZvbnRXZWlnaHQ6IDcwMCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCB0b3BpY1dyYXBwZXJQcm9wcyA9IHsgYXM6ICdsaScsIHdpZHRoOiAnMTJyZW0nIH0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCB1c2VCYW5uZXJSZXNwb25zaXZlU3R5bGVzID0gKCk6IHtcbiAgYmc6IENvbG9ycztcbiAgY29sb3I6IENvbG9ycztcbn0gPT4ge1xuICBjb25zdCBtb2RlID0gdXNlQ3VycmVudE1vZGUoKTtcblxuICBjb25zdCBiZyA9IG1vZGUgPT09ICdkYXJrJyA/ICduYXZ5LTkwMCcgOiAncGFsZVllbGxvdyc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTkwMCc7XG5cbiAgcmV0dXJuIHsgYmcsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgRnVuQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbjtcbn0+YFxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5kaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ25cbiAgICAgID8gYFxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2U7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IC01MCU7XG4gICAgICBsZWZ0OiAtNTAlO1xuICAgICAgd2lkdGg6IDIwMCU7XG4gICAgICBoZWlnaHQ6IDIwMCU7XG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEyMGRlZyxcbiAgICAgICAgcmdiYSgyNTUsIDIxNSwgMCwgMC4yNSkgMjAlLFxuICAgICAgICByZ2JhKDI1NSwgMjIzLCAxMDAsIDAuMzUpIDQwJSxcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE1KSA1MCUsXG4gICAgICAgIHRyYW5zcGFyZW50IDEwMCVcbiAgICAgICk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC4zcyBlYXNlO1xuICAgICAgei1pbmRleDogMTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMDMpO1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgYW5pbWF0aW9uOiBzaGluZSAxLjJzIGVhc2UgZm9yd2FyZHM7XG4gICAgICB9XG4gICAgfVxuICAgIEBrZXlmcmFtZXMgc2hpbmUge1xuICAgICAgZnJvbSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSByb3RhdGUoMjVkZWcpO1xuICAgICAgfVxuICAgICAgdG8ge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgICAgIDogJyd9XG5gO1xuIl19 */"));
|
|
63
|
+
};
|
|
@@ -4,11 +4,11 @@ import { TinyBlocks } from '@codecademy/gamut-illustrations';
|
|
|
4
4
|
import { Background } from '@codecademy/gamut-styles';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { useContext, useEffect, useRef } from 'react';
|
|
7
|
-
import {
|
|
7
|
+
import { HeaderQuizContext } from '../../../GlobalHeader';
|
|
8
8
|
import { careerPaths, getTopSubjects, liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
|
|
9
9
|
import { DescriptionSectionContainer, LayoutGridAntiAliased, useMegaMenuHeaderResponsiveStyles } from '../../shared';
|
|
10
10
|
import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
|
|
11
|
-
import { BannerAnchor,
|
|
11
|
+
import { BannerAnchor, StyledAnchorColumn, StyledColumn, StyledFillButton, SubjectAnchor, topicWrapperProps, useBannerResponsiveStyles } from './elements';
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
13
|
const quizAnchorData = {
|
|
14
14
|
text: 'Take our quiz',
|
|
@@ -53,7 +53,6 @@ export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
|
|
|
53
53
|
showOnboardingQuiz,
|
|
54
54
|
showSortingQuiz
|
|
55
55
|
} = useContext(HeaderQuizContext);
|
|
56
|
-
const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
|
|
57
56
|
const tabIndex = isOpen === false ? -1 : 0;
|
|
58
57
|
const styles = useMegaMenuHeaderResponsiveStyles();
|
|
59
58
|
const bannerStyles = useBannerResponsiveStyles();
|
|
@@ -103,7 +102,7 @@ export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
|
|
|
103
102
|
lg: 3
|
|
104
103
|
},
|
|
105
104
|
rowspan: 2,
|
|
106
|
-
children: /*#__PURE__*/_jsx(
|
|
105
|
+
children: /*#__PURE__*/_jsx(Background, {
|
|
107
106
|
...styles,
|
|
108
107
|
px: {
|
|
109
108
|
_: 16,
|
|
@@ -117,7 +116,6 @@ export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
|
|
|
117
116
|
sm: 32
|
|
118
117
|
},
|
|
119
118
|
borderBottom: 1,
|
|
120
|
-
displayGlobalNavRedesign: displayGlobalNavRedesign,
|
|
121
119
|
children: /*#__PURE__*/_jsxs(FlexBox, {
|
|
122
120
|
height: "100%",
|
|
123
121
|
flexDirection: "column",
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const CourseTopicsPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const CareerPathsPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const CertificationPathsPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const LiveLearningPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
/* eslint-disable react/no-array-index-key */
|
|
2
|
+
import { FlexBox, GridBox, Text } from '@codecademy/gamut';
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
const NavPanelSkeleton = ({
|
|
5
|
+
heading,
|
|
6
|
+
description
|
|
7
|
+
}) => {
|
|
8
|
+
return /*#__PURE__*/_jsxs(FlexBox, {
|
|
9
|
+
flexDirection: "column",
|
|
10
|
+
gap: 8,
|
|
11
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
12
|
+
as: "h2",
|
|
13
|
+
variant: "title-sm",
|
|
14
|
+
children: heading
|
|
15
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
16
|
+
children: description
|
|
17
|
+
}), /*#__PURE__*/_jsx(GridBox, {
|
|
18
|
+
gridTemplateColumns: "repeat(3, 1fr)",
|
|
19
|
+
gap: 16,
|
|
20
|
+
children: Array.from({
|
|
21
|
+
length: 12
|
|
22
|
+
}).map((_, index) => /*#__PURE__*/_jsx(FlexBox, {
|
|
23
|
+
width: "100%",
|
|
24
|
+
height: 64,
|
|
25
|
+
px: 4,
|
|
26
|
+
py: 12,
|
|
27
|
+
borderRadius: "md",
|
|
28
|
+
border: 1,
|
|
29
|
+
borderColor: "border-tertiary"
|
|
30
|
+
}, `${index}-box`))
|
|
31
|
+
})]
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
const NavPanelCardBoxSkeleton = ({
|
|
35
|
+
heading,
|
|
36
|
+
description
|
|
37
|
+
}) => {
|
|
38
|
+
return /*#__PURE__*/_jsxs(FlexBox, {
|
|
39
|
+
flexDirection: "column",
|
|
40
|
+
gap: 24,
|
|
41
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
42
|
+
as: "h2",
|
|
43
|
+
variant: "title-sm",
|
|
44
|
+
children: heading
|
|
45
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
46
|
+
children: description
|
|
47
|
+
}), /*#__PURE__*/_jsx(FlexBox, {
|
|
48
|
+
width: "100%",
|
|
49
|
+
gap: 16,
|
|
50
|
+
children: Array.from({
|
|
51
|
+
length: 5
|
|
52
|
+
}).map((_, index) => /*#__PURE__*/_jsx(FlexBox, {
|
|
53
|
+
px: 5.5,
|
|
54
|
+
py: 8,
|
|
55
|
+
height: 32,
|
|
56
|
+
width: "97px",
|
|
57
|
+
borderRadius: "md",
|
|
58
|
+
border: 1,
|
|
59
|
+
borderColor: "border-tertiary"
|
|
60
|
+
}, `${index}-chip`))
|
|
61
|
+
}), /*#__PURE__*/_jsx(FlexBox, {
|
|
62
|
+
gap: 16,
|
|
63
|
+
children: Array.from({
|
|
64
|
+
length: 3
|
|
65
|
+
}).map((_, index) => /*#__PURE__*/_jsx(FlexBox, {
|
|
66
|
+
width: "100%",
|
|
67
|
+
height: "302px",
|
|
68
|
+
borderRadius: "md",
|
|
69
|
+
border: 1,
|
|
70
|
+
borderColor: "border-tertiary"
|
|
71
|
+
}, `${index}-box`))
|
|
72
|
+
})]
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
export const CourseTopicsPanel = () => {
|
|
76
|
+
return /*#__PURE__*/_jsx(NavPanelSkeleton, {
|
|
77
|
+
heading: "Course topics",
|
|
78
|
+
description: "Explore the topics covered in our courses"
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
export const CareerPathsPanel = () => {
|
|
82
|
+
return /*#__PURE__*/_jsx(NavPanelCardBoxSkeleton, {
|
|
83
|
+
heading: "Career paths",
|
|
84
|
+
description: "Explore the career paths available in our courses"
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
export const CertificationPathsPanel = () => {
|
|
88
|
+
return /*#__PURE__*/_jsx(NavPanelSkeleton, {
|
|
89
|
+
heading: "Certification paths",
|
|
90
|
+
description: "Explore the certification paths available in our courses"
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
export const LiveLearningPanel = () => {
|
|
94
|
+
return /*#__PURE__*/_jsx(NavPanelSkeleton, {
|
|
95
|
+
heading: "Live learning",
|
|
96
|
+
description: "Explore the live learning opportunities available in our courses"
|
|
97
|
+
});
|
|
98
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { GamutIconProps } from '@codecademy/gamut-icons';
|
|
2
|
+
import React, { PropsWithChildren } from 'react';
|
|
3
|
+
import { AppHeaderCatalogDropdownItem } from '../../shared';
|
|
4
|
+
type NavSectionProps = PropsWithChildren & {
|
|
5
|
+
activeTab: number;
|
|
6
|
+
item: AppHeaderCatalogDropdownItem;
|
|
7
|
+
setActiveTab: (tab: number) => void;
|
|
8
|
+
icon?: React.ComponentType<GamutIconProps>;
|
|
9
|
+
text: string;
|
|
10
|
+
index: number;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
tabIndex?: number;
|
|
13
|
+
};
|
|
14
|
+
declare const NavSection: ({ activeTab, setActiveTab, icon: Icon, text, index, children, item, tabIndex, }: NavSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default NavSection;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { Box, FlexBox } from '@codecademy/gamut';
|
|
3
|
+
import { ArrowChevronRightIcon } from '@codecademy/gamut-icons';
|
|
4
|
+
import { theme } from '@codecademy/gamut-styles';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
+
const NavPanelContainer = /*#__PURE__*/_styled(Box, {
|
|
9
|
+
target: "e1j23yaz1",
|
|
10
|
+
label: "NavPanelContainer"
|
|
11
|
+
})("display:", ({
|
|
12
|
+
isActive
|
|
13
|
+
}) => isActive ? 'block' : 'none', ";grid-column:3;grid-row:1/span 4;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50L05hdlNlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CNEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQvTmF2U2VjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIEdhbXV0SWNvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgYWN0aXZlVGFiOiBudW1iZXI7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW07XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNBY3RpdmU6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuICBncmlkLWNvbHVtbjogMztcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDQ7XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNBY3RpdmU6IGJvb2xlYW47IGluZGV4OiBudW1iZXIgfT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6ICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfWAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAyNjRweDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1ob3ZlciddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBhY3RpdmVUYWIsXG4gIHNldEFjdGl2ZVRhYixcbiAgaWNvbjogSWNvbixcbiAgdGV4dCxcbiAgaW5kZXgsXG4gIGNoaWxkcmVuLFxuICBpdGVtLFxuICB0YWJJbmRleCxcbn06IE5hdlNlY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBpc0FjdGl2ZT17YWN0aXZlVGFiID09PSBpbmRleH1cbiAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pO1xuICAgICAgICAgIHNldEFjdGl2ZVRhYihpbmRleCk7XG4gICAgICAgIH19XG4gICAgICAgIGRhdGEtdGVzdGlkPXtgbmF2LXNlY3Rpb24tJHtpdGVtLmlkfWB9XG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FjdGl2ZVRhYiA9PT0gaW5kZXh9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge0ljb24gJiYgPEljb24gLz59XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBpZD1cImFycm93LWNoZXZyb24tcmlnaHQtaWNvblwiIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyIGlzQWN0aXZlPXthY3RpdmVUYWIgPT09IGluZGV4fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9OYXZQYW5lbENvbnRhaW5lcj5cbiAgICA8Lz5cbiAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
|
|
14
|
+
const StyledButton = /*#__PURE__*/_styled("button", {
|
|
15
|
+
target: "e1j23yaz0",
|
|
16
|
+
label: "StyledButton"
|
|
17
|
+
})("grid-column:1;grid-row:", ({
|
|
18
|
+
index
|
|
19
|
+
}) => index + 1, ";padding:16px;border:", ({
|
|
20
|
+
isActive
|
|
21
|
+
}) => isActive ? `1px solid ${theme.colors['border-tertiary']}` : 'none', ";border-radius:8px;background:none;cursor:pointer;font-size:18px;font-weight:400;color:", ({
|
|
22
|
+
theme
|
|
23
|
+
}) => theme.colors.text, ";text-align:left;width:264px;height:60px;display:flex;justify-content:space-between;align-items:center;#arrow-chevron-right-icon{display:", ({
|
|
24
|
+
isActive
|
|
25
|
+
}) => isActive ? 'block' : 'none', ";}&:hover,&:focus{background-color:", ({
|
|
26
|
+
theme
|
|
27
|
+
}) => theme.colors['background-hover'], ";color:", ({
|
|
28
|
+
theme
|
|
29
|
+
}) => theme.colors.primary, ";#arrow-chevron-right-icon{display:block;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50L05hdlNlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCd0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnQvTmF2U2VjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEZsZXhCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd0NoZXZyb25SaWdodEljb24sIEdhbXV0SWNvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgYWN0aXZlVGFiOiBudW1iZXI7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW07XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNBY3RpdmU6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuICBncmlkLWNvbHVtbjogMztcbiAgZ3JpZC1yb3c6IDEgLyBzcGFuIDQ7XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNBY3RpdmU6IGJvb2xlYW47IGluZGV4OiBudW1iZXIgfT5gXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleCArIDF9O1xuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXI6ICR7KHsgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfWAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAyNjRweDtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1ob3ZlciddfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgI2Fycm93LWNoZXZyb24tcmlnaHQtaWNvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBhY3RpdmVUYWIsXG4gIHNldEFjdGl2ZVRhYixcbiAgaWNvbjogSWNvbixcbiAgdGV4dCxcbiAgaW5kZXgsXG4gIGNoaWxkcmVuLFxuICBpdGVtLFxuICB0YWJJbmRleCxcbn06IE5hdlNlY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBpc0FjdGl2ZT17YWN0aXZlVGFiID09PSBpbmRleH1cbiAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pO1xuICAgICAgICAgIHNldEFjdGl2ZVRhYihpbmRleCk7XG4gICAgICAgIH19XG4gICAgICAgIGRhdGEtdGVzdGlkPXtgbmF2LXNlY3Rpb24tJHtpdGVtLmlkfWB9XG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FjdGl2ZVRhYiA9PT0gaW5kZXh9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge0ljb24gJiYgPEljb24gLz59XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEFycm93Q2hldnJvblJpZ2h0SWNvbiBpZD1cImFycm93LWNoZXZyb24tcmlnaHQtaWNvblwiIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyIGlzQWN0aXZlPXthY3RpdmVUYWIgPT09IGluZGV4fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9OYXZQYW5lbENvbnRhaW5lcj5cbiAgICA8Lz5cbiAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
|
|
30
|
+
const NavSection = ({
|
|
31
|
+
activeTab,
|
|
32
|
+
setActiveTab,
|
|
33
|
+
icon: Icon,
|
|
34
|
+
text,
|
|
35
|
+
index,
|
|
36
|
+
children,
|
|
37
|
+
item,
|
|
38
|
+
tabIndex
|
|
39
|
+
}) => {
|
|
40
|
+
const {
|
|
41
|
+
globalHeaderItemClick
|
|
42
|
+
} = useGlobalHeaderItemClick();
|
|
43
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
44
|
+
children: [/*#__PURE__*/_jsxs(StyledButton, {
|
|
45
|
+
isActive: activeTab === index,
|
|
46
|
+
index: index,
|
|
47
|
+
onClick: event => {
|
|
48
|
+
globalHeaderItemClick(event, item);
|
|
49
|
+
setActiveTab(index);
|
|
50
|
+
},
|
|
51
|
+
"data-testid": `nav-section-${item.id}`,
|
|
52
|
+
"aria-expanded": activeTab === index,
|
|
53
|
+
tabIndex: tabIndex,
|
|
54
|
+
children: [/*#__PURE__*/_jsxs(FlexBox, {
|
|
55
|
+
gap: 8,
|
|
56
|
+
alignItems: "center",
|
|
57
|
+
children: [Icon && /*#__PURE__*/_jsx(Icon, {}), text]
|
|
58
|
+
}), /*#__PURE__*/_jsx(ArrowChevronRightIcon, {
|
|
59
|
+
id: "arrow-chevron-right-icon"
|
|
60
|
+
})]
|
|
61
|
+
}), /*#__PURE__*/_jsx(NavPanelContainer, {
|
|
62
|
+
isActive: activeTab === index,
|
|
63
|
+
children: children
|
|
64
|
+
})]
|
|
65
|
+
});
|
|
66
|
+
};
|
|
67
|
+
export default NavSection;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { BriefcaseIcon, ProfessionalCertificateIcon, ProgrammingTeamChatIcon, StudyBookIcon } from '@codecademy/gamut-icons';
|
|
2
|
+
import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel } from './NavPanels';
|
|
3
|
+
export const NAV_SECTIONS = [{
|
|
4
|
+
item: {
|
|
5
|
+
icon: StudyBookIcon,
|
|
6
|
+
text: 'Course topics',
|
|
7
|
+
id: 'course-topics',
|
|
8
|
+
type: 'catalog-dropdown',
|
|
9
|
+
trackingTarget: 'topnav_catalog_course_topics'
|
|
10
|
+
},
|
|
11
|
+
panel: CourseTopicsPanel
|
|
12
|
+
}, {
|
|
13
|
+
item: {
|
|
14
|
+
icon: BriefcaseIcon,
|
|
15
|
+
text: 'Career paths',
|
|
16
|
+
id: 'career-paths',
|
|
17
|
+
type: 'catalog-dropdown',
|
|
18
|
+
trackingTarget: 'topnav_catalog_career_paths'
|
|
19
|
+
},
|
|
20
|
+
panel: CareerPathsPanel
|
|
21
|
+
}, {
|
|
22
|
+
item: {
|
|
23
|
+
icon: ProfessionalCertificateIcon,
|
|
24
|
+
text: 'Certification paths',
|
|
25
|
+
id: 'certification-paths',
|
|
26
|
+
type: 'catalog-dropdown',
|
|
27
|
+
trackingTarget: 'topnav_catalog_certification_paths'
|
|
28
|
+
},
|
|
29
|
+
panel: CertificationPathsPanel
|
|
30
|
+
}, {
|
|
31
|
+
item: {
|
|
32
|
+
icon: ProgrammingTeamChatIcon,
|
|
33
|
+
text: 'Live learning',
|
|
34
|
+
id: 'live-learning',
|
|
35
|
+
type: 'catalog-dropdown',
|
|
36
|
+
trackingTarget: 'topnav_catalog_live_learning'
|
|
37
|
+
},
|
|
38
|
+
panel: LiveLearningPanel
|
|
39
|
+
}];
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
import { AppHeaderCatalogDropdownItem } from '../../shared';
|
|
3
|
+
export type AppHeaderCatalogSectionVariantProps = {
|
|
4
|
+
item: AppHeaderCatalogDropdownItem;
|
|
5
|
+
ref?: RefObject<HTMLUListElement>;
|
|
6
|
+
role?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
keyDownEvents?: (event: React.KeyboardEvent) => void;
|
|
9
|
+
isOpen?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const AppHeaderCatalogSectionVariant: React.ForwardRefExoticComponent<Omit<AppHeaderCatalogSectionVariantProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|