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

package/dist/AppBar/AppBarSection.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarSection.d.cts","names":[],"sources":["../../src/AppBar/AppBarSection.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAMM,0BAsBJ,uCAAA,CAtBoB;UAAA,eAAA,CAAA;;UAwBL,kBAAA,SACP,kBAAkB,mBACxB;AA1BE,cAiCO,aAXX,EAW0B,OAAA,CAAM,EAXhC,CAWmC,kBAXnC,CAAA"}

package/dist/AppBar/AppBarSection.d.mts

@@ -1,16 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import * as _codecademy_variance0 from "@codecademy/variance";
-import { StyleProps } from "@codecademy/variance";
-import * as _emotion_react0 from "@emotion/react";
-import * as _codecademy_variance_dist_types_config0 from "@codecademy/variance/dist/types/config";
-
-//#region src/AppBar/AppBarSection.d.ts
-declare const positionVariants: (props: _codecademy_variance_dist_types_config0.VariantProps<"position", false | "right" | "left" | "center"> & {
-  theme?: _emotion_react0.Theme;
-}) => _codecademy_variance0.CSSObject;
-interface AppBarSectionProps extends StyleProps<typeof positionVariants>, WithChildrenProp {}
-declare const AppBarSection: React$1.FC<AppBarSectionProps>;
-//#endregion
-export { AppBarSection, AppBarSectionProps };
-//# sourceMappingURL=AppBarSection.d.mts.map

package/dist/AppBar/AppBarSection.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarSection.d.mts","names":[],"sources":["../../src/AppBar/AppBarSection.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAMM,0BAsBJ,uCAAA,CAtBoB;UAAA,eAAA,CAAA;;UAwBL,kBAAA,SACP,kBAAkB,mBACxB;AA1BE,cAiCO,aAXX,EAW0B,OAAA,CAAM,EAXhC,CAWmC,kBAXnC,CAAA"}

package/dist/AppBar/AppBarSection.mjs

@@ -1,37 +0,0 @@
-import { styledOptions, variant } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-
-//#region src/AppBar/AppBarSection.tsx
-const positionVariants = variant({
-	prop: "position",
-	base: {
-		display: "flex",
-		alignItems: "center",
-		height: "100%",
-		zIndex: 1
-	},
-	variants: {
-		left: { flex: 1 },
-		right: {
-			flex: 1,
-			justifyContent: "flex-end"
-		},
-		center: {
-			flex: 2,
-			justifyContent: "center",
-			textAlign: "center"
-		}
-	}
-});
-const StyledSection = /* @__PURE__ */ styled("div", styledOptions, {
-	target: "eq885yn0",
-	label: "brand-StyledSection"
-})(positionVariants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEJhci9BcHBCYXJTZWN0aW9uLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEJhci9BcHBCYXJTZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBwb3NpdGlvblZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICdwb3NpdGlvbicsXG4gIGJhc2U6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgekluZGV4OiAxLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIGxlZnQ6IHtcbiAgICAgIGZsZXg6IDEsXG4gICAgfSxcbiAgICByaWdodDoge1xuICAgICAgZmxleDogMSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLFxuICAgIH0sXG4gICAgY2VudGVyOiB7XG4gICAgICBmbGV4OiAyLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXBwQmFyU2VjdGlvblByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgcG9zaXRpb25WYXJpYW50cz4sXG4gICAgV2l0aENoaWxkcmVuUHJvcCB7fVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxBcHBCYXJTZWN0aW9uUHJvcHM+KHBvc2l0aW9uVmFyaWFudHMpO1xuXG5leHBvcnQgY29uc3QgQXBwQmFyU2VjdGlvbjogUmVhY3QuRkM8QXBwQmFyU2VjdGlvblByb3BzPiA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgcmV0dXJuIDxTdHlsZWRTZWN0aW9uIHBvc2l0aW9uPXtwb3NpdGlvbn0+e2NoaWxkcmVufTwvU3R5bGVkU2VjdGlvbj47XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDc0IifQ== */");
-const AppBarSection = ({ position, children }) => {
-	return /* @__PURE__ */ React$1.createElement(StyledSection, { position }, children);
-};
-
-//#endregion
-export { AppBarSection };
-//# sourceMappingURL=AppBarSection.mjs.map

package/dist/AppBar/AppBarSection.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarSection.mjs","names":["styledOptions","variant","styled","React","positionVariants","prop","base","display","alignItems","height","zIndex","variants","left","flex","right","justifyContent","center","textAlign","StyledSection","AppBarSection","position","children"],"sources":["../../src/AppBar/AppBarSection.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport { styledOptions, variant } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst positionVariants = variant({\n  prop: 'position',\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    height: '100%',\n    zIndex: 1,\n  },\n  variants: {\n    left: {\n      flex: 1,\n    },\n    right: {\n      flex: 1,\n      justifyContent: 'flex-end',\n    },\n    center: {\n      flex: 2,\n      justifyContent: 'center',\n      textAlign: 'center',\n    },\n  },\n});\n\nexport interface AppBarSectionProps\n  extends StyleProps<typeof positionVariants>,\n    WithChildrenProp {}\n\nconst StyledSection = styled(\n  'div',\n  styledOptions\n)<AppBarSectionProps>(positionVariants);\n\nexport const AppBarSection: React.FC<AppBarSectionProps> = ({\n  position,\n  children,\n}) => {\n  return <StyledSection position={position}>{children}</StyledSection>;\n};\n"],"mappings":";;;;;AAMA,MAAMI,mBAAmBH,QAAQ;CAC/BI,MAAM;CACNC,MAAM;EACJC,SAAS;EACTC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACV;CACAC,UAAU;EACRC,MAAM,EACJC,MAAM,GACR;EACAC,OAAO;GACLD,MAAM;GACNE,gBAAgB;GAClB;EACAC,QAAQ;GACNH,MAAM;GACNE,gBAAgB;GAChBE,WAAW;GACb;EACF;CACF,CAAA;AAMA,MAAMC,gBAAgBhB,uBACpB,OACAF,eAAAA;;;GACoBI,kBAAAA,kuDAAAA;AAEtB,MAAae,iBAA+C,EAC1DC,UACAC,eACD;AACC,QAAO,wBAAA,cAACH,eAAAA,EAAwBE,YAAWC,SAAAA"}

