@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/ScoreSummary/SubScores.d.cts

@@ -0,0 +1,41 @@
+import { CorrectAnswerCountsBySubContent, UntestedSubContent } from "./types.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Colors } from "@codecademy/gamut-styles";
+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[];
+}
+declare const SubScores: React.FC<SubScoresProps>;
+//#endregion
+export { SubScores, renderSubScores };
+//# sourceMappingURL=SubScores.d.cts.map

package/dist/ScoreSummary/SubScores.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScores.d.cts","names":[],"sources":["../../src/ScoreSummary/SubScores.tsx"],"mappings":";;;;;;cAWa,eAAA;EAAmB,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,cAAA;EAAA;AAAA;EAS9B,SAAA,EAAW,+BAAA;EACX,QAAA;EACA,aAAA;EACA,WAAA;EACA,SAAA;EACA,YAAA,GAAe,aAAA;EACf,cAAA,IAAkB,IAAA,EAAM,aAAA;AAAA,MACzB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAqJS,cAAA;EACR,aAAA;EACA,WAAA;EACA,MAAA;EACA,kBAAA,GAAqB,MAAA;EACrB,UAAA;EACA,QAAA;EACA,mBAAA;EACA,SAAA,EAAW,+BAAA;EACX,YAAA,GAAe,aAAA;EACf,cAAA,IAAkB,IAAA,EAAM,aAAA;EACxB,SAAA;EACA,kBAAA,GAAqB,kBAAA;AAAA;AAAA,cAGV,SAAA,EAAW,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/ScoreSummary/SubScores.d.ts

@@ -1,28 +1,41 @@
-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 };
+//# sourceMappingURL=SubScores.d.ts.map

package/dist/ScoreSummary/SubScores.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScores.d.ts","names":[],"sources":["../../src/ScoreSummary/SubScores.tsx"],"mappings":";;;;;;cAWa,eAAA;EAAmB,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,cAAA;EAAA;AAAA;EAS9B,SAAA,EAAW,+BAAA;EACX,QAAA;EACA,aAAA;EACA,WAAA;EACA,SAAA;EACA,YAAA,GAAe,aAAA;EACf,cAAA,IAAkB,IAAA,EAAM,aAAA;AAAA,MACzB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAqJS,cAAA;EACR,aAAA;EACA,WAAA;EACA,MAAA;EACA,kBAAA,GAAqB,MAAA;EACrB,UAAA;EACA,QAAA;EACA,mBAAA;EACA,SAAA,EAAW,+BAAA;EACX,YAAA,GAAe,aAAA;EACf,cAAA,IAAkB,IAAA,EAAM,aAAA;EACxB,SAAA;EACA,kBAAA,GAAqB,kBAAA;AAAA;AAAA,cAGV,SAAA,EAAW,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/ScoreSummary/SubScores.js

@@ -1,165 +1,107 @@
-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 { 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__ */ React.createElement(FlexBox, {
+		key: subContentId,
+		borderTop: i !== 0 ? 1 : "none",
+		px: 16,
+		py: 8,
+		justifyContent: "space-between",
+		alignItems: "center",
+		role: "listitem"
+	}, /* @__PURE__ */ React.createElement(FlexBox, { alignItems: "center" }, colorfulIcons ? subContentPercentCorrect >= PASSING_SCORE ? /* @__PURE__ */ React.createElement(CheckFilledIcon, {
+		minWidth: 16,
+		mr: 12,
+		color: "feedback-success"
+	}) : /* @__PURE__ */ React.createElement(DeleteFilledIcon, {
+		minWidth: 16,
+		mr: 12,
+		color: "feedback-error"
+	}) : null, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { screenreader: true }, colorfulIcons ? `${subContentPercentCorrect >= PASSING_SCORE ? "passed" : "failed"}: ` : ""), isChallenge ? /* @__PURE__ */ React.createElement(Markdown, {
+		inline: true,
+		spacing: "none",
+		text: subContentTitle
+	}) : /* @__PURE__ */ React.createElement(Text, { fontWeight: "bold" }, subContentTitle))), /* @__PURE__ */ React.createElement(FlexBox, {
+		fontSize: 14,
+		minWidth: subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug ? "11rem" : "3rem",
+		justifyContent: "flex-end"
+	}, subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(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
+		})
+	}, "Review Concepts"), " "), !isChallenge && /* @__PURE__ */ React.createElement(Text, { "aria-label": `${subContentCorrect} out of ${subContentTotal} questions correct` }, `${subContentCorrect} / ${subContentTotal}`)));
 });
