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

package/dist/LayoutMenuVariant/LayoutMenuSection.cjs

@@ -1,37 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-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/LayoutMenuVariant/LayoutMenuSection.tsx
-const StyledBox = (0, _emotion_styled.default)(_codecademy_gamut.Box)`
-  list-style: none;
-`;
-const LayoutMenuSection = ({ items, onItemClick, ...styleProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-	...styleProps,
-	as: "menu",
-	px: 4,
-	m: 0,
-	children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledBox, {
-		as: "li",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SectionItemLink.SectionItemLink, {
-			href: item.href,
-			onClick: (event) => {
-				item.onClick(event);
-				onItemClick();
-			},
-			variant: item.variant ?? "interface",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				children: [item.title, item.badge]
-			})
-		})
-	}, item.slug))
-});
-
-//#endregion
-exports.LayoutMenuSection = LayoutMenuSection;

package/dist/LayoutMenuVariant/SectionItemLink.cjs

@@ -1,19 +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/LayoutMenuVariant/SectionItemLink.tsx
-const SectionItemLink = ({ onClick, href, variant = "interface", children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		variant,
-		display: "block",
-		href,
-		onClick,
-		children
-	});
-};
-
-//#endregion
-exports.SectionItemLink = SectionItemLink;

package/dist/LayoutMenuVariant/SectionItemLink.d.cts

@@ -1,12 +0,0 @@
-import { Anchor, WithChildrenProp } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/LayoutMenuVariant/SectionItemLink.d.ts
-interface SectionItemLinkProps extends WithChildrenProp {
-  onClick: (event: React.MouseEvent) => void;
-  href: string;
-  variant?: React.ComponentProps<typeof Anchor>['variant'];
-}
-declare const SectionItemLink: React.FC<SectionItemLinkProps>;
-//#endregion
-export { SectionItemLink, SectionItemLinkProps };

package/dist/LayoutMenuVariant/index.cjs

@@ -1,19 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-const require_LayoutMenu = require('./LayoutMenu.cjs');
-
-//#region src/LayoutMenuVariant/index.ts
-var LayoutMenuVariant_exports = /* @__PURE__ */ require_rolldown_runtime.__export({
-	LayoutMenu: () => require_LayoutMenu.LayoutMenu,
-	SectionItemLink: () => require_SectionItemLink.SectionItemLink
-});
-
-//#endregion
-exports.LayoutMenu = require_LayoutMenu.LayoutMenu;
-Object.defineProperty(exports, 'LayoutMenuVariant_exports', {
-  enumerable: true,
-  get: function () {
-    return LayoutMenuVariant_exports;
-  }
-});
-exports.SectionItemLink = require_SectionItemLink.SectionItemLink;

package/dist/LayoutMenuVariant/index.d.cts

@@ -1,9 +0,0 @@
-import { LayoutMenu, LayoutMenuProps } from "./LayoutMenu.cjs";
-import { SectionItemLink, SectionItemLinkProps } from "./SectionItemLink.cjs";
-
-//#region src/LayoutMenuVariant/index.d.ts
-declare namespace index_d_exports {
-  export { LayoutMenu, LayoutMenuProps, SectionItemLink, SectionItemLinkProps };
-}
-//#endregion
-export { LayoutMenu, LayoutMenuProps, SectionItemLink, SectionItemLinkProps, index_d_exports };

package/dist/LearningOutcomeAssessmentScores/AssessmentDetail.cjs

@@ -1,52 +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/LearningOutcomeAssessmentScores/AssessmentDetail.tsx
-const AssessmentDetail = ({ isHighestScore, score, scoreAchievedAt }) => {
-	const hasPassedAssessment = score && score >= 70;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		borderColor: "background-hover",
-		borderRight: isHighestScore ? 1 : "none",
-		width: "100%",
-		p: 16,
-		column: true,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontWeight: 700,
-			children: isHighestScore ? "Highest score" : "Most recent"
-		}), score != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			mt: 8,
-			alignItems: "center",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				variant: "title-sm",
-				"data-testid": "score-percent",
-				mr: 4,
-				color: hasPassedAssessment ? "green-700" : void 0,
-				children: `${score}%`
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, { children: !hasPassedAssessment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				"data-testid": "failed-assessment-indicator",
-				borderRadius: "full",
-				dimensions: 16,
-				bg: "orange-500",
-				mb: 4
-			}) })]
-		}), !!scoreAchievedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			textColor: "text-secondary",
-			children: scoreAchievedAt
-		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			column: true,
-			color: "text-secondary",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				fontWeight: 700,
-				my: 4,
-				"aria-hidden": true,
-				children: "-"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, { children: "Not tested yet" })]
-		})]
-	});
-};
-
-//#endregion
-exports.AssessmentDetail = AssessmentDetail;

package/dist/LearningOutcomeAssessmentScores/index.cjs

@@ -1,25 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_AssessmentDetail = require('./AssessmentDetail.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/LearningOutcomeAssessmentScores/index.tsx
-const LearningOutcomeAssessmentScores = ({ highestScore, highestScoreAchievedAt, latestScore, latestScoreAchievedAt }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		borderColor: "background-hover",
-		border: 1,
-		borderRadius: "md",
-		width: "100%",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AssessmentDetail.AssessmentDetail, {
-			isHighestScore: true,
-			score: highestScore,
-			scoreAchievedAt: highestScoreAchievedAt
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AssessmentDetail.AssessmentDetail, {
-			score: latestScore,
-			scoreAchievedAt: latestScoreAchievedAt
-		})]
-	});
-};
-
-//#endregion
-exports.LearningOutcomeAssessmentScores = LearningOutcomeAssessmentScores;

