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

package/dist/LayoutMenuVariant/LayoutMenuSection.js

@@ -1,34 +1,42 @@
-import { SectionItemLink } from "./SectionItemLink.js";
-import { Box, FlexBox } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/LayoutMenuVariant/LayoutMenuSection.tsx
-const StyledBox = styled(Box)`
-  list-style: none;
-`;
-const LayoutMenuSection = ({ items, onItemClick, ...styleProps }) => /* @__PURE__ */ jsx(Box, {
-	...styleProps,
-	as: "menu",
-	px: 4,
-	m: 0,
-	children: items.map((item) => /* @__PURE__ */ jsx(StyledBox, {
-		as: "li",
-		children: /* @__PURE__ */ jsx(SectionItemLink, {
-			href: item.href,
-			onClick: (event) => {
-				item.onClick(event);
-				onItemClick();
-			},
-			variant: item.variant ?? "interface",
-			children: /* @__PURE__ */ jsxs(FlexBox, {
-				alignItems: "center",
-				children: [item.title, item.badge]
-			})
-		})
-	}, item.slug))
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Box, FlexBox } from '@codecademy/gamut';
+import React from 'react';
+import { SectionItemLink } from './SectionItemLink';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const StyledBox = /*#__PURE__*/_styled(Box, {
+  target: "ev4vfkc0",
+  label: "StyledBox"
+})(process.env.NODE_ENV === "production" ? {
+  name: "qr8q5p",
+  styles: "list-style:none"
+} : {
+  name: "qr8q5p",
+  styles: "list-style:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51VmFyaWFudC9MYXlvdXRNZW51U2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QiIsImZpbGUiOiIuLi8uLi9zcmMvTGF5b3V0TWVudVZhcmlhbnQvTGF5b3V0TWVudVNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3lzdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBTZWN0aW9uSXRlbSB9IGZyb20gJy4vQWNjb3JkaW9uTWVudSc7XG5pbXBvcnQgeyBTZWN0aW9uSXRlbUxpbmsgfSBmcm9tICcuL1NlY3Rpb25JdGVtTGluayc7XG5cbmV4cG9ydCB0eXBlIExheW91dE1lbnVTZWN0aW9uU3R5bGVzID0gU3R5bGVQcm9wczx0eXBlb2Ygc3lzdGVtLnNwYWNlPjtcblxuZXhwb3J0IHR5cGUgTGF5b3V0TWVudVNlY3Rpb25Qcm9wcyA9IExheW91dE1lbnVTZWN0aW9uU3R5bGVzICYge1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQoQm94KWBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5leHBvcnQgY29uc3QgTGF5b3V0TWVudVNlY3Rpb246IFJlYWN0LkZDPExheW91dE1lbnVTZWN0aW9uUHJvcHM+ID0gKHtcbiAgaXRlbXMsXG4gIG9uSXRlbUNsaWNrLFxuICAuLi5zdHlsZVByb3BzXG59KSA9PiAoXG4gIDxCb3ggey4uLnN0eWxlUHJvcHN9IGFzPVwibWVudVwiIHB4PXs0fSBtPXswfT5cbiAgICB7aXRlbXMubWFwKChpdGVtKSA9PiAoXG4gICAgICA8U3R5bGVkQm94IGtleT17aXRlbS5zbHVnfSBhcz1cImxpXCI+XG4gICAgICAgIDxTZWN0aW9uSXRlbUxpbmtcbiAgICAgICAgICBocmVmPXtpdGVtLmhyZWZ9XG4gICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBpdGVtLm9uQ2xpY2soZXZlbnQpO1xuICAgICAgICAgICAgb25JdGVtQ2xpY2soKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIHZhcmlhbnQ9e2l0ZW0udmFyaWFudCA/PyAnaW50ZXJmYWNlJ31cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIHtpdGVtLnRpdGxlfVxuICAgICAgICAgICAge2l0ZW0uYmFkZ2V9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L1NlY3Rpb25JdGVtTGluaz5cbiAgICAgIDwvU3R5bGVkQm94PlxuICAgICkpfVxuICA8L0JveD5cbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
-//#endregion
-export { LayoutMenuSection };
+export const LayoutMenuSection = ({
+  items,
+  onItemClick,
+  ...styleProps
+}) => /*#__PURE__*/_jsx(Box, {
+  ...styleProps,
+  as: "menu",
+  px: 4,
+  m: 0,
+  children: items.map(item => /*#__PURE__*/_jsx(StyledBox, {
+    as: "li",
+    children: /*#__PURE__*/_jsx(SectionItemLink, {
+      href: item.href,
+      onClick: event => {
+        item.onClick(event);
+        onItemClick();
+      },
+      variant: item.variant ?? 'interface',
+      children: /*#__PURE__*/_jsxs(FlexBox, {
+        alignItems: "center",
+        children: [item.title, item.badge]
+      })
+    })
+  }, item.slug))
+});

package/dist/LayoutMenuVariant/SectionItemLink.d.ts

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

package/dist/LayoutMenuVariant/SectionItemLink.js

@@ -1,17 +1,17 @@
-import { Anchor } from "@codecademy/gamut";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/LayoutMenuVariant/SectionItemLink.tsx
-const SectionItemLink = ({ onClick, href, variant = "interface", children }) => {
-	return /* @__PURE__ */ jsx(Anchor, {
-		variant,
-		display: "block",
-		href,
-		onClick,
-		children
-	});
-};
-
-//#endregion
-export { SectionItemLink };
+import { Anchor } from '@codecademy/gamut';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SectionItemLink = ({
+  onClick,
+  href,
+  variant = 'interface',
+  children
+}) => {
+  return /*#__PURE__*/_jsx(Anchor, {
+    variant: variant,
+    display: "block",
+    href: href,
+    onClick: onClick,
+    children: children
+  });
+};

package/dist/LayoutMenuVariant/index.d.ts

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

package/dist/LayoutMenuVariant/index.js

@@ -1,12 +1,2 @@
-import { __export } from "../_virtual/rolldown_runtime.js";
-import { SectionItemLink } from "./SectionItemLink.js";
-import { LayoutMenu } from "./LayoutMenu.js";
-
-//#region src/LayoutMenuVariant/index.ts
-var LayoutMenuVariant_exports = /* @__PURE__ */ __export({
-	LayoutMenu: () => LayoutMenu,
-	SectionItemLink: () => SectionItemLink
-});
-
-//#endregion
-export { LayoutMenu, LayoutMenuVariant_exports, SectionItemLink };
+export * from './LayoutMenu';
+export * from './SectionItemLink';

package/dist/LearningOutcomeAssessmentScores/AssessmentDetail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AssessmentDetailProps {
+    isHighestScore?: boolean;
+    score?: number | null;
+    scoreAchievedAt?: string | null;
+}
+export declare const AssessmentDetail: React.FC<AssessmentDetailProps>;
+export {};

package/dist/LearningOutcomeAssessmentScores/AssessmentDetail.js

@@ -1,50 +1,55 @@
-import { Box, FlexBox, Text } from "@codecademy/gamut";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/LearningOutcomeAssessmentScores/AssessmentDetail.tsx
-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" : void 0,
-				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" })]
-		})]
-	});
-};
-
-//#endregion
-export { AssessmentDetail };
+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"
+      })]
+    })]
+  });
+};

