@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/lib/breakpointHooks/index.ts"],"mappings":";KAIY,UAAA;AAAA,KACA,mBAAA,GAAsB,MAAM,CAAC,UAAA;AAAA,cAE5B,WAAA,EAGG,mBAAmB;;;AANb;AACtB;;;;AAAmD;AAEnD;;;;AAGmC;AAoBnC;;;;AAEmC;cAFtB,aAAA,qBAEW,WAAW;;;;AAQ0B;AAW7D;;iBAXgB,sBAAA,CAAuB,UAAsB,EAAV,UAAU;;AAWP;AAWtD;;;;iBAXgB,eAAA,CAAgB,UAAsB,EAAV,UAAU;;;;;;;iBAWtC,sBAAA,CAAuB,UAAsB,EAAV,UAAU"}

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.js";
 
+//#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;AAAoB,IAChCI,UAAkBC,SAASD,OAAO,EAAA,CAAA;;;;;;;;;;;;;;;;;;GAqBrC,MAAaE,gBAAgBJ,iBAC3BH,aAAAA;;;;;;GASF,SAAgBQ,uBAAuBC,YAAsB;CAE3D,OAAOT,cADmBO,cACPG,MAAsBV,cAAYS;AACvD;;;;;;GAQA,SAAgBE,gBAAgBF,YAAsB;CAEpD,OAAOT,cADmBO,cACPG,OAAuBV,cAAYS;AACxD;;;;;;GAQA,SAAgBG,uBAAuBH,YAAsB;CAE3D,OAAOT,cADmBO,cACPG,MAAsBV,cAAYS;AACvD"}

package/dist/lib/resourcesList/index.cjs

@@ -0,0 +1,64 @@
+let _codecademy_gamut = require("@codecademy/gamut");
+
+//#region src/lib/resourcesList/index.tsx
+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;
+//# 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":";;;AAmBA,MAAaS,sBAAoD;CAC/D;EACEC,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACNW,QAAQ;CACV;CACA;EACEH,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR"}

package/dist/lib/resourcesList/index.js

