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

package/dist/lib/breakpointHooks/index.d.ts

@@ -1,6 +1,7 @@
-export type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type BreakpointMinWidths = Record<Breakpoint, number>;
-export declare const breakpoints: BreakpointMinWidths;
+//#region src/lib/breakpointHooks/index.d.ts
+type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type BreakpointMinWidths = Record<Breakpoint, number>;
+declare const breakpoints: BreakpointMinWidths;
 /**
  * useBreakpoint will provide the current breakpoint to a React component.
  *
@@ -19,25 +20,28 @@ export declare const breakpoints: BreakpointMinWidths;
  * JavaScript-time screen size checks are notorious for worsening page performance.
  * @see https://web.dev/cls
  */
-export declare const useBreakpoint: () => keyof typeof breakpoints;
+declare const useBreakpoint: () => keyof typeof breakpoints;
 /**
  * @deprecated
  * Use Box, LayoutGrid, or other responsive Gamut components instead.
  * JavaScript-time screen size checks are notorious for worsening page performance.
  * @see https://web.dev/cls
  */
-export declare function useBreakpointAtOrAbove(breakpoint: Breakpoint): boolean;
+declare function useBreakpointAtOrAbove(breakpoint: Breakpoint): boolean;
 /**
  * @deprecated
  * Use Box, LayoutGrid, or other responsive Gamut components instead.
  * JavaScript-time screen size checks are notorious for worsening page performance.
  * @see https://web.dev/cls
  */
-export declare function useBreakpointAt(breakpoint: Breakpoint): boolean;
+declare function useBreakpointAt(breakpoint: Breakpoint): boolean;
 /**
  * @deprecated
  * Use Box, LayoutGrid, or other responsive Gamut components instead.
  * JavaScript-time screen size checks are notorious for worsening page performance.
  * @see https://web.dev/cls
  */
