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

package/dist/CommunityEventCard/index.cjs

@@ -1,260 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_EventTypeIcon = require('./EventTypeIcon.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 = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let date_fns = require("date-fns");
-let framer_motion = require("framer-motion");
-let ismobilejs = require("ismobilejs");
-ismobilejs = require_rolldown_runtime.__toESM(ismobilejs);
-
-//#region src/CommunityEventCard/index.tsx
-const HoverCard = (0, _emotion_styled.default)(_codecademy_gamut.Card)`
-  border-radius: 4px;
-  &:hover {
-    cursor: pointer;
-  }
-`;
-const StyledLink = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)`
-  flex-grow: 1;
-  text-decoration: none;
-  color: ${_codecademy_gamut_styles.theme.colors.navy};
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-`;
-const formatTime = (startDate, endDate) => {
-	const startTime = (0, date_fns.parseJSON)(startDate);
-	const startHour = (0, date_fns.format)(startTime, "h");
-	const startMinutes = (0, date_fns.format)(startTime, "mm");
-	const startTimeOfDay = (0, date_fns.format)(startTime, "a").toLowerCase();
-	const endTime = (0, date_fns.parseJSON)(endDate);
-	const endHour = (0, date_fns.format)(endTime, "h");
-	const endMinutes = (0, date_fns.format)(endTime, "mm");
-	const endTimeOfDay = (0, date_fns.format)(endTime, "a").toLowerCase();
-	let text = `${startHour}`;
-	if (startMinutes !== "00") text += `:${startMinutes}`;
-	if (startTimeOfDay !== endTimeOfDay) text += `${startTimeOfDay}`;
-	text += `-${endHour}`;
-	if (endMinutes !== "00") text += `:${endMinutes}`;
-	text += `${endTimeOfDay}`;
-	return text;
-};
-const CommunityEventCard = ({ title, startDate, endDate, descriptionShort, url, totalAttendees = null, audienceType, inPersonLocation = null, isProEvent, isProUser, isAnonUser, isTrialEligible, upsellUrl, sendRSVP, hideButton, handleCardClick, handleAnonUserCardClick, handleRSVPClick, handleUpgradeCTAClick, handleOnRSVPSuccess, handleOnRSVPFailure, isRegistered, type }) => {
-	const cannotShowButton = hideButton || isAnonUser;
-	const [isMobileDevice, setIsMobileDevice] = (0, react.useState)(true);
-	const [showCardButton, setShowCardButton] = (0, react.useState)(cannotShowButton ? false : isMobileDevice);
-	const [rsvpSuccessful, setRsvpSuccessful] = (0, react.useState)(false);
-	const [rsvpLoading, setRsvpLoading] = (0, react.useState)(false);
-	const isAttending = rsvpSuccessful || isRegistered;
-	const cardLinkRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		const mobileDevice = (0, ismobilejs.default)().any;
-		setIsMobileDevice(mobileDevice);
-		setShowCardButton(mobileDevice);
-	}, []);
-	(0, react.useEffect)(() => {
-		if (rsvpSuccessful) {
-			cardLinkRef.current?.focus();
-			setRsvpLoading(false);
-		}
-	}, [rsvpSuccessful]);
-	const nonProButtonText = isTrialEligible ? "Start 7-day free trial" : "Upgrade";
-	const eventTime = formatTime(startDate, endDate);
-	const hideYear = eventTime.length > 11;
-	const canAccessPro = !(isProEvent && !isProUser);
-	const revealCardButton = () => {
-		if (!cannotShowButton && !isAttending) setShowCardButton(true);
-	};
-	const isSafari = typeof navigator !== "undefined" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HoverCard, {
-		display: "flex",
-		flexDirection: "column",
-		height: (0, _codecademy_gamut_styles.pxRem)(318),
-		justifyContent: "space-between",
-		variant: "white",
-		isInteractive: true,
-		p: 0,
-		pt: isProEvent || isAttending ? 0 : 16,
-		position: "relative",
-		overflow: "hidden",
-		onTouchStart: revealCardButton,
-		onFocus: revealCardButton,
-		onMouseEnter: revealCardButton,
-		onMouseLeave: () => {
-			if (!rsvpLoading && !isMobileDevice) setShowCardButton(false);
-		},
-		tabIndex: isSafari ? 0 : void 0,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledLink, {
-			href: url,
-			onClick: isAnonUser ? (e) => {
-				e.preventDefault();
-				handleCardClick?.();
-				handleAnonUserCardClick?.();
-			} : () => handleCardClick?.(),
-			ref: cardLinkRef,
-			target: "_blank",
-			children: [isAttending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-				initial: {
-					opacity: 0,
-					y: -16
-				},
-				animate: {
-					opacity: 1,
-					y: 0,
-					transition: { ease: "easeInOut" }
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					position: "absolute",
-					top: 0,
-					width: "100%",
-					alignItems: "center",
-					borderBottom: "solid",
-					borderStyleBottom: { "1": "solid" },
-					px: 16,
-					py: 4,
-					borderColor: "black",
-					bg: "hyper",
-					color: "white",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CheckFilledIcon, { mr: 8 }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-						fontSize: 14,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							screenreader: true,
-							children: isRegistered ? "You're going to the event" : "You've saved a spot for the event"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							"aria-hidden": true,
-							children: "You're going!"
-						})]
-					})]
-				})
-			}, "success") : isProEvent && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				position: "absolute",
-				top: 0,
-				width: "100%",
-				bg: "navy",
-				color: "white",
-				px: 16,
-				py: 4,
-				borderBottom: "solid",
-				borderStyleBottom: { "1": "solid" },
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					fontSize: 14,
-					children: "Pro/Plus"
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				flexDirection: "column",
-				justifyContent: "space-between",
-				height: "100%",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-					p: 16,
-					pb: 8,
-					pt: isAttending || isProEvent ? 36 : 0,
-					flexGrow: 1,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							truncate: "ellipsis",
-							truncateLines: 2,
-							fontSize: 22,
-							as: "h3",
-							children: title
-						}),
-						audienceType === "in_person" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-							alignItems: "center",
-							mb: 8,
-							mt: 4,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.RoundPinIcon, {
-								mr: 8,
-								mb: 4,
-								size: 16
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-								fontFamily: "accent",
-								color: "navy-600",
-								truncate: "ellipsis",
-								truncateLines: 1,
-								fontSize: 14,
-								children: inPersonLocation ?? "In-person event"
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-							justifyContent: "space-between",
-							alignItems: "center",
-							fontSize: 14,
-							fontFamily: "accent",
-							my: 8,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-								alignItems: "center",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CalendarIcon, {
-									alignSelf: "center",
-									mr: 8
-								}), (0, date_fns.format)((0, date_fns.parseJSON)(startDate), hideYear ? "MMM dd'...'" : "MMM dd, yyyy")]
-							}), eventTime]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							truncate: "ellipsis",
-							truncateLines: 3,
-							children: descriptionShort
-						})
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					justifyContent: "space-between",
-					p: 16,
-					pt: 8,
-					tabIndex: 0,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EventTypeIcon.EventTypeIcon, { eventType: type }), totalAttendees !== null && totalAttendees > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-						display: "flex",
-						fontFamily: "accent",
-						fontSize: 14,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.PeopleIcon, {
-							alignSelf: "center",
-							mr: 8,
-							"aria-hidden": true
-						}), totalAttendees === 100 ? "100+" : rsvpSuccessful ? totalAttendees + 1 : totalAttendees]
-					})]
-				})]
-			})]
-		}), showCardButton && sendRSVP && !isAttending && !isAnonUser && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-			initial: { opacity: 0 },
-			animate: { opacity: 1 },
-			children: canAccessPro ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
-				width: "calc(100% - 32px)",
-				mx: 16,
-				position: "absolute",
-				bottom: 48,
-				disabled: rsvpLoading,
-				onClick: async () => {
-					setRsvpLoading(true);
-					handleRSVPClick?.();
-					const didRsvp = await sendRSVP();
-					if (didRsvp) handleOnRSVPSuccess?.();
-					else handleOnRSVPFailure?.();
-					setRsvpSuccessful(didRsvp);
-				},
-				onBlur: () => {
-					if (!rsvpLoading && !isMobileDevice) setShowCardButton(false);
-				},
-				children: rsvpLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Spinner, { size: 16 }) : "Save a spot"
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
-				width: "calc(100% - 32px)",
-				mx: 16,
-				position: "absolute",
-				bottom: 48,
-				href: upsellUrl,
-				variant: "secondary",
-				onClick: () => handleUpgradeCTAClick?.(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					alignItems: "center",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.LockIcon, { mr: 8 }), nonProButtonText]
-				})
-			})
-		}, "rsvp")]
-	});
-};
-
-//#endregion
-exports.CommunityEventCard = CommunityEventCard;
-exports.formatTime = formatTime;

