@codecademy/brand 3.40.1-alpha.db88c958d7.0 → 4.0.0-alpha.14deb86052.0

package/dist/ScoreSummary/SubScores.d.ts

@@ -1,28 +1,40 @@
-import { Colors } from '@codecademy/gamut-styles';
-import { UserClickData } from '@codecademy/tracking';
-import { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';
-export declare const renderSubScores: ({ isChallenge, subScores, pathSlug, trackSlug, trackingData, trackUserClick, colorfulIcons, }: {
-    subScores: CorrectAnswerCountsBySubContent;
-    pathSlug: string;
-    colorfulIcons?: boolean;
-    isChallenge?: boolean;
-    trackSlug?: string;
-    trackingData?: UserClickData;
-    trackUserClick?: (data: UserClickData) => void;
-}) => import("react/jsx-runtime").JSX.Element[];
+import { CorrectAnswerCountsBySubContent, UntestedSubContent } from "./types.js";
+import { Colors } from "@codecademy/gamut-styles";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { UserClickData } from "@codecademy/tracking";
+
+//#region src/ScoreSummary/SubScores.d.ts
+declare const renderSubScores: ({
+  isChallenge,
+  subScores,
+  pathSlug,
+  trackSlug,
+  trackingData,
+  trackUserClick,
+  colorfulIcons
+}: {
+  subScores: CorrectAnswerCountsBySubContent;
+  pathSlug: string;
+  colorfulIcons?: boolean;
+  isChallenge?: boolean;
+  trackSlug?: string;
+  trackingData?: UserClickData;
+  trackUserClick?: (data: UserClickData) => void;
+}) => react_jsx_runtime0.JSX.Element[];
 interface SubScoresProps {
-    colorfulIcons?: boolean;
-    isChallenge?: boolean;
-    layout?: 'column' | 'row';
-    lighterBorderColor?: Colors;
-    noMaxWidth?: boolean;
-    pathSlug: string;
-    showUntestedContent?: boolean;
-    subScores: CorrectAnswerCountsBySubContent;
-    trackingData?: UserClickData;
-    trackUserClick?: (data: UserClickData) => void;
-    trackSlug?: string;
-    untestedSubContent?: UntestedSubContent[];
+  colorfulIcons?: boolean;
+  isChallenge?: boolean;
+  layout?: 'column' | 'row';
+  lighterBorderColor?: Colors;
+  noMaxWidth?: boolean;
+  pathSlug: string;
+  showUntestedContent?: boolean;
+  subScores: CorrectAnswerCountsBySubContent;
+  trackingData?: UserClickData;
+  trackUserClick?: (data: UserClickData) => void;
+  trackSlug?: string;
+  untestedSubContent?: UntestedSubContent[];
 }
-export declare const SubScores: React.FC<SubScoresProps>;
-export {};
+declare const SubScores: React.FC<SubScoresProps>;
+//#endregion
+export { SubScores, renderSubScores };

package/dist/ScoreSummary/SubScores.js

@@ -1,165 +1,134 @@
-import { Anchor, FlexBox, GridBox, Markdown, Text } from '@codecademy/gamut';
-import { CheckFilledIcon, DeleteFilledIcon } from '@codecademy/gamut-icons';
-import { pxRem } from '@codecademy/gamut-styles';
-import { createResumeUrlPath } from './helpers';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const SHOW_REVIEW_SCORE = 0.6;
-const PASSING_SCORE = 0.7;
-export const renderSubScores = ({
-  isChallenge,
-  subScores,
-  pathSlug,
-  trackSlug,
-  trackingData,
-  trackUserClick,
-  colorfulIcons
-}) => Object.entries(subScores).map(([subContentId, {
-  title: subContentTitle,
-  correct: subContentCorrect,
-  total: subContentTotal,
-  slug: subContentSlug
-}], i) => {
-  const subContentPercentCorrect = subContentCorrect / subContentTotal;
-  const reviewConceptsPath = createResumeUrlPath({
-    pathSlug,
-    trackSlug,
-    moduleSlug: subContentSlug
-  });
-  return /*#__PURE__*/_jsxs(FlexBox, {
-    borderTop: i !== 0 ? 1 : 'none',
-    px: 16,
-    py: 8,
-    justifyContent: "space-between",
-    alignItems: "center",
-    role: "listitem",
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      alignItems: "center",
-      children: [colorfulIcons ? subContentPercentCorrect >= PASSING_SCORE ? /*#__PURE__*/_jsx(CheckFilledIcon, {
-        minWidth: 16,
-        mr: 12,
-        color: "feedback-success"
-      }) : /*#__PURE__*/_jsx(DeleteFilledIcon, {
-        minWidth: 16,
-        mr: 12,
-        color: "feedback-error"
-      }) : null, /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Text, {
-          screenreader: true,
-          children: colorfulIcons ? `${subContentPercentCorrect >= PASSING_SCORE ? 'passed' : 'failed'}: ` : ''
-        }), isChallenge ? /*#__PURE__*/_jsx(Markdown, {
-          inline: true,
-          spacing: "none",
-          text: subContentTitle
-        }) : /*#__PURE__*/_jsx(Text, {
-          fontWeight: "bold",
-          children: subContentTitle
-        })]
-      })]
-    }), /*#__PURE__*/_jsxs(FlexBox, {
-      fontSize: 14,
-      minWidth: subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug ? '11rem' : '3rem',
-      justifyContent: "flex-end",
-      children: [subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Anchor, {
-          "aria-label": `Review concepts for ${subContentTitle}`,
-          mr: 16,
-          href: reviewConceptsPath,
-          onClick: () => trackingData && trackUserClick?.({
-            ...trackingData,
-            course_progress: parseFloat(subContentPercentCorrect.toFixed(4)),
-            href: reviewConceptsPath,
-            module_id: subContentId
-          }),
-          children: "Review Concepts"
-        }), ' ']
-      }), !isChallenge && /*#__PURE__*/_jsx(Text, {
-        "aria-label": `${subContentCorrect} out of ${subContentTotal} questions correct`,
-        children: `${subContentCorrect} / ${subContentTotal}`
-      })]
-    })]
-  }, subContentId);
+import { createResumeUrlPath } from "./helpers.js";
+import { Anchor, FlexBox, GridBox, Markdown, Text } from "@codecademy/gamut";
+import { pxRem } from "@codecademy/gamut-styles";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckFilledIcon, DeleteFilledIcon } from "@codecademy/gamut-icons";
+
+//#region src/ScoreSummary/SubScores.tsx
+const SHOW_REVIEW_SCORE = .6;
+const PASSING_SCORE = .7;
+const renderSubScores = ({ isChallenge, subScores, pathSlug, trackSlug, trackingData, trackUserClick, colorfulIcons }) => Object.entries(subScores).map(([subContentId, { title: subContentTitle, correct: subContentCorrect, total: subContentTotal, slug: subContentSlug }], i) => {
+	const subContentPercentCorrect = subContentCorrect / subContentTotal;
+	const reviewConceptsPath = createResumeUrlPath({
+		pathSlug,
+		trackSlug,
+		moduleSlug: subContentSlug
+	});
+	return /* @__PURE__ */ jsxs(FlexBox, {
+		borderTop: i !== 0 ? 1 : "none",
+		px: 16,
+		py: 8,
+		justifyContent: "space-between",
+		alignItems: "center",
+		role: "listitem",
+		children: [/* @__PURE__ */ jsxs(FlexBox, {
+			alignItems: "center",
+			children: [colorfulIcons ? subContentPercentCorrect >= PASSING_SCORE ? /* @__PURE__ */ jsx(CheckFilledIcon, {
+				minWidth: 16,
+				mr: 12,
+				color: "feedback-success"
+			}) : /* @__PURE__ */ jsx(DeleteFilledIcon, {
+				minWidth: 16,
+				mr: 12,
+				color: "feedback-error"
+			}) : null, /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
+				screenreader: true,
+				children: colorfulIcons ? `${subContentPercentCorrect >= PASSING_SCORE ? "passed" : "failed"}: ` : ""
+			}), isChallenge ? /* @__PURE__ */ jsx(Markdown, {
+				inline: true,
+				spacing: "none",
+				text: subContentTitle
+			}) : /* @__PURE__ */ jsx(Text, {
+				fontWeight: "bold",
+				children: subContentTitle
+			})] })]
+		}), /* @__PURE__ */ jsxs(FlexBox, {
+			fontSize: 14,
+			minWidth: subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug ? "11rem" : "3rem",
+			justifyContent: "flex-end",
+			children: [subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Anchor, {
+				"aria-label": `Review concepts for ${subContentTitle}`,
+				mr: 16,
+				href: reviewConceptsPath,
+				onClick: () => trackingData && trackUserClick?.({
+					...trackingData,
+					course_progress: parseFloat(subContentPercentCorrect.toFixed(4)),
+					href: reviewConceptsPath,
+					module_id: subContentId
+				}),
+				children: "Review Concepts"
+			}), " "] }), !isChallenge && /* @__PURE__ */ jsx(Text, {
+				"aria-label": `${subContentCorrect} out of ${subContentTotal} questions correct`,
+				children: `${subContentCorrect} / ${subContentTotal}`
+			})]
+		})]
+	}, subContentId);
 });
