@codecademy/brand 3.7.0 → 3.8.0-alpha.923923e1fa.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,3 +1,4 @@
+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';
@@ -8,6 +9,7 @@ import { liveLearningHubItems, topLanguages } from '../../../lib/catalogList';
 import { AppHeaderDietCard } from '../AppHeaderDietCard';
 import { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSectionContext';
 import { PanelLayout } from '../AppHeaderSection/PanelLayout';
+import { CERTIFICATION_PROVIDERS } from './consts';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export const CourseTopicsPanel = () => {
   const {
@@ -129,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{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+XG4gICAgICBvdmVycmlkZUltZ0ZpbHRlcnMgPyAnY29udHJhc3QoNSknIDogJ2JyaWdodG5lc3MoMC4yNSknfTtcbiAgfVxuICB0cmFuc2l0aW9uOiBmaWx0ZXIgMC4ycyBlYXNlLWluLW91dDtcbiAgJjpob3ZlciB7XG4gICAgZmlsdGVyOiBncmF5c2NhbGUoMCk7XG4gICAgaW1nIHtcbiAgICAgIGZpbHRlcjogYnJpZ2h0bmVzcygxKTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFByb3ZpZGVyQ2hpcCA9ICh7XG4gIG5hbWUsXG4gIGhyZWYsXG4gIGltZ1NyYyxcbiAgdGFiSW5kZXgsXG59OiB7XG4gIG5hbWU6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBpbWdTcmM6IHN0cmluZztcbiAgdGFiSW5kZXg6IG51bWJlcjtcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QW5jaG9yXG4gICAgICBocmVmPXtocmVmfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICBrZXk9e25hbWV9XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICBkaXNwbGF5PVwiYmxvY2tcIlxuICAgID5cbiAgICAgIDxHcmF5c2NhbGVUb0NvbG9ySG92ZXJDYXJkXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXRlcnRpYXJ5XCJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICBwPXs4fVxuICAgICAgICBvdmVycmlkZUltZ0ZpbHRlcnM9e25hbWUudG9Mb3dlckNhc2UoKSA9PT0gJ2t1YmVybmV0ZXMnfVxuICAgICAgPlxuICAgICAgICA8SW1hZ2Ugc3JjPXtpbWdTcmN9IGFsdD17bmFtZX0gZGlzcGxheT1cImJsb2NrXCIgbT1cImF1dG9cIiBoZWlnaHQ9ezUyfSAvPlxuICAgICAgPC9HcmF5c2NhbGVUb0NvbG9ySG92ZXJDYXJkPlxuICAgIDwvQW5jaG9yPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRpb25QYXRoc1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IHRhYkluZGV4IH0gPSB1c2VBcHBIZWFkZXJTZWN0aW9uQ29udGV4dCgpO1xuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIkNlcnRpZmljYXRpb24gcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJQcmVwYXJlIGZvciB0b3AgaW5kdXN0cnkgY2VydGlmaWNhdGlvbnMgd2l0aCBhIGd1aWRlZCBwYXRoLiBFYWNoIG9uZSBpbmNsdWRlcyBleHBlcnQtcmV2aWV3ZWQgbGVzc29ucywgaGFuZHMtb24gcHJvamVjdHMsIGFuZCBwcmFjdGljZSB0ZXN0cyB0byBoZWxwIHlvdSBwYXNzIHRoZSBleGFtLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZy9jZXJ0aWZpY2F0aW9uLXByZXAnLFxuICAgICAgICB0ZXh0OiAnRXhwbG9yZSBhbGwgY2VydGlmaWNhdGlvbiBwYXRocycsXG4gICAgICAgIHRyYWNraW5nVGFyZ2V0OiAnY2F0YWxvZy1oZWFkZXItdmlldy1hbGwtY2VydGlmaWNhdGlvbi1wYXRocycsXG4gICAgICAgIGlkOiAndmlldy1hbGwtY2VydGlmaWNhdGlvbi1wYXRocycsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwiaDNcIiBmb250U2l6ZT17MTh9IGZvbnRXZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgIFByb3ZpZGVyc1xuICAgICAgPC9UZXh0PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17e1xuICAgICAgICAgIF86ICcxZnInLFxuICAgICAgICAgIHhzOiAncmVwZWF0KDIsIDFmciknLFxuICAgICAgICAgIHNtOiAncmVwZWF0KDMsIDFmciknLFxuICAgICAgICAgIG1kOiAncmVwZWF0KDQsIDFmciknLFxuICAgICAgICB9fVxuICAgICAgICBnYXA9ezE2fVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgbGlzdFN0eWxlPVwibm9uZVwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIG09ezB9XG4gICAgICA+XG4gICAgICAgIHtDRVJUSUZJQ0FUSU9OX1BST1ZJREVSUy5tYXAoKHsgbmFtZSwgbG9nb1VybCwgaHViVHlwZSB9KSA9PiAoXG4gICAgICAgICAgPEJveCBhcz1cImxpXCIga2V5PXtuYW1lfSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxQcm92aWRlckNoaXBcbiAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgaHJlZj17XG4gICAgICAgICAgICAgICAgaHViVHlwZSA9PT0gJ3N1Ymh1YidcbiAgICAgICAgICAgICAgICAgID8gYC9zZWFyY2g/cXVlcnk9JHtuYW1lfSBjZXJ0aWZpY2F0aW9uc2BcbiAgICAgICAgICAgICAgICAgIDogYC9jYXRhbG9nL2NlcnRpZmljYXRpb24tcHJlcD9wcm92aWRlcj0ke25hbWUudG9Mb3dlckNhc2UoKX1gXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgaW1nU3JjPXtsb2dvVXJsfVxuICAgICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApKX1cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L1BhbmVsTGF5b3V0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IExpdmVMZWFybmluZ1BhbmVsID0gKCkgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiTGl2ZSBsZWFybmluZ1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIkV4cGxvcmUgdGhlIGxpdmUgbGVhcm5pbmcgb3Bwb3J0dW5pdGllcyBhdmFpbGFibGUgaW4gb3VyIGNvdXJzZXNcIlxuICAgICAgbGlua0l0ZW09e3tcbiAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICBocmVmOiAnL2xpdmUtbGVhcm5pbmcnLFxuICAgICAgICB0ZXh0OiAnTGVhcm4gbW9yZSBhYm91dCBsaXZlIGxlYXJuaW5nJyxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICdjYXRhbG9nLWhlYWRlci1sZWFybi1tb3JlLWFib3V0LWxpdmUtbGVhcm5pbmcnLFxuICAgICAgICBpZDogJ2xlYXJuLW1vcmUtYWJvdXQtbGl2ZS1sZWFybmluZycsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIG1kOiAncmVwZWF0KDIsIDFmciknIH19XG4gICAgICAgIGdhcD17MTZ9XG4gICAgICA+XG4gICAgICAgIHtsaXZlTGVhcm5pbmdIdWJJdGVtcy5kYXRhLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50LCBNb3VzZUV2ZW50PikgPT5cbiAgICAgICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCBpdGVtKVxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDYXJkIGlzSW50ZXJhY3RpdmUgcD17MH0+XG4gICAgICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgICAgICBoZWlnaHQ9XCIyMjVweFwiXG4gICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezh9IHA9ezE2fT5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIj57aXRlbS50ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgICAgICB7J2Rlc2NyaXB0aW9uJyBpbiBpdGVtICYmIDxUZXh0PntpdGVtLmRlc2NyaXB0aW9ufTwvVGV4dD59XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgICA8L0FuY2hvcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG4iXX0= */"));
+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

@@ -11,3 +11,8 @@ export declare const bannerData: {
     text: string;
     href: string;
 };
+export declare const CERTIFICATION_PROVIDERS: {
+    name: string;
+    logoUrl: string;
+    hubType: string;
+}[];

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

@@ -1,5 +1,5 @@
 import { BookLibraryIcon, BriefcaseIcon, OnlineClassStudentIcon, ProfessionalCertificateIcon, StudyBookIcon } from '@codecademy/gamut-icons';
-import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, LiveLearningPanel, SkillPathsPanel } from './NavPanels';
+import { CareerPathsPanel, CertificationPathsPanel, CourseTopicsPanel, getCertificationProviderLogoUrl, LiveLearningPanel, SkillPathsPanel } from './NavPanels';
 export const CATALOG_NAV_SECTIONS = [{
   item: {
     icon: StudyBookIcon,
@@ -49,4 +49,53 @@ export const CATALOG_NAV_SECTIONS = [{
 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 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/package.json

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