@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/AppBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AppBar/index.tsx"],"mappings":";;;;UAGiB,WAAA,SACP,gBAAA,EACN,IAAA,CAAK,OAAA,CAAM,cAAA,QAAsB,gBAAA;;AAFrC;;EAME,IAAA;AAAA;AAAA,cAGW,MAAA,EAAQ,OAAA,CAAM,EAAA,CAAG,WAAA"}

package/dist/AppBar/index.js

@@ -1,20 +1,19 @@
-import { ContentContainer } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const AppBar = ({
-  'aria-label': ariaLabel,
-  as,
-  wide,
-  children
-}) => {
-  return /*#__PURE__*/_jsx(ContentContainer, {
-    "aria-label": ariaLabel,
-    as: as,
-    display: "flex",
-    alignItems: "center",
-    height: "100%",
-    size: wide ? 'wide' : 'medium',
-    zIndex: 14,
-    children: children
-  });
-};
+import { ContentContainer } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBar/index.tsx
+const AppBar = ({ "aria-label": ariaLabel, as, wide, children }) => {
+	return /* @__PURE__ */ React$1.createElement(ContentContainer, {
+		"aria-label": ariaLabel,
+		as,
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		size: wide ? "wide" : "medium",
+		zIndex: 14
+	}, children);
+};
+
+//#endregion
+export { AppBar };
+//# sourceMappingURL=index.js.map

