@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.b03641fd89.0

package/dist/ContentGroupBaseCard/shared.cjs

@@ -1,80 +0,0 @@
-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;

package/dist/ContentGroupBaseCard/types.cjs

@@ -1,18 +0,0 @@
-
-//#region src/ContentGroupBaseCard/types.ts
-let CourseDifficulty = /* @__PURE__ */ function(CourseDifficulty$1) {
-	CourseDifficulty$1["Beginner"] = "Beginner";
-	CourseDifficulty$1["Intermediate"] = "Intermediate";
-	CourseDifficulty$1["Advanced"] = "Advanced";
-	return CourseDifficulty$1;
-}({});
-let EnrollmentStatus = /* @__PURE__ */ function(EnrollmentStatus$1) {
-	EnrollmentStatus$1["InProgress"] = "inProgress";
-	EnrollmentStatus$1["Completed"] = "completed";
-	EnrollmentStatus$1["None"] = "none";
-	return EnrollmentStatus$1;
-}({});
-
-//#endregion
-exports.CourseDifficulty = CourseDifficulty;
-exports.EnrollmentStatus = EnrollmentStatus;

package/dist/ContentGroupBaseCard/types.d.cts

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

package/dist/CourseCard/index.cjs

@@ -1,32 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_shared = require('../ContentGroupBaseCard/shared.cjs');
-const require_ContentGroupBaseCard_index = require('../ContentGroupBaseCard/index.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/CourseCard/index.tsx
-const CourseCard = (0, react.forwardRef)(({ title, lessonCount, grantsCertificate, shortDescription, difficulty, enrollmentStatus, pro, isFullSize, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentGroupBaseCard_index.ContentGroupBaseCard, {
-		headerBackgroundColor: "green-100",
-		headingLevel,
-		headerText: pro ? "Course" : "Free course",
-		title,
-		description: shortDescription,
-		difficulty,
-		numLessons: lessonCount,
-		isFullSize,
-		imageSrc: "https://static-assets.codecademy.com/Courses/Course-Cards/pillars.svg",
-		enrollmentStatus,
-		timeToComplete,
-		header,
-		footer,
-		openInNewTab,
-		href,
-		onClick,
-		ref,
-		children: grantsCertificate && pro && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shared.CertificateComponent, {})
-	});
-});
-
-//#endregion
-exports.CourseCard = CourseCard;

package/dist/CourseCard/index.d.cts

@@ -1,25 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.cjs";
-import { HeadingTags } from "@codecademy/gamut";
-import * as react7 from "react";
-
-//#region src/CourseCard/index.d.ts
-type CourseCardProps = {
-  title: string;
-  lessonCount: number;
-  grantsCertificate: boolean;
-  enrollmentStatus: EnrollmentStatus;
-  pro: boolean;
-  shortDescription?: string | null;
-  difficulty?: CourseDifficulty | null;
-  isFullSize?: boolean;
-  headingLevel?: HeadingTags;
-  timeToComplete?: number | null;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  openInNewTab?: boolean;
-  href: string;
-  onClick: () => void;
-};
-declare const CourseCard: react7.ForwardRefExoticComponent<CourseCardProps & react7.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { CourseCard, CourseCardProps };

package/dist/CurriculumCard/BottomTag/index.cjs

@@ -1,30 +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");
-
-//#region src/CurriculumCard/BottomTag/index.tsx
-const colorMap = {
-	blue: "paleBlue",
-	green: "paleGreen",
-	pink: `palePink`
-};
-const BottomTag = ({ text, color }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		position: "absolute",
-		bottom: 0,
-		right: 0,
-		bg: colorMap[color],
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			py: 4,
-			p: 12,
-			variant: "title-xs",
-			fontSize: 14,
-			children: text
-		})
-	});
-};
-
-//#endregion
-exports.BottomTag = BottomTag;

package/dist/CurriculumCard/BottomTag/index.d.cts