-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 renderUntestedSubContent = ({ untestedSubContent, lighterBorderColor }) => /* @__PURE__ */ React.createElement(FlexBox, {
+	flexDirection: "column",
+	borderWidth: 1,
+	borderWidthTop: 0,
+	borderStyle: "solid",
+	borderColor: lighterBorderColor
+}, untestedSubContent.map(({ id, title }, i) => {
+	return /* @__PURE__ */ React.createElement(FlexBox, {
+		key: id,
+		borderWidth: 1,
+		borderWidthTop: i === 0 ? 0 : 1,
+		borderStyle: "solid",
+		borderColor: lighterBorderColor,
+		px: 16,
+		py: 8,
+		justifyContent: "space-between",
+		color: lighterBorderColor,
+		role: "listitem"
+	}, /* @__PURE__ */ React.createElement(Text, { flexGrow: 1 }, title), /* @__PURE__ */ React.createElement(FlexBox, {
+		fontSize: 14,
+		alignItems: "center",
+		minWidth: "6.5rem",
+		justifyContent: "flex-end"
+	}, /* @__PURE__ */ React.createElement(Text, { fontFamily: "accent" }, "Not tested")));
+}));
+const SubScores = ({ colorfulIcons = false, isChallenge = false, layout = "row", lighterBorderColor = "navy-400", noMaxWidth = false, pathSlug, showUntestedContent = false, subScores, trackSlug, trackingData, trackUserClick, untestedSubContent }) => {
+	return /* @__PURE__ */ React.createElement(FlexBox, {
+		flexDirection: "column",
+		maxWidth: noMaxWidth ? "" : pxRem(705),
+		role: "list",
+		"aria-label": "Unit Subjects"
+	}, /* @__PURE__ */ React.createElement(FlexBox, {
+		flexDirection: "column",
+		borderX: 1,
+		borderBottom: 1,
+		borderTop: isChallenge ? 1 : layout === "row" ? {
+			_: void 0,
+			md: 1
+		} : void 0
+	}, renderSubScores({
+		colorfulIcons,
+		isChallenge,
+		pathSlug,
+		subScores,
+		trackSlug,
+		trackingData,
+		trackUserClick
+	})), showUntestedContent && /* @__PURE__ */ React.createElement(GridBox, { bg: "transparent" }, untestedSubContent && untestedSubContent?.length > 0 && renderUntestedSubContent({
+		untestedSubContent,
+		lighterBorderColor
+	})));
+};
+
+//#endregion
+export { SubScores, renderSubScores };
+//# sourceMappingURL=SubScores.js.map

