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

package/dist/ContentGroupBaseCard/index.js

@@ -1,210 +1,237 @@
-import { CourseDifficulty, EnrollmentStatus } from "./types.js";
-import { getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration } from "./helpers.js";
-import { Divider } from "./shared.js";
-import { Anchor, Box, Card, FlexBox, Text } from "@codecademy/gamut";
-import { Background, css, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import React, { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { LevelIcon } from "@codecademy/gamut-icons";
-import pluralize from "pluralize";
-
-//#region src/ContentGroupBaseCard/index.tsx
-const Image = Box.withComponent("img");
-const CardAnchor = styled(Anchor)(css({
-	"&:hover, &:focus, &:focus-visible": { color: "text" },
-	"&:before": { inset: 2 }
-}));
-const ContentGroupBaseCardHeaderBackground = styled(Background)(css({
-	pl: 12,
-	py: 4,
-	borderRadiusTop: "md",
-	borderRadiusBottom: "none",
-	boxShadow: `inset 0 0 0 1px ${theme.colors.white}`
-}));
-const ContentGroupBaseCard = forwardRef(({ headerBackgroundColor, headerText, title, headingLevel, description, difficulty, numLessons, imageSrc, isFullSize = false, shadow = "none", enrollmentStatus, timeToComplete, brandDetails, children, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	const enrollmentAssets = {
-		completed: {
-			text: headerText + " completed!",
-			backgroundColor: "green"
-		},
-		inProgress: {
-			text: "In progress...",
-			backgroundColor: "yellow"
-		},
-		none: {
-			text: headerText,
-			backgroundColor: headerBackgroundColor
-		}
-	};
-	const isEnrolled = enrollmentStatus === EnrollmentStatus.InProgress || enrollmentStatus === EnrollmentStatus.Completed;
-	const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
-	const renderTimeToCompleteOrNumLessons = () => {
-		if (typeof timeToComplete === "number" && timeToComplete >= 0) {
-			const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);
-			const displayDuration = getTimeToCompleteDisplayDuration(timeToComplete);
-			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(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;
-	};
-	return /* @__PURE__ */ jsxs(Card, {
-		variant: isEnrolled ? "beige" : "white",
-		borderRadius: "md",
-		borderColor: "border-primary",
-		overflow: "hidden",
-		display: "flex",
-		flexDirection: "column",
-		shadow,
-		isInteractive: true,
-		p: 0,
-		height: "100%",
-		style: { cursor: "pointer" },
-		onClick: (e) => {
-			if (e.target.closest("a") === null) {
-				e.preventDefault();
-				onClick?.();
-			}
-		},
-		children: [
-			/* @__PURE__ */ jsx(Box, {
-				position: "relative",
-				children: /* @__PURE__ */ jsxs(CardAnchor, {
-					href,
-					onClick,
-					variant: "interface",
-					display: "block",
-					ref,
-					target: openInNewTab ? "_blank" : void 0,
-					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,
-							alt: brandDetails.name,
-							width: "auto",
-							height: brandDetails.logoHeight,
-							mt: 12
-						}), /* @__PURE__ */ jsx(Text, {
-							variant: "title-xs",
-							as: headingLevel,
-							pt: brandDetails?.logoUrl ? 8 : 12,
-							pb: 4,
-							children: title
-						})]
-					})]
-				})
-			}),
-			/* @__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(LevelIcon, {}),
-										/* @__PURE__ */ jsx(Text, {
-											screenreader: true,
-											children: `${difficulty}${isBeginnerContainer ? " Friendly" : ""}.`
-										}),
-										/* @__PURE__ */ jsxs(Text, {
-											variant: "p-small",
-											pl: 8,
-											whiteSpace: "nowrap",
-											"data-testid": "card-difficulty",
-											"aria-hidden": true,
-											children: [/* @__PURE__ */ jsx("b", { children: difficulty }), isBeginnerContainer && /* @__PURE__ */ jsx(Fragment, { children: " Friendly" })]
-										})
-									]
-								}), renderTimeToCompleteOrNumLessons()]
-							})]
-						})]
-					}),
-					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
-				})
-			})
-		]
-	});
+import _styled from "@emotion/styled/base";
+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, { 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: "e1a33thh2",
+  label: "Image"
 });
