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

package/dist/LearningOutcomeFlyout/index.cjs

@@ -1,316 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LearningOutcomeAssessmentScores_index = require('../LearningOutcomeAssessmentScores/index.cjs');
-const require_LearningOutcomeLevelBadge = require('../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs');
-const require_LearningOutcomeLowAssessmentBadge = require('../LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.cjs');
-const require_LearningOutcomeTile_index = require('../LearningOutcomeTile/index.cjs');
-const require_LearningOutcomeCardList = require('./LearningOutcomeCardList.cjs');
-const require_types = require('./types.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");
-
-//#region src/LearningOutcomeFlyout/index.tsx
-const ChildLearningOutcomeRow = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)((0, _codecademy_gamut_styles.css)({
-	background: "white",
-	borderColor: "border-tertiary",
-	borderTopWidth: 0,
-	borderLeftWidth: 1,
-	borderRightWidth: 1,
-	borderBottomWidth: 1,
-	borderStyle: "solid",
-	padding: "24px 16px",
-	alignItems: "flex-start",
-	justifyContent: "flex-start",
-	gap: 16,
-	"&:first-of-type": {
-		borderTopLeftRadius: "4px",
-		borderTopRightRadius: "4px"
-	},
-	"&:last-of-type": {
-		borderBottomLeftRadius: "4px",
-		borderBottomRightRadius: "4px"
-	}
-}));
-const StyledAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)((0, _codecademy_gamut_styles.css)({
-	color: "text",
-	textDecoration: "none",
-	"&:hover, &:focus": {
-		color: "text",
-		textDecoration: "underline"
-	}
-}));
-const SkillTag = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)((0, _codecademy_gamut_styles.css)({
-	fontSize: 14,
-	borderRadius: "md",
-	border: 1,
-	borderColor: "border-primary",
-	"&:hover, &:focus": {
-		color: "text",
-		bg: "background-hover"
-	}
-}));
-const sortSkillsByClassification = (skills) => {
-	if (!skills?.length) return [];
-	return skills.slice()?.sort((a, b) => {
-		if (a?.classification === require_types.SkillClassification.Language) return -1;
-		if (b?.classification === require_types.SkillClassification.Subject) return 1;
-		return 0;
-	});
-};
-const getLearningOutcomePath = (id) => {
-	return id ? `/learning-outcomes/${id}` : "/";
-};
-const getSkillsAreaPath = (skillSlug) => {
-	return skillSlug ? `/skill-areas/${skillSlug}` : "/";
-};
-const miscTrackingData = (level, id, latestScore, outcome) => {
-	return { misc: JSON.stringify({
-		last_assessed_score: latestScore,
-		LO_level: level,
-		title: outcome,
-		unique_id: id
-	}) };
-};
-const LearningOutcomeFlyout = ({ expanded, learningOutcomeHref, learningOutcomeOnClick, childLearningOutcomeOnClick, parentLearningOutcomeOnClick, learningOutcome: { highestScore, highestScoreAchievedAt, latestScore, latestScoreAchievedAt, level, outcome, parentLOs, percentComplete, skills, childLearningOutcomes }, skillTagOnClick, onClose, assessmentHref, assessmentEligible, bestMatchResponse, bestMatchOnClick, showBestMatchCTA }) => {
-	const percentCompletePercentage = percentComplete != null ? percentComplete : 0;
-	const levelLabel = require_LearningOutcomeLevelBadge.learningOutcomeLabels[level];
-	const hasLowLatestAssessment = Boolean(latestScore != null && latestScore < 70);
-	const { data: bestMatchData, loading: bestMatchLoading, error: bestMatchError } = bestMatchResponse;
-	const showSkills = !!skills?.length;
-	const sortedSkills = sortSkillsByClassification(skills);
-	const isLevelTwoLearningOutcome = level === require_LearningOutcomeLevelBadge.LearningOutcomeLevels.Two;
-	const showParentLOs = level === require_LearningOutcomeLevelBadge.LearningOutcomeLevels.Two && !!parentLOs && parentLOs.length > 0;
-	const bestMatchCTA = bestMatchLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Shimmer, {
-		width: "50%",
-		"data-testid": "best-match-shimmer"
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
-		href: bestMatchData?.urlPath ?? "",
-		disabled: !bestMatchData?.urlPath || bestMatchError,
-		"data-testid": "best-match-button",
-		width: "50%",
-		onClick: () => bestMatchOnClick?.(),
-		children: "Learn"
-	});
-	const renderProgress = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		children: [Boolean(percentCompletePercentage === 100) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			width: 16,
-			height: 16,
-			borderRadius: "md",
-			bg: "primary",
-			mr: 8,
-			alignItems: "center",
-			justifyContent: "center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.SmallCheckIcon, {
-				size: 11,
-				color: "white"
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			color: "text",
-			variant: "p-large",
-			children: `${percentCompletePercentage}% progress`
-		})]
-	});
-	const renderSkills = () => {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			as: "ul",
-			children: "Skills go here"
-		});
-	};
-	const renderSubskills = () => {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			as: "ul",
-			flexDirection: "column",
-			p: 0,
-			borderTop: 1,
-			borderColor: "border-tertiary",
-			borderRadius: "md",
-			children: childLearningOutcomes?.map((childLo) => {
-				const { id, outcome: outcome$1, progress, percentComplete: percentComplete$1 } = childLo;
-				const showNeedsReviewIndicator = progress?.latestScore !== null && progress?.latestScore !== void 0 ? progress.latestScore < 70 : false;
-				const trackingData = miscTrackingData(require_LearningOutcomeLevelBadge.LearningOutcomeLevels.One, id, progress?.latestScore, outcome$1);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ChildLearningOutcomeRow, {
-					row: true,
-					as: "li",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-						minWidth: 32,
-						width: 32,
-						justifyContent: "center",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeTile_index.LearningOutcomeTile, {
-							learningOutcomeDetails: {
-								id,
-								level: require_LearningOutcomeLevelBadge.LearningOutcomeLevels.One,
-								outcome: outcome$1,
-								percentComplete: percentComplete$1
-							},
-							size: "small",
-							popover: false
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-						column: true,
-						gap: 8,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-							variant: "interface",
-							href: getLearningOutcomePath(id),
-							target: "_blank",
-							whiteSpace: "normal",
-							onClick: () => childLearningOutcomeOnClick?.(trackingData),
-							children: outcome$1
-						}), showNeedsReviewIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLowAssessmentBadge.LearningOutcomeLowAssessmentBadge, {}) })]
-					})]
-				}, id);
-			})
-		});
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Flyout, {
-		"aria-label": `${levelLabel} details`,
-		closeLabel: `Close ${levelLabel} details`,
-		expanded,
-		onClose,
-		openFrom: "right",
-		title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			variant: "title-sm",
-			children: `${levelLabel} details`
-		}),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			gap: 32,
-			mt: 32,
-			mx: 24,
-			column: true,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					gap: 24,
-					column: true,
-					children: [
-						showBestMatchCTA && (!bestMatchData?.urlPath || bestMatchError) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Alert, {
-							placement: "inline",
-							type: "subtle",
-							"data-testid": "best-match-alert",
-							children: `We were unable to load the associated ${levelLabel.toLocaleLowerCase()}. Please refresh the
-            page and try again.`
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-							justifyContent: "space-between",
-							alignItems: "center",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLevelBadge.LearningOutcomeLevelBadge, {
-								level,
-								size: "base"
-							}), hasLowLatestAssessment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLowAssessmentBadge.LearningOutcomeLowAssessmentBadge, {})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-							gap: 16,
-							column: true,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAnchor, {
-								href: learningOutcomeHref,
-								onClick: () => learningOutcomeOnClick?.(),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-									as: "h2",
-									variant: "title-md",
-									children: outcome
-								})
-							}), showSkills && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-								alignItems: "center",
-								gap: 12,
-								flexWrap: "wrap",
-								children: sortedSkills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillTag, {
-									"data-testid": "skill-tag",
-									px: 8,
-									py: 4,
-									variant: "interface",
-									href: getSkillsAreaPath(skill.slug),
-									onClick: () => skillTagOnClick?.(skill.slug),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-										center: true,
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, { children: skill.title })
-									})
-								}, skill.id))
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-							borderY: 1,
-							borderColor: "background-hover",
-							py: 16,
-							children: renderProgress()
-						})
-					]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					gap: 16,
-					column: true,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						variant: "title-xs",
-						as: "h3",
-						children: "Evaluation results"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeAssessmentScores_index.LearningOutcomeAssessmentScores, {
-						highestScore,
-						highestScoreAchievedAt,
-						latestScore,
-						latestScoreAchievedAt
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					gap: 16,
-					column: true,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						variant: "title-xs",
-						as: "h3",
-						children: isLevelTwoLearningOutcome ? `Subskills` : `Skills`
-					}), isLevelTwoLearningOutcome ? renderSubskills() : renderSkills()]
-				}),
-				showParentLOs && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-					gap: 16,
-					mb: 16,
-					column: true,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						variant: "title-xs",
-						as: "h3",
-						children: "Builds toward..."
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeCardList.LearningOutcomeCardList, {
-						learningOutcomes: parentLOs,
-						onClick: parentLearningOutcomeOnClick
-					})]
-				})
-			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			borderTop: 1,
-			bg: "white",
-			bottom: "-3px",
-			boxShadow: "0px -4px 16px 0px #00000014",
-			borderColor: "border-tertiary",
-			py: 12,
-			px: 16,
-			position: "sticky",
-			justifyContent: "center",
-			gap: 12,
-			children: [showBestMatchCTA ? bestMatchCTA : null, assessmentEligible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.StrokeButton, {
-				href: assessmentHref,
-				width: showBestMatchCTA ? {
-					_: 209,
-					xs: "50%"
-				} : "100%",
-				children: "Evaluate"
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.ToolTip, {
-				id: "disabled-evaluate",
-				"data-testid": "disabled-evaluate",
-				info: `Not available for this ${levelLabel.toLowerCase()}`,
-				placement: "inline",
-				inheritDims: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.StrokeButton, {
-					"aria-describedby": "disabled-evaluate",
-					"aria-disabled": true,
-					width: showBestMatchCTA ? 209 : "100%",
-					children: "Evaluate"
-				})
-			})]
-		})]
-	});
-};
-
-//#endregion
-exports.LearningOutcomeFlyout = LearningOutcomeFlyout;
-exports.getLearningOutcomePath = getLearningOutcomePath;
-exports.miscTrackingData = miscTrackingData;
-exports.sortSkillsByClassification = sortSkillsByClassification;

