@codecademy/brand 3.0.0-alpha.2ba7921cce.0 → 3.0.0-alpha.39691db5eb.0

package/dist/ContentGroupBaseCard/index.js

@@ -1,17 +1,28 @@
 import _styled from "@emotion/styled/base";
-import { Box, Card, FlexBox, GridBox, Text } from '@codecademy/gamut';
+import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
 import { LevelIcon } from '@codecademy/gamut-icons';
 import { Background, css, theme } from '@codecademy/gamut-styles';
 import pluralize from 'pluralize';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration } from './helpers';
 import { Divider } from './shared';
 import { CourseDifficulty, EnrollmentStatus } from './types';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const Image = Box.withComponent('img', {
-  target: "e1a33thh1",
+  target: "e1a33thh2",
   label: "Image"
 });
+const CardAnchor = /*#__PURE__*/_styled(Anchor, {
+  target: "e1a33thh1",
+  label: "CardAnchor"
+})(css({
+  '&:hover, &:focus, &:focus-visible': {
+    color: 'text'
+  },
+  '&:before': {
+    inset: 2
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJtQiIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBDb2xvcnMsIGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHBsdXJhbGl6ZSBmcm9tICdwbHVyYWxpemUnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50LFxuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbixcbn0gZnJvbSAnLi9oZWxwZXJzJztcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuL3NoYXJlZCc7XG5pbXBvcnQgeyBDb3Vyc2VEaWZmaWN1bHR5LCBFbnJvbGxtZW50U3RhdHVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBDYXJkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgfSxcbiAgICAnJjpiZWZvcmUnOiB7XG4gICAgICBpbnNldDogMixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEdyb3VwQmFzZUNhcmRQcm9wcyA9IHtcbiAgaGVhZGVyQmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIGhlYWRlclRleHQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgbnVsbDtcbiAgZGlmZmljdWx0eT86IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICBudW1MZXNzb25zOiBudW1iZXI7XG4gIGltYWdlU3JjPzogc3RyaW5nO1xuICBpc0Z1bGxTaXplPzogYm9vbGVhbjtcbiAgc2hhZG93PzogJ25vbmUnIHwgJ291dGxpbmUnO1xuICBlbnJvbGxtZW50U3RhdHVzPzogRW5yb2xsbWVudFN0YXR1cztcbiAgdGltZVRvQ29tcGxldGU/OiBudW1iZXIgfCBudWxsO1xuICBicmFuZERldGFpbHM/OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGxvZ29Vcmw6IHN0cmluZztcbiAgICBsb2dvSGVpZ2h0OiBudW1iZXI7XG4gIH07XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICBoZWFkZXI/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb3BlbkluTmV3VGFiPzogYm9vbGVhbjtcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICBbc3RhdHVzIGluXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLkluUHJvZ3Jlc3NcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuQ29tcGxldGVkXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLk5vbmVdOiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShcbiAgY3NzKHtcbiAgICBwbDogMTIsXG4gICAgcHk6IDQsXG4gICAgYm9yZGVyUmFkaXVzVG9wOiAnbWQnLFxuICAgIGJvcmRlclJhZGl1c0JvdHRvbTogJ25vbmUnLFxuICAgIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9ycy53aGl0ZX1gLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIGhlYWRlckJhY2tncm91bmRDb2xvcixcbiAgICAgIGhlYWRlclRleHQsXG4gICAgICB0aXRsZSxcbiAgICAgIGhlYWRpbmdMZXZlbCxcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgZGlmZmljdWx0eSxcbiAgICAgIG51bUxlc3NvbnMsXG4gICAgICBpbWFnZVNyYyxcbiAgICAgIGlzRnVsbFNpemUgPSBmYWxzZSxcbiAgICAgIHNoYWRvdyA9ICdub25lJyxcbiAgICAgIGVucm9sbG1lbnRTdGF0dXMsXG4gICAgICB0aW1lVG9Db21wbGV0ZSxcbiAgICAgIGJyYW5kRGV0YWlscyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGVhZGVyLFxuICAgICAgZm9vdGVyLFxuICAgICAgb3BlbkluTmV3VGFiID0gZmFsc2UsXG4gICAgICBocmVmLFxuICAgICAgb25DbGljayxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBlbnJvbGxtZW50QXNzZXRzOiBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICAgICAgY29tcGxldGVkOiB7IHRleHQ6IGhlYWRlclRleHQgKyAnIGNvbXBsZXRlZCEnLCBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbicgfSxcbiAgICAgIGluUHJvZ3Jlc3M6IHsgdGV4dDogJ0luIHByb2dyZXNzLi4uJywgYmFja2dyb3VuZENvbG9yOiAneWVsbG93JyB9LFxuICAgICAgbm9uZTogeyB0ZXh0OiBoZWFkZXJUZXh0LCBiYWNrZ3JvdW5kQ29sb3I6IGhlYWRlckJhY2tncm91bmRDb2xvciB9LFxuICAgIH07XG5cbiAgICBjb25zdCBpc0Vucm9sbGVkID1cbiAgICAgIGVucm9sbG1lbnRTdGF0dXMgPT09IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzcyB8fFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWQ7XG5cbiAgICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICAgIGNvbnN0IHJlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zID0gKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiB0aW1lVG9Db21wbGV0ZSA9PT0gJ251bWJlcicgJiYgdGltZVRvQ29tcGxldGUgPj0gMCkge1xuICAgICAgICBjb25zdCBkaXNwbGF5QW1vdW50ID0gZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50KHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgY29uc3QgZGlzcGxheUR1cmF0aW9uID1cbiAgICAgICAgICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbih0aW1lVG9Db21wbGV0ZSk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlzcGxheUFtb3VudH0gJHtkaXNwbGF5RHVyYXRpb259YH08L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIHBsPXs0fSB3aGl0ZVNwYWNlPVwibm93cmFwXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgIDxiPntkaXNwbGF5QW1vdW50fTwvYj4ge2Rpc3BsYXlEdXJhdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIGlmIChudW1MZXNzb25zID4gMCkge1xuICAgICAgICBjb25zdCBsYWJlbCA9IHBsdXJhbGl6ZSgnTGVzc29uJywgbnVtTGVzc29ucyk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7bnVtTGVzc29uc30gJHtsYWJlbH1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e251bUxlc3NvbnN9PC9iPiB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgdmFyaWFudD17aXNFbnJvbGxlZCA/ICdiZWlnZScgOiAnd2hpdGUnfVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHNoYWRvdz17c2hhZG93fVxuICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICBzdHlsZT17eyBjdXJzb3I6ICdwb2ludGVyJyB9fVxuICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgIC8vIG9ubHkgaGFuZGxlIGNsaWNrcyBpZiB0aGV5IGRpZG4ndCBjb21lIGZyb20gdGhlIGFuY2hvciB0byBhdm9pZCBkb3VibGUgbmF2aWdhdGlvblxuICAgICAgICAgIGlmICgoZS50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLmNsb3Nlc3QoJ2EnKSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgb25DbGljaz8uKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAgICA8Q2FyZEFuY2hvclxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHRhcmdldD17b3BlbkluTmV3VGFiID8gJ19ibGFuaycgOiB1bmRlZmluZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2hlYWRlciB8fCAoXG4gICAgICAgICAgICAgIDxDb250ZW50R3JvdXBCYXNlQ2FyZEhlYWRlckJhY2tncm91bmRcbiAgICAgICAgICAgICAgICBiZz17XG4gICAgICAgICAgICAgICAgICBlbnJvbGxtZW50U3RhdHVzXG4gICAgICAgICAgICAgICAgICAgID8gZW5yb2xsbWVudEFzc2V0c1tlbnJvbGxtZW50U3RhdHVzXS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgICAgICAgICAgOiBoZWFkZXJCYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250RmFtaWx5PVwiYWNjZW50XCIgZm9udFNpemU9ezE0fT5cbiAgICAgICAgICAgICAgICAgIHtlbnJvbGxtZW50U3RhdHVzXG4gICAgICAgICAgICAgICAgICAgID8gZW5yb2xsbWVudEFzc2V0c1tlbnJvbGxtZW50U3RhdHVzXS50ZXh0XG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyVGV4dH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgICAgcHQ9ezR9XG4gICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHticmFuZERldGFpbHM/LmxvZ29VcmwgJiYgKFxuICAgICAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICAgICAgc3JjPXticmFuZERldGFpbHMubG9nb1VybH1cbiAgICAgICAgICAgICAgICAgIGFsdD17YnJhbmREZXRhaWxzLm5hbWV9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cImF1dG9cIlxuICAgICAgICAgICAgICAgICAgaGVpZ2h0PXticmFuZERldGFpbHMubG9nb0hlaWdodH1cbiAgICAgICAgICAgICAgICAgIG10PXsxMn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0aXRsZS14c1wiXG4gICAgICAgICAgICAgICAgYXM9e2hlYWRpbmdMZXZlbH1cbiAgICAgICAgICAgICAgICBwdD17YnJhbmREZXRhaWxzPy5sb2dvVXJsID8gOCA6IDEyfVxuICAgICAgICAgICAgICAgIHBiPXs0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9DYXJkQW5jaG9yPlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICBteD17MTJ9XG4gICAgICAgICAgbXk9ezR9XG4gICAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgICAgbWF4V2lkdGg9e2lzRnVsbFNpemUgPyB7IG1kOiAnY2FsYygxMDAlIC0gMjI4cHgpJyB9IDogJzEwMCUnfVxuICAgICAgICA+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezN9XG4gICAgICAgICAgICAgIG1iPXsxNn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJveCBhcz1cInVsXCIgbGlzdFN0eWxlPVwibm9uZVwiIHA9ezB9IG09ezB9IG10PVwiYXV0b1wiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPEJveCBhcz1cImxpXCI+XG4gICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGZsZXhXcmFwPVwid3JhcFwiPlxuICAgICAgICAgICAgICAgIHtkaWZmaWN1bHR5ICYmIChcbiAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPExldmVsSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2Ake2RpZmZpY3VsdHl9JHtcbiAgICAgICAgICAgICAgICAgICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJyBGcmllbmRseScgOiAnJ1xuICAgICAgICAgICAgICAgICAgICB9LmB9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgICAgICBwbD17OH1cbiAgICAgICAgICAgICAgICAgICAgICB3aGl0ZVNwYWNlPVwibm93cmFwXCJcbiAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNhcmQtZGlmZmljdWx0eVwiXG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIDxiPntkaWZmaWN1bHR5fTwvYj5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNCZWdpbm5lckNvbnRhaW5lciAmJiA8PiBGcmllbmRseTwvPn1cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge3JlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zKCl9XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtmb290ZXJ9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEJveFxuICAgICAgICAgIGRpc3BsYXk9e2lzRnVsbFNpemUgPyB7IF86ICdub25lJywgbWQ6ICdmbGV4JyB9IDogJ25vbmUnfVxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICBweD17NjR9XG4gICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgdG9wPXszMn1cbiAgICAgICAgICBib3R0b209ezB9XG4gICAgICAgICAgcmlnaHQ9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8SW1hZ2UgYXJpYS1oaWRkZW4gd2lkdGg9ezEwMH0gaGVpZ2h0PXsxMDB9IHNyYz17aW1hZ2VTcmN9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9DYXJkPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
 export const ContentGroupBaseCardHeaderBackground = /*#__PURE__*/_styled(Background, {
   target: "e1a33thh0",
   label: "ContentGroupBaseCardHeaderBackground"
@@ -21,8 +32,8 @@ export const ContentGroupBaseCardHeaderBackground = /*#__PURE__*/_styled(Backgro
   borderRadiusTop: 'md',
   borderRadiusBottom: 'none',
   boxShadow: `inset 0 0 0 1px ${theme.colors.white}`
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RvRCIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQm94LFxuICBDYXJkLFxuICBGbGV4Qm94LFxuICBHcmlkQm94LFxuICBIZWFkaW5nVGFncyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTGV2ZWxJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQmFja2dyb3VuZCwgQ29sb3JzLCBjc3MsIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBwbHVyYWxpemUgZnJvbSAncGx1cmFsaXplJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIGdldFRpbWVUb0NvbXBsZXRlRGlzcGxheUFtb3VudCxcbiAgZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5RHVyYXRpb24sXG59IGZyb20gJy4vaGVscGVycyc7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSAnLi9zaGFyZWQnO1xuaW1wb3J0IHsgQ291cnNlRGlmZmljdWx0eSwgRW5yb2xsbWVudFN0YXR1cyB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBJbWFnZSA9IEJveC53aXRoQ29tcG9uZW50KCdpbWcnKTtcblxudHlwZSBDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzID0ge1xuICBoZWFkZXJCYWNrZ3JvdW5kQ29sb3I6IENvbG9ycztcbiAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nVGFncztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xuICBkaWZmaWN1bHR5PzogQ291cnNlRGlmZmljdWx0eSB8IG51bGw7XG4gIG51bUxlc3NvbnM6IG51bWJlcjtcbiAgaW1hZ2VTcmM/OiBzdHJpbmc7XG4gIGlzRnVsbFNpemU/OiBib29sZWFuO1xuICBzaGFkb3c/OiAnbm9uZScgfCAnb3V0bGluZSc7XG4gIGVucm9sbG1lbnRTdGF0dXM/OiBFbnJvbGxtZW50U3RhdHVzO1xuICB0aW1lVG9Db21wbGV0ZT86IG51bWJlciB8IG51bGw7XG4gIGJyYW5kRGV0YWlscz86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbG9nb1VybDogc3RyaW5nO1xuICAgIGxvZ29IZWlnaHQ6IG51bWJlcjtcbiAgfTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZm9vdGVyPzogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxudHlwZSBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICBbc3RhdHVzIGluXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLkluUHJvZ3Jlc3NcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuQ29tcGxldGVkXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLk5vbmVdOiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShcbiAgY3NzKHtcbiAgICBwbDogMTIsXG4gICAgcHk6IDQsXG4gICAgYm9yZGVyUmFkaXVzVG9wOiAnbWQnLFxuICAgIGJvcmRlclJhZGl1c0JvdHRvbTogJ25vbmUnLFxuICAgIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9ycy53aGl0ZX1gLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkOiBSZWFjdC5GQzxDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzPiA9ICh7XG4gIGhlYWRlckJhY2tncm91bmRDb2xvcixcbiAgaGVhZGVyVGV4dCxcbiAgdGl0bGUsXG4gIGhlYWRpbmdMZXZlbCxcbiAgZGVzY3JpcHRpb24sXG4gIGRpZmZpY3VsdHksXG4gIG51bUxlc3NvbnMsXG4gIGltYWdlU3JjLFxuICBpc0Z1bGxTaXplID0gZmFsc2UsXG4gIHNoYWRvdyA9ICdub25lJyxcbiAgZW5yb2xsbWVudFN0YXR1cyxcbiAgdGltZVRvQ29tcGxldGUsXG4gIGJyYW5kRGV0YWlscyxcbiAgY2hpbGRyZW4sXG4gIGhlYWRlcixcbiAgZm9vdGVyLFxufSkgPT4ge1xuICBjb25zdCBlbnJvbGxtZW50QXNzZXRzOiBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICAgIGNvbXBsZXRlZDogeyB0ZXh0OiBoZWFkZXJUZXh0ICsgJyBjb21wbGV0ZWQhJywgYmFja2dyb3VuZENvbG9yOiAnZ3JlZW4nIH0sXG4gICAgaW5Qcm9ncmVzczogeyB0ZXh0OiAnSW4gcHJvZ3Jlc3MuLi4nLCBiYWNrZ3JvdW5kQ29sb3I6ICd5ZWxsb3cnIH0sXG4gICAgbm9uZTogeyB0ZXh0OiBoZWFkZXJUZXh0LCBiYWNrZ3JvdW5kQ29sb3I6IGhlYWRlckJhY2tncm91bmRDb2xvciB9LFxuICB9O1xuXG4gIGNvbnN0IGlzRW5yb2xsZWQgPVxuICAgIGVucm9sbG1lbnRTdGF0dXMgPT09IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzcyB8fFxuICAgIGVucm9sbG1lbnRTdGF0dXMgPT09IEVucm9sbG1lbnRTdGF0dXMuQ29tcGxldGVkO1xuXG4gIGNvbnN0IGlzQmVnaW5uZXJDb250YWluZXIgPSBkaWZmaWN1bHR5ID09PSBDb3Vyc2VEaWZmaWN1bHR5LkJlZ2lubmVyO1xuXG4gIGNvbnN0IHJlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgdGltZVRvQ29tcGxldGUgPT09ICdudW1iZXInICYmIHRpbWVUb0NvbXBsZXRlID49IDApIHtcbiAgICAgIGNvbnN0IGRpc3BsYXlBbW91bnQgPSBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlBbW91bnQodGltZVRvQ29tcGxldGUpO1xuICAgICAgY29uc3QgZGlzcGxheUR1cmF0aW9uID0gZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5RHVyYXRpb24odGltZVRvQ29tcGxldGUpO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHRcbiAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgcGw9ezR9XG4gICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgYXJpYS1sYWJlbD17YCR7ZGlzcGxheUFtb3VudH0gJHtkaXNwbGF5RHVyYXRpb259YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxiPntkaXNwbGF5QW1vdW50fTwvYj4ge2Rpc3BsYXlEdXJhdGlvbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKTtcbiAgICB9XG4gICAgaWYgKG51bUxlc3NvbnMgPiAwKSB7XG4gICAgICBjb25zdCBsYWJlbCA9IHBsdXJhbGl6ZSgnTGVzc29uJywgbnVtTGVzc29ucyk7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dFxuICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICBwbD17NH1cbiAgICAgICAgICB3aGl0ZVNwYWNlPVwibm93cmFwXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtgJHtudW1MZXNzb25zfSAke2xhYmVsfWB9XG4gICAgICAgID5cbiAgICAgICAgICA8Yj57bnVtTGVzc29uc308L2I+IHtsYWJlbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDYXJkXG4gICAgICB2YXJpYW50PXtpc0Vucm9sbGVkID8gJ2JlaWdlJyA6ICd3aGl0ZSd9XG4gICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICBib3JkZXJDb2xvcj1cImJvcmRlci1wcmltYXJ5XCJcbiAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgc2hhZG93PXtzaGFkb3d9XG4gICAgICBpc0ludGVyYWN0aXZlXG4gICAgICBwPXswfVxuICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgPlxuICAgICAge2hlYWRlciB8fCAoXG4gICAgICAgIDxDb250ZW50R3JvdXBCYXNlQ2FyZEhlYWRlckJhY2tncm91bmRcbiAgICAgICAgICBiZz17XG4gICAgICAgICAgICBlbnJvbGxtZW50U3RhdHVzXG4gICAgICAgICAgICAgID8gZW5yb2xsbWVudEFzc2V0c1tlbnJvbGxtZW50U3RhdHVzXS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgICAgOiBoZWFkZXJCYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICB9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBmb250RmFtaWx5PVwiYWNjZW50XCIgZm9udFNpemU9ezE0fT5cbiAgICAgICAgICAgIHtlbnJvbGxtZW50U3RhdHVzXG4gICAgICAgICAgICAgID8gZW5yb2xsbWVudEFzc2V0c1tlbnJvbGxtZW50U3RhdHVzXS50ZXh0XG4gICAgICAgICAgICAgIDogaGVhZGVyVGV4dH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kPlxuICAgICAgKX1cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGdyaWRBdXRvRmxvdz1cImNvbHVtblwiXG4gICAgICAgIGNvbHVtbkdhcD17aXNGdWxsU2l6ZSA/IDE2IDogdW5kZWZpbmVkfVxuICAgICAgICBweD17MTJ9XG4gICAgICAgIHB0PXs0fVxuICAgICAgICBwYj17NH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiB0ZXh0QWxpZ249XCJsZWZ0XCI+XG4gICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgICAgICB7YnJhbmREZXRhaWxzPy5sb2dvVXJsICYmIChcbiAgICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgICAgc3JjPXticmFuZERldGFpbHMubG9nb1VybH1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXticmFuZERldGFpbHMubmFtZX1cbiAgICAgICAgICAgICAgICB3aWR0aD1cImF1dG9cIlxuICAgICAgICAgICAgICAgIGhlaWdodD17YnJhbmREZXRhaWxzLmxvZ29IZWlnaHR9XG4gICAgICAgICAgICAgICAgbXQ9ezEyfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0aXRsZS14c1wiXG4gICAgICAgICAgICAgIGFzPXtoZWFkaW5nTGV2ZWx9XG4gICAgICAgICAgICAgIHB0PXticmFuZERldGFpbHM/LmxvZ29VcmwgPyA4IDogMTJ9XG4gICAgICAgICAgICAgIHBiPXs0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICAgIG1iPXsxNn1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPEJveCBtdD1cImF1dG9cIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICA8RmxleEJveCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBmbGV4V3JhcD1cIndyYXBcIj5cbiAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IHByPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgPExldmVsSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBwbD17NH1cbiAgICAgICAgICAgICAgICAgICAgd2hpdGVTcGFjZT1cIm5vd3JhcFwiXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY2FyZC1kaWZmaWN1bHR5XCJcbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICAgIH1gfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8Yj57ZGlmZmljdWx0eX08L2I+XG4gICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge3JlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zKCl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICB7Zm9vdGVyfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxCb3hcbiAgICAgICAgICBkaXNwbGF5PXtpc0Z1bGxTaXplID8geyBfOiAnbm9uZScsIG1kOiAnZmxleCcgfSA6ICdub25lJ31cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBweD17NjR9XG4gICAgICAgID5cbiAgICAgICAgICA8SW1hZ2UgYXJpYS1oaWRkZW4gd2lkdGg9ezEwMH0gaGVpZ2h0PXsxMDB9IHNyYz17aW1hZ2VTcmN9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9HcmlkQm94PlxuICAgIDwvQ2FyZD5cbiAgKTtcbn07XG4iXX0= */");
-export const ContentGroupBaseCard = ({
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VvRCIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBDb2xvcnMsIGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHBsdXJhbGl6ZSBmcm9tICdwbHVyYWxpemUnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50LFxuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbixcbn0gZnJvbSAnLi9oZWxwZXJzJztcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuL3NoYXJlZCc7XG5pbXBvcnQgeyBDb3Vyc2VEaWZmaWN1bHR5LCBFbnJvbGxtZW50U3RhdHVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBDYXJkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgfSxcbiAgICAnJjpiZWZvcmUnOiB7XG4gICAgICBpbnNldDogMixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEdyb3VwQmFzZUNhcmRQcm9wcyA9IHtcbiAgaGVhZGVyQmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIGhlYWRlclRleHQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgbnVsbDtcbiAgZGlmZmljdWx0eT86IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICBudW1MZXNzb25zOiBudW1iZXI7XG4gIGltYWdlU3JjPzogc3RyaW5nO1xuICBpc0Z1bGxTaXplPzogYm9vbGVhbjtcbiAgc2hhZG93PzogJ25vbmUnIHwgJ291dGxpbmUnO1xuICBlbnJvbGxtZW50U3RhdHVzPzogRW5yb2xsbWVudFN0YXR1cztcbiAgdGltZVRvQ29tcGxldGU/OiBudW1iZXIgfCBudWxsO1xuICBicmFuZERldGFpbHM/OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGxvZ29Vcmw6IHN0cmluZztcbiAgICBsb2dvSGVpZ2h0OiBudW1iZXI7XG4gIH07XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICBoZWFkZXI/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb3BlbkluTmV3VGFiPzogYm9vbGVhbjtcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICBbc3RhdHVzIGluXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLkluUHJvZ3Jlc3NcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuQ29tcGxldGVkXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLk5vbmVdOiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShcbiAgY3NzKHtcbiAgICBwbDogMTIsXG4gICAgcHk6IDQsXG4gICAgYm9yZGVyUmFkaXVzVG9wOiAnbWQnLFxuICAgIGJvcmRlclJhZGl1c0JvdHRvbTogJ25vbmUnLFxuICAgIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9ycy53aGl0ZX1gLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIGhlYWRlckJhY2tncm91bmRDb2xvcixcbiAgICAgIGhlYWRlclRleHQsXG4gICAgICB0aXRsZSxcbiAgICAgIGhlYWRpbmdMZXZlbCxcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgZGlmZmljdWx0eSxcbiAgICAgIG51bUxlc3NvbnMsXG4gICAgICBpbWFnZVNyYyxcbiAgICAgIGlzRnVsbFNpemUgPSBmYWxzZSxcbiAgICAgIHNoYWRvdyA9ICdub25lJyxcbiAgICAgIGVucm9sbG1lbnRTdGF0dXMsXG4gICAgICB0aW1lVG9Db21wbGV0ZSxcbiAgICAgIGJyYW5kRGV0YWlscyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGVhZGVyLFxuICAgICAgZm9vdGVyLFxuICAgICAgb3BlbkluTmV3VGFiID0gZmFsc2UsXG4gICAgICBocmVmLFxuICAgICAgb25DbGljayxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBlbnJvbGxtZW50QXNzZXRzOiBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICAgICAgY29tcGxldGVkOiB7IHRleHQ6IGhlYWRlclRleHQgKyAnIGNvbXBsZXRlZCEnLCBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbicgfSxcbiAgICAgIGluUHJvZ3Jlc3M6IHsgdGV4dDogJ0luIHByb2dyZXNzLi4uJywgYmFja2dyb3VuZENvbG9yOiAneWVsbG93JyB9LFxuICAgICAgbm9uZTogeyB0ZXh0OiBoZWFkZXJUZXh0LCBiYWNrZ3JvdW5kQ29sb3I6IGhlYWRlckJhY2tncm91bmRDb2xvciB9LFxuICAgIH07XG5cbiAgICBjb25zdCBpc0Vucm9sbGVkID1cbiAgICAgIGVucm9sbG1lbnRTdGF0dXMgPT09IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzcyB8fFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWQ7XG5cbiAgICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICAgIGNvbnN0IHJlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zID0gKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiB0aW1lVG9Db21wbGV0ZSA9PT0gJ251bWJlcicgJiYgdGltZVRvQ29tcGxldGUgPj0gMCkge1xuICAgICAgICBjb25zdCBkaXNwbGF5QW1vdW50ID0gZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50KHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgY29uc3QgZGlzcGxheUR1cmF0aW9uID1cbiAgICAgICAgICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbih0aW1lVG9Db21wbGV0ZSk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlzcGxheUFtb3VudH0gJHtkaXNwbGF5RHVyYXRpb259YH08L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIHBsPXs0fSB3aGl0ZVNwYWNlPVwibm93cmFwXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgIDxiPntkaXNwbGF5QW1vdW50fTwvYj4ge2Rpc3BsYXlEdXJhdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIGlmIChudW1MZXNzb25zID4gMCkge1xuICAgICAgICBjb25zdCBsYWJlbCA9IHBsdXJhbGl6ZSgnTGVzc29uJywgbnVtTGVzc29ucyk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7bnVtTGVzc29uc30gJHtsYWJlbH1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e251bUxlc3NvbnN9PC9iPiB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgdmFyaWFudD17aXNFbnJvbGxlZCA/ICdiZWlnZScgOiAnd2hpdGUnfVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHNoYWRvdz17c2hhZG93fVxuICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICBzdHlsZT17eyBjdXJzb3I6ICdwb2ludGVyJyB9fVxuICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgIC8vIG9ubHkgaGFuZGxlIGNsaWNrcyBpZiB0aGV5IGRpZG4ndCBjb21lIGZyb20gdGhlIGFuY2hvciB0byBhdm9pZCBkb3VibGUgbmF2aWdhdGlvblxuICAgICAgICAgIGlmICgoZS50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLmNsb3Nlc3QoJ2EnKSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgb25DbGljaz8uKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAgICA8Q2FyZEFuY2hvclxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgIGRpc3BsYXk9XCJibG9ja1wiXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHRhcmdldD17b3BlbkluTmV3VGFiID8gJ19ibGFuaycgOiB1bmRlZmluZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2hlYWRlciB8fCAoXG4gICAgICAgICAgICAgIDxDb250ZW50R3JvdXBCYXNlQ2FyZEhlYWRlckJhY2tncm91bmRcbiAgICAgICAgICAgICAgICBiZz17XG4gICAgICAgICAgICAgICAgICBlbnJvbGxtZW50U3RhdHVzXG4gICAgICAgICAgICAgICAgICAgID8gZW5yb2xsbWVudEFzc2V0c1tlbnJvbGxtZW50U3RhdHVzXS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgICAgICAgICAgOiBoZWFkZXJCYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBmb250RmFtaWx5PVwiYWNjZW50XCIgZm9udFNpemU9ezE0fT5cbiAgICAgICAgICAgICAgICAgIHtlbnJvbGxtZW50U3RhdHVzXG4gICAgICAgICAgICAgICAgICAgID8gZW5yb2xsbWVudEFzc2V0c1tlbnJvbGxtZW50U3RhdHVzXS50ZXh0XG4gICAgICAgICAgICAgICAgICAgIDogaGVhZGVyVGV4dH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvQ29udGVudEdyb3VwQmFzZUNhcmRIZWFkZXJCYWNrZ3JvdW5kPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgICAgcHQ9ezR9XG4gICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHticmFuZERldGFpbHM/LmxvZ29VcmwgJiYgKFxuICAgICAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICAgICAgc3JjPXticmFuZERldGFpbHMubG9nb1VybH1cbiAgICAgICAgICAgICAgICAgIGFsdD17YnJhbmREZXRhaWxzLm5hbWV9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cImF1dG9cIlxuICAgICAgICAgICAgICAgICAgaGVpZ2h0PXticmFuZERldGFpbHMubG9nb0hlaWdodH1cbiAgICAgICAgICAgICAgICAgIG10PXsxMn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0aXRsZS14c1wiXG4gICAgICAgICAgICAgICAgYXM9e2hlYWRpbmdMZXZlbH1cbiAgICAgICAgICAgICAgICBwdD17YnJhbmREZXRhaWxzPy5sb2dvVXJsID8gOCA6IDEyfVxuICAgICAgICAgICAgICAgIHBiPXs0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9DYXJkQW5jaG9yPlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICBteD17MTJ9XG4gICAgICAgICAgbXk9ezR9XG4gICAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgICAgbWF4V2lkdGg9e2lzRnVsbFNpemUgPyB7IG1kOiAnY2FsYygxMDAlIC0gMjI4cHgpJyB9IDogJzEwMCUnfVxuICAgICAgICA+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezN9XG4gICAgICAgICAgICAgIG1iPXsxNn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJveCBhcz1cInVsXCIgbGlzdFN0eWxlPVwibm9uZVwiIHA9ezB9IG09ezB9IG10PVwiYXV0b1wiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPEJveCBhcz1cImxpXCI+XG4gICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGZsZXhXcmFwPVwid3JhcFwiPlxuICAgICAgICAgICAgICAgIHtkaWZmaWN1bHR5ICYmIChcbiAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPExldmVsSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2Ake2RpZmZpY3VsdHl9JHtcbiAgICAgICAgICAgICAgICAgICAgICBpc0JlZ2lubmVyQ29udGFpbmVyID8gJyBGcmllbmRseScgOiAnJ1xuICAgICAgICAgICAgICAgICAgICB9LmB9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgICAgICBwbD17OH1cbiAgICAgICAgICAgICAgICAgICAgICB3aGl0ZVNwYWNlPVwibm93cmFwXCJcbiAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImNhcmQtZGlmZmljdWx0eVwiXG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIDxiPntkaWZmaWN1bHR5fTwvYj5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNCZWdpbm5lckNvbnRhaW5lciAmJiA8PiBGcmllbmRseTwvPn1cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge3JlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zKCl9XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtmb290ZXJ9XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPEJveFxuICAgICAgICAgIGRpc3BsYXk9e2lzRnVsbFNpemUgPyB7IF86ICdub25lJywgbWQ6ICdmbGV4JyB9IDogJ25vbmUnfVxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICBweD17NjR9XG4gICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgdG9wPXszMn1cbiAgICAgICAgICBib3R0b209ezB9XG4gICAgICAgICAgcmlnaHQ9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8SW1hZ2UgYXJpYS1oaWRkZW4gd2lkdGg9ezEwMH0gaGVpZ2h0PXsxMDB9IHNyYz17aW1hZ2VTcmN9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9DYXJkPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+export const ContentGroupBaseCard = /*#__PURE__*/forwardRef(({
   headerBackgroundColor,
   headerText,
   title,
@@ -38,8 +49,11 @@ export const ContentGroupBaseCard = ({
   brandDetails,
   children,
   header,
-  footer
-}) => {
+  footer,
+  openInNewTab = false,
+  href,
+  onClick
+}, ref) => {
   const enrollmentAssets = {
     completed: {
       text: headerText + ' completed!',
@@ -60,26 +74,36 @@ export const ContentGroupBaseCard = ({
     if (typeof timeToComplete === 'number' && timeToComplete >= 0) {
       const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);
       const displayDuration = getTimeToCompleteDisplayDuration(timeToComplete);
-      return /*#__PURE__*/_jsxs(Text, {
-        variant: "p-small",
-        pl: 4,
-        whiteSpace: "nowrap",
-        "aria-label": `${displayAmount} ${displayDuration}`,
-        children: [/*#__PURE__*/_jsx("b", {
-          children: displayAmount
-        }), " ", displayDuration]
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          screenreader: true,
+          children: `${displayAmount} ${displayDuration}`
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "p-small",
+          pl: 4,
+          whiteSpace: "nowrap",
+          "aria-hidden": true,
+          children: [/*#__PURE__*/_jsx("b", {
+            children: displayAmount
+          }), " ", displayDuration]
+        })]
       });
     }
     if (numLessons > 0) {
       const label = pluralize('Lesson', numLessons);
-      return /*#__PURE__*/_jsxs(Text, {
-        variant: "p-small",
-        pl: 4,
-        whiteSpace: "nowrap",
-        "aria-label": `${numLessons} ${label}`,
-        children: [/*#__PURE__*/_jsx("b", {
-          children: numLessons
-        }), " ", label]
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          screenreader: true,
+          children: `${numLessons} ${label}`
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "p-small",
+          pl: 4,
+          whiteSpace: "nowrap",
+          "aria-hidden": true,
+          children: [/*#__PURE__*/_jsx("b", {
+            children: numLessons
+          }), " ", label]
+        })]
       });
     }
     return null;
@@ -95,29 +119,40 @@ export const ContentGroupBaseCard = ({
     isInteractive: true,
     p: 0,
     height: "100%",
-    children: [header || /*#__PURE__*/_jsx(ContentGroupBaseCardHeaderBackground, {
-      bg: enrollmentStatus ? enrollmentAssets[enrollmentStatus].backgroundColor : headerBackgroundColor,
-      children: /*#__PURE__*/_jsx(Text, {
-        fontFamily: "accent",
-        fontSize: 14,
-        children: enrollmentStatus ? enrollmentAssets[enrollmentStatus].text : headerText
-      })
-    }), /*#__PURE__*/_jsxs(GridBox, {
-      gridAutoFlow: "column",
-      columnGap: isFullSize ? 16 : undefined,
-      px: 12,
-      pt: 4,
-      pb: 4,
-      height: "100%",
-      children: [/*#__PURE__*/_jsxs(FlexBox, {
-        flexDirection: "column",
-        textAlign: "left",
-        children: [/*#__PURE__*/_jsxs(FlexBox, {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: e => {
+      // only handle clicks if they didn't come from the anchor to avoid double navigation
+      if (e.target.closest('a') === null) {
+        e.preventDefault();
+        onClick?.();
+      }
+    },
+    children: [/*#__PURE__*/_jsx(Box, {
+      position: "relative",
+      children: /*#__PURE__*/_jsxs(CardAnchor, {
+        href: href,
+        onClick: onClick,
+        variant: "interface",
+        display: "block",
+        ref: ref,
+        target: openInNewTab ? '_blank' : undefined,
+        children: [header || /*#__PURE__*/_jsx(ContentGroupBaseCardHeaderBackground, {
+          bg: enrollmentStatus ? enrollmentAssets[enrollmentStatus].backgroundColor : headerBackgroundColor,
+          children: /*#__PURE__*/_jsx(Text, {
+            fontFamily: "accent",
+            fontSize: 14,
+            children: enrollmentStatus ? enrollmentAssets[enrollmentStatus].text : headerText
+          })
+        }), /*#__PURE__*/_jsxs(FlexBox, {
+          px: 12,
+          pt: 4,
           flexDirection: "column",
           alignItems: "flex-start",
           children: [brandDetails?.logoUrl && /*#__PURE__*/_jsx(Image, {
             src: brandDetails.logoUrl,
-            "aria-label": brandDetails.name,
+            alt: brandDetails.name,
             width: "auto",
             height: brandDetails.logoHeight,
             mt: 12
@@ -127,29 +162,46 @@ export const ContentGroupBaseCard = ({
             pt: brandDetails?.logoUrl ? 8 : 12,
             pb: 4,
             children: title
-          }), description && /*#__PURE__*/_jsx(Text, {
-            variant: "p-small",
-            truncate: "ellipsis",
-            truncateLines: 3,
-            mb: 16,
-            children: description
           })]
-        }), /*#__PURE__*/_jsxs(Box, {
-          mt: "auto",
-          children: [children, /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(FlexBox, {
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(FlexBox, {
+      flexDirection: "column",
+      textAlign: "left",
+      mx: 12,
+      my: 4,
+      height: "100%",
+      maxWidth: isFullSize ? {
+        md: 'calc(100% - 228px)'
+      } : '100%',
+      children: [description && /*#__PURE__*/_jsx(Text, {
+        variant: "p-small",
+        truncate: "ellipsis",
+        truncateLines: 3,
+        mb: 16,
+        children: description
+      }), /*#__PURE__*/_jsxs(Box, {
+        as: "ul",
+        listStyle: "none",
+        p: 0,
+        m: 0,
+        mt: "auto",
+        children: [children, /*#__PURE__*/_jsxs(Box, {
+          as: "li",
+          children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(FlexBox, {
             justifyContent: "space-between",
             flexWrap: "wrap",
             children: [difficulty && /*#__PURE__*/_jsxs(FlexBox, {
               alignItems: "center",
-              children: [/*#__PURE__*/_jsx(FlexBox, {
-                pr: 4,
-                children: /*#__PURE__*/_jsx(LevelIcon, {})
+              children: [/*#__PURE__*/_jsx(LevelIcon, {}), /*#__PURE__*/_jsx(Text, {
+                screenreader: true,
+                children: `${difficulty}${isBeginnerContainer ? ' Friendly' : ''}.`
               }), /*#__PURE__*/_jsxs(Text, {
                 variant: "p-small",
-                pl: 4,
+                pl: 8,
                 whiteSpace: "nowrap",
                 "data-testid": "card-difficulty",
-                "aria-label": `${difficulty}${isBeginnerContainer ? ' Friendly' : ''}`,
+                "aria-hidden": true,
                 children: [/*#__PURE__*/_jsx("b", {
                   children: difficulty
                 }), isBeginnerContainer && /*#__PURE__*/_jsx(_Fragment, {
@@ -157,22 +209,27 @@ export const ContentGroupBaseCard = ({
                 })]
               })]
             }), renderTimeToCompleteOrNumLessons()]
-          }), footer]
+          })]
         })]
-      }), /*#__PURE__*/_jsx(Box, {
-        display: isFullSize ? {
-          _: 'none',
-          md: 'flex'
-        } : 'none',
-        alignItems: "center",
-        px: 64,
-        children: /*#__PURE__*/_jsx(Image, {
-          "aria-hidden": true,
-          width: 100,
-          height: 100,
-          src: imageSrc
-        })
-      })]
+      }), footer]
+    }), /*#__PURE__*/_jsx(Box, {
+      display: isFullSize ? {
+        _: 'none',
+        md: 'flex'
+      } : 'none',
+      alignItems: "center",
+      justifyContent: "center",
+      px: 64,
+      position: "absolute",
+      top: 32,
+      bottom: 0,
+      right: 0,
+      children: /*#__PURE__*/_jsx(Image, {
+        "aria-hidden": true,
+        width: 100,
+        height: 100,
+        src: imageSrc
+      })
     })]
   });
-};
+});

package/dist/ContentGroupBaseCard/shared.js

@@ -4,7 +4,7 @@ import { CertificateIcon, UnlockIcon } from '@codecademy/gamut-icons';
 import { CheckerDense } from '@codecademy/gamut-patterns';
 import { css } from '@codecademy/gamut-styles';
 import pluralize from 'pluralize';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
   target: "e16fp6ou0",
   label: "DottedLine"
@@ -13,7 +13,7 @@ const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
   display: 'flex',
   position: 'absolute',
   marginTop: '-1px'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9zaGFyZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvc2hhcmVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENlcnRpZmljYXRlSWNvbiwgVW5sb2NrSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRlQ29tcG9uZW50OiBSZWFjdC5GQzx7IHByb2Zlc3Npb25hbENlcnQ/OiBib29sZWFuIH0+ID0gKHtcbiAgcHJvZmVzc2lvbmFsQ2VydCxcbn0pID0+IHtcbiAgY29uc3QgY2VydGlmaWNhdGVUeXBlID0gcHJvZmVzc2lvbmFsQ2VydFxuICAgID8gYFByb2Zlc3Npb25hbCBDZXJ0aWZpY2F0aW9uYFxuICAgIDogYENlcnRpZmljYXRlYDtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8RmxleEJveCBwcj17NH0+XG4gICAgICAgICAgPENlcnRpZmljYXRlSWNvbiAvPlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IGFyaWEtbGFiZWw9e2BXaXRoICR7Y2VydGlmaWNhdGVUeXBlfWB9PlxuICAgICAgICAgIFdpdGggPGI+e2NlcnRpZmljYXRlVHlwZX08L2I+XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBGcmVlTW9kdWxlQ29tcG9uZW50OiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8RmxleEJveCBwcj17NH0+XG4gICAgICAgICAgPFVubG9ja0ljb24gLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIHBsPXs0fT5cbiAgICAgICAgICBTdGFydCBjb3Vyc2Ugd2l0aCB5b3VyIEJhc2ljIHBsYW5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvdXJzZUNvdW50Q29tcG9uZW50OiBSZWFjdC5GQzx7IGNvdW50OiBudW1iZXIgfT4gPSAoe1xuICBjb3VudCxcbn0pID0+IHtcbiAgY29uc3QgbGFiZWwgPSBwbHVyYWxpemUoJ0NvdXJzZXMnLCBjb3VudCk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIGFyaWEtbGFiZWw9e2BJbmNsdWRlcyAke2NvdW50fSAke2xhYmVsfWB9PlxuICAgICAgSW5jbHVkZXN7JyAnfVxuICAgICAgPGI+XG4gICAgICAgIHtjb3VudH0ge2xhYmVsfVxuICAgICAgPC9iPlxuICAgIDwvVGV4dD5cbiAgKTtcbn07XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9zaGFyZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvc2hhcmVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENlcnRpZmljYXRlSWNvbiwgVW5sb2NrSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRlQ29tcG9uZW50OiBSZWFjdC5GQzx7IHByb2Zlc3Npb25hbENlcnQ/OiBib29sZWFuIH0+ID0gKHtcbiAgcHJvZmVzc2lvbmFsQ2VydCxcbn0pID0+IHtcbiAgY29uc3QgY2VydGlmaWNhdGVUeXBlID0gcHJvZmVzc2lvbmFsQ2VydFxuICAgID8gYFByb2Zlc3Npb25hbCBDZXJ0aWZpY2F0aW9uYFxuICAgIDogYENlcnRpZmljYXRlYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDZXJ0aWZpY2F0ZUljb24gLz5cbiAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgV2l0aCAke2NlcnRpZmljYXRlVHlwZX1gfTwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17OH0gYXJpYS1oaWRkZW4+XG4gICAgICAgICAgV2l0aCA8Yj57Y2VydGlmaWNhdGVUeXBlfTwvYj5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEZyZWVNb2R1bGVDb21wb25lbnQ6IFJlYWN0LkZDID0gKCkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgPERpdmlkZXIgLz5cbiAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFVubG9ja0ljb24gLz5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17OH0+XG4gICAgICAgICAgU3RhcnQgY291cnNlIHdpdGggeW91ciBCYXNpYyBwbGFuXG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb3Vyc2VDb3VudENvbXBvbmVudDogUmVhY3QuRkM8eyBjb3VudDogbnVtYmVyIH0+ID0gKHtcbiAgY291bnQsXG59KSA9PiB7XG4gIGNvbnN0IGxhYmVsID0gcGx1cmFsaXplKCdDb3Vyc2VzJywgY291bnQpO1xuXG4gIHJldHVybiAoXG4gICAgPEJveCBhcz1cImxpXCI+XG4gICAgICA8RGl2aWRlciAvPlxuICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgSW5jbHVkZXMgJHtjb3VudH0gJHtsYWJlbH1gfTwvVGV4dD5cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgIEluY2x1ZGVzeycgJ31cbiAgICAgICAgPGI+XG4gICAgICAgICAge2NvdW50fSB7bGFiZWx9XG4gICAgICAgIDwvYj5cbiAgICAgIDwvVGV4dD5cbiAgICA8L0JveD5cbiAgKTtcbn07XG4iXX0= */");
 export const Divider = () => {
   return (
     /*#__PURE__*/
@@ -22,6 +22,7 @@ export const Divider = () => {
       py: 4,
       height: 0,
       position: "relative",
+      "aria-hidden": true,
       children: /*#__PURE__*/_jsx(DottedLine, {})
     })
   );
@@ -30,47 +31,52 @@ export const CertificateComponent = ({
   professionalCert
 }) => {
   const certificateType = professionalCert ? `Professional Certification` : `Certificate`;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(FlexBox, {
+  return /*#__PURE__*/_jsxs(Box, {
+    as: "li",
+    children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(FlexBox, {
       alignItems: "center",
-      children: [/*#__PURE__*/_jsx(FlexBox, {
-        pr: 4,
-        children: /*#__PURE__*/_jsx(CertificateIcon, {})
+      children: [/*#__PURE__*/_jsx(CertificateIcon, {}), /*#__PURE__*/_jsx(Text, {
+        screenreader: true,
+        children: `With ${certificateType}`
       }), /*#__PURE__*/_jsxs(Text, {
         variant: "p-small",
-        pl: 4,
-        "aria-label": `With ${certificateType}`,
+        pl: 8,
+        "aria-hidden": true,
         children: ["With ", /*#__PURE__*/_jsx("b", {
           children: certificateType
         })]
       })]
-    })
+    })]
   });
 };
 export const FreeModuleComponent = () => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(FlexBox, {
+  return /*#__PURE__*/_jsxs(Box, {
+    as: "li",
+    children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(FlexBox, {
       alignItems: "center",
-      children: [/*#__PURE__*/_jsx(FlexBox, {
-        pr: 4,
-        children: /*#__PURE__*/_jsx(UnlockIcon, {})
-      }), /*#__PURE__*/_jsx(Text, {
+      children: [/*#__PURE__*/_jsx(UnlockIcon, {}), /*#__PURE__*/_jsx(Text, {
         variant: "p-small",
-        pl: 4,
+        pl: 8,
         children: "Start course with your Basic plan"
       })]
-    })
+    })]
   });
 };
 export const CourseCountComponent = ({
   count
 }) => {
   const label = pluralize('Courses', count);
-  return /*#__PURE__*/_jsxs(Text, {
-    variant: "p-small",
-    "aria-label": `Includes ${count} ${label}`,
-    children: ["Includes", ' ', /*#__PURE__*/_jsxs("b", {
-      children: [count, " ", label]
+  return /*#__PURE__*/_jsxs(Box, {
+    as: "li",
+    children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Text, {
+      screenreader: true,
+      children: `Includes ${count} ${label}`
+    }), /*#__PURE__*/_jsxs(Text, {
+      variant: "p-small",
+      "aria-hidden": true,
+      children: ["Includes", ' ', /*#__PURE__*/_jsxs("b", {
+        children: [count, " ", label]
+      })]
     })]
   });
 };

package/dist/CourseCard/index.d.ts

@@ -16,5 +16,8 @@ export type CourseCardProps = {
     isInOpenFirstModuleVariant?: boolean;
     header?: React.ReactNode;
     footer?: React.ReactNode;
+    openInNewTab?: boolean;
+    href: string;
+    onClick: () => void;
 };
-export declare const CourseCard: React.FC<CourseCardProps>;
+export declare const CourseCard: import("react").ForwardRefExoticComponent<CourseCardProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/CourseCard/index.js

@@ -1,7 +1,8 @@
+import { forwardRef } from 'react';
 import { ContentGroupBaseCard } from '../ContentGroupBaseCard';
-import { CertificateComponent, Divider, FreeModuleComponent } from '../ContentGroupBaseCard/shared';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const CourseCard = ({
+import { CertificateComponent, FreeModuleComponent } from '../ContentGroupBaseCard/shared';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CourseCard = /*#__PURE__*/forwardRef(({
   title,
   lessonCount,
   contentModuleIds,
@@ -16,8 +17,11 @@ export const CourseCard = ({
   isProUser = false,
   isInOpenFirstModuleVariant = false,
   header,
-  footer
-}) => {
+  footer,
+  openInNewTab = false,
+  href,
+  onClick
+}, ref) => {
   // only show certificates for pro exclusive courses, since only pro users can do pro courses & only pro users can gain certificates
   // edge case here: pro users who are logged in wont be able to tell - from the card - that a free course can grant them a cert as well
   const showCertificate = grantsCertificate && pro;
@@ -38,10 +42,10 @@ export const CourseCard = ({
     timeToComplete: timeToComplete,
     header: header,
     footer: footer,
-    children: [showFreeFirstModule && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(FreeModuleComponent, {})]
-    }), showCertificate && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CertificateComponent, {})]
-    })]
+    openInNewTab: openInNewTab,
+    href: href,
+    onClick: onClick,
+    ref: ref,
+    children: [showFreeFirstModule && /*#__PURE__*/_jsx(FreeModuleComponent, {}), showCertificate && /*#__PURE__*/_jsx(CertificateComponent, {})]
   });
-};
+});

package/dist/CourseRecommendationsLink/index.d.ts

@@ -0,0 +1,3 @@
+export declare const CourseRecommendationsLink: React.FC<{
+    onClick?: () => void;
+}>;

package/dist/CourseRecommendationsLink/index.js

@@ -0,0 +1,27 @@
+import { FillButton, FlexBox, Text } from '@codecademy/gamut';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CourseRecommendationsLink = ({
+  onClick
+}) => /*#__PURE__*/_jsxs(FlexBox, {
+  column: true,
+  p: 16,
+  bg: "navy-100",
+  border: 1,
+  borderColor: "border-tertiary",
+  borderRadius: "lg",
+  children: [/*#__PURE__*/_jsx(Text, {
+    variant: "p-large",
+    fontWeight: "bold",
+    children: "Get personalized course recommendations"
+  }), /*#__PURE__*/_jsx(Text, {
+    variant: "p-base",
+    mt: 8,
+    children: "Answer a few quick questions about your interests and skill level. We\u2019ll create a custom list of courses just for you."
+  }), /*#__PURE__*/_jsx(FillButton, {
+    size: "small",
+    mt: 16,
+    href: "/welcome/find-a-course",
+    onClick: onClick,
+    children: "Take the quiz"
+  })]
+});

package/dist/GlobalHeader/GlobalHeaderItems.js

@@ -4,7 +4,7 @@ import { renderNewBadge } from '../lib/resourcesList';
 import { formatEnterpriseUrl } from './urlHelpers';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const shouldShowBusinessDashboardLink = user => {
-  return (user?.isAccountManager || user?.isBusinessAdmin) && !user?.isSkillsoftUser;
+  return !!(user?.isAccountManager || user?.isBusinessAdmin) && !user?.isSkillsoftUser;
 };
 export const loading = {
   id: 'header-loading',

package/dist/GlobalHeader/context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AppHeaderItem } from '../AppHeader/shared';
+export interface GlobalHeaderItemClickContextType {
+    globalHeaderItemClick: (event: React.MouseEvent, item: AppHeaderItem) => void;
+}
+declare const GlobalHeaderItemClickContext: React.Context<GlobalHeaderItemClickContextType>;
+export declare const useGlobalHeaderItemClick: () => GlobalHeaderItemClickContextType;
+export { GlobalHeaderItemClickContext };

package/dist/GlobalHeader/context.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+const GlobalHeaderItemClickContext = /*#__PURE__*/createContext({
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  globalHeaderItemClick: () => {}
+});
+export const useGlobalHeaderItemClick = () => {
+  return useContext(GlobalHeaderItemClickContext);
+};
+export { GlobalHeaderItemClickContext };

package/dist/GlobalHeader/index.d.ts

@@ -6,5 +6,6 @@ export declare const HeaderQuizContext: React.Context<{
     showOnboardingQuiz?: boolean;
     showSortingQuiz?: boolean;
 }>;
+export declare const GlobalNavRedesignContext: React.Context<boolean>;
 export type GlobalHeaderProps = AnonHeader | FreeHeader | ProHeader | EnterpriseHeader | TeamsHeader | LoadingHeader | SimpleHeader | SimpleBootcampHeader;
 export declare const GlobalHeader: React.FC<GlobalHeaderProps>;