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

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AppHeaderLinkItem, AppHeaderResourcesDropdownItem } from '../../shared';
+export type NavSectionConfig = {
+    item: AppHeaderResourcesDropdownItem;
+    panel: React.ComponentType<{
+        tabIndex?: number;
+    }>;
+};
+export declare const RESOURCES_NAV_SECTIONS: NavSectionConfig[];
+export declare const docsLinks: AppHeaderLinkItem[];
+export type AppHeaderCardItem = {
+    linkItem: AppHeaderLinkItem;
+    icon: React.ReactNode;
+    description: string;
+};
+export declare const learningToolsLinks: AppHeaderCardItem[];
+export declare const practiceToolsLinks: AppHeaderCardItem[];
+export declare const inspirationLinks: AppHeaderCardItem[];

package/dist/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.js

@@ -1,335 +1,291 @@
-import { DocsPanel, InspirationPanel, LearningToolsPanel, PracticeToolsPanel } from "./NavPanels.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { ArticleIcon, BriefcaseIcon, BulbIcon, CIcon, CPlusIcon, CommentsIcon, ComputerScienceIcon, FileIcon, GameDevelopmentIcon, GaugeDashboardIcon, GitIcon, GoIcon, HammerWrenchIcon, HtmlCssIcon, InfoCircleIcon, JavaIcon, JavascriptIcon, LearnIcon, MarkdownIcon, NotebookIcon, PeopleIcon, PhpIcon, ProgrammingBrowserIcon, ProjectsIcon, PythonIcon, ReactIcon, RulerTriangleIcon, SearchIcon, SqlIcon, SwiftIcon, TerminalIcon, TypescriptIcon, VideoPlayerMovieIcon } from "@codecademy/gamut-icons";
-
-//#region src/AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.tsx
-const RESOURCES_NAV_SECTIONS = [
-	{
-		item: {
-			icon: FileIcon,
-			text: "Docs",
-			id: "docs",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_docs"
-		},
-		panel: DocsPanel
-	},
-	{
-		item: {
-			icon: RulerTriangleIcon,
-			text: "Learning tools",
-			id: "learning-tools",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_learning_tools"
-		},
-		panel: LearningToolsPanel
-	},
-	{
-		item: {
-			icon: HammerWrenchIcon,
-			text: "Practice tools",
-			id: "practice-tools",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_practice_tools"
-		},
-		panel: PracticeToolsPanel
-	},
-	{
-		item: {
-			icon: BulbIcon,
-			text: "Inspiration",
-			id: "inspiration",
-			type: "resources-dropdown",
-			trackingTarget: "topnav_resources_tab_inspiration"
-		},
-		panel: InspirationPanel
-	}
-];
-const docsLinks = [
-	{
-		id: "c",
-		href: "/resources/docs/c",
-		trackingTarget: "topnav_resources_docs_c",
-		text: "C",
-		type: "link",
-		icon: CIcon
-	},
-	{
-		id: "html",
-		href: "/resources/docs/html",
-		trackingTarget: "topnav_resources_docs_html",
-		text: "HTML",
-		type: "link",
-		icon: HtmlCssIcon
-	},
-	{
-		id: "python",
-		href: "/resources/docs/python",
-		trackingTarget: "topnav_resources_docs_python",
-		text: "Python",
-		type: "link",
-		icon: PythonIcon
-	},
-	{
-		id: "cpp",
-		href: "/resources/docs/cpp",
-		trackingTarget: "topnav_resources_docs_cpp",
-		text: "C++",
-		type: "link",
-		icon: CPlusIcon
-	},
-	{
-		id: "java",
-		href: "/resources/docs/java",
-		trackingTarget: "topnav_resources_docs_java",
-		text: "Java",
-		type: "link",
-		icon: JavaIcon
-	},
-	{
-		id: "react",
-		href: "/resources/docs/react",
-		trackingTarget: "topnav_resources_docs_react",
-		text: "React",
-		type: "link",
-		icon: ReactIcon
-	},
-	{
-		id: "css",
-		href: "/resources/docs/css",
-		trackingTarget: "topnav_resources_docs_css",
-		text: "CSS",
-		type: "link",
-		icon: HtmlCssIcon
-	},
-	{
-		id: "javascript",
-		href: "/resources/docs/javascript",
-		trackingTarget: "topnav_resources_docs_javascript",
-		text: "JavaScript",
-		type: "link",
-		icon: JavascriptIcon
-	},
-	{
-		id: "sql",
-		href: "/resources/docs/sql",
-		trackingTarget: "topnav_resources_docs_sql",
-		text: "SQL",
-		type: "link",
-		icon: SqlIcon
-	},
-	{
-		id: "git",
-		href: "/resources/docs/git",
-		trackingTarget: "topnav_resources_docs_git",
-		text: "Git",
-		type: "link",
-		icon: GitIcon
-	},
-	{
-		id: "php",
-		href: "/resources/docs/php",
-		trackingTarget: "topnav_resources_docs_php",
-		text: "PHP",
-		type: "link",
-		icon: PhpIcon
-	},
-	{
-		id: "markdown",
-		href: "/resources/docs/markdown",
-		trackingTarget: "topnav_resources_docs_markdown",
-		text: "Markdown",
-		type: "link",
-		icon: MarkdownIcon
-	},
-	{
-		id: "typescript",
-		href: "/resources/docs/typescript",
-		trackingTarget: "topnav_resources_docs_typescript",
-		text: "TypeScript",
-		type: "link",
-		icon: TypescriptIcon
-	},
-	{
-		id: "lua",
-		href: "/resources/docs/lua",
-		trackingTarget: "topnav_resources_docs_lua",
-		text: "Lua",
-		type: "link",
-		icon: GameDevelopmentIcon
-	},
-	{
-		id: "go",
-		href: "/resources/docs/go",
-		trackingTarget: "topnav_resources_docs_go",
-		text: "Go",
-		type: "link",
-		icon: GoIcon
-	},
-	{
-		id: "command-line",
-		href: "/resources/docs/command-line",
-		trackingTarget: "topnav_resources_docs_command_line",
-		text: "Command line",
-		type: "link",
-		icon: TerminalIcon
-	},
-	{
-		id: "powershell",
-		href: "/resources/docs/powershell",
-		trackingTarget: "topnav_resources_docs_powershell",
-		text: "Powershell",
-		type: "link",
-		icon: ComputerScienceIcon
-	},
-	{
-		id: "swift",
-		href: "/resources/docs/swift",
-		trackingTarget: "topnav_resources_docs_swift",
-		text: "Swift",
-		type: "link",
-		icon: SwiftIcon
-	}
-];
-const learningToolsLinks = [
-	{
-		linkItem: {
-			id: "articles",
-			href: "/articles",
-			trackingTarget: "topnav_resources_learning_articles",
-			text: "Articles",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(ArticleIcon, {}),
-		description: "Dive deeper into coding concepts and developer workflows to level up your skills."
-	},
-	{
-		linkItem: {
-			id: "cheatsheets",
-			href: "/resources/cheatsheets/all",
-			trackingTarget: "topnav_resources_learning_cheatsheets",
-			text: "Cheatsheets",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(NotebookIcon, {}),
-		description: "Quick guides that summarize key concepts across languages, tools, and technologies."
-	},
-	{
-		linkItem: {
-			id: "videos",
-			href: "/resources/videos",
-			trackingTarget: "topnav_resources_learning_videos",
-			text: "Videos",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(VideoPlayerMovieIcon, {}),
-		description: "Learn from videos on languages, frameworks, and more—at any skill level."
-	},
-	{
-		linkItem: {
-			id: "projects",
-			href: "/projects",
-			trackingTarget: "topnav_resources_learning_projects",
-			text: "Projects",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(ProjectsIcon, {}),
-		description: "Apply your skills, connect concepts, and build something of your own."
-	}
-];
-const practiceToolsLinks = [
-	{
-		linkItem: {
-			id: "code-challenges",
-			href: "/code-challenges",
-			trackingTarget: "topnav_resources_learning_code_challenges",
-			text: "Code challenges",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(ProgrammingBrowserIcon, {}),
-		description: "Sharpen your skills with real interview challenges from top tech companies, with guidance if you get stuck."
-	},
-	{
-		linkItem: {
-			id: "workspaces",
-			href: "/pages/workspaces",
-			trackingTarget: "topnav_resources_learning_workspaces",
-			text: "Workspaces",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(LearnIcon, {}),
-		description: "Build and share projects in 13 popular languages, all right in your browser."
-	},
-	{
-		linkItem: {
-			id: "job-readiness",
-			href: "/job-readiness",
-			trackingTarget: "topnav_resources_learning_job_readiness",
-			text: "Job-readiness checker",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(PeopleIcon, {}),
-		description: "See how your skills match a job posting and get tips on what to improve."
-	},
-	{
-		linkItem: {
-			id: "interview-simulator",
-			href: "/interview-simulator",
-			trackingTarget: "topnav_resources_learning_interview_simulator",
-			text: "Interview Simulator",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(GaugeDashboardIcon, {}),
-		description: "Practice interviews, get feedback, and build confidence at any stage of your tech career."
-	}
-];
-const inspirationLinks = [
-	{
-		linkItem: {
-			id: "learner-stories",
-			href: "/resources/blog/category/get-inspired",
-			trackingTarget: "topnav_resources_inspiration_learner_stories",
-			text: "Learner stories",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(CommentsIcon, {}),
-		description: "Learn how coding can change your life (and the world) for the better."
-	},
-	{
-		linkItem: {
-			id: "learning-tips",
-			href: "/resources/blog/category/learning-tips",
-			trackingTarget: "topnav_resources_inspiration_learning_tips",
-			text: "Learning tips",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(InfoCircleIcon, {}),
-		description: "Learning to code — or thinking about it? Here's how to get started, plus tips and tricks for staying motivated."
-	},
-	{
-		linkItem: {
-			id: "career-advice",
-			href: "/resources/blog/category/career",
-			trackingTarget: "topnav_resources_inspiration_career_advice",
-			text: "Career advice",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(BriefcaseIcon, {}),
-		description: "Explore different tech jobs and learn how to advance in your career and maintain work-life balance."
-	},
-	{
-		linkItem: {
-			id: "finding-a-job",
-			href: "/resources/blog/category/finding-a-job",
-			trackingTarget: "topnav_resources_inspiration_finding_a_job",
-			text: "Finding a job",
-			type: "link"
-		},
-		icon: /* @__PURE__ */ jsx(SearchIcon, {}),
-		description: "Master the skills to land a tech job, from resumes and portfolios to interviews and offers."
-	}
-];
-
-//#endregion
-export { RESOURCES_NAV_SECTIONS, docsLinks, inspirationLinks, learningToolsLinks, practiceToolsLinks };
+import { ArticleIcon, BriefcaseIcon, BulbIcon, CIcon, CommentsIcon, ComputerScienceIcon, CPlusIcon, FileIcon, GameDevelopmentIcon, GaugeDashboardIcon, GitIcon, GoIcon, HammerWrenchIcon, HtmlCssIcon, InfoCircleIcon, JavaIcon, JavascriptIcon, LearnIcon, MarkdownIcon, NotebookIcon, PeopleIcon, PhpIcon, ProgrammingBrowserIcon, ProjectsIcon, PythonIcon, ReactIcon, RulerTriangleIcon, SearchIcon, SqlIcon, SwiftIcon, TerminalIcon, TypescriptIcon } from '@codecademy/gamut-icons';
+import React from 'react';
+import { DocsPanel, InspirationPanel, LearningToolsPanel, PracticeToolsPanel } from './NavPanels';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RESOURCES_NAV_SECTIONS = [{
+  item: {
+    icon: FileIcon,
+    text: 'Docs',
+    id: 'docs',
+    type: 'resources-dropdown',
+    trackingTarget: 'topnav_resources_tab_docs'
+  },
+  panel: DocsPanel
+}, {
+  item: {
+    icon: RulerTriangleIcon,
+    text: 'Learning tools',
+    id: 'learning-tools',
+    type: 'resources-dropdown',
+    trackingTarget: 'topnav_resources_tab_learning_tools'
+  },
+  panel: LearningToolsPanel
+}, {
+  item: {
+    icon: HammerWrenchIcon,
+    text: 'Practice tools',
+    id: 'practice-tools',
+    type: 'resources-dropdown',
+    trackingTarget: 'topnav_resources_tab_practice_tools'
+  },
+  panel: PracticeToolsPanel
+}, {
+  item: {
+    icon: BulbIcon,
+    text: 'Inspiration',
+    id: 'inspiration',
+    type: 'resources-dropdown',
+    trackingTarget: 'topnav_resources_tab_inspiration'
+  },
+  panel: InspirationPanel
+}];
+export const docsLinks = [{
+  id: 'c',
+  href: '/resources/docs/c',
+  trackingTarget: 'topnav_resources_docs_c',
+  text: 'C',
+  type: 'link',
+  icon: CIcon
+}, {
+  id: 'html',
+  href: '/resources/docs/html',
+  trackingTarget: 'topnav_resources_docs_html',
+  text: 'HTML',
+  type: 'link',
+  icon: HtmlCssIcon
+}, {
+  id: 'python',
+  href: '/resources/docs/python',
+  trackingTarget: 'topnav_resources_docs_python',
+  text: 'Python',
+  type: 'link',
+  icon: PythonIcon
+}, {
+  id: 'cpp',
+  href: '/resources/docs/cpp',
+  trackingTarget: 'topnav_resources_docs_cpp',
+  text: 'C++',
+  type: 'link',
+  icon: CPlusIcon
+}, {
+  id: 'java',
+  href: '/resources/docs/java',
+  trackingTarget: 'topnav_resources_docs_java',
+  text: 'Java',
+  type: 'link',
+  icon: JavaIcon
+}, {
+  id: 'react',
+  href: '/resources/docs/react',
+  trackingTarget: 'topnav_resources_docs_react',
+  text: 'React',
+  type: 'link',
+  icon: ReactIcon
+}, {
+  id: 'css',
+  href: '/resources/docs/css',
+  trackingTarget: 'topnav_resources_docs_css',
+  text: 'CSS',
+  type: 'link',
+  icon: HtmlCssIcon
+}, {
+  id: 'javascript',
+  href: '/resources/docs/javascript',
+  trackingTarget: 'topnav_resources_docs_javascript',
+  text: 'JavaScript',
+  type: 'link',
+  icon: JavascriptIcon
+}, {
+  id: 'sql',
+  href: '/resources/docs/sql',
+  trackingTarget: 'topnav_resources_docs_sql',
+  text: 'SQL',
+  type: 'link',
+  icon: SqlIcon
+}, {
+  id: 'git',
+  href: '/resources/docs/git',
+  trackingTarget: 'topnav_resources_docs_git',
+  text: 'Git',
+  type: 'link',
+  icon: GitIcon
+}, {
+  id: 'php',
+  href: '/resources/docs/php',
+  trackingTarget: 'topnav_resources_docs_php',
+  text: 'PHP',
+  type: 'link',
+  icon: PhpIcon
+}, {
+  id: 'markdown',
+  href: '/resources/docs/markdown',
+  trackingTarget: 'topnav_resources_docs_markdown',
+  text: 'Markdown',
+  type: 'link',
+  icon: MarkdownIcon
+}, {
+  id: 'typescript',
+  href: '/resources/docs/typescript',
+  trackingTarget: 'topnav_resources_docs_typescript',
+  text: 'TypeScript',
+  type: 'link',
+  icon: TypescriptIcon
+}, {
+  id: 'lua',
+  href: '/resources/docs/lua',
+  trackingTarget: 'topnav_resources_docs_lua',
+  text: 'Lua',
+  type: 'link',
+  icon: GameDevelopmentIcon
+}, {
+  id: 'go',
+  href: '/resources/docs/go',
+  trackingTarget: 'topnav_resources_docs_go',
+  text: 'Go',
+  type: 'link',
+  icon: GoIcon
+}, {
+  id: 'command-line',
+  href: '/resources/docs/command-line',
+  trackingTarget: 'topnav_resources_docs_command_line',
+  text: 'Command line',
+  type: 'link',
+  icon: TerminalIcon
+}, {
+  id: 'powershell',
+  href: '/resources/docs/powershell',
+  trackingTarget: 'topnav_resources_docs_powershell',
+  text: 'Powershell',
+  type: 'link',
+  icon: ComputerScienceIcon
+}, {
+  id: 'swift',
+  href: '/resources/docs/swift',
+  trackingTarget: 'topnav_resources_docs_swift',
+  text: 'Swift',
+  type: 'link',
+  icon: SwiftIcon
+}];
+export const learningToolsLinks = [{
+  linkItem: {
+    id: 'ai-builder',
+    href: '/ai-builder',
+    trackingTarget: 'topnav_resources_learning_ai_builder',
+    text: 'AI Builder',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(HtmlCssIcon, {}),
+  description: 'Learn to build real projects using AI with guided workflows—at any skill level.'
+}, {
+  linkItem: {
+    id: 'articles',
+    href: '/articles',
+    trackingTarget: 'topnav_resources_learning_articles',
+    text: 'Articles',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(ArticleIcon, {}),
+  description: 'Dive deeper into coding concepts and developer workflows to level up your skills.'
+}, {
+  linkItem: {
+    id: 'cheatsheets',
+    href: '/resources/cheatsheets/all',
+    trackingTarget: 'topnav_resources_learning_cheatsheets',
+    text: 'Cheatsheets',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(NotebookIcon, {}),
+  description: 'Quick guides that summarize key concepts across languages, tools, and technologies.'
+}, {
+  linkItem: {
+    id: 'projects',
+    href: '/projects',
+    trackingTarget: 'topnav_resources_learning_projects',
+    text: 'Projects',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(ProjectsIcon, {}),
+  description: 'Apply your skills, connect concepts, and build something of your own.'
+}];
+export const practiceToolsLinks = [{
+  linkItem: {
+    id: 'code-challenges',
+    href: '/code-challenges',
+    trackingTarget: 'topnav_resources_learning_code_challenges',
+    text: 'Code challenges',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(ProgrammingBrowserIcon, {}),
+  description: 'Sharpen your skills with real interview challenges from top tech companies, with guidance if you get stuck.'
+}, {
+  linkItem: {
+    id: 'workspaces',
+    href: '/pages/workspaces',
+    trackingTarget: 'topnav_resources_learning_workspaces',
+    text: 'Workspaces',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(LearnIcon, {}),
+  description: 'Build and share projects in 13 popular languages, all right in your browser.'
+}, {
+  linkItem: {
+    id: 'job-readiness',
+    href: '/job-readiness',
+    trackingTarget: 'topnav_resources_learning_job_readiness',
+    text: 'Job-readiness checker',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(PeopleIcon, {}),
+  description: 'See how your skills match a job posting and get tips on what to improve.'
+}, {
+  linkItem: {
+    id: 'interview-simulator',
+    href: '/interview-simulator',
+    trackingTarget: 'topnav_resources_learning_interview_simulator',
+    text: 'Interview Simulator',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(GaugeDashboardIcon, {}),
+  description: 'Practice interviews, get feedback, and build confidence at any stage of your tech career.'
+}];
+export const inspirationLinks = [{
+  linkItem: {
+    id: 'learner-stories',
+    href: '/resources/blog/category/get-inspired',
+    trackingTarget: 'topnav_resources_inspiration_learner_stories',
+    text: 'Learner stories',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(CommentsIcon, {}),
+  description: 'Learn how coding can change your life (and the world) for the better.'
+}, {
+  linkItem: {
+    id: 'learning-tips',
+    href: '/resources/blog/category/learning-tips',
+    trackingTarget: 'topnav_resources_inspiration_learning_tips',
+    text: 'Learning tips',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(InfoCircleIcon, {}),
+  description: "Learning to code — or thinking about it? Here's how to get started, plus tips and tricks for staying motivated."
+}, {
+  linkItem: {
+    id: 'career-advice',
+    href: '/resources/blog/category/career',
+    trackingTarget: 'topnav_resources_inspiration_career_advice',
+    text: 'Career advice',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(BriefcaseIcon, {}),
+  description: 'Explore different tech jobs and learn how to advance in your career and maintain work-life balance.'
+}, {
+  linkItem: {
+    id: 'finding-a-job',
+    href: '/resources/blog/category/finding-a-job',
+    trackingTarget: 'topnav_resources_inspiration_finding_a_job',
+    text: 'Finding a job',
+    type: 'link'
+  },
+  icon: /*#__PURE__*/_jsx(SearchIcon, {}),
+  description: 'Master the skills to land a tech job, from resumes and portfolios to interviews and offers.'
+}];