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

package/dist/LearningOutcomeAssessmentScores/AssessmentDetail.js

@@ -1,55 +1,39 @@
-import { Box, FlexBox, Text } from '@codecademy/gamut';
-import React from 'react';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const AssessmentDetail = ({
-  isHighestScore,
-  score,
-  scoreAchievedAt
-}) => {
-  const hasPassedAssessment = score && score >= 70;
-  return /*#__PURE__*/_jsxs(FlexBox, {
-    borderColor: "background-hover",
-    borderRight: isHighestScore ? 1 : 'none',
-    width: "100%",
-    p: 16,
-    column: true,
-    children: [/*#__PURE__*/_jsx(Text, {
-      fontWeight: 700,
-      children: isHighestScore ? 'Highest score' : 'Most recent'
-    }), score != null ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs(FlexBox, {
-        mt: 8,
-        alignItems: "center",
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "title-sm",
-          "data-testid": "score-percent",
-          mr: 4,
-          color: hasPassedAssessment ? 'green-700' : undefined,
-          children: `${score}%`
-        }), /*#__PURE__*/_jsx(Box, {
-          children: !hasPassedAssessment && /*#__PURE__*/_jsx(Box, {
-            "data-testid": "failed-assessment-indicator",
-            borderRadius: "full",
-            dimensions: 16,
-            bg: "orange-500",
-            mb: 4
-          })
-        })]
-      }), !!scoreAchievedAt && /*#__PURE__*/_jsx(Text, {
-        textColor: "text-secondary",
-        children: scoreAchievedAt
-      })]
-    }) : /*#__PURE__*/_jsxs(FlexBox, {
-      column: true,
-      color: "text-secondary",
-      children: [/*#__PURE__*/_jsx(Text, {
-        fontWeight: 700,
-        my: 4,
-        "aria-hidden": true,
-        children: "-"
-      }), /*#__PURE__*/_jsx(Text, {
-        children: "Not tested yet"
-      })]
-    })]
-  });
-};
+import { Box, FlexBox, Text } from "@codecademy/gamut";
+import React from "react";
+
+//#region src/LearningOutcomeAssessmentScores/AssessmentDetail.tsx
+const AssessmentDetail = ({ isHighestScore, score, scoreAchievedAt }) => {
+	const hasPassedAssessment = score && score >= 70;
+	return /* @__PURE__ */ React.createElement(FlexBox, {
+		borderColor: "background-hover",
+		borderRight: isHighestScore ? 1 : "none",
+		width: "100%",
+		p: 16,
+		column: true
+	}, /* @__PURE__ */ React.createElement(Text, { fontWeight: 700 }, isHighestScore ? "Highest score" : "Most recent"), score != null ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FlexBox, {
+		mt: 8,
+		alignItems: "center"
+	}, /* @__PURE__ */ React.createElement(Text, {
+		variant: "title-sm",
+		"data-testid": "score-percent",
+		mr: 4,
+		color: hasPassedAssessment ? "green-700" : void 0
+	}, `${score}%`), /* @__PURE__ */ React.createElement(Box, null, !hasPassedAssessment && /* @__PURE__ */ React.createElement(Box, {
+		"data-testid": "failed-assessment-indicator",
+		borderRadius: "full",
+		dimensions: 16,
+		bg: "orange-500",
+		mb: 4
+	}))), !!scoreAchievedAt && /* @__PURE__ */ React.createElement(Text, { textColor: "text-secondary" }, scoreAchievedAt)) : /* @__PURE__ */ React.createElement(FlexBox, {
+		column: true,
+		color: "text-secondary"
+	}, /* @__PURE__ */ React.createElement(Text, {
+		fontWeight: 700,
+		my: 4,
+		"aria-hidden": true
+	}, "-"), /* @__PURE__ */ React.createElement(Text, null, "Not tested yet")));
+};
+
+//#endregion
+export { AssessmentDetail };
+//# sourceMappingURL=AssessmentDetail.js.map