package/dist/LearningOutcomeFlyout/index.d.cts

@@ -1,12 +0,0 @@
-import { LearningOutcomeLevels } from "../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs";
-import { LearningOutcomeFlyoutProps, LearningOutcomeSkill } from "./types.cjs";
-
-//#region src/LearningOutcomeFlyout/index.d.ts
-declare const sortSkillsByClassification: (skills?: LearningOutcomeSkill[] | null) => LearningOutcomeSkill[];
-declare const getLearningOutcomePath: (id?: string) => string;
-declare const miscTrackingData: (level?: LearningOutcomeLevels | null, id?: string, latestScore?: number | null, outcome?: string) => {
-  misc: string;
-};
-declare const LearningOutcomeFlyout: React.FC<LearningOutcomeFlyoutProps>;
-//#endregion
-export { LearningOutcomeFlyout, getLearningOutcomePath, miscTrackingData, sortSkillsByClassification };

package/dist/LearningOutcomeFlyout/types.cjs

@@ -1,10 +0,0 @@
-
-//#region src/LearningOutcomeFlyout/types.ts
-let SkillClassification = /* @__PURE__ */ function(SkillClassification$1) {
-	SkillClassification$1["Language"] = "language";
-	SkillClassification$1["Subject"] = "subject";
-	return SkillClassification$1;
-}({});
-
-//#endregion
-exports.SkillClassification = SkillClassification;