package/dist/LearningOutcomeAssessmentScores/index.d.ts

@@ -1,10 +1,8 @@
-//#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;
 }
-declare const LearningOutcomeAssessmentScores: React.FC<AssessmentScoresProps>;
-//#endregion
-export { LearningOutcomeAssessmentScores };
+export declare const LearningOutcomeAssessmentScores: React.FC<AssessmentScoresProps>;
+export {};

package/dist/LearningOutcomeAssessmentScores/index.js

@@ -1,24 +1,24 @@
-import { AssessmentDetail } from "./AssessmentDetail.js";
-import { FlexBox } from "@codecademy/gamut";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/LearningOutcomeAssessmentScores/index.tsx
-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
-		})]
-	});
-};
-
-//#endregion
-export { LearningOutcomeAssessmentScores };
+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
+    })]
+  });
+};

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.ts

@@ -1,21 +1,18 @@
-import { TextProps } from "@codecademy/gamut";
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.ts
-declare enum LearningOutcomeLevels {
-  One = 1,
-  Two = 2,
-  Three = 3,
+import { TextProps } from '@codecademy/gamut';
+export declare enum LearningOutcomeLevels {
+    One = 1,
+    Two = 2,
+    Three = 3
 }
-declare const learningOutcomeLabels: {
-  1: string;
-  2: string;
-  3: string;
+export 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;
 }
-declare const LearningOutcomeLevelBadge: React.FC<LearningOutcomeLevelBadgeProps>;
-//#endregion
-export { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels };
+export declare const LearningOutcomeLevelBadge: React.FC<LearningOutcomeLevelBadgeProps>;
+export {};

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.js

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

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.ts

@@ -1,18 +1,10 @@
-import * as _codecademy_gamut0 from "@codecademy/gamut";
-import * as _emotion_styled3 from "@emotion/styled";
-import * as react13 from "react";
-import * as _emotion_react8 from "@emotion/react";
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.ts
-declare const LearningOutcomeLowAssessmentDot: _emotion_styled3.StyledComponent<{
-  theme?: _emotion_react8.Theme | undefined;
-  as?: react13.ElementType<any, keyof react13.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut0.BoxProps & Pick<react13.DetailedHTMLProps<react13.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof react13.ClassAttributes<HTMLDivElement>> & {
-  theme?: _emotion_react8.Theme;
+export declare const LearningOutcomeLowAssessmentDot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("@codecademy/gamut").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | keyof import("react").ClassAttributes<HTMLDivElement>> & {
+    theme?: import("@emotion/react").Theme;
 } & {
-  hasBorder?: boolean;
-  small?: boolean;
+    hasBorder?: boolean;
+    small?: boolean;
 }, {}, {}>;
-declare const LearningOutcomeLowAssessmentBadge: React.FC;
-//#endregion
-export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };
+export declare const LearningOutcomeLowAssessmentBadge: React.FC;

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.js

@@ -1,35 +1,35 @@
-import { Badge, Box, Text } from "@codecademy/gamut";
-import { css, states } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.tsx
-const LearningOutcomeLowAssessmentDot = styled(Box)(css({
-	bg: "orange-500",
-	borderRadius: "full",
-	height: 16,
-	width: 16
+import _styled from "@emotion/styled/base";
+import { Badge, Box, Text } from '@codecademy/gamut';
+import { css, states } from '@codecademy/gamut-styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LearningOutcomeLowAssessmentDot = /*#__PURE__*/_styled(Box, {
+  target: "ege7mnh0",
+  label: "LearningOutcomeLowAssessmentDot"
+})(css({
+  bg: 'orange-500',
+  borderRadius: 'full',
+  height: 16,
+  width: 16
 }), states({
-	hasBorder: {
-		border: 2,
-		borderColor: "background-contrast"
-	},
-	small: {
-		height: 8,
-		width: 8
-	}
-}));
-const LearningOutcomeLowAssessmentBadge = () => {
-	return /* @__PURE__ */ jsxs(Badge, {
-		variant: "custom",
-		size: "sm",
-		bg: "orange-100",
-		children: [/* @__PURE__ */ jsx(LearningOutcomeLowAssessmentDot, { small: true }), /* @__PURE__ */ jsx(Text, {
-			ml: 4,
-			children: "Needs review"
-		})]
-	});
-};
-
-//#endregion
-export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };
+  hasBorder: {
+    border: 2,
+    borderColor: 'background-contrast'
+  },
+  small: {
+    height: 8,
+    width: 8
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVCYWRnZXMvTGVhcm5pbmdPdXRjb21lTG93QXNzZXNzbWVudEJhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJK0MiLCJmaWxlIjoiLi4vLi4vc3JjL0xlYXJuaW5nT3V0Y29tZUJhZGdlcy9MZWFybmluZ091dGNvbWVMb3dBc3Nlc3NtZW50QmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcywgc3RhdGVzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nT3V0Y29tZUxvd0Fzc2Vzc21lbnREb3QgPSBzdHlsZWQoQm94KTx7XG4gIGhhc0JvcmRlcj86IGJvb2xlYW47XG4gIHNtYWxsPzogYm9vbGVhbjtcbn0+KFxuICBjc3Moe1xuICAgIGJnOiAnb3JhbmdlLTUwMCcsXG4gICAgYm9yZGVyUmFkaXVzOiAnZnVsbCcsXG4gICAgaGVpZ2h0OiAxNixcbiAgICB3aWR0aDogMTYsXG4gIH0pLFxuICBzdGF0ZXMoe1xuICAgIGhhc0JvcmRlcjoge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdiYWNrZ3JvdW5kLWNvbnRyYXN0JyxcbiAgICB9LFxuICAgIHNtYWxsOiB7XG4gICAgICBoZWlnaHQ6IDgsXG4gICAgICB3aWR0aDogOCxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nT3V0Y29tZUxvd0Fzc2Vzc21lbnRCYWRnZTogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJhZGdlIHZhcmlhbnQ9XCJjdXN0b21cIiBzaXplPVwic21cIiBiZz1cIm9yYW5nZS0xMDBcIj5cbiAgICAgIDxMZWFybmluZ091dGNvbWVMb3dBc3Nlc3NtZW50RG90IHNtYWxsIC8+XG4gICAgICA8VGV4dCBtbD17NH0+TmVlZHMgcmV2aWV3PC9UZXh0PlxuICAgIDwvQmFkZ2U+XG4gICk7XG59O1xuIl19 */");
+export const LearningOutcomeLowAssessmentBadge = () => {
+  return /*#__PURE__*/_jsxs(Badge, {
+    variant: "custom",
+    size: "sm",
+    bg: "orange-100",
+    children: [/*#__PURE__*/_jsx(LearningOutcomeLowAssessmentDot, {
+      small: true
+    }), /*#__PURE__*/_jsx(Text, {
+      ml: 4,
+      children: "Needs review"
+    })]
+  });
+};