package/dist/CommunityEventCard/index.d.cts

@@ -1,31 +0,0 @@
-//#region src/CommunityEventCard/index.d.ts
-interface CommunityEventCardProps {
-  title: string;
-  startDate: string;
-  endDate: string;
-  descriptionShort: string;
-  url: string;
-  totalAttendees?: number | null;
-  audienceType: string;
-  isProEvent?: boolean;
-  isProUser?: boolean;
-  isAnonUser?: boolean;
-  isTrialEligible?: boolean;
-  upsellUrl?: string;
-  venueType?: string;
-  inPersonLocation?: string | null;
-  sendRSVP?: () => Promise<boolean>;
-  handleCardClick?: () => void;
-  handleAnonUserCardClick?: () => void;
-  handleRSVPClick?: () => void;
-  handleUpgradeCTAClick?: () => void;
-  handleOnRSVPSuccess?: () => void;
-  handleOnRSVPFailure?: () => void;
-  isRegistered?: boolean;
-  hideButton?: boolean;
-  type?: string | null;
-}
-declare const formatTime: (startDate: string, endDate: string) => string;
-declare const CommunityEventCard: React.FC<CommunityEventCardProps>;
-//#endregion
-export { CommunityEventCard, CommunityEventCardProps, formatTime };

package/dist/CommunityEventToast/index.cjs