package/dist/LearningOutcomeFlyout/types.d.cts

@@ -1,66 +0,0 @@
-import { LearningOutcomeLevels } from "../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs";
-
-//#region src/LearningOutcomeFlyout/types.d.ts
-declare enum SkillClassification {
-  Language = "language",
-  Subject = "subject",
-}
-interface LearningOutcomeSkill {
-  id: string;
-  slug: string;
-  title?: string | null;
-  classification?: SkillClassification | null;
-}
-interface ParentLearningOutcome {
-  id: string;
-  outcome: string;
-  level: number | null | undefined;
-}
-type BestMatchContainerType = {
-  urlPath: string | null;
-  title?: string | null;
-};
-interface BestMatchContainerResponseType {
-  data: BestMatchContainerType | null;
-  loading: boolean;
-  error: boolean;
-}
-interface LearningOutcomeDetailsProps {
-  level: LearningOutcomeLevels;
-  outcome: string;
-  percentComplete: number | undefined | null;
-  highestScore: number | undefined | null;
-  highestScoreAchievedAt: string | undefined | null;
-  latestScore: number | undefined | null;
-  latestScoreAchievedAt: string | undefined | null;
-  parentLOs?: ParentLearningOutcome[];
-  skills?: LearningOutcomeSkill[] | null;
-  childLearningOutcomes?: {
-    id: string;
-    outcome: string;
-    percentComplete?: number | undefined | null;
-    progress?: {
-      latestScore?: number | null;
-      covered: boolean | undefined | null;
-      coveredAt?: string | null;
-      highestScore?: number | null;
-    };
-  }[];
-}
-interface LearningOutcomeFlyoutProps {
-  expanded: boolean;
-  onClose: () => void;
-  learningOutcome: LearningOutcomeDetailsProps;
-  learningOutcomeHref: string;
-  learningOutcomeOnClick?: () => void;
-  skillTagOnClick?: (skillSlug: string) => void;
-  childLearningOutcomeOnClick?: (misc: Record<string, string>) => void;
-  parentLearningOutcomeOnClick?: (misc: Record<string, string>) => void;
-  assessmentHref?: string;
-  assessmentEligible?: boolean;
-  bestMatchResponse: BestMatchContainerResponseType;
-  bestMatchOnClick?: () => void;
-  showBestMatchCTA?: boolean;
-}
-//#endregion
-export { LearningOutcomeFlyoutProps, LearningOutcomeSkill };

