@codecademy/brand 3.5.0 → 3.6.0-alpha.1990424ffc.0

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

@@ -1,3 +1,5 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /* 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';
@@ -119,64 +121,147 @@ export const SkillPathsPanel = ({
     })
   });
 };
-const providers = ['AWS', 'Microsoft', 'Google', 'COMPTIA', 'ISC2'];
+const getCertificationProviderLogoUrl = fileName => `https://static-assets.codecademy.com/assets/certification-provider-logos/catalog-dropdown/${fileName}`;
+const providers = [{
+  name: 'Microsoft',
+  logoUrl: getCertificationProviderLogoUrl('microsoft-2.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'CompTIA',
+  logoUrl: getCertificationProviderLogoUrl('comptia-1.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'ISC2',
+  logoUrl: getCertificationProviderLogoUrl('isc2-1.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'AWS',
+  logoUrl: getCertificationProviderLogoUrl('aws-2.svg'),
+  hubType: 'subhub'
+}, {
+  name: 'Google',
+  logoUrl: getCertificationProviderLogoUrl('google-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Cisco',
+  logoUrl: getCertificationProviderLogoUrl('cisco-2.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'IIBA',
+  logoUrl: getCertificationProviderLogoUrl('iiba-2.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'ISTQB',
+  logoUrl: getCertificationProviderLogoUrl('istqb-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'ISACA',
+  logoUrl: getCertificationProviderLogoUrl('isaca-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Kubernetes',
+  logoUrl: getCertificationProviderLogoUrl('kubernetes-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Oracle',
+  logoUrl: getCertificationProviderLogoUrl('oracle-1.svg'),
+  hubType: 'certification-prep'
+}, {
+  name: 'Project Management Institute',
+  logoUrl: getCertificationProviderLogoUrl('pmi-1.svg'),
+  hubType: 'certification-prep'
+}];
+const Image = Box.withComponent('img', {
+  target: "eqfnvo1",
+  label: "Image"
+});
+const GrayscaleToColorHoverCard = /*#__PURE__*/_styled(Card, {
+  target: "eqfnvo0",
+  label: "GrayscaleToColorHoverCard"
+})(process.env.NODE_ENV === "production" ? {
+  name: "66chqc",
+  styles: "filter:grayscale(100%);transition:filter 0.2s ease-in-out;&:hover{filter:grayscale(0%);}"
+} : {
+  name: "66chqc",
+  styles: "filter:grayscale(100%);transition:filter 0.2s ease-in-out;&:hover{filter:grayscale(0%);}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duL05hdlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb004QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvQXBwSGVhZGVyL0FwcEhlYWRlckVsZW1lbnRzL0FwcEhlYWRlckNhdGFsb2dEcm9wZG93bi9OYXZQYW5lbHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovIC8vIGNhbiBiZSByZW1vdmVkIG9uY2Ugd2UgYWRkIGR5bmFtaWMgZGF0YVxuaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIEdyaWRCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5cbmltcG9ydCB7IENvdXJzZURpZmZpY3VsdHkgfSBmcm9tICcuLi8uLi8uLi9Db250ZW50R3JvdXBCYXNlQ2FyZC90eXBlcyc7XG5pbXBvcnQgeyB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9HbG9iYWxIZWFkZXIvY29udGV4dCc7XG5pbXBvcnQgeyBsaXZlTGVhcm5pbmdIdWJJdGVtcywgdG9wTGFuZ3VhZ2VzIH0gZnJvbSAnLi4vLi4vLi4vbGliL2NhdGFsb2dMaXN0JztcbmltcG9ydCB7IEFwcEhlYWRlckRpZXRDYXJkIH0gZnJvbSAnLi4vQXBwSGVhZGVyRGlldENhcmQnO1xuaW1wb3J0IHsgUGFuZWxMYXlvdXQgfSBmcm9tICcuLi9BcHBIZWFkZXJTZWN0aW9uL1BhbmVsTGF5b3V0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxudHlwZSBOYXZQYW5lbFByb3BzID0ge1xuICB0YWJJbmRleD86IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBDb3Vyc2VUb3BpY3NQYW5lbCA9ICh7IHRhYkluZGV4ID0gMCB9OiBOYXZQYW5lbFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIkNvdXJzZSB0b3BpY3NcIlxuICAgICAgZGVzY3JpcHRpb249XCJFeHBsb3JlIHRoZSB0b3BpY3MgY292ZXJlZCBpbiBvdXIgY291cnNlc1wiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPWNvdXJzZScsXG4gICAgICAgIHRleHQ6ICdWaWV3IGFsbCBjb3Vyc2VzJyxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICdjYXRhbG9nLWhlYWRlci12aWV3LWFsbC1jb3Vyc2VzJyxcbiAgICAgICAgaWQ6ICd2aWV3LWFsbC1jb3Vyc2VzJyxcbiAgICAgIH19XG4gICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgPlxuICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgbGc6ICdyb3cnIH19IHdyYXAgZ2FwPXsxNn0+XG4gICAgICAgIHt0b3BMYW5ndWFnZXMubWFwKChpdGVtKSA9PiAoXG4gICAgICAgICAgPEFuY2hvclxuICAgICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEFuY2hvckVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PlxuICAgICAgICAgICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZXZlbnQsIGl0ZW0pXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgICBrZXk9e2Ake2l0ZW0uaWR9YH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICB3aWR0aD1cIjI4MXB4XCJcbiAgICAgICAgICAgICAgaGVpZ2h0PXs0OH1cbiAgICAgICAgICAgICAgcHg9ezE2fVxuICAgICAgICAgICAgICBweT17OH1cbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgICAgICBib3JkZXI9ezF9XG4gICAgICAgICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgIGtleT17YCR7aXRlbS5pZH1gfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aXRlbS50ZXh0fVxuICAgICAgICAgICAgICB7aXRlbS5iYWRnZX1cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0FuY2hvcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDYXJlZXJQYXRoQ2FyZCA9ICh7IHRhYkluZGV4ID0gMCB9OiBOYXZQYW5lbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEFwcEhlYWRlckRpZXRDYXJkXG4gICAgICB0aXRsZT1cIkZ1bGwtU3RhY2sgRW5naW5lZXJcIlxuICAgICAgaG91cnM9ezE1MH1cbiAgICAgIGljb249ezxMZXZlbEljb24gLz59XG4gICAgICBkaWZmaWN1bHR5PXtDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2FyZWVyUGF0aHNQYW5lbCA9ICh7IHRhYkluZGV4ID0gMCB9OiBOYXZQYW5lbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiUG9wdWxhciBjYXJlZXIgcGF0aHNcIlxuICAgICAgZGVzY3JpcHRpb249XCJDYXJlZXIgcGF0aHMgdGVhY2ggeW91IGV4YWN0bHkgd2hhdCB5b3UgbmVlZCB0byBzdGFydCBhIG5ldyBjYXJlZXIuIEN1cmF0ZWQgYnkgb3VyIHRlYW0gb2YgZXhwZXJ0cywgY2FyZWVyIHBhdGhzIGNvbnRhaW4gYSBjb2xsZWN0aW9uIG9mIGNvdXJzZXMsIHByb2plY3RzLCBwcmVwIGZvciB0ZWNobmljYWwgaW50ZXJ2aWV3cywgYW5kIG1vcmUuXCJcbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nP3R5cGU9Y2FyZWVyLXBhdGgnLFxuICAgICAgICB0ZXh0OiAnVmlldyBhbGwgY2FyZWVyIHBhdGhzJyxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICdjYXRhbG9nLWhlYWRlci12aWV3LWFsbC1jYXJlZXItcGF0aHMnLFxuICAgICAgICBpZDogJ3ZpZXctYWxsLWNhcmVlci1wYXRocycsXG4gICAgICB9fVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgID5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIG1kOiAncmVwZWF0KDMsIDFmciknIH19XG4gICAgICAgIGdhcD17MTZ9XG4gICAgICA+XG4gICAgICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoOiA2IH0pLm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgICA8Q2FyZWVyUGF0aENhcmQga2V5PXtgJHtpbmRleH0tY2FyZGB9IHRhYkluZGV4PXt0YWJJbmRleH0gLz5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTa2lsbFBhdGhzUGFuZWwgPSAoeyB0YWJJbmRleCA9IDAgfTogTmF2UGFuZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxQYW5lbExheW91dFxuICAgICAgaGVhZGluZz1cIlNraWxsIHBhdGhzXCJcbiAgICAgIGRlc2NyaXB0aW9uPVwiQnVpbGQgYSBzcGVjaWZpYyBza2lsbCBmYXN0IHdpdGggYSBzaG9ydCwgY3VyYXRlZCBwYXRoLlwiXG4gICAgICBsaW5rSXRlbT17e1xuICAgICAgICB0eXBlOiAnbGluaycsXG4gICAgICAgIGhyZWY6ICcvY2F0YWxvZz90eXBlPXNraWxsLXBhdGgnLFxuICAgICAgICB0ZXh0OiAnVmlldyBhbGwgc2tpbGwgcGF0aHMnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ2NhdGFsb2ctaGVhZGVyLXZpZXctYWxsLXNraWxsLXBhdGhzJyxcbiAgICAgICAgaWQ6ICd2aWV3LWFsbC1za2lsbC1wYXRocycsXG4gICAgICB9fVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgID5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIG1kOiAncmVwZWF0KDMsIDFmciknIH19XG4gICAgICAgIGdhcD17MTZ9XG4gICAgICA+XG4gICAgICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoOiA2IH0pLm1hcCgoXywgaW5kZXgpID0+IChcbiAgICAgICAgICA8Q2FyZWVyUGF0aENhcmQga2V5PXtgJHtpbmRleH0tY2FyZGB9IHRhYkluZGV4PXt0YWJJbmRleH0gLz5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG5cbmNvbnN0IGdldENlcnRpZmljYXRpb25Qcm92aWRlckxvZ29VcmwgPSAoZmlsZU5hbWU6IHN0cmluZykgPT5cbiAgYGh0dHBzOi8vc3RhdGljLWFzc2V0cy5jb2RlY2FkZW15LmNvbS9hc3NldHMvY2VydGlmaWNhdGlvbi1wcm92aWRlci1sb2dvcy9jYXRhbG9nLWRyb3Bkb3duLyR7ZmlsZU5hbWV9YDtcblxuY29uc3QgcHJvdmlkZXJzID0gW1xuICB7XG4gICAgbmFtZTogJ01pY3Jvc29mdCcsXG4gICAgbG9nb1VybDogZ2V0Q2VydGlmaWNhdGlvblByb3ZpZGVyTG9nb1VybCgnbWljcm9zb2Z0LTIuc3ZnJyksXG4gICAgaHViVHlwZTogJ3N1Ymh1YicsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAnQ29tcFRJQScsXG4gICAgbG9nb1VybDogZ2V0Q2VydGlmaWNhdGlvblByb3ZpZGVyTG9nb1VybCgnY29tcHRpYS0xLnN2ZycpLFxuICAgIGh1YlR5cGU6ICdzdWJodWInLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ0lTQzInLFxuICAgIGxvZ29Vcmw6IGdldENlcnRpZmljYXRpb25Qcm92aWRlckxvZ29VcmwoJ2lzYzItMS5zdmcnKSxcbiAgICBodWJUeXBlOiAnc3ViaHViJyxcbiAgfSxcbiAge1xuICAgIG5hbWU6ICdBV1MnLFxuICAgIGxvZ29Vcmw6IGdldENlcnRpZmljYXRpb25Qcm92aWRlckxvZ29VcmwoJ2F3cy0yLnN2ZycpLFxuICAgIGh1YlR5cGU6ICdzdWJodWInLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ0dvb2dsZScsXG4gICAgbG9nb1VybDogZ2V0Q2VydGlmaWNhdGlvblByb3ZpZGVyTG9nb1VybCgnZ29vZ2xlLTEuc3ZnJyksXG4gICAgaHViVHlwZTogJ2NlcnRpZmljYXRpb24tcHJlcCcsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAnQ2lzY28nLFxuICAgIGxvZ29Vcmw6IGdldENlcnRpZmljYXRpb25Qcm92aWRlckxvZ29VcmwoJ2Npc2NvLTIuc3ZnJyksXG4gICAgaHViVHlwZTogJ2NlcnRpZmljYXRpb24tcHJlcCcsXG4gIH0sXG4gIHtcbiAgICBuYW1lOiAnSUlCQScsXG4gICAgbG9nb1VybDogZ2V0Q2VydGlmaWNhdGlvblByb3ZpZGVyTG9nb1VybCgnaWliYS0yLnN2ZycpLFxuICAgIGh1YlR5cGU6ICdjZXJ0aWZpY2F0aW9uLXByZXAnLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ0lTVFFCJyxcbiAgICBsb2dvVXJsOiBnZXRDZXJ0aWZpY2F0aW9uUHJvdmlkZXJMb2dvVXJsKCdpc3RxYi0xLnN2ZycpLFxuICAgIGh1YlR5cGU6ICdjZXJ0aWZpY2F0aW9uLXByZXAnLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ0lTQUNBJyxcbiAgICBsb2dvVXJsOiBnZXRDZXJ0aWZpY2F0aW9uUHJvdmlkZXJMb2dvVXJsKCdpc2FjYS0xLnN2ZycpLFxuICAgIGh1YlR5cGU6ICdjZXJ0aWZpY2F0aW9uLXByZXAnLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ0t1YmVybmV0ZXMnLFxuICAgIGxvZ29Vcmw6IGdldENlcnRpZmljYXRpb25Qcm92aWRlckxvZ29VcmwoJ2t1YmVybmV0ZXMtMS5zdmcnKSxcbiAgICBodWJUeXBlOiAnY2VydGlmaWNhdGlvbi1wcmVwJyxcbiAgfSxcbiAge1xuICAgIG5hbWU6ICdPcmFjbGUnLFxuICAgIGxvZ29Vcmw6IGdldENlcnRpZmljYXRpb25Qcm92aWRlckxvZ29VcmwoJ29yYWNsZS0xLnN2ZycpLFxuICAgIGh1YlR5cGU6ICdjZXJ0aWZpY2F0aW9uLXByZXAnLFxuICB9LFxuICB7XG4gICAgbmFtZTogJ1Byb2plY3QgTWFuYWdlbWVudCBJbnN0aXR1dGUnLFxuICAgIGxvZ29Vcmw6IGdldENlcnRpZmljYXRpb25Qcm92aWRlckxvZ29VcmwoJ3BtaS0xLnN2ZycpLFxuICAgIGh1YlR5cGU6ICdjZXJ0aWZpY2F0aW9uLXByZXAnLFxuICB9LFxuXTtcblxuY29uc3QgSW1hZ2UgPSBCb3gud2l0aENvbXBvbmVudCgnaW1nJyk7XG5cbmNvbnN0IEdyYXlzY2FsZVRvQ29sb3JIb3ZlckNhcmQgPSBzdHlsZWQoQ2FyZClgXG4gIGZpbHRlcjogZ3JheXNjYWxlKDEwMCUpO1xuICB0cmFuc2l0aW9uOiBmaWx0ZXIgMC4ycyBlYXNlLWluLW91dDtcbiAgJjpob3ZlciB7XG4gICAgZmlsdGVyOiBncmF5c2NhbGUoMCUpO1xuICB9XG5gO1xuXG5jb25zdCBQcm92aWRlckNoaXAgPSAoe1xuICBuYW1lLFxuICBocmVmLFxuICBpbWdTcmMsXG4gIHRhYkluZGV4LFxufToge1xuICBuYW1lOiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgaW1nU3JjOiBzdHJpbmc7XG4gIHRhYkluZGV4OiBudW1iZXI7XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEFuY2hvclxuICAgICAgaHJlZj17aHJlZn1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAga2V5PXtuYW1lfVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICA+XG4gICAgICA8R3JheXNjYWxlVG9Db2xvckhvdmVyQ2FyZFxuICAgICAgICBib3JkZXJDb2xvcj1cImJvcmRlci10ZXJ0aWFyeVwiXG4gICAgICAgIGJvcmRlclJhZGl1cz1cImxnXCJcbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgcD17OH1cbiAgICAgID5cbiAgICAgICAgPEltYWdlIHNyYz17aW1nU3JjfSBhbHQ9e25hbWV9IGRpc3BsYXk9XCJibG9ja1wiIG09XCJhdXRvXCIgaGVpZ2h0PXs1Mn0gLz5cbiAgICAgIDwvR3JheXNjYWxlVG9Db2xvckhvdmVyQ2FyZD5cbiAgICA8L0FuY2hvcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDZXJ0aWZpY2F0aW9uUGF0aHNQYW5lbCA9ICh7IHRhYkluZGV4ID0gMCB9OiBOYXZQYW5lbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiQ2VydGlmaWNhdGlvbiBwYXRoc1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIlByZXBhcmUgZm9yIHRvcCBpbmR1c3RyeSBjZXJ0aWZpY2F0aW9ucyB3aXRoIGEgZ3VpZGVkIHBhdGguIEVhY2ggb25lIGluY2x1ZGVzIGV4cGVydC1yZXZpZXdlZCBsZXNzb25zLCBoYW5kcy1vbiBwcm9qZWN0cywgYW5kIHByYWN0aWNlIHRlc3RzIHRvIGhlbHAgeW91IHBhc3MgdGhlIGV4YW0uXCJcbiAgICAgIGxpbmtJdGVtPXt7XG4gICAgICAgIHR5cGU6ICdsaW5rJyxcbiAgICAgICAgaHJlZjogJy9jYXRhbG9nP3R5cGU9Y2VydGlmaWNhdGlvbi1wYXRoJyxcbiAgICAgICAgdGV4dDogJ0V4cGxvcmUgYWxsIGNlcnRpZmljYXRpb24gcGF0aHMnLFxuICAgICAgICB0cmFja2luZ1RhcmdldDogJ2NhdGFsb2ctaGVhZGVyLXZpZXctYWxsLWNlcnRpZmljYXRpb24tcGF0aHMnLFxuICAgICAgICBpZDogJ3ZpZXctYWxsLWNlcnRpZmljYXRpb24tcGF0aHMnLFxuICAgICAgfX1cbiAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICA+XG4gICAgICA8VGV4dCBhcz1cImgzXCIgZm9udFNpemU9ezE4fSBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICBQcm92aWRlcnNcbiAgICAgIDwvVGV4dD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3tcbiAgICAgICAgICBfOiAnMWZyJyxcbiAgICAgICAgICB4czogJ3JlcGVhdCgyLCAxZnIpJyxcbiAgICAgICAgICBzbTogJ3JlcGVhdCgzLCAxZnIpJyxcbiAgICAgICAgICBtZDogJ3JlcGVhdCg0LCAxZnIpJyxcbiAgICAgICAgfX1cbiAgICAgICAgZ2FwPXsyNH1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgPlxuICAgICAgICB7cHJvdmlkZXJzLm1hcCgoeyBuYW1lLCBsb2dvVXJsLCBodWJUeXBlIH0pID0+IChcbiAgICAgICAgICA8Qm94IGFzPVwibGlcIiBrZXk9e25hbWV9IHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFByb3ZpZGVyQ2hpcFxuICAgICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgICBocmVmPXtcbiAgICAgICAgICAgICAgICBodWJUeXBlID09PSAnc3ViaHViJ1xuICAgICAgICAgICAgICAgICAgPyBgL3NlYXJjaD9xdWVyeT0ke25hbWV9IGNlcnRpZmljYXRpb25zYFxuICAgICAgICAgICAgICAgICAgOiBgL2NhdGFsb2cvY2VydGlmaWNhdGlvbi1wcmVwP3Byb3ZpZGVyPSR7bmFtZS50b0xvd2VyQ2FzZSgpfWBcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBpbWdTcmM9e2xvZ29Vcmx9XG4gICAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvUGFuZWxMYXlvdXQ+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGl2ZUxlYXJuaW5nUGFuZWwgPSAoeyB0YWJJbmRleCA9IDAgfTogTmF2UGFuZWxQcm9wcykgPT4ge1xuICBjb25zdCB7IGdsb2JhbEhlYWRlckl0ZW1DbGljayB9ID0gdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrKCk7XG4gIHJldHVybiAoXG4gICAgPFBhbmVsTGF5b3V0XG4gICAgICBoZWFkaW5nPVwiTGl2ZSBsZWFybmluZ1wiXG4gICAgICBkZXNjcmlwdGlvbj1cIkV4cGxvcmUgdGhlIGxpdmUgbGVhcm5pbmcgb3Bwb3J0dW5pdGllcyBhdmFpbGFibGUgaW4gb3VyIGNvdXJzZXNcIlxuICAgICAgbGlua0l0ZW09e3tcbiAgICAgICAgdHlwZTogJ2xpbmsnLFxuICAgICAgICBocmVmOiAnL2xpdmUtbGVhcm5pbmcnLFxuICAgICAgICB0ZXh0OiAnTGVhcm4gbW9yZSBhYm91dCBsaXZlIGxlYXJuaW5nJyxcbiAgICAgICAgdHJhY2tpbmdUYXJnZXQ6ICdjYXRhbG9nLWhlYWRlci1sZWFybi1tb3JlLWFib3V0LWxpdmUtbGVhcm5pbmcnLFxuICAgICAgICBpZDogJ2xlYXJuLW1vcmUtYWJvdXQtbGl2ZS1sZWFybmluZycsXG4gICAgICB9fVxuICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgID5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e3sgXzogJzFmcicsIG1kOiAncmVwZWF0KDIsIDFmciknIH19XG4gICAgICAgIGdhcD17MTZ9XG4gICAgICA+XG4gICAgICAgIHtsaXZlTGVhcm5pbmdIdWJJdGVtcy5kYXRhLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgIDxBbmNob3JcbiAgICAgICAgICAgIGhyZWY9e2l0ZW0uaHJlZn1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgb25DbGljaz17KGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50LCBNb3VzZUV2ZW50PikgPT5cbiAgICAgICAgICAgICAgZ2xvYmFsSGVhZGVySXRlbUNsaWNrKGV2ZW50LCBpdGVtKVxuICAgICAgICAgICAgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDYXJkIGlzSW50ZXJhY3RpdmUgcD17MH0+XG4gICAgICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgICAgICBoZWlnaHQ9XCIyMjVweFwiXG4gICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kPXt0aGVtZS5jb2xvcnNbJ2dyYXktMzAwJ119XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezh9IHA9ezE2fT5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIj57aXRlbS50ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgICAgICB7J2Rlc2NyaXB0aW9uJyBpbiBpdGVtICYmIDxUZXh0PntpdGVtLmRlc2NyaXB0aW9ufTwvVGV4dD59XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgICA8L0FuY2hvcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgPC9QYW5lbExheW91dD5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const ProviderChip = ({
-  text,
+  name,
   href,
+  imgSrc,
   tabIndex
 }) => {
   return /*#__PURE__*/_jsx(Anchor, {
     href: href,
     variant: "interface",
     tabIndex: tabIndex,
-    children: /*#__PURE__*/_jsx(FlexBox, {
-      border: 1,
-      borderColor: "border-secondary",
-      borderRadius: "md",
-      py: 1.5,
-      px: 8,
-      children: /*#__PURE__*/_jsx(Text, {
-        children: text
+    width: "100%",
+    height: "100%",
+    display: "block",
+    children: /*#__PURE__*/_jsx(GrayscaleToColorHoverCard, {
+      borderColor: "border-tertiary",
+      borderRadius: "lg",
+      isInteractive: true,
+      width: "100%",
+      height: "100%",
+      p: 8,
+      children: /*#__PURE__*/_jsx(Image, {
+        src: imgSrc,
+        alt: name,
+        display: "block",
+        m: "auto",
+        height: 52
       })
     })
-  }, text);
+  }, name);
 };
 export const CertificationPathsPanel = ({
   tabIndex = 0
 }) => {
   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',
+      text: 'Explore all certification paths',
       trackingTarget: 'catalog-header-view-all-certification-paths',
       id: 'view-all-certification-paths'
     },
     tabIndex: tabIndex,
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      gap: 8,
-      children: [providers.map(provider => /*#__PURE__*/_jsx(ProviderChip, {
-        text: provider,
-        href: `/search?query=${provider} certifications`,
-        tabIndex: tabIndex
-      }, provider)), /*#__PURE__*/_jsx(ProviderChip, {
-        text: "+ More providers",
-        href: "/catalog/certification-prep",
-        tabIndex: tabIndex
-      }, "more-providers")]
+    children: [/*#__PURE__*/_jsx(Text, {
+      as: "h3",
+      fontSize: 18,
+      fontWeight: "bold",
+      children: "Providers"
     }), /*#__PURE__*/_jsx(GridBox, {
       gridTemplateColumns: {
         _: '1fr',
-        md: 'repeat(3, 1fr)'
+        xs: 'repeat(2, 1fr)',
+        sm: 'repeat(3, 1fr)',
+        md: 'repeat(4, 1fr)'
       },
-      gap: 16,
-      children: Array.from({
-        length: 6
-      }).map((_, index) => /*#__PURE__*/_jsx(CareerPathCard, {
-        tabIndex: tabIndex
-      }, `${index}-card`))
+      gap: 24,
+      width: "100%",
+      as: "ul",
+      listStyle: "none",
+      p: 0,
+      m: 0,
+      children: 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))
     })]
   });
 };

package/package.json

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