@@ -1,35 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/CommunityEventToast/index.tsx
-const CommunityEventToast = ({ onClose }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Toaster, {
-		toasts: [{
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CalendarIcon, {
-					size: 16,
-					mr: 8,
-					mb: 8
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: "p-base",
-					fontWeight: "title",
-					mb: 4,
-					children: "You're going!"
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				variant: "p-small",
-				children: "Please remember to mark your calendar."
-			})] }),
-			id: "you-are-going-toast"
-		}],
-		onClose
-	});
-};
-
-//#endregion
-exports.CommunityEventToast = CommunityEventToast;

package/dist/CommunityEventToast/index.d.cts

@@ -1,9 +0,0 @@
-import React from "react";
-
-//#region src/CommunityEventToast/index.d.ts
-interface CommunityEventToastProps {
-  onClose: () => void;
-}
-declare const CommunityEventToast: React.FC<CommunityEventToastProps>;
-//#endregion
-export { CommunityEventToast };

package/dist/ContentGroupBaseCard/helpers.cjs

@@ -1,15 +0,0 @@
-const require_types = require('./types.cjs');
-
-//#region src/ContentGroupBaseCard/helpers.ts
-const getPathImageUrl = (enrollment, imageUrl) => {
-	if (enrollment === require_types.EnrollmentStatus.InProgress) return imageUrl.replace("-inProgress", "");
-	if (enrollment === require_types.EnrollmentStatus.Completed) return imageUrl.replace("-completed", "");
-	return imageUrl;
-};
-const getTimeToCompleteDisplayAmount = (amount) => amount <= 0 ? "< 1" : amount;
-const getTimeToCompleteDisplayDuration = (amount) => amount <= 1 ? "hour" : "hours";
-
-//#endregion
-exports.getPathImageUrl = getPathImageUrl;
-exports.getTimeToCompleteDisplayAmount = getTimeToCompleteDisplayAmount;
-exports.getTimeToCompleteDisplayDuration = getTimeToCompleteDisplayDuration;

