@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

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

@@ -1,132 +1,111 @@
-import { useGlobalHeaderItemClick } from "../../../GlobalHeader/context.js";
-import { Anchor, Badge, Box, FlexBox, Text } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowRightIcon } from "@codecademy/gamut-icons";
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.tsx
-const MarketingBannerAnchor = styled(Anchor)`
-  display: flex;
-
-  &:hover,
-  &:focus-visible {
-    outline: none;
-    text-decoration: none;
-  }
-`;
-const MarketingBannerBox = styled(FlexBox)`
-  border: 1px solid ${({ theme }) => theme.colors["border-tertiary"]},
-    'rgba(255, 255, 255, 0.20)';
-  border-radius: 12px;
-  position: relative;
-  background: linear-gradient(
-    145deg,
-    ${({ theme }) => theme.colors["navy-800"]} 50%,
-    ${({ theme }) => theme.colors["blue-400"]} 100%
-  );
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: linear-gradient(
-      145deg,
-      ${({ theme }) => theme.colors["navy-800"]} 85%,
-      ${({ theme }) => theme.colors["blue-400"]} 100%
-    );
-    opacity: 0;
-    transition: opacity 0.4s ease-in-out;
-    border-radius: 12px;
-  }
-
-  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {
-    &::after {
-      opacity: 1;
-    }
-  }
-`;
-const MarketingArrowIcon = styled(ArrowRightIcon)`
-  transition: transform 0.2s ease-in-out;
-
-  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {
-    transform: translateX(10px);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-`;
-const MarketingBanner = ({ tabIndex, text, href }) => {
-	const { globalHeaderItemClick } = useGlobalHeaderItemClick();
-	return /* @__PURE__ */ jsx(MarketingBannerAnchor, {
-		variant: "interface",
-		href,
-		onClick: (event) => globalHeaderItemClick(event, {
-			type: "link",
-			href,
-			text,
-			id: "topnav_catalog_banner",
-			trackingTarget: "topnav_catalog_banner"
-		}),
-		tabIndex,
-		"data-testid": "marketing-banner",
-		children: /* @__PURE__ */ jsxs(MarketingBannerBox, {
-			width: "100%",
-			justifyContent: "space-between",
-			alignItems: {
-				_: "flex-end",
-				lg: "center"
-			},
-			height: {
-				_: "auto",
-				lg: "40px"
-			},
-			color: "white",
-			mx: 8,
-			mt: 8,
-			px: 24,
-			py: {
-				_: 16,
-				lg: 8
-			},
-			borderRadius: "lg",
-			children: [/* @__PURE__ */ jsxs(FlexBox, {
-				alignItems: {
-					_: "flex-start",
-					lg: "center"
-				},
-				flexDirection: {
-					_: "column",
-					lg: "row"
-				},
-				gap: {
-					_: 8,
-					lg: 0
-				},
-				zIndex: 1,
-				children: [/* @__PURE__ */ jsx(Badge, {
-					bg: "yellow-500",
-					color: "navy-800",
-					variant: "custom",
-					size: "sm",
-					mr: 8,
-					children: "New"
-				}), /* @__PURE__ */ jsx(Text, {
-					variant: "p-base",
-					children: text
-				})]
-			}), /* @__PURE__ */ jsx(Box, {
-				height: 16,
-				width: 16,
-				zIndex: 1,
-				children: /* @__PURE__ */ jsx(MarketingArrowIcon, {})
-			})]
-		})
-	});
-};
-
-//#endregion
-export { MarketingBanner };
+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 { Anchor, Badge, Box, FlexBox, Text } from '@codecademy/gamut';
+import { ArrowRightIcon } from '@codecademy/gamut-icons';
+import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MarketingBannerAnchor = /*#__PURE__*/_styled(Anchor, {
+  target: "e11di3442",
+  label: "MarketingBannerAnchor"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pdaf9u",
+  styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}"
+} : {
+  name: "pdaf9u",
+  styles: "display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const MarketingBannerBox = /*#__PURE__*/_styled(FlexBox, {
+  target: "e11di3441",
+  label: "MarketingBannerBox"
+})("border:1px solid ", ({
+  theme
+}) => theme.colors['border-tertiary'], ",'rgba(255, 255, 255, 0.20)';border-radius:12px;position:relative;background:linear-gradient(\n    145deg,\n    ", ({
+  theme
+}) => theme.colors['navy-800'], " 50%,\n    ", ({
+  theme
+}) => theme.colors['blue-400'], " 100%\n  );&::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(\n      145deg,\n      ", ({
+  theme
+}) => theme.colors['navy-800'], " 85%,\n      ", ({
+  theme
+}) => theme.colors['blue-400'], " 100%\n    );opacity:0;transition:opacity 0.4s ease-in-out;border-radius:12px;}", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{&::after{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHNvdXJjZTogJ2NhdGFsb2cnIHwgJ3Jlc291cmNlcycgfCAnc2VhcmNoJztcbiAgdGFiSW5kZXg6IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIHB5PzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgcHJvcGVydGllczogcmVhZG9ubHkgWydwYWRkaW5nVG9wJywgJ3BhZGRpbmdCb3R0b20nXTtcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHNvdXJjZSxcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG4gIHB5LFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgZGF0YS10ZXN0aWQ9XCJtYXJrZXRpbmctYmFubmVyXCJcbiAgICA+XG4gICAgICA8TWFya2V0aW5nQmFubmVyQm94XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtZW5kJywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgIGhlaWdodD17eyBfOiAnYXV0bycsIGxnOiAnNDBweCcgfX1cbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIG14PXs4fVxuICAgICAgICBtdD17OH1cbiAgICAgICAgcHg9ezI0fVxuICAgICAgICBweT17cHkgPz8geyBfOiAxNiwgbGc6IDggfX1cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtc3RhcnQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBsZzogJ3JvdycgfX1cbiAgICAgICAgICBnYXA9e3sgXzogOCwgbGc6IDAgfX1cbiAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgID5cbiAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgIGJnPVwieWVsbG93LTUwMFwiXG4gICAgICAgICAgICBjb2xvcj1cIm5hdnktODAwXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjdXN0b21cIlxuICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIE5ld1xuICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtYmFzZVwiPnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94IGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gekluZGV4PXsxfT5cbiAgICAgICAgICA8TWFya2V0aW5nQXJyb3dJY29uIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9NYXJrZXRpbmdCYW5uZXJCb3g+XG4gICAgPC9NYXJrZXRpbmdCYW5uZXJBbmNob3I+XG4gICk7XG59O1xuIl19 */"));
+const MarketingArrowIcon = /*#__PURE__*/_styled(ArrowRightIcon, {
+  target: "e11di3440",
+  label: "MarketingArrowIcon"
+})("transition:transform 0.2s ease-in-out;", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{transform:translateX(10px);}@media (prefers-reduced-motion: reduce){transition:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL01hcmtldGluZ0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9NYXJrZXRpbmdCYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCYWRnZSwgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dSaWdodEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBTY2FsZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlL2Rpc3QvdHlwZXMvY29uZmlnJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHNvdXJjZTogJ2NhdGFsb2cnIHwgJ3Jlc291cmNlcycgfCAnc2VhcmNoJztcbiAgdGFiSW5kZXg6IG51bWJlcjtcbiAgdGV4dDogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIHB5PzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgcHJvcGVydGllczogcmVhZG9ubHkgWydwYWRkaW5nVG9wJywgJ3BhZGRpbmdCb3R0b20nXTtcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdCYW5uZXI6IFJlYWN0LkZDPE1hcmtldGluZ0Jhbm5lclByb3BzPiA9ICh7XG4gIHNvdXJjZSxcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG4gIHB5LFxufSkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TWFya2V0aW5nQmFubmVyQW5jaG9yXG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIHtcbiAgICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgICAgaHJlZixcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIGlkOiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiBgdG9wbmF2XyR7c291cmNlfV9iYW5uZXJgLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgZGF0YS10ZXN0aWQ9XCJtYXJrZXRpbmctYmFubmVyXCJcbiAgICA+XG4gICAgICA8TWFya2V0aW5nQmFubmVyQm94XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtZW5kJywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgIGhlaWdodD17eyBfOiAnYXV0bycsIGxnOiAnNDBweCcgfX1cbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIG14PXs4fVxuICAgICAgICBtdD17OH1cbiAgICAgICAgcHg9ezI0fVxuICAgICAgICBweT17cHkgPz8geyBfOiAxNiwgbGc6IDggfX1cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2ZsZXgtc3RhcnQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPXt7IF86ICdjb2x1bW4nLCBsZzogJ3JvdycgfX1cbiAgICAgICAgICBnYXA9e3sgXzogOCwgbGc6IDAgfX1cbiAgICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgID5cbiAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgIGJnPVwieWVsbG93LTUwMFwiXG4gICAgICAgICAgICBjb2xvcj1cIm5hdnktODAwXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjdXN0b21cIlxuICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgIG1yPXs4fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIE5ld1xuICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInAtYmFzZVwiPnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94IGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gekluZGV4PXsxfT5cbiAgICAgICAgICA8TWFya2V0aW5nQXJyb3dJY29uIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9NYXJrZXRpbmdCYW5uZXJCb3g+XG4gICAgPC9NYXJrZXRpbmdCYW5uZXJBbmNob3I+XG4gICk7XG59O1xuIl19 */"));
+export const MarketingBanner = ({
+  source,
+  tabIndex,
+  text,
+  href,
+  py
+}) => {
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
+  return /*#__PURE__*/_jsx(MarketingBannerAnchor, {
+    variant: "interface",
+    href: href,
+    onClick: event => globalHeaderItemClick(event, {
+      type: 'link',
+      href,
+      text,
+      id: `topnav_${source}_banner`,
+      trackingTarget: `topnav_${source}_banner`
+    }),
+    tabIndex: tabIndex,
+    "data-testid": "marketing-banner",
+    children: /*#__PURE__*/_jsxs(MarketingBannerBox, {
+      width: "100%",
+      justifyContent: "space-between",
+      alignItems: {
+        _: 'flex-end',
+        lg: 'center'
+      },
+      height: {
+        _: 'auto',
+        lg: '40px'
+      },
+      color: "white",
+      mx: 8,
+      mt: 8,
+      px: 24,
+      py: py ?? {
+        _: 16,
+        lg: 8
+      },
+      borderRadius: "lg",
+      children: [/*#__PURE__*/_jsxs(FlexBox, {
+        alignItems: {
+          _: 'flex-start',
+          lg: 'center'
+        },
+        flexDirection: {
+          _: 'column',
+          lg: 'row'
+        },
+        gap: {
+          _: 8,
+          lg: 0
+        },
+        zIndex: 1,
+        children: [/*#__PURE__*/_jsx(Badge, {
+          bg: "yellow-500",
+          color: "navy-800",
+          variant: "custom",
+          size: "sm",
+          mr: 8,
+          children: "New"
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "p-base",
+          children: text
+        })]
+      }), /*#__PURE__*/_jsx(Box, {
+        height: 16,
+        width: 16,
+        zIndex: 1,
+        children: /*#__PURE__*/_jsx(MarketingArrowIcon, {})
+      })]
+    })
+  });
+};

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

@@ -0,0 +1,8 @@
+export declare const CourseTopicsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const DietCardGrid: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CareerPathsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const SkillPathsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const CertificationPathsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const LiveLearningPanel: () => import("react/jsx-runtime").JSX.Element;