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

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.cts

@@ -1,18 +0,0 @@
-import * as _codecademy_gamut3 from "@codecademy/gamut";
-import * as react23 from "react";
-import * as _emotion_react16 from "@emotion/react";
-import * as _emotion_styled3 from "@emotion/styled";
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.ts
-declare const LearningOutcomeLowAssessmentDot: _emotion_styled3.StyledComponent<{
-  theme?: _emotion_react16.Theme | undefined;
-  as?: react23.ElementType<any, keyof react23.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut3.BoxProps & Pick<react23.DetailedHTMLProps<react23.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "onClick" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof react23.ClassAttributes<HTMLDivElement>> & {
-  theme?: _emotion_react16.Theme;
-} & {
-  hasBorder?: boolean;
-  small?: boolean;
-}, {}, {}>;
-declare const LearningOutcomeLowAssessmentBadge: React.FC;
-//#endregion
-export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };

package/dist/LearningOutcomeBadges/index.cjs

@@ -1,8 +0,0 @@
-const require_LearningOutcomeLevelBadge = require('./LearningOutcomeLevelBadge.cjs');
-const require_LearningOutcomeLowAssessmentBadge = require('./LearningOutcomeLowAssessmentBadge.cjs');
-
-exports.LearningOutcomeLevelBadge = require_LearningOutcomeLevelBadge.LearningOutcomeLevelBadge;
-exports.LearningOutcomeLevels = require_LearningOutcomeLevelBadge.LearningOutcomeLevels;
-exports.LearningOutcomeLowAssessmentBadge = require_LearningOutcomeLowAssessmentBadge.LearningOutcomeLowAssessmentBadge;
-exports.LearningOutcomeLowAssessmentDot = require_LearningOutcomeLowAssessmentBadge.LearningOutcomeLowAssessmentDot;
-exports.learningOutcomeLabels = require_LearningOutcomeLevelBadge.learningOutcomeLabels;

package/dist/LearningOutcomeBadges/index.d.cts

@@ -1,3 +0,0 @@
-import { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels } from "./LearningOutcomeLevelBadge.cjs";
-import { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot } from "./LearningOutcomeLowAssessmentBadge.cjs";
-export { LearningOutcomeLevelBadge, LearningOutcomeLevels, LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot, learningOutcomeLabels };

package/dist/LearningOutcomeCard/index.cjs

@@ -1,167 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LearningOutcomeLevelBadge = require('../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs');
-const require_types = require('../LearningOutcomeTile/types.cjs');
-const require_LearningOutcomeTile_index = require('../LearningOutcomeTile/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");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LearningOutcomeCard/index.tsx
-const COMPLETED_COLOR = "yellow-500";
-const SkillTag = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)((0, _codecademy_gamut_styles.css)({
-	px: 8,
-	textColor: "secondary",
-	opacity: "0.65",
-	bg: "background-selected",
-	justifyContent: "space-between"
-}));
-const StyledCard = (0, _emotion_styled.default)(_codecademy_gamut.Card)((props) => ({ ...(0, _codecademy_gamut_styles.variant)({
-	prop: "mode",
-	defaultVariant: "base",
-	base: {
-		border: 2,
-		borderRadius: "lg",
-		borderColor: props.progress === require_types.Progress.completed ? COMPLETED_COLOR : "border-tertiary",
-		display: "flex",
-		flexDirection: props.progress === require_types.Progress.notStarted ? "column" : "row",
-		alignSelf: "stretch",
-		overflow: "auto",
-		gap: props.progress === require_types.Progress.notStarted ? 0 : 32
-	},
-	variants: {
-		emphasized: {
-			bg: "background-primary",
-			borderRadius: "xl",
-			py: 32,
-			px: 24
-		},
-		base: {
-			bg: "background-current",
-			py: 24,
-			px: 16
-		}
-	}
-})(props) }));
-const renderProgress = ({ displayValue, progressDuration, radialValue, startRadialAnimation, showCompletionIcon }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-	flexDirection: "column",
-	flex: "1 0 0",
-	alignSelf: "stretch",
-	flexWrap: "wrap",
-	alignContent: "end",
-	children: showCompletionIcon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		bg: COMPLETED_COLOR,
-		width: 80,
-		height: 80,
-		center: true,
-		borderRadius: "full",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CheckIcon, {
-			size: 44,
-			color: "text"
-		})
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.RadialProgress, {
-		color: _codecademy_gamut_styles.theme.colors[COMPLETED_COLOR],
-		duration: progressDuration || void 0,
-		size: 80,
-		strokeLinecap: "round",
-		strokeWidth: 8,
-		value: radialValue ?? 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			as: "span",
-			fontSize: 22,
-			fontWeight: 700,
-			children: `${displayValue}%`
-		})
-	}, `radial-progress-${startRadialAnimation ? 1 : 0}`)
-});
-const renderSkills = (skills) => skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillTag, {
-	as: "li",
-	children: skill.title
-}, skill.title));
-const fontVariant = (isEmphasized, level) => {
-	if (isEmphasized) return "title-sm";
-	switch (level) {
-		case require_LearningOutcomeLevelBadge.LearningOutcomeLevels.One: return "p-base";
-		case require_LearningOutcomeLevelBadge.LearningOutcomeLevels.Two: return "title-xs";
-		case require_LearningOutcomeLevelBadge.LearningOutcomeLevels.Three: return "title-sm";
-		default: return "p-base";
-	}
-};
-const LearningOutcomeCard = ({ level, outcome, as, headingLevel, isInteractive = false, mode = "base", progress = 0, skills, progressUpdateData }) => {
-	const [startRadialAnimation, setStartRadialAnimation] = (0, react.useState)(false);
-	const [showCompletionIcon, setShowCompletionIcon] = (0, react.useState)(false);
-	const { previousProgress, progressDuration, completionDelay } = progressUpdateData || {};
-	const progressStatus = require_LearningOutcomeTile_index.progressState(progress);
-	const displayProgress = progressStatus !== require_types.Progress.notStarted;
-	const radialValue = previousProgress !== void 0 && progress !== void 0 ? startRadialAnimation ? [previousProgress, progress] : previousProgress : progress;
-	const displayValue = previousProgress !== void 0 && !startRadialAnimation ? previousProgress : progress;
-	const isEmphasized = mode === "emphasized";
-	(0, react.useEffect)(() => {
-		if (progress && progressDuration) setTimeout(() => {
-			setStartRadialAnimation(true);
-		}, progressDuration);
-		if (progress === 100) if (completionDelay) setTimeout(() => {
-			setShowCompletionIcon(true);
-		}, completionDelay);
-		else setShowCompletionIcon(true);
-	}, [
-		progressDuration,
-		progress,
-		completionDelay
-	]);
-	const sortedSkills = (0, react.useMemo)(() => {
-		if (!skills || skills.length === 0) return;
-		return skills.slice().sort((a, b) => {
-			const titleA = a.title ?? "";
-			const titleB = b.title ?? "";
-			return titleA.localeCompare(titleB);
-		});
-	}, [skills]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCard, {
-		as,
-		"aria-label": `${require_LearningOutcomeLevelBadge.learningOutcomeLabels[level ?? 1]} - ${outcome}`,
-		isInteractive,
-		progress: progressStatus,
-		mode,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			flexDirection: "column",
-			gap: 24,
-			children: [
-				level && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeLevelBadge.LearningOutcomeLevelBadge, {
-					level,
-					size: isEmphasized ? "base" : "sm",
-					textColor: level !== require_LearningOutcomeLevelBadge.LearningOutcomeLevels.One ? "navy-800" : "text",
-					removeBackground: true
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: fontVariant(isEmphasized, level),
-					fontWeight: isEmphasized ? 700 : 400,
-					width: "100%",
-					as: headingLevel,
-					children: outcome
-				}),
-				!!sortedSkills && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-					as: "ul",
-					pl: 0,
-					m: 0,
-					alignItems: "flex-start",
-					gap: 8,
-					wrap: true,
-					children: renderSkills(sortedSkills)
-				})
-			]
-		}), displayProgress && renderProgress({
-			displayValue,
-			progressDuration,
-			radialValue,
-			startRadialAnimation,
-			showCompletionIcon
-		})]
-	});
-};
-
-//#endregion
-exports.LearningOutcomeCard = LearningOutcomeCard;