package/dist/AppBar/index.cjs

@@ -1,21 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/AppBar/index.tsx
-const AppBar = ({ "aria-label": ariaLabel, as, wide, children }) => {
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.ContentContainer, {
-		"aria-label": ariaLabel,
-		as,
-		display: "flex",
-		alignItems: "center",
-		height: "100%",
-		size: wide ? "wide" : "medium",
-		zIndex: 14
-	}, children);
-};
-
-//#endregion
-exports.AppBar = AppBar;
-//# sourceMappingURL=index.cjs.map

package/dist/AppBar/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","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,sBAAA,cAACN,oCAAAA;EACCO,cAAYJ;EACRC;EACJI,SAAQ;EACRC,YAAW;EACXC,QAAO;EACPC,MAAMN,OAAO,SAAS;EACtBO,QAAQ;IAEPN,SAAAA"}

package/dist/AppBar/index.d.cts

@@ -1,14 +0,0 @@
-import { ContentContainer, WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/AppBar/index.d.ts
-interface AppBarProps extends WithChildrenProp, Pick<React$1.ComponentProps<typeof ContentContainer>, 'aria-label' | 'as'> {
-  /**
-   * Whether the container should be larger than the default content size.
-   */
-  wide?: boolean;
-}
-declare const AppBar: React$1.FC<AppBarProps>;
-//#endregion
-export { AppBar, AppBarProps };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AppBar/index.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,WAAA,SACP,kBACN,KAAK,OAAA,CAAM,sBAAsB;;AAFrC;;EAES,IAAA,CAAM,EAAA,OAAA;;AAAX,cAOS,MAPT,EAOiB,OAAA,CAAM,EAPvB,CAO0B,WAP1B,CAAA"}

package/dist/AppBar/index.d.mts

@@ -1,14 +0,0 @@
-import { ContentContainer, WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/AppBar/index.d.ts
-interface AppBarProps extends WithChildrenProp, Pick<React$1.ComponentProps<typeof ContentContainer>, 'aria-label' | 'as'> {
-  /**
-   * Whether the container should be larger than the default content size.
-   */
-  wide?: boolean;
-}
-declare const AppBar: React$1.FC<AppBarProps>;
-//#endregion
-export { AppBar, AppBarProps };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/AppBar/index.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,WAAA,SACP,kBACN,KAAK,OAAA,CAAM,sBAAsB;;AAFrC;;EAES,IAAA,CAAM,EAAA,OAAA;;AAAX,cAOS,MAPT,EAOiB,OAAA,CAAM,EAPvB,CAO0B,WAP1B,CAAA"}

package/dist/AppBar/index.mjs

@@ -1,19 +0,0 @@
-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.mjs.map

package/dist/AppBar/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","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

@@ -1,23 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index_module = require('./styles/index.module.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#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)(require_index_module.default.section, {
-		[require_index_module.default.sectionRight]: position === "right",
-		[require_index_module.default.sectionLeft]: position === "left",
-		[require_index_module.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

@@ -1 +0,0 @@
-{"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,6BAAOM,SACP;GACGN,6BAAOO,eAAeL,aAAa;GACnCF,6BAAOQ,cAAcN,aAAa;GAClCF,6BAAOS,gBAAgBP,aAAa;EACvC,EACAC,UAAAA;AAEF,QAAO,sBAAA,cAACO,OAAAA,EAAIP,WAAWE,WAAUD,SAAAA"}

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.cts

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarSectionDeprecated.d.cts","names":[],"sources":["../../src/AppBarDeprecated/AppBarSectionDeprecated.tsx"],"sourcesContent":[],"mappings":";;;;UAOiB,4BAAA,SAAqC;;AAAtD;AAYA;;;;;;;;cAAa,yBAAyB,OAAA,CAAM,GAC1C"}

package/dist/AppBarDeprecated/AppBarSectionDeprecated.d.mts

@@ -1,19 +0,0 @@
-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.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarSectionDeprecated.d.mts","names":[],"sources":["../../src/AppBarDeprecated/AppBarSectionDeprecated.tsx"],"sourcesContent":[],"mappings":";;;;UAOiB,4BAAA,SAAqC;;AAAtD;AAYA;;;;;;;;cAAa,yBAAyB,OAAA,CAAM,GAC1C"}

package/dist/AppBarDeprecated/AppBarSectionDeprecated.mjs

@@ -1,20 +0,0 @@
-import index_module_default from "./styles/index.module.mjs";
-import * as React$1 from "react";
-import cx from "classnames";
-
-//#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 = cx(index_module_default.section, {
-		[index_module_default.sectionRight]: position === "right",
-		[index_module_default.sectionLeft]: position === "left",
-		[index_module_default.sectionCenter]: position === "center"
-	}, className);
-	return /* @__PURE__ */ React$1.createElement("div", { className: classes }, children);
-};
-
-//#endregion
-export { AppBarSectionDeprecated };
-//# sourceMappingURL=AppBarSectionDeprecated.mjs.map

package/dist/AppBarDeprecated/AppBarSectionDeprecated.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBarSectionDeprecated.mjs","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,qBAAOM,SACP;GACGN,qBAAOO,eAAeL,aAAa;GACnCF,qBAAOQ,cAAcN,aAAa;GAClCF,qBAAOS,gBAAgBP,aAAa;EACvC,EACAC,UAAAA;AAEF,QAAO,wBAAA,cAACO,OAAAA,EAAIP,WAAWE,WAAUD,SAAAA"}

package/dist/AppBarDeprecated/index.cjs

@@ -1,26 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index_module = require('./styles/index.module.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-
-//#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)(require_index_module.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

@@ -1 +0,0 @@
-{"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,6BAAOM,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

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AppBarDeprecated/index.tsx"],"sourcesContent":[],"mappings":";;;;UAOiB,qBAAA,SAA8B;;EAA9B;AAYjB;;;;;;;;cAAa,kBAAkB,OAAA,CAAM,GAAG"}

package/dist/AppBarDeprecated/index.d.mts

@@ -1,19 +0,0 @@
-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.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/AppBarDeprecated/index.tsx"],"sourcesContent":[],"mappings":";;;;UAOiB,qBAAA,SAA8B;;EAA9B;AAYjB;;;;;;;;cAAa,kBAAkB,OAAA,CAAM,GAAG"}

package/dist/AppBarDeprecated/index.mjs

@@ -1,23 +0,0 @@
-import index_module_default from "./styles/index.module.mjs";
-import { ContentContainer } from "@codecademy/gamut";
-import * as React$1 from "react";
-import cx from "classnames";
-
-//#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 = cx(index_module_default.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.mjs.map

package/dist/AppBarDeprecated/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","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,qBAAOM,SAASF,UAAAA;AAEnC,QACE,wBAAA,cAACP,kBAAAA;EACCO,WAAWC;EACXE,SAAQ;EACRC,YAAW;EACXC,QAAO;EACPC,MAAMR,OAAO,SAAS;IAErBC,SAAAA"}

package/dist/AppBarDeprecated/styles/index.module.cjs

@@ -1,6 +0,0 @@
-
-//#region src/AppBarDeprecated/styles/index.module.scss
-var index_module_default = "assets/index.module-DA6nQClP.scss";
-
-//#endregion
-//# sourceMappingURL=index.module.cjs.map

package/dist/AppBarDeprecated/styles/index.module.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.cjs","names":[],"sources":["../../../src/AppBarDeprecated/styles/index.module.scss"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";;2BAAA,mCAAA"}

package/dist/AppBarDeprecated/styles/index.module.mjs

@@ -1,6 +0,0 @@
-//#region src/AppBarDeprecated/styles/index.module.scss
-var index_module_default = "assets/index.module-DA6nQClP.scss";
-
-//#endregion
-export { index_module_default as default };
-//# sourceMappingURL=index.module.mjs.map

package/dist/AppBarDeprecated/styles/index.module.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.mjs","names":[],"sources":["../../../src/AppBarDeprecated/styles/index.module.scss"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";2BAAA,mCAAA"}

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

@@ -1,84 +0,0 @@
-const require_rolldown_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_rolldown_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: "eupjrxa0",
-	label: "brand-MarketingBannerAnchor"
-})("display:flex;&:hover,&:focus-visible{outline:none;text-decoration:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHRhYkluZGV4OiBudW1iZXI7XG4gIHRleHQ6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6ICd0b3BuYXZfY2F0YWxvZ19iYW5uZXInLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfYmFubmVyJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgIGRhdGEtdGVzdGlkPVwibWFya2V0aW5nLWJhbm5lclwiXG4gICAgPlxuICAgICAgPE1hcmtldGluZ0Jhbm5lckJveFxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LWVuZCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICBoZWlnaHQ9e3sgXzogJ2F1dG8nLCBsZzogJzQwcHgnIH19XG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBteD17OH1cbiAgICAgICAgbXQ9ezh9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgcHk9e3sgXzogMTYsIGxnOiA4IH19XG4gICAgICAgIGJvcmRlclJhZGl1cz1cImxnXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LXN0YXJ0JywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbGc6ICdyb3cnIH19XG4gICAgICAgICAgZ2FwPXt7IF86IDgsIGxnOiAwIH19XG4gICAgICAgICAgekluZGV4PXsxfVxuICAgICAgICA+XG4gICAgICAgICAgPEJhZGdlXG4gICAgICAgICAgICBiZz1cInllbGxvdy01MDBcIlxuICAgICAgICAgICAgY29sb3I9XCJuYXZ5LTgwMFwiXG4gICAgICAgICAgICB2YXJpYW50PVwiY3VzdG9tXCJcbiAgICAgICAgICAgIHNpemU9XCJzbVwiXG4gICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICBOZXdcbiAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLWJhc2VcIj57dGV4dH08L1RleHQ+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEJveCBoZWlnaHQ9ezE2fSB3aWR0aD17MTZ9IHpJbmRleD17MX0+XG4gICAgICAgICAgPE1hcmtldGluZ0Fycm93SWNvbiAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvTWFya2V0aW5nQmFubmVyQm94PlxuICAgIDwvTWFya2V0aW5nQmFubmVyQW5jaG9yPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNOEIifQ== */");
-const MarketingBannerBox = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.FlexBox, {
-	target: "eupjrxa1",
-	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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHRhYkluZGV4OiBudW1iZXI7XG4gIHRleHQ6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6ICd0b3BuYXZfY2F0YWxvZ19iYW5uZXInLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfYmFubmVyJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgIGRhdGEtdGVzdGlkPVwibWFya2V0aW5nLWJhbm5lclwiXG4gICAgPlxuICAgICAgPE1hcmtldGluZ0Jhbm5lckJveFxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LWVuZCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICBoZWlnaHQ9e3sgXzogJ2F1dG8nLCBsZzogJzQwcHgnIH19XG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBteD17OH1cbiAgICAgICAgbXQ9ezh9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgcHk9e3sgXzogMTYsIGxnOiA4IH19XG4gICAgICAgIGJvcmRlclJhZGl1cz1cImxnXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LXN0YXJ0JywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbGc6ICdyb3cnIH19XG4gICAgICAgICAgZ2FwPXt7IF86IDgsIGxnOiAwIH19XG4gICAgICAgICAgekluZGV4PXsxfVxuICAgICAgICA+XG4gICAgICAgICAgPEJhZGdlXG4gICAgICAgICAgICBiZz1cInllbGxvdy01MDBcIlxuICAgICAgICAgICAgY29sb3I9XCJuYXZ5LTgwMFwiXG4gICAgICAgICAgICB2YXJpYW50PVwiY3VzdG9tXCJcbiAgICAgICAgICAgIHNpemU9XCJzbVwiXG4gICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICBOZXdcbiAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLWJhc2VcIj57dGV4dH08L1RleHQ+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEJveCBoZWlnaHQ9ezE2fSB3aWR0aD17MTZ9IHpJbmRleD17MX0+XG4gICAgICAgICAgPE1hcmtldGluZ0Fycm93SWNvbiAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvTWFya2V0aW5nQmFubmVyQm94PlxuICAgIDwvTWFya2V0aW5nQmFubmVyQW5jaG9yPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjJCIn0= */");
-const MarketingArrowIcon = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowRightIcon, {
-	target: "eupjrxa2",
-	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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJDYXRhbG9nRHJvcGRvd24vTWFya2V0aW5nQmFubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJhZGdlLCBCb3gsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBBcnJvd1JpZ2h0SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgZGlzcGxheTogZmxleDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNYXJrZXRpbmdCYW5uZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydib3JkZXItdGVydGlhcnknXX0sXG4gICAgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yMCknO1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAxNDVkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktODAwJ119IDUwJSxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICApO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDE0NWRlZyxcbiAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTgwMCddfSA4NSUsXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX0gMTAwJVxuICAgICk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHMgZWFzZS1pbi1vdXQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgfVxuXG4gICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpob3ZlciAmLCAke01hcmtldGluZ0Jhbm5lckFuY2hvcn06Zm9jdXMtdmlzaWJsZSAmIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTWFya2V0aW5nQXJyb3dJY29uID0gc3R5bGVkKEFycm93UmlnaHRJY29uKWBcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgJHtNYXJrZXRpbmdCYW5uZXJBbmNob3J9OmhvdmVyICYsICR7TWFya2V0aW5nQmFubmVyQW5jaG9yfTpmb2N1cy12aXNpYmxlICYge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgTWFya2V0aW5nQmFubmVyUHJvcHMgPSB7XG4gIHRhYkluZGV4OiBudW1iZXI7XG4gIHRleHQ6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IE1hcmtldGluZ0Jhbm5lcjogUmVhY3QuRkM8TWFya2V0aW5nQmFubmVyUHJvcHM+ID0gKHtcbiAgdGFiSW5kZXgsXG4gIHRleHQsXG4gIGhyZWYsXG59KSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxNYXJrZXRpbmdCYW5uZXJBbmNob3JcbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIG9uQ2xpY2s9eyhldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MQW5jaG9yRWxlbWVudCwgTW91c2VFdmVudD4pID0+XG4gICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgICBocmVmLFxuICAgICAgICAgIHRleHQsXG4gICAgICAgICAgaWQ6ICd0b3BuYXZfY2F0YWxvZ19iYW5uZXInLFxuICAgICAgICAgIHRyYWNraW5nVGFyZ2V0OiAndG9wbmF2X2NhdGFsb2dfYmFubmVyJyxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgIGRhdGEtdGVzdGlkPVwibWFya2V0aW5nLWJhbm5lclwiXG4gICAgPlxuICAgICAgPE1hcmtldGluZ0Jhbm5lckJveFxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LWVuZCcsIGxnOiAnY2VudGVyJyB9fVxuICAgICAgICBoZWlnaHQ9e3sgXzogJ2F1dG8nLCBsZzogJzQwcHgnIH19XG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBteD17OH1cbiAgICAgICAgbXQ9ezh9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgcHk9e3sgXzogMTYsIGxnOiA4IH19XG4gICAgICAgIGJvcmRlclJhZGl1cz1cImxnXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdmbGV4LXN0YXJ0JywgbGc6ICdjZW50ZXInIH19XG4gICAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbGc6ICdyb3cnIH19XG4gICAgICAgICAgZ2FwPXt7IF86IDgsIGxnOiAwIH19XG4gICAgICAgICAgekluZGV4PXsxfVxuICAgICAgICA+XG4gICAgICAgICAgPEJhZGdlXG4gICAgICAgICAgICBiZz1cInllbGxvdy01MDBcIlxuICAgICAgICAgICAgY29sb3I9XCJuYXZ5LTgwMFwiXG4gICAgICAgICAgICB2YXJpYW50PVwiY3VzdG9tXCJcbiAgICAgICAgICAgIHNpemU9XCJzbVwiXG4gICAgICAgICAgICBtcj17OH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICBOZXdcbiAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLWJhc2VcIj57dGV4dH08L1RleHQ+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEJveCBoZWlnaHQ9ezE2fSB3aWR0aD17MTZ9IHpJbmRleD17MX0+XG4gICAgICAgICAgPE1hcmtldGluZ0Fycm93SWNvbiAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvTWFya2V0aW5nQmFubmVyQm94PlxuICAgIDwvTWFya2V0aW5nQmFubmVyQW5jaG9yPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRDJCIn0= */");
-const MarketingBanner = ({ tabIndex, text, href }) => {
-	const { globalHeaderItemClick } = require_context.useGlobalHeaderItemClick();
-	return /* @__PURE__ */ React.createElement(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"
-	}, /* @__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: {
-			_: 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

@@ -1 +0,0 @@
-{"version":3,"file":"MarketingBanner.cjs","names":["Anchor","Badge","Box","FlexBox","Text","ArrowRightIcon","styled","useGlobalHeaderItemClick","MarketingBannerAnchor","MarketingBannerBox","theme","colors","MarketingArrowIcon","MarketingBanner","tabIndex","text","href","globalHeaderItemClick","variant","onClick","event","type","id","trackingTarget","data-testid","width","justifyContent","alignItems","_","lg","height","color","mx","mt","px","py","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 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  tabIndex: number;\n  text: string;\n  href: string;\n};\n\nexport const MarketingBanner: React.FC<MarketingBannerProps> = ({\n  tabIndex,\n  text,\n  href,\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_catalog_banner',\n          trackingTarget: 'topnav_catalog_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={{ _: 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":";;;;;;;;AAMA,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,kwJAAAA;AAOtC,MAAMI,qBAAqBN,6CAAOD,wCAAAA;;;6CAG9BG,uBAAAA,aAAkCA,uBAAAA,yGAAAA,kwJAAAA;AAetC,MAAaK,mBAAmD,EAC9DC,UACAC,MACAC,WACD;CACC,MAAM,EAAEC,0BAA0BV,0CAAAA;AAElC,QACE,sBAAA,cAACC,uBAAAA;EACCU,SAAQ;EACFF;EACNG,UAAUC,UACRH,sBAAsBG,OAAO;GAC3BC,MAAM;GACNL;GACAD;GACAO,IAAI;GACJC,gBAAgB;GAClB,CAAA;EAEQT;EACVU,eAAY;IAEZ,sBAAA,cAACf,oBAAAA;EACCgB,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;EACJC,IAAI;GAAEP,GAAG;GAAIC,IAAI;GAAE;EACnBO,cAAa;IAEb,sBAAA,cAACjC,2BAAAA;EACCwB,YAAY;GAAEC,GAAG;GAAcC,IAAI;GAAS;EAC5CQ,eAAe;GAAET,GAAG;GAAUC,IAAI;GAAM;EACxCS,KAAK;GAAEV,GAAG;GAAGC,IAAI;GAAE;EACnBU,QAAQ;IAER,sBAAA,cAACtC,yBAAAA;EACCuC,IAAG;EACHT,OAAM;EACNb,SAAQ;EACRuB,MAAK;EACLC,IAAI;IACL,MAAA,EAGD,sBAAA,cAACtC,wBAAAA,EAAKc,SAAQ,YAAUH,KAAAA,CAAAA,EAE1B,sBAAA,cAACb,uBAAAA;EAAI4B,QAAQ;EAAIL,OAAO;EAAIc,QAAQ;IAClC,sBAAA,cAAC3B,oBAAAA,KAAAA,CAAAA,CAAAA,CAAAA"}