package/dist/LearningOutcomeAssessmentScores/AssessmentDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentDetail.js","names":["Box","FlexBox","Text","React","AssessmentDetail","isHighestScore","score","scoreAchievedAt","hasPassedAssessment","borderColor","borderRight","width","p","column","fontWeight","mt","alignItems","variant","data-testid","mr","color","undefined","borderRadius","dimensions","bg","mb","textColor","my","aria-hidden"],"sources":["../../src/LearningOutcomeAssessmentScores/AssessmentDetail.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React from 'react';\n\ninterface AssessmentDetailProps {\n  isHighestScore?: boolean;\n  score?: number | null;\n  scoreAchievedAt?: string | null;\n}\n\nexport const AssessmentDetail: React.FC<AssessmentDetailProps> = ({\n  isHighestScore,\n  score,\n  scoreAchievedAt,\n}) => {\n  const hasPassedAssessment = score && score >= 70;\n\n  return (\n    <FlexBox\n      borderColor=\"background-hover\"\n      borderRight={isHighestScore ? 1 : 'none'}\n      width=\"100%\"\n      p={16}\n      column\n    >\n      <Text fontWeight={700}>\n        {isHighestScore ? 'Highest score' : 'Most recent'}\n      </Text>\n      {score != null ? (\n        <>\n          <FlexBox mt={8} alignItems=\"center\">\n            <Text\n              variant=\"title-sm\"\n              data-testid=\"score-percent\"\n              mr={4}\n              color={hasPassedAssessment ? 'green-700' : undefined}\n            >\n              {`${score}%`}\n            </Text>\n            <Box>\n              {!hasPassedAssessment && (\n                <Box\n                  data-testid=\"failed-assessment-indicator\"\n                  borderRadius=\"full\"\n                  dimensions={16}\n                  bg=\"orange-500\"\n                  mb={4}\n                />\n              )}\n            </Box>\n          </FlexBox>\n          {!!scoreAchievedAt && (\n            <Text textColor=\"text-secondary\">{scoreAchievedAt}</Text>\n          )}\n        </>\n      ) : (\n        <FlexBox column color=\"text-secondary\">\n          <Text fontWeight={700} my={4} aria-hidden>\n            -\n          </Text>\n          <Text>Not tested yet</Text>\n        </FlexBox>\n      )}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;AASA,MAAaI,oBAAqD,EAChEC,gBACAC,OACAC,sBACD;CACC,MAAMC,sBAAsBF,SAASA,SAAS;AAE9C,QACE,sBAAA,cAACL,SAAAA;EACCQ,aAAY;EACZC,aAAaL,iBAAiB,IAAI;EAClCM,OAAM;EACNC,GAAG;EACHC,QAAAA;IAEA,sBAAA,cAACX,MAAAA,EAAKY,YAAY,OACfT,iBAAiB,kBAAkB,cAAA,EAErCC,SAAS,OACR,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACL,SAAAA;EAAQc,IAAI;EAAGC,YAAW;IACzB,sBAAA,cAACd,MAAAA;EACCe,SAAQ;EACRC,eAAY;EACZC,IAAI;EACJC,OAAOZ,sBAAsB,cAAca;IAE1C,GAAGf,MAAM,GAAE,EAEd,sBAAA,cAACN,KAAAA,MACE,CAACQ,uBACA,sBAAA,cAACR,KAAAA;EACCkB,eAAY;EACZI,cAAa;EACbC,YAAY;EACZC,IAAG;EACHC,IAAI;OAKX,CAAC,CAAClB,mBACD,sBAAA,cAACL,MAAAA,EAAKwB,WAAU,oBAAkBnB,gBAAAA,CAAAA,GAItC,sBAAA,cAACN,SAAAA;EAAQY,QAAAA;EAAOO,OAAM;IACpB,sBAAA,cAAClB,MAAAA;EAAKY,YAAY;EAAKa,IAAI;EAAGC,eAAAA;IAAY,IAAA,EAG1C,sBAAA,cAAC1B,MAAAA,MAAK,iBAAA,CAAA,CAAA"}

package/dist/LearningOutcomeAssessmentScores/index.cjs

@@ -0,0 +1,24 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_AssessmentDetail = require('./AssessmentDetail.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+
+//#region src/LearningOutcomeAssessmentScores/index.tsx
+const LearningOutcomeAssessmentScores = ({ highestScore, highestScoreAchievedAt, latestScore, latestScoreAchievedAt }) => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		borderColor: "background-hover",
+		border: 1,
+		borderRadius: "md",
+		width: "100%"
+	}, /* @__PURE__ */ React.createElement(require_AssessmentDetail.AssessmentDetail, {
+		isHighestScore: true,
+		score: highestScore,
+		scoreAchievedAt: highestScoreAchievedAt
+	}), /* @__PURE__ */ React.createElement(require_AssessmentDetail.AssessmentDetail, {
+		score: latestScore,
+		scoreAchievedAt: latestScoreAchievedAt
+	}));
+};
+
+//#endregion
+exports.LearningOutcomeAssessmentScores = LearningOutcomeAssessmentScores;
+//# sourceMappingURL=index.cjs.map

package/dist/LearningOutcomeAssessmentScores/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["FlexBox","AssessmentDetail","LearningOutcomeAssessmentScores","highestScore","highestScoreAchievedAt","latestScore","latestScoreAchievedAt","borderColor","border","borderRadius","width","isHighestScore","score","scoreAchievedAt"],"sources":["../../src/LearningOutcomeAssessmentScores/index.tsx"],"sourcesContent":["import { FlexBox } from '@codecademy/gamut';\n\nimport { AssessmentDetail } from './AssessmentDetail';\n\ninterface AssessmentScoresProps {\n  highestScore: number | null | undefined;\n  highestScoreAchievedAt: string | null | undefined;\n  latestScore: number | null | undefined;\n  latestScoreAchievedAt: string | null | undefined;\n}\n\nexport const LearningOutcomeAssessmentScores: React.FC<\n  AssessmentScoresProps\n> = ({\n  highestScore,\n  highestScoreAchievedAt,\n  latestScore,\n  latestScoreAchievedAt,\n}) => {\n  return (\n    <FlexBox\n      borderColor=\"background-hover\"\n      border={1}\n      borderRadius=\"md\"\n      width=\"100%\"\n    >\n      <AssessmentDetail\n        isHighestScore\n        score={highestScore}\n        scoreAchievedAt={highestScoreAchievedAt}\n      />\n      <AssessmentDetail\n        score={latestScore}\n        scoreAchievedAt={latestScoreAchievedAt}\n      />\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;AAWA,MAAaE,mCAER,EACHC,cACAC,wBACAC,aACAC,4BACD;AACC,QACE,sBAAA,cAACN,2BAAAA;EACCO,aAAY;EACZC,QAAQ;EACRC,cAAa;EACbC,OAAM;IAEN,sBAAA,cAACT,2CAAAA;EACCU,gBAAAA;EACAC,OAAOT;EACPU,iBAAiBT;KAEnB,sBAAA,cAACH,2CAAAA;EACCW,OAAOP;EACPQ,iBAAiBP"}

package/dist/LearningOutcomeAssessmentScores/index.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/LearningOutcomeAssessmentScores/index.tsx"],"mappings":";UAIU,qBAAA;EACR,YAAA;EACA,sBAAA;EACA,WAAA;EACA,qBAAA;AAAA;AAAA,cAGW,+BAAA,EAAiC,KAAA,CAAM,EAAA,CAClD,qBAAA"}

package/dist/LearningOutcomeAssessmentScores/index.d.ts

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