@@ -1,4 +0,0 @@
-//#region src/CurriculumCard/BottomTag/index.d.ts
-type TagColor = 'blue' | 'green' | 'pink';
-//#endregion
-export { TagColor };

package/dist/CurriculumCard/Difficulty/helpers.cjs

@@ -1,17 +0,0 @@
-const require_types = require('./types.cjs');
-
-//#region src/CurriculumCard/Difficulty/helpers.ts
-/**
-* calculate the number associated with the difficulty level for a particular content
-*
-* @param difficulty level of difficulty for a particular content
-* @returns 0 indicating beginner, 1 intermediate and 2 for advanced content.
-*/
-const getDifficultyNumber = (difficulty) => {
-	if (difficulty === require_types.ContainerDifficulty.Beginner) return 0;
-	if (difficulty === require_types.ContainerDifficulty.Intermediate) return 1;
-	return 2;
-};
-
-//#endregion
-exports.getDifficultyNumber = getDifficultyNumber;

package/dist/CurriculumCard/Difficulty/helpers.d.cts

@@ -1,13 +0,0 @@
-import { ContainerDifficulty, ContainerDifficultyUnion } from "./types.cjs";
-
-//#region src/CurriculumCard/Difficulty/helpers.d.ts
-
-/**
- * calculate the number associated with the difficulty level for a particular content
- *
- * @param difficulty level of difficulty for a particular content
- * @returns 0 indicating beginner, 1 intermediate and 2 for advanced content.
- */
-declare const getDifficultyNumber: <Type extends ContainerDifficultyUnion | ContainerDifficulty>(difficulty: Type) => 0 | 1 | 2;
-//#endregion
-export { getDifficultyNumber };

package/dist/CurriculumCard/Difficulty/index.cjs

@@ -1,45 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_types = require('./types.cjs');
-const require_helpers = require('./helpers.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 lodash_times = require("lodash/times");
-lodash_times = require_rolldown_runtime.__toESM(lodash_times);
-let lodash_uniqueId = require("lodash/uniqueId");
-lodash_uniqueId = require_rolldown_runtime.__toESM(lodash_uniqueId);
-
-//#region src/CurriculumCard/Difficulty/index.tsx
-const DifficultySpan = (0, _emotion_styled.default)(_codecademy_gamut.Box)(_codecademy_gamut_styles.system.variant({
-	base: {
-		display: "inline-block",
-		marginRight: (0, _codecademy_gamut_styles.pxRem)(4),
-		verticalAlign: "middle",
-		border: 1,
-		background: _codecademy_gamut_styles.theme.colors.navy,
-		marginBottom: (0, _codecademy_gamut_styles.pxRem)(1),
-		borderRadius: "full"
-	},
-	defaultVariant: "small",
-	variants: {
-		small: {
-			width: (0, _codecademy_gamut_styles.pxRem)(8),
-			height: (0, _codecademy_gamut_styles.pxRem)(8)
-		},
-		medium: {
-			width: (0, _codecademy_gamut_styles.pxRem)(10),
-			height: (0, _codecademy_gamut_styles.pxRem)(10)
-		}
-	}
-}));
-const Difficulty = ({ difficulty, variant }) => {
-	const difficultyNumber = require_helpers.getDifficultyNumber(difficulty);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, lodash_times.default)(difficultyNumber + 1, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DifficultySpan, { variant }, (0, lodash_uniqueId.default)())), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, { children: require_types.DifficultyString[difficultyNumber] })] });
-};
-
-//#endregion
-exports.Difficulty = Difficulty;

package/dist/CurriculumCard/Difficulty/index.d.cts

@@ -1,7 +0,0 @@
-import { ContentDifficultyProps } from "./types.cjs";
-import * as React$1 from "react";
-
-//#region src/CurriculumCard/Difficulty/index.d.ts
-declare const Difficulty: React$1.FC<ContentDifficultyProps>;
-//#endregion
-export { Difficulty };

