@codecademy/brand 3.8.0-alpha.bbe6a143bc.0 → 3.8.0-alpha.bdbfac4885.0

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.d.ts

@@ -5,5 +5,6 @@ export declare const DietCardGrid: ({ children }: {
 export declare const CareerPathCard: () => import("react/jsx-runtime").JSX.Element;
 export declare const CareerPathsPanel: () => import("react/jsx-runtime").JSX.Element;
 export declare const SkillPathsPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const getCertificationProviderLogoUrl: (fileName: string) => string;
 export declare const CertificationPathsPanel: () => import("react/jsx-runtime").JSX.Element;
 export declare const LiveLearningPanel: () => import("react/jsx-runtime").JSX.Element;

package/dist/AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/NavPanels.js

@@ -1,15 +1,15 @@
+import _styled from "@emotion/styled/base";
 /* eslint-disable react/no-array-index-key */ // can be removed once we add dynamic data
 import { Anchor, Box, Card, FlexBox, GridBox, Text } from '@codecademy/gamut';
 import { LevelIcon } from '@codecademy/gamut-icons';
 import { theme } from '@codecademy/gamut-styles';
 import { CourseDifficulty } from '../../../ContentGroupBaseCard/types';
 import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
-import { liveLearningHubItems } from '../../../lib/catalogList';
+import { liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
 import { AppHeaderDietCard } from '../AppHeaderDietCard';
 import { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';
 import { PanelLayout } from '../AppHeaderSection/PanelLayout';
-import { SkillTile } from '../AppHeaderSkillTile';
-import { popularLanguages, popularSubjects } from './consts';
+import { CERTIFICATION_PROVIDERS } from './consts';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export const CourseTopicsPanel = () => {
   const {
@@ -31,7 +31,7 @@ export const CourseTopicsPanel = () => {
       children: "Take the quiz"
     })]
   });
-  return /*#__PURE__*/_jsxs(PanelLayout, {
+  return /*#__PURE__*/_jsx(PanelLayout, {
     heading: "Course topics",
     description: description,
     linkItem: {
@@ -41,31 +41,7 @@ export const CourseTopicsPanel = () => {
       trackingTarget: 'catalog-header-view-all-courses',
       id: 'view-all-courses'
     },
-    children: [/*#__PURE__*/_jsx(Text, {
-      variant: "p-large",
-      fontWeight: 700,
-      as: "h3",
-      children: "Popular languages"
-    }), /*#__PURE__*/_jsx(GridBox, {
-      gridTemplateColumns: {
-        _: '1fr',
-        xs: '1fr 1fr',
-        md: '1fr 1fr 1fr'
-      },
-      gap: 8,
-      pl: 0,
-      as: "ul",
-      listStyle: "none",
-      mb: 24,
-      children: popularLanguages.map(item => /*#__PURE__*/_jsx(SkillTile, {
-        item: item
-      }, item.id))
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "p-large",
-      fontWeight: 700,
-      as: "h3",
-      children: "Popular subjects"
-    }), /*#__PURE__*/_jsx(GridBox, {
+    children: /*#__PURE__*/_jsx(GridBox, {
       gridTemplateColumns: {
         _: '1fr',
         xs: '1fr 1fr',
@@ -75,10 +51,23 @@ export const CourseTopicsPanel = () => {
       pl: 0,
       as: "ul",
       listStyle: "none",
-      children: popularSubjects.map(item => /*#__PURE__*/_jsx(SkillTile, {
-        item: item
-      }, item.id))
-    })]
+      children: topLanguages.map(item => /*#__PURE__*/_jsx(Anchor, {
+        variant: "interface",
+        href: item.href,
+        onClick: event => globalHeaderItemClick(event, item),
+        tabIndex: tabIndex,
+        children: /*#__PURE__*/_jsxs(FlexBox, {
+          height: 48,
+          px: 16,
+          py: 8,
+          borderRadius: "md",
+          border: 1,
+          borderColor: "border-tertiary",
+          alignItems: "center",
+          children: [item.text, item.badge]
+        }, `${item.id}`)
+      }, `${item.id}`))
+    })
   });
 };
 export const DietCardGrid = ({
@@ -142,22 +131,95 @@ export const SkillPathsPanel = () => {
     })
   });
 };
+export const getCertificationProviderLogoUrl = fileName => `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/v1/${fileName}`;
+const Image = Box.withComponent('img', {
+  target: "eqfnvo1",
+  label: "Image"
+});
+const GrayscaleToColorHoverCard = /*#__PURE__*/_styled(Card, {
+  target: "eqfnvo0",
+  label: "GrayscaleToColorHoverCard"
+})("filter:grayscale(1);img{filter:", ({
+  overrideImgFilters
+}) => overrideImgFilters ? 'contrast(5)' : 'brightness(0.25)', ";}transition:filter 0.2s ease-in-out;&:hover,a:focus &{filter:grayscale(0);img{filter:brightness(1);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0tFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi8gLy8gY2FuIGJlIHJlbW92ZWQgb25jZSB3ZSBhZGQgZHluYW1pYyBkYXRhXG5pbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgR3JpZEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IExldmVsSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSB9IGZyb20gJy4uLy4uLy4uL0NvbnRlbnRHcm91cEJhc2VDYXJkL3R5cGVzJztcbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcbmltcG9ydCB7IGxpdmVMZWFybmluZ0h1Ykl0ZW1zLCB0b3BMYW5ndWFnZXMgfSBmcm9tICcuLi8uLi8uLi9saWIvY2F0YWxvZ0xpc3QnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRGlldENhcmQgfSBmcm9tICcuLi9BcHBIZWFkZXJEaWV0Q2FyZCc7XG5pbXBvcnQgeyB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlclNlY3Rpb24vQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQnO1xuaW1wb3J0IHsgUGFuZWxMYXlvdXQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL1BhbmVsTGF5b3V0JztcbmltcG9ydCB7IENFUlRJRklDQVRJT05fUFJPVklERVJTIH0gZnJvbSAnLi9jb25zdHMnO1xuXG5leHBvcnQgY29uc3QgQ291cnNlVG9waWNzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyB0YWJJbmRleCB9ID0gdXNlQXBwSGVhZGVyU2VjdGlvbkNvbnRleHQoKTtcblxuICBjb25zdCBkZXNjcmlwdGlvbiA9IChcbiAgICA8PlxuICAgICAgRXhwbG9yZSBmcmVlIG9yIHBhaWQgY291cnNlcyBpbiBhIHdpZGUgdmFyaWV0eSBvZiB0b3BpY3MuIFdpdGggc29tZXRoaW5nXG4gICAgICBmb3IgZXZlcnkgc2tpbGwgbGV2ZWwsIGl0JmFwb3M7cyBlYXN5IHRvIGZpbmQgYSBjb3Vyc2UgdGhhdCBmaXRzIHlvdXJcbiAgICAgIGdvYWxzLiBOb3Qgc3VyZSB3aGVyZSB0byBzdGFydD8gJm5ic3A7XG4gICAgICA8QW5jaG9yXG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgaHJlZj1cIi93ZWxjb21lL2ZpbmQtYS1jb3Vyc2VcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhldmVudCwge1xuICAgICAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICAgICAgaHJlZjogJy93ZWxjb21lL2ZpbmQtYS1jb3Vyc2UnLFxuICAgICAgICAgICAgdGV4dDogJ1Rha2UgdGhlIHF1aXonLFxuICAgICAgICAgICAgaWQ6ICd0YWtlLXRoZS1xdWl6JyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIFRha2UgdGhlIHF1aXpcbiAgICAgIDwvQW5jaG9yPlxuICAgIDwvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ291cnNlIHRvcGljc1wiXG4gICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNvdXJzZScsXG4gICAgICAgIHRleHQ6ICdWaWV3IGFsbCBjb3Vyc2VzJyxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICdjYXRhbG9nLWhlYWRlci12aWV3LWFsbC1jb3Vyc2VzJyxcbiAgICAgICAgaWQ6ICd2aWV3LWFsbC1jb3Vyc2VzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgeHM6ICcxZnIgMWZyJywgbWQ6ICcxZnIgMWZyIDFmcicgfX1cbiAgICAgICAgZ2FwPXs4fVxuICAgICAgICBwbD17MH1cbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgPlxuICAgICAgICB7dG9wTGFuZ3VhZ2VzLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxBbmNob3JcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50LCBNb3VzZUV2ZW50PikgPT5cbiAgICAgICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCBpdGVtKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAga2V5PXtgJHtpdGVtLmlkfWB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgaGVpZ2h0PXs0OH1cbiAgICAgICAgICAgICAgcHg9ezE2fVxuICAgICAgICAgICAgICBweT17OH1cbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgICAgICBib3JkZXI9ezF9XG4gICAgICAgICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgIGtleT17YCR7aXRlbS5pZH1gfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgICAgICB7aXRlbS5iYWRnZX1cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0FuY2hvcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBEaWV0Q2FyZEdyaWQgPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkQm94XG4gICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7IF86ICcxZnInLCBzbTogJzFmciAxZnInLCBtZDogJ3JlcGVhdCgzLCAxZnIpJyB9fVxuICAgICAgZ2FwPXsxNn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9HcmlkQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENhcmVlclBhdGhDYXJkID0gKCkgPT4ge1xuICBjb25zdCB7IHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuICByZXR1cm4gKFxuICAgIDxBcHBIZWFkZXJEaWV0Q2FyZFxuICAgICAgdGl0bGU9XCJGdWxsLVN0YWNrIEVuZ2luZWVyXCJcbiAgICAgIGhvdXJzPXsxNTB9XG4gICAgICBpY29uPXs8TGV2ZWxJY29uIC8+fVxuICAgICAgZGlmZmljdWx0eT17Q291cnNlRGlmZmljdWx0eS5CZWdpbm5lcn1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENhcmVlclBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiUG9wdWxhciBjYXJlZXIgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJDaG9vc2UgeW91ciBjYXJlZXIgYW5kIHdlJ2xsIHRlYWNoIHlvdSB0aGUgc2tpbGxzIHRvIGdldCBqb2ItcmVhZHkuIEVhY2ggQ2FyZWVyIFBhdGggY29udGFpbnMgYSBjdXJhdGVkIGxpc3Qgb2YgbGVzc29ucywgcXVpenplcywgdmlkZW9zLCBhbmQgcHJvamVjdHMgdG8gaGVscCB5b3UgbGVhcm4gYW5kIHByYWN0aWNlIHJlYWwtd29ybGQgc2tpbGxzLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNhcmVlci1wYXRoJyxcbiAgICAgICAgdGV4dDogJ1ZpZXcgYWxsIGNhcmVlciBwYXRocycsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAnY2F0YWxvZy1oZWFkZXItdmlldy1hbGwtY2FyZWVyLXBhdGhzJyxcbiAgICAgICAgaWQ6ICd2aWV3LWFsbC1jYXJlZXItcGF0aHMnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8RGlldENhcmRHcmlkPlxuICAgICAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogNiB9KS5tYXAoKF8sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENhcmVlclBhdGhDYXJkIGtleT17YCR7aW5kZXh9LWNhcmRgfSAvPlxuICAgICAgICApKX1cbiAgICAgIDwvRGlldENhcmRHcmlkPlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU2tpbGxQYXRoc1BhbmVsID0gKCkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIlNraWxsIHBhdGhzXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiQnVpbGQgYSBzcGVjaWZpYyBza2lsbCBmYXN0IHdpdGggYSBzaG9ydCwgY3VyYXRlZCBwYXRoLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPXNraWxsLXBhdGgnLFxuICAgICAgICB0ZXh0OiAnVmlldyBhbGwgc2tpbGwgcGF0aHMnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ2NhdGFsb2ctaGVhZGVyLXZpZXctYWxsLXNraWxsLXBhdGhzJyxcbiAgICAgICAgaWQ6ICd2aWV3LWFsbC1za2lsbC1wYXRocycsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxEaWV0Q2FyZEdyaWQ+XG4gICAgICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoOiA2IH0pLm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgICA8Q2FyZWVyUGF0aENhcmQga2V5PXtgJHtpbmRleH0tY2FyZGB9IC8+XG4gICAgICAgICkpfVxuICAgICAgPC9EaWV0Q2FyZEdyaWQ+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRDZXJ0aWZpY2F0aW9uUHJvdmlkZXJMb2dvVXJsID0gKGZpbGVOYW1lOiBzdHJpbmcpID0+XG4gIGBodHRwczovL3N0YXRpYy1hc3NldHMuY29kZWNhZGVteS5jb20vYXNzZXRzL2NlcnRpZmljYXRpb24tcHJvdmlkZXItbG9nb3MvY2F0YWxvZy1kcm9wZG93bi92MS8ke2ZpbGVOYW1lfWA7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBHcmF5c2NhbGVUb0NvbG9ySG92ZXJDYXJkID0gc3R5bGVkKENhcmQpPHtcbiAgb3ZlcnJpZGVJbWdGaWx0ZXJzPzogYm9vbGVhbjtcbn0+YFxuICBmaWx0ZXI6IGdyYXlzY2FsZSgxKTtcbiAgaW1nIHtcbiAgICBmaWx0ZXI6ICR7KHsgb3ZlcnJpZGVJbWdGaWx0ZXJzIH0pID0+XG4gICAgICBvdmVycmlkZUltZ0ZpbHRlcnMgPyAnY29udHJhc3QoNSknIDogJ2JyaWdodG5lc3MoMC4yNSknfTtcbiAgfVxuICB0cmFuc2l0aW9uOiBmaWx0ZXIgMC4ycyBlYXNlLWluLW91dDtcbiAgJjpob3ZlcixcbiAgYTpmb2N1cyAmIHtcbiAgICBmaWx0ZXI6IGdyYXlzY2FsZSgwKTtcbiAgICBpbWcge1xuICAgICAgZmlsdGVyOiBicmlnaHRuZXNzKDEpO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgUHJvdmlkZXJDaGlwID0gKHtcbiAgbmFtZSxcbiAgaHJlZixcbiAgaW1nU3JjLFxuICB0YWJJbmRleCxcbn06IHtcbiAgbmFtZTogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIGltZ1NyYzogc3RyaW5nO1xuICB0YWJJbmRleDogbnVtYmVyO1xufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxBbmNob3JcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgIGtleT17bmFtZX1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgPlxuICAgICAgPEdyYXlzY2FsZVRvQ29sb3JIb3ZlckNhcmRcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIHA9ezh9XG4gICAgICAgIG92ZXJyaWRlSW1nRmlsdGVycz17bmFtZS50b0xvd2VyQ2FzZSgpID09PSAna3ViZXJuZXRlcyd9XG4gICAgICA+XG4gICAgICAgIDxJbWFnZSBzcmM9e2ltZ1NyY30gYWx0PXtuYW1lfSBkaXNwbGF5PVwiYmxvY2tcIiBtPVwiYXV0b1wiIGhlaWdodD17NTJ9IC8+XG4gICAgICA8L0dyYXlzY2FsZVRvQ29sb3JIb3ZlckNhcmQ+XG4gICAgPC9BbmNob3I+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2VydGlmaWNhdGlvblBhdGhzUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdGFiSW5kZXggfSA9IHVzZUFwcEhlYWRlclNlY3Rpb25Db250ZXh0KCk7XG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ2VydGlmaWNhdGlvbiBwYXRoc1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIlByZXBhcmUgZm9yIHRvcCBpbmR1c3RyeSBjZXJ0aWZpY2F0aW9ucyB3aXRoIGEgZ3VpZGVkIHBhdGguIEVhY2ggb25lIGluY2x1ZGVzIGV4cGVydC1yZXZpZXdlZCBsZXNzb25zLCBoYW5kcy1vbiBwcm9qZWN0cywgYW5kIHByYWN0aWNlIHRlc3RzIHRvIGhlbHAgeW91IHBhc3MgdGhlIGV4YW0uXCJcbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nL2NlcnRpZmljYXRpb24tcHJlcCcsXG4gICAgICAgIHRleHQ6ICdFeHBsb3JlIGFsbCBjZXJ0aWZpY2F0aW9uIHBhdGhzJyxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICdjYXRhbG9nLWhlYWRlci12aWV3LWFsbC1jZXJ0aWZpY2F0aW9uLXBhdGhzJyxcbiAgICAgICAgaWQ6ICd2aWV3LWFsbC1jZXJ0aWZpY2F0aW9uLXBhdGhzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPFRleHQgYXM9XCJoM1wiIGZvbnRTaXplPXsxOH0gZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgUHJvdmlkZXJzXG4gICAgICA8L1RleHQ+XG4gICAgICA8R3JpZEJveFxuICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXt7XG4gICAgICAgICAgXzogJzFmcicsXG4gICAgICAgICAgeHM6ICdyZXBlYXQoMiwgMWZyKScsXG4gICAgICAgICAgc206ICdyZXBlYXQoMywgMWZyKScsXG4gICAgICAgICAgbWQ6ICdyZXBlYXQoNCwgMWZyKScsXG4gICAgICAgIH19XG4gICAgICAgIGdhcD17MTZ9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGU9XCJub25lXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgbT17MH1cbiAgICAgID5cbiAgICAgICAge0NFUlRJRklDQVRJT05fUFJPVklERVJTLm1hcCgoeyBuYW1lLCBsb2dvVXJsLCBodWJUeXBlIH0pID0+IChcbiAgICAgICAgICA8Qm94IGFzPVwibGlcIiBrZXk9e25hbWV9IHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFByb3ZpZGVyQ2hpcFxuICAgICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgICBocmVmPXtcbiAgICAgICAgICAgICAgICBodWJUeXBlID09PSAnc3ViaHViJ1xuICAgICAgICAgICAgICAgICAgPyBgL3NlYXJjaD9xdWVyeT0ke25hbWV9IGNlcnRpZmljYXRpb25zYFxuICAgICAgICAgICAgICAgICAgOiBgL2NhdGFsb2cvY2VydGlmaWNhdGlvbi1wcmVwP3Byb3ZpZGVyPSR7bmFtZS50b0xvd2VyQ2FzZSgpfWBcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBpbWdTcmM9e2xvZ29Vcmx9XG4gICAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGl2ZUxlYXJuaW5nUGFuZWwgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgcmV0dXJuIChcbiAgICA8UGFuZWxMYXlvdXRcbiAgICAgIGhlYWRpbmc9XCJMaXZlIGxlYXJuaW5nXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiRXhwbG9yZSB0aGUgbGl2ZSBsZWFybmluZyBvcHBvcnR1bml0aWVzIGF2YWlsYWJsZSBpbiBvdXIgY291cnNlc1wiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvbGl2ZS1sZWFybmluZycsXG4gICAgICAgIHRleHQ6ICdMZWFybiBtb3JlIGFib3V0IGxpdmUgbGVhcm5pbmcnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ2NhdGFsb2ctaGVhZGVyLWxlYXJuLW1vcmUtYWJvdXQtbGl2ZS1sZWFybmluZycsXG4gICAgICAgIGlkOiAnbGVhcm4tbW9yZS1hYm91dC1saXZlLWxlYXJuaW5nJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgbWQ6ICdyZXBlYXQoMiwgMWZyKScgfX1cbiAgICAgICAgZ2FwPXsxNn1cbiAgICAgID5cbiAgICAgICAge2xpdmVMZWFybmluZ0h1Ykl0ZW1zLmRhdGEubWFwKChpdGVtKSA9PiAoXG4gICAgICAgICAgPEFuY2hvclxuICAgICAgICAgICAgaHJlZj17aXRlbS5ocmVmfVxuICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pXG4gICAgICAgICAgICB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENhcmQgaXNJbnRlcmFjdGl2ZSBwPXswfT5cbiAgICAgICAgICAgICAgPEJveFxuICAgICAgICAgICAgICAgIGhlaWdodD1cIjIyNXB4XCJcbiAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ9e3RoZW1lLmNvbG9yc1snZ3JheS0zMDAnXX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17OH0gcD17MTZ9PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiPntpdGVtLnRleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIHsnZGVzY3JpcHRpb24nIGluIGl0ZW0gJiYgPFRleHQ+e2l0ZW0uZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9DYXJkPlxuICAgICAgICAgIDwvQW5jaG9yPlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */"));
+const ProviderChip = ({
+  name,
+  href,
+  imgSrc,
+  tabIndex
+}) => {
+  return /*#__PURE__*/_jsx(Anchor, {
+    href: href,
+    variant: "interface",
+    tabIndex: tabIndex,
+    width: "100%",
+    height: "100%",
+    display: "block",
+    children: /*#__PURE__*/_jsx(GrayscaleToColorHoverCard, {
+      borderColor: "border-tertiary",
+      borderRadius: "lg",
+      isInteractive: true,
+      width: "100%",
+      height: "100%",
+      p: 8,
+      overrideImgFilters: name.toLowerCase() === 'kubernetes',
+      children: /*#__PURE__*/_jsx(Image, {
+        src: imgSrc,
+        alt: name,
+        display: "block",
+        m: "auto",
+        height: 52
+      })
+    })
+  }, name);
+};
 export const CertificationPathsPanel = () => {
-  return /*#__PURE__*/_jsx(PanelLayout, {
+  const {
+    tabIndex
+  } = useAppHeaderSectionContext();
+  return /*#__PURE__*/_jsxs(PanelLayout, {
     heading: "Certification paths",
-    description: "Get ready for certification exams with guided learning paths.",
+    description: "Prepare for top industry certifications with a guided path. Each one includes expert-reviewed lessons, hands-on projects, and practice tests to help you pass the exam.",
     linkItem: {
       type: 'link',
-      href: '/catalog?type=certification-path',
-      text: 'View all certification paths',
+      href: '/catalog/certification-prep',
+      text: 'Explore all certification paths',
       trackingTarget: 'catalog-header-view-all-certification-paths',
       id: 'view-all-certification-paths'
     },
-    children: /*#__PURE__*/_jsx(DietCardGrid, {
-      children: Array.from({
-        length: 6
-      }).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {}, `${index}-card`))
-    })
+    children: [/*#__PURE__*/_jsx(Text, {
+      as: "h3",
+      fontSize: 18,
+      fontWeight: "bold",
+      children: "Providers"
+    }), /*#__PURE__*/_jsx(GridBox, {
+      gridTemplateColumns: {
+        _: '1fr',
+        xs: 'repeat(2, 1fr)',
+        sm: 'repeat(3, 1fr)',
+        md: 'repeat(4, 1fr)'
+      },
+      gap: 16,
+      width: "100%",
+      as: "ul",
+      listStyle: "none",
+      p: 0,
+      m: 0,
+      children: CERTIFICATION_PROVIDERS.map(({
+        name,
+        logoUrl,
+        hubType
+      }) => /*#__PURE__*/_jsx(Box, {
+        as: "li",
+        width: "100%",
+        children: /*#__PURE__*/_jsx(ProviderChip, {
+          name: name,
+          href: hubType === 'subhub' ? `/search?query=${name} certifications` : `/catalog/certification-prep?provider=${name.toLowerCase()}`,
+          imgSrc: logoUrl,
+          tabIndex: tabIndex
+        })
+      }, name))
+    })]
   });
 };
 export const LiveLearningPanel = () => {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AppHeaderCatalogDropdownItem, AppHeaderLinkItem } from '../../shared';
+import { AppHeaderCatalogDropdownItem } from '../../shared';
 export type NavSectionConfig = {
     item: AppHeaderCatalogDropdownItem;
     panel: React.ComponentType<{
@@ -11,5 +11,8 @@ export declare const bannerData: {
     text: string;
     href: string;
 };
-export declare const popularLanguages: AppHeaderLinkItem[];
-export declare const popularSubjects: AppHeaderLinkItem[];
+export declare const CERTIFICATION_PROVIDERS: {
+    name: string;
+    logoUrl: string;
+    hubType: string;
+}[];

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

@@ -1,5 +1,5 @@
-import { ArtificialIntelligenceIcon, BookLibraryIcon, BriefcaseIcon, CIcon, CloudComputingIcon, CPlusIcon, CSharpIcon, CybersecurityIcon, DataEngineeringIcon, DataScienceIcon, GrowthIcon, HtmlCssIcon, JavaIcon, JavascriptIcon, OnlineClassStudentIcon, PhpIcon, ProfessionalCertificateIcon, ProgrammingBrowserIcon, PythonIcon, SqlIcon, StudyBookIcon, WebDesignIcon, WebDevelopmentIcon } from '@codecademy/gamut-icons';
-import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel, SkillPathsPanel } from './NavPanels';
+import { BookLibraryIcon, BriefcaseIcon, OnlineClassStudentIcon, ProfessionalCertificateIcon, StudyBookIcon } from '@codecademy/gamut-icons';
+import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, getCertificationProviderLogoUrl, LiveLearningPanel, SkillPathsPanel } from './NavPanels';
 export const CATALOG_NAV_SECTIONS = [{
   item: {
     icon: StudyBookIcon,
@@ -50,131 +50,52 @@ export const bannerData = {
   text: 'Want to help shape digital products? Check out the new UX Designer career path.',
   href: '/learn/paths/ux-designer-career-path'
 };
-export const popularLanguages = [{
-  id: 'python',
-  href: '/catalog/language/python',
-  trackingTarget: 'topnav_catalog_skill_python',
-  text: 'Python',
-  type: 'link',
-  icon: PythonIcon
-}, {
-  id: 'javascript',
-  href: '/catalog/language/javascript',
-  trackingTarget: 'topnav_catalog_skill_javascript',
-  text: 'JavaScript',
-  type: 'link',
-  icon: JavascriptIcon
-}, {
-  id: 'html-css',
-  href: '/catalog/language/html-css',
-  trackingTarget: 'topnav_catalog_skill_html-css',
-  text: 'HTML & CSS',
-  type: 'link',
-  icon: HtmlCssIcon
-}, {
-  id: 'c-sharp',
-  href: '/catalog/language/c-sharp',
-  trackingTarget: 'topnav_catalog_skill_c-sharp',
-  text: 'C#',
-  type: 'link',
-  icon: CSharpIcon
-}, {
-  id: 'c-plus-plus',
-  href: '/catalog/language/c-plus-plus',
-  trackingTarget: 'topnav_catalog_skill_c-plus-plus',
-  text: 'C++',
-  type: 'link',
-  icon: CPlusIcon
-}, {
-  id: 'c',
-  href: '/catalog/language/c',
-  trackingTarget: 'topnav_catalog_skill_c',
-  text: 'C',
-  type: 'link',
-  icon: CIcon
-}, {
-  id: 'php',
-  href: '/catalog/language/php',
-  trackingTarget: 'topnav_catalog_skill_php',
-  text: 'PHP',
-  type: 'link',
-  icon: PhpIcon
-}, {
-  id: 'java',
-  href: '/catalog/language/java',
-  trackingTarget: 'topnav_catalog_skill_java',
-  text: 'Java',
-  type: 'link',
-  icon: JavaIcon
-}, {
-  id: 'sql',
-  href: '/catalog/language/sql',
-  trackingTarget: 'topnav_catalog_skill_sql',
-  text: 'SQL',
-  type: 'link',
-  icon: SqlIcon
-}];
-export const popularSubjects = [{
-  id: 'artificial-intelligence',
-  href: '/catalog/subject/artificial-intelligence',
-  trackingTarget: 'topnav_catalog_skill_ai',
-  text: 'AI',
-  type: 'link',
-  icon: ArtificialIntelligenceIcon
-}, {
-  id: 'it',
-  href: '/catalog/subject/information-technology',
-  trackingTarget: 'topnav_catalog_skill_it',
-  text: 'IT',
-  type: 'link',
-  icon: DataEngineeringIcon
-}, {
-  id: 'cybersecurity',
-  href: '/catalog/subject/cybersecurity',
-  trackingTarget: 'topnav_catalog_skill_cybersecurity',
-  text: 'Cybersecurity',
-  type: 'link',
-  icon: CybersecurityIcon
-}, {
-  id: 'cloud-computing',
-  href: '/catalog/subject/cloud-computing',
-  trackingTarget: 'topnav_catalog_skill_cloud-computing',
-  text: 'Cloud computing',
-  type: 'link',
-  icon: CloudComputingIcon
-}, {
-  id: 'web-development',
-  href: '/catalog/subject/web-development',
-  trackingTarget: 'topnav_catalog_skill_web_development',
-  text: 'Web development',
-  type: 'link',
-  icon: WebDevelopmentIcon
-}, {
-  id: 'data-science',
-  href: '/catalog/subject/data-science',
-  trackingTarget: 'topnav_catalog_skill_data-science',
-  text: 'Data science',
-  type: 'link',
-  icon: DataScienceIcon
-}, {
-  id: 'web-design',
-  href: '/catalog/subject/web-design',
-  trackingTarget: 'topnav_catalog_skill_web-design',
-  text: 'Web design',
-  type: 'link',
-  icon: WebDesignIcon
-}, {
-  id: 'professional-skills',
-  href: '/catalog/subject/professional-skills',
-  trackingTarget: 'topnav_catalog_skill_professional-skills',
-  text: 'Professional skills',
-  type: 'link',
-  icon: GrowthIcon
-}, {
-  id: 'code-foundations',
-  href: '/catalog/subject/code-foundations',
-  trackingTarget: 'topnav_catalog_skill_code-foundations',
-  text: 'Code foundations',
-  type: 'link',
-  icon: ProgrammingBrowserIcon
+export const CERTIFICATION_PROVIDERS = [{
+  name: 'Microsoft',
+  logoUrl: getCertificationProviderLogoUrl('microsoft.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'CompTIA',
+  logoUrl: getCertificationProviderLogoUrl('comptia.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'ISC2',
+  logoUrl: getCertificationProviderLogoUrl('isc2.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'AWS',
+  logoUrl: getCertificationProviderLogoUrl('aws.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'Google',
+  logoUrl: getCertificationProviderLogoUrl('google.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Cisco',
+  logoUrl: getCertificationProviderLogoUrl('cisco.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'IIBA',
+  logoUrl: getCertificationProviderLogoUrl('iiba.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'ISTQB',
+  logoUrl: getCertificationProviderLogoUrl('istqb.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'ISACA',
+  logoUrl: getCertificationProviderLogoUrl('isaca.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Kubernetes',
+  logoUrl: getCertificationProviderLogoUrl('kubernetes.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Oracle',
+  logoUrl: getCertificationProviderLogoUrl('oracle.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Project Management Institute',
+  logoUrl: getCertificationProviderLogoUrl('pmi.svg'),
+  hubType: 'certification-prep'
 }];

package/dist/AppHeader/AppHeaderElements/AppHeaderFeatureCard/index.js

@@ -10,13 +10,13 @@ const StyledCard = /*#__PURE__*/_styled(Card, {
   theme
 }) => theme.colors.primary, ";border-color:", ({
   theme
-}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRmVhdHVyZUNhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckZlYXR1cmVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEdyaWREZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQ2FyZEl0ZW0gfSBmcm9tICcuLi9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckZlYXR1cmVDYXJkID0gKHsgaXRlbSB9OiB7IGl0ZW06IEFwcEhlYWRlckNhcmRJdGVtIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FyZFxuICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgcHg9ezE2fVxuICAgICAgcHk9ezI0fVxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICA+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ119XG4gICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgIHA9ezR9XG4gICAgICAgICAgaGVpZ2h0PXszMn1cbiAgICAgICAgICB3aWR0aD17MzJ9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICA+XG4gICAgICAgICAge2l0ZW0uaWNvbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1sYXJnZVwiIGZvbnRXZWlnaHQ9ezcwMH0+XG4gICAgICAgICAge2l0ZW0ubGlua0l0ZW0udGV4dH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPEdyaWREZW5zZSBoZWlnaHQ9ezR9IC8+XG4gICAgICA8L0JveD5cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCI+e2l0ZW0uZGVzY3JpcHRpb259PC9UZXh0PlxuICAgIDwvU3R5bGVkQ2FyZD5cbiAgKTtcbn07XG4iXX0= */"));
+}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyRmVhdHVyZUNhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckZlYXR1cmVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEdyaWREZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQXBwSGVhZGVyQ2FyZEl0ZW0gfSBmcm9tICcuLi9BcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bi9jb25zdHMnO1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEFwcEhlYWRlckZlYXR1cmVDYXJkID0gKHsgaXRlbSB9OiB7IGl0ZW06IEFwcEhlYWRlckNhcmRJdGVtIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FyZFxuICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgcHg9ezh9XG4gICAgICBweT17MjR9XG4gICAgICBib3JkZXJSYWRpdXM9XCJsZ1wiXG4gICAgICBib3JkZXI9ezF9XG4gICAgICBib3JkZXJDb2xvcj1cImJvcmRlci10ZXJ0aWFyeVwiXG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgID5cbiAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9PlxuICAgICAgICA8Qm94XG4gICAgICAgICAgYmFja2dyb3VuZD17dGhlbWUuY29sb3JzWyduYXZ5LTIwMCddfVxuICAgICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgICBwPXs0fVxuICAgICAgICAgIGhlaWdodD17MjZ9XG4gICAgICAgID5cbiAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICA8L0JveD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXhzXCI+e2l0ZW0ubGlua0l0ZW0udGV4dH08L1RleHQ+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICA8R3JpZERlbnNlIGhlaWdodD17NH0gLz5cbiAgICAgIDwvQm94PlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtYmFzZVwiIGZvbnRTaXplPXsxNH0+XG4gICAgICAgIHtpdGVtLmRlc2NyaXB0aW9ufVxuICAgICAgPC9UZXh0PlxuICAgIDwvU3R5bGVkQ2FyZD5cbiAgKTtcbn07XG4iXX0= */"));
 export const AppHeaderFeatureCard = ({
   item
 }) => {
   return /*#__PURE__*/_jsxs(StyledCard, {
     isInteractive: true,
-    px: 16,
+    px: 8,
     py: 24,
     borderRadius: "lg",
     border: 1,
@@ -28,18 +28,14 @@ export const AppHeaderFeatureCard = ({
     children: [/*#__PURE__*/_jsxs(FlexBox, {
       alignItems: "center",
       gap: 8,
-      children: [/*#__PURE__*/_jsx(FlexBox, {
+      children: [/*#__PURE__*/_jsx(Box, {
         background: theme.colors['navy-200'],
         borderRadius: "md",
         p: 4,
-        height: 32,
-        width: 32,
-        alignItems: "center",
-        justifyContent: "center",
+        height: 26,
         children: item.icon
       }), /*#__PURE__*/_jsx(Text, {
-        variant: "p-large",
-        fontWeight: 700,
+        variant: "title-xs",
         children: item.linkItem.text
       })]
     }), /*#__PURE__*/_jsx(Box, {
@@ -48,7 +44,8 @@ export const AppHeaderFeatureCard = ({
         height: 4
       })
     }), /*#__PURE__*/_jsx(Text, {
-      variant: "p-small",
+      variant: "p-base",
+      fontSize: 14,
       children: item.description
     })]
   });

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

@@ -1,23 +1,25 @@
-import { Anchor, Box, GridBox } from '@codecademy/gamut';
+import { Anchor, Box, FlexBox, GridBox } from '@codecademy/gamut';
 import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
 import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
 import { AppHeaderFeatureCard } from '../AppHeaderFeatureCard';
 import { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';
 import { PanelLayout } from '../AppHeaderSection/PanelLayout';
-import { SkillTile } from '../AppHeaderSkillTile';
 import { docsLinks, inspirationLinks, learningToolsLinks, practiceToolsLinks } from './consts';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export const DocsPanel = () => {
   const {
     globalHeaderItemClick
   } = useGlobalHeaderItemClick();
+  const {
+    handleClose
+  } = useAppHeaderDropdownContext();
   const {
     tabIndex
   } = useAppHeaderSectionContext();
   const description = /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Box, {
       mb: 8,
-      children: "Definitions and guides to help you understand programming languages, frameworks, and concepts. Built and maintained by the coding community."
+      children: "Docs is a community-driven resource for all things programming. Even if you don't have a Codecademy account, you can quickly find definitions and explanations for most coding languages, frameworks, and technical concepts."
     }), "Interested in helping build it?", ' ', /*#__PURE__*/_jsx(Anchor, {
       tabIndex: tabIndex,
       href: "/docs/contribute",
@@ -44,15 +46,32 @@ export const DocsPanel = () => {
       gridTemplateColumns: {
         _: '1fr',
         xs: '1fr 1fr',
-        md: '1fr 1fr 1fr'
+        lg: '1fr 1fr 1fr'
       },
       gap: 8,
       pl: 0,
       as: "ul",
       listStyle: "none",
-      children: docsLinks.map(item => /*#__PURE__*/_jsx(SkillTile, {
-        item: item
-      }, item.id))
+      children: docsLinks.map(item => /*#__PURE__*/_jsx(Anchor, {
+        variant: "interface",
+        href: item.href,
+        onClick: event => {
+          globalHeaderItemClick(event, item);
+          handleClose();
+        },
+        tabIndex: tabIndex,
+        as: "li",
+        children: /*#__PURE__*/_jsxs(FlexBox, {
+          height: 48,
+          px: 16,
+          py: 8,
+          borderRadius: "md",
+          border: 1,
+          borderColor: "border-tertiary",
+          alignItems: "center",
+          children: [item.text, item.badge]
+        }, `${item.id}`)
+      }, `${item.id}`))
     })
   });
 };
@@ -98,11 +117,11 @@ export const FeatureCardPanel = ({
   return /*#__PURE__*/_jsx(GridBox, {
     gridTemplateColumns: {
       _: '1fr',
-      sm: '1fr 1fr'
+      lg: '1fr 1fr'
     },
     gridTemplateRows: {
       _: '1fr',
-      sm: '1fr 1fr'
+      lg: '1fr 1fr'
     },
     gap: 16,
     pl: 0,

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

@@ -1,4 +1,4 @@
-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, VideoPlayerMovieIcon } from '@codecademy/gamut-icons';
+import { ArticleIcon, BriefcaseIcon, BulbIcon, CommentsIcon, FileIcon, HammerWrenchIcon, InfoCircleIcon, NotebookIcon, ProjectsIcon, RulerTriangleIcon, SearchIcon, VideoPlayerMovieIcon } from '@codecademy/gamut-icons';
 import React from 'react';
 import { DocsPanel, InspirationPanel, LearningToolsPanel, PracticeToolsPanel } from './NavPanels';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -44,127 +44,109 @@ export const docsLinks = [{
   href: '/resources/docs/c',
   trackingTarget: 'topnav_resources_docs_c',
   text: 'C',
-  type: 'link',
-  icon: CIcon
+  type: 'link'
 }, {
   id: 'html',
   href: '/resources/docs/html',
   trackingTarget: 'topnav_resources_docs_html',
   text: 'HTML',
-  type: 'link',
-  icon: HtmlCssIcon
+  type: 'link'
 }, {
   id: 'python',
   href: '/resources/docs/python',
   trackingTarget: 'topnav_resources_docs_python',
   text: 'Python',
-  type: 'link',
-  icon: PythonIcon
+  type: 'link'
 }, {
   id: 'cpp',
   href: '/resources/docs/cpp',
   trackingTarget: 'topnav_resources_docs_cpp',
   text: 'C++',
-  type: 'link',
-  icon: CPlusIcon
+  type: 'link'
 }, {
   id: 'java',
   href: '/resources/docs/java',
   trackingTarget: 'topnav_resources_docs_java',
   text: 'Java',
-  type: 'link',
-  icon: JavaIcon
+  type: 'link'
 }, {
   id: 'react',
   href: '/resources/docs/react',
   trackingTarget: 'topnav_resources_docs_react',
   text: 'React',
-  type: 'link',
-  icon: ReactIcon
+  type: 'link'
 }, {
   id: 'css',
   href: '/resources/docs/css',
   trackingTarget: 'topnav_resources_docs_css',
   text: 'CSS',
-  type: 'link',
-  icon: HtmlCssIcon
+  type: 'link'
 }, {
   id: 'javascript',
   href: '/resources/docs/javascript',
   trackingTarget: 'topnav_resources_docs_javascript',
   text: 'JavaScript',
-  type: 'link',
-  icon: JavascriptIcon
+  type: 'link'
 }, {
   id: 'sql',
   href: '/resources/docs/sql',
   trackingTarget: 'topnav_resources_docs_sql',
   text: 'SQL',
-  type: 'link',
-  icon: SqlIcon
+  type: 'link'
 }, {
   id: 'git',
   href: '/resources/docs/git',
   trackingTarget: 'topnav_resources_docs_git',
   text: 'Git',
-  type: 'link',
-  icon: GitIcon
+  type: 'link'
 }, {
   id: 'php',
   href: '/resources/docs/php',
   trackingTarget: 'topnav_resources_docs_php',
   text: 'PHP',
-  type: 'link',
-  icon: PhpIcon
+  type: 'link'
+}, {
+  id: 'uiux',
+  href: '/resources/docs/uiux',
+  trackingTarget: 'topnav_resources_docs_uiux',
+  text: 'UI/UX',
+  type: 'link'
 }, {
   id: 'markdown',
   href: '/resources/docs/markdown',
   trackingTarget: 'topnav_resources_docs_markdown',
   text: 'Markdown',
-  type: 'link',
-  icon: MarkdownIcon
+  type: 'link'
+}, {
+  id: 'data-science',
+  href: '/resources/docs/data-science',
+  trackingTarget: 'topnav_resources_docs_data_science',
+  text: 'Data science',
+  type: 'link'
+}, {
+  id: 'ai',
+  href: '/resources/docs/ai',
+  trackingTarget: 'topnav_resources_docs_ai',
+  text: 'AI',
+  type: 'link'
+}, {
+  id: 'data-visualization',
+  href: '/resources/docs/data-visualization',
+  trackingTarget: 'topnav_resources_docs_data_visualization',
+  text: 'Data visualization',
+  type: 'link'
 }, {
   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
+  type: 'link'
 }, {
-  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
+  id: 'ruby',
+  href: '/resources/docs/ruby',
+  trackingTarget: 'topnav_resources_docs_ruby',
+  text: 'Ruby',
+  type: 'link'
 }];
 export const learningToolsLinks = [{
   linkItem: {
@@ -175,7 +157,7 @@ export const learningToolsLinks = [{
     type: 'link'
   },
   icon: /*#__PURE__*/_jsx(ArticleIcon, {}),
-  description: 'Dive deeper into coding concepts and developer workflows to level up your skills.'
+  description: "Articles are more in-depth explanations about concepts covered in Codecademy courses. Here you'll learn more about workflows that developers use every day, and take your coding skills to the next level."
 }, {
   linkItem: {
     id: 'cheatsheets',
@@ -185,7 +167,7 @@ export const learningToolsLinks = [{
     type: 'link'
   },
   icon: /*#__PURE__*/_jsx(NotebookIcon, {}),
-  description: 'Quick guides that summarize key concepts across languages, tools, and technologies.'
+  description: 'Quick-reference guides that summarize key concepts taught in our courses and paths across various programming languages, tools, and technologies.'
 }, {
   linkItem: {
     id: 'videos',
@@ -195,7 +177,7 @@ export const learningToolsLinks = [{
     type: 'link'
   },
   icon: /*#__PURE__*/_jsx(VideoPlayerMovieIcon, {}),
-  description: 'Learn from videos on languages, frameworks, and more—at any skill level.'
+  description: 'Watch our best programming videos for beginner, intermediate, and advanced learners about languages, frameworks, and more.'
 }, {
   linkItem: {
     id: 'projects',
@@ -205,7 +187,7 @@ export const learningToolsLinks = [{
     type: 'link'
   },
   icon: /*#__PURE__*/_jsx(ProjectsIcon, {}),
-  description: 'Apply your skills, connect concepts, and build something of your own.'
+  description: "Projects let you apply what you're learning. Practice new skills, connect concepts, or put it all together to create something of your own."
 }];
 export const practiceToolsLinks = [{
   linkItem: {
@@ -215,8 +197,8 @@ export const practiceToolsLinks = [{
     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.'
+  icon: /*#__PURE__*/_jsx(ArticleIcon, {}),
+  description: "Test your knowledge with code challenges based on real-world technical interviews from companies like Google, Amazon, and Meta. Practice for your job search — or for fun. Don't worry if you get stuck. We'll recommend the right courses to help you."
 }, {
   linkItem: {
     id: 'workspaces',
@@ -225,8 +207,8 @@ export const practiceToolsLinks = [{
     text: 'Workspaces',
     type: 'link'
   },
-  icon: /*#__PURE__*/_jsx(LearnIcon, {}),
-  description: 'Build and share projects in 13 popular languages, all right in your browser.'
+  icon: /*#__PURE__*/_jsx(VideoPlayerMovieIcon, {}),
+  description: 'Practice building projects in 13 popular languages and libraries, tinker with code, and share your work—all without leaving your browser.'
 }, {
   linkItem: {
     id: 'job-readiness',
@@ -235,8 +217,8 @@ export const practiceToolsLinks = [{
     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.'
+  icon: /*#__PURE__*/_jsx(NotebookIcon, {}),
+  description: "Add a LinkedIn or ZipRecruiter job posting to analyze how your skills fit the job. You'll need to add more information for jobs found on other websites."
 }, {
   linkItem: {
     id: 'interview-simulator',
@@ -245,8 +227,8 @@ export const practiceToolsLinks = [{
     text: 'Interview Simulator',
     type: 'link'
   },
-  icon: /*#__PURE__*/_jsx(GaugeDashboardIcon, {}),
-  description: 'Practice interviews, get feedback, and build confidence at any stage of your tech career.'
+  icon: /*#__PURE__*/_jsx(ProjectsIcon, {}),
+  description: 'Discover your potential through interviewing. Identify your strengths, get actionable feedback, and boost your confidence with customized practice — at any stage in your tech career.'
 }];
 export const inspirationLinks = [{
   linkItem: {
@@ -287,5 +269,5 @@ export const inspirationLinks = [{
     type: 'link'
   },
   icon: /*#__PURE__*/_jsx(SearchIcon, {}),
-  description: 'Master the skills to land a tech job, from resumes and portfolios to interviews and offers.'
+  description: 'Want to break into the tech industry? Learn how to write a standout resume, build a professional portfolio, prepare for technical interviews, and negotiate job offers.'
 }];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "3.8.0-alpha.bbe6a143bc.0",
+  "version": "3.8.0-alpha.bdbfac4885.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",

package/dist/AppHeader/AppHeaderElements/AppHeaderSkillTile/index.d.ts

@@ -1,6 +0,0 @@
-import { AppHeaderLinkItem } from '../../shared';
-interface SkillTileProps {
-    item: AppHeaderLinkItem;
-}
-export declare const SkillTile: React.FC<SkillTileProps>;
-export {};

package/dist/AppHeader/AppHeaderElements/AppHeaderSkillTile/index.js

@@ -1,62 +0,0 @@
-import _styled from "@emotion/styled/base";
-import { Anchor, FlexBox, Text } from '@codecademy/gamut';
-import { css, theme } from '@codecademy/gamut-styles';
-import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
-import { useAppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SkillAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e1t5ouwe0",
-  label: "SkillAnchor"
-})(css({
-  backgroundColor: theme.colors.background,
-  borderColor: theme.colors['border-tertiary'],
-  borderRadius: 'lg',
-  border: 1,
-  // transition: 'background-color 0.2s ease',
-  '&:hover, &:focus': {
-    borderColor: theme.colors.primary,
-    background: theme.colors['navy-100']
-  },
-  '&:active': {
-    borderColor: theme.colors.primary,
-    background: theme.colors['navy-200']
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2tpbGxUaWxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTa2lsbFRpbGUvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBGbGV4Qm94LCBUZXh0LCBUZXh0UHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBjc3MsIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyTGlua0l0ZW0gfSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgdXNlQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5cbmludGVyZmFjZSBTa2lsbFRpbGVQcm9wcyB7XG4gIGl0ZW06IEFwcEhlYWRlckxpbmtJdGVtO1xufVxuXG5jb25zdCBTa2lsbEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmJhY2tncm91bmQsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLmNvbG9yc1snYm9yZGVyLXRlcnRpYXJ5J10gYXMgVGV4dFByb3BzWydjb2xvciddLFxuICAgIGJvcmRlclJhZGl1czogJ2xnJyxcbiAgICBib3JkZXI6IDEsXG4gICAgLy8gdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlJyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cyc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS5jb2xvcnMucHJpbWFyeSBhcyBUZXh0UHJvcHNbJ2NvbG9yJ10sXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ10sXG4gICAgfSxcbiAgICAnJjphY3RpdmUnOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUuY29sb3JzLnByaW1hcnkgYXMgVGV4dFByb3BzWydjb2xvciddLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzWyduYXZ5LTIwMCddLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU2tpbGxUaWxlOiBSZWFjdC5GQzxTa2lsbFRpbGVQcm9wcz4gPSAoeyBpdGVtIH0pID0+IHtcbiAgY29uc3QgeyBocmVmLCB0ZXh0LCBpY29uOiBJY29uIH0gPSBpdGVtO1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIGNvbnN0IHsgaGFuZGxlQ2xvc2UgfSA9IHVzZUFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFNraWxsQW5jaG9yXG4gICAgICBocmVmPXtocmVmfVxuICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4ge1xuICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pO1xuICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgfX1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGFzPVwibGlcIlxuICAgID5cbiAgICAgIDxGbGV4Qm94IHB5PXs4fSBweD17MTZ9IGhlaWdodD17NDh9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAge0ljb24gJiYgPEljb24gc2l6ZT17MjR9IC8+fVxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1iYXNlXCIgcGw9ezE2fT5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvU2tpbGxBbmNob3I+XG4gICk7XG59O1xuIl19 */");
-export const SkillTile = ({
-  item
-}) => {
-  const {
-    href,
-    text,
-    icon: Icon
-  } = item;
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const {
-    handleClose
-  } = useAppHeaderDropdownContext();
-  return /*#__PURE__*/_jsx(SkillAnchor, {
-    href: href,
-    onClick: event => {
-      globalHeaderItemClick(event, item);
-      handleClose();
-    },
-    variant: "interface",
-    width: "100%",
-    as: "li",
-    children: /*#__PURE__*/_jsxs(FlexBox, {
-      py: 8,
-      px: 16,
-      height: 48,
-      alignItems: "center",
-      children: [Icon && /*#__PURE__*/_jsx(Icon, {
-        size: 24
-      }), /*#__PURE__*/_jsx(Text, {
-        variant: "p-base",
-        pl: 16,
-        children: text
-      })]
-    })
-  });
-};