-const renderUntestedSubContent = ({
-  untestedSubContent,
-  lighterBorderColor
-}) => /*#__PURE__*/_jsx(FlexBox, {
-  flexDirection: "column",
-  borderWidth: 1,
-  borderWidthTop: 0,
-  borderStyle: "solid",
-  borderColor: lighterBorderColor,
-  children: untestedSubContent.map(({
-    id,
-    title
-  }, i) => {
-    return /*#__PURE__*/_jsxs(FlexBox, {
-      borderWidth: 1,
-      borderWidthTop: i === 0 ? 0 : 1,
-      borderStyle: "solid",
-      borderColor: lighterBorderColor,
-      px: 16,
-      py: 8,
-      justifyContent: "space-between",
-      color: lighterBorderColor,
-      role: "listitem",
-      children: [/*#__PURE__*/_jsx(Text, {
-        flexGrow: 1,
-        children: title
-      }), /*#__PURE__*/_jsx(FlexBox, {
-        fontSize: 14,
-        alignItems: "center",
-        minWidth: "6.5rem",
-        justifyContent: "flex-end",
-        children: /*#__PURE__*/_jsx(Text, {
-          fontFamily: "accent",
-          children: "Not tested"
-        })
-      })]
-    }, id);
-  })
+const renderUntestedSubContent = ({ untestedSubContent, lighterBorderColor }) => /* @__PURE__ */ jsx(FlexBox, {
+	flexDirection: "column",
+	borderWidth: 1,
+	borderWidthTop: 0,
+	borderStyle: "solid",
+	borderColor: lighterBorderColor,
+	children: untestedSubContent.map(({ id, title }, i) => {
+		return /* @__PURE__ */ jsxs(FlexBox, {
+			borderWidth: 1,
+			borderWidthTop: i === 0 ? 0 : 1,
+			borderStyle: "solid",
+			borderColor: lighterBorderColor,
+			px: 16,
+			py: 8,
+			justifyContent: "space-between",
+			color: lighterBorderColor,
+			role: "listitem",
+			children: [/* @__PURE__ */ jsx(Text, {
+				flexGrow: 1,
+				children: title
+			}), /* @__PURE__ */ jsx(FlexBox, {
+				fontSize: 14,
+				alignItems: "center",
+				minWidth: "6.5rem",
+				justifyContent: "flex-end",
+				children: /* @__PURE__ */ jsx(Text, {
+					fontFamily: "accent",
+					children: "Not tested"
+				})
+			})]
+		}, id);
+	})
 });
-export const SubScores = ({
-  colorfulIcons = false,
-  isChallenge = false,
-  layout = 'row',
-  lighterBorderColor = 'navy-400',
-  noMaxWidth = false,
-  pathSlug,
-  showUntestedContent = false,
-  subScores,
-  trackSlug,
-  trackingData,
-  trackUserClick,
-  untestedSubContent
-}) => {
-  return /*#__PURE__*/_jsxs(FlexBox, {
-    flexDirection: "column",
-    maxWidth: noMaxWidth ? '' : pxRem(705),
-    role: "list",
-    "aria-label": "Unit Subjects",
-    children: [/*#__PURE__*/_jsx(FlexBox, {
-      flexDirection: "column",
-      borderX: 1,
-      borderBottom: 1,
-      borderTop: isChallenge ? 1 : layout === 'row' ? {
-        _: undefined,
-        md: 1
-      } : undefined,
-      children: renderSubScores({
-        colorfulIcons,
-        isChallenge,
-        pathSlug,
-        subScores,
-        trackSlug,
-        trackingData,
-        trackUserClick
-      })
-    }), showUntestedContent && /*#__PURE__*/_jsx(GridBox, {
-      bg: "transparent",
-      children: untestedSubContent && untestedSubContent?.length > 0 && renderUntestedSubContent({
-        untestedSubContent,
-        lighterBorderColor
-      })
-    })]
-  });
-};
+const SubScores = ({ colorfulIcons = false, isChallenge = false, layout = "row", lighterBorderColor = "navy-400", noMaxWidth = false, pathSlug, showUntestedContent = false, subScores, trackSlug, trackingData, trackUserClick, untestedSubContent }) => {
+	return /* @__PURE__ */ jsxs(FlexBox, {
+		flexDirection: "column",
+		maxWidth: noMaxWidth ? "" : pxRem(705),
+		role: "list",
+		"aria-label": "Unit Subjects",
+		children: [/* @__PURE__ */ jsx(FlexBox, {
+			flexDirection: "column",
+			borderX: 1,
+			borderBottom: 1,
+			borderTop: isChallenge ? 1 : layout === "row" ? {
+				_: void 0,
+				md: 1
+			} : void 0,
+			children: renderSubScores({
+				colorfulIcons,
+				isChallenge,
+				pathSlug,
+				subScores,
+				trackSlug,
+				trackingData,
+				trackUserClick
+			})
+		}), showUntestedContent && /* @__PURE__ */ jsx(GridBox, {
+			bg: "transparent",
+			children: untestedSubContent && untestedSubContent?.length > 0 && renderUntestedSubContent({
+				untestedSubContent,
+				lighterBorderColor
+			})
+		})]
+	});
+};
+
+//#endregion
+export { SubScores, renderSubScores };

package/dist/ScoreSummary/helpers.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let pluralize = require("pluralize");
+pluralize = require_rolldown_runtime.__toESM(pluralize);
+
+//#region src/ScoreSummary/helpers.tsx
+const getContentItemTypeRoutePart = (type) => {
+	return type ? (0, pluralize.default)(type, 2) : "";
+};
+const createResumeUrlPath = ({ journeySlug, pathSlug, trackSlug, moduleSlug, contentItemType, contentItemSlug }) => {
+	const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);
+	const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : "";
+	if (pathSlug && trackSlug && moduleSlug && contentItemType && contentItemTypeRoute && contentItemSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;
+	if (pathSlug && trackSlug && moduleSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;
+	if (pathSlug && trackSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;
+	if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;
+	return journeyUrl;
+};
+
+//#endregion
+exports.createResumeUrlPath = createResumeUrlPath;

package/dist/ScoreSummary/helpers.js

@@ -1,20 +1,18 @@
-import pluralize from 'pluralize';
-export const getContentItemTypeRoutePart = type => {
-  return type ? pluralize(type, 2) : '';
+import pluralize from "pluralize";
+
+//#region src/ScoreSummary/helpers.tsx
+const getContentItemTypeRoutePart = (type) => {
+	return type ? pluralize(type, 2) : "";
 };
-export const createResumeUrlPath = ({
-  journeySlug,
-  pathSlug,
-  trackSlug,
-  moduleSlug,
-  contentItemType,
-  contentItemSlug
-}) => {
-  const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);
-  const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : '';
-  if (pathSlug && trackSlug && moduleSlug && contentItemType && contentItemTypeRoute && contentItemSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;
-  if (pathSlug && trackSlug && moduleSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;
-  if (pathSlug && trackSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;
-  if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;
-  return journeyUrl;
-};
+const createResumeUrlPath = ({ journeySlug, pathSlug, trackSlug, moduleSlug, contentItemType, contentItemSlug }) => {
+	const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);
+	const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : "";
+	if (pathSlug && trackSlug && moduleSlug && contentItemType && contentItemTypeRoute && contentItemSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;
+	if (pathSlug && trackSlug && moduleSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;
+	if (pathSlug && trackSlug) return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;
+	if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;
+	return journeyUrl;
+};
+
+//#endregion
+export { createResumeUrlPath };

package/dist/ScoreSummary/index.cjs

@@ -0,0 +1,98 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_QuizScore_index = require('../QuizScore/index.cjs');
+const require_SubScores = require('./SubScores.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/ScoreSummary/index.tsx
+const ScoreSummary = ({ subScores, totalCorrect, totalQuestions, pathSlug, trackSlug, trackingData, untestedSubContent, lighterBorderColor = "navy-400", layout = "row", trackUserClick, description, noMaxWidth = false, colorfulIcons = false, percentToPass }) => {
+	let numOfRows = Object.entries(subScores).length;
+	if (untestedSubContent) numOfRows += untestedSubContent.length;
+	const isRowLayout = layout === "row";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.GridBox, {
+		gridTemplateColumns: isRowLayout ? {
+			_: "minmax(0, 1fr)",
+			md: "2fr 3fr"
+		} : "",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
+			zIndex: 1,
+			bg: "transparent",
+			display: "inline",
+			maxWidth: noMaxWidth ? "" : isRowLayout ? {
+				_: (0, _codecademy_gamut_styles.pxRem)(705),
+				md: (0, _codecademy_gamut_styles.pxRem)(500)
+			} : (0, _codecademy_gamut_styles.pxRem)(705),
+			mr: isRowLayout ? {
+				_: 0,
+				md: 24
+			} : 0,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
+				px: {
+					_: 24,
+					xs: 32
+				},
+				pt: 24,
+				pb: 8,
+				display: isRowLayout ? {
+					_: "flex",
+					md: "block"
+				} : "flex",
+				flexDirection: isRowLayout ? {
+					_: "column",
+					md: "row"
+				} : "column",
+				justifyContent: isRowLayout ? {
+					_: "center",
+					md: ""
+				} : "center",
+				border: 1,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_QuizScore_index.QuizScore, {
+					correctCount: totalCorrect,
+					layout: isRowLayout ? "column" : "row",
+					total: totalQuestions,
+					smallerFont: true,
+					numOfRows,
+					colorfulIcons,
+					percentToPass
+				})
+			}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
+				p: 16,
+				pb: isRowLayout ? {
+					_: 16,
+					md: 0
+				} : 16,
+				border: isRowLayout ? {
+					_: 1,
+					md: "none"
+				} : 1,
+				borderTop: "none",
+				textAlign: isRowLayout ? {
+					_: "left",
+					md: "center"
+				} : "left",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
+					fontSize: 14,
+					children: description
+				})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SubScores.SubScores, {
+			colorfulIcons,
+			layout,
+			lighterBorderColor,
+			noMaxWidth,
+			pathSlug,
+			subScores,
+			trackSlug,
+			trackingData,
+			trackUserClick,
+			untestedSubContent,
+			showUntestedContent: true
+		})]
+	});
+};
+
+//#endregion
+exports.ScoreSummary = ScoreSummary;

package/dist/ScoreSummary/index.d.cts

@@ -0,0 +1,25 @@
+import { CorrectAnswerCountsBySubContent, UntestedSubContent } from "./types.cjs";
+import * as React$1 from "react";
+import { Colors } from "@codecademy/gamut-styles";
+import { UserClickData } from "@codecademy/tracking";
+
+//#region src/ScoreSummary/index.d.ts
+interface ScoreSummaryProps {
+  subScores: CorrectAnswerCountsBySubContent;
+  totalCorrect: number;
+  totalQuestions: number;
+  pathSlug: string;
+  trackSlug?: string;
+  trackingData?: UserClickData;
+  lighterBorderColor?: Colors;
+  layout?: 'column' | 'row';
+  untestedSubContent?: UntestedSubContent[];
+  trackUserClick?: (data: UserClickData) => void;
+  description?: string;
+  noMaxWidth?: boolean;
+  colorfulIcons?: boolean;
+  percentToPass?: number;
+}
+declare const ScoreSummary: React$1.FC<ScoreSummaryProps>;
+//#endregion
+export { ScoreSummary, ScoreSummaryProps };

package/dist/ScoreSummary/index.d.ts

@@ -1,21 +1,25 @@
-import { Colors } from '@codecademy/gamut-styles';
-import { UserClickData } from '@codecademy/tracking';
-import * as React from 'react';
-import { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';
-export interface ScoreSummaryProps {
-    subScores: CorrectAnswerCountsBySubContent;
-    totalCorrect: number;
-    totalQuestions: number;
-    pathSlug: string;
-    trackSlug?: string;
-    trackingData?: UserClickData;
-    lighterBorderColor?: Colors;
-    layout?: 'column' | 'row';
-    untestedSubContent?: UntestedSubContent[];
-    trackUserClick?: (data: UserClickData) => void;
-    description?: string;
-    noMaxWidth?: boolean;
-    colorfulIcons?: boolean;
-    percentToPass?: number;
+import { CorrectAnswerCountsBySubContent, UntestedSubContent } from "./types.js";
+import { Colors } from "@codecademy/gamut-styles";
+import * as React$1 from "react";
+import { UserClickData } from "@codecademy/tracking";
+
+//#region src/ScoreSummary/index.d.ts
+interface ScoreSummaryProps {
+  subScores: CorrectAnswerCountsBySubContent;
+  totalCorrect: number;
+  totalQuestions: number;
+  pathSlug: string;
+  trackSlug?: string;
+  trackingData?: UserClickData;
+  lighterBorderColor?: Colors;
+  layout?: 'column' | 'row';
+  untestedSubContent?: UntestedSubContent[];
+  trackUserClick?: (data: UserClickData) => void;
+  description?: string;
+  noMaxWidth?: boolean;
+  colorfulIcons?: boolean;
+  percentToPass?: number;
 }
-export declare const ScoreSummary: React.FC<ScoreSummaryProps>;
+declare const ScoreSummary: React$1.FC<ScoreSummaryProps>;
+//#endregion
+export { ScoreSummary, ScoreSummaryProps };