-
-//#endregion
-export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground };
+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/ICdiZWlnZScgOiAnd2hpdGUnfVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHNoYWRvdz17c2hhZG93fVxuICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgIHN0eWxlPXt7IGN1cnNvcjogJ3BvaW50ZXInIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgLy8gb25seSBoYW5kbGUgY2xpY2tzIGlmIHRoZXkgZGlkbid0IGNvbWUgZnJvbSB0aGUgYW5jaG9yIHRvIGF2b2lkIGRvdWJsZSBuYXZpZ2F0aW9uXG4gICAgICAgICAgaWYgKChlLnRhcmdldCBhcyBIVE1MRWxlbWVudCkuY2xvc2VzdCgnYScpID09PSBudWxsKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBvbkNsaWNrPy4oKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgIDxDYXJkQW5jaG9yXG4gICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgdGFyZ2V0PXtvcGVuSW5OZXdUYWIgPyAnX2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyIHx8IChcbiAgICAgICAgICAgICAgPENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGJnPXtcbiAgICAgICAgICAgICAgICAgIGVucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlckJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MTR9PlxuICAgICAgICAgICAgICAgICAge2Vucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLnRleHRcbiAgICAgICAgICAgICAgICAgICAgOiBoZWFkZXJUZXh0fVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Db250ZW50R3JvdXBCYXNlQ2FyZEhlYWRlckJhY2tncm91bmQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgICBwdD17NH1cbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2JyYW5kRGV0YWlscz8ubG9nb1VybCAmJiAoXG4gICAgICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgICAgICBzcmM9e2JyYW5kRGV0YWlscy5sb2dvVXJsfVxuICAgICAgICAgICAgICAgICAgYWx0PXticmFuZERldGFpbHMubmFtZX1cbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiYXV0b1wiXG4gICAgICAgICAgICAgICAgICBoZWlnaHQ9e2JyYW5kRGV0YWlscy5sb2dvSGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgbXQ9ezEyfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInRpdGxlLXhzXCJcbiAgICAgICAgICAgICAgICBhcz17aGVhZGluZ0xldmVsfVxuICAgICAgICAgICAgICAgIHB0PXticmFuZERldGFpbHM/LmxvZ29VcmwgPyA4IDogMTJ9XG4gICAgICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIG14PXsxMn1cbiAgICAgICAgICBteT17NH1cbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICBtYXhXaWR0aD17aXNGdWxsU2l6ZSA/IHsgbWQ6ICdjYWxjKDEwMCUgLSAyMjhweCknIH0gOiAnMTAwJSd9XG4gICAgICAgID5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17M31cbiAgICAgICAgICAgICAgbWI9ezE2fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Qm94IGFzPVwidWxcIiBsaXN0U3R5bGU9XCJub25lXCIgcD17MH0gbT17MH0gbXQ9XCJhdXRvXCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZmxleFdyYXA9XCJ3cmFwXCI+XG4gICAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8TGV2ZWxJY29uIC8+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICAgIH0uYH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICAgIHBsPXs4fVxuICAgICAgICAgICAgICAgICAgICAgIHdoaXRlU3BhY2U9XCJub3dyYXBcIlxuICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY2FyZC1kaWZmaWN1bHR5XCJcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgPGI+e2RpZmZpY3VsdHl9PC9iPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7cmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMoKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2Zvb3Rlcn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94XG4gICAgICAgICAgZGlzcGxheT17aXNGdWxsU2l6ZSA/IHsgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH0gOiAnbm9uZSd9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgIHB4PXs2NH1cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICB0b3A9ezMyfVxuICAgICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgICByaWdodD17MH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJbWFnZSBhcmlhLWhpZGRlbiB3aWR0aD17MTAwfSBoZWlnaHQ9ezEwMH0gc3JjPXtpbWFnZVNyY30gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+export const ContentGroupBaseCardHeaderBackground = /*#__PURE__*/_styled(Background, {
+  target: "e1a33thh0",
+  label: "ContentGroupBaseCardHeaderBackground"
+})(css({
+  pl: 12,
+  py: 4,
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VvRCIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQW5jaG9yLFxuICBCb3gsXG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBMZXZlbEljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBDb2xvcnMsIGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHBsdXJhbGl6ZSBmcm9tICdwbHVyYWxpemUnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50LFxuICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbixcbn0gZnJvbSAnLi9oZWxwZXJzJztcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuL3NoYXJlZCc7XG5pbXBvcnQgeyBDb3Vyc2VEaWZmaWN1bHR5LCBFbnJvbGxtZW50U3RhdHVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5jb25zdCBDYXJkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgfSxcbiAgICAnJjpiZWZvcmUnOiB7XG4gICAgICBpbnNldDogMixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEdyb3VwQmFzZUNhcmRQcm9wcyA9IHtcbiAgaGVhZGVyQmFja2dyb3VuZENvbG9yOiBDb2xvcnM7XG4gIGhlYWRlclRleHQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgbnVsbDtcbiAgZGlmZmljdWx0eT86IENvdXJzZURpZmZpY3VsdHkgfCBudWxsO1xuICBudW1MZXNzb25zOiBudW1iZXI7XG4gIGltYWdlU3JjPzogc3RyaW5nO1xuICBpc0Z1bGxTaXplPzogYm9vbGVhbjtcbiAgc2hhZG93PzogJ25vbmUnIHwgJ291dGxpbmUnO1xuICBlbnJvbGxtZW50U3RhdHVzPzogRW5yb2xsbWVudFN0YXR1cztcbiAgdGltZVRvQ29tcGxldGU/OiBudW1iZXIgfCBudWxsO1xuICBicmFuZERldGFpbHM/OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGxvZ29Vcmw6IHN0cmluZztcbiAgICBsb2dvSGVpZ2h0OiBudW1iZXI7XG4gIH07XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICBoZWFkZXI/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb3BlbkluTmV3VGFiPzogYm9vbGVhbjtcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICBbc3RhdHVzIGluXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLkluUHJvZ3Jlc3NcbiAgICB8IEVucm9sbG1lbnRTdGF0dXMuQ29tcGxldGVkXG4gICAgfCBFbnJvbGxtZW50U3RhdHVzLk5vbmVdOiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShcbiAgY3NzKHtcbiAgICBwbDogMTIsXG4gICAgcHk6IDQsXG4gICAgYm9yZGVyUmFkaXVzVG9wOiAnbWQnLFxuICAgIGJvcmRlclJhZGl1c0JvdHRvbTogJ25vbmUnLFxuICAgIGJveFNoYWRvdzogYGluc2V0IDAgMCAwIDFweCAke3RoZW1lLmNvbG9ycy53aGl0ZX1gLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRHcm91cEJhc2VDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxDb250ZW50R3JvdXBCYXNlQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIGhlYWRlckJhY2tncm91bmRDb2xvcixcbiAgICAgIGhlYWRlclRleHQsXG4gICAgICB0aXRsZSxcbiAgICAgIGhlYWRpbmdMZXZlbCxcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgZGlmZmljdWx0eSxcbiAgICAgIG51bUxlc3NvbnMsXG4gICAgICBpbWFnZVNyYyxcbiAgICAgIGlzRnVsbFNpemUgPSBmYWxzZSxcbiAgICAgIHNoYWRvdyA9ICdub25lJyxcbiAgICAgIGVucm9sbG1lbnRTdGF0dXMsXG4gICAgICB0aW1lVG9Db21wbGV0ZSxcbiAgICAgIGJyYW5kRGV0YWlscyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaGVhZGVyLFxuICAgICAgZm9vdGVyLFxuICAgICAgb3BlbkluTmV3VGFiID0gZmFsc2UsXG4gICAgICBocmVmLFxuICAgICAgb25DbGljayxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBlbnJvbGxtZW50QXNzZXRzOiBFbnJvbGxtZW50U3RhdHVzQXNzZXRzID0ge1xuICAgICAgY29tcGxldGVkOiB7IHRleHQ6IGhlYWRlclRleHQgKyAnIGNvbXBsZXRlZCEnLCBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbicgfSxcbiAgICAgIGluUHJvZ3Jlc3M6IHsgdGV4dDogJ0luIHByb2dyZXNzLi4uJywgYmFja2dyb3VuZENvbG9yOiAneWVsbG93JyB9LFxuICAgICAgbm9uZTogeyB0ZXh0OiBoZWFkZXJUZXh0LCBiYWNrZ3JvdW5kQ29sb3I6IGhlYWRlckJhY2tncm91bmRDb2xvciB9LFxuICAgIH07XG5cbiAgICBjb25zdCBpc0Vucm9sbGVkID1cbiAgICAgIGVucm9sbG1lbnRTdGF0dXMgPT09IEVucm9sbG1lbnRTdGF0dXMuSW5Qcm9ncmVzcyB8fFxuICAgICAgZW5yb2xsbWVudFN0YXR1cyA9PT0gRW5yb2xsbWVudFN0YXR1cy5Db21wbGV0ZWQ7XG5cbiAgICBjb25zdCBpc0JlZ2lubmVyQ29udGFpbmVyID0gZGlmZmljdWx0eSA9PT0gQ291cnNlRGlmZmljdWx0eS5CZWdpbm5lcjtcblxuICAgIGNvbnN0IHJlbmRlclRpbWVUb0NvbXBsZXRlT3JOdW1MZXNzb25zID0gKCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiB0aW1lVG9Db21wbGV0ZSA9PT0gJ251bWJlcicgJiYgdGltZVRvQ29tcGxldGUgPj0gMCkge1xuICAgICAgICBjb25zdCBkaXNwbGF5QW1vdW50ID0gZ2V0VGltZVRvQ29tcGxldGVEaXNwbGF5QW1vdW50KHRpbWVUb0NvbXBsZXRlKTtcbiAgICAgICAgY29uc3QgZGlzcGxheUR1cmF0aW9uID1cbiAgICAgICAgICBnZXRUaW1lVG9Db21wbGV0ZURpc3BsYXlEdXJhdGlvbih0aW1lVG9Db21wbGV0ZSk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlzcGxheUFtb3VudH0gJHtkaXNwbGF5RHVyYXRpb259YH08L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicC1zbWFsbFwiIHBsPXs0fSB3aGl0ZVNwYWNlPVwibm93cmFwXCIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICAgIDxiPntkaXNwbGF5QW1vdW50fTwvYj4ge2Rpc3BsYXlEdXJhdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIGlmIChudW1MZXNzb25zID4gMCkge1xuICAgICAgICBjb25zdCBsYWJlbCA9IHBsdXJhbGl6ZSgnTGVzc29uJywgbnVtTGVzc29ucyk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7bnVtTGVzc29uc30gJHtsYWJlbH1gfTwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgcGw9ezR9IHdoaXRlU3BhY2U9XCJub3dyYXBcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgPGI+e251bUxlc3NvbnN9PC9iPiB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgdmFyaWFudD17aXNFbnJvbGxlZCA/ICdiZWlnZScgOiAnd2hpdGUnfVxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHNoYWRvdz17c2hhZG93fVxuICAgICAgICBpc0ludGVyYWN0aXZlXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgIHN0eWxlPXt7IGN1cnNvcjogJ3BvaW50ZXInIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgLy8gb25seSBoYW5kbGUgY2xpY2tzIGlmIHRoZXkgZGlkbid0IGNvbWUgZnJvbSB0aGUgYW5jaG9yIHRvIGF2b2lkIGRvdWJsZSBuYXZpZ2F0aW9uXG4gICAgICAgICAgaWYgKChlLnRhcmdldCBhcyBIVE1MRWxlbWVudCkuY2xvc2VzdCgnYScpID09PSBudWxsKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBvbkNsaWNrPy4oKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgIDxDYXJkQW5jaG9yXG4gICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgdGFyZ2V0PXtvcGVuSW5OZXdUYWIgPyAnX2JsYW5rJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyIHx8IChcbiAgICAgICAgICAgICAgPENvbnRlbnRHcm91cEJhc2VDYXJkSGVhZGVyQmFja2dyb3VuZFxuICAgICAgICAgICAgICAgIGJnPXtcbiAgICAgICAgICAgICAgICAgIGVucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgICAgICA6IGhlYWRlckJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRGYW1pbHk9XCJhY2NlbnRcIiBmb250U2l6ZT17MTR9PlxuICAgICAgICAgICAgICAgICAge2Vucm9sbG1lbnRTdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgPyBlbnJvbGxtZW50QXNzZXRzW2Vucm9sbG1lbnRTdGF0dXNdLnRleHRcbiAgICAgICAgICAgICAgICAgICAgOiBoZWFkZXJUZXh0fVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Db250ZW50R3JvdXBCYXNlQ2FyZEhlYWRlckJhY2tncm91bmQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgICBwdD17NH1cbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2JyYW5kRGV0YWlscz8ubG9nb1VybCAmJiAoXG4gICAgICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgICAgICBzcmM9e2JyYW5kRGV0YWlscy5sb2dvVXJsfVxuICAgICAgICAgICAgICAgICAgYWx0PXticmFuZERldGFpbHMubmFtZX1cbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiYXV0b1wiXG4gICAgICAgICAgICAgICAgICBoZWlnaHQ9e2JyYW5kRGV0YWlscy5sb2dvSGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgbXQ9ezEyfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cInRpdGxlLXhzXCJcbiAgICAgICAgICAgICAgICBhcz17aGVhZGluZ0xldmVsfVxuICAgICAgICAgICAgICAgIHB0PXticmFuZERldGFpbHM/LmxvZ29VcmwgPyA4IDogMTJ9XG4gICAgICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIG14PXsxMn1cbiAgICAgICAgICBteT17NH1cbiAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICBtYXhXaWR0aD17aXNGdWxsU2l6ZSA/IHsgbWQ6ICdjYWxjKDEwMCUgLSAyMjhweCknIH0gOiAnMTAwJSd9XG4gICAgICAgID5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17M31cbiAgICAgICAgICAgICAgbWI9ezE2fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Qm94IGFzPVwidWxcIiBsaXN0U3R5bGU9XCJub25lXCIgcD17MH0gbT17MH0gbXQ9XCJhdXRvXCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgZmxleFdyYXA9XCJ3cmFwXCI+XG4gICAgICAgICAgICAgICAge2RpZmZpY3VsdHkgJiYgKFxuICAgICAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8TGV2ZWxJY29uIC8+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IHNjcmVlbnJlYWRlcj57YCR7ZGlmZmljdWx0eX0ke1xuICAgICAgICAgICAgICAgICAgICAgIGlzQmVnaW5uZXJDb250YWluZXIgPyAnIEZyaWVuZGx5JyA6ICcnXG4gICAgICAgICAgICAgICAgICAgIH0uYH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICAgIHBsPXs4fVxuICAgICAgICAgICAgICAgICAgICAgIHdoaXRlU3BhY2U9XCJub3dyYXBcIlxuICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY2FyZC1kaWZmaWN1bHR5XCJcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgPGI+e2RpZmZpY3VsdHl9PC9iPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0JlZ2lubmVyQ29udGFpbmVyICYmIDw+IEZyaWVuZGx5PC8+fVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7cmVuZGVyVGltZVRvQ29tcGxldGVPck51bUxlc3NvbnMoKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2Zvb3Rlcn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8Qm94XG4gICAgICAgICAgZGlzcGxheT17aXNGdWxsU2l6ZSA/IHsgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH0gOiAnbm9uZSd9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgIHB4PXs2NH1cbiAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICB0b3A9ezMyfVxuICAgICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgICByaWdodD17MH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJbWFnZSBhcmlhLWhpZGRlbiB3aWR0aD17MTAwfSBoZWlnaHQ9ezEwMH0gc3JjPXtpbWFnZVNyY30gLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+export const ContentGroupBaseCard = /*#__PURE__*/forwardRef(({
+  headerBackgroundColor,
+  headerText,
+  title,
+  headingLevel,
+  description,
+  difficulty,
+  numLessons,
+  imageSrc,
+  isFullSize = false,
+  shadow = 'none',
+  enrollmentStatus,
+  timeToComplete,
+  brandDetails,
+  children,
+  header,
+  footer,
+  openInNewTab = false,
+  href,
+  onClick
+}, ref) => {
+  const enrollmentAssets = {
+    completed: {
+      text: headerText + ' completed!',
+      backgroundColor: 'green'
+    },
+    inProgress: {
+      text: 'In progress...',
+      backgroundColor: 'yellow'
+    },
+    none: {
+      text: headerText,
+      backgroundColor: headerBackgroundColor
+    }
+  };
+  const isEnrolled = enrollmentStatus === EnrollmentStatus.InProgress || enrollmentStatus === EnrollmentStatus.Completed;
+  const isBeginnerContainer = difficulty === CourseDifficulty.Beginner;
+  const renderTimeToCompleteOrNumLessons = () => {
+    if (typeof timeToComplete === 'number' && timeToComplete >= 0) {
+      const displayAmount = getTimeToCompleteDisplayAmount(timeToComplete);
+      const displayDuration = getTimeToCompleteDisplayDuration(timeToComplete);
+      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(_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;
+  };
+  return /*#__PURE__*/_jsxs(Card, {
+    variant: isEnrolled ? 'beige' : 'white',
+    borderRadius: "md",
+    borderColor: "border-primary",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column",
+    shadow: shadow,
+    isInteractive: true,
+    p: 0,
+    height: "100%"
+    // eslint-disable-next-line gamut/no-inline-style
+    ,
+    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,
+            alt: brandDetails.name,
+            width: "auto",
+            height: brandDetails.logoHeight,
+            mt: 12
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "title-xs",
+            as: headingLevel,
+            pt: brandDetails?.logoUrl ? 8 : 12,
+            pb: 4,
+            children: title
+          })]
+        })]
+      })
+    }), /*#__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(LevelIcon, {}), /*#__PURE__*/_jsx(Text, {
+                screenreader: true,
+                children: `${difficulty}${isBeginnerContainer ? ' Friendly' : ''}.`
+              }), /*#__PURE__*/_jsxs(Text, {
+                variant: "p-small",
+                pl: 8,
+                whiteSpace: "nowrap",
+                "data-testid": "card-difficulty",
+                "aria-hidden": true,
+                children: [/*#__PURE__*/_jsx("b", {
+                  children: difficulty
+                }), isBeginnerContainer && /*#__PURE__*/_jsx(_Fragment, {
+                  children: " Friendly"
+                })]
+              })]
+            }), renderTimeToCompleteOrNumLessons()]
+          })]
+        })]
+      }), 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.d.ts

