@codecademy/brand 3.40.1-alpha.db88c958d7.0 → 4.0.0-alpha.0ae245495b.0

package/dist/ContentGroupBaseCard/index.js

@@ -1,237 +1,210 @@
-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"
+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
+				})
+			})
+		]
+	});
 });
-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
-      })
-    })]
-  });
-});
+
+//#endregion
+export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground };

package/dist/ContentGroupBaseCard/shared.cjs

@@ -0,0 +1,80 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
+let pluralize = require("pluralize");
+pluralize = require_rolldown_runtime.__toESM(pluralize);
+
+//#region src/ContentGroupBaseCard/shared.tsx
+const DottedLine = (0, _emotion_styled.default)(_codecademy_gamut_patterns.CheckerDense)((0, _codecademy_gamut_styles.css)({
+	height: "1px",
+	display: "flex",
+	position: "absolute",
+	marginTop: "-1px"
+}));
+const Divider = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
+		py: 4,
+		height: 0,
+		position: "relative",
+		"aria-hidden": true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DottedLine, {})
+	});
+};
+const CertificateComponent = ({ professionalCert }) => {
+	const certificateType = professionalCert ? `Professional Certification` : `Certificate`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
+		as: "li",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Divider, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
+			alignItems: "center",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CertificateIcon, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+					screenreader: true,
+					children: `With ${certificateType}`
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
+					variant: "p-small",
+					pl: 8,
+					"aria-hidden": true,
+					children: ["With ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: certificateType })]
+				})
+			]
+		})]
+	});
+};
+const CourseCountComponent = ({ count }) => {
+	const label = (0, pluralize.default)("Courses", count);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
+		as: "li",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Divider, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+				screenreader: true,
+				children: `Includes ${count} ${label}`
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
+				variant: "p-small",
+				"aria-hidden": true,
+				children: [
+					"Includes",
+					" ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("b", { children: [
+						count,
+						" ",
+						label
+					] })
+				]
+			})
+		]
+	});
+};
+
+//#endregion
+exports.CertificateComponent = CertificateComponent;
+exports.CourseCountComponent = CourseCountComponent;
+exports.Divider = Divider;