package/dist/CurriculumCard/Difficulty/types.cjs

@@ -1,21 +0,0 @@
-
-//#region src/CurriculumCard/Difficulty/types.ts
-/**
-* Exported enums sometimes come up undefined when used in Jest tests because of the way they are compiled. Be careful when using this in test mocks.
-*/
-let ContainerDifficulty = /* @__PURE__ */ function(ContainerDifficulty$1) {
-	ContainerDifficulty$1["Beginner"] = "Beginner";
-	ContainerDifficulty$1["Intermediate"] = "Intermediate";
-	ContainerDifficulty$1["Advanced"] = "Advanced";
-	return ContainerDifficulty$1;
-}({});
-let DifficultyString = /* @__PURE__ */ function(DifficultyString$1) {
-	DifficultyString$1[DifficultyString$1["Beginner friendly"] = 0] = "Beginner friendly";
-	DifficultyString$1[DifficultyString$1["Intermediate"] = 1] = "Intermediate";
-	DifficultyString$1[DifficultyString$1["Advanced"] = 2] = "Advanced";
-	return DifficultyString$1;
-}({});
-
-//#endregion
-exports.ContainerDifficulty = ContainerDifficulty;
-exports.DifficultyString = DifficultyString;

package/dist/CurriculumCard/Difficulty/types.d.cts

@@ -1,25 +0,0 @@
-//#region src/CurriculumCard/Difficulty/types.d.ts
-/**
- * Exported enums sometimes come up undefined when used in Jest tests because of the way they are compiled. Be careful when using this in test mocks.
- */
-declare enum ContainerDifficulty {
-  Beginner = "Beginner",
-  Intermediate = "Intermediate",
-  Advanced = "Advanced",
-}
-/**
- * converting ContainerDifficulty enum into union type
- */
-type ContainerDifficultyUnion = `${ContainerDifficulty}`;
-type DifficultyVariant = 'small' | 'medium';
-type ContentDifficultyProps = {
-  difficulty: ContainerDifficulty | ContainerDifficultyUnion;
-  variant?: DifficultyVariant;
-};
-declare enum DifficultyString {
-  'Beginner friendly' = 0,
-  'Intermediate' = 1,
-  'Advanced' = 2,
-}
-//#endregion
-export { ContainerDifficulty, ContainerDifficultyUnion, ContentDifficultyProps, DifficultyString, DifficultyVariant };

package/dist/CurriculumCard/Footer/index.cjs

@@ -1,49 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_BetaSticker_index = require('../../BetaSticker/index.cjs');
-const require_index = require('../BottomTag/index.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");
-
-//#region src/CurriculumCard/Footer/index.tsx
-const Footer = ({ beta, progressState, tag, tagColor, footerTextVariant }) => {
-	if (progressState) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		mt: "auto",
-		children: [progressState === "completed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontSize: 16,
-			fontFamily: "accent",
-			textColor: "yellow",
-			children: "Completed"
-		}), progressState === "inProgress" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			flexWrap: "wrap",
-			justifyContent: "space-between",
-			alignItems: "flex-end",
-			width: "100%",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				fontFamily: "accent",
-				fontSize: 14,
-				children: footerTextVariant === "inProgress" ? "In Progress..." : "Enrolled..."
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				textColor: "hyper",
-				children: "Keep Going"
-			})]
-		})]
-	});
-	if (beta) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		position: "absolute",
-		bottom: 0,
-		right: 0,
-		pb: 16,
-		pr: 16,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BetaSticker_index.BetaSticker, {})
-	});
-	if (tag && tagColor) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.BottomTag, {
-		text: tag,
-		color: tagColor
-	});
-	return null;
-};
-
-//#endregion
-exports.Footer = Footer;

package/dist/CurriculumCard/Image/index.cjs