@@ -1,237 +1,64 @@
-import { Badge } from '@codecademy/gamut';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const renderBadge = text => /*#__PURE__*/_jsx(Badge, {
-  size: "sm",
-  ml: 8,
-  alignSelf: "center",
-  children: text
-});
-export const renderNewBadge = (mt = 2) => /*#__PURE__*/_jsx(Badge, {
-  size: "sm",
-  mt: mt,
-  ml: 8,
-  alignSelf: "start",
-  variant: "accent",
-  children: "New"
-});
-export 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'
-}];
-export const getHeaderResourcesList = () => {
-  const inspirationSection = {
-    title: 'Inspiration & career',
-    links: [{
-      text: 'View all blog topics',
-      href: '/resources/blog',
-      id: 'view-all-inspiration',
-      trackingTarget: 'topnav_resources_inspiration_all',
-      type: 'link',
-      newTab: true
-    }],
-    data: [{
-      id: 'career-advice',
-      href: '/resources/blog/category/career/',
-      text: 'Career advice',
-      description: 'Get answers to questions about coding careers.',
-      trackingTarget: 'topnav_resources_inspiration_career_advice',
-      type: 'link',
-      newTab: true
-    }, {
-      id: 'learning-tips',
-      href: '/resources/blog/category/learning-tips/',
-      text: 'Learning tips',
-      description: 'Learn where to start and how to stay motivated.',
-      trackingTarget: 'topnav_resources_inspiration_learning_tips',
-      type: 'link',
-      newTab: true
-    }, {
-      id: 'career-center',
-      href: '/career-center',
-      text: 'Career Center',
-      description: 'Get tools to reach your tech career goals.',
-      trackingTarget: 'topnav_resources_inspiration_career_center',
-      type: 'link',
-      newTab: true,
-      badge: renderNewBadge()
-    }]
-  };
-  return [{
-    title: 'Docs',
-    description: 'Find definitions, code syntax, and more -- or contribute your own code documentation.',
-    links: [{
-      text: 'View all docs',
-      href: '/resources/docs',
-      id: 'view-all-docs',
-      trackingTarget: 'topnav_resources_docs_all',
-      type: 'link'
-    }, {
-      text: 'Contribute to docs',
-      href: '/pages/contribute-docs',
-      id: 'contribute-to-docs',
-      trackingTarget: 'topnav_resources_contribution_guide',
-      type: 'link'
-    }],
-    data: [{
-      id: 'c',
-      href: '/resources/docs/c',
-      trackingTarget: 'topnav_resources_docs_c',
-      text: 'C',
-      type: 'link'
-    }, {
-      id: 'html',
-      href: '/resources/docs/html',
-      trackingTarget: 'topnav_resources_docs_html',
-      text: 'HTML',
-      type: 'link'
-    }, {
-      id: 'python',
-      href: '/resources/docs/python',
-      trackingTarget: 'topnav_resources_docs_python',
-      text: 'Python',
-      type: 'link'
-    }, {
-      id: 'cpp',
-      href: '/resources/docs/cpp',
-      trackingTarget: 'topnav_resources_docs_cpp',
-      text: 'C++',
-      type: 'link'
-    }, {
-      id: 'java',
-      href: '/resources/docs/java',
-      trackingTarget: 'topnav_resources_docs_java',
-      text: 'Java',
-      type: 'link'
-    }, {
-      id: 'react',
-      href: '/resources/docs/react',
-      trackingTarget: 'topnav_resources_docs_react',
-      text: 'React',
-      type: 'link'
-    }, {
-      id: 'css',
-      href: '/resources/docs/css',
-      trackingTarget: 'topnav_resources_docs_css',
-      text: 'CSS',
-      type: 'link'
-    }, {
-      id: 'javascript',
-      href: '/resources/docs/javascript',
-      trackingTarget: 'topnav_resources_docs_javascript',
-      text: 'JavaScript',
-      type: 'link'
-    }, {
-      id: 'sql',
-      href: '/resources/docs/sql',
-      trackingTarget: 'topnav_resources_docs_sql',
-      text: 'SQL',
-      type: 'link'
-    }, {
-      id: 'git',
-      href: '/resources/docs/git',
-      trackingTarget: 'topnav_resources_docs_git',
-      text: 'Git',
-      type: 'link'
-    }, {
-      id: 'php',
-      href: '/resources/docs/php',
-      trackingTarget: 'topnav_resources_docs_php',
-      text: 'PHP',
-      type: 'link'
-    }, {
-      id: 'uiux',
-      href: '/resources/docs/uiux',
-      trackingTarget: 'topnav_resources_docs_uiux',
-      text: 'UI/UX',
-      type: 'link'
-    }]
-  }, {
-    title: 'Learning & practice tools',
-    data: [{
-      id: 'articles',
-      href: '/articles',
-      text: 'Articles',
-      description: 'Learn about technical concepts.',
-      trackingTarget: 'topnav_resources_learning_articles',
-      type: 'link'
-    }, {
-      id: 'cheatsheets',
-      href: '/resources/cheatsheets/all',
-      text: 'Cheatsheets',
-      description: 'Review concepts from your courses.',
-      trackingTarget: 'topnav_resources_learning_cheatsheets',
-      type: 'link'
-    }, {
-      id: 'code-challenges',
-      href: '/code-challenges',
-      text: 'Code challenges',
-      description: 'Test your knowledge and prep for interviews.',
-      trackingTarget: 'topnav_resources_learning_code_challenges',
-      type: 'link'
-    }, {
-      id: 'projects',
-      href: '/projects',
-      text: 'Projects',
-      description: 'Practice and build your portfolio.',
-      trackingTarget: 'topnav_resources_learning_projects',
-      type: 'link'
-    }, {
-      id: 'videos',
-      href: '/resources/videos',
-      text: 'Videos',
-      description: 'Watch tutorials, project walkthroughs, and more.',
-      trackingTarget: 'topnav_resources_learning_videos',
-      type: 'link'
-    }, {
-      id: 'workspaces',
-      href: '/pages/workspaces',
-      text: 'Workspaces',
-      description: 'Build and share projects in your browser.',
-      trackingTarget: 'topnav_resources_learning_workspaces',
-      type: 'link'
-    }]
-  }, inspirationSection];
-};
+import { Badge } from "@codecademy/gamut";
+
+//#region src/lib/resourcesList/index.tsx
+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
+export { footerResourcesList };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":";;;AAmBA,MAAaS,sBAAoD;CAC/D;EACEC,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;EACNW,QAAQ;CACV;CACA;EACEH,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR;CACA;EACEQ,IAAI;EACJC,MAAM;EACNC,gBAAgB;EAChBV,MAAM;CACR"}