package/dist/LearningOutcomePopover/index.cjs

@@ -1,117 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LearningOutcomeLevelBadge = require('../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs');
-const require_LearningOutcomeLowAssessmentBadge = require('../LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LearningOutcomePopover/index.tsx
-const POPOVER_WIDTH = 332;
-const POPOVER_HORIZONTAL_PADDING = 16;
-const ASSESSMENT_WIDTH = (POPOVER_WIDTH - POPOVER_HORIZONTAL_PADDING * 2) / 2;
-const Assessment = ({ score, type, noBorderLeft }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-	borderTop: 1,
-	borderBottom: 1,
-	borderRight: 1,
-	borderLeft: !noBorderLeft ? 1 : void 0,
-	borderColor: "background-hover",
-	p: 8,
-	gap: 4,
-	width: ASSESSMENT_WIDTH,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		variant: "p-small",
-		color: "text-secondary",
-		children: type === "highest" ? "Highest score:" : "Most recent:"
-	}), score != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		variant: "p-small",
-		color: score && score >= 70 ? "green-700" : "text",
-		fontWeight: 700,
-		children: `${score}%`
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-		variant: "p-small",
-		color: "text-disabled",
-		children: "-"
-	})]
-});
-const LearningOutcomePopover = ({ activeElRef, isOpen, learningOutcomeDetails, ...rest }) => {
-	const { level, outcome, latestScore, highestScore, percentComplete = 0 } = learningOutcomeDetails || {};
-	const lowLatestAssessment = Boolean(latestScore != null && latestScore < 70);
-	const renderProgress = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		children: [Boolean(percentComplete === 100) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			width: 16,
-			height: 16,
-			borderRadius: "md",
-			bg: "primary",
-			mr: 8,
-			alignItems: "center",
-			justifyContent: "center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.SmallCheckIcon, {
-				size: 11,
-				color: "white"
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			color: "text",
-			variant: "p-small",
-			children: `${percentComplete}% progress`
-		})]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Popover, {
-		...rest,
-		isOpen,
-		targetRef: activeElRef,
-		position: "above",
-		beak: "center",
-		outline: true,
-		skipFocusTrap: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			width: POPOVER_WIDTH,
-			pt: 24,
-			pb: 4,
-			px: POPOVER_HORIZONTAL_PADDING,
-			gap: 24,
-			column: true,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				gap: 16,
-				column: true,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-						justifyContent: "space-between",
-						children: [!!level && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLevelBadge.LearningOutcomeLevelBadge, { level }), lowLatestAssessment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLowAssessmentBadge.LearningOutcomeLowAssessmentBadge, {})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						color: "text",
-						textAlign: "left",
-						variant: "title-xs",
-						whiteSpace: "break-spaces",
-						children: outcome
-					}),
-					renderProgress()
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "flex-start",
-				gap: 4,
-				pt: 16,
-				pb: 12,
-				borderTop: 1,
-				borderColor: "background-hover",
-				column: true,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: "p-small",
-					fontWeight: 700,
-					children: "Evaluation results"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Assessment, {
-					score: highestScore,
-					type: "highest"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Assessment, {
-					score: latestScore,
-					type: "latest",
-					noBorderLeft: true
-				})] })]
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.LearningOutcomePopover = LearningOutcomePopover;