package/dist/ScoreSummary/SubScores.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScores.js","names":["Anchor","FlexBox","GridBox","Markdown","Text","CheckFilledIcon","DeleteFilledIcon","pxRem","createResumeUrlPath","SHOW_REVIEW_SCORE","PASSING_SCORE","renderSubScores","isChallenge","subScores","pathSlug","trackSlug","trackingData","trackUserClick","colorfulIcons","Object","entries","map","subContentId","title","subContentTitle","correct","subContentCorrect","total","subContentTotal","slug","subContentSlug","i","subContentPercentCorrect","reviewConceptsPath","moduleSlug","key","borderTop","px","py","justifyContent","alignItems","role","minWidth","mr","color","screenreader","inline","spacing","text","fontWeight","fontSize","aria-label","href","onClick","course_progress","parseFloat","toFixed","module_id","renderUntestedSubContent","untestedSubContent","lighterBorderColor","flexDirection","borderWidth","borderWidthTop","borderStyle","borderColor","id","flexGrow","fontFamily","SubScores","layout","noMaxWidth","showUntestedContent","maxWidth","borderX","borderBottom","_","undefined","md","bg","length"],"sources":["../../src/ScoreSummary/SubScores.tsx"],"sourcesContent":["import { Anchor, FlexBox, GridBox, Markdown, Text } from '@codecademy/gamut';\nimport { CheckFilledIcon, DeleteFilledIcon } from '@codecademy/gamut-icons';\nimport { Colors, pxRem } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\n\nimport { createResumeUrlPath } from './helpers';\nimport { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';\n\nconst SHOW_REVIEW_SCORE = 0.6;\nconst PASSING_SCORE = 0.7;\n\nexport const renderSubScores = ({\n  isChallenge,\n  subScores,\n  pathSlug,\n  trackSlug,\n  trackingData,\n  trackUserClick,\n  colorfulIcons,\n}: {\n  subScores: CorrectAnswerCountsBySubContent;\n  pathSlug: string;\n  colorfulIcons?: boolean;\n  isChallenge?: boolean;\n  trackSlug?: string;\n  trackingData?: UserClickData;\n  trackUserClick?: (data: UserClickData) => void;\n}) =>\n  Object.entries(subScores).map(\n    (\n      [\n        subContentId,\n        {\n          title: subContentTitle,\n          correct: subContentCorrect,\n          total: subContentTotal,\n          slug: subContentSlug,\n        },\n      ],\n      i\n    ) => {\n      const subContentPercentCorrect = subContentCorrect / subContentTotal;\n      const reviewConceptsPath = createResumeUrlPath({\n        pathSlug,\n        trackSlug,\n        moduleSlug: subContentSlug,\n      });\n\n      return (\n        <FlexBox\n          key={subContentId}\n          borderTop={i !== 0 ? 1 : 'none'}\n          px={16}\n          py={8}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n          role=\"listitem\"\n        >\n          <FlexBox alignItems=\"center\">\n            {colorfulIcons ? (\n              subContentPercentCorrect >= PASSING_SCORE ? (\n                <CheckFilledIcon\n                  minWidth={16}\n                  mr={12}\n                  color=\"feedback-success\"\n                />\n              ) : (\n                <DeleteFilledIcon\n                  minWidth={16}\n                  mr={12}\n                  color=\"feedback-error\"\n                />\n              )\n            ) : null}\n            <>\n              <Text screenreader>\n                {colorfulIcons\n                  ? `${\n                      subContentPercentCorrect >= PASSING_SCORE\n                        ? 'passed'\n                        : 'failed'\n                    }: `\n                  : ''}\n              </Text>\n              {isChallenge ? (\n                <Markdown inline spacing=\"none\" text={subContentTitle} />\n              ) : (\n                <Text fontWeight=\"bold\">{subContentTitle}</Text>\n              )}\n            </>\n          </FlexBox>\n          <FlexBox\n            fontSize={14}\n            minWidth={\n              subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug\n                ? '11rem'\n                : '3rem'\n            }\n            justifyContent=\"flex-end\"\n          >\n            {subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && (\n              <>\n                <Anchor\n                  aria-label={`Review concepts for ${subContentTitle}`}\n                  mr={16}\n                  href={reviewConceptsPath}\n                  onClick={() =>\n                    trackingData &&\n                    trackUserClick?.({\n                      ...trackingData,\n                      course_progress: parseFloat(\n                        subContentPercentCorrect.toFixed(4)\n                      ),\n                      href: reviewConceptsPath,\n                      module_id: subContentId,\n                    })\n                  }\n                >\n                  Review Concepts\n                </Anchor>{' '}\n              </>\n            )}\n            {!isChallenge && (\n              <Text\n                aria-label={`${subContentCorrect} out of ${subContentTotal} questions correct`}\n              >{`${subContentCorrect} / ${subContentTotal}`}</Text>\n            )}\n          </FlexBox>\n        </FlexBox>\n      );\n    }\n  );\n\nconst renderUntestedSubContent = ({\n  untestedSubContent,\n  lighterBorderColor,\n}: {\n  untestedSubContent: UntestedSubContent[];\n  lighterBorderColor: Colors;\n}) => (\n  <FlexBox\n    flexDirection=\"column\"\n    borderWidth={1}\n    borderWidthTop={0}\n    borderStyle=\"solid\"\n    borderColor={lighterBorderColor}\n  >\n    {untestedSubContent.map(({ id, title }, i) => {\n      return (\n        <FlexBox\n          key={id}\n          borderWidth={1}\n          borderWidthTop={i === 0 ? 0 : 1}\n          borderStyle=\"solid\"\n          borderColor={lighterBorderColor}\n          px={16}\n          py={8}\n          justifyContent=\"space-between\"\n          color={lighterBorderColor}\n          role=\"listitem\"\n        >\n          <Text flexGrow={1}>{title}</Text>\n          <FlexBox\n            fontSize={14}\n            alignItems=\"center\"\n            minWidth=\"6.5rem\"\n            justifyContent=\"flex-end\"\n          >\n            <Text fontFamily=\"accent\">Not tested</Text>\n          </FlexBox>\n        </FlexBox>\n      );\n    })}\n  </FlexBox>\n);\n\ninterface SubScoresProps {\n  colorfulIcons?: boolean;\n  isChallenge?: boolean;\n  layout?: 'column' | 'row';\n  lighterBorderColor?: Colors;\n  noMaxWidth?: boolean;\n  pathSlug: string;\n  showUntestedContent?: boolean;\n  subScores: CorrectAnswerCountsBySubContent;\n  trackingData?: UserClickData;\n  trackUserClick?: (data: UserClickData) => void;\n  trackSlug?: string;\n  untestedSubContent?: UntestedSubContent[];\n}\n\nexport const SubScores: React.FC<SubScoresProps> = ({\n  colorfulIcons = false,\n  isChallenge = false,\n  layout = 'row',\n  lighterBorderColor = 'navy-400',\n  noMaxWidth = false,\n  pathSlug,\n  showUntestedContent = false,\n  subScores,\n  trackSlug,\n  trackingData,\n  trackUserClick,\n  untestedSubContent,\n}) => {\n  return (\n    <FlexBox\n      flexDirection=\"column\"\n      maxWidth={noMaxWidth ? '' : pxRem(705)}\n      role=\"list\"\n      aria-label=\"Unit Subjects\"\n    >\n      <FlexBox\n        flexDirection=\"column\"\n        borderX={1}\n        borderBottom={1}\n        borderTop={\n          isChallenge\n            ? 1\n            : layout === 'row'\n            ? { _: undefined, md: 1 }\n            : undefined\n        }\n      >\n        {renderSubScores({\n          colorfulIcons,\n          isChallenge,\n          pathSlug,\n          subScores,\n          trackSlug,\n          trackingData,\n          trackUserClick,\n        })}\n      </FlexBox>\n      {showUntestedContent && (\n        <GridBox bg=\"transparent\">\n          {untestedSubContent &&\n            untestedSubContent?.length > 0 &&\n            renderUntestedSubContent({\n              untestedSubContent,\n              lighterBorderColor,\n            })}\n        </GridBox>\n      )}\n    </FlexBox>\n  );\n};\n"],"mappings":"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"}

package/dist/ScoreSummary/helpers.cjs

@@ -0,0 +1,21 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let pluralize = require("pluralize");
+pluralize = require_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;
+//# sourceMappingURL=helpers.cjs.map

package/dist/ScoreSummary/helpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.cjs","names":["pluralize","getContentItemTypeRoutePart","type","createResumeUrlPath","journeySlug","pathSlug","trackSlug","moduleSlug","contentItemType","contentItemSlug","contentItemTypeRoute","journeyUrl"],"sources":["../../src/ScoreSummary/helpers.tsx"],"sourcesContent":["import pluralize from 'pluralize';\n\nexport type ContentItemType =\n  | 'article'\n  | 'context_item'\n  | 'informational'\n  | 'lesson'\n  | 'lock'\n  | 'pro'\n  | 'project_component'\n  | 'project'\n  | 'quiz'\n  | 'resource'\n  | 'reviewable_project'\n  | 'seminar'\n  | 'video'\n  | 'external_resource'\n  | 'kanban_project';\n\nexport interface ResumeUrlPathParams {\n  journeySlug?: string;\n  pathSlug?: string;\n  trackSlug?: string;\n  moduleSlug?: string;\n  contentItemType?: ContentItemType;\n  contentItemSlug?: string;\n}\n\nexport const getContentItemTypeRoutePart = (type?: ContentItemType) => {\n  return type ? pluralize(type, 2) : '';\n};\n\nexport const createResumeUrlPath = ({\n  journeySlug,\n  pathSlug,\n  trackSlug,\n  moduleSlug,\n  contentItemType,\n  contentItemSlug,\n}: ResumeUrlPathParams) => {\n  const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);\n  const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : '';\n\n  if (\n    pathSlug &&\n    trackSlug &&\n    moduleSlug &&\n    contentItemType &&\n    contentItemTypeRoute &&\n    contentItemSlug\n  )\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;\n\n  if (pathSlug && trackSlug && moduleSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;\n\n  if (pathSlug && trackSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;\n\n  if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;\n\n  return journeyUrl;\n};\n"],"mappings":";;;;;AA4BA,MAAaC,+BAA+BC,SAAAA;AAC1C,QAAOA,8BAAiBA,MAAM,EAAA,GAAK;;AAGrC,MAAaC,uBAAuB,EAClCC,aACAC,UACAC,WACAC,YACAC,iBACAC,sBACoB;CACpB,MAAMC,uBAAuBT,4BAA4BO,gBAAAA;CACzD,MAAMG,aAAaP,cAAc,aAAaA,gBAAgB;AAE9D,KACEC,YACAC,aACAC,cACAC,mBACAE,wBACAD,gBAEA,QAAO,GAAGE,WAAW,SAASN,SAAS,UAAUC,UAAU,WAAWC,WAAW,GAAGG,qBAAqB,GAAGD;AAE9G,KAAIJ,YAAYC,aAAaC,WAC3B,QAAO,GAAGI,WAAW,SAASN,SAAS,UAAUC,UAAU,WAAWC;AAExE,KAAIF,YAAYC,UACd,QAAO,GAAGK,WAAW,SAASN,SAAS,UAAUC;AAEnD,KAAID,SAAU,QAAO,GAAGM,WAAW,SAASN;AAE5C,QAAOM"}

package/dist/ScoreSummary/helpers.js

@@ -1,20 +1,19 @@
-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 };
+//# sourceMappingURL=helpers.js.map

package/dist/ScoreSummary/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["pluralize","getContentItemTypeRoutePart","type","createResumeUrlPath","journeySlug","pathSlug","trackSlug","moduleSlug","contentItemType","contentItemSlug","contentItemTypeRoute","journeyUrl"],"sources":["../../src/ScoreSummary/helpers.tsx"],"sourcesContent":["import pluralize from 'pluralize';\n\nexport type ContentItemType =\n  | 'article'\n  | 'context_item'\n  | 'informational'\n  | 'lesson'\n  | 'lock'\n  | 'pro'\n  | 'project_component'\n  | 'project'\n  | 'quiz'\n  | 'resource'\n  | 'reviewable_project'\n  | 'seminar'\n  | 'video'\n  | 'external_resource'\n  | 'kanban_project';\n\nexport interface ResumeUrlPathParams {\n  journeySlug?: string;\n  pathSlug?: string;\n  trackSlug?: string;\n  moduleSlug?: string;\n  contentItemType?: ContentItemType;\n  contentItemSlug?: string;\n}\n\nexport const getContentItemTypeRoutePart = (type?: ContentItemType) => {\n  return type ? pluralize(type, 2) : '';\n};\n\nexport const createResumeUrlPath = ({\n  journeySlug,\n  pathSlug,\n  trackSlug,\n  moduleSlug,\n  contentItemType,\n  contentItemSlug,\n}: ResumeUrlPathParams) => {\n  const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);\n  const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : '';\n\n  if (\n    pathSlug &&\n    trackSlug &&\n    moduleSlug &&\n    contentItemType &&\n    contentItemTypeRoute &&\n    contentItemSlug\n  )\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;\n\n  if (pathSlug && trackSlug && moduleSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;\n\n  if (pathSlug && trackSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;\n\n  if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;\n\n  return journeyUrl;\n};\n"],"mappings":";;;AA4BA,MAAaC,+BAA+BC,SAAAA;AAC1C,QAAOA,OAAOF,UAAUE,MAAM,EAAA,GAAK;;AAGrC,MAAaC,uBAAuB,EAClCC,aACAC,UACAC,WACAC,YACAC,iBACAC,sBACoB;CACpB,MAAMC,uBAAuBT,4BAA4BO,gBAAAA;CACzD,MAAMG,aAAaP,cAAc,aAAaA,gBAAgB;AAE9D,KACEC,YACAC,aACAC,cACAC,mBACAE,wBACAD,gBAEA,QAAO,GAAGE,WAAW,SAASN,SAAS,UAAUC,UAAU,WAAWC,WAAW,GAAGG,qBAAqB,GAAGD;AAE9G,KAAIJ,YAAYC,aAAaC,WAC3B,QAAO,GAAGI,WAAW,SAASN,SAAS,UAAUC,UAAU,WAAWC;AAExE,KAAIF,YAAYC,UACd,QAAO,GAAGK,WAAW,SAASN,SAAS,UAAUC;AAEnD,KAAID,SAAU,QAAO,GAAGM,WAAW,SAASN;AAE5C,QAAOM"}