package/dist/remoteAssets/components.cjs

@@ -0,0 +1,7 @@
+
+//#region src/remoteAssets/components.ts
+const BASE_STATIC_ASSET_PATH = "https://static-assets.codecademy.com/components";
+
+//#endregion
+exports.BASE_STATIC_ASSET_PATH = BASE_STATIC_ASSET_PATH;
+//# sourceMappingURL=components.cjs.map

package/dist/remoteAssets/components.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.cjs","names":["BASE_STATIC_ASSET_PATH"],"sources":["../../src/remoteAssets/components.ts"],"sourcesContent":["export const BASE_STATIC_ASSET_PATH =\n  'https://static-assets.codecademy.com/components';\n"],"mappings":";;AAAA,MAAaA,yBACX"}

package/dist/remoteAssets/components.js

@@ -1 +1,6 @@
-export const BASE_STATIC_ASSET_PATH = 'https://static-assets.codecademy.com/components';
+//#region src/remoteAssets/components.ts
+const BASE_STATIC_ASSET_PATH = "https://static-assets.codecademy.com/components";
+
+//#endregion
+export { BASE_STATIC_ASSET_PATH };
+//# sourceMappingURL=components.js.map

package/dist/remoteAssets/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","names":["BASE_STATIC_ASSET_PATH"],"sources":["../../src/remoteAssets/components.ts"],"sourcesContent":["export const BASE_STATIC_ASSET_PATH =\n  'https://static-assets.codecademy.com/components';\n"],"mappings":";AAAA,MAAaA,yBACX"}

package/dist/typings/react.d.cts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+
+//#region src/typings/react.d.ts
+/**
+ * Simple tag string, component class, or functional component for a render prop.
+ */
+type ChildComponentDescriptor = string | React$1.ComponentClass | React$1.FC;
+//#endregion
+export { ChildComponentDescriptor };
+//# sourceMappingURL=react.d.cts.map

package/dist/typings/react.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.cts","names":["React","ComponentClass","FC"],"sources":["../../src/typings/react.d.ts"],"mappings":";;;AAMA;;;AAAA,KAAY,wBAAA,YAAoC,OAAA,CAAM,cAAA,GAAiB,OAAA,CAAM,EAAE"}

package/dist/typings/react.d.ts

@@ -1,7 +1,10 @@
-import { Attributes, ReactHTML } from 'react';
-import * as React from 'react';
+import * as React$1 from "react";
 
+//#region src/typings/react.d.ts
 /**
  * Simple tag string, component class, or functional component for a render prop.
  */
-export type ChildComponentDescriptor = string | React.ComponentClass | React.FC;
+type ChildComponentDescriptor = string | React$1.ComponentClass | React$1.FC;
+//#endregion
+export { ChildComponentDescriptor };
+//# sourceMappingURL=react.d.ts.map