package/dist/AppBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentContainer","React","AppBar","ariaLabel","as","wide","children","aria-label","display","alignItems","height","size","zIndex"],"sources":["../../src/AppBar/index.tsx"],"sourcesContent":["import { ContentContainer, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface AppBarProps\n  extends WithChildrenProp,\n    Pick<React.ComponentProps<typeof ContentContainer>, 'aria-label' | 'as'> {\n  /**\n   * Whether the container should be larger than the default content size.\n   */\n  wide?: boolean;\n}\n\nexport const AppBar: React.FC<AppBarProps> = ({\n  'aria-label': ariaLabel,\n  as,\n  wide,\n  children,\n}) => {\n  return (\n    <ContentContainer\n      aria-label={ariaLabel}\n      as={as}\n      display=\"flex\"\n      alignItems=\"center\"\n      height=\"100%\"\n      size={wide ? 'wide' : 'medium'}\n      zIndex={14}\n    >\n      {children}\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;AAYA,MAAaE,UAAiC,EAC5C,cAAcC,WACdC,IACAC,MACAC,eACD;AACC,QACE,wBAAA,cAACN,kBAAAA;EACCO,cAAYJ;EACRC;EACJI,SAAQ;EACRC,YAAW;EACXC,QAAO;EACPC,MAAMN,OAAO,SAAS;EACtBO,QAAQ;IAEPN,SAAAA"}

package/dist/AppBarDeprecated/AppBarSectionDeprecated.cjs

@@ -0,0 +1,24 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let src_AppBarDeprecated_styles_index_module_scss = require("./styles/index.module.scss");
+src_AppBarDeprecated_styles_index_module_scss = require_runtime.__toESM(src_AppBarDeprecated_styles_index_module_scss);
+
+//#region src/AppBarDeprecated/AppBarSectionDeprecated.tsx
+/**
+* @deprecated use `<AppBarSection>` instead
+* this component still exists since `<Footer>` in le-shared uses classnames
+*/ const AppBarSectionDeprecated = ({ position, className, children }) => {
+	const classes = (0, classnames.default)(src_AppBarDeprecated_styles_index_module_scss.default.section, {
+		[src_AppBarDeprecated_styles_index_module_scss.default.sectionRight]: position === "right",
+		[src_AppBarDeprecated_styles_index_module_scss.default.sectionLeft]: position === "left",
+		[src_AppBarDeprecated_styles_index_module_scss.default.sectionCenter]: position === "center"
+	}, className);
+	return /* @__PURE__ */ react.createElement("div", { className: classes }, children);
+};
+
+//#endregion
+exports.AppBarSectionDeprecated = AppBarSectionDeprecated;
+//# sourceMappingURL=AppBarSectionDeprecated.cjs.map

package/dist/AppBarDeprecated/AppBarSectionDeprecated.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSectionDeprecated.cjs","names":["cx","React","styles","AppBarSectionDeprecated","position","className","children","classes","section","sectionRight","sectionLeft","sectionCenter","div"],"sources":["../../src/AppBarDeprecated/AppBarSectionDeprecated.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport cx from 'classnames';\nimport * as React from 'react';\n\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles/index.module.scss';\n\nexport interface AppBarSectionPropsDeprecated extends WithChildrenProp {\n  /**\n   * Position of the the section within the AppBar.\n   */\n  position?: 'left' | 'center' | 'right';\n  className?: string;\n}\n\n/**\n * @deprecated use `<AppBarSection>` instead\n * this component still exists since `<Footer>` in le-shared uses classnames\n */\nexport const AppBarSectionDeprecated: React.FC<\n  AppBarSectionPropsDeprecated\n> = ({ position, className, children }) => {\n  const classes = cx(\n    styles.section,\n    {\n      [styles.sectionRight]: position === 'right',\n      [styles.sectionLeft]: position === 'left',\n      [styles.sectionCenter]: position === 'center',\n    },\n    className\n  );\n  return <div className={classes}>{children}</div>;\n};\n"],"mappings":";;;;;;;;;;;;GAmBA,MAAaG,2BAER,EAAEC,UAAUC,WAAWC,eAAU;CACpC,MAAMC,kCACJL,sDAAOM,SACP;GACGN,sDAAOO,eAAeL,aAAa;GACnCF,sDAAOQ,cAAcN,aAAa;GAClCF,sDAAOS,gBAAgBP,aAAa;EACvC,EACAC,UAAAA;AAEF,QAAO,sBAAA,cAACO,OAAAA,EAAIP,WAAWE,WAAUD,SAAAA"}

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.cts

@@ -0,0 +1,19 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBarDeprecated/AppBarSectionDeprecated.d.ts
+interface AppBarSectionPropsDeprecated extends WithChildrenProp {
+  /**
+   * Position of the the section within the AppBar.
+   */
+  position?: 'left' | 'center' | 'right';
+  className?: string;
+}
+/**
+ * @deprecated use `<AppBarSection>` instead
+ * this component still exists since `<Footer>` in le-shared uses classnames
+ */
+declare const AppBarSectionDeprecated: React$1.FC<AppBarSectionPropsDeprecated>;
+//#endregion
+export { AppBarSectionDeprecated, AppBarSectionPropsDeprecated };
+//# sourceMappingURL=AppBarSectionDeprecated.d.cts.map

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSectionDeprecated.d.cts","names":[],"sources":["../../src/AppBarDeprecated/AppBarSectionDeprecated.tsx"],"mappings":";;;;UAOiB,4BAAA,SAAqC,gBAAA;;AAAtD;;EAIE,QAAA;EACA,SAAA;AAAA;;;;;cAOW,uBAAA,EAAyB,OAAA,CAAM,EAAA,CAC1C,4BAAA"}

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.ts

@@ -1,14 +1,19 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-export interface AppBarSectionPropsDeprecated extends WithChildrenProp {
-    /**
-     * Position of the the section within the AppBar.
-     */
-    position?: 'left' | 'center' | 'right';
-    className?: string;
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBarDeprecated/AppBarSectionDeprecated.d.ts
+interface AppBarSectionPropsDeprecated extends WithChildrenProp {
+  /**
+   * Position of the the section within the AppBar.
+   */
+  position?: 'left' | 'center' | 'right';
+  className?: string;
 }
 /**
  * @deprecated use `<AppBarSection>` instead
  * this component still exists since `<Footer>` in le-shared uses classnames
  */
-export declare const AppBarSectionDeprecated: React.FC<AppBarSectionPropsDeprecated>;
+declare const AppBarSectionDeprecated: React$1.FC<AppBarSectionPropsDeprecated>;
+//#endregion
+export { AppBarSectionDeprecated, AppBarSectionPropsDeprecated };
+//# sourceMappingURL=AppBarSectionDeprecated.d.ts.map

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSectionDeprecated.d.ts","names":[],"sources":["../../src/AppBarDeprecated/AppBarSectionDeprecated.tsx"],"mappings":";;;;UAOiB,4BAAA,SAAqC,gBAAA;;AAAtD;;EAIE,QAAA;EACA,SAAA;AAAA;;;;;cAOW,uBAAA,EAAyB,OAAA,CAAM,EAAA,CAC1C,4BAAA"}

package/dist/AppBarDeprecated/AppBarSectionDeprecated.js

@@ -1,25 +1,20 @@
-import cx from 'classnames';
-import * as React from 'react';
+import * as React$1 from "react";
+import cx from "classnames";
+import styles from "./styles/index.module.scss";
 
-// eslint-disable-next-line gamut/no-css-standalone
-import styles from './styles/index.module.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
+//#region src/AppBarDeprecated/AppBarSectionDeprecated.tsx
 /**
- * @deprecated use `<AppBarSection>` instead
- * this component still exists since `<Footer>` in le-shared uses classnames
- */
-export const AppBarSectionDeprecated = ({
-  position,
-  className,
-  children
-}) => {
-  const classes = cx(styles.section, {
-    [styles.sectionRight]: position === 'right',
-    [styles.sectionLeft]: position === 'left',
-    [styles.sectionCenter]: position === 'center'
-  }, className);
-  return /*#__PURE__*/_jsx("div", {
-    className: classes,
-    children: children
-  });
-};
+* @deprecated use `<AppBarSection>` instead
+* this component still exists since `<Footer>` in le-shared uses classnames
+*/ const AppBarSectionDeprecated = ({ position, className, children }) => {
+	const classes = cx(styles.section, {
+		[styles.sectionRight]: position === "right",
+		[styles.sectionLeft]: position === "left",
+		[styles.sectionCenter]: position === "center"
+	}, className);
+	return /* @__PURE__ */ React$1.createElement("div", { className: classes }, children);
+};
+
+//#endregion
+export { AppBarSectionDeprecated };
+//# sourceMappingURL=AppBarSectionDeprecated.js.map

package/dist/AppBarDeprecated/AppBarSectionDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSectionDeprecated.js","names":["cx","React","styles","AppBarSectionDeprecated","position","className","children","classes","section","sectionRight","sectionLeft","sectionCenter","div"],"sources":["../../src/AppBarDeprecated/AppBarSectionDeprecated.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport cx from 'classnames';\nimport * as React from 'react';\n\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles/index.module.scss';\n\nexport interface AppBarSectionPropsDeprecated extends WithChildrenProp {\n  /**\n   * Position of the the section within the AppBar.\n   */\n  position?: 'left' | 'center' | 'right';\n  className?: string;\n}\n\n/**\n * @deprecated use `<AppBarSection>` instead\n * this component still exists since `<Footer>` in le-shared uses classnames\n */\nexport const AppBarSectionDeprecated: React.FC<\n  AppBarSectionPropsDeprecated\n> = ({ position, className, children }) => {\n  const classes = cx(\n    styles.section,\n    {\n      [styles.sectionRight]: position === 'right',\n      [styles.sectionLeft]: position === 'left',\n      [styles.sectionCenter]: position === 'center',\n    },\n    className\n  );\n  return <div className={classes}>{children}</div>;\n};\n"],"mappings":";;;;;;;;GAmBA,MAAaG,2BAER,EAAEC,UAAUC,WAAWC,eAAU;CACpC,MAAMC,UAAUP,GACdE,OAAOM,SACP;GACGN,OAAOO,eAAeL,aAAa;GACnCF,OAAOQ,cAAcN,aAAa;GAClCF,OAAOS,gBAAgBP,aAAa;EACvC,EACAC,UAAAA;AAEF,QAAO,wBAAA,cAACO,OAAAA,EAAIP,WAAWE,WAAUD,SAAAA"}

package/dist/AppBarDeprecated/index.cjs

@@ -0,0 +1,27 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let src_AppBarDeprecated_styles_index_module_scss = require("./styles/index.module.scss");
+src_AppBarDeprecated_styles_index_module_scss = require_runtime.__toESM(src_AppBarDeprecated_styles_index_module_scss);
+
+//#region src/AppBarDeprecated/index.tsx
+/**
+* @deprecated use `<AppBar>` instead
+* this component still exists since `<Footer>` in le-shared uses classnames
+*/ const AppBarDeprecated = ({ wide, children, className }) => {
+	const classes = (0, classnames.default)(src_AppBarDeprecated_styles_index_module_scss.default.wrapper, className);
+	return /* @__PURE__ */ react.createElement(_codecademy_gamut.ContentContainer, {
+		className: classes,
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		size: wide ? "wide" : "medium"
+	}, children);
+};
+
+//#endregion
+exports.AppBarDeprecated = AppBarDeprecated;
+//# sourceMappingURL=index.cjs.map

package/dist/AppBarDeprecated/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["ContentContainer","cx","React","styles","AppBarDeprecated","wide","children","className","classes","wrapper","display","alignItems","height","size"],"sources":["../../src/AppBarDeprecated/index.tsx"],"sourcesContent":["import { ContentContainer, WithChildrenProp } from '@codecademy/gamut';\nimport cx from 'classnames';\nimport * as React from 'react';\n\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles/index.module.scss';\n\nexport interface AppBarPropsDeprecated extends WithChildrenProp {\n  className?: string;\n  /**\n   * Whether the container should be larger than the default content size.\n   */\n  wide?: boolean;\n}\n\n/**\n * @deprecated use `<AppBar>` instead\n * this component still exists since `<Footer>` in le-shared uses classnames\n */\nexport const AppBarDeprecated: React.FC<AppBarPropsDeprecated> = ({\n  wide,\n  children,\n  className,\n}) => {\n  const classes = cx(styles.wrapper, className);\n\n  return (\n    <ContentContainer\n      className={classes}\n      display=\"flex\"\n      alignItems=\"center\"\n      height=\"100%\"\n      size={wide ? 'wide' : 'medium'}\n    >\n      {children}\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;GAmBA,MAAaI,oBAAqD,EAChEC,MACAC,UACAC,gBACD;CACC,MAAMC,kCAAaL,sDAAOM,SAASF,UAAAA;AAEnC,QACE,sBAAA,cAACP,oCAAAA;EACCO,WAAWC;EACXE,SAAQ;EACRC,YAAW;EACXC,QAAO;EACPC,MAAMR,OAAO,SAAS;IAErBC,SAAAA"}

package/dist/AppBarDeprecated/index.d.cts

@@ -0,0 +1,19 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBarDeprecated/index.d.ts
+interface AppBarPropsDeprecated extends WithChildrenProp {
+  className?: string;
+  /**
+   * Whether the container should be larger than the default content size.
+   */
+  wide?: boolean;
+}
+/**
+ * @deprecated use `<AppBar>` instead
+ * this component still exists since `<Footer>` in le-shared uses classnames
+ */
+declare const AppBarDeprecated: React$1.FC<AppBarPropsDeprecated>;
+//#endregion
+export { AppBarDeprecated, AppBarPropsDeprecated };
+//# sourceMappingURL=index.d.cts.map

package/dist/AppBarDeprecated/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AppBarDeprecated/index.tsx"],"mappings":";;;;UAOiB,qBAAA,SAA8B,gBAAA;EAC7C,SAAA;EADe;;;EAKf,IAAA;AAAA;;;;;cAOW,gBAAA,EAAkB,OAAA,CAAM,EAAA,CAAG,qBAAA"}

package/dist/AppBarDeprecated/index.d.ts

@@ -1,14 +1,19 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-export interface AppBarPropsDeprecated extends WithChildrenProp {
-    className?: string;
-    /**
-     * Whether the container should be larger than the default content size.
-     */
-    wide?: boolean;
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/AppBarDeprecated/index.d.ts
+interface AppBarPropsDeprecated extends WithChildrenProp {
+  className?: string;
+  /**
+   * Whether the container should be larger than the default content size.
+   */
+  wide?: boolean;
 }
 /**
  * @deprecated use `<AppBar>` instead
  * this component still exists since `<Footer>` in le-shared uses classnames
  */
-export declare const AppBarDeprecated: React.FC<AppBarPropsDeprecated>;
+declare const AppBarDeprecated: React$1.FC<AppBarPropsDeprecated>;
+//#endregion
+export { AppBarDeprecated, AppBarPropsDeprecated };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppBarDeprecated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/AppBarDeprecated/index.tsx"],"mappings":";;;;UAOiB,qBAAA,SAA8B,gBAAA;EAC7C,SAAA;EADe;;;EAKf,IAAA;AAAA;;;;;cAOW,gBAAA,EAAkB,OAAA,CAAM,EAAA,CAAG,qBAAA"}

package/dist/AppBarDeprecated/index.js

@@ -1,26 +1,23 @@
-import { ContentContainer } from '@codecademy/gamut';
-import cx from 'classnames';
-import * as React from 'react';
+import { ContentContainer } from "@codecademy/gamut";
+import * as React$1 from "react";
+import cx from "classnames";
+import styles from "./styles/index.module.scss";
 
-// eslint-disable-next-line gamut/no-css-standalone
-import styles from './styles/index.module.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
+//#region src/AppBarDeprecated/index.tsx
 /**
- * @deprecated use `<AppBar>` instead
- * this component still exists since `<Footer>` in le-shared uses classnames
- */
-export const AppBarDeprecated = ({
-  wide,
-  children,
-  className
-}) => {
-  const classes = cx(styles.wrapper, className);
-  return /*#__PURE__*/_jsx(ContentContainer, {
-    className: classes,
-    display: "flex",
-    alignItems: "center",
-    height: "100%",
-    size: wide ? 'wide' : 'medium',
-    children: children
-  });
-};
+* @deprecated use `<AppBar>` instead
+* this component still exists since `<Footer>` in le-shared uses classnames
+*/ const AppBarDeprecated = ({ wide, children, className }) => {
+	const classes = cx(styles.wrapper, className);
+	return /* @__PURE__ */ React$1.createElement(ContentContainer, {
+		className: classes,
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		size: wide ? "wide" : "medium"
+	}, children);
+};
+
+//#endregion
+export { AppBarDeprecated };
+//# sourceMappingURL=index.js.map

package/dist/AppBarDeprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentContainer","cx","React","styles","AppBarDeprecated","wide","children","className","classes","wrapper","display","alignItems","height","size"],"sources":["../../src/AppBarDeprecated/index.tsx"],"sourcesContent":["import { ContentContainer, WithChildrenProp } from '@codecademy/gamut';\nimport cx from 'classnames';\nimport * as React from 'react';\n\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles/index.module.scss';\n\nexport interface AppBarPropsDeprecated extends WithChildrenProp {\n  className?: string;\n  /**\n   * Whether the container should be larger than the default content size.\n   */\n  wide?: boolean;\n}\n\n/**\n * @deprecated use `<AppBar>` instead\n * this component still exists since `<Footer>` in le-shared uses classnames\n */\nexport const AppBarDeprecated: React.FC<AppBarPropsDeprecated> = ({\n  wide,\n  children,\n  className,\n}) => {\n  const classes = cx(styles.wrapper, className);\n\n  return (\n    <ContentContainer\n      className={classes}\n      display=\"flex\"\n      alignItems=\"center\"\n      height=\"100%\"\n      size={wide ? 'wide' : 'medium'}\n    >\n      {children}\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;;;;;;GAmBA,MAAaI,oBAAqD,EAChEC,MACAC,UACAC,gBACD;CACC,MAAMC,UAAUP,GAAGE,OAAOM,SAASF,UAAAA;AAEnC,QACE,wBAAA,cAACP,kBAAAA;EACCO,WAAWC;EACXE,SAAQ;EACRC,YAAW;EACXC,QAAO;EACPC,MAAMR,OAAO,SAAS;IAErBC,SAAAA"}

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

@@ -0,0 +1,84 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_context = require('../../../GlobalHeader/context.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.tsx
+const MarketingBannerAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "ejiu5no0",
+	label: "brand-MarketingBannerAnchor"
+})("display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzhCIn0= */");
+const MarketingBannerBox = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.FlexBox, {
+	target: "ejiu5no1",
+	label: "brand-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,", ({ theme }) => theme.colors["navy-800"], " 50%,", ({ theme }) => theme.colors["blue-400"], " 100%\n  );&::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(\n      145deg,", ({ theme }) => theme.colors["navy-800"], " 85%,", ({ 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;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiJ9 */");
+const MarketingArrowIcon = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowRightIcon, {
+	target: "ejiu5no2",
+	label: "brand-MarketingArrowIcon"
+})("transition:transform 0.2s ease-in-out;", MarketingBannerAnchor, ":hover &,", MarketingBannerAnchor, ":focus-visible &{transform:translateX(10px);}@media (prefers-reduced-motion:reduce){transition:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1hcmtldGluZ0Jhbm5lckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JvcmRlci10ZXJ0aWFyeSddfSxcbiAgICAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIwKSc7XG4gIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDE0NWRlZyxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS04MDAnXX0gNTAlLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICk7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgMTQ1ZGVnLFxuICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDg1JSxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfSAxMDAlXG4gICAgKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLWluLW91dDtcbiAgICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICB9XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dSaWdodEljb24pYFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcblxuICAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06aG92ZXIgJiwgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmZvY3VzLXZpc2libGUgJiB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBNYXJrZXRpbmdCYW5uZXJQcm9wcyA9IHtcbiAgc291cmNlOiAnY2F0YWxvZycgfCAncmVzb3VyY2VzJyB8ICdzZWFyY2gnO1xuICB0YWJJbmRleDogbnVtYmVyO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgcHk/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBwcm9wZXJ0aWVzOiByZWFkb25seSBbJ3BhZGRpbmdUb3AnLCAncGFkZGluZ0JvdHRvbSddO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgc291cmNlLFxuICB0YWJJbmRleCxcbiAgdGV4dCxcbiAgaHJlZixcbiAgcHksXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgICAgdHJhY2tpbmdUYXJnZXQ6IGB0b3BuYXZfJHtzb3VyY2V9X2Jhbm5lcmAsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1hcmtldGluZy1iYW5uZXJcIlxuICAgID5cbiAgICAgIDxNYXJrZXRpbmdCYW5uZXJCb3hcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1lbmQnLCBsZzogJ2NlbnRlcicgfX1cbiAgICAgICAgaGVpZ2h0PXt7IF86ICdhdXRvJywgbGc6ICc0MHB4JyB9fVxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgbXg9ezh9XG4gICAgICAgIG10PXs4fVxuICAgICAgICBweD17MjR9XG4gICAgICAgIHB5PXtweSA/PyB7IF86IDE2LCBsZzogOCB9fVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz17eyBfOiAnZmxleC1zdGFydCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIGxnOiAncm93JyB9fVxuICAgICAgICAgIGdhcD17eyBfOiA4LCBsZzogMCB9fVxuICAgICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgPlxuICAgICAgICAgIDxCYWRnZVxuICAgICAgICAgICAgYmc9XCJ5ZWxsb3ctNTAwXCJcbiAgICAgICAgICAgIGNvbG9yPVwibmF2eS04MDBcIlxuICAgICAgICAgICAgdmFyaWFudD1cImN1c3RvbVwiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgTmV3XG4gICAgICAgICAgPC9CYWRnZT5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCI+e3RleHR9PC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3ggaGVpZ2h0PXsxNn0gd2lkdGg9ezE2fSB6SW5kZXg9ezF9PlxuICAgICAgICAgIDxNYXJrZXRpbmdBcnJvd0ljb24gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L01hcmtldGluZ0Jhbm5lckJveD5cbiAgICA8L01hcmtldGluZ0Jhbm5lckFuY2hvcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0QyQiJ9 */");
+const MarketingBanner = ({ source, tabIndex, text, href, py }) => {
+	const { globalHeaderItemClick } = require_context.useGlobalHeaderItemClick();
+	return /* @__PURE__ */ React.createElement(MarketingBannerAnchor, {
+		variant: "interface",
+		href,
+		onClick: (event) => globalHeaderItemClick(event, {
+			type: "link",
+			href,
+			text,
+			id: `topnav_${source}_banner`,
+			trackingTarget: `topnav_${source}_banner`
+		}),
+		tabIndex,
+		"data-testid": "marketing-banner"
+	}, /* @__PURE__ */ React.createElement(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"
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: {
+			_: "flex-start",
+			lg: "center"
+		},
+		flexDirection: {
+			_: "column",
+			lg: "row"
+		},
+		gap: {
+			_: 8,
+			lg: 0
+		},
+		zIndex: 1
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Badge, {
+		bg: "yellow-500",
+		color: "navy-800",
+		variant: "custom",
+		size: "sm",
+		mr: 8
+	}, "New"), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { variant: "p-base" }, text)), /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+		height: 16,
+		width: 16,
+		zIndex: 1
+	}, /* @__PURE__ */ React.createElement(MarketingArrowIcon, null))));
+};
+
+//#endregion
+exports.MarketingBanner = MarketingBanner;
+//# sourceMappingURL=MarketingBanner.cjs.map

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingBanner.cjs","names":["Anchor","Badge","Box","FlexBox","Text","ArrowRightIcon","styled","useGlobalHeaderItemClick","MarketingBannerAnchor","MarketingBannerBox","theme","colors","MarketingArrowIcon","MarketingBanner","source","tabIndex","text","href","py","globalHeaderItemClick","variant","onClick","event","type","id","trackingTarget","data-testid","width","justifyContent","alignItems","_","lg","height","color","mx","mt","px","borderRadius","flexDirection","gap","zIndex","bg","size","mr"],"sources":["../../../../src/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.tsx"],"sourcesContent":["import { Anchor, Badge, Box, FlexBox, Text } from '@codecademy/gamut';\nimport { ArrowRightIcon } from '@codecademy/gamut-icons';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport styled from '@emotion/styled';\n\nimport { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';\n\nconst MarketingBannerAnchor = styled(Anchor)`\n  display: flex;\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n    text-decoration: none;\n  }\n`;\n\nconst MarketingBannerBox = styled(FlexBox)`\n  border: 1px solid ${({ theme }) => theme.colors['border-tertiary']},\n    'rgba(255, 255, 255, 0.20)';\n  border-radius: 12px;\n  position: relative;\n  background: linear-gradient(\n    145deg,\n    ${({ theme }) => theme.colors['navy-800']} 50%,\n    ${({ theme }) => theme.colors['blue-400']} 100%\n  );\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n      145deg,\n      ${({ theme }) => theme.colors['navy-800']} 85%,\n      ${({ theme }) => theme.colors['blue-400']} 100%\n    );\n    opacity: 0;\n    transition: opacity 0.4s ease-in-out;\n    border-radius: 12px;\n  }\n\n  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {\n    &::after {\n      opacity: 1;\n    }\n  }\n`;\n\nconst MarketingArrowIcon = styled(ArrowRightIcon)`\n  transition: transform 0.2s ease-in-out;\n\n  ${MarketingBannerAnchor}:hover &, ${MarketingBannerAnchor}:focus-visible & {\n    transform: translateX(10px);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n`;\n\nexport type MarketingBannerProps = {\n  source: 'catalog' | 'resources' | 'search';\n  tabIndex: number;\n  text: string;\n  href: string;\n  py?: Scale<{\n    readonly property: 'padding';\n    readonly properties: readonly ['paddingTop', 'paddingBottom'];\n    readonly scale: 'spacing';\n  }>;\n};\n\nexport const MarketingBanner: React.FC<MarketingBannerProps> = ({\n  source,\n  tabIndex,\n  text,\n  href,\n  py,\n}) => {\n  const { globalHeaderItemClick } = useGlobalHeaderItemClick();\n\n  return (\n    <MarketingBannerAnchor\n      variant=\"interface\"\n      href={href}\n      onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) =>\n        globalHeaderItemClick(event, {\n          type: 'link',\n          href,\n          text,\n          id: `topnav_${source}_banner`,\n          trackingTarget: `topnav_${source}_banner`,\n        })\n      }\n      tabIndex={tabIndex}\n      data-testid=\"marketing-banner\"\n    >\n      <MarketingBannerBox\n        width=\"100%\"\n        justifyContent=\"space-between\"\n        alignItems={{ _: 'flex-end', lg: 'center' }}\n        height={{ _: 'auto', lg: '40px' }}\n        color=\"white\"\n        mx={8}\n        mt={8}\n        px={24}\n        py={py ?? { _: 16, lg: 8 }}\n        borderRadius=\"lg\"\n      >\n        <FlexBox\n          alignItems={{ _: 'flex-start', lg: 'center' }}\n          flexDirection={{ _: 'column', lg: 'row' }}\n          gap={{ _: 8, lg: 0 }}\n          zIndex={1}\n        >\n          <Badge\n            bg=\"yellow-500\"\n            color=\"navy-800\"\n            variant=\"custom\"\n            size=\"sm\"\n            mr={8}\n          >\n            New\n          </Badge>\n          <Text variant=\"p-base\">{text}</Text>\n        </FlexBox>\n        <Box height={16} width={16} zIndex={1}>\n          <MarketingArrowIcon />\n        </Box>\n      </MarketingBannerBox>\n    </MarketingBannerAnchor>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAMQ,wBAAwBF,6CAAON,0BAAAA;;;;AAUrC,MAAMS,qBAAqBH,6CAAOH,2BAAAA;;;yBACX,EAAEO,YAAYA,MAAMC,OAAO,oBAAkB,4GAM7D,EAAED,YAAYA,MAAMC,OAAO,aAAW,UACtC,EAAED,YAAYA,MAAMC,OAAO,aAAW,8HAYpC,EAAED,YAAYA,MAAMC,OAAO,aAAW,UACtC,EAAED,YAAYA,MAAMC,OAAO,aAAW,mFAO3CH,uBAAAA,aAAkCA,uBAAAA,0CAAAA,8oKAAAA;AAOtC,MAAMI,qBAAqBN,6CAAOD,wCAAAA;;;6CAG9BG,uBAAAA,aAAkCA,uBAAAA,yGAAAA,8oKAAAA;AAqBtC,MAAaK,mBAAmD,EAC9DC,QACAC,UACAC,MACAC,MACAC,SACD;CACC,MAAM,EAAEC,0BAA0BZ,0CAAAA;AAElC,QACE,sBAAA,cAACC,uBAAAA;EACCY,SAAQ;EACFH;EACNI,UAAUC,UACRH,sBAAsBG,OAAO;GAC3BC,MAAM;GACNN;GACAD;GACAQ,IAAI,UAAUV,OAAO;GACrBW,gBAAgB,UAAUX,OAAO;GACnC,CAAA;EAEQC;EACVW,eAAY;IAEZ,sBAAA,cAACjB,oBAAAA;EACCkB,OAAM;EACNC,gBAAe;EACfC,YAAY;GAAEC,GAAG;GAAYC,IAAI;GAAS;EAC1CC,QAAQ;GAAEF,GAAG;GAAQC,IAAI;GAAO;EAChCE,OAAM;EACNC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJlB,IAAIA,MAAM;GAAEY,GAAG;GAAIC,IAAI;GAAE;EACzBM,cAAa;IAEb,sBAAA,cAAClC,2BAAAA;EACC0B,YAAY;GAAEC,GAAG;GAAcC,IAAI;GAAS;EAC5CO,eAAe;GAAER,GAAG;GAAUC,IAAI;GAAM;EACxCQ,KAAK;GAAET,GAAG;GAAGC,IAAI;GAAE;EACnBS,QAAQ;IAER,sBAAA,cAACvC,yBAAAA;EACCwC,IAAG;EACHR,OAAM;EACNb,SAAQ;EACRsB,MAAK;EACLC,IAAI;IACL,MAAA,EAGD,sBAAA,cAACvC,wBAAAA,EAAKgB,SAAQ,YAAUJ,KAAAA,CAAAA,EAE1B,sBAAA,cAACd,uBAAAA;EAAI8B,QAAQ;EAAIL,OAAO;EAAIa,QAAQ;IAClC,sBAAA,cAAC5B,oBAAAA,KAAAA,CAAAA,CAAAA,CAAAA"}