@@ -1,50 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_components = require('../../remoteAssets/components.cjs');
-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 react_use = require("react-use");
-
-//#region src/CurriculumCard/Image/index.tsx
-const variants = (0, _codecademy_gamut_styles.variant)({
-	base: {
-		display: "block",
-		margin: "0 auto"
-	},
-	variants: {
-		default: { width: 160 },
-		small: { width: 111 }
-	}
-});
-const StyledImg = _emotion_styled.default.img(variants);
-const getPlaceholderAssetPath = (pathProgressState) => {
-	return `${require_components.BASE_STATIC_ASSET_PATH}/curriculum/path/placeholder${pathProgressState ? `-${pathProgressState}` : ""}.svg`;
-};
-const Image = ({ image, progressState, isSmall }) => {
-	const [ready, setReady] = (0, react.useState)(false);
-	const [error, setError] = (0, react.useState)(false);
-	/** Delay initial render once to ensure that rehydration does not conflict with portal mounting */
-	(0, react_use.useIsomorphicLayoutEffect)(() => {
-		setReady(typeof document !== "undefined");
-	}, []);
-	if (!ready) return null;
-	const addDefaultImageSource = (event) => {
-		if (!error) {
-			event.target.onerror = null;
-			event.target.src = getPlaceholderAssetPath(progressState);
-			setError(true);
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledImg, {
-		variant: isSmall ? "small" : "default",
-		src: image,
-		alt: "",
-		onError: addDefaultImageSource
-	});
-};
-
-//#endregion
-exports.Image = Image;

package/dist/CurriculumCard/Subtitle/helpers.cjs

@@ -1,9 +0,0 @@
-
-//#region src/CurriculumCard/Subtitle/helpers.tsx
-const pluralizeWithS = (scope, scopeCount) => {
-	if (scope.charAt(scope.length - 1) === "z") return `${scope}${scopeCount !== 1 ? "zes" : ""}`;
-	return `${scope}${scopeCount !== 1 ? "s" : ""}`;
-};
-
-//#endregion
-exports.pluralizeWithS = pluralizeWithS;

package/dist/CurriculumCard/Subtitle/index.cjs

@@ -1,40 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../Difficulty/index.cjs');
-const require_helpers = require('./helpers.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 lodash_capitalize = require("lodash/capitalize");
-lodash_capitalize = require_rolldown_runtime.__toESM(lodash_capitalize);
-
-//#region src/CurriculumCard/Subtitle/index.tsx
-const Subtitle = ({ difficulty, scope, showAltSubtitle = false, difficultyVariant }) => {
-	const scopeToMap = Object.keys(scope).filter((val) => scope[val] > 0);
-	const separatingChar = showAltSubtitle ? "|" : ",";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!showAltSubtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		fontSize: 14,
-		alignItems: "center",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Difficulty, {
-			variant: difficultyVariant,
-			difficulty
-		}), scopeToMap.length ? separatingChar : null]
-	}), scopeToMap.map((scopeType, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-		ml: showAltSubtitle && index === 0 ? 0 : 4,
-		variant: "p-small",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: scope[scopeType] }),
-			" ",
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				textColor: "gray-900",
-				children: (0, lodash_capitalize.default)(require_helpers.pluralizeWithS(scopeType, scope[scopeType]))
-			}),
-			" ",
-			index < scopeToMap.length - 1 && separatingChar,
-			" "
-		]
-	}, `${scopeType}-count`))] });
-};
-
-//#endregion
-exports.Subtitle = Subtitle;

package/dist/CurriculumCard/Subtitle/index.d.cts

@@ -1,10 +0,0 @@
-import { ContentDifficultyProps, DifficultyVariant } from "../Difficulty/types.cjs";
-
-//#region src/CurriculumCard/Subtitle/index.d.ts
-type SubtitleProps = Pick<ContentDifficultyProps, 'difficulty'> & {
-  scope: Record<string, number>;
-  showAltSubtitle?: boolean;
-  difficultyVariant?: DifficultyVariant;
-};
-//#endregion
-export { SubtitleProps };