package/dist/ContentGroupBaseCard/helpers.d.cts

@@ -1,8 +0,0 @@
-import { EnrollmentStatus } from "./types.cjs";
-
-//#region src/ContentGroupBaseCard/helpers.d.ts
-declare const getPathImageUrl: (enrollment: EnrollmentStatus, imageUrl: string) => string;
-declare const getTimeToCompleteDisplayAmount: (amount: number) => number | "< 1";
-declare const getTimeToCompleteDisplayDuration: (amount: number) => "hour" | "hours";
-//#endregion
-export { getPathImageUrl, getTimeToCompleteDisplayAmount, getTimeToCompleteDisplayDuration };

package/dist/ContentGroupBaseCard/index.cjs

@@ -1,215 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_types = require('./types.cjs');
-const require_helpers = require('./helpers.cjs');
-const require_shared = require('./shared.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 = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let pluralize = require("pluralize");
-pluralize = require_rolldown_runtime.__toESM(pluralize);
-
-//#region src/ContentGroupBaseCard/index.tsx
-const Image = _codecademy_gamut.Box.withComponent("img");
-const CardAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)((0, _codecademy_gamut_styles.css)({
-	"&:hover, &:focus, &:focus-visible": { color: "text" },
-	"&:before": { inset: 2 }
-}));
-const ContentGroupBaseCardHeaderBackground = (0, _emotion_styled.default)(_codecademy_gamut_styles.Background)((0, _codecademy_gamut_styles.css)({
-	pl: 12,
-	py: 4,
-	borderRadiusTop: "md",
-	borderRadiusBottom: "none",
-	boxShadow: `inset 0 0 0 1px ${_codecademy_gamut_styles.theme.colors.white}`
-}));
-const ContentGroupBaseCard = (0, react.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 === require_types.EnrollmentStatus.InProgress || enrollmentStatus === require_types.EnrollmentStatus.Completed;
-	const isBeginnerContainer = difficulty === require_types.CourseDifficulty.Beginner;
-	const renderTimeToCompleteOrNumLessons = () => {
-		if (typeof timeToComplete === "number" && timeToComplete >= 0) {
-			const displayAmount = require_helpers.getTimeToCompleteDisplayAmount(timeToComplete);
-			const displayDuration = require_helpers.getTimeToCompleteDisplayDuration(timeToComplete);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				screenreader: true,
-				children: `${displayAmount} ${displayDuration}`
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-				variant: "p-small",
-				pl: 4,
-				whiteSpace: "nowrap",
-				"aria-hidden": true,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: displayAmount }),
-					" ",
-					displayDuration
-				]
-			})] });
-		}
-		if (numLessons > 0) {
-			const label = (0, pluralize.default)("Lesson", numLessons);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				screenreader: true,
-				children: `${numLessons} ${label}`
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-				variant: "p-small",
-				pl: 4,
-				whiteSpace: "nowrap",
-				"aria-hidden": true,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: numLessons }),
-					" ",
-					label
-				]
-			})] });
-		}
-		return null;
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				position: "relative",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CardAnchor, {
-					href,
-					onClick,
-					variant: "interface",
-					display: "block",
-					ref,
-					target: openInNewTab ? "_blank" : void 0,
-					children: [header || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentGroupBaseCardHeaderBackground, {
-						bg: enrollmentStatus ? enrollmentAssets[enrollmentStatus].backgroundColor : headerBackgroundColor,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							fontFamily: "accent",
-							fontSize: 14,
-							children: enrollmentStatus ? enrollmentAssets[enrollmentStatus].text : headerText
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-						px: 12,
-						pt: 4,
-						flexDirection: "column",
-						alignItems: "flex-start",
-						children: [brandDetails?.logoUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Image, {
-							src: brandDetails.logoUrl,
-							alt: brandDetails.name,
-							width: "auto",
-							height: brandDetails.logoHeight,
-							mt: 12
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							variant: "title-xs",
-							as: headingLevel,
-							pt: brandDetails?.logoUrl ? 8 : 12,
-							pb: 4,
-							children: title
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				flexDirection: "column",
-				textAlign: "left",
-				mx: 12,
-				my: 4,
-				height: "100%",
-				maxWidth: isFullSize ? { md: "calc(100% - 228px)" } : "100%",
-				children: [
-					description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						variant: "p-small",
-						truncate: "ellipsis",
-						truncateLines: 3,
-						mb: 16,
-						children: description
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-						as: "ul",
-						listStyle: "none",
-						p: 0,
-						m: 0,
-						mt: "auto",
-						children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-							as: "li",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shared.Divider, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-								justifyContent: "space-between",
-								flexWrap: "wrap",
-								children: [difficulty && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-									alignItems: "center",
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.LevelIcon, {}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-											screenreader: true,
-											children: `${difficulty}${isBeginnerContainer ? " Friendly" : ""}.`
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-											variant: "p-small",
-											pl: 8,
-											whiteSpace: "nowrap",
-											"data-testid": "card-difficulty",
-											"aria-hidden": true,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: difficulty }), isBeginnerContainer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: " Friendly" })]
-										})
-									]
-								}), renderTimeToCompleteOrNumLessons()]
-							})]
-						})]
-					}),
-					footer
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				display: isFullSize ? {
-					_: "none",
-					md: "flex"
-				} : "none",
-				alignItems: "center",
-				justifyContent: "center",
-				px: 64,
-				position: "absolute",
-				top: 32,
-				bottom: 0,
-				right: 0,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Image, {
-					"aria-hidden": true,
-					width: 100,
-					height: 100,
-					src: imageSrc
-				})
-			})
-		]
-	});
-});
-
-//#endregion
-exports.ContentGroupBaseCard = ContentGroupBaseCard;
-exports.ContentGroupBaseCardHeaderBackground = ContentGroupBaseCardHeaderBackground;