package/dist/LearningOutcomeCard/index.d.cts

@@ -1,30 +0,0 @@
-import { LearningOutcomeLevels } from "../LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs";
-import { HeadingTags } from "@codecademy/gamut";
-
-//#region src/LearningOutcomeCard/index.d.ts
-interface LearningOutcomeSkill {
-  title?: string | null | undefined;
-}
-interface LearningOutcomeCardProps {
-  level: LearningOutcomeLevels | null | undefined;
-  outcome: string;
-  as?: 'li';
-  headingLevel?: HeadingTags;
-  isInteractive?: boolean;
-  mode?: 'emphasized' | 'base';
-  progress?: number;
-  skills?: LearningOutcomeSkill[] | null;
-  /**
-   * Optional prop for progress updates, used to animate the radial progress from a previous value to the current value.
-   * Need to provide previousProgress and progressDuraion to animate the radial progress.
-   * If progress is 100, completionDelay needs to be provided instead of progressDuration to delay the display of the completion icon.
-   */
-  progressUpdateData?: {
-    previousProgress: number;
-    progressDuration?: number;
-    completionDelay?: number;
-  };
-}
-declare const LearningOutcomeCard: React.FC<LearningOutcomeCardProps>;
-//#endregion
-export { LearningOutcomeCard };

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LearningOutcomeCard_index = require('../LearningOutcomeCard/index.cjs');
-const require_LearningOutcomeFlyout_index = require('./index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LearningOutcomeFlyout/LearningOutcomeCardList.tsx
-const LearningOutcomeCardList = ({ learningOutcomes, onClick }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		as: "ul",
-		m: 0,
-		p: 0,
-		gap: 12,
-		column: true,
-		children: learningOutcomes.map(({ id, level, outcome }) => {
-			const trackingData = require_LearningOutcomeFlyout_index.miscTrackingData(level, id, void 0, outcome);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				as: "li",
-				listStyle: "none",
-				m: 0,
-				p: 0,
-				width: "100%",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-					href: require_LearningOutcomeFlyout_index.getLearningOutcomePath(id),
-					onClick: () => onClick?.(trackingData),
-					target: "_blank",
-					variant: "interface",
-					width: "100%",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LearningOutcomeCard_index.LearningOutcomeCard, {
-						level,
-						outcome,
-						isInteractive: true
-					})
-				})
-			}, id);
-		})
-	});
-};
-
-//#endregion
-exports.LearningOutcomeCardList = LearningOutcomeCardList;

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;