package/dist/CurriculumCard/index.cjs

@@ -1,122 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('./Footer/index.cjs');
-const require_index$1 = require('./Image/index.cjs');
-const require_index$2 = require('./Subtitle/index.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");
-
-//#region src/CurriculumCard/index.tsx
-const cardHeight = 180;
-const cardStyles = {
-	inProgress: "yellow",
-	completed: "navy"
-};
-const LineDecoration = (0, _emotion_styled.default)(_codecademy_gamut.Box)`
-  border-top: 1px solid
-    ${({ inProgress }) => inProgress ? _codecademy_gamut_styles.theme.colors.navy : _codecademy_gamut_styles.theme.colors["navy-200"]};
-`;
-/**
-*
-* @deprecated  This component is deprecated
-*
-* Please use the CareerPathCard, SkillPathCard, or CourseCard instead
-*/
-const CurriculumCard = ({ beta, difficulty, description, headingLevel = "h3", image, isFullSize = false, isStaticSize = false, progressState, scope, tag, tagColor, text, title, showCareerPathVariant, showAltSubtitle = false, footerTextVariant = "enrolled", showDescription, difficultyVariant, horizontalOrientation, minHeight, minWidth, showProLogo: pro }) => {
-	const boxVariant = progressState && cardStyles[progressState];
-	const isCareerPathVariant = text.toLowerCase() === "career path" && showCareerPathVariant;
-	const minimumHeight = (0, react.useMemo)(() => {
-		if (minHeight) return minHeight;
-		return isStaticSize ? (0, _codecademy_gamut_styles.pxRem)(285) : isFullSize ? (0, _codecademy_gamut_styles.pxRem)(cardHeight * 2 + 32) : (0, _codecademy_gamut_styles.pxRem)(cardHeight);
-	}, [
-		isFullSize,
-		isStaticSize,
-		minHeight
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Card, {
-		display: "flex",
-		flexDirection: {
-			_: "column",
-			xs: horizontalOrientation ? "row" : "column"
-		},
-		minHeight: minimumHeight,
-		minWidth,
-		variant: boxVariant ?? "white",
-		isInteractive: true,
-		position: "relative",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				maxWidth: horizontalOrientation ? 418 : "none",
-				pr: {
-					_: 0,
-					xs: horizontalOrientation ? 40 : 0
-				},
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						display: "flex",
-						fontSize: 14,
-						mb: 12,
-						fontFamily: "accent",
-						children: text === "Course" && !pro ? "Free Course" : text
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						as: headingLevel,
-						mb: 4,
-						fontSize: 20,
-						children: title
-					}),
-					!progressState && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-						flexWrap: "wrap",
-						alignItems: "center",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.Subtitle, {
-							scope,
-							difficulty,
-							showAltSubtitle,
-							difficultyVariant
-						})
-					}),
-					isCareerPathVariant && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LineDecoration, {
-						inProgress: progressState === "inProgress",
-						my: 8
-					}),
-					(isCareerPathVariant || showDescription) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						pt: 8,
-						pb: 16,
-						fontSize: 14,
-						children: description
-					})
-				]
-			}),
-			isFullSize && image && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				my: "auto",
-				ml: "auto",
-				mr: horizontalOrientation ? 0 : "auto",
-				pt: 16,
-				pb: isCareerPathVariant ? 32 : 0,
-				pr: {
-					_: 0,
-					xs: horizontalOrientation ? 24 : 0
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.Image, {
-					isSmall: isCareerPathVariant,
-					image,
-					progressState
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Footer, {
-				beta,
-				progressState,
-				tag,
-				tagColor,
-				footerTextVariant
-			})
-		]
-	});
-};
-
-//#endregion
-exports.CurriculumCard = CurriculumCard;