@codecademy/brand 3.0.0-alpha.d84718455a.0 → 3.0.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.js

@@ -1,11 +1,25 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
+import _styled from "@emotion/styled/base";
+import { ColorMode } from '@codecademy/gamut-styles';
+import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import * as React from 'react';
+import { GlobalNavRedesignContext } from '../../../GlobalHeader';
 import { AnimatedMegaMenuDropdown } from '../../shared';
 import { AppHeaderCatalogSection } from '../AppHeaderCatalogSection';
+import { AppHeaderCatalogSectionVariant } from '../AppHeaderCatalogSectionVariant';
 import { AppHeaderDropdownProvider } from '../AppHeaderDropdownProvider';
 import { AppHeaderDropdownNavButton } from '../AppHeaderNavButton/AppHeaderDropdownNavButton';
 import { useAppHeaderContext } from '../AppHeaderProvider';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledAnimatedMegaMenuDropdown = /*#__PURE__*/_styled(AnimatedMegaMenuDropdown, {
+  target: "eaa3s9f0",
+  label: "StyledAnimatedMegaMenuDropdown"
+})("left:", ({
+  isAnon,
+  displayGlobalNavRedesign
+}) => displayGlobalNavRedesign ? '-58px' : isAnon ? '-9rem' : '-14rem', ";@media (min-width: 1261px){left:", ({
+  isAnon,
+  displayGlobalNavRedesign
+}) => displayGlobalNavRedesign ? '-152px' : isAnon ? '-9rem' : '-14rem', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QkUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3JNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlcic7XG5pbXBvcnQge1xuICBBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24sXG4gIEFwcEhlYWRlckFjdGlvbixcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24nO1xuaW1wb3J0IHsgQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50IH0gZnJvbSAnLi4vQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25WYXJpYW50JztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXIgfSBmcm9tICcuLi9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uIH0gZnJvbSAnLi4vQXBwSGVhZGVyTmF2QnV0dG9uL0FwcEhlYWRlckRyb3Bkb3duTmF2QnV0dG9uJztcbmltcG9ydCB7IHVzZUFwcEhlYWRlckNvbnRleHQgfSBmcm9tICcuLi9BcHBIZWFkZXJQcm92aWRlcic7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtO1xuICBpc0Fub246IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24gPSBzdHlsZWQoQW5pbWF0ZWRNZWdhTWVudURyb3Bkb3duKTx7XG4gIGlzQW5vbjogYm9vbGVhbjtcbiAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduOiBib29sZWFuO1xufT5gXG4gIGxlZnQ6ICR7KHsgaXNBbm9uLCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gfSkgPT5cbiAgICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAnLTU4cHgnIDogaXNBbm9uID8gJy05cmVtJyA6ICctMTRyZW0nfTtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogMTI2MXB4KSB7XG4gICAgbGVmdDogJHsoeyBpc0Fub24sIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiB9KSA9PlxuICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID8gJy0xNTJweCcgOiBpc0Fub24gPyAnLTlyZW0nIDogJy0xNHJlbSd9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duOiBSZWFjdC5GQzxcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duUHJvcHNcbj4gPSAoeyBhY3Rpb24sIGl0ZW0sIGlzQW5vbiB9KSA9PiB7XG4gIGNvbnN0IHsgdGV4dCB9ID0gaXRlbTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgbGFzdE9wZW5lZERyb3Bkb3duLCBzZXRMYXN0T3BlbmVkRHJvcGRvd24gfSA9IHVzZUFwcEhlYWRlckNvbnRleHQoKTtcblxuICBjb25zdCBmb2N1c0J1dHRvbiA9ICgpID0+IHtcbiAgICBidXR0b25SZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gIH07XG5cbiAgY29uc3QgdG9nZ2xlSXNPcGVuID0gKCkgPT4gc2V0SXNPcGVuKChwcmV2KSA9PiAhcHJldik7XG5cbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIHRvZ2dsZUlzT3BlbigpO1xuXG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIGFjdGlvbihldmVudCwgaXRlbSk7XG4gICAgICBpZiAoc2V0TGFzdE9wZW5lZERyb3Bkb3duKSB7XG4gICAgICAgIHNldExhc3RPcGVuZWREcm9wZG93bih0ZXh0KTtcbiAgICAgIH1cbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBmb2N1c0J1dHRvbigpO1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGFzdE9wZW5lZERyb3Bkb3duICE9PSB0ZXh0ICYmIGlzT3Blbikge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbGFzdE9wZW5lZERyb3Bkb3duXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQ6IE1vdXNlRXZlbnQgfCBFdmVudCkge1xuICAgICAgY29uc3QgY29udGFpbmVyID0gY29udGFpbmVyUmVmPy5jdXJyZW50O1xuICAgICAgY29uc3QgYnV0dG9uID0gYnV0dG9uUmVmPy5jdXJyZW50O1xuICAgICAgaWYgKFxuICAgICAgICBpc09wZW4gJiZcbiAgICAgICAgY29udGFpbmVyICYmXG4gICAgICAgICFjb250YWluZXIuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpICYmXG4gICAgICAgIGJ1dHRvbiAmJlxuICAgICAgICAhYnV0dG9uLmNvbnRhaW5zKGV2ZW50LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGhhbmRsZUNsb3NlKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtjb250YWluZXJSZWYsIGhhbmRsZUNsb3NlLCBpc09wZW5dKTtcbiAgY29uc3QgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduID0gdXNlQ29udGV4dChHbG9iYWxOYXZSZWRlc2lnbkNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPEFwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXIgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlfT5cbiAgICAgIDxBcHBIZWFkZXJEcm9wZG93bk5hdkJ1dHRvblxuICAgICAgICBidXR0b25SZWY9e2J1dHRvblJlZn1cbiAgICAgICAgaGFuZGxlT25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIHRpdGxlPXt0ZXh0fVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd25cbiAgICAgICAgaXNBbm9uPXtpc0Fub259XG4gICAgICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbj17ZGlzcGxheUdsb2JhbE5hdlJlZGVzaWdufVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHRvcDogJzMuNXJlbScsXG4gICAgICAgICAgbWluV2lkdGg6ICc2NHJlbScsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAndHJhbnNwYXJlbnQnIDogJycsXG4gICAgICAgIH19XG4gICAgICAgIGluaXRpYWw9e3sgYm9yZGVyV2lkdGg6IDAsIGhlaWdodDogMCB9fVxuICAgICAgICBhbmltYXRlPXt7XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGlzT3BlbiA/IChkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAwIDogMSkgOiAwLFxuICAgICAgICAgIGhlaWdodDogaXNPcGVuID8gJ2ZpdC1jb250ZW50JyA6IDAsXG4gICAgICAgIH19XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMTc1IH19XG4gICAgICAgIGFyaWEtaGlkZGVuPXshaXNPcGVufVxuICAgICAgICBkYXRhLXRlc3RpZD1cImNhdGFsb2ctbWVudS1kcm9wZG93blwiXG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAoXG4gICAgICAgICAgPENvbG9yTW9kZSBtb2RlPVwibGlnaHRcIj5cbiAgICAgICAgICAgIDxBcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnRcbiAgICAgICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgICAgIGlkPXtgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gfVxuICAgICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db2xvck1vZGU+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uXG4gICAgICAgICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIGlkPXtgbWVudS1jb250YWluZXIke2l0ZW0udGV4dH1gfVxuICAgICAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgICAgICBoYW5kbGVDbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRBbmltYXRlZE1lZ2FNZW51RHJvcGRvd24+XG4gICAgPC9BcHBIZWFkZXJEcm9wZG93blByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */"));
 export const AppHeaderCatalogDropdown = ({
   action,
   item,
@@ -59,6 +73,7 @@ export const AppHeaderCatalogDropdown = ({
       document.removeEventListener('blur', handleClickOutside);
     };
   }, [containerRef, handleClose, isOpen]);
+  const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
   return /*#__PURE__*/_jsxs(AppHeaderDropdownProvider, {
     handleClose: handleClose,
     children: [/*#__PURE__*/_jsx(AppHeaderDropdownNavButton, {
@@ -66,18 +81,20 @@ export const AppHeaderCatalogDropdown = ({
       handleOnClick: handleOnClick,
       isOpen: isOpen,
       title: text
-    }), /*#__PURE__*/_jsx(AnimatedMegaMenuDropdown, {
+    }), /*#__PURE__*/_jsx(StyledAnimatedMegaMenuDropdown, {
+      isAnon: isAnon,
+      displayGlobalNavRedesign: displayGlobalNavRedesign,
       style: {
         top: '3.5rem',
         minWidth: '64rem',
-        left: isAnon ? '-9rem' : '-14rem'
+        backgroundColor: displayGlobalNavRedesign ? 'transparent' : ''
       },
       initial: {
         borderWidth: 0,
         height: 0
       },
       animate: {
-        borderWidth: isOpen ? 1 : 0,
+        borderWidth: isOpen ? displayGlobalNavRedesign ? 0 : 1 : 0,
         height: isOpen ? 'fit-content' : 0
       },
       transition: {
@@ -85,7 +102,15 @@ export const AppHeaderCatalogDropdown = ({
       },
       "aria-hidden": !isOpen,
       "data-testid": "catalog-menu-dropdown",
-      children: /*#__PURE__*/_jsx(AppHeaderCatalogSection, {
+      children: displayGlobalNavRedesign ? /*#__PURE__*/_jsx(ColorMode, {
+        mode: "light",
+        children: /*#__PURE__*/_jsx(AppHeaderCatalogSectionVariant, {
+          item: item,
+          ref: containerRef,
+          id: `menu-container${item.text}`,
+          isOpen: isOpen
+        })
+      }) : /*#__PURE__*/_jsx(AppHeaderCatalogSection, {
         action: action,
         item: item,
         ref: containerRef,

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/elements.d.ts

@@ -90,8 +90,3 @@ export declare const useBannerResponsiveStyles: () => {
     bg: Colors;
     color: Colors;
 };
-export declare const FunBackground: import("@emotion/styled").StyledComponent<Omit<import("@codecademy/gamut-styles").BackgroundProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    displayGlobalNavRedesign: boolean;
-}, {}, {}>;

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/elements.js

@@ -1,24 +1,24 @@
 import _styled from "@emotion/styled/base";
 import { Anchor, Column, FillButton } from '@codecademy/gamut';
-import { Background, css, useCurrentMode } from '@codecademy/gamut-styles';
+import { css, useCurrentMode } from '@codecademy/gamut-styles';
 export const StyledColumn = /*#__PURE__*/_styled(Column, {
-  target: "e3x9tsc5",
+  target: "e3x9tsc4",
   label: "StyledColumn"
 })(css({
   borderBottom: 1,
   borderColor: 'border-primary'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQmFja2dyb3VuZCxcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgYm9yZGVyQm90dG9tOiAxLFxuICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuY2hvckNvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIHBiOiAxNixcbiAgICAnJjpsYXN0LWNoaWxkJzoge1xuICAgICAgcGI6IDAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGaWxsQnV0dG9uID0gc3R5bGVkKEZpbGxCdXR0b24pKFxuICBjc3Moe1xuICAgIG1heFdpZHRoOiAxNzAsXG4gICAgbXQ6IHsgXzogMTYsIGxnOiA5NiB9LFxuICAgIHRleHRBbGlnbjogeyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN1YmplY3RBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZm9udFNpemU6IDE2LFxuICAgIGZvbnRXZWlnaHQ6IDcwMCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCB0b3BpY1dyYXBwZXJQcm9wcyA9IHsgYXM6ICdsaScsIHdpZHRoOiAnMTJyZW0nIH0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCB1c2VCYW5uZXJSZXNwb25zaXZlU3R5bGVzID0gKCk6IHtcbiAgYmc6IENvbG9ycztcbiAgY29sb3I6IENvbG9ycztcbn0gPT4ge1xuICBjb25zdCBtb2RlID0gdXNlQ3VycmVudE1vZGUoKTtcblxuICBjb25zdCBiZyA9IG1vZGUgPT09ICdkYXJrJyA/ICduYXZ5LTkwMCcgOiAncGFsZVllbGxvdyc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTkwMCc7XG5cbiAgcmV0dXJuIHsgYmcsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgRnVuQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbjtcbn0+YFxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5kaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ25cbiAgICAgID8gYFxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2U7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IC01MCU7XG4gICAgICBsZWZ0OiAtNTAlO1xuICAgICAgd2lkdGg6IDIwMCU7XG4gICAgICBoZWlnaHQ6IDIwMCU7XG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEyMGRlZyxcbiAgICAgICAgcmdiYSgyNTUsIDIxNSwgMCwgMC4yNSkgMjAlLFxuICAgICAgICByZ2JhKDI1NSwgMjIzLCAxMDAsIDAuMzUpIDQwJSxcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE1KSA1MCUsXG4gICAgICAgIHRyYW5zcGFyZW50IDEwMCVcbiAgICAgICk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC4zcyBlYXNlO1xuICAgICAgei1pbmRleDogMTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMDMpO1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgYW5pbWF0aW9uOiBzaGluZSAxLjJzIGVhc2UgZm9yd2FyZHM7XG4gICAgICB9XG4gICAgfVxuICAgIEBrZXlmcmFtZXMgc2hpbmUge1xuICAgICAgZnJvbSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSByb3RhdGUoMjVkZWcpO1xuICAgICAgfVxuICAgICAgdG8ge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgICAgIDogJyd9XG5gO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JzLCBjc3MsIHVzZUN1cnJlbnRNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcbiJdfQ== */");
 export const StyledAnchorColumn = /*#__PURE__*/_styled(Column, {
-  target: "e3x9tsc4",
+  target: "e3x9tsc3",
   label: "StyledAnchorColumn"
 })(css({
   pb: 16,
   '&:last-child': {
     pb: 0
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEJhY2tncm91bmQsXG4gIENvbG9ycyxcbiAgY3NzLFxuICB1c2VDdXJyZW50TW9kZSxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcblxuZXhwb3J0IGNvbnN0IEZ1bkJhY2tncm91bmQgPSBzdHlsZWQoQmFja2dyb3VuZCk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG59PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduXG4gICAgICA/IGBcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAtNTAlO1xuICAgICAgbGVmdDogLTUwJTtcbiAgICAgIHdpZHRoOiAyMDAlO1xuICAgICAgaGVpZ2h0OiAyMDAlO1xuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMjBkZWcsXG4gICAgICAgIHJnYmEoMjU1LCAyMTUsIDAsIDAuMjUpIDIwJSxcbiAgICAgICAgcmdiYSgyNTUsIDIyMywgMTAwLCAwLjM1KSA0MCUsXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNSkgNTAlLFxuICAgICAgICB0cmFuc3BhcmVudCAxMDAlXG4gICAgICApO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpIHJvdGF0ZSgyNWRlZyk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgfVxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjAzKTtcbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIGFuaW1hdGlvbjogc2hpbmUgMS4ycyBlYXNlIGZvcndhcmRzO1xuICAgICAgfVxuICAgIH1cbiAgICBAa2V5ZnJhbWVzIHNoaW5lIHtcbiAgICAgIGZyb20ge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIH1cbiAgICAgIHRvIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApIHJvdGF0ZSgyNWRlZyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gICAgICA6ICcnfVxuYDtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ29sb3JzLCBjc3MsIHVzZUN1cnJlbnRNb2RlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcbiJdfQ== */");
 export const StyledFillButton = /*#__PURE__*/_styled(FillButton, {
-  target: "e3x9tsc3",
+  target: "e3x9tsc2",
   label: "StyledFillButton"
 })(css({
   maxWidth: 170,
@@ -30,24 +30,24 @@ export const StyledFillButton = /*#__PURE__*/_styled(FillButton, {
     _: 'center',
     md: 'left'
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCZ0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEJhY2tncm91bmQsXG4gIENvbG9ycyxcbiAgY3NzLFxuICB1c2VDdXJyZW50TW9kZSxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcblxuZXhwb3J0IGNvbnN0IEZ1bkJhY2tncm91bmQgPSBzdHlsZWQoQmFja2dyb3VuZCk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG59PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduXG4gICAgICA/IGBcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAtNTAlO1xuICAgICAgbGVmdDogLTUwJTtcbiAgICAgIHdpZHRoOiAyMDAlO1xuICAgICAgaGVpZ2h0OiAyMDAlO1xuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMjBkZWcsXG4gICAgICAgIHJnYmEoMjU1LCAyMTUsIDAsIDAuMjUpIDIwJSxcbiAgICAgICAgcmdiYSgyNTUsIDIyMywgMTAwLCAwLjM1KSA0MCUsXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNSkgNTAlLFxuICAgICAgICB0cmFuc3BhcmVudCAxMDAlXG4gICAgICApO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpIHJvdGF0ZSgyNWRlZyk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgfVxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjAzKTtcbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIGFuaW1hdGlvbjogc2hpbmUgMS4ycyBlYXNlIGZvcndhcmRzO1xuICAgICAgfVxuICAgIH1cbiAgICBAa2V5ZnJhbWVzIHNoaW5lIHtcbiAgICAgIGZyb20ge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIH1cbiAgICAgIHRvIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApIHJvdGF0ZSgyNWRlZyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gICAgICA6ICcnfVxuYDtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
 export const SubjectAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e3x9tsc2",
+  target: "e3x9tsc1",
   label: "SubjectAnchor"
 })(css({
   alignContent: 'center',
   alignItems: 'center',
   display: 'flex'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEJhY2tncm91bmQsXG4gIENvbG9ycyxcbiAgY3NzLFxuICB1c2VDdXJyZW50TW9kZSxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcblxuZXhwb3J0IGNvbnN0IEZ1bkJhY2tncm91bmQgPSBzdHlsZWQoQmFja2dyb3VuZCk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG59PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduXG4gICAgICA/IGBcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAtNTAlO1xuICAgICAgbGVmdDogLTUwJTtcbiAgICAgIHdpZHRoOiAyMDAlO1xuICAgICAgaGVpZ2h0OiAyMDAlO1xuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMjBkZWcsXG4gICAgICAgIHJnYmEoMjU1LCAyMTUsIDAsIDAuMjUpIDIwJSxcbiAgICAgICAgcmdiYSgyNTUsIDIyMywgMTAwLCAwLjM1KSA0MCUsXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNSkgNTAlLFxuICAgICAgICB0cmFuc3BhcmVudCAxMDAlXG4gICAgICApO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpIHJvdGF0ZSgyNWRlZyk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgfVxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjAzKTtcbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIGFuaW1hdGlvbjogc2hpbmUgMS4ycyBlYXNlIGZvcndhcmRzO1xuICAgICAgfVxuICAgIH1cbiAgICBAa2V5ZnJhbWVzIHNoaW5lIHtcbiAgICAgIGZyb20ge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIH1cbiAgICAgIHRvIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApIHJvdGF0ZSgyNWRlZyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gICAgICA6ICcnfVxuYDtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
 export const BannerAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e3x9tsc1",
+  target: "e3x9tsc0",
   label: "BannerAnchor"
 })(css({
   alignItems: 'center',
   display: 'flex',
   fontSize: 16,
   fontWeight: 700
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDNEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEJhY2tncm91bmQsXG4gIENvbG9ycyxcbiAgY3NzLFxuICB1c2VDdXJyZW50TW9kZSxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIGJvcmRlckJvdHRvbTogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmNob3JDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBwYjogMTYsXG4gICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgIHBiOiAwLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsbEJ1dHRvbiA9IHN0eWxlZChGaWxsQnV0dG9uKShcbiAgY3NzKHtcbiAgICBtYXhXaWR0aDogMTcwLFxuICAgIG10OiB7IF86IDE2LCBsZzogOTYgfSxcbiAgICB0ZXh0QWxpZ246IHsgXzogJ2NlbnRlcicsIG1kOiAnbGVmdCcgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0QW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25Db250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgQmFubmVyQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplOiAxNixcbiAgICBmb250V2VpZ2h0OiA3MDAsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgdG9waWNXcmFwcGVyUHJvcHMgPSB7IGFzOiAnbGknLCB3aWR0aDogJzEycmVtJyB9IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyUmVzcG9uc2l2ZVN0eWxlcyA9ICgpOiB7XG4gIGJnOiBDb2xvcnM7XG4gIGNvbG9yOiBDb2xvcnM7XG59ID0+IHtcbiAgY29uc3QgbW9kZSA9IHVzZUN1cnJlbnRNb2RlKCk7XG5cbiAgY29uc3QgYmcgPSBtb2RlID09PSAnZGFyaycgPyAnbmF2eS05MDAnIDogJ3BhbGVZZWxsb3cnO1xuICBjb25zdCBjb2xvciA9IG1vZGUgPT09ICdkYXJrJyA/ICd3aGl0ZScgOiAnbmF2eS05MDAnO1xuXG4gIHJldHVybiB7IGJnLCBjb2xvciB9O1xufTtcblxuZXhwb3J0IGNvbnN0IEZ1bkJhY2tncm91bmQgPSBzdHlsZWQoQmFja2dyb3VuZCk8e1xuICBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ246IGJvb2xlYW47XG59PmBcbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduXG4gICAgICA/IGBcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAtNTAlO1xuICAgICAgbGVmdDogLTUwJTtcbiAgICAgIHdpZHRoOiAyMDAlO1xuICAgICAgaGVpZ2h0OiAyMDAlO1xuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMjBkZWcsXG4gICAgICAgIHJnYmEoMjU1LCAyMTUsIDAsIDAuMjUpIDIwJSxcbiAgICAgICAgcmdiYSgyNTUsIDIyMywgMTAwLCAwLjM1KSA0MCUsXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNSkgNTAlLFxuICAgICAgICB0cmFuc3BhcmVudCAxMDAlXG4gICAgICApO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpIHJvdGF0ZSgyNWRlZyk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgfVxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjAzKTtcbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIGFuaW1hdGlvbjogc2hpbmUgMS4ycyBlYXNlIGZvcndhcmRzO1xuICAgICAgfVxuICAgIH1cbiAgICBAa2V5ZnJhbWVzIHNoaW5lIHtcbiAgICAgIGZyb20ge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIH1cbiAgICAgIHRvIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApIHJvdGF0ZSgyNWRlZyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gICAgICA6ICcnfVxuYDtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DNEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbi9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIENvbHVtbiwgRmlsbEJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENvbG9ycywgY3NzLCB1c2VDdXJyZW50TW9kZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2x1bW4gPSBzdHlsZWQoQ29sdW1uKShcbiAgY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQW5jaG9yQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgcGI6IDE2LFxuICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICBwYjogMCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpbGxCdXR0b24gPSBzdHlsZWQoRmlsbEJ1dHRvbikoXG4gIGNzcyh7XG4gICAgbWF4V2lkdGg6IDE3MCxcbiAgICBtdDogeyBfOiAxNiwgbGc6IDk2IH0sXG4gICAgdGV4dEFsaWduOiB7IF86ICdjZW50ZXInLCBtZDogJ2xlZnQnIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduQ29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEJhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZTogMTYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IHRvcGljV3JhcHBlclByb3BzID0geyBhczogJ2xpJywgd2lkdGg6ICcxMnJlbScgfSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHVzZUJhbm5lclJlc3BvbnNpdmVTdHlsZXMgPSAoKToge1xuICBiZzogQ29sb3JzO1xuICBjb2xvcjogQ29sb3JzO1xufSA9PiB7XG4gIGNvbnN0IG1vZGUgPSB1c2VDdXJyZW50TW9kZSgpO1xuXG4gIGNvbnN0IGJnID0gbW9kZSA9PT0gJ2RhcmsnID8gJ25hdnktOTAwJyA6ICdwYWxlWWVsbG93JztcbiAgY29uc3QgY29sb3IgPSBtb2RlID09PSAnZGFyaycgPyAnd2hpdGUnIDogJ25hdnktOTAwJztcblxuICByZXR1cm4geyBiZywgY29sb3IgfTtcbn07XG4iXX0= */");
 export const topicWrapperProps = {
   as: 'li',
   width: '12rem'
@@ -60,48 +60,4 @@ export const useBannerResponsiveStyles = () => {
     bg,
     color
   };
-};
-export const FunBackground = /*#__PURE__*/_styled(Background, {
-  target: "e3x9tsc0",
-  label: "FunBackground"
-})(props => props.displayGlobalNavRedesign ? `
-    transition: transform 0.3s ease;
-    position: relative;
-    overflow: hidden;
-
-    &::before {
-      content: '';
-      position: absolute;
-      top: -50%;
-      left: -50%;
-      width: 200%;
-      height: 200%;
-      background: linear-gradient(
-        120deg,
-        rgba(255, 215, 0, 0.25) 20%,
-        rgba(255, 223, 100, 0.35) 40%,
-        rgba(255, 255, 255, 0.15) 50%,
-        transparent 100%
-      );
-      transform: translateX(100%) rotate(25deg);
-      pointer-events: none;
-      opacity: 0;
-      transition: opacity 0.3s ease;
-      z-index: 1;
-    }
-    &:hover {
-      transform: scale(1.03);
-      &::before {
-        opacity: 1;
-        animation: shine 1.2s ease forwards;
-      }
-    }
-    @keyframes shine {
-      from {
-        transform: translateX(100%) rotate(25deg);
-      }
-      to {
-        transform: translateX(0) rotate(25deg);
-      }
-    }
-  ` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb24vZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQ29sdW1uLCBGaWxsQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHtcbiAgQmFja2dyb3VuZCxcbiAgQ29sb3JzLFxuICBjc3MsXG4gIHVzZUN1cnJlbnRNb2RlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sdW1uID0gc3R5bGVkKENvbHVtbikoXG4gIGNzcyh7XG4gICAgYm9yZGVyQm90dG9tOiAxLFxuICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuY2hvckNvbHVtbiA9IHN0eWxlZChDb2x1bW4pKFxuICBjc3Moe1xuICAgIHBiOiAxNixcbiAgICAnJjpsYXN0LWNoaWxkJzoge1xuICAgICAgcGI6IDAsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGaWxsQnV0dG9uID0gc3R5bGVkKEZpbGxCdXR0b24pKFxuICBjc3Moe1xuICAgIG1heFdpZHRoOiAxNzAsXG4gICAgbXQ6IHsgXzogMTYsIGxnOiA5NiB9LFxuICAgIHRleHRBbGlnbjogeyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN1YmplY3RBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZm9udFNpemU6IDE2LFxuICAgIGZvbnRXZWlnaHQ6IDcwMCxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCB0b3BpY1dyYXBwZXJQcm9wcyA9IHsgYXM6ICdsaScsIHdpZHRoOiAnMTJyZW0nIH0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCB1c2VCYW5uZXJSZXNwb25zaXZlU3R5bGVzID0gKCk6IHtcbiAgYmc6IENvbG9ycztcbiAgY29sb3I6IENvbG9ycztcbn0gPT4ge1xuICBjb25zdCBtb2RlID0gdXNlQ3VycmVudE1vZGUoKTtcblxuICBjb25zdCBiZyA9IG1vZGUgPT09ICdkYXJrJyA/ICduYXZ5LTkwMCcgOiAncGFsZVllbGxvdyc7XG4gIGNvbnN0IGNvbG9yID0gbW9kZSA9PT0gJ2RhcmsnID8gJ3doaXRlJyA6ICduYXZ5LTkwMCc7XG5cbiAgcmV0dXJuIHsgYmcsIGNvbG9yIH07XG59O1xuXG5leHBvcnQgY29uc3QgRnVuQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbjtcbn0+YFxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5kaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ25cbiAgICAgID8gYFxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2U7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IC01MCU7XG4gICAgICBsZWZ0OiAtNTAlO1xuICAgICAgd2lkdGg6IDIwMCU7XG4gICAgICBoZWlnaHQ6IDIwMCU7XG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEyMGRlZyxcbiAgICAgICAgcmdiYSgyNTUsIDIxNSwgMCwgMC4yNSkgMjAlLFxuICAgICAgICByZ2JhKDI1NSwgMjIzLCAxMDAsIDAuMzUpIDQwJSxcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE1KSA1MCUsXG4gICAgICAgIHRyYW5zcGFyZW50IDEwMCVcbiAgICAgICk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC4zcyBlYXNlO1xuICAgICAgei1pbmRleDogMTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMDMpO1xuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgYW5pbWF0aW9uOiBzaGluZSAxLjJzIGVhc2UgZm9yd2FyZHM7XG4gICAgICB9XG4gICAgfVxuICAgIEBrZXlmcmFtZXMgc2hpbmUge1xuICAgICAgZnJvbSB7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSByb3RhdGUoMjVkZWcpO1xuICAgICAgfVxuICAgICAgdG8ge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgcm90YXRlKDI1ZGVnKTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgICAgIDogJyd9XG5gO1xuIl19 */"));
+};

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSection/index.js

@@ -4,11 +4,11 @@ import { TinyBlocks } from '@codecademy/gamut-illustrations';
 import { Background } from '@codecademy/gamut-styles';
 import * as React from 'react';
 import { useContext, useEffect, useRef } from 'react';
-import { GlobalNavRedesignContext, HeaderQuizContext } from '../../../GlobalHeader';
+import { HeaderQuizContext } from '../../../GlobalHeader';
 import { careerPaths, getTopSubjects, liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
 import { DescriptionSectionContainer, LayoutGridAntiAliased, useMegaMenuHeaderResponsiveStyles } from '../../shared';
 import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
-import { BannerAnchor, FunBackground, StyledAnchorColumn, StyledColumn, StyledFillButton, SubjectAnchor, topicWrapperProps, useBannerResponsiveStyles } from './elements';
+import { BannerAnchor, StyledAnchorColumn, StyledColumn, StyledFillButton, SubjectAnchor, topicWrapperProps, useBannerResponsiveStyles } from './elements';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const quizAnchorData = {
   text: 'Take our quiz',
@@ -53,7 +53,6 @@ export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
     showOnboardingQuiz,
     showSortingQuiz
   } = useContext(HeaderQuizContext);
-  const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
   const tabIndex = isOpen === false ? -1 : 0;
   const styles = useMegaMenuHeaderResponsiveStyles();
   const bannerStyles = useBannerResponsiveStyles();
@@ -103,7 +102,7 @@ export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
             lg: 3
           },
           rowspan: 2,
-          children: /*#__PURE__*/_jsx(FunBackground, {
+          children: /*#__PURE__*/_jsx(Background, {
             ...styles,
             px: {
               _: 16,
@@ -117,7 +116,6 @@ export const AppHeaderCatalogSection = /*#__PURE__*/React.forwardRef(({
               sm: 32
             },
             borderBottom: 1,
-            displayGlobalNavRedesign: displayGlobalNavRedesign,
             children: /*#__PURE__*/_jsxs(FlexBox, {
               height: "100%",
               flexDirection: "column",

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.d.ts

@@ -0,0 +1,10 @@
+type NavPanelProps = {
+    tabIndex?: number;
+};
+export declare const CourseTopicsPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CareerPathCard: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CareerPathsPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SkillPathsPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CertificationPathsPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LiveLearningPanel: ({ tabIndex }: NavPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavPanels.js

@@ -0,0 +1,272 @@
+/* eslint-disable react/no-array-index-key */
+import { Anchor, Box, Card, FlexBox, GridBox, Text, TextButton } from '@codecademy/gamut';
+import { LevelIcon, MiniArrowRightIcon } from '@codecademy/gamut-icons';
+import { theme } from '@codecademy/gamut-styles';
+import { CourseDifficulty } from '../../../ContentGroupBaseCard/types';
+import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
+import { liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
+import { AppHeaderDietCard } from '../AppHeaderDietCard';
+import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const CourseTopicsPanel = ({
+  tabIndex = 0
+}) => {
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  return /*#__PURE__*/_jsx(PanelLayout, {
+    heading: "Course topics",
+    description: "Explore the topics covered in our courses",
+    linkItem: {
+      type: 'link',
+      href: '/catalog?type=course',
+      text: 'View all courses',
+      trackingTarget: 'catalog-header-view-all-courses',
+      id: 'view-all-courses'
+    },
+    tabIndex: tabIndex,
+    children: /*#__PURE__*/_jsx(FlexBox, {
+      flexDirection: {
+        _: 'column',
+        lg: 'row'
+      },
+      wrap: true,
+      gap: 16,
+      children: topLanguages.map(item => /*#__PURE__*/_jsx(Anchor, {
+        variant: "interface",
+        href: item.href,
+        onClick: event => globalHeaderItemClick(event, item),
+        tabIndex: tabIndex,
+        children: /*#__PURE__*/_jsxs(FlexBox, {
+          width: "281px",
+          height: 48,
+          px: 16,
+          py: 8,
+          borderRadius: "md",
+          border: 1,
+          borderColor: "border-tertiary",
+          alignItems: "center",
+          children: [item.text, item.badge]
+        }, `${item.id}`)
+      }, `${item.id}`))
+    })
+  });
+};
+export const CareerPathCard = ({
+  tabIndex = 0
+}) => {
+  return /*#__PURE__*/_jsx(AppHeaderDietCard, {
+    title: "Full-Stack Engineer",
+    hours: 150,
+    icon: /*#__PURE__*/_jsx(LevelIcon, {}),
+    difficulty: CourseDifficulty.Beginner,
+    tabIndex: tabIndex
+  });
+};
+export const CareerPathsPanel = ({
+  tabIndex = 0
+}) => {
+  return /*#__PURE__*/_jsx(PanelLayout, {
+    heading: "Popular career paths",
+    description: "Career paths teach you exactly what you need to start a new career. Curated by our team of experts, career paths contain a collection of courses, projects, prep for technical interviews, and more.",
+    linkItem: {
+      type: 'link',
+      href: '/catalog?type=career-path',
+      text: 'View all career paths',
+      trackingTarget: 'catalog-header-view-all-career-paths',
+      id: 'view-all-career-paths'
+    },
+    tabIndex: tabIndex,
+    children: /*#__PURE__*/_jsx(GridBox, {
+      gridTemplateColumns: {
+        _: '1fr',
+        md: 'repeat(3, 1fr)'
+      },
+      gap: 16,
+      children: Array.from({
+        length: 6
+      }).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {
+        tabIndex: tabIndex
+      }, `${index}-card`))
+    })
+  });
+};
+export const SkillPathsPanel = ({
+  tabIndex = 0
+}) => {
+  return /*#__PURE__*/_jsx(PanelLayout, {
+    heading: "Skill paths",
+    description: "Build a specific skill fast with a short, curated path.",
+    linkItem: {
+      type: 'link',
+      href: '/catalog?type=skill-path',
+      text: 'View all skill paths',
+      trackingTarget: 'catalog-header-view-all-skill-paths',
+      id: 'view-all-skill-paths'
+    },
+    tabIndex: tabIndex,
+    children: /*#__PURE__*/_jsx(GridBox, {
+      gridTemplateColumns: {
+        _: '1fr',
+        md: 'repeat(3, 1fr)'
+      },
+      gap: 16,
+      children: Array.from({
+        length: 6
+      }).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {
+        tabIndex: tabIndex
+      }, `${index}-card`))
+    })
+  });
+};
+const providers = ['AWS', 'Microsoft', 'Google', 'COMPTIA', 'ISC2'];
+const ProviderChip = ({
+  text,
+  href,
+  tabIndex
+}) => {
+  return /*#__PURE__*/_jsx(Anchor, {
+    href: href,
+    variant: "interface",
+    tabIndex: tabIndex,
+    children: /*#__PURE__*/_jsx(FlexBox, {
+      border: 1,
+      borderColor: "border-secondary",
+      borderRadius: "md",
+      py: 1.5,
+      px: 8,
+      children: /*#__PURE__*/_jsx(Text, {
+        children: text
+      })
+    })
+  }, text);
+};
+export const CertificationPathsPanel = ({
+  tabIndex = 0
+}) => {
+  return /*#__PURE__*/_jsxs(PanelLayout, {
+    heading: "Certification paths",
+    description: "Get ready for certification exams with guided learning paths.",
+    linkItem: {
+      type: 'link',
+      href: '/catalog?type=certification-path',
+      text: 'View all certification paths',
+      trackingTarget: 'catalog-header-view-all-certification-paths',
+      id: 'view-all-certification-paths'
+    },
+    tabIndex: tabIndex,
+    children: [/*#__PURE__*/_jsxs(FlexBox, {
+      gap: 8,
+      children: [providers.map(provider => /*#__PURE__*/_jsx(ProviderChip, {
+        text: provider,
+        href: `/search?query=${provider} certifications`,
+        tabIndex: tabIndex
+      }, provider)), /*#__PURE__*/_jsx(ProviderChip, {
+        text: "+ More providers",
+        href: "/catalog/certification-prep",
+        tabIndex: tabIndex
+      }, "more-providers")]
+    }), /*#__PURE__*/_jsx(GridBox, {
+      gridTemplateColumns: {
+        _: '1fr',
+        md: 'repeat(3, 1fr)'
+      },
+      gap: 16,
+      children: Array.from({
+        length: 6
+      }).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {
+        tabIndex: tabIndex
+      }, `${index}-card`))
+    })]
+  });
+};
+export const LiveLearningPanel = ({
+  tabIndex = 0
+}) => {
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  return /*#__PURE__*/_jsx(PanelLayout, {
+    heading: "Live learning",
+    description: "Explore the live learning opportunities available in our courses",
+    linkItem: {
+      type: 'link',
+      href: '/live-learning',
+      text: 'Learn more about live learning',
+      trackingTarget: 'catalog-header-learn-more-about-live-learning',
+      id: 'learn-more-about-live-learning'
+    },
+    tabIndex: tabIndex,
+    children: /*#__PURE__*/_jsx(GridBox, {
+      gridTemplateColumns: {
+        _: '1fr',
+        md: 'repeat(2, 1fr)'
+      },
+      gap: 16,
+      children: liveLearningHubItems.data.map(item => /*#__PURE__*/_jsx(Anchor, {
+        href: item.href,
+        variant: "interface",
+        onClick: event => globalHeaderItemClick(event, item),
+        children: /*#__PURE__*/_jsxs(Card, {
+          isInteractive: true,
+          p: 0,
+          children: [/*#__PURE__*/_jsx(Box, {
+            height: "225px",
+            width: "100%",
+            background: theme.colors['gray-300']
+          }), /*#__PURE__*/_jsxs(FlexBox, {
+            flexDirection: "column",
+            gap: 8,
+            p: 16,
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "title-xs",
+              children: item.text
+            }), 'description' in item && /*#__PURE__*/_jsx(Text, {
+              children: item.description
+            })]
+          })]
+        })
+      }, item.id))
+    })
+  });
+};
+const PanelLayout = ({
+  heading,
+  description,
+  linkItem,
+  children,
+  tabIndex = 0
+}) => {
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  const {
+    handleClose
+  } = useAppHeaderDropdownContext();
+  return /*#__PURE__*/_jsxs(FlexBox, {
+    flexDirection: "column",
+    gap: 24,
+    pr: {
+      _: 32,
+      md: 16,
+      lg: 0
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      as: "h2",
+      variant: "title-sm",
+      children: heading
+    }), /*#__PURE__*/_jsx(Text, {
+      children: description
+    }), children, /*#__PURE__*/_jsxs(TextButton, {
+      href: linkItem.href,
+      onClick: event => {
+        globalHeaderItemClick(event, linkItem);
+        handleClose();
+      },
+      tabIndex: tabIndex,
+      children: [linkItem.text, " ", /*#__PURE__*/_jsx(MiniArrowRightIcon, {
+        ml: 8
+      })]
+    })]
+  });
+};

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogSectionVariant/NavSection.d.ts

@@ -0,0 +1,15 @@
+import { GamutIconProps } from '@codecademy/gamut-icons';
+import React, { PropsWithChildren } from 'react';
+import { AppHeaderCatalogDropdownItem } from '../../shared';
+type NavSectionProps = PropsWithChildren & {
+    activeTab: number;
+    item: AppHeaderCatalogDropdownItem;
+    setActiveTab: (tab: number) => void;
+    icon?: React.ComponentType<GamutIconProps>;
+    text: string;
+    index: number;
+    children: React.ReactNode;
+    tabIndex?: number;
+};
+declare const NavSection: ({ activeTab, setActiveTab, icon: Icon, text, index, children, item, tabIndex, }: NavSectionProps) => import("react/jsx-runtime").JSX.Element;
+export default NavSection;