package/dist/ScoreSummary/index.cjs

@@ -0,0 +1,89 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_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_runtime.__toESM(react);
+
+//#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__ */ react.createElement(_codecademy_gamut.GridBox, { gridTemplateColumns: isRowLayout ? {
+		_: "minmax(0, 1fr)",
+		md: "2fr 3fr"
+	} : "" }, /* @__PURE__ */ react.createElement(_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
+	}, /* @__PURE__ */ react.createElement(_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
+	}, /* @__PURE__ */ react.createElement(require_index.QuizScore, {
+		correctCount: totalCorrect,
+		layout: isRowLayout ? "column" : "row",
+		total: totalQuestions,
+		smallerFont: true,
+		numOfRows,
+		colorfulIcons,
+		percentToPass
+	})), description && /* @__PURE__ */ react.createElement(_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"
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, { fontSize: 14 }, description))), /* @__PURE__ */ react.createElement(require_SubScores.SubScores, {
+		colorfulIcons,
+		layout,
+		lighterBorderColor,
+		noMaxWidth,
+		pathSlug,
+		subScores,
+		trackSlug,
+		trackingData,
+		trackUserClick,
+		untestedSubContent,
+		showUntestedContent: true
+	}));
+};
+
+//#endregion
+exports.ScoreSummary = ScoreSummary;
+//# sourceMappingURL=index.cjs.map