-export declare function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean;
+declare function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean;
+//#endregion
+export { Breakpoint, BreakpointMinWidths, breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/breakpointHooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/lib/breakpointHooks/index.ts"],"mappings":";KAIY,UAAA;AAAA,KACA,mBAAA,GAAsB,MAAA,CAAO,UAAA;AAAA,cAE5B,WAAA,EAGG,mBAAA;;;;AALhB;;;;;AAEA;;;;;AAuBA;;;;;cAAa,aAAA,qBAEW,WAAA;;;;;AAmBxB;;iBAXgB,sBAAA,CAAuB,UAAA,EAAY,UAAA;;;AAsBnD;;;;iBAXgB,eAAA,CAAgB,UAAA,EAAY,UAAA;;;;;;;iBAW5B,sBAAA,CAAuB,UAAA,EAAY,UAAA"}

package/dist/lib/breakpointHooks/index.js

@@ -1,60 +1,55 @@
-import { breakpoints as originalBreakpoints } from '@codecademy/gamut-styles';
-import mapValues from 'lodash/mapValues';
-import { createBreakpoint } from 'react-use';
-export const breakpoints = mapValues({
-  xxs: 0,
-  ...originalBreakpoints
-}, value => parseInt(value, 10));
+import { breakpoints } from "@codecademy/gamut-styles";
+import { createBreakpoint } from "react-use";
+import mapValues from "lodash/mapValues";
 
+//#region src/lib/breakpointHooks/index.ts
+const breakpoints$1 = mapValues({
+	xxs: 0,
+	...breakpoints
+}, (value) => parseInt(value, 10));
 /**
- * useBreakpoint will provide the current breakpoint to a React component.
- *
- * If you think you need this, make sure to think twice.  It is really nice
- * to allow your styles layer to concern itself about the appearance of a
- * component at different screen sizes, and not have to maintain two different
- * components that could drift from eachother.  That being said, sometimes
- * The content, layout, and/or functionality of a mobile page/component can
- * be so different that it is non-performant or difficult to maintain the
- * changes in only styles.  For those cases where it is actually easier to maintain
- * two components or a programatic distinction of the breakpoint, this helper
- * exists.
- *
- * @deprecated
- * Use Box, LayoutGrid, or other responsive Gamut components instead.
- * JavaScript-time screen size checks are notorious for worsening page performance.
- * @see https://web.dev/cls
- */
-export const useBreakpoint = createBreakpoint(breakpoints);
-
+* useBreakpoint will provide the current breakpoint to a React component.
+*
+* If you think you need this, make sure to think twice.  It is really nice
+* to allow your styles layer to concern itself about the appearance of a
+* component at different screen sizes, and not have to maintain two different
+* components that could drift from eachother.  That being said, sometimes
+* The content, layout, and/or functionality of a mobile page/component can
+* be so different that it is non-performant or difficult to maintain the
+* changes in only styles.  For those cases where it is actually easier to maintain
+* two components or a programatic distinction of the breakpoint, this helper
+* exists.
+*
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ const useBreakpoint = createBreakpoint(breakpoints$1);
 /**
- * @deprecated
- * Use Box, LayoutGrid, or other responsive Gamut components instead.
- * JavaScript-time screen size checks are notorious for worsening page performance.
- * @see https://web.dev/cls
- */
-export function useBreakpointAtOrAbove(breakpoint) {
-  const currentBreakpoint = useBreakpoint();
-  return breakpoints[currentBreakpoint] >= breakpoints[breakpoint];
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ function useBreakpointAtOrAbove(breakpoint) {
+	return breakpoints$1[useBreakpoint()] >= breakpoints$1[breakpoint];
 }
-
 /**
- * @deprecated
- * Use Box, LayoutGrid, or other responsive Gamut components instead.
- * JavaScript-time screen size checks are notorious for worsening page performance.
- * @see https://web.dev/cls
- */
-export function useBreakpointAt(breakpoint) {
-  const currentBreakpoint = useBreakpoint();
-  return breakpoints[currentBreakpoint] === breakpoints[breakpoint];
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ function useBreakpointAt(breakpoint) {
+	return breakpoints$1[useBreakpoint()] === breakpoints$1[breakpoint];
 }
-
 /**
- * @deprecated
- * Use Box, LayoutGrid, or other responsive Gamut components instead.
- * JavaScript-time screen size checks are notorious for worsening page performance.
- * @see https://web.dev/cls
- */
-export function useBreakpointAtOrBelow(breakpoint) {
-  const currentBreakpoint = useBreakpoint();
-  return breakpoints[currentBreakpoint] <= breakpoints[breakpoint];
-}
+* @deprecated
+* Use Box, LayoutGrid, or other responsive Gamut components instead.
+* JavaScript-time screen size checks are notorious for worsening page performance.
+* @see https://web.dev/cls
+*/ function useBreakpointAtOrBelow(breakpoint) {
+	return breakpoints$1[useBreakpoint()] <= breakpoints$1[breakpoint];
+}
+
+//#endregion
+export { breakpoints$1 as breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+//# sourceMappingURL=index.js.map

package/dist/lib/breakpointHooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["breakpoints","originalBreakpoints","mapValues","createBreakpoint","xxs","value","parseInt","useBreakpoint","useBreakpointAtOrAbove","breakpoint","currentBreakpoint","useBreakpointAt","useBreakpointAtOrBelow"],"sources":["../../../src/lib/breakpointHooks/index.ts"],"sourcesContent":["import { breakpoints as originalBreakpoints } from '@codecademy/gamut-styles';\nimport mapValues from 'lodash/mapValues';\nimport { createBreakpoint } from 'react-use';\n\nexport type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type BreakpointMinWidths = Record<Breakpoint, number>;\n\nexport const breakpoints = mapValues(\n  { xxs: 0, ...originalBreakpoints },\n  (value: string) => parseInt(value, 10)\n) as unknown as BreakpointMinWidths;\n\n/**\n * useBreakpoint will provide the current breakpoint to a React component.\n *\n * If you think you need this, make sure to think twice.  It is really nice\n * to allow your styles layer to concern itself about the appearance of a\n * component at different screen sizes, and not have to maintain two different\n * components that could drift from eachother.  That being said, sometimes\n * The content, layout, and/or functionality of a mobile page/component can\n * be so different that it is non-performant or difficult to maintain the\n * changes in only styles.  For those cases where it is actually easier to maintain\n * two components or a programatic distinction of the breakpoint, this helper\n * exists.\n *\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport const useBreakpoint = createBreakpoint(\n  breakpoints\n) as () => keyof typeof breakpoints;\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAtOrAbove(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] >= breakpoints[breakpoint];\n}\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAt(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] === breakpoints[breakpoint];\n}\n\n/**\n * @deprecated\n * Use Box, LayoutGrid, or other responsive Gamut components instead.\n * JavaScript-time screen size checks are notorious for worsening page performance.\n * @see https://web.dev/cls\n */\nexport function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean {\n  const currentBreakpoint = useBreakpoint();\n  return breakpoints[currentBreakpoint] <= breakpoints[breakpoint];\n}\n"],"mappings":";;;;;AAOA,MAAaA,gBAAcE,UACzB;CAAEE,KAAK;CAAG,GAAGH;CAAoB,GAChCI,UAAkBC,SAASD,OAAO,GAAA,CAAA;;;;;;;;;;;;;;;;;;GAqBrC,MAAaE,gBAAgBJ,iBAC3BH,cAAAA;;;;;;GASF,SAAgBQ,uBAAuBC,YAAsB;AAE3D,QAAOT,cADmBO,eAAAA,KACeP,cAAYS;;;;;;;GASvD,SAAgBE,gBAAgBF,YAAsB;AAEpD,QAAOT,cADmBO,eAAAA,MACgBP,cAAYS;;;;;;;GASxD,SAAgBG,uBAAuBH,YAAsB;AAE3D,QAAOT,cADmBO,eAAAA,KACeP,cAAYS"}

package/dist/lib/catalogList/index.cjs

@@ -0,0 +1,30 @@
+const require_index = require('../resourcesList/index.cjs');
+
+//#region src/lib/catalogList/index.tsx
+const liveLearningNavPanelItems = {
+	title: "Live Learning",
+	description: "Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.",
+	data: [{
+		id: "bootcamps",
+		href: "/bootcamps",
+		text: "Bootcamps",
+		description: "Join live virtual bootcamps that span multiple weeks and help you build real-world, in-demand skills. Led by experts, each bootcamp includes instructor support, community, professional mentorship—and comes with Codecademy Pro access.",
+		trackingTarget: "topnav_catalog_live_learning_bootcamps",
+		type: "link",
+		newTab: true,
+		badge: require_index.renderNewBadge()
+	}, {
+		id: "coaching",
+		href: "/coaching",
+		text: "Coaching",
+		description: "Get personalized mentorship from expert coaches to accelerate your career journey. Whether you're preparing for technical interviews, exploring career options, or seeking guidance, 1:1 coaching gives you tailored support to reach your goals.",
+		trackingTarget: "topnav_catalog_live_learning_coaching",
+		type: "link",
+		newTab: true,
+		badge: require_index.renderNewBadge()
+	}]
+};
+
+//#endregion
+exports.liveLearningNavPanelItems = liveLearningNavPanelItems;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/catalogList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["renderNewBadge","careerPaths","id","href","trackingTarget","text","type","liveLearningNavPanelItems","title","description","data","newTab","badge"],"sources":["../../../src/lib/catalogList/index.tsx"],"sourcesContent":["import {\n  AppHeaderLinkItem,\n  AppHeaderResourcesDataItem,\n} from '../../AppHeader/shared';\nimport { renderNewBadge } from '../resourcesList';\n\nexport const careerPaths: AppHeaderLinkItem[] = [\n  {\n    id: 'full-stack-engineer-career-path',\n    href: '/learn/paths/full-stack-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_full_stack_engineer',\n    text: 'Full-Stack Engineer',\n    type: 'link',\n  },\n  {\n    id: 'back-end-engineer-career-path',\n    href: '/learn/paths/back-end-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_back-end-engineer',\n    text: 'Back-End Engineer',\n    type: 'link',\n  },\n  {\n    id: 'ios-developer',\n    href: '/learn/paths/ios-developer',\n    trackingTarget: 'topnav_catalog_career_ios-developer',\n    text: 'iOS Developer',\n    type: 'link',\n  },\n  {\n    id: 'front-end-engineer-career-path',\n    href: '/learn/paths/front-end-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_front-end-engineer',\n    text: 'Front-End Engineer',\n    type: 'link',\n  },\n  {\n    id: 'computer-science',\n    href: '/learn/paths/computer-science',\n    trackingTarget: 'topnav_catalog_career_computer-science',\n    text: 'Computer Science',\n    type: 'link',\n  },\n  {\n    id: 'data-science',\n    href: '/pages/data-science-career-specializations',\n    trackingTarget: 'topnav_catalog_career_data_science',\n    text: 'Data Scientist',\n    type: 'link',\n  },\n];\n\nexport const liveLearningNavPanelItems: AppHeaderResourcesDataItem = {\n  title: 'Live Learning',\n  description:\n    'Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.',\n  data: [\n    {\n      id: 'bootcamps',\n      href: '/bootcamps',\n      text: 'Bootcamps',\n      description:\n        'Join live virtual bootcamps that span multiple weeks and help you build real-world, in-demand skills. Led by experts, each bootcamp includes instructor support, community, professional mentorship—and comes with Codecademy Pro access.',\n      trackingTarget: 'topnav_catalog_live_learning_bootcamps',\n      type: 'link',\n      newTab: true,\n      badge: renderNewBadge(),\n    },\n    {\n      id: 'coaching',\n      href: '/coaching',\n      text: 'Coaching',\n      description:\n        \"Get personalized mentorship from expert coaches to accelerate your career journey. Whether you're preparing for technical interviews, exploring career options, or seeking guidance, 1:1 coaching gives you tailored support to reach your goals.\",\n      trackingTarget: 'topnav_catalog_live_learning_coaching',\n      type: 'link',\n      newTab: true,\n      badge: renderNewBadge(),\n    },\n  ],\n};\n"],"mappings":";;;AAmDA,MAAaO,4BAAwD;CACnEC,OAAO;CACPC,aACE;CACFC,MAAM,CACJ;EACER,IAAI;EACJC,MAAM;EACNE,MAAM;EACNI,aACE;EACFL,gBAAgB;EAChBE,MAAM;EACNK,QAAQ;EACRC,OAAOZ,8BAAAA;EACT,EACA;EACEE,IAAI;EACJC,MAAM;EACNE,MAAM;EACNI,aACE;EACFL,gBAAgB;EAChBE,MAAM;EACNK,QAAQ;EACRC,OAAOZ,8BAAAA;EACT,CACD;CACH"}

package/dist/lib/catalogList/index.js

@@ -1,61 +1,30 @@
-import { renderNewBadge } from '../resourcesList';
-export const careerPaths = [{
-  id: 'full-stack-engineer-career-path',
-  href: '/learn/paths/full-stack-engineer-career-path',
-  trackingTarget: 'topnav_catalog_career_full_stack_engineer',
-  text: 'Full-Stack Engineer',
-  type: 'link'
-}, {
-  id: 'back-end-engineer-career-path',
-  href: '/learn/paths/back-end-engineer-career-path',
-  trackingTarget: 'topnav_catalog_career_back-end-engineer',
-  text: 'Back-End Engineer',
-  type: 'link'
-}, {
-  id: 'ios-developer',
-  href: '/learn/paths/ios-developer',
-  trackingTarget: 'topnav_catalog_career_ios-developer',
-  text: 'iOS Developer',
-  type: 'link'
-}, {
-  id: 'front-end-engineer-career-path',
-  href: '/learn/paths/front-end-engineer-career-path',
-  trackingTarget: 'topnav_catalog_career_front-end-engineer',
-  text: 'Front-End Engineer',
-  type: 'link'
-}, {
-  id: 'computer-science',
-  href: '/learn/paths/computer-science',
-  trackingTarget: 'topnav_catalog_career_computer-science',
-  text: 'Computer Science',
-  type: 'link'
-}, {
-  id: 'data-science',
-  href: '/pages/data-science-career-specializations',
-  trackingTarget: 'topnav_catalog_career_data_science',
-  text: 'Data Scientist',
-  type: 'link'
-}];
-export const liveLearningNavPanelItems = {
-  title: 'Live Learning',
-  description: 'Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.',
-  data: [{
-    id: 'bootcamps',
-    href: '/bootcamps',
-    text: 'Bootcamps',
-    description: 'Join live virtual bootcamps that span multiple weeks and help you build real-world, in-demand skills. Led by experts, each bootcamp includes instructor support, community, professional mentorship—and comes with Codecademy Pro access.',
-    trackingTarget: 'topnav_catalog_live_learning_bootcamps',
-    type: 'link',
-    newTab: true,
-    badge: renderNewBadge()
-  }, {
-    id: 'coaching',
-    href: '/coaching',
-    text: 'Coaching',
-    description: "Get personalized mentorship from expert coaches to accelerate your career journey. Whether you're preparing for technical interviews, exploring career options, or seeking guidance, 1:1 coaching gives you tailored support to reach your goals.",
-    trackingTarget: 'topnav_catalog_live_learning_coaching',
-    type: 'link',
-    newTab: true,
-    badge: renderNewBadge()
-  }]
-};
+import { renderNewBadge } from "../resourcesList/index.js";
+
+//#region src/lib/catalogList/index.tsx
+const liveLearningNavPanelItems = {
+	title: "Live Learning",
+	description: "Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.",
+	data: [{
+		id: "bootcamps",
+		href: "/bootcamps",
+		text: "Bootcamps",
+		description: "Join live virtual bootcamps that span multiple weeks and help you build real-world, in-demand skills. Led by experts, each bootcamp includes instructor support, community, professional mentorship—and comes with Codecademy Pro access.",
+		trackingTarget: "topnav_catalog_live_learning_bootcamps",
+		type: "link",
+		newTab: true,
+		badge: renderNewBadge()
+	}, {
+		id: "coaching",
+		href: "/coaching",
+		text: "Coaching",
+		description: "Get personalized mentorship from expert coaches to accelerate your career journey. Whether you're preparing for technical interviews, exploring career options, or seeking guidance, 1:1 coaching gives you tailored support to reach your goals.",
+		trackingTarget: "topnav_catalog_live_learning_coaching",
+		type: "link",
+		newTab: true,
+		badge: renderNewBadge()
+	}]
+};
+
+//#endregion
+export { liveLearningNavPanelItems };
+//# sourceMappingURL=index.js.map

package/dist/lib/catalogList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["renderNewBadge","careerPaths","id","href","trackingTarget","text","type","liveLearningNavPanelItems","title","description","data","newTab","badge"],"sources":["../../../src/lib/catalogList/index.tsx"],"sourcesContent":["import {\n  AppHeaderLinkItem,\n  AppHeaderResourcesDataItem,\n} from '../../AppHeader/shared';\nimport { renderNewBadge } from '../resourcesList';\n\nexport const careerPaths: AppHeaderLinkItem[] = [\n  {\n    id: 'full-stack-engineer-career-path',\n    href: '/learn/paths/full-stack-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_full_stack_engineer',\n    text: 'Full-Stack Engineer',\n    type: 'link',\n  },\n  {\n    id: 'back-end-engineer-career-path',\n    href: '/learn/paths/back-end-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_back-end-engineer',\n    text: 'Back-End Engineer',\n    type: 'link',\n  },\n  {\n    id: 'ios-developer',\n    href: '/learn/paths/ios-developer',\n    trackingTarget: 'topnav_catalog_career_ios-developer',\n    text: 'iOS Developer',\n    type: 'link',\n  },\n  {\n    id: 'front-end-engineer-career-path',\n    href: '/learn/paths/front-end-engineer-career-path',\n    trackingTarget: 'topnav_catalog_career_front-end-engineer',\n    text: 'Front-End Engineer',\n    type: 'link',\n  },\n  {\n    id: 'computer-science',\n    href: '/learn/paths/computer-science',\n    trackingTarget: 'topnav_catalog_career_computer-science',\n    text: 'Computer Science',\n    type: 'link',\n  },\n  {\n    id: 'data-science',\n    href: '/pages/data-science-career-specializations',\n    trackingTarget: 'topnav_catalog_career_data_science',\n    text: 'Data Scientist',\n    type: 'link',\n  },\n];\n\nexport const liveLearningNavPanelItems: AppHeaderResourcesDataItem = {\n  title: 'Live Learning',\n  description:\n    'Build skills faster through live, instructor-led sessions. Get real-time feedback, stay motivated, and deepen your understanding with expert guidance.',\n  data: [\n    {\n      id: 'bootcamps',\n      href: '/bootcamps',\n      text: 'Bootcamps',\n      description:\n        'Join live virtual bootcamps that span multiple weeks and help you build real-world, in-demand skills. Led by experts, each bootcamp includes instructor support, community, professional mentorship—and comes with Codecademy Pro access.',\n      trackingTarget: 'topnav_catalog_live_learning_bootcamps',\n      type: 'link',\n      newTab: true,\n      badge: renderNewBadge(),\n    },\n    {\n      id: 'coaching',\n      href: '/coaching',\n      text: 'Coaching',\n      description:\n        \"Get personalized mentorship from expert coaches to accelerate your career journey. Whether you're preparing for technical interviews, exploring career options, or seeking guidance, 1:1 coaching gives you tailored support to reach your goals.\",\n      trackingTarget: 'topnav_catalog_live_learning_coaching',\n      type: 'link',\n      newTab: true,\n      badge: renderNewBadge(),\n    },\n  ],\n};\n"],"mappings":";;;AAmDA,MAAaO,4BAAwD;CACnEC,OAAO;CACPC,aACE;CACFC,MAAM,CACJ;EACER,IAAI;EACJC,MAAM;EACNE,MAAM;EACNI,aACE;EACFL,gBAAgB;EAChBE,MAAM;EACNK,QAAQ;EACRC,OAAOZ,gBAAAA;EACT,EACA;EACEE,IAAI;EACJC,MAAM;EACNE,MAAM;EACNI,aACE;EACFL,gBAAgB;EAChBE,MAAM;EACNK,QAAQ;EACRC,OAAOZ,gBAAAA;EACT,CACD;CACH"}

package/dist/lib/resourcesList/index.cjs

@@ -0,0 +1,73 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+
+//#region src/lib/resourcesList/index.tsx
+const renderNewBadge = (mt = 2) => /* @__PURE__ */ React.createElement(_codecademy_gamut.Badge, {
+	size: "sm",
+	mt,
+	ml: 8,
+	alignSelf: "start",
+	variant: "accent"
+}, "New");
+const footerResourcesList = [
+	{
+		id: "ai-builder",
+		href: "/ai-builder",
+		trackingTarget: "ai_builder",
+		text: "AI Builder"
+	},
+	{
+		id: "articles",
+		href: "/articles",
+		trackingTarget: "articles",
+		text: "Articles"
+	},
+	{
+		id: "blog",
+		href: "https://codecademy.com/resources/blog",
+		trackingTarget: "blog",
+		text: "Blog",
+		newTab: true
+	},
+	{
+		id: "cheatsheets",
+		href: "/resources/cheatsheets/all",
+		trackingTarget: "cheatsheets_home",
+		text: "Cheatsheets"
+	},
+	{
+		id: "challenges",
+		href: "/code-challenges",
+		trackingTarget: "challenges",
+		text: "Code challenges"
+	},
+	{
+		id: "docs",
+		href: "/resources/docs",
+		trackingTarget: "docs",
+		text: "Docs"
+	},
+	{
+		id: "projects",
+		href: "/projects",
+		trackingTarget: "projects",
+		text: "Projects"
+	},
+	{
+		id: "videos",
+		href: "/resources/videos",
+		trackingTarget: "videos_homepage",
+		text: "Videos"
+	},
+	{
+		id: "workspaces",
+		href: "https://codecademy.com/pages/workspaces",
+		trackingTarget: "workspaces",
+		text: "Workspaces"
+	}
+];
+
+//#endregion
+exports.footerResourcesList = footerResourcesList;
+exports.renderNewBadge = renderNewBadge;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/resourcesList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Badge","renderBadge","text","size","ml","alignSelf","renderNewBadge","mt","variant","footerResourcesList","id","href","trackingTarget","newTab","getHeaderResourcesList","inspirationSection","title","links","type","data","description","badge"],"sources":["../../../src/lib/resourcesList/index.tsx"],"sourcesContent":["import { Badge } from '@codecademy/gamut';\n\nimport {\n  AppFooterResourcesDataItem,\n  AppHeaderResourcesDataItem,\n} from '../../AppHeader/shared';\n\nexport const renderBadge = (text: string) => (\n  <Badge size=\"sm\" ml={8} alignSelf=\"center\">\n    {text}\n  </Badge>\n);\n\nexport const renderNewBadge = (mt = 2) => (\n  <Badge size=\"sm\" mt={mt as 0} ml={8} alignSelf=\"start\" variant=\"accent\">\n    New\n  </Badge>\n);\n\nexport const footerResourcesList: AppFooterResourcesDataItem[] = [\n  {\n    id: 'ai-builder',\n    href: '/ai-builder',\n    trackingTarget: 'ai_builder',\n    text: 'AI Builder',\n  },\n  {\n    id: 'articles',\n    href: '/articles',\n    trackingTarget: 'articles',\n    text: 'Articles',\n  },\n  {\n    id: 'blog',\n    href: 'https://codecademy.com/resources/blog',\n    trackingTarget: 'blog',\n    text: 'Blog',\n    newTab: true,\n  },\n  {\n    id: 'cheatsheets',\n    href: '/resources/cheatsheets/all',\n    trackingTarget: 'cheatsheets_home',\n    text: 'Cheatsheets',\n  },\n  {\n    id: 'challenges',\n    href: '/code-challenges',\n    trackingTarget: 'challenges',\n    text: 'Code challenges',\n  },\n  {\n    id: 'docs',\n    href: '/resources/docs',\n    trackingTarget: 'docs',\n    text: 'Docs',\n  },\n  {\n    id: 'projects',\n    href: '/projects',\n    trackingTarget: 'projects',\n    text: 'Projects',\n  },\n  {\n    id: 'videos',\n    href: '/resources/videos',\n    trackingTarget: 'videos_homepage',\n    text: 'Videos',\n  },\n  {\n    id: 'workspaces',\n    href: 'https://codecademy.com/pages/workspaces',\n    trackingTarget: 'workspaces',\n    text: 'Workspaces',\n  },\n];\n\nexport const getHeaderResourcesList = (): AppHeaderResourcesDataItem[] => {\n  const inspirationSection: AppHeaderResourcesDataItem = {\n    title: 'Inspiration & career',\n    links: [\n      {\n        text: 'View all blog topics',\n        href: '/resources/blog',\n        id: 'view-all-inspiration',\n        trackingTarget: 'topnav_resources_inspiration_all',\n        type: 'link',\n        newTab: true,\n      },\n    ],\n    data: [\n      {\n        id: 'career-advice',\n        href: '/resources/blog/category/career/',\n        text: 'Career advice',\n        description: 'Get answers to questions about coding careers.',\n        trackingTarget: 'topnav_resources_inspiration_career_advice',\n        type: 'link',\n        newTab: true,\n      },\n      {\n        id: 'learning-tips',\n        href: '/resources/blog/category/learning-tips/',\n        text: 'Learning tips',\n        description: 'Learn where to start and how to stay motivated.',\n        trackingTarget: 'topnav_resources_inspiration_learning_tips',\n        type: 'link',\n        newTab: true,\n      },\n      {\n        id: 'career-center',\n        href: '/career-center',\n        text: 'Career Center',\n        description: 'Get tools to reach your tech career goals.',\n        trackingTarget: 'topnav_resources_inspiration_career_center',\n        type: 'link' as const,\n        newTab: true,\n        badge: renderNewBadge(),\n      },\n    ],\n  };\n\n  return [\n    {\n      title: 'Docs',\n      description:\n        'Find definitions, code syntax, and more -- or contribute your own code documentation.',\n      links: [\n        {\n          text: 'View all docs',\n          href: '/resources/docs',\n          id: 'view-all-docs',\n          trackingTarget: 'topnav_resources_docs_all',\n          type: 'link',\n        },\n        {\n          text: 'Contribute to docs',\n          href: '/pages/contribute-docs',\n          id: 'contribute-to-docs',\n          trackingTarget: 'topnav_resources_contribution_guide',\n          type: 'link',\n        },\n      ],\n      data: [\n        {\n          id: 'c',\n          href: '/resources/docs/c',\n          trackingTarget: 'topnav_resources_docs_c',\n          text: 'C',\n          type: 'link',\n        },\n        {\n          id: 'html',\n          href: '/resources/docs/html',\n          trackingTarget: 'topnav_resources_docs_html',\n          text: 'HTML',\n          type: 'link',\n        },\n        {\n          id: 'python',\n          href: '/resources/docs/python',\n          trackingTarget: 'topnav_resources_docs_python',\n          text: 'Python',\n          type: 'link',\n        },\n        {\n          id: 'cpp',\n          href: '/resources/docs/cpp',\n          trackingTarget: 'topnav_resources_docs_cpp',\n          text: 'C++',\n          type: 'link',\n        },\n        {\n          id: 'java',\n          href: '/resources/docs/java',\n          trackingTarget: 'topnav_resources_docs_java',\n          text: 'Java',\n          type: 'link',\n        },\n        {\n          id: 'react',\n          href: '/resources/docs/react',\n          trackingTarget: 'topnav_resources_docs_react',\n          text: 'React',\n          type: 'link',\n        },\n        {\n          id: 'css',\n          href: '/resources/docs/css',\n          trackingTarget: 'topnav_resources_docs_css',\n          text: 'CSS',\n          type: 'link',\n        },\n        {\n          id: 'javascript',\n          href: '/resources/docs/javascript',\n          trackingTarget: 'topnav_resources_docs_javascript',\n          text: 'JavaScript',\n          type: 'link',\n        },\n        {\n          id: 'sql',\n          href: '/resources/docs/sql',\n          trackingTarget: 'topnav_resources_docs_sql',\n          text: 'SQL',\n          type: 'link',\n        },\n        {\n          id: 'git',\n          href: '/resources/docs/git',\n          trackingTarget: 'topnav_resources_docs_git',\n          text: 'Git',\n          type: 'link',\n        },\n        {\n          id: 'php',\n          href: '/resources/docs/php',\n          trackingTarget: 'topnav_resources_docs_php',\n          text: 'PHP',\n          type: 'link',\n        },\n        {\n          id: 'uiux',\n          href: '/resources/docs/uiux',\n          trackingTarget: 'topnav_resources_docs_uiux',\n          text: 'UI/UX',\n          type: 'link',\n        },\n      ],\n    },\n    {\n      title: 'Learning & practice tools',\n      data: [\n        {\n          id: 'articles',\n          href: '/articles',\n          text: 'Articles',\n          description: 'Learn about technical concepts.',\n          trackingTarget: 'topnav_resources_learning_articles',\n          type: 'link',\n        },\n        {\n          id: 'cheatsheets',\n          href: '/resources/cheatsheets/all',\n          text: 'Cheatsheets',\n          description: 'Review concepts from your courses.',\n          trackingTarget: 'topnav_resources_learning_cheatsheets',\n          type: 'link',\n        },\n        {\n          id: 'code-challenges',\n          href: '/code-challenges',\n          text: 'Code challenges',\n          description: 'Test your knowledge and prep for interviews.',\n          trackingTarget: 'topnav_resources_learning_code_challenges',\n          type: 'link',\n        },\n        {\n          id: 'projects',\n          href: '/projects',\n          text: 'Projects',\n          description: 'Practice and build your portfolio.',\n          trackingTarget: 'topnav_resources_learning_projects',\n          type: 'link',\n        },\n\n        {\n          id: 'videos',\n          href: '/resources/videos',\n          text: 'Videos',\n          description: 'Watch tutorials, project walkthroughs, and more.',\n          trackingTarget: 'topnav_resources_learning_videos',\n          type: 'link',\n        },\n        {\n          id: 'workspaces',\n          href: '/pages/workspaces',\n          text: 'Workspaces',\n          description: 'Build and share projects in your browser.',\n          trackingTarget: 'topnav_resources_learning_workspaces',\n          type: 'link',\n        },\n      ],\n    },\n    inspirationSection,\n  ];\n};\n"],"mappings":";;;;AAaA,MAAaM,kBAAkBC,KAAK,MAClC,sBAAA,cAACP,yBAAAA;CAAMG,MAAK;CAASI;CAASH,IAAI;CAAGC,WAAU;CAAQG,SAAQ;GAAS,MAAA;AAK1E,MAAaC,sBAAoD;CAC/D;EACEC,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACNW,QAAQ;EACV;CACA;EACEH,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACR;CACD"}