package/dist/LearningOutcomeAssessmentScores/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/LearningOutcomeAssessmentScores/index.tsx"],"mappings":";UAIU,qBAAA;EACR,YAAA;EACA,sBAAA;EACA,WAAA;EACA,qBAAA;AAAA;AAAA,cAGW,+BAAA,EAAiC,KAAA,CAAM,EAAA,CAClD,qBAAA"}

package/dist/LearningOutcomeAssessmentScores/index.js

@@ -1,24 +1,23 @@
-import { FlexBox } from '@codecademy/gamut';
-import { AssessmentDetail } from './AssessmentDetail';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const LearningOutcomeAssessmentScores = ({
-  highestScore,
-  highestScoreAchievedAt,
-  latestScore,
-  latestScoreAchievedAt
-}) => {
-  return /*#__PURE__*/_jsxs(FlexBox, {
-    borderColor: "background-hover",
-    border: 1,
-    borderRadius: "md",
-    width: "100%",
-    children: [/*#__PURE__*/_jsx(AssessmentDetail, {
-      isHighestScore: true,
-      score: highestScore,
-      scoreAchievedAt: highestScoreAchievedAt
-    }), /*#__PURE__*/_jsx(AssessmentDetail, {
-      score: latestScore,
-      scoreAchievedAt: latestScoreAchievedAt
-    })]
-  });
-};
+import { AssessmentDetail } from "./AssessmentDetail.js";
+import { FlexBox } from "@codecademy/gamut";
+
+//#region src/LearningOutcomeAssessmentScores/index.tsx
+const LearningOutcomeAssessmentScores = ({ highestScore, highestScoreAchievedAt, latestScore, latestScoreAchievedAt }) => {
+	return /* @__PURE__ */ React.createElement(FlexBox, {
+		borderColor: "background-hover",
+		border: 1,
+		borderRadius: "md",
+		width: "100%"
+	}, /* @__PURE__ */ React.createElement(AssessmentDetail, {
+		isHighestScore: true,
+		score: highestScore,
+		scoreAchievedAt: highestScoreAchievedAt
+	}), /* @__PURE__ */ React.createElement(AssessmentDetail, {
+		score: latestScore,
+		scoreAchievedAt: latestScoreAchievedAt
+	}));
+};
+
+//#endregion
+export { LearningOutcomeAssessmentScores };
+//# sourceMappingURL=index.js.map