package/dist/ScoreSummary/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","GridBox","Text","pxRem","React","QuizScore","SubScores","ScoreSummary","subScores","totalCorrect","totalQuestions","pathSlug","trackSlug","trackingData","untestedSubContent","lighterBorderColor","layout","trackUserClick","description","noMaxWidth","colorfulIcons","percentToPass","numOfRows","Object","entries","length","isRowLayout","gridTemplateColumns","_","md","zIndex","bg","display","maxWidth","mr","px","xs","pt","pb","flexDirection","justifyContent","border","correctCount","total","smallerFont","p","borderTop","textAlign","fontSize","showUntestedContent"],"sources":["../../src/ScoreSummary/index.tsx"],"sourcesContent":["import { Box, GridBox, Text } from '@codecademy/gamut';\nimport { Colors, pxRem } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\nimport * as React from 'react';\n\nimport { QuizScore } from '../QuizScore';\nimport { SubScores } from './SubScores';\nimport { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';\n\nexport interface ScoreSummaryProps {\n  subScores: CorrectAnswerCountsBySubContent;\n  totalCorrect: number;\n  totalQuestions: number;\n  pathSlug: string;\n  trackSlug?: string;\n  trackingData?: UserClickData;\n  lighterBorderColor?: Colors;\n  layout?: 'column' | 'row';\n  untestedSubContent?: UntestedSubContent[];\n  trackUserClick?: (data: UserClickData) => void;\n  description?: string;\n  noMaxWidth?: boolean;\n  colorfulIcons?: boolean;\n  percentToPass?: number;\n}\n\nexport const ScoreSummary: React.FC<ScoreSummaryProps> = ({\n  subScores,\n  totalCorrect,\n  totalQuestions,\n  pathSlug,\n  trackSlug,\n  trackingData,\n  untestedSubContent,\n  lighterBorderColor = 'navy-400',\n  layout = 'row',\n  trackUserClick,\n  description,\n  noMaxWidth = false,\n  colorfulIcons = false,\n  percentToPass,\n}) => {\n  let numOfRows = Object.entries(subScores).length;\n  if (untestedSubContent) {\n    numOfRows += untestedSubContent.length;\n  }\n  const isRowLayout = layout === 'row';\n  return (\n    <GridBox\n      gridTemplateColumns={\n        isRowLayout ? { _: 'minmax(0, 1fr)', md: '2fr 3fr' } : ''\n      }\n    >\n      <Box\n        zIndex={1}\n        bg=\"transparent\"\n        display=\"inline\"\n        maxWidth={\n          noMaxWidth\n            ? ''\n            : isRowLayout\n            ? { _: pxRem(705), md: pxRem(500) }\n            : pxRem(705)\n        }\n        mr={isRowLayout ? { _: 0, md: 24 } : 0}\n      >\n        <Box\n          px={{ _: 24, xs: 32 }}\n          pt={24}\n          pb={8}\n          display={isRowLayout ? { _: 'flex', md: 'block' } : 'flex'}\n          flexDirection={isRowLayout ? { _: 'column', md: 'row' } : 'column'}\n          justifyContent={isRowLayout ? { _: 'center', md: '' } : 'center'}\n          border={1}\n        >\n          <QuizScore\n            correctCount={totalCorrect}\n            layout={isRowLayout ? 'column' : 'row'}\n            total={totalQuestions}\n            smallerFont\n            numOfRows={numOfRows}\n            colorfulIcons={colorfulIcons}\n            percentToPass={percentToPass}\n          />\n        </Box>\n        {description && (\n          <Box\n            p={16}\n            pb={isRowLayout ? { _: 16, md: 0 } : 16}\n            border={\n              isRowLayout\n                ? {\n                    _: 1,\n                    md: 'none',\n                  }\n                : 1\n            }\n            borderTop=\"none\"\n            textAlign={isRowLayout ? { _: 'left', md: 'center' } : 'left'}\n          >\n            <Text fontSize={14}>{description}</Text>\n          </Box>\n        )}\n      </Box>\n      <SubScores\n        colorfulIcons={colorfulIcons}\n        layout={layout}\n        lighterBorderColor={lighterBorderColor}\n        noMaxWidth={noMaxWidth}\n        pathSlug={pathSlug}\n        subScores={subScores}\n        trackSlug={trackSlug}\n        trackingData={trackingData}\n        trackUserClick={trackUserClick}\n        untestedSubContent={untestedSubContent}\n        showUntestedContent\n      />\n    </GridBox>\n  );\n};\n"],"mappings":";;;;;;;;;AA0BA,MAAaO,gBAA6C,EACxDC,WACAC,cACAC,gBACAC,UACAC,WACAC,cACAC,oBACAC,qBAAqB,YACrBC,SAAS,OACTC,gBACAC,aACAC,aAAa,OACbC,gBAAgB,OAChBC,oBACD;CACC,IAAIC,YAAYC,OAAOC,QAAQhB,UAAAA,CAAWiB;AAC1C,KAAIX,mBACFQ,cAAaR,mBAAmBW;CAElC,MAAMC,cAAcV,WAAW;AAC/B,QACE,sBAAA,cAACf,2BAAAA,EACC0B,qBACED,cAAc;EAAEE,GAAG;EAAkBC,IAAI;EAAU,GAAI,MAGzD,sBAAA,cAAC7B,uBAAAA;EACC8B,QAAQ;EACRC,IAAG;EACHC,SAAQ;EACRC,UACEd,aACI,KACAO,cACA;GAAEE,uCAAS,IAAA;GAAMC,wCAAU,IAAA;GAAK,uCAC1B,IAAA;EAEZK,IAAIR,cAAc;GAAEE,GAAG;GAAGC,IAAI;GAAG,GAAI;IAErC,sBAAA,cAAC7B,uBAAAA;EACCmC,IAAI;GAAEP,GAAG;GAAIQ,IAAI;GAAG;EACpBC,IAAI;EACJC,IAAI;EACJN,SAASN,cAAc;GAAEE,GAAG;GAAQC,IAAI;GAAQ,GAAI;EACpDU,eAAeb,cAAc;GAAEE,GAAG;GAAUC,IAAI;GAAM,GAAI;EAC1DW,gBAAgBd,cAAc;GAAEE,GAAG;GAAUC,IAAI;GAAG,GAAI;EACxDY,QAAQ;IAER,sBAAA,cAACpC,yBAAAA;EACCqC,cAAcjC;EACdO,QAAQU,cAAc,WAAW;EACjCiB,OAAOjC;EACPkC,aAAAA;EACWtB;EACIF;EACAC;MAGlBH,eACC,sBAAA,cAAClB,uBAAAA;EACC6C,GAAG;EACHP,IAAIZ,cAAc;GAAEE,GAAG;GAAIC,IAAI;GAAE,GAAI;EACrCY,QACEf,cACI;GACEE,GAAG;GACHC,IAAI;GACN,GACA;EAENiB,WAAU;EACVC,WAAWrB,cAAc;GAAEE,GAAG;GAAQC,IAAI;GAAS,GAAI;IAEvD,sBAAA,cAAC3B,wBAAAA,EAAK8C,UAAU,MAAK9B,YAAAA,CAAAA,CAAAA,EAI3B,sBAAA,cAACZ,6BAAAA;EACgBc;EACPJ;EACYD;EACRI;EACFR;EACCH;EACAI;EACGC;EACEI;EACIH;EACpBmC,qBAAAA"}

package/dist/ScoreSummary/index.d.cts

@@ -0,0 +1,26 @@
+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 };
+//# sourceMappingURL=index.d.cts.map

package/dist/ScoreSummary/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/ScoreSummary/index.tsx"],"mappings":";;;;;;UASiB,iBAAA;EACf,SAAA,EAAW,+BAAA;EACX,YAAA;EACA,cAAA;EACA,QAAA;EACA,SAAA;EACA,YAAA,GAAe,aAAA;EACf,kBAAA,GAAqB,MAAA;EACrB,MAAA;EACA,kBAAA,GAAqB,kBAAA;EACrB,cAAA,IAAkB,IAAA,EAAM,aAAA;EACxB,WAAA;EACA,UAAA;EACA,aAAA;EACA,aAAA;AAAA;AAAA,cAGW,YAAA,EAAc,OAAA,CAAM,EAAA,CAAG,iBAAA"}