package/dist/LearningOutcomePopover/index.d.cts

@@ -1,13 +0,0 @@
-import { LearningOutcomePopoverDetailsProps } from "../LearningOutcomeTile/types.cjs";
-
-//#region src/LearningOutcomePopover/index.d.ts
-interface LearningOutcomePopoverProps {
-  activeElRef: React.RefObject<HTMLDivElement> | React.RefObject<HTMLAnchorElement>;
-  id: string;
-  isOpen: boolean;
-  learningOutcomeDetails: LearningOutcomePopoverDetailsProps;
-  horizontalOffset?: number;
-}
-declare const LearningOutcomePopover: React.FC<LearningOutcomePopoverProps>;
-//#endregion
-export { LearningOutcomePopover };

package/dist/LearningOutcomeTile/Tile.cjs

@@ -1,68 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_types = require('./types.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);
-
-//#region src/LearningOutcomeTile/Tile.tsx
-const tileStyles = {
-	alignItems: "center",
-	justifyContent: "center",
-	borderRadius: "md",
-	position: "relative"
-};
-const hoverVariants = (hover) => (0, _codecademy_gamut_styles.variant)({
-	prop: "progress",
-	variants: {
-		[require_types.Progress.notStarted]: { "&:hover": { bg: hover ? "background-hover" : void 0 } },
-		[require_types.Progress.inProgress]: { "&:hover": {
-			bg: hover ? "rgba(85, 51, 255, 0.12)" : void 0,
-			borderColor: hover ? "rgba(85, 51, 255, 0.12)" : void 0
-		} },
-		[require_types.Progress.completed]: { "&:hover": { bg: hover ? "primary-hover" : void 0 } }
-	}
-});
-const sizeVariants = (size) => (0, _codecademy_gamut_styles.variant)({
-	prop: "progress",
-	base: { border: size === "small" ? 1 : 2 },
-	variants: {
-		[require_types.Progress.notStarted]: {
-			width: size === "small" ? 32 : 40,
-			height: size === "small" ? 24 : 40
-		},
-		[require_types.Progress.inProgress]: {
-			width: size === "small" ? 32 : 40,
-			height: size === "small" ? 24 : 40
-		},
-		[require_types.Progress.completed]: {
-			width: size === "small" ? 20 : 40,
-			height: size === "small" ? 20 : 40
-		}
-	}
-});
-const Tile = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)((props) => ({
-	...hoverVariants(props.hover)(props),
-	...sizeVariants(props.size)(props),
-	...(0, _codecademy_gamut_styles.variant)({
-		prop: "progress",
-		base: { ...tileStyles },
-		variants: {
-			[require_types.Progress.notStarted]: {
-				bg: "background-selected",
-				borderColor: "background-hover"
-			},
-			[require_types.Progress.inProgress]: {
-				bg: "rgba(58, 16, 229, 0.12)",
-				borderColor: "primary"
-			},
-			[require_types.Progress.completed]: {
-				bg: "primary",
-				borderColor: "border-tertiary"
-			}
-		}
-	})(props)
-}));
-
-//#endregion
-exports.Tile = Tile;