package/dist/LearningOutcomeAssessmentScores/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FlexBox","AssessmentDetail","LearningOutcomeAssessmentScores","highestScore","highestScoreAchievedAt","latestScore","latestScoreAchievedAt","borderColor","border","borderRadius","width","isHighestScore","score","scoreAchievedAt"],"sources":["../../src/LearningOutcomeAssessmentScores/index.tsx"],"sourcesContent":["import { FlexBox } from '@codecademy/gamut';\n\nimport { AssessmentDetail } from './AssessmentDetail';\n\ninterface AssessmentScoresProps {\n  highestScore: number | null | undefined;\n  highestScoreAchievedAt: string | null | undefined;\n  latestScore: number | null | undefined;\n  latestScoreAchievedAt: string | null | undefined;\n}\n\nexport const LearningOutcomeAssessmentScores: React.FC<\n  AssessmentScoresProps\n> = ({\n  highestScore,\n  highestScoreAchievedAt,\n  latestScore,\n  latestScoreAchievedAt,\n}) => {\n  return (\n    <FlexBox\n      borderColor=\"background-hover\"\n      border={1}\n      borderRadius=\"md\"\n      width=\"100%\"\n    >\n      <AssessmentDetail\n        isHighestScore\n        score={highestScore}\n        scoreAchievedAt={highestScoreAchievedAt}\n      />\n      <AssessmentDetail\n        score={latestScore}\n        scoreAchievedAt={latestScoreAchievedAt}\n      />\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;AAWA,MAAaE,mCAER,EACHC,cACAC,wBACAC,aACAC,4BACD;AACC,QACE,sBAAA,cAACN,SAAAA;EACCO,aAAY;EACZC,QAAQ;EACRC,cAAa;EACbC,OAAM;IAEN,sBAAA,cAACT,kBAAAA;EACCU,gBAAAA;EACAC,OAAOT;EACPU,iBAAiBT;KAEnB,sBAAA,cAACH,kBAAAA;EACCW,OAAOP;EACPQ,iBAAiBP"}

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs

@@ -0,0 +1,53 @@
+const require_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_runtime.__toESM(_emotion_styled);
+
+//#region src/LearningOutcomeBadges/LearningOutcomeLevelBadge.tsx
+var LearningOutcomeLevels;
+(function(LearningOutcomeLevels) {
+	LearningOutcomeLevels[LearningOutcomeLevels["One"] = 1] = "One";
+	LearningOutcomeLevels[LearningOutcomeLevels["Two"] = 2] = "Two";
+	LearningOutcomeLevels[LearningOutcomeLevels["Three"] = 3] = "Three";
+})(LearningOutcomeLevels || (LearningOutcomeLevels = {}));
+const learningOutcomeLabels = {
+	[1]: "Subskill",
+	[2]: "Skill",
+	[3]: "Skill set"
+};
+const StyledBadge = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Badge, {
+	target: "ed7bwo70",
+	label: "brand-StyledBadge"
+})((0, _codecademy_gamut_styles.css)({ borderColor: "border-tertiary" }), (0, _codecademy_gamut_styles.variant)({
+	prop: "level",
+	variants: {
+		[1]: { bg: "background-selected" },
+		[2]: { bg: "green-100" },
+		[3]: { bg: "blue-100" }
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xlYXJuaW5nT3V0Y29tZUJhZGdlcy9MZWFybmluZ091dGNvbWVMZXZlbEJhZGdlLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xlYXJuaW5nT3V0Y29tZUJhZGdlcy9MZWFybmluZ091dGNvbWVMZXZlbEJhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWRnZSwgRmxleEJveCwgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgY3NzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGVudW0gTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHtcbiAgT25lID0gMSxcbiAgVHdvID0gMixcbiAgVGhyZWUgPSAzLFxufVxuXG5leHBvcnQgY29uc3QgbGVhcm5pbmdPdXRjb21lTGFiZWxzID0ge1xuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZV06ICdTdWJza2lsbCcsXG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvXTogJ1NraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5UaHJlZV06ICdTa2lsbCBzZXQnLFxufTtcblxuY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoQmFkZ2UpPHsgbGV2ZWw6IExlYXJuaW5nT3V0Y29tZUxldmVscyB9PihcbiAgY3NzKHtcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gIH0pLFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnbGV2ZWwnLFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZV06IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICAgIH0sXG4gICAgICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlR3b106IHtcbiAgICAgICAgYmc6ICdncmVlbi0xMDAnLFxuICAgICAgfSxcbiAgICAgIFtMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWVdOiB7XG4gICAgICAgIGJnOiAnYmx1ZS0xMDAnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2VQcm9wcyBleHRlbmRzIFBpY2s8VGV4dFByb3BzLCAndGV4dENvbG9yJz4ge1xuICBsZXZlbDogTGVhcm5pbmdPdXRjb21lTGV2ZWxzO1xuICBzaXplPzogJ3NtJyB8ICdiYXNlJztcbiAgcmVtb3ZlQmFja2dyb3VuZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVMZXZlbEJhZGdlOiBSZWFjdC5GQzxcbiAgTGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZVByb3BzXG4+ID0gKHsgbGV2ZWwsIHNpemUgPSAnc20nLCB0ZXh0Q29sb3IsIHJlbW92ZUJhY2tncm91bmQgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBiZz17cmVtb3ZlQmFja2dyb3VuZCA/ICd0cmFuc3BhcmVudCcgOiAnd2hpdGUnfVxuICAgICAgaGVpZ2h0PVwibWluLWNvbnRlbnRcIlxuICAgICAgd2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICBib3JkZXJSYWRpdXM9XCJ4bFwiXG4gICAgPlxuICAgICAgPFN0eWxlZEJhZGdlXG4gICAgICAgIGRhdGEtdGVzdGlkPVwibGVhcm5pbmctb3V0Y29tZS1iYWRnZVwiXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgIGxldmVsPXtsZXZlbH1cbiAgICAgID5cbiAgICAgICAgPFRleHQgY29sb3I9e3RleHRDb2xvciB8fCAndGV4dCd9PntsZWFybmluZ091dGNvbWVMYWJlbHNbbGV2ZWxdfTwvVGV4dD5cbiAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9CIn0= */");
+const LearningOutcomeLevelBadge = ({ level, size = "sm", textColor, removeBackground }) => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		bg: removeBackground ? "transparent" : "white",
+		height: "min-content",
+		width: "min-content",
+		borderRadius: "xl"
+	}, /* @__PURE__ */ React.createElement(StyledBadge, {
+		"data-testid": "learning-outcome-badge",
+		size,
+		variant: "tertiary",
+		level
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { color: textColor || "text" }, learningOutcomeLabels[level])));
+};
+
+//#endregion
+exports.LearningOutcomeLevelBadge = LearningOutcomeLevelBadge;
+Object.defineProperty(exports, 'LearningOutcomeLevels', {
+  enumerable: true,
+  get: function () {
+    return LearningOutcomeLevels;
+  }
+});
+exports.learningOutcomeLabels = learningOutcomeLabels;
+//# sourceMappingURL=LearningOutcomeLevelBadge.cjs.map

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLevelBadge.cjs","names":["Badge","FlexBox","Text","css","variant","styled","LearningOutcomeLevels","learningOutcomeLabels","StyledBadge","borderColor","prop","variants","bg","LearningOutcomeLevelBadge","level","size","textColor","removeBackground","height","width","borderRadius","data-testid","color"],"sources":["../../src/LearningOutcomeBadges/LearningOutcomeLevelBadge.tsx"],"sourcesContent":["import { Badge, FlexBox, Text, TextProps } from '@codecademy/gamut';\nimport { css, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nexport enum LearningOutcomeLevels {\n  One = 1,\n  Two = 2,\n  Three = 3,\n}\n\nexport const learningOutcomeLabels = {\n  [LearningOutcomeLevels.One]: 'Subskill',\n  [LearningOutcomeLevels.Two]: 'Skill',\n  [LearningOutcomeLevels.Three]: 'Skill set',\n};\n\nconst StyledBadge = styled(Badge)<{ level: LearningOutcomeLevels }>(\n  css({\n    borderColor: 'border-tertiary',\n  }),\n  variant({\n    prop: 'level',\n    variants: {\n      [LearningOutcomeLevels.One]: {\n        bg: 'background-selected',\n      },\n      [LearningOutcomeLevels.Two]: {\n        bg: 'green-100',\n      },\n      [LearningOutcomeLevels.Three]: {\n        bg: 'blue-100',\n      },\n    },\n  })\n);\n\ninterface LearningOutcomeLevelBadgeProps extends Pick<TextProps, 'textColor'> {\n  level: LearningOutcomeLevels;\n  size?: 'sm' | 'base';\n  removeBackground?: boolean;\n}\n\nexport const LearningOutcomeLevelBadge: React.FC<\n  LearningOutcomeLevelBadgeProps\n> = ({ level, size = 'sm', textColor, removeBackground }) => {\n  return (\n    <FlexBox\n      bg={removeBackground ? 'transparent' : 'white'}\n      height=\"min-content\"\n      width=\"min-content\"\n      borderRadius=\"xl\"\n    >\n      <StyledBadge\n        data-testid=\"learning-outcome-badge\"\n        size={size}\n        variant=\"tertiary\"\n        level={level}\n      >\n        <Text color={textColor || 'text'}>{learningOutcomeLabels[level]}</Text>\n      </StyledBadge>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;;UAIYM,uBAAAA;;;;GAAAA,0BAAAA,wBAAAA,EAAAA,EAAAA;AAMZ,MAAaC,wBAAwB;EACnC,IAA6B;EAC7B,IAA6B;EAC7B,IAA+B;CACjC;AAEA,MAAMC,cAAcH,6CAAOL,yBAAAA;;;qCACrB,EACFS,aAAa,mBACf,CAAA,wCACQ;CACNC,MAAM;CACNC,UAAU;GACR,IAA6B,EAC3BC,IAAI,uBACN;GACA,IAA6B,EAC3BA,IAAI,aACN;GACA,IAA+B,EAC7BA,IAAI,YACN;EACF;CACF,CAAA,EAAA,kkFAAA;AASF,MAAaC,6BAER,EAAEC,OAAOC,OAAO,MAAMC,WAAWC,uBAAkB;AACtD,QACE,sBAAA,cAAChB,2BAAAA;EACCW,IAAIK,mBAAmB,gBAAgB;EACvCC,QAAO;EACPC,OAAM;EACNC,cAAa;IAEb,sBAAA,cAACZ,aAAAA;EACCa,eAAY;EACNN;EACNX,SAAQ;EACDU;IAEP,sBAAA,cAACZ,wBAAAA,EAAKoB,OAAON,aAAa,UAAST,sBAAsBO,OAAM,CAAA,CAAA"}

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.cts

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

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLevelBadge.d.cts","names":[],"sources":["../../src/LearningOutcomeBadges/LearningOutcomeLevelBadge.tsx"],"mappings":";;;aAIY,qBAAA;EACV,GAAA;EACA,GAAA;EACA,KAAA;AAAA;AAAA,cAGW,qBAAA;;;;;UA0BH,8BAAA,SAAuC,IAAA,CAAK,SAAA;EACpD,KAAA,EAAO,qBAAA;EACP,IAAA;EACA,gBAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,KAAA,CAAM,EAAA,CAC5C,8BAAA"}

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.ts

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

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLevelBadge.d.ts","names":[],"sources":["../../src/LearningOutcomeBadges/LearningOutcomeLevelBadge.tsx"],"mappings":";;;aAIY,qBAAA;EACV,GAAA;EACA,GAAA;EACA,KAAA;AAAA;AAAA,cAGW,qBAAA;;;;;UA0BH,8BAAA,SAAuC,IAAA,CAAK,SAAA;EACpD,KAAA,EAAO,qBAAA;EACP,IAAA;EACA,gBAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,KAAA,CAAM,EAAA,CAC5C,8BAAA"}

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.js

@@ -1,57 +1,44 @@
-import _styled from "@emotion/styled/base";
-import { Badge, FlexBox, Text } from '@codecademy/gamut';
-import { css, variant } from '@codecademy/gamut-styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-export let LearningOutcomeLevels = /*#__PURE__*/function (LearningOutcomeLevels) {
-  LearningOutcomeLevels[LearningOutcomeLevels["One"] = 1] = "One";
-  LearningOutcomeLevels[LearningOutcomeLevels["Two"] = 2] = "Two";
-  LearningOutcomeLevels[LearningOutcomeLevels["Three"] = 3] = "Three";
-  return LearningOutcomeLevels;
-}({});
-export const learningOutcomeLabels = {
-  [LearningOutcomeLevels.One]: 'Subskill',
-  [LearningOutcomeLevels.Two]: 'Skill',
-  [LearningOutcomeLevels.Three]: 'Skill set'
+import { Badge, FlexBox, Text } from "@codecademy/gamut";
+import { css, variant } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+
+//#region src/LearningOutcomeBadges/LearningOutcomeLevelBadge.tsx
+var LearningOutcomeLevels;
+(function(LearningOutcomeLevels) {
+	LearningOutcomeLevels[LearningOutcomeLevels["One"] = 1] = "One";
+	LearningOutcomeLevels[LearningOutcomeLevels["Two"] = 2] = "Two";
+	LearningOutcomeLevels[LearningOutcomeLevels["Three"] = 3] = "Three";
+})(LearningOutcomeLevels || (LearningOutcomeLevels = {}));
+const learningOutcomeLabels = {
+	[1]: "Subskill",
+	[2]: "Skill",
+	[3]: "Skill set"
 };
-const StyledBadge = /*#__PURE__*/_styled(Badge, {
-  target: "e187pstn0",
-  label: "StyledBadge"
-})(css({
-  borderColor: 'border-tertiary'
-}), variant({
-  prop: 'level',
-  variants: {
-    [LearningOutcomeLevels.One]: {
-      bg: 'background-selected'
-    },
-    [LearningOutcomeLevels.Two]: {
-      bg: 'green-100'
-    },
-    [LearningOutcomeLevels.Three]: {
-      bg: 'blue-100'
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVCYWRnZXMvTGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JvQiIsImZpbGUiOiIuLi8uLi9zcmMvTGVhcm5pbmdPdXRjb21lQmFkZ2VzL0xlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEZsZXhCb3gsIFRleHQsIFRleHRQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBlbnVtIExlYXJuaW5nT3V0Y29tZUxldmVscyB7XG4gIE9uZSA9IDEsXG4gIFR3byA9IDIsXG4gIFRocmVlID0gMyxcbn1cblxuZXhwb3J0IGNvbnN0IGxlYXJuaW5nT3V0Y29tZUxhYmVscyA9IHtcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5PbmVdOiAnU3Vic2tpbGwnLFxuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlR3b106ICdTa2lsbCcsXG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWVdOiAnU2tpbGwgc2V0Jyxcbn07XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKEJhZGdlKTx7IGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfT4oXG4gIGNzcyh7XG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICB9KSxcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ2xldmVsJyxcbiAgICB2YXJpYW50czoge1xuICAgICAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5PbmVdOiB7XG4gICAgICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gICAgICB9LFxuICAgICAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5Ud29dOiB7XG4gICAgICAgIGJnOiAnZ3JlZW4tMTAwJyxcbiAgICAgIH0sXG4gICAgICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlRocmVlXToge1xuICAgICAgICBiZzogJ2JsdWUtMTAwJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmludGVyZmFjZSBMZWFybmluZ091dGNvbWVMZXZlbEJhZGdlUHJvcHMgZXh0ZW5kcyBQaWNrPFRleHRQcm9wcywgJ3RleHRDb2xvcic+IHtcbiAgbGV2ZWw6IExlYXJuaW5nT3V0Y29tZUxldmVscztcbiAgc2l6ZT86ICdzbScgfCAnYmFzZSc7XG4gIHJlbW92ZUJhY2tncm91bmQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZTogUmVhY3QuRkM8XG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2VQcm9wc1xuPiA9ICh7IGxldmVsLCBzaXplID0gJ3NtJywgdGV4dENvbG9yLCByZW1vdmVCYWNrZ3JvdW5kIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgYmc9e3JlbW92ZUJhY2tncm91bmQgPyAndHJhbnNwYXJlbnQnIDogJ3doaXRlJ31cbiAgICAgIGhlaWdodD1cIm1pbi1jb250ZW50XCJcbiAgICAgIHdpZHRoPVwibWluLWNvbnRlbnRcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwieGxcIlxuICAgID5cbiAgICAgIDxTdHlsZWRCYWRnZVxuICAgICAgICBkYXRhLXRlc3RpZD1cImxlYXJuaW5nLW91dGNvbWUtYmFkZ2VcIlxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICBsZXZlbD17bGV2ZWx9XG4gICAgICA+XG4gICAgICAgIDxUZXh0IGNvbG9yPXt0ZXh0Q29sb3IgfHwgJ3RleHQnfT57bGVhcm5pbmdPdXRjb21lTGFiZWxzW2xldmVsXX08L1RleHQ+XG4gICAgICA8L1N0eWxlZEJhZGdlPlxuICAgIDwvRmxleEJveD5cbiAgKTtcbn07XG4iXX0= */");
-export const LearningOutcomeLevelBadge = ({
-  level,
-  size = 'sm',
-  textColor,
-  removeBackground
-}) => {
-  return /*#__PURE__*/_jsx(FlexBox, {
-    bg: removeBackground ? 'transparent' : 'white',
-    height: "min-content",
-    width: "min-content",
-    borderRadius: "xl",
-    children: /*#__PURE__*/_jsx(StyledBadge, {
-      "data-testid": "learning-outcome-badge",
-      size: size,
-      variant: "tertiary",
-      level: level,
-      children: /*#__PURE__*/_jsx(Text, {
-        color: textColor || 'text',
-        children: learningOutcomeLabels[level]
-      })
-    })
-  });
-};
+const StyledBadge = /* @__PURE__ */ styled(Badge, {
+	target: "ed7bwo70",
+	label: "brand-StyledBadge"
+})(css({ borderColor: "border-tertiary" }), variant({
+	prop: "level",
+	variants: {
+		[1]: { bg: "background-selected" },
+		[2]: { bg: "green-100" },
+		[3]: { bg: "blue-100" }
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xlYXJuaW5nT3V0Y29tZUJhZGdlcy9MZWFybmluZ091dGNvbWVMZXZlbEJhZGdlLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xlYXJuaW5nT3V0Y29tZUJhZGdlcy9MZWFybmluZ091dGNvbWVMZXZlbEJhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWRnZSwgRmxleEJveCwgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgY3NzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGVudW0gTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHtcbiAgT25lID0gMSxcbiAgVHdvID0gMixcbiAgVGhyZWUgPSAzLFxufVxuXG5leHBvcnQgY29uc3QgbGVhcm5pbmdPdXRjb21lTGFiZWxzID0ge1xuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZV06ICdTdWJza2lsbCcsXG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvXTogJ1NraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5UaHJlZV06ICdTa2lsbCBzZXQnLFxufTtcblxuY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoQmFkZ2UpPHsgbGV2ZWw6IExlYXJuaW5nT3V0Y29tZUxldmVscyB9PihcbiAgY3NzKHtcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci10ZXJ0aWFyeScsXG4gIH0pLFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnbGV2ZWwnLFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLk9uZV06IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICAgIH0sXG4gICAgICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlR3b106IHtcbiAgICAgICAgYmc6ICdncmVlbi0xMDAnLFxuICAgICAgfSxcbiAgICAgIFtMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWVdOiB7XG4gICAgICAgIGJnOiAnYmx1ZS0xMDAnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2VQcm9wcyBleHRlbmRzIFBpY2s8VGV4dFByb3BzLCAndGV4dENvbG9yJz4ge1xuICBsZXZlbDogTGVhcm5pbmdPdXRjb21lTGV2ZWxzO1xuICBzaXplPzogJ3NtJyB8ICdiYXNlJztcbiAgcmVtb3ZlQmFja2dyb3VuZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVMZXZlbEJhZGdlOiBSZWFjdC5GQzxcbiAgTGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZVByb3BzXG4+ID0gKHsgbGV2ZWwsIHNpemUgPSAnc20nLCB0ZXh0Q29sb3IsIHJlbW92ZUJhY2tncm91bmQgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBiZz17cmVtb3ZlQmFja2dyb3VuZCA/ICd0cmFuc3BhcmVudCcgOiAnd2hpdGUnfVxuICAgICAgaGVpZ2h0PVwibWluLWNvbnRlbnRcIlxuICAgICAgd2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICBib3JkZXJSYWRpdXM9XCJ4bFwiXG4gICAgPlxuICAgICAgPFN0eWxlZEJhZGdlXG4gICAgICAgIGRhdGEtdGVzdGlkPVwibGVhcm5pbmctb3V0Y29tZS1iYWRnZVwiXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgIGxldmVsPXtsZXZlbH1cbiAgICAgID5cbiAgICAgICAgPFRleHQgY29sb3I9e3RleHRDb2xvciB8fCAndGV4dCd9PntsZWFybmluZ091dGNvbWVMYWJlbHNbbGV2ZWxdfTwvVGV4dD5cbiAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9CIn0= */");
+const LearningOutcomeLevelBadge = ({ level, size = "sm", textColor, removeBackground }) => {
+	return /* @__PURE__ */ React.createElement(FlexBox, {
+		bg: removeBackground ? "transparent" : "white",
+		height: "min-content",
+		width: "min-content",
+		borderRadius: "xl"
+	}, /* @__PURE__ */ React.createElement(StyledBadge, {
+		"data-testid": "learning-outcome-badge",
+		size,
+		variant: "tertiary",
+		level
+	}, /* @__PURE__ */ React.createElement(Text, { color: textColor || "text" }, learningOutcomeLabels[level])));
+};
+
+//#endregion
+export { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels };
+//# sourceMappingURL=LearningOutcomeLevelBadge.js.map

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLevelBadge.js","names":["Badge","FlexBox","Text","css","variant","styled","LearningOutcomeLevels","learningOutcomeLabels","StyledBadge","borderColor","prop","variants","bg","LearningOutcomeLevelBadge","level","size","textColor","removeBackground","height","width","borderRadius","data-testid","color"],"sources":["../../src/LearningOutcomeBadges/LearningOutcomeLevelBadge.tsx"],"sourcesContent":["import { Badge, FlexBox, Text, TextProps } from '@codecademy/gamut';\nimport { css, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nexport enum LearningOutcomeLevels {\n  One = 1,\n  Two = 2,\n  Three = 3,\n}\n\nexport const learningOutcomeLabels = {\n  [LearningOutcomeLevels.One]: 'Subskill',\n  [LearningOutcomeLevels.Two]: 'Skill',\n  [LearningOutcomeLevels.Three]: 'Skill set',\n};\n\nconst StyledBadge = styled(Badge)<{ level: LearningOutcomeLevels }>(\n  css({\n    borderColor: 'border-tertiary',\n  }),\n  variant({\n    prop: 'level',\n    variants: {\n      [LearningOutcomeLevels.One]: {\n        bg: 'background-selected',\n      },\n      [LearningOutcomeLevels.Two]: {\n        bg: 'green-100',\n      },\n      [LearningOutcomeLevels.Three]: {\n        bg: 'blue-100',\n      },\n    },\n  })\n);\n\ninterface LearningOutcomeLevelBadgeProps extends Pick<TextProps, 'textColor'> {\n  level: LearningOutcomeLevels;\n  size?: 'sm' | 'base';\n  removeBackground?: boolean;\n}\n\nexport const LearningOutcomeLevelBadge: React.FC<\n  LearningOutcomeLevelBadgeProps\n> = ({ level, size = 'sm', textColor, removeBackground }) => {\n  return (\n    <FlexBox\n      bg={removeBackground ? 'transparent' : 'white'}\n      height=\"min-content\"\n      width=\"min-content\"\n      borderRadius=\"xl\"\n    >\n      <StyledBadge\n        data-testid=\"learning-outcome-badge\"\n        size={size}\n        variant=\"tertiary\"\n        level={level}\n      >\n        <Text color={textColor || 'text'}>{learningOutcomeLabels[level]}</Text>\n      </StyledBadge>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;UAIYM,uBAAAA;;;;GAAAA,0BAAAA,wBAAAA,EAAAA,EAAAA;AAMZ,MAAaC,wBAAwB;EACnC,IAA6B;EAC7B,IAA6B;EAC7B,IAA+B;CACjC;AAEA,MAAMC,cAAcH,uBAAOL,OAAAA;;;GACzBG,IAAI,EACFM,aAAa,mBACf,CAAA,EACAL,QAAQ;CACNM,MAAM;CACNC,UAAU;GACR,IAA6B,EAC3BC,IAAI,uBACN;GACA,IAA6B,EAC3BA,IAAI,aACN;GACA,IAA+B,EAC7BA,IAAI,YACN;EACF;CACF,CAAA,EAAA,kkFAAA;AASF,MAAaC,6BAER,EAAEC,OAAOC,OAAO,MAAMC,WAAWC,uBAAkB;AACtD,QACE,sBAAA,cAAChB,SAAAA;EACCW,IAAIK,mBAAmB,gBAAgB;EACvCC,QAAO;EACPC,OAAM;EACNC,cAAa;IAEb,sBAAA,cAACZ,aAAAA;EACCa,eAAY;EACNN;EACNX,SAAQ;EACDU;IAEP,sBAAA,cAACZ,MAAAA,EAAKoB,OAAON,aAAa,UAAST,sBAAsBO,OAAM,CAAA,CAAA"}

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.cjs

@@ -0,0 +1,37 @@
+const require_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_runtime.__toESM(_emotion_styled);
+
+//#region src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.tsx
+const LearningOutcomeLowAssessmentDot = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "e10greo90",
+	label: "brand-LearningOutcomeLowAssessmentDot"
+})((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
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xlYXJuaW5nT3V0Y29tZUJhZGdlcy9MZWFybmluZ091dGNvbWVMb3dBc3Nlc3NtZW50QmFkZ2UudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGVhcm5pbmdPdXRjb21lQmFkZ2VzL0xlYXJuaW5nT3V0Y29tZUxvd0Fzc2Vzc21lbnRCYWRnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgc3RhdGVzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nT3V0Y29tZUxvd0Fzc2Vzc21lbnREb3QgPSBzdHlsZWQoQm94KTx7XG4gIGhhc0JvcmRlcj86IGJvb2xlYW47XG4gIHNtYWxsPzogYm9vbGVhbjtcbn0+KFxuICBjc3Moe1xuICAgIGJnOiAnb3JhbmdlLTUwMCcsXG4gICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gICAgaGVpZ2h0OiAxNixcbiAgICB3aWR0aDogMTYsXG4gIH0pLFxuICBzdGF0ZXMoe1xuICAgIGhhc0JvcmRlcjoge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdiYWNrZ3JvdW5kLWNvbnRyYXN0JyxcbiAgICB9LFxuICAgIHNtYWxsOiB7XG4gICAgICBoZWlnaHQ6IDgsXG4gICAgICB3aWR0aDogOCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nT3V0Y29tZUxvd0Fzc2Vzc21lbnRCYWRnZTogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJhZGdlIHZhcmlhbnQ9XCJjdXN0b21cIiBzaXplPVwic21cIiBiZz1cIm9yYW5nZS0xMDBcIj5cbiAgICAgIDxMZWFybmluZ091dGNvbWVMb3dBc3Nlc3NtZW50RG90IHNtYWxsIC8+XG4gICAgICA8VGV4dCBtbD17NH0+TmVlZHMgcmV2aWV3PC9UZXh0PlxuICAgIDwvQmFkZ2U+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkrQyJ9 */");
+const LearningOutcomeLowAssessmentBadge = () => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Badge, {
+		variant: "custom",
+		size: "sm",
+		bg: "orange-100"
+	}, /* @__PURE__ */ React.createElement(LearningOutcomeLowAssessmentDot, { small: true }), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { ml: 4 }, "Needs review"));
+};
+
+//#endregion
+exports.LearningOutcomeLowAssessmentBadge = LearningOutcomeLowAssessmentBadge;
+exports.LearningOutcomeLowAssessmentDot = LearningOutcomeLowAssessmentDot;
+//# sourceMappingURL=LearningOutcomeLowAssessmentBadge.cjs.map

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLowAssessmentBadge.cjs","names":["Badge","Box","Text","css","states","styled","LearningOutcomeLowAssessmentDot","bg","borderRadius","height","width","hasBorder","border","borderColor","small","LearningOutcomeLowAssessmentBadge","variant","size","ml"],"sources":["../../src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.tsx"],"sourcesContent":["import { Badge, Box, Text } from '@codecademy/gamut';\nimport { css, states } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nexport const LearningOutcomeLowAssessmentDot = styled(Box)<{\n  hasBorder?: boolean;\n  small?: boolean;\n}>(\n  css({\n    bg: 'orange-500',\n    borderRadius: 'full',\n    height: 16,\n    width: 16,\n  }),\n  states({\n    hasBorder: {\n      border: 2,\n      borderColor: 'background-contrast',\n    },\n    small: {\n      height: 8,\n      width: 8,\n    },\n  })\n);\n\nexport const LearningOutcomeLowAssessmentBadge: React.FC = () => {\n  return (\n    <Badge variant=\"custom\" size=\"sm\" bg=\"orange-100\">\n      <LearningOutcomeLowAssessmentDot small />\n      <Text ml={4}>Needs review</Text>\n    </Badge>\n  );\n};\n"],"mappings":";;;;;;;AAIA,MAAaM,kCAAkCD,6CAAOJ,uBAAAA;;;qCAIhD;CACFM,IAAI;CACJC,cAAc;CACdC,QAAQ;CACRC,OAAO;CACT,CAAA,uCACO;CACLC,WAAW;EACTC,QAAQ;EACRC,aAAa;EACf;CACAC,OAAO;EACLL,QAAQ;EACRC,OAAO;EACT;CACF,CAAA,EAAA,8+CAAA;AAGF,MAAaK,0CAA8C;AACzD,QACE,sBAAA,cAACf,yBAAAA;EAAMgB,SAAQ;EAASC,MAAK;EAAKV,IAAG;IACnC,sBAAA,cAACD,iCAAAA,EAAgCQ,OAAAA,SACjC,sBAAA,cAACZ,wBAAAA,EAAKgB,IAAI,KAAG,eAAA,CAAA"}

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.cts

@@ -0,0 +1,19 @@
+import * as _codecademy_gamut0 from "@codecademy/gamut";
+import * as react from "react";
+import * as _emotion_react0 from "@emotion/react";
+import * as _emotion_styled0 from "@emotion/styled";
+
+//#region src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.ts
+declare const LearningOutcomeLowAssessmentDot: _emotion_styled0.StyledComponent<{
+  theme?: _emotion_react0.Theme | undefined;
+  as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
+} & _codecademy_gamut0.BoxProps & Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "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-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" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof react.ClassAttributes<HTMLDivElement>> & {
+  theme?: _emotion_react0.Theme;
+} & {
+  hasBorder?: boolean;
+  small?: boolean;
+}, {}, {}>;
+declare const LearningOutcomeLowAssessmentBadge: React.FC;
+//#endregion
+export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };
+//# sourceMappingURL=LearningOutcomeLowAssessmentBadge.d.cts.map

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLowAssessmentBadge.d.cts","names":[],"sources":["../../src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.tsx"],"mappings":";;;;;;cAIa,+BAAA,mBAA+B,eAAA;UAoB3C,eAAA,CAAA,KAAA;;;;;;;;cAEY,iCAAA,EAAmC,KAAA,CAAM,EAAA"}