package/dist/ContentGroupBaseCard/index.d.cts

@@ -1,40 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "./types.cjs";
-import { HeadingTags } from "@codecademy/gamut";
-import React from "react";
-import * as _emotion_react0 from "@emotion/react";
-import * as _emotion_styled0 from "@emotion/styled";
-import * as _codecademy_gamut_styles0 from "@codecademy/gamut-styles";
-import { Colors } from "@codecademy/gamut-styles";
-
-//#region src/ContentGroupBaseCard/index.d.ts
-type ContentGroupBaseCardProps = {
-  headerBackgroundColor: Colors;
-  headerText: string;
-  title: string;
-  headingLevel?: HeadingTags;
-  description?: string | null;
-  difficulty?: CourseDifficulty | null;
-  numLessons: number;
-  imageSrc?: string;
-  isFullSize?: boolean;
-  shadow?: 'none' | 'outline';
-  enrollmentStatus?: EnrollmentStatus;
-  timeToComplete?: number | null;
-  brandDetails?: {
-    name: string;
-    logoUrl: string;
-    logoHeight: number;
-  };
-  children?: React.ReactNode;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  openInNewTab?: boolean;
-  href: string;
-  onClick: () => void;
-};
-declare const ContentGroupBaseCardHeaderBackground: _emotion_styled0.StyledComponent<Omit<_codecademy_gamut_styles0.BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
-  theme?: _emotion_react0.Theme;
-}, {}, {}>;
-declare const ContentGroupBaseCard: React.ForwardRefExoticComponent<ContentGroupBaseCardProps & React.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { ContentGroupBaseCard, ContentGroupBaseCardHeaderBackground, ContentGroupBaseCardProps };