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

package/dist/LayoutMenu/LayoutMenuSection.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-const require_SelectedSectionItem = require('./SelectedSectionItem.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/LayoutMenu/LayoutMenuSection.tsx
-const LayoutMenuSection = ({ items, selectedItem, onItemClick, verticalSpacing = 8, ...styleProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-	as: "ul",
-	listStyleType: "none",
-	p: 0,
-	m: 0,
-	...styleProps,
-	children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		as: "li",
-		py: verticalSpacing,
-		px: 4,
-		children: selectedItem === item.slug ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SelectedSectionItem.SelectedSectionItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			alignItems: "center",
-			children: [item.title, item.badge]
-		}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SectionItemLink.SectionItemLink, {
-			href: item.href,
-			onClick: (event) => {
-				item.onClick(event);
-				onItemClick();
-			},
-			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/LayoutMenu/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/LayoutMenu/SectionItemLink.tsx
-const SectionItemLink = ({ onClick, href, children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		variant: "interface",
-		display: "block",
-		href,
-		onClick,
-		children
-	});
-};
-
-//#endregion
-exports.SectionItemLink = SectionItemLink;

package/dist/LayoutMenu/SectionItemLink.d.cts

@@ -1,11 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SectionItemLink.d.ts
-interface SectionItemLinkProps extends WithChildrenProp {
-  onClick: (event: React$1.MouseEvent) => void;
-  href: string;
-}
-declare const SectionItemLink: React$1.FC<SectionItemLinkProps>;
-//#endregion
-export { SectionItemLink, SectionItemLinkProps };

package/dist/LayoutMenu/SelectedSectionItem.cjs

@@ -1,22 +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/LayoutMenu/SelectedSectionItem.tsx
-const SelectedSectionItem = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		borderLeft: 1,
-		borderWidthLeft: "6px",
-		pl: 12,
-		"aria-current": "true",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			fontWeight: "title",
-			children
-		})
-	});
-};
-
-//#endregion
-exports.SelectedSectionItem = SelectedSectionItem;

package/dist/LayoutMenu/SelectedSectionItem.d.cts

@@ -1,7 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SelectedSectionItem.d.ts
-declare const SelectedSectionItem: React$1.FC<WithChildrenProp>;
-//#endregion
-export { SelectedSectionItem };

package/dist/LayoutMenu/index.cjs

@@ -1,7 +0,0 @@
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-const require_SelectedSectionItem = require('./SelectedSectionItem.cjs');
-const require_LayoutMenu = require('./LayoutMenu.cjs');
-
-exports.LayoutMenu = require_LayoutMenu.LayoutMenu;
-exports.SectionItemLink = require_SectionItemLink.SectionItemLink;
-exports.SelectedSectionItem = require_SelectedSectionItem.SelectedSectionItem;

package/dist/LayoutMenu/index.d.cts

@@ -1,4 +0,0 @@
-import { LayoutMenu, LayoutMenuProps } from "./LayoutMenu.cjs";
-import { SectionItemLink, SectionItemLinkProps } from "./SectionItemLink.cjs";
-import { SelectedSectionItem } from "./SelectedSectionItem.cjs";
-export { LayoutMenu, LayoutMenuProps, SectionItemLink, SectionItemLinkProps, SelectedSectionItem };

package/dist/LayoutMenuVariant/AccordionMenu.cjs

@@ -1,76 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LayoutMenuSection = require('./LayoutMenuSection.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LayoutMenuVariant/AccordionMenu.tsx
-const StyledAccordionArea = (0, _emotion_styled.default)(_codecademy_gamut.AccordionAreaDeprecated)`
-  padding-block: ${({ theme }) => theme.spacing[16]};
-  position: relative;
-  left: -4px;
-
-  &:not(:first-child) {
-    border-top: 1px solid ${({ theme }) => theme.colors["navy-300"]};
-  }
-`;
-const StyledAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)`
-  :hover {
-    color: inherit;
-  }
-`;
-const chevronStates = (0, _codecademy_gamut_styles.states)({ expanded: { transform: "rotate(180deg)" } });
-const ExpandChevron = (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniChevronDownIcon)((0, _codecademy_gamut_styles.css)({
-	transform: "rotate(0deg)",
-	transition: (0, _codecademy_gamut_styles.transitionConcat)(["transform"], "slow", "ease-out")
-}), chevronStates);
-const AccordionMenu = ({ section, onSectionToggle, onItemClick }) => {
-	const [expanded, setExpanded] = (0, react.useState)(true);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAccordionArea, {
-		expanded,
-		top: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAnchor, {
-			variant: "interface",
-			pb: 12,
-			px: 4,
-			onClick: () => {
-				onSectionToggle(section.slug);
-				setExpanded((prev) => !prev);
-			},
-			"aria-expanded": expanded,
-			display: "flex",
-			width: "100%",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				display: "flex",
-				justifyContent: "space-between",
-				width: "100%",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					variant: "p-small",
-					style: {
-						flex: 1,
-						fontWeight: "bold"
-					},
-					textAlign: "left",
-					children: section.title
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandChevron, {
-					ml: 12,
-					size: 16,
-					expanded,
-					position: "relative",
-					top: 4
-				})]
-			})
-		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutMenuSection.LayoutMenuSection, {
-			items: section.items,
-			onItemClick
-		})
-	});
-};
-
-//#endregion
-exports.AccordionMenu = AccordionMenu;