@@ -0,0 +1,7 @@
+export declare const Divider: React.FC;
+export declare const CertificateComponent: React.FC<{
+    professionalCert?: boolean;
+}>;
+export declare const CourseCountComponent: React.FC<{
+    count: number;
+}>;

package/dist/ContentGroupBaseCard/shared.js

@@ -1,75 +1,69 @@
-import { Box, FlexBox, Text } from "@codecademy/gamut";
-import { css } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CertificateIcon } from "@codecademy/gamut-icons";
-import { CheckerDense } from "@codecademy/gamut-patterns";
-import pluralize from "pluralize";
-
-//#region src/ContentGroupBaseCard/shared.tsx
-const DottedLine = styled(CheckerDense)(css({
-	height: "1px",
-	display: "flex",
-	position: "absolute",
-	marginTop: "-1px"
-}));
-const Divider = () => {
-	return /* @__PURE__ */ jsx(Box, {
-		py: 4,
-		height: 0,
-		position: "relative",
-		"aria-hidden": true,
-		children: /* @__PURE__ */ jsx(DottedLine, {})
-	});
+import _styled from "@emotion/styled/base";
+import { Box, FlexBox, Text } from '@codecademy/gamut';
+import { CertificateIcon } 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 } from "react/jsx-runtime";
+const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
+  target: "e16fp6ou0",
+  label: "DottedLine"
+})(css({
+  height: '1px',
+  display: 'flex',
+  position: 'absolute',
+  marginTop: '-1px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Db250ZW50R3JvdXBCYXNlQ2FyZC9zaGFyZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiIsImZpbGUiOiIuLi8uLi9zcmMvQ29udGVudEdyb3VwQmFzZUNhcmQvc2hhcmVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcGx1cmFsaXplIGZyb20gJ3BsdXJhbGl6ZSc7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENlcnRpZmljYXRlQ29tcG9uZW50OiBSZWFjdC5GQzx7IHByb2Zlc3Npb25hbENlcnQ/OiBib29sZWFuIH0+ID0gKHtcbiAgcHJvZmVzc2lvbmFsQ2VydCxcbn0pID0+IHtcbiAgY29uc3QgY2VydGlmaWNhdGVUeXBlID0gcHJvZmVzc2lvbmFsQ2VydFxuICAgID8gYFByb2Zlc3Npb25hbCBDZXJ0aWZpY2F0aW9uYFxuICAgIDogYENlcnRpZmljYXRlYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDZXJ0aWZpY2F0ZUljb24gLz5cbiAgICAgICAgPFRleHQgc2NyZWVucmVhZGVyPntgV2l0aCAke2NlcnRpZmljYXRlVHlwZX1gfTwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBwbD17OH0gYXJpYS1oaWRkZW4+XG4gICAgICAgICAgV2l0aCA8Yj57Y2VydGlmaWNhdGVUeXBlfTwvYj5cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvdXJzZUNvdW50Q29tcG9uZW50OiBSZWFjdC5GQzx7IGNvdW50OiBudW1iZXIgfT4gPSAoe1xuICBjb3VudCxcbn0pID0+IHtcbiAgY29uc3QgbGFiZWwgPSBwbHVyYWxpemUoJ0NvdXJzZXMnLCBjb3VudCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFzPVwibGlcIj5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2BJbmNsdWRlcyAke2NvdW50fSAke2xhYmVsfWB9PC9UZXh0PlxuICAgICAgPFRleHQgdmFyaWFudD1cInAtc21hbGxcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgSW5jbHVkZXN7JyAnfVxuICAgICAgICA8Yj5cbiAgICAgICAgICB7Y291bnR9IHtsYWJlbH1cbiAgICAgICAgPC9iPlxuICAgICAgPC9UZXh0PlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdfQ== */");
+export const Divider = () => {
+  return (
+    /*#__PURE__*/
+    // the height and position properties are necessary for iOS devices
+    _jsx(Box, {
+      py: 4,
+      height: 0,
+      position: "relative",
+      "aria-hidden": true,
+      children: /*#__PURE__*/_jsx(DottedLine, {})
+    })
+  );
 };
-const CertificateComponent = ({ professionalCert }) => {
-	const certificateType = professionalCert ? `Professional Certification` : `Certificate`;
-	return /* @__PURE__ */ jsxs(Box, {
-		as: "li",
-		children: [/* @__PURE__ */ jsx(Divider, {}), /* @__PURE__ */ jsxs(FlexBox, {
-			alignItems: "center",
-			children: [
-				/* @__PURE__ */ jsx(CertificateIcon, {}),
-				/* @__PURE__ */ jsx(Text, {
-					screenreader: true,
-					children: `With ${certificateType}`
-				}),
-				/* @__PURE__ */ jsxs(Text, {
-					variant: "p-small",
-					pl: 8,
-					"aria-hidden": true,
-					children: ["With ", /* @__PURE__ */ jsx("b", { children: certificateType })]
-				})
-			]
-		})]
-	});
+export const CertificateComponent = ({
+  professionalCert
+}) => {
+  const certificateType = professionalCert ? `Professional Certification` : `Certificate`;
+  return /*#__PURE__*/_jsxs(Box, {
+    as: "li",
+    children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      children: [/*#__PURE__*/_jsx(CertificateIcon, {}), /*#__PURE__*/_jsx(Text, {
+        screenreader: true,
+        children: `With ${certificateType}`
+      }), /*#__PURE__*/_jsxs(Text, {
+        variant: "p-small",
+        pl: 8,
+        "aria-hidden": true,
+        children: ["With ", /*#__PURE__*/_jsx("b", {
+          children: certificateType
+        })]
+      })]
+    })]
+  });
 };
-const CourseCountComponent = ({ count }) => {
-	const label = pluralize("Courses", count);
-	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
-					] })
-				]
-			})
-		]
-	});
-};
-
-//#endregion
-export { CertificateComponent, CourseCountComponent, Divider };
+export const CourseCountComponent = ({
+  count
+}) => {
+  const label = pluralize('Courses', count);
+  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/ContentGroupBaseCard/types.d.ts

@@ -1,13 +1,10 @@
-//#region src/ContentGroupBaseCard/types.d.ts
-declare enum CourseDifficulty {
-  Beginner = "Beginner",
-  Intermediate = "Intermediate",
-  Advanced = "Advanced",
+export declare enum CourseDifficulty {
+    Beginner = "Beginner",
+    Intermediate = "Intermediate",
+    Advanced = "Advanced"
 }
-declare enum EnrollmentStatus {
-  InProgress = "inProgress",
-  Completed = "completed",
-  None = "none",
+export declare enum EnrollmentStatus {
+    InProgress = "inProgress",
+    Completed = "completed",
+    None = "none"
 }
-//#endregion
-export { CourseDifficulty, EnrollmentStatus };