@codecademy/brand 3.6.0-alpha.eb8166002f.0 → 3.7.0

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

@@ -1,60 +1,53 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Box, GridBox } from '@codecademy/gamut';
-import React, { useEffect, useState } from 'react';
+import { Box } from '@codecademy/gamut';
+import { useEffect, useState } from 'react';
+import * as React from 'react';
+import { AppHeaderSectionContext } from './AppHeaderSectionContext';
+import { GradientBackground, StyledGridBox, StyledSection } from './elements';
+import { MobileBackButton } from './MobileBackButton';
+import { MobileNavMenu } from './MobileNavMenu';
 import NavSection from './NavSection';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const StyledBox = /*#__PURE__*/_styled(Box, {
-  target: "e1c0yudv2",
-  label: "StyledBox"
-})("width:calc(100vw - 11rem);max-width:calc(1440px - 11rem);border:1px solid ", ({
-  theme
-}) => theme.colors['border-tertiary'], ";border-radius:16px;background-color:", ({
-  theme
-}) => theme.colors['gray-100'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEdyaWRCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVmT2JqZWN0LCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW0sXG59IGZyb20gJy4uLy4uL3NoYXJlZCc7XG5pbXBvcnQgTmF2U2VjdGlvbiBmcm9tICcuL05hdlNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQoQm94KWBcbiAgd2lkdGg6IGNhbGMoMTAwdncgLSAxMXJlbSk7XG4gIG1heC13aWR0aDogY2FsYygxNDQwcHggLSAxMXJlbSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX07XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEdyaWRCb3ggPSBzdHlsZWQoR3JpZEJveClgXG4gIHBhZGRpbmc6IDhweDtcbiAgcm93LWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI2NXB4IDMycHggMWZyO1xuYDtcblxuY29uc3QgR3JhZGllbnRCYWNrZ3JvdW5kID0gc3R5bGVkKEJveClgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxODBkZWcsXG4gICAgcmdiYSgwLCAwLCAwLCAwKSA3LjY1JSxcbiAgICByZ2JhKDAsIDAsIDAsIDAuMTUpIDEwMCVcbiAgKTtcbmA7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlclNlY3Rpb25Qcm9wcyA9IHtcbiAgaXNPcGVuPzogYm9vbGVhbjtcbiAga2V5RG93bkV2ZW50cz86IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcbiAgcmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbmF2U2VjdGlvbnM6IHtcbiAgICBpdGVtOiBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuICAgIHBhbmVsOiBSZWFjdC5Db21wb25lbnRUeXBlPHsgdGFiSW5kZXg/OiBudW1iZXIgfT47XG4gIH1bXTtcbiAgTWFya2V0aW5nQmFubmVyPzogKHsgdGFiSW5kZXggfTogeyB0YWJJbmRleDogbnVtYmVyIH0pID0+IEpTWC5FbGVtZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclNlY3Rpb24gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgQXBwSGVhZGVyU2VjdGlvblByb3BzXG4+KCh7IGlzT3Blbiwga2V5RG93bkV2ZW50cywgbmF2U2VjdGlvbnMsIE1hcmtldGluZ0Jhbm5lciB9LCByZWYpID0+IHtcbiAgY29uc3QgW2FjdGl2ZVRhYiwgc2V0QWN0aXZlVGFiXSA9IHVzZVN0YXRlPG51bWJlcj4oMCk7XG5cbiAgY29uc3QgdGFiSW5kZXggPSBpc09wZW4gPyAwIDogLTE7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBzZXRBY3RpdmVUYWIoMCk7XG4gICAgfVxuICB9LCBbaXNPcGVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFN0eWxlZEJveD5cbiAgICAgICAge01hcmtldGluZ0Jhbm5lciAmJiA8TWFya2V0aW5nQmFubmVyIHRhYkluZGV4PXt0YWJJbmRleH0gLz59XG4gICAgICAgIDxTdHlsZWRHcmlkQm94IHJlZj17cmVmfSBvbktleURvd249e2tleURvd25FdmVudHN9PlxuICAgICAgICAgIHtuYXZTZWN0aW9ucy5tYXAoKHNlY3Rpb24sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IGl0ZW0sIHBhbmVsOiBQYW5lbCB9ID0gc2VjdGlvbjtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxOYXZTZWN0aW9uXG4gICAgICAgICAgICAgICAgYWN0aXZlVGFiPXthY3RpdmVUYWJ9XG4gICAgICAgICAgICAgICAgc2V0QWN0aXZlVGFiPXtzZXRBY3RpdmVUYWJ9XG4gICAgICAgICAgICAgICAgaWNvbj17aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgIHRleHQ9e2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFBhbmVsIHRhYkluZGV4PXt0YWJJbmRleH0gLz5cbiAgICAgICAgICAgICAgPC9OYXZTZWN0aW9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9TdHlsZWRHcmlkQm94PlxuICAgICAgPC9TdHlsZWRCb3g+XG5cbiAgICAgIDxHcmFkaWVudEJhY2tncm91bmRcbiAgICAgICAgcG9zaXRpb249XCJmaXhlZFwiXG4gICAgICAgIHRvcD1cIjBcIlxuICAgICAgICBsZWZ0PVwiMFwiXG4gICAgICAgIHJpZ2h0PVwiMFwiXG4gICAgICAgIGJvdHRvbT1cIjBcIlxuICAgICAgICB6SW5kZXg9ey0xfVxuICAgICAgICBkaXNwbGF5PXtpc09wZW4gPyAnYmxvY2snIDogJ25vbmUnfVxuICAgICAgLz5cbiAgICA8Lz5cbiAgKTtcbn0pO1xuIl19 */"));
-const StyledGridBox = /*#__PURE__*/_styled(GridBox, {
-  target: "e1c0yudv1",
-  label: "StyledGridBox"
-})(process.env.NODE_ENV === "production" ? {
-  name: "29co2b",
-  styles: "padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr"
-} : {
-  name: "29co2b",
-  styles: "padding:8px;row-gap:8px;grid-template-columns:265px 32px 1fr/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFJlZk9iamVjdCwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IE5hdlNlY3Rpb24gZnJvbSAnLi9OYXZTZWN0aW9uJztcblxuY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIHdpZHRoOiBjYWxjKDEwMHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5gO1xuXG5jb25zdCBTdHlsZWRHcmlkQm94ID0gc3R5bGVkKEdyaWRCb3gpYFxuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbmA7XG5cbmNvbnN0IEdyYWRpZW50QmFja2dyb3VuZCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTgwZGVnLFxuICAgIHJnYmEoMCwgMCwgMCwgMCkgNy42NSUsXG4gICAgcmdiYSgwLCAwLCAwLCAwLjE1KSAxMDAlXG4gICk7XG5gO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTZWN0aW9uUHJvcHMgPSB7XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIGtleURvd25FdmVudHM/OiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHZvaWQ7XG4gIHJlZj86IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gIG5hdlNlY3Rpb25zOiB7XG4gICAgaXRlbTogQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgICBwYW5lbDogUmVhY3QuQ29tcG9uZW50VHlwZTx7IHRhYkluZGV4PzogbnVtYmVyIH0+O1xuICB9W107XG4gIE1hcmtldGluZ0Jhbm5lcj86ICh7IHRhYkluZGV4IH06IHsgdGFiSW5kZXg6IG51bWJlciB9KSA9PiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJTZWN0aW9uID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIEFwcEhlYWRlclNlY3Rpb25Qcm9wc1xuPigoeyBpc09wZW4sIGtleURvd25FdmVudHMsIG5hdlNlY3Rpb25zLCBNYXJrZXRpbmdCYW5uZXIgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFthY3RpdmVUYWIsIHNldEFjdGl2ZVRhYl0gPSB1c2VTdGF0ZTxudW1iZXI+KDApO1xuXG4gIGNvbnN0IHRhYkluZGV4ID0gaXNPcGVuID8gMCA6IC0xO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3Blbikge1xuICAgICAgc2V0QWN0aXZlVGFiKDApO1xuICAgIH1cbiAgfSwgW2lzT3Blbl0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxTdHlsZWRCb3g+XG4gICAgICAgIHtNYXJrZXRpbmdCYW5uZXIgJiYgPE1hcmtldGluZ0Jhbm5lciB0YWJJbmRleD17dGFiSW5kZXh9IC8+fVxuICAgICAgICA8U3R5bGVkR3JpZEJveCByZWY9e3JlZn0gb25LZXlEb3duPXtrZXlEb3duRXZlbnRzfT5cbiAgICAgICAgICB7bmF2U2VjdGlvbnMubWFwKChzZWN0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBpdGVtLCBwYW5lbDogUGFuZWwgfSA9IHNlY3Rpb247XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8TmF2U2VjdGlvblxuICAgICAgICAgICAgICAgIGFjdGl2ZVRhYj17YWN0aXZlVGFifVxuICAgICAgICAgICAgICAgIHNldEFjdGl2ZVRhYj17c2V0QWN0aXZlVGFifVxuICAgICAgICAgICAgICAgIGljb249e2l0ZW0uaWNvbn1cbiAgICAgICAgICAgICAgICB0ZXh0PXtpdGVtLnRleHR9XG4gICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxQYW5lbCB0YWJJbmRleD17dGFiSW5kZXh9IC8+XG4gICAgICAgICAgICAgIDwvTmF2U2VjdGlvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvU3R5bGVkR3JpZEJveD5cbiAgICAgIDwvU3R5bGVkQm94PlxuXG4gICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgbGVmdD1cIjBcIlxuICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgekluZGV4PXstMX1cbiAgICAgICAgZGlzcGxheT17aXNPcGVuID8gJ2Jsb2NrJyA6ICdub25lJ31cbiAgICAgIC8+XG4gICAgPC8+XG4gICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const GradientBackground = /*#__PURE__*/_styled(Box, {
-  target: "e1c0yudv0",
-  label: "GradientBackground"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1n848ez",
-  styles: "background:linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0) 7.65%,\n    rgba(0, 0, 0, 0.15) 100%\n  )"
-} : {
-  name: "1n848ez",
-  styles: "background:linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0) 7.65%,\n    rgba(0, 0, 0, 0.15) 100%\n  )/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclNlY3Rpb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBHcmlkQm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IFJlZk9iamVjdCwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IE5hdlNlY3Rpb24gZnJvbSAnLi9OYXZTZWN0aW9uJztcblxuY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIHdpZHRoOiBjYWxjKDEwMHZ3IC0gMTFyZW0pO1xuICBtYXgtd2lkdGg6IGNhbGMoMTQ0MHB4IC0gMTFyZW0pO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J119O1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5gO1xuXG5jb25zdCBTdHlsZWRHcmlkQm94ID0gc3R5bGVkKEdyaWRCb3gpYFxuICBwYWRkaW5nOiA4cHg7XG4gIHJvdy1nYXA6IDhweDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNjVweCAzMnB4IDFmcjtcbmA7XG5cbmNvbnN0IEdyYWRpZW50QmFja2dyb3VuZCA9IHN0eWxlZChCb3gpYFxuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgMTgwZGVnLFxuICAgIHJnYmEoMCwgMCwgMCwgMCkgNy42NSUsXG4gICAgcmdiYSgwLCAwLCAwLCAwLjE1KSAxMDAlXG4gICk7XG5gO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTZWN0aW9uUHJvcHMgPSB7XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIGtleURvd25FdmVudHM/OiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHZvaWQ7XG4gIHJlZj86IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gIG5hdlNlY3Rpb25zOiB7XG4gICAgaXRlbTogQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgICBwYW5lbDogUmVhY3QuQ29tcG9uZW50VHlwZTx7IHRhYkluZGV4PzogbnVtYmVyIH0+O1xuICB9W107XG4gIE1hcmtldGluZ0Jhbm5lcj86ICh7IHRhYkluZGV4IH06IHsgdGFiSW5kZXg6IG51bWJlciB9KSA9PiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBBcHBIZWFkZXJTZWN0aW9uID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIEFwcEhlYWRlclNlY3Rpb25Qcm9wc1xuPigoeyBpc09wZW4sIGtleURvd25FdmVudHMsIG5hdlNlY3Rpb25zLCBNYXJrZXRpbmdCYW5uZXIgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFthY3RpdmVUYWIsIHNldEFjdGl2ZVRhYl0gPSB1c2VTdGF0ZTxudW1iZXI+KDApO1xuXG4gIGNvbnN0IHRhYkluZGV4ID0gaXNPcGVuID8gMCA6IC0xO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3Blbikge1xuICAgICAgc2V0QWN0aXZlVGFiKDApO1xuICAgIH1cbiAgfSwgW2lzT3Blbl0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxTdHlsZWRCb3g+XG4gICAgICAgIHtNYXJrZXRpbmdCYW5uZXIgJiYgPE1hcmtldGluZ0Jhbm5lciB0YWJJbmRleD17dGFiSW5kZXh9IC8+fVxuICAgICAgICA8U3R5bGVkR3JpZEJveCByZWY9e3JlZn0gb25LZXlEb3duPXtrZXlEb3duRXZlbnRzfT5cbiAgICAgICAgICB7bmF2U2VjdGlvbnMubWFwKChzZWN0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBpdGVtLCBwYW5lbDogUGFuZWwgfSA9IHNlY3Rpb247XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8TmF2U2VjdGlvblxuICAgICAgICAgICAgICAgIGFjdGl2ZVRhYj17YWN0aXZlVGFifVxuICAgICAgICAgICAgICAgIHNldEFjdGl2ZVRhYj17c2V0QWN0aXZlVGFifVxuICAgICAgICAgICAgICAgIGljb249e2l0ZW0uaWNvbn1cbiAgICAgICAgICAgICAgICB0ZXh0PXtpdGVtLnRleHR9XG4gICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxQYW5lbCB0YWJJbmRleD17dGFiSW5kZXh9IC8+XG4gICAgICAgICAgICAgIDwvTmF2U2VjdGlvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvU3R5bGVkR3JpZEJveD5cbiAgICAgIDwvU3R5bGVkQm94PlxuXG4gICAgICA8R3JhZGllbnRCYWNrZ3JvdW5kXG4gICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICB0b3A9XCIwXCJcbiAgICAgICAgbGVmdD1cIjBcIlxuICAgICAgICByaWdodD1cIjBcIlxuICAgICAgICBib3R0b209XCIwXCJcbiAgICAgICAgekluZGV4PXstMX1cbiAgICAgICAgZGlzcGxheT17aXNPcGVuID8gJ2Jsb2NrJyA6ICdub25lJ31cbiAgICAgIC8+XG4gICAgPC8+XG4gICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const AppHeaderSection = /*#__PURE__*/React.forwardRef(({
-  isOpen,
+  isOpen = true,
   keyDownEvents,
   navSections,
-  MarketingBanner
+  MarketingBanner,
+  isMobile = false,
+  handleClose,
+  type
 }, ref) => {
   const [activeTab, setActiveTab] = useState(0);
+  const [activePanel, setActivePanel] = useState(null);
   const tabIndex = isOpen ? 0 : -1;
+  const activePanelSelected = activePanel !== null;
   useEffect(() => {
     if (isOpen) {
       setActiveTab(0);
     }
   }, [isOpen]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(StyledBox, {
-      children: [MarketingBanner && /*#__PURE__*/_jsx(MarketingBanner, {
-        tabIndex: tabIndex
-      }), /*#__PURE__*/_jsx(StyledGridBox, {
+  return /*#__PURE__*/_jsxs(AppHeaderSectionContext.Provider, {
+    value: {
+      activePanel,
+      setActivePanel,
+      tabIndex
+    },
+    children: [/*#__PURE__*/_jsxs(StyledSection, {
+      activePanelSelected: activePanelSelected,
+      children: [MarketingBanner && /*#__PURE__*/_jsx(Box, {
+        display: {
+          _: activePanelSelected ? 'block' : 'none',
+          xs: 'block'
+        },
+        children: /*#__PURE__*/_jsx(MarketingBanner, {
+          tabIndex: tabIndex
+        })
+      }), /*#__PURE__*/_jsxs(StyledGridBox, {
         ref: ref,
         onKeyDown: keyDownEvents,
-        children: navSections.map((section, index) => {
+        children: [isMobile && /*#__PURE__*/_jsx(MobileBackButton, {
+          handleClose: handleClose,
+          type: type
+        }), navSections.map((section, index) => {
           const {
             item,
             panel: Panel
@@ -67,13 +60,15 @@ export const AppHeaderSection = /*#__PURE__*/React.forwardRef(({
             index: index,
             item: item,
             tabIndex: tabIndex,
-            children: /*#__PURE__*/_jsx(Panel, {
-              tabIndex: tabIndex
-            })
+            children: /*#__PURE__*/_jsx(Panel, {})
           }, item.id);
-        })
+        })]
+      }), /*#__PURE__*/_jsx(MobileNavMenu, {
+        handleClose: handleClose,
+        type: type,
+        navSections: navSections
       })]
-    }), /*#__PURE__*/_jsx(GradientBackground, {
+    }), !isMobile && /*#__PURE__*/_jsx(GradientBackground, {
       position: "fixed",
       top: "0",
       left: "0",

package/dist/AppHeaderMobile/AppHeaderMainMenuMobile/index.js

@@ -1,9 +1,11 @@
-import { ContentContainer, FillButton, Text, TextButton } from '@codecademy/gamut';
+import _styled from "@emotion/styled/base";
+import { Box, ContentContainer, FillButton, Text, TextButton } from '@codecademy/gamut';
+import { css, states, theme } from '@codecademy/gamut-styles';
 import { useContext, useState } from 'react';
 import * as React from 'react';
 import { AppHeaderLink } from '../../AppHeader/AppHeaderElements/AppHeaderLink';
 import { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';
-import { BlpHeroExperimentContext } from '../../GlobalHeader';
+import { BlpHeroExperimentContext, GlobalNavRedesignContext } from '../../GlobalHeader';
 import { login, requestTeamsDemo, signUp, signUpTextButton } from '../../GlobalHeader/GlobalHeaderItems';
 import { AppHeaderSubNavMobile } from '../AppHeaderSubMenuMobile';
 import { MobileUlWrapper } from '../AppHeaderSubMenuMobile/elements';
@@ -11,8 +13,20 @@ import { AppHeaderSubMenuRow } from '../AppHeaderSubMenuTarget';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const isBusinessPageExperiment = isBlpHeroExperimentVariant => {
   if (typeof window === 'undefined') return false;
-  return window.location.pathname === '/business' && isBlpHeroExperimentVariant;
+  return (window.location.pathname === '/business' || window.location.pathname === '/business/pricing') && isBlpHeroExperimentVariant;
 };
+const BackgroundWrapper = /*#__PURE__*/_styled(Box, {
+  target: "emi0o3k0",
+  label: "BackgroundWrapper"
+})(css({}), states({
+  displayGlobalNavRedesign: {
+    background: theme.colors.white,
+    border: 1,
+    borderColor: 'border-tertiary',
+    borderRadius: 'lg',
+    padding: '16px'
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0FwcEhlYWRlck1vYmlsZS9BcHBIZWFkZXJNYWluTWVudU1vYmlsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCb3gsXG4gIENvbnRlbnRDb250YWluZXIsXG4gIEZpbGxCdXR0b24sXG4gIFRleHQsXG4gIFRleHRCdXR0b24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXBwSGVhZGVyTGluayB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQWN0aW9uLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVySXRlbSxcbn0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL3NoYXJlZCc7XG5pbXBvcnQge1xuICBCbHBIZXJvRXhwZXJpbWVudENvbnRleHQsXG4gIEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCxcbn0gZnJvbSAnLi4vLi4vR2xvYmFsSGVhZGVyJztcbmltcG9ydCB7XG4gIGxvZ2luLFxuICByZXF1ZXN0VGVhbXNEZW1vLFxuICBzaWduVXAsXG4gIHNpZ25VcFRleHRCdXR0b24sXG59IGZyb20gJy4uLy4uL0dsb2JhbEhlYWRlci9HbG9iYWxIZWFkZXJJdGVtcyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJTdWJOYXZNb2JpbGUgfSBmcm9tICcuLi9BcHBIZWFkZXJTdWJNZW51TW9iaWxlJztcbmltcG9ydCB7IE1vYmlsZVVsV3JhcHBlciB9IGZyb20gJy4uL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUvZWxlbWVudHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyU3ViTWVudVJvdyB9IGZyb20gJy4uL0FwcEhlYWRlclN1Yk1lbnVUYXJnZXQnO1xuXG5jb25zdCBpc0J1c2luZXNzUGFnZUV4cGVyaW1lbnQgPSAoXG4gIGlzQmxwSGVyb0V4cGVyaW1lbnRWYXJpYW50OiBib29sZWFuXG4pOiBib29sZWFuID0+IHtcbiAgaWYgKHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnKSByZXR1cm4gZmFsc2U7XG4gIHJldHVybiAoXG4gICAgKHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSA9PT0gJy9idXNpbmVzcycgfHxcbiAgICAgIHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSA9PT0gJy9idXNpbmVzcy9wcmljaW5nJykgJiZcbiAgICBpc0JscEhlcm9FeHBlcmltZW50VmFyaWFudFxuICApO1xufTtcblxuY29uc3QgQmFja2dyb3VuZFdyYXBwZXIgPSBzdHlsZWQoQm94KTx7XG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbjtcbn0+KFxuICBjc3Moe30pLFxuICBzdGF0ZXMoe1xuICAgIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjoge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLndoaXRlLFxuICAgICAgYm9yZGVyOiAxLFxuICAgICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgcGFkZGluZzogJzE2cHgnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJNYWluTWVudU1vYmlsZVByb3BzID0gQXBwSGVhZGVyQWN0aW9uICYge1xuICBpdGVtczogQXBwSGVhZGVySXRlbVtdO1xuICBnZXRJdGVtVHlwZTogKHR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gdm9pZDtcbiAgaXNBbm9uOiBib29sZWFuO1xuICBoYW5kbGVDbG9zZU1haW5NZW51OiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlck1haW5NZW51TW9iaWxlOiBSZWFjdC5GQzxcbiAgQXBwSGVhZGVyTWFpbk1lbnVNb2JpbGVQcm9wc1xuPiA9ICh7IGFjdGlvbiwgaXRlbXMsIGdldEl0ZW1UeXBlLCBpc0Fub24sIGhhbmRsZUNsb3NlTWFpbk1lbnUgfSkgPT4ge1xuICBjb25zdCBbc3ViTWVudUl0ZW0sIHNldFN1Yk1lbnVJdGVtXSA9IHVzZVN0YXRlPEFwcEhlYWRlckRyb3Bkb3duSXRlbT4oKTtcbiAgY29uc3QgaXNCbHBIZXJvRXhwZXJpbWVudFZhcmlhbnQgPSB1c2VDb250ZXh0KEJscEhlcm9FeHBlcmltZW50Q29udGV4dCk7XG4gIGNvbnN0IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA9IHVzZUNvbnRleHQoR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0KTtcblxuICBjb25zdCBvcGVuU3ViTWVudSA9IChcbiAgICBldmVudDogUmVhY3QuTW91c2VFdmVudCxcbiAgICBpdGVtOiBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgKSA9PiB7XG4gICAgYWN0aW9uKGV2ZW50LCBpdGVtKTtcbiAgICBzZXRTdWJNZW51SXRlbShpdGVtKTtcbiAgICBnZXRJdGVtVHlwZShpdGVtLnR5cGUpO1xuICB9O1xuXG4gIGNvbnN0IGNsb3NlU3ViTWVudSA9ICgpID0+IHtcbiAgICBzZXRTdWJNZW51SXRlbSh1bmRlZmluZWQpO1xuICAgIGdldEl0ZW1UeXBlKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3QgbWFwSXRlbVRvRWxlbWVudCA9IChcbiAgICBpdGVtOiBBcHBIZWFkZXJJdGVtLFxuICAgIGFjdGlvbjogQXBwSGVhZGVyQ2xpY2tIYW5kbGVyXG4gICkgPT4ge1xuICAgIHN3aXRjaCAoaXRlbS50eXBlKSB7XG4gICAgICBjYXNlICdsaW5rJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8QXBwSGVhZGVyTGluayBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0ga2V5PXtpdGVtLmlkfSBtb2JpbGUgLz5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ2Ryb3Bkb3duJzpcbiAgICAgIGNhc2UgJ3Byb2ZpbGUtZHJvcGRvd24nOlxuICAgICAgY2FzZSAnY2F0YWxvZy1kcm9wZG93bic6XG4gICAgICBjYXNlICdyZXNvdXJjZXMtZHJvcGRvd24nOlxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxBcHBIZWFkZXJTdWJNZW51Um93XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgb3BlblN1Yk1lbnU9e29wZW5TdWJNZW51fVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdyZXNvdXJjZXMtc2ltcGxlLWRyb3Bkb3duJzpcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXsyMn0gbXQ9ezE2fSBtYj17MTZ9PlxuICAgICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEFwcEhlYWRlckxpbmtTZWN0aW9ucyBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0gbW9iaWxlIC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICBjYXNlICdmaWxsLWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgICBtdD17MjR9XG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBjYXNlICd0ZXh0LWJ1dHRvbic6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgIG10PXsxNn1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpdGVtLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgaXRlbSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICA8L1RleHRCdXR0b24+XG4gICAgICAgICk7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gPD48Lz47XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBzdWJNZW51SXRlbSA/IChcbiAgICA8QXBwSGVhZGVyU3ViTmF2TW9iaWxlXG4gICAgICBoYW5kbGVDbG9zZVN1Yk1lbnU9e2Nsb3NlU3ViTWVudX1cbiAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgaXRlbT17c3ViTWVudUl0ZW19XG4gICAgICBoYW5kbGVDbG9zZU1haW5NZW51PXtoYW5kbGVDbG9zZU1haW5NZW51fVxuICAgIC8+XG4gICkgOiAoXG4gICAgPENvbnRlbnRDb250YWluZXJcbiAgICAgIHJvbGU9XCJuYXZpZ2F0aW9uXCJcbiAgICAgIGFyaWEtbGFiZWw9XCJzaXRlIG5hdmlnYXRpb25cIlxuICAgICAgdGFiSW5kZXg9ey0xfVxuICAgID5cbiAgICAgIDxCYWNrZ3JvdW5kV3JhcHBlciBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ249e2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbn0+XG4gICAgICAgIDxNb2JpbGVVbFdyYXBwZXIgYXM9XCJ1bFwiPlxuICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IG1hcEl0ZW1Ub0VsZW1lbnQoaXRlbSwgYWN0aW9uKSl9XG4gICAgICAgICAge2lzQW5vbiAmJiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6ICdiYXNlbGluZScsXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6ICcxNnB4JyxcbiAgICAgICAgICAgICAgICBib3JkZXJUb3A6ICcxcHggc29saWQgdmFyKC0tYm9yZGVyLXRlcnRpYXJ5KScsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtpc0J1c2luZXNzUGFnZUV4cGVyaW1lbnQoaXNCbHBIZXJvRXhwZXJpbWVudFZhcmlhbnQpID8gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8VGV4dEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwVGV4dEJ1dHRvbi5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtzaWduVXBUZXh0QnV0dG9uLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHNpZ25VcFRleHRCdXR0b24pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXBUZXh0QnV0dG9uLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7c2lnblVwVGV4dEJ1dHRvbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17cmVxdWVzdFRlYW1zRGVtby5kYXRhVGVzdElkfVxuICAgICAgICAgICAgICAgICAgICBocmVmPXtyZXF1ZXN0VGVhbXNEZW1vLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24oZXZlbnQsIHJlcXVlc3RUZWFtc0RlbW8pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtyZXF1ZXN0VGVhbXNEZW1vLmlkfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7cmVxdWVzdFRlYW1zRGVtby50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9GaWxsQnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RmlsbEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17c2lnblVwLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e3NpZ25VcC5ocmVmfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IGFjdGlvbihldmVudCwgc2lnblVwKX1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtzaWduVXAuaWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzaWduVXAudGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cblxuICAgICAgICAgICAgICAgICAgPFRleHRCdXR0b25cbiAgICAgICAgICAgICAgICAgICAga2V5PXtsb2dpbi5pZH1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2xvZ2luLmRhdGFUZXN0SWR9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9e2xvZ2luLmhyZWZ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gYWN0aW9uKGV2ZW50LCBsb2dpbil9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsb2dpbi50ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Nb2JpbGVVbFdyYXBwZXI+XG4gICAgICA8L0JhY2tncm91bmRXcmFwcGVyPlxuICAgIDwvQ29udGVudENvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */");
 export const AppHeaderMainMenuMobile = ({
   action,
   items,
@@ -22,6 +36,7 @@ export const AppHeaderMainMenuMobile = ({
 }) => {
   const [subMenuItem, setSubMenuItem] = useState();
   const isBlpHeroExperimentVariant = useContext(BlpHeroExperimentContext);
+  const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
   const openSubMenu = (event, item) => {
     action(event, item);
     setSubMenuItem(item);
@@ -90,42 +105,45 @@ export const AppHeaderMainMenuMobile = ({
     role: "navigation",
     "aria-label": "site navigation",
     tabIndex: -1,
-    children: /*#__PURE__*/_jsxs(MobileUlWrapper, {
-      as: "ul",
-      children: [items.map(item => mapItemToElement(item, action)), isAnon && /*#__PURE__*/_jsx("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'baseline',
-          justifyContent: 'center',
-          paddingTop: '16px',
-          borderTop: '1px solid var(--border-tertiary)'
-        },
-        children: isBusinessPageExperiment(isBlpHeroExperimentVariant) ? /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(TextButton, {
-            "data-testid": signUpTextButton.dataTestId,
-            href: signUpTextButton.href,
-            onClick: event => action(event, signUpTextButton),
-            children: signUpTextButton.text
-          }, signUpTextButton.id), /*#__PURE__*/_jsx(FillButton, {
-            "data-testid": requestTeamsDemo.dataTestId,
-            href: requestTeamsDemo.href,
-            onClick: event => action(event, requestTeamsDemo),
-            children: requestTeamsDemo.text
-          }, requestTeamsDemo.id)]
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(FillButton, {
-            "data-testid": signUp.dataTestId,
-            href: signUp.href,
-            onClick: event => action(event, signUp),
-            children: signUp.text
-          }, signUp.id), /*#__PURE__*/_jsx(TextButton, {
-            "data-testid": login.dataTestId,
-            href: login.href,
-            onClick: event => action(event, login),
-            children: login.text
-          }, login.id)]
-        })
-      })]
+    children: /*#__PURE__*/_jsx(BackgroundWrapper, {
+      displayGlobalNavRedesign: displayGlobalNavRedesign,
+      children: /*#__PURE__*/_jsxs(MobileUlWrapper, {
+        as: "ul",
+        children: [items.map(item => mapItemToElement(item, action)), isAnon && /*#__PURE__*/_jsx("div", {
+          style: {
+            display: 'flex',
+            alignItems: 'baseline',
+            justifyContent: 'center',
+            paddingTop: '16px',
+            borderTop: '1px solid var(--border-tertiary)'
+          },
+          children: isBusinessPageExperiment(isBlpHeroExperimentVariant) ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(TextButton, {
+              "data-testid": signUpTextButton.dataTestId,
+              href: signUpTextButton.href,
+              onClick: event => action(event, signUpTextButton),
+              children: signUpTextButton.text
+            }, signUpTextButton.id), /*#__PURE__*/_jsx(FillButton, {
+              "data-testid": requestTeamsDemo.dataTestId,
+              href: requestTeamsDemo.href,
+              onClick: event => action(event, requestTeamsDemo),
+              children: requestTeamsDemo.text
+            }, requestTeamsDemo.id)]
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(FillButton, {
+              "data-testid": signUp.dataTestId,
+              href: signUp.href,
+              onClick: event => action(event, signUp),
+              children: signUp.text
+            }, signUp.id), /*#__PURE__*/_jsx(TextButton, {
+              "data-testid": login.dataTestId,
+              href: login.href,
+              onClick: event => action(event, login),
+              children: login.text
+            }, login.id)]
+          })
+        })]
+      })
     })
   });
 };

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.js

@@ -4,13 +4,16 @@ import { ArrowChevronLeftIcon } from '@codecademy/gamut-icons';
 import { css } from '@codecademy/gamut-styles';
 import { useContext, useEffect, useRef } from 'react';
 import * as React from 'react';
+import { CATALOG_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts';
+import { MarketingBanner } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';
 import { AppHeaderCatalogSection } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogSection';
 import { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';
 import { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';
+import { RESOURCES_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts';
 import { AppHeaderResourcesSection } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesSection';
+import { AppHeaderSection } from '../../AppHeader/AppHeaderElements/AppHeaderSection';
 import { GlobalNavRedesignContext } from '../../GlobalHeader';
 import { getHeaderResourcesList } from '../../lib/resourcesList';
-import AppHeaderCatalogSectionVariantMobile from '../AppHeaderCatalogSectonVariantMobile';
 import { MobileSubMenuWrapper, MobileUlWrapper } from './elements';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
@@ -22,21 +25,28 @@ const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
   my: 24,
   padding: 0,
   width: 'calc(100% - 64px)'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQXBwSGVhZGVyTW9iaWxlL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBNZW51LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uTGVmdEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bic7XG5pbXBvcnQgeyBBcHBIZWFkZXJDYXRhbG9nU2VjdGlvbiB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nU2VjdGlvbic7XG5pbXBvcnQgeyBBcHBIZWFkZXJEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckRyb3Bkb3duJztcbmltcG9ydCB7IEFwcEhlYWRlckxpbmtTZWN0aW9ucyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaW5rU2VjdGlvbnMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyTGlzdEl0ZW0nO1xuaW1wb3J0IHsgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duJztcbmltcG9ydCB7IEFwcEhlYWRlclJlc291cmNlc1NlY3Rpb24gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzU2VjdGlvbic7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvc2hhcmVkJztcbmltcG9ydCB7IEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCB9IGZyb20gJy4uLy4uL0dsb2JhbEhlYWRlcic7XG5pbXBvcnQgeyBnZXRIZWFkZXJSZXNvdXJjZXNMaXN0IH0gZnJvbSAnLi4vLi4vbGliL3Jlc291cmNlc0xpc3QnO1xuaW1wb3J0IEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uVmFyaWFudE1vYmlsZSBmcm9tICcuLi9BcHBIZWFkZXJDYXRhbG9nU2VjdG9uVmFyaWFudE1vYmlsZSc7XG5pbXBvcnQgeyBNb2JpbGVTdWJNZW51V3JhcHBlciwgTW9iaWxlVWxXcmFwcGVyIH0gZnJvbSAnLi9lbGVtZW50cyc7XG5cbmV4cG9ydCB0eXBlIEFwcEhlYWRlclN1Yk1lbnVNb2JpbGVQcm9wcyA9IChcbiAgfCBBcHBIZWFkZXJEcm9wZG93blByb3BzXG4gIHwgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duUHJvcHNcbiAgfCBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHNcbikgJiB7XG4gIGhhbmRsZUNsb3NlU3ViTWVudTogKCkgPT4gdm9pZDtcbiAgaGFuZGxlQ2xvc2VNYWluTWVudTogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgQXBwSGVhZGVyU2VjdGlvbkl0ZW0gPVxuICB8IEFwcEhlYWRlckRyb3Bkb3duSXRlbVxuICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW1cbiAgfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6IGBjZW50ZXJgLFxuICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICBteTogMjQsXG4gICAgcGFkZGluZzogMCxcbiAgICB3aWR0aDogJ2NhbGMoMTAwJSAtIDY0cHgpJyxcbiAgfSlcbik7XG5cbmNvbnN0IHJlbmRlckhlYWRlclNlY3Rpb24gPSAoXG4gIGl0ZW06IEFwcEhlYWRlclNlY3Rpb25JdGVtLFxuICBhY3Rpb246IEFwcEhlYWRlckNsaWNrSGFuZGxlcixcbiAgaGFuZGxlQ2xvc2VNYWluTWVudTogKCkgPT4gdm9pZCxcbiAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduOiBib29sZWFuXG4pID0+IHtcbiAgc3dpdGNoIChpdGVtLnR5cGUpIHtcbiAgICBjYXNlICdjYXRhbG9nLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAoXG4gICAgICAgIDxBcHBIZWFkZXJDYXRhbG9nU2VjdGlvblZhcmlhbnRNb2JpbGVcbiAgICAgICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZU1haW5NZW51fVxuICAgICAgICAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uXG4gICAgICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VNYWluTWVudX1cbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgY2FzZSAncmVzb3VyY2VzLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxBcHBIZWFkZXJSZXNvdXJjZXNTZWN0aW9uXG4gICAgICAgICAgYWN0aW9uPXthY3Rpb259XG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlTWFpbk1lbnV9XG4gICAgICAgICAgcmVzb3VyY2VzPXtnZXRIZWFkZXJSZXNvdXJjZXNMaXN0KCl9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gPEFwcEhlYWRlckxpbmtTZWN0aW9ucyBhY3Rpb249e2FjdGlvbn0gaXRlbT17aXRlbX0gbW9iaWxlIC8+O1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQXBwSGVhZGVyU3ViTmF2TW9iaWxlOiBSZWFjdC5GQzxBcHBIZWFkZXJTdWJNZW51TW9iaWxlUHJvcHM+ID0gKHtcbiAgYWN0aW9uLFxuICBoYW5kbGVDbG9zZVN1Yk1lbnUsXG4gIGhhbmRsZUNsb3NlTWFpbk1lbnUsXG4gIGl0ZW0sXG59KSA9PiB7XG4gIGNvbnN0IG1haW5VbFdyYXBwZXIgPSB1c2VSZWY8SFRNTFVMaXN0RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWFpblVsV3JhcHBlcj8uY3VycmVudCkge1xuICAgICAgbWFpblVsV3JhcHBlci5jdXJyZW50LmZvY3VzKCk7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgY29uc3QgaXNQcm9maWxlTWVudSA9IGl0ZW0udHlwZSA9PT0gJ3Byb2ZpbGUtZHJvcGRvd24nO1xuXG4gIGNvbnN0IGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA9IHVzZUNvbnRleHQoR2xvYmFsTmF2UmVkZXNpZ25Db250ZXh0KTtcblxuICByZXR1cm4gKFxuICAgIDxNb2JpbGVVbFdyYXBwZXIgcmVmPXttYWluVWxXcmFwcGVyfSB0YWJJbmRleD17LTF9PlxuICAgICAgPEFwcEhlYWRlckxpc3RJdGVtPlxuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIGFzPVwiYnV0dG9uXCJcbiAgICAgICAgICBtbD17eyBfOiAxNiwgeHM6IDMyLCBzbTogNjQsIG1kOiA0OCB9fVxuICAgICAgICA+XG4gICAgICAgICAgPEFycm93Q2hldnJvbkxlZnRJY29uIHNpemU9ezEyfSBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgIDxUZXh0IGZvbnRTaXplPXsxNn0gcGw9ezh9PlxuICAgICAgICAgICAgQmFjayB0byBtYWluIG5hdmlnYXRpb25cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvU3R5bGVkQW5jaG9yPlxuICAgICAgPC9BcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgIDxNb2JpbGVTdWJNZW51V3JhcHBlclxuICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2VTdWJNZW51fVxuICAgICAgICBpc01lbnVSb2xlPXtpc1Byb2ZpbGVNZW51fVxuICAgICAgPlxuICAgICAgICA8VGV4dFxuICAgICAgICAgIGFzPVwiaDFcIlxuICAgICAgICAgIGZvbnRTaXplPXsyMn1cbiAgICAgICAgICBtYj17MTZ9XG4gICAgICAgICAgbWw9e3sgXzogMTYsIHhzOiAzMiwgc206IDY0LCBtZDogNDggfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc1Byb2ZpbGVNZW51ID8gaXRlbS51c2VyRGlzcGxheU5hbWUgOiBpdGVtLnRleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAgPE1lbnUgdmFyaWFudD1cImZpeGVkXCIgbXg9ezh9IHdpZHRoPVwiY2FsYygxMDAlIC0gMTZweClcIj5cbiAgICAgICAgICB7cmVuZGVySGVhZGVyU2VjdGlvbihcbiAgICAgICAgICAgIGl0ZW0sXG4gICAgICAgICAgICBhY3Rpb24sXG4gICAgICAgICAgICBoYW5kbGVDbG9zZU1haW5NZW51LFxuICAgICAgICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9NZW51PlxuICAgICAgPC9Nb2JpbGVTdWJNZW51V3JhcHBlcj5cbiAgICA8L01vYmlsZVVsV3JhcHBlcj5cbiAgKTtcbn07XG4iXX0= */");
-const renderHeaderSection = (item, action, handleCloseMainMenu, displayGlobalNavRedesign) => {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BcHBIZWFkZXJNb2JpbGUvQXBwSGVhZGVyU3ViTWVudU1vYmlsZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQXBwSGVhZGVyTW9iaWxlL0FwcEhlYWRlclN1Yk1lbnVNb2JpbGUvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBNZW51LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uTGVmdEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bic7XG5pbXBvcnQgeyBDQVRBTE9HX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vY29uc3RzJztcbmltcG9ydCB7IE1hcmtldGluZ0Jhbm5lciB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyJztcbmltcG9ydCB7IEFwcEhlYWRlckNhdGFsb2dTZWN0aW9uIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dTZWN0aW9uJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRHJvcGRvd24nO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua1NlY3Rpb25zIH0gZnJvbSAnLi4vLi4vQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckxpbmtTZWN0aW9ucyc7XG5pbXBvcnQgeyBBcHBIZWFkZXJMaXN0SXRlbSB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJMaXN0SXRlbSc7XG5pbXBvcnQgeyBBcHBIZWFkZXJSZXNvdXJjZURyb3Bkb3duUHJvcHMgfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd24nO1xuaW1wb3J0IHsgUkVTT1VSQ0VTX05BVl9TRUNUSU9OUyB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuaW1wb3J0IHsgQXBwSGVhZGVyUmVzb3VyY2VzU2VjdGlvbiB9IGZyb20gJy4uLy4uL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJSZXNvdXJjZXNTZWN0aW9uJztcbmltcG9ydCB7IEFwcEhlYWRlclNlY3Rpb24gfSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbic7XG5pbXBvcnQge1xuICBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtLFxuICBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIEFwcEhlYWRlckRyb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9BcHBIZWFkZXIvc2hhcmVkJztcbmltcG9ydCB7IEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCB9IGZyb20gJy4uLy4uL0dsb2JhbEhlYWRlcic7XG5pbXBvcnQgeyBnZXRIZWFkZXJSZXNvdXJjZXNMaXN0IH0gZnJvbSAnLi4vLi4vbGliL3Jlc291cmNlc0xpc3QnO1xuaW1wb3J0IHsgTW9iaWxlU3ViTWVudVdyYXBwZXIsIE1vYmlsZVVsV3JhcHBlciB9IGZyb20gJy4vZWxlbWVudHMnO1xuXG5leHBvcnQgdHlwZSBBcHBIZWFkZXJTdWJNZW51TW9iaWxlUHJvcHMgPSAoXG4gIHwgQXBwSGVhZGVyRHJvcGRvd25Qcm9wc1xuICB8IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93blByb3BzXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VEcm9wZG93blByb3BzXG4pICYge1xuICBoYW5kbGVDbG9zZVN1Yk1lbnU6ICgpID0+IHZvaWQ7XG4gIGhhbmRsZUNsb3NlTWFpbk1lbnU6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIEFwcEhlYWRlclNlY3Rpb25JdGVtID1cbiAgfCBBcHBIZWFkZXJEcm9wZG93bkl0ZW1cbiAgfCBBcHBIZWFkZXJDYXRhbG9nRHJvcGRvd25JdGVtXG4gIHwgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICBkaXNwbGF5OiBgZmxleGAsXG4gICAgbXk6IDI0LFxuICAgIHBhZGRpbmc6IDAsXG4gICAgd2lkdGg6ICdjYWxjKDEwMCUgLSA2NHB4KScsXG4gIH0pXG4pO1xuXG5jb25zdCByZW5kZXJIZWFkZXJTZWN0aW9uID0gKFxuICBpdGVtOiBBcHBIZWFkZXJTZWN0aW9uSXRlbSxcbiAgYWN0aW9uOiBBcHBIZWFkZXJDbGlja0hhbmRsZXIsXG4gIGhhbmRsZUNsb3NlTWFpbk1lbnU6ICgpID0+IHZvaWQsXG4gIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbjogYm9vbGVhbixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51OiAoKSA9PiB2b2lkXG4pID0+IHtcbiAgc3dpdGNoIChpdGVtLnR5cGUpIHtcbiAgICBjYXNlICdjYXRhbG9nLWRyb3Bkb3duJzpcbiAgICAgIHJldHVybiBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyAoXG4gICAgICAgIDxBcHBIZWFkZXJTZWN0aW9uXG4gICAgICAgICAgbmF2U2VjdGlvbnM9e0NBVEFMT0dfTkFWX1NFQ1RJT05TfVxuICAgICAgICAgIE1hcmtldGluZ0Jhbm5lcj17TWFya2V0aW5nQmFubmVyfVxuICAgICAgICAgIGlzTW9iaWxlXG4gICAgICAgICAgaGFuZGxlQ2xvc2U9e2hhbmRsZUNsb3NlU3ViTWVudX1cbiAgICAgICAgICB0eXBlPVwiY2F0YWxvZy1kcm9wZG93blwiXG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICA8QXBwSGVhZGVyQ2F0YWxvZ1NlY3Rpb25cbiAgICAgICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZU1haW5NZW51fVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBjYXNlICdyZXNvdXJjZXMtZHJvcGRvd24nOlxuICAgICAgcmV0dXJuIGRpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/IChcbiAgICAgICAgPEFwcEhlYWRlclNlY3Rpb25cbiAgICAgICAgICBuYXZTZWN0aW9ucz17UkVTT1VSQ0VTX05BVl9TRUNUSU9OU31cbiAgICAgICAgICBpc01vYmlsZVxuICAgICAgICAgIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZVN1Yk1lbnV9XG4gICAgICAgICAgdHlwZT1cInJlc291cmNlcy1kcm9wZG93blwiXG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICA8QXBwSGVhZGVyUmVzb3VyY2VzU2VjdGlvblxuICAgICAgICAgIGFjdGlvbj17YWN0aW9ufVxuICAgICAgICAgIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZU1haW5NZW51fVxuICAgICAgICAgIHJlc291cmNlcz17Z2V0SGVhZGVyUmVzb3VyY2VzTGlzdCgpfVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDxBcHBIZWFkZXJMaW5rU2VjdGlvbnMgYWN0aW9uPXthY3Rpb259IGl0ZW09e2l0ZW19IG1vYmlsZSAvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlclN1Yk5hdk1vYmlsZTogUmVhY3QuRkM8QXBwSGVhZGVyU3ViTWVudU1vYmlsZVByb3BzPiA9ICh7XG4gIGFjdGlvbixcbiAgaGFuZGxlQ2xvc2VTdWJNZW51LFxuICBoYW5kbGVDbG9zZU1haW5NZW51LFxuICBpdGVtLFxufSkgPT4ge1xuICBjb25zdCBtYWluVWxXcmFwcGVyID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG1haW5VbFdyYXBwZXI/LmN1cnJlbnQpIHtcbiAgICAgIG1haW5VbFdyYXBwZXIuY3VycmVudC5mb2N1cygpO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IGlzUHJvZmlsZU1lbnUgPSBpdGVtLnR5cGUgPT09ICdwcm9maWxlLWRyb3Bkb3duJztcblxuICBjb25zdCBkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPSB1c2VDb250ZXh0KEdsb2JhbE5hdlJlZGVzaWduQ29udGV4dCk7XG5cbiAgY29uc3Qgc2hvdWxkU2hvd0JhY2tCdXR0b24gPVxuICAgICFkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gfHxcbiAgICAoaXRlbS50eXBlICE9PSAncmVzb3VyY2VzLWRyb3Bkb3duJyAmJiBpdGVtLnR5cGUgIT09ICdjYXRhbG9nLWRyb3Bkb3duJyk7XG5cbiAgcmV0dXJuIChcbiAgICA8TW9iaWxlVWxXcmFwcGVyIHJlZj17bWFpblVsV3JhcHBlcn0gdGFiSW5kZXg9ey0xfT5cbiAgICAgIHtzaG91bGRTaG93QmFja0J1dHRvbiAmJiAoXG4gICAgICAgIDxBcHBIZWFkZXJMaXN0SXRlbT5cbiAgICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZVN1Yk1lbnV9XG4gICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgIGFzPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIG1sPXt7IF86IDE2LCB4czogMzIsIHNtOiA2NCwgbWQ6IDQ4IH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEFycm93Q2hldnJvbkxlZnRJY29uIHNpemU9ezEyfSBhcmlhLWhpZGRlbiAvPlxuICAgICAgICAgICAgPFRleHQgZm9udFNpemU9ezE2fSBwbD17OH0+XG4gICAgICAgICAgICAgIEJhY2sgdG8gbWFpbiBuYXZpZ2F0aW9uXG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICAgIDwvQXBwSGVhZGVyTGlzdEl0ZW0+XG4gICAgICApfVxuICAgICAgPE1vYmlsZVN1Yk1lbnVXcmFwcGVyXG4gICAgICAgIGhhbmRsZUNsb3NlPXtoYW5kbGVDbG9zZVN1Yk1lbnV9XG4gICAgICAgIGlzTWVudVJvbGU9e2lzUHJvZmlsZU1lbnV9XG4gICAgICA+XG4gICAgICAgIHtzaG91bGRTaG93QmFja0J1dHRvbiAmJiAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDFcIlxuICAgICAgICAgICAgZm9udFNpemU9ezIyfVxuICAgICAgICAgICAgbWI9ezE2fVxuICAgICAgICAgICAgbWw9e3sgXzogMTYsIHhzOiAzMiwgc206IDY0LCBtZDogNDggfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXNQcm9maWxlTWVudSA/IGl0ZW0udXNlckRpc3BsYXlOYW1lIDogaXRlbS50ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAgPE1lbnVcbiAgICAgICAgICB2YXJpYW50PVwiZml4ZWRcIlxuICAgICAgICAgIG14PXtkaXNwbGF5R2xvYmFsTmF2UmVkZXNpZ24gPyB7IF86IDE2LCBzbTogMzIgfSA6IDB9XG4gICAgICAgICAgd2lkdGg9e2Rpc3BsYXlHbG9iYWxOYXZSZWRlc2lnbiA/ICdhdXRvJyA6ICdjYWxjKDEwMCUgLSAxNnB4KSd9XG4gICAgICAgICAgYmc9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cmVuZGVySGVhZGVyU2VjdGlvbihcbiAgICAgICAgICAgIGl0ZW0sXG4gICAgICAgICAgICBhY3Rpb24sXG4gICAgICAgICAgICBoYW5kbGVDbG9zZU1haW5NZW51LFxuICAgICAgICAgICAgZGlzcGxheUdsb2JhbE5hdlJlZGVzaWduLFxuICAgICAgICAgICAgaGFuZGxlQ2xvc2VTdWJNZW51XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9NZW51PlxuICAgICAgPC9Nb2JpbGVTdWJNZW51V3JhcHBlcj5cbiAgICA8L01vYmlsZVVsV3JhcHBlcj5cbiAgKTtcbn07XG4iXX0= */");
+const renderHeaderSection = (item, action, handleCloseMainMenu, displayGlobalNavRedesign, handleCloseSubMenu) => {
   switch (item.type) {
     case 'catalog-dropdown':
-      return displayGlobalNavRedesign ? /*#__PURE__*/_jsx(AppHeaderCatalogSectionVariantMobile, {
-        action: action,
-        item: item,
-        handleClose: handleCloseMainMenu
+      return displayGlobalNavRedesign ? /*#__PURE__*/_jsx(AppHeaderSection, {
+        navSections: CATALOG_NAV_SECTIONS,
+        MarketingBanner: MarketingBanner,
+        isMobile: true,
+        handleClose: handleCloseSubMenu,
+        type: "catalog-dropdown"
       }) : /*#__PURE__*/_jsx(AppHeaderCatalogSection, {
         action: action,
         item: item,
         handleClose: handleCloseMainMenu
       });
     case 'resources-dropdown':
-      return /*#__PURE__*/_jsx(AppHeaderResourcesSection, {
+      return displayGlobalNavRedesign ? /*#__PURE__*/_jsx(AppHeaderSection, {
+        navSections: RESOURCES_NAV_SECTIONS,
+        isMobile: true,
+        handleClose: handleCloseSubMenu,
+        type: "resources-dropdown"
+      }) : /*#__PURE__*/_jsx(AppHeaderResourcesSection, {
         action: action,
         handleClose: handleCloseMainMenu,
         resources: getHeaderResourcesList()
@@ -63,10 +73,11 @@ export const AppHeaderSubNavMobile = ({
   }, []);
   const isProfileMenu = item.type === 'profile-dropdown';
   const displayGlobalNavRedesign = useContext(GlobalNavRedesignContext);
+  const shouldShowBackButton = !displayGlobalNavRedesign || item.type !== 'resources-dropdown' && item.type !== 'catalog-dropdown';
   return /*#__PURE__*/_jsxs(MobileUlWrapper, {
     ref: mainUlWrapper,
     tabIndex: -1,
-    children: [/*#__PURE__*/_jsx(AppHeaderListItem, {
+    children: [shouldShowBackButton && /*#__PURE__*/_jsx(AppHeaderListItem, {
       children: /*#__PURE__*/_jsxs(StyledAnchor, {
         onClick: handleCloseSubMenu,
         variant: "interface",
@@ -89,7 +100,7 @@ export const AppHeaderSubNavMobile = ({
     }), /*#__PURE__*/_jsxs(MobileSubMenuWrapper, {
       handleClose: handleCloseSubMenu,
       isMenuRole: isProfileMenu,
-      children: [/*#__PURE__*/_jsx(Text, {
+      children: [shouldShowBackButton && /*#__PURE__*/_jsx(Text, {
         as: "h1",
         fontSize: 22,
         mb: 16,
@@ -102,9 +113,13 @@ export const AppHeaderSubNavMobile = ({
         children: isProfileMenu ? item.userDisplayName : item.text
       }), /*#__PURE__*/_jsx(Menu, {
         variant: "fixed",
-        mx: 8,
-        width: "calc(100% - 16px)",
-        children: renderHeaderSection(item, action, handleCloseMainMenu, displayGlobalNavRedesign)
+        mx: displayGlobalNavRedesign ? {
+          _: 16,
+          sm: 32
+        } : 0,
+        width: displayGlobalNavRedesign ? 'auto' : 'calc(100% - 16px)',
+        bg: "transparent",
+        children: renderHeaderSection(item, action, handleCloseMainMenu, displayGlobalNavRedesign, handleCloseSubMenu)
       })]
     })]
   });