package/dist/LayoutMenuVariant/AccordionMenu.d.cts

@@ -1,19 +0,0 @@
-import { Anchor } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/LayoutMenuVariant/AccordionMenu.d.ts
-type SectionItem = {
-  title: string;
-  slug: string;
-  href: string;
-  onClick: (event: React.MouseEvent) => void;
-  badge?: JSX.Element;
-  variant?: React.ComponentProps<typeof Anchor>['variant'];
-};
-type Section = {
-  title: string;
-  slug: string;
-  items: SectionItem[];
-};
-//#endregion
-export { Section, SectionItem };

package/dist/LayoutMenuVariant/LayoutMenu.cjs

@@ -1,88 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../Logos/LogoCodecademy/index.cjs');
-const require_LayoutMenuSection = require('./LayoutMenuSection.cjs');
-const require_AccordionMenu = require('./AccordionMenu.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/LayoutMenuVariant/LayoutMenu.tsx
-const StyleBox = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.variant)({
-	prop: "menuHeight",
-	base: {
-		borderColor: "black",
-		borderStyleBottom: "solid",
-		borderWidthBottom: "1px",
-		overflowY: "auto",
-		overflowX: "hidden",
-		paddingTop: "4px",
-		paddingLeft: "4px"
-	},
-	variants: {
-		sm: { height: "630px" },
-		md: { height: "1000px" },
-		lg: { height: "1370px" }
-	}
-}));
-const LayoutMenu = ({ closeLabel, sections, onSectionToggle, mobileButtonText, mobileButtonIcon, breakpoint = "lg", children, topLinkSections, menuHeight }) => {
-	const [expanded, setExpanded] = (0, react.useState)(false);
-	const accordionMenuSections = sections.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AccordionMenu.AccordionMenu, {
-		section,
-		onSectionToggle,
-		onItemClick: () => setExpanded(false)
-	}, section.slug));
-	const topLinkLayoutMenuSections = topLinkSections && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LayoutMenuSection.LayoutMenuSection, {
-		items: topLinkSections,
-		onItemClick: () => setExpanded(false),
-		pb: 32
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
-		"aria-label": "Secondary",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-			display: {
-				_: "block",
-				[breakpoint]: "none"
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Flyout, {
-				closeLabel,
-				expanded,
-				onClose: () => setExpanded(false),
-				title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.LogoCodecademy, { mb: 32 }),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-					px: 24,
-					children: [
-						topLinkLayoutMenuSections,
-						accordionMenuSections,
-						children
-					]
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.StrokeButton, {
-				"aria-expanded": expanded,
-				variant: "secondary",
-				width: 1,
-				icon: mobileButtonIcon,
-				onClick: () => setExpanded(true),
-				children: mobileButtonText
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyleBox, {
-			menuHeight,
-			display: {
-				_: "none",
-				[breakpoint]: "block"
-			},
-			"data-testid": "desktop-menu",
-			children: [
-				topLinkLayoutMenuSections,
-				accordionMenuSections,
-				children
-			]
-		})]
-	});
-};
-
-//#endregion
-exports.LayoutMenu = LayoutMenu;

package/dist/LayoutMenuVariant/LayoutMenu.d.cts

@@ -1,43 +0,0 @@
-import { Section, SectionItem } from "./AccordionMenu.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import React, { ComponentType } from "react";
-import { GamutIconProps } from "@codecademy/gamut-icons";
-
-//#region src/LayoutMenuVariant/LayoutMenu.d.ts
-interface LayoutMenuProps extends WithChildrenProp {
-  /**
-   * Accessibility label for the mobile Flyout's close button.
-   */
-  closeLabel: string;
-  /**
-   * An array of sections containing the title, slug, and items, each of which will become an accordion. Each item contains a title, slug, and onClick.
-   */
-  sections: Section[];
-  /**
-   * Callback to be run on click of the accordion button
-   */
-  onSectionToggle: (sectionSlug: string) => void;
-  /**
-   * Text shown in mobile button that opens flyout on click
-   */
-  mobileButtonText: string;
-  /**
-   * Icon shown in mobile button that opens flyout on click
-   */
-  mobileButtonIcon?: ComponentType<GamutIconProps>;
-  /**
-   * Breakpoint above which the menu button displays as a full sidebar
-   */
-  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  /**
-   * An array of section items, each of which become an additional link on top of the accordion section.
-   */
-  topLinkSections?: SectionItem[];
-  /**
-   * Set fixed height for menu with overflow
-   */
-  menuHeight?: 'sm' | 'md' | 'lg';
-}
-declare const LayoutMenu: React.FC<LayoutMenuProps>;
-//#endregion
-export { LayoutMenu, LayoutMenuProps };

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;