package/dist/LearningOutcomeAssessmentScores/index.d.cts

@@ -1,10 +0,0 @@
-//#region src/LearningOutcomeAssessmentScores/index.d.ts
-interface AssessmentScoresProps {
-  highestScore: number | null | undefined;
-  highestScoreAchievedAt: string | null | undefined;
-  latestScore: number | null | undefined;
-  latestScoreAchievedAt: string | null | undefined;
-}
-declare const LearningOutcomeAssessmentScores: React.FC<AssessmentScoresProps>;
-//#endregion
-export { LearningOutcomeAssessmentScores };

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs

@@ -1,50 +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");
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLevelBadge.tsx
-let LearningOutcomeLevels = /* @__PURE__ */ function(LearningOutcomeLevels$1) {
-	LearningOutcomeLevels$1[LearningOutcomeLevels$1["One"] = 1] = "One";
-	LearningOutcomeLevels$1[LearningOutcomeLevels$1["Two"] = 2] = "Two";
-	LearningOutcomeLevels$1[LearningOutcomeLevels$1["Three"] = 3] = "Three";
-	return LearningOutcomeLevels$1;
-}({});
-const learningOutcomeLabels = {
-	[LearningOutcomeLevels.One]: "Subskill",
-	[LearningOutcomeLevels.Two]: "Skill",
-	[LearningOutcomeLevels.Three]: "Skill set"
-};
-const StyledBadge = (0, _emotion_styled.default)(_codecademy_gamut.Badge)((0, _codecademy_gamut_styles.css)({ borderColor: "border-tertiary" }), (0, _codecademy_gamut_styles.variant)({
-	prop: "level",
-	variants: {
-		[LearningOutcomeLevels.One]: { bg: "background-selected" },
-		[LearningOutcomeLevels.Two]: { bg: "green-100" },
-		[LearningOutcomeLevels.Three]: { bg: "blue-100" }
-	}
-}));
-const LearningOutcomeLevelBadge = ({ level, size = "sm", textColor, removeBackground }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		bg: removeBackground ? "transparent" : "white",
-		height: "min-content",
-		width: "min-content",
-		borderRadius: "xl",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledBadge, {
-			"data-testid": "learning-outcome-badge",
-			size,
-			variant: "tertiary",
-			level,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				color: textColor || "text",
-				children: learningOutcomeLabels[level]
-			})
-		})
-	});
-};
-
-//#endregion
-exports.LearningOutcomeLevelBadge = LearningOutcomeLevelBadge;
-exports.LearningOutcomeLevels = LearningOutcomeLevels;
-exports.learningOutcomeLabels = learningOutcomeLabels;

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.cts

@@ -1,21 +0,0 @@
-import { TextProps } from "@codecademy/gamut";
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.ts
-declare enum LearningOutcomeLevels {
-  One = 1,
-  Two = 2,
-  Three = 3,
-}
-declare const learningOutcomeLabels: {
-  1: string;
-  2: string;
-  3: string;
-};
-interface LearningOutcomeLevelBadgeProps extends Pick<TextProps, 'textColor'> {
-  level: LearningOutcomeLevels;
-  size?: 'sm' | 'base';
-  removeBackground?: boolean;
-}
-declare const LearningOutcomeLevelBadge: React.FC<LearningOutcomeLevelBadgeProps>;
-//#endregion
-export { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels };

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.cjs

@@ -1,38 +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");
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.tsx
-const LearningOutcomeLowAssessmentDot = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)({
-	bg: "orange-500",
-	borderRadius: "full",
-	height: 16,
-	width: 16
-}), (0, _codecademy_gamut_styles.states)({
-	hasBorder: {
-		border: 2,
-		borderColor: "background-contrast"
-	},
-	small: {
-		height: 8,
-		width: 8
-	}
-}));
-const LearningOutcomeLowAssessmentBadge = () => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Badge, {
-		variant: "custom",
-		size: "sm",
-		bg: "orange-100",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LearningOutcomeLowAssessmentDot, { small: true }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			ml: 4,
-			children: "Needs review"
-		})]
-	});
-};
-
-//#endregion
-exports.LearningOutcomeLowAssessmentBadge = LearningOutcomeLowAssessmentBadge;
-exports.LearningOutcomeLowAssessmentDot = LearningOutcomeLowAssessmentDot;

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.cts

@@ -1,18 +0,0 @@
-import * as _codecademy_gamut0 from "@codecademy/gamut";
-import * as react13 from "react";
-import * as _emotion_react8 from "@emotion/react";
-import * as _emotion_styled3 from "@emotion/styled";
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.ts
-declare const LearningOutcomeLowAssessmentDot: _emotion_styled3.StyledComponent<{
-  theme?: _emotion_react8.Theme | undefined;
-  as?: react13.ElementType<any, keyof react13.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut0.BoxProps & Pick<react13.DetailedHTMLProps<react13.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "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" | "onClick" | "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 react13.ClassAttributes<HTMLDivElement>> & {
-  theme?: _emotion_react8.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;