@codecademy/brand 4.0.0-alpha.14deb86052.0 → 4.0.0-alpha.65b0979c7d.0

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.d.ts

@@ -18,4 +18,5 @@ interface LearningOutcomeLevelBadgeProps extends Pick<TextProps, 'textColor'> {
 }
 declare const LearningOutcomeLevelBadge: React.FC<LearningOutcomeLevelBadgeProps>;
 //#endregion
-export { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels };
+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"],"sourcesContent":[],"mappings":";;;aAIY,qBAAA;;EAAA,GAAA,GAAA,CAAA;EAMC,KAAA,GAAA,CAAA;AAIX;AAsBoD,cA1BzC,qBA0ByC,EAAA;EAC7C,CAAA,EAAA,MAAA;EADwC,CAAA,EAAA,MAAA;EAAI,CAAA,EAAA,MAAA;AAMrD,CAAA;UANU,8BAAA,SAAuC,KAAK;SAC7C;;;;cAKI,2BAA2B,KAAA,CAAM,GAC5C"}

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.js

@@ -43,4 +43,5 @@ const LearningOutcomeLevelBadge = ({ level, size = "sm", textColor, removeBackgr
 };
 
 //#endregion
-export { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels };
+export { LearningOutcomeLevelBadge, LearningOutcomeLevels, learningOutcomeLabels };
+//# sourceMappingURL=LearningOutcomeLevelBadge.js.map

package/dist/LearningOutcomeBadges/LearningOutcomeLevelBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLevelBadge.js","names":["LearningOutcomeLevelBadge: React.FC<\n  LearningOutcomeLevelBadgeProps\n>"],"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":";;;;;;AAIA,IAAY,0EAAL;AACL;AACA;AACA;;;AAGF,MAAa,wBAAwB;EAClC,sBAAsB,MAAM;EAC5B,sBAAsB,MAAM;EAC5B,sBAAsB,QAAQ;CAChC;AAED,MAAM,cAAc,OAAO,MAAM,CAC/B,IAAI,EACF,aAAa,mBACd,CAAC,EACF,QAAQ;CACN,MAAM;CACN,UAAU;GACP,sBAAsB,MAAM,EAC3B,IAAI,uBACL;GACA,sBAAsB,MAAM,EAC3B,IAAI,aACL;GACA,sBAAsB,QAAQ,EAC7B,IAAI,YACL;EACF;CACF,CAAC,CACH;AAQD,MAAaA,6BAER,EAAE,OAAO,OAAO,MAAM,WAAW,uBAAuB;AAC3D,QACE,oBAAC;EACC,IAAI,mBAAmB,gBAAgB;EACvC,QAAO;EACP,OAAM;EACN,cAAa;YAEb,oBAAC;GACC,eAAY;GACN;GACN,SAAQ;GACD;aAEP,oBAAC;IAAK,OAAO,aAAa;cAAS,sBAAsB;KAAc;IAC3D;GACN"}

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.d.ts

@@ -1,18 +1,19 @@
 import * as _codecademy_gamut0 from "@codecademy/gamut";
-import * as _emotion_styled4 from "@emotion/styled";
-import * as react14 from "react";
-import * as _emotion_react9 from "@emotion/react";
+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_styled4.StyledComponent<{
-  theme?: _emotion_react9.Theme | undefined;
-  as?: react14.ElementType<any, keyof react14.JSX.IntrinsicElements> | undefined;
-} & _codecademy_gamut0.BoxProps & Pick<react14.DetailedHTMLProps<react14.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof react14.ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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"> & {
-  theme?: _emotion_react9.Theme;
+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" | "content" | "translate" | "property" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof react13.ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onResize" | "onResizeCapture" | "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"> & {
+  theme?: _emotion_react8.Theme;
 } & {
   hasBorder?: boolean;
   small?: boolean;
 }, {}, {}>;
 declare const LearningOutcomeLowAssessmentBadge: React.FC;
 //#endregion
-export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };
+export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };
+//# sourceMappingURL=LearningOutcomeLowAssessmentBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLowAssessmentBadge.d.ts","names":[],"sources":["../../src/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,kDAA+B;UAoB3C,eAAA,CAAA,KAAA;;;;;EApBY,SAAA,CAAA,EAAA,OAAA;EAoBZ,KAAA,CAAA,EAAA,OAAA;;cAEY,mCAAmC,KAAA,CAAM"}

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.js

@@ -32,4 +32,5 @@ const LearningOutcomeLowAssessmentBadge = () => {
 };
 
 //#endregion
-export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };
+export { LearningOutcomeLowAssessmentBadge, LearningOutcomeLowAssessmentDot };
+//# sourceMappingURL=LearningOutcomeLowAssessmentBadge.js.map

package/dist/LearningOutcomeBadges/LearningOutcomeLowAssessmentBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeLowAssessmentBadge.js","names":["LearningOutcomeLowAssessmentBadge: React.FC"],"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,MAAa,kCAAkC,OAAO,IAAI,CAIxD,IAAI;CACF,IAAI;CACJ,cAAc;CACd,QAAQ;CACR,OAAO;CACR,CAAC,EACF,OAAO;CACL,WAAW;EACT,QAAQ;EACR,aAAa;EACd;CACD,OAAO;EACL,QAAQ;EACR,OAAO;EACR;CACF,CAAC,CACH;AAED,MAAaA,0CAAoD;AAC/D,QACE,qBAAC;EAAM,SAAQ;EAAS,MAAK;EAAK,IAAG;aACnC,oBAAC,mCAAgC,cAAQ,EACzC,oBAAC;GAAK,IAAI;aAAG;IAAmB;GAC1B"}

package/dist/LearningOutcomeCard/index.d.ts

@@ -28,4 +28,5 @@ interface LearningOutcomeCardProps {
 }
 declare const LearningOutcomeCard: React.FC<LearningOutcomeCardProps>;
 //#endregion
-export { LearningOutcomeCard };
+export { LearningOutcomeCard };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/LearningOutcomeCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBU,oBAAA;;;AALwB,UAQxB,wBAAA,CAHoB;EAGpB,KAAA,EACD,qBADyB,GAAA,IAAA,GAAA,SAAA;EACzB,OAAA,EAAA,MAAA;EAGQ,EAAA,CAAA,EAAA,IAAA;EAIN,YAAA,CAAA,EAJM,WAIN;EAAoB,aAAA,CAAA,EAAA,OAAA;EA2IlB,IAAA,CAAA,EAAA,YAAA,GAgHZ,MAAA;;WA3PU;;;;;;;;;;;;cA2IE,qBAAqB,KAAA,CAAM,GAAG"}

package/dist/LearningOutcomeCard/index.js

@@ -162,4 +162,5 @@ const LearningOutcomeCard = ({ level, outcome, as, headingLevel, isInteractive =
 };
 
 //#endregion
-export { LearningOutcomeCard };
+export { LearningOutcomeCard };
+//# sourceMappingURL=index.js.map

package/dist/LearningOutcomeCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LearningOutcomeCard: React.FC<LearningOutcomeCardProps>"],"sources":["../../src/LearningOutcomeCard/index.tsx"],"sourcesContent":["import {\n  Card,\n  FlexBox,\n  HeadingTags,\n  RadialProgress,\n  Text,\n} from '@codecademy/gamut';\nimport { CheckIcon } from '@codecademy/gamut-icons';\nimport { css, theme, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport {\n  learningOutcomeLabels,\n  LearningOutcomeLevelBadge,\n  LearningOutcomeLevels,\n} from '../LearningOutcomeBadges';\nimport { progressState } from '../LearningOutcomeTile';\nimport { Progress } from '../LearningOutcomeTile/types';\n\n// to match the type from gql schema\ninterface LearningOutcomeSkill {\n  title?: string | null | undefined;\n}\ninterface LearningOutcomeCardProps {\n  level: LearningOutcomeLevels | null | undefined;\n  outcome: string;\n  as?: 'li';\n  headingLevel?: HeadingTags;\n  isInteractive?: boolean;\n  mode?: 'emphasized' | 'base';\n  progress?: number;\n  skills?: LearningOutcomeSkill[] | null;\n\n  /**\n   * Optional prop for progress updates, used to animate the radial progress from a previous value to the current value.\n   * Need to provide previousProgress and progressDuraion to animate the radial progress.\n   * If progress is 100, completionDelay needs to be provided instead of progressDuration to delay the display of the completion icon.\n   */\n  progressUpdateData?: {\n    previousProgress: number;\n    progressDuration?: number;\n    completionDelay?: number;\n  };\n}\n\ninterface ProgressProps {\n  displayValue: number;\n  progressDuration: number | undefined;\n  radialValue: number | number[];\n  startRadialAnimation: boolean;\n  showCompletionIcon: boolean;\n}\n\nconst COMPLETED_COLOR = 'yellow-500';\n\nconst SkillTag = styled(FlexBox)(\n  css({\n    px: 8,\n    textColor: 'secondary',\n    opacity: '0.65',\n    bg: 'background-selected',\n    justifyContent: 'space-between',\n  })\n);\n\nconst StyledCard = styled(Card)<{\n  progress: Progress;\n  mode?: 'emphasized' | 'base';\n}>((props) => ({\n  ...variant({\n    prop: 'mode',\n    defaultVariant: 'base',\n    base: {\n      border: 2,\n      borderRadius: 'lg',\n      borderColor:\n        props.progress === Progress.completed\n          ? COMPLETED_COLOR\n          : 'border-tertiary',\n      display: 'flex',\n      flexDirection: props.progress === Progress.notStarted ? 'column' : 'row',\n      alignSelf: 'stretch',\n      overflow: 'auto',\n      gap: props.progress === Progress.notStarted ? 0 : 32,\n    },\n    variants: {\n      emphasized: {\n        bg: 'background-primary',\n        borderRadius: 'xl',\n        py: 32,\n        px: 24,\n      },\n      base: {\n        bg: 'background-current',\n        py: 24,\n        px: 16,\n      },\n    },\n  })(props),\n}));\n\nconst renderProgress = ({\n  displayValue,\n  progressDuration,\n  radialValue,\n  startRadialAnimation,\n  showCompletionIcon,\n}: ProgressProps) => (\n  <FlexBox\n    flexDirection=\"column\"\n    flex=\"1 0 0\"\n    alignSelf=\"stretch\"\n    flexWrap=\"wrap\"\n    alignContent=\"end\"\n  >\n    {showCompletionIcon ? (\n      <FlexBox\n        bg={COMPLETED_COLOR}\n        width={80}\n        height={80}\n        center\n        borderRadius=\"full\"\n      >\n        <CheckIcon size={44} color=\"text\" />\n      </FlexBox>\n    ) : (\n      <RadialProgress\n        key={`radial-progress-${startRadialAnimation ? 1 : 0}`}\n        color={theme.colors[COMPLETED_COLOR]}\n        duration={progressDuration || undefined}\n        size={80}\n        strokeLinecap=\"round\"\n        strokeWidth={8}\n        value={radialValue ?? 0}\n      >\n        <Text as=\"span\" fontSize={22} fontWeight={700}>\n          {`${displayValue}%`}\n        </Text>\n      </RadialProgress>\n    )}\n  </FlexBox>\n);\n\nconst renderSkills = (skills: LearningOutcomeSkill[]) =>\n  skills.map((skill) => (\n    <SkillTag as=\"li\" key={skill.title}>\n      {skill.title}\n    </SkillTag>\n  ));\n\nconst fontVariant = (\n  isEmphasized: boolean,\n  level?: LearningOutcomeLevels | null\n) => {\n  if (isEmphasized) {\n    return 'title-sm';\n  }\n\n  switch (level) {\n    case LearningOutcomeLevels.One:\n      return 'p-base';\n    case LearningOutcomeLevels.Two:\n      return 'title-xs';\n    case LearningOutcomeLevels.Three:\n      return 'title-sm';\n    default:\n      return 'p-base';\n  }\n};\n\nexport const LearningOutcomeCard: React.FC<LearningOutcomeCardProps> = ({\n  level,\n  outcome,\n  as,\n  headingLevel,\n  isInteractive = false,\n  mode = 'base',\n  progress = 0,\n  skills,\n  progressUpdateData,\n}) => {\n  const [startRadialAnimation, setStartRadialAnimation] = useState(false);\n  const [showCompletionIcon, setShowCompletionIcon] = useState(false);\n\n  const { previousProgress, progressDuration, completionDelay } =\n    progressUpdateData || {};\n  const progressStatus = progressState(progress);\n  const displayProgress = progressStatus !== Progress.notStarted;\n\n  // when previousProgress is provided, either start the progress animation or only display previous progress while we wait. If not provided then only display current progress\n  const radialValue =\n    previousProgress !== undefined && progress !== undefined\n      ? startRadialAnimation\n        ? [previousProgress, progress]\n        : previousProgress\n      : progress;\n\n  // when previousProgress is provided but we haven't started the animation yet then show previous progress, otherwise, if animation has started, then show current progress\n  const displayValue =\n    previousProgress !== undefined && !startRadialAnimation\n      ? previousProgress\n      : progress;\n\n  const isEmphasized = mode === 'emphasized';\n\n  useEffect(() => {\n    if (progress && progressDuration) {\n      setTimeout(() => {\n        setStartRadialAnimation(true);\n      }, progressDuration);\n    }\n\n    if (progress === 100) {\n      // completionDelay is for animating the progress; the setTimeout will delay showing the checkmark icon so radial progress will appear first.\n      if (completionDelay) {\n        setTimeout(() => {\n          setShowCompletionIcon(true);\n        }, completionDelay);\n        // If completionDelay is not provided, the completion icon will show immediately and radial progress will not show.\n      } else {\n        setShowCompletionIcon(true);\n      }\n    }\n  }, [progressDuration, progress, completionDelay]);\n\n  const sortedSkills = useMemo(() => {\n    if (!skills || skills.length === 0) {\n      return undefined;\n    }\n\n    return skills.slice().sort((a, b) => {\n      const titleA = a.title ?? '';\n      const titleB = b.title ?? '';\n\n      return titleA.localeCompare(titleB);\n    });\n  }, [skills]);\n\n  return (\n    <StyledCard\n      as={as}\n      aria-label={`${learningOutcomeLabels[level ?? 1]} - ${outcome}`}\n      isInteractive={isInteractive}\n      progress={progressStatus}\n      mode={mode}\n    >\n      <FlexBox flexDirection=\"column\" gap={24}>\n        {level && (\n          <LearningOutcomeLevelBadge\n            level={level}\n            size={isEmphasized ? 'base' : 'sm'}\n            textColor={\n              level !== LearningOutcomeLevels.One ? 'navy-800' : 'text'\n            }\n            removeBackground\n          />\n        )}\n        <Text\n          variant={fontVariant(isEmphasized, level)}\n          fontWeight={isEmphasized ? 700 : 400}\n          width=\"100%\"\n          as={headingLevel}\n        >\n          {outcome}\n        </Text>\n        {!!sortedSkills && (\n          <FlexBox as=\"ul\" pl={0} m={0} alignItems=\"flex-start\" gap={8} wrap>\n            {renderSkills(sortedSkills)}\n          </FlexBox>\n        )}\n      </FlexBox>\n\n      {displayProgress &&\n        renderProgress({\n          displayValue,\n          progressDuration,\n          radialValue,\n          startRadialAnimation,\n          showCompletionIcon,\n        })}\n    </StyledCard>\n  );\n};\n"],"mappings":"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"}

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.js

@@ -37,4 +37,5 @@ const LearningOutcomeCardList = ({ learningOutcomes, onClick }) => {
 };
 
 //#endregion
-export { LearningOutcomeCardList };
+export { LearningOutcomeCardList };
+//# sourceMappingURL=LearningOutcomeCardList.js.map

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningOutcomeCardList.js","names":["LearningOutcomeCardList: React.FC<\n  LearningOutcomeCardListProps\n>"],"sources":["../../src/LearningOutcomeFlyout/LearningOutcomeCardList.tsx"],"sourcesContent":["import { Anchor, Box, FlexBox } from '@codecademy/gamut';\n\nimport { LearningOutcomeCard } from '../LearningOutcomeCard';\nimport { getLearningOutcomePath, miscTrackingData } from '.';\nimport { ParentLearningOutcome } from './types';\n\ninterface LearningOutcomeCardListProps {\n  learningOutcomes: ParentLearningOutcome[];\n  onClick?: (misc: Record<string, string>) => void;\n}\n\nexport const LearningOutcomeCardList: React.FC<\n  LearningOutcomeCardListProps\n> = ({ learningOutcomes, onClick }) => {\n  return (\n    <FlexBox as=\"ul\" m={0} p={0} gap={12} column>\n      {learningOutcomes.map(({ id, level, outcome }) => {\n        const trackingData = miscTrackingData(level, id, undefined, outcome);\n\n        return (\n          <Box as=\"li\" listStyle=\"none\" m={0} p={0} key={id} width=\"100%\">\n            <Anchor\n              href={getLearningOutcomePath(id)}\n              onClick={() => onClick?.(trackingData)}\n              target=\"_blank\"\n              variant=\"interface\"\n              width=\"100%\"\n            >\n              <LearningOutcomeCard\n                level={level}\n                outcome={outcome}\n                isInteractive\n              />\n            </Anchor>\n          </Box>\n        );\n      })}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;AAWA,MAAaA,2BAER,EAAE,kBAAkB,cAAc;AACrC,QACE,oBAAC;EAAQ,IAAG;EAAK,GAAG;EAAG,GAAG;EAAG,KAAK;EAAI;YACnC,iBAAiB,KAAK,EAAE,IAAI,OAAO,cAAc;GAChD,MAAM,eAAe,iBAAiB,OAAO,IAAI,QAAW,QAAQ;AAEpE,UACE,oBAAC;IAAI,IAAG;IAAK,WAAU;IAAO,GAAG;IAAG,GAAG;IAAY,OAAM;cACvD,oBAAC;KACC,MAAM,uBAAuB,GAAG;KAChC,eAAe,UAAU,aAAa;KACtC,QAAO;KACP,SAAQ;KACR,OAAM;eAEN,oBAAC;MACQ;MACE;MACT;OACA;MACK;MAboC,GAczC;IAER;GACM"}

package/dist/LearningOutcomeFlyout/index.d.ts

@@ -10,4 +10,5 @@ declare const miscTrackingData: (level?: LearningOutcomeLevels | null, id?: stri
 };
 declare const LearningOutcomeFlyout: React.FC<LearningOutcomeFlyoutProps>;
 //#endregion
-export { LearningOutcomeFlyout, getLearningOutcomePath, miscTrackingData, sortSkillsByClassification };
+export { LearningOutcomeFlyout, getLearningOutcomePath, miscTrackingData, sortSkillsByClassification };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/LearningOutcomeFlyout/index.tsx"],"sourcesContent":[],"mappings":";;;;;cA8Ea,sCACF,kCAA6B;cAkB3B;cAQA,2BACH;EA5BG,IAAA,EAAA,MAAA;AAmBb,CAAA;AAQa,cAgBA,qBAfH,EAe0B,KAAA,CAAM,EAfhC,CAemC,0BAfd,CAAA"}

package/dist/LearningOutcomeFlyout/index.js

@@ -308,4 +308,5 @@ const LearningOutcomeFlyout = ({ expanded, learningOutcomeHref, learningOutcomeO
 };
 
 //#endregion
-export { LearningOutcomeFlyout, getLearningOutcomePath, miscTrackingData, sortSkillsByClassification };
+export { LearningOutcomeFlyout, getLearningOutcomePath, miscTrackingData, sortSkillsByClassification };
+//# sourceMappingURL=index.js.map

package/dist/LearningOutcomeFlyout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LearningOutcomeFlyout: React.FC<LearningOutcomeFlyoutProps>","outcome"],"sources":["../../src/LearningOutcomeFlyout/index.tsx"],"sourcesContent":["import {\n  Alert,\n  Anchor,\n  FillButton,\n  FlexBox,\n  Flyout,\n  Shimmer,\n  StrokeButton,\n  Text,\n  ToolTip,\n} from '@codecademy/gamut';\nimport { SmallCheckIcon } from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { LearningOutcomeAssessmentScores } from '../LearningOutcomeAssessmentScores';\nimport {\n  learningOutcomeLabels,\n  LearningOutcomeLevelBadge,\n  LearningOutcomeLevels,\n  LearningOutcomeLowAssessmentBadge,\n} from '../LearningOutcomeBadges';\nimport { LearningOutcomeTile } from '../LearningOutcomeTile';\nimport { LearningOutcomeCardList } from './LearningOutcomeCardList';\nimport {\n  LearningOutcomeFlyoutProps,\n  LearningOutcomeSkill,\n  SkillClassification,\n} from './types';\n\nconst ChildLearningOutcomeRow = styled(FlexBox)(\n  css({\n    background: 'white',\n    borderColor: 'border-tertiary',\n    borderTopWidth: 0,\n    borderLeftWidth: 1,\n    borderRightWidth: 1,\n    borderBottomWidth: 1,\n    borderStyle: 'solid',\n    padding: '24px 16px',\n    alignItems: 'flex-start',\n    justifyContent: 'flex-start',\n    gap: 16,\n    '&:first-of-type': {\n      borderTopLeftRadius: '4px',\n      borderTopRightRadius: '4px',\n    },\n    '&:last-of-type': {\n      borderBottomLeftRadius: '4px',\n      borderBottomRightRadius: '4px',\n    },\n  })\n);\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    color: 'text',\n    textDecoration: 'none',\n    '&:hover, &:focus': {\n      color: 'text',\n      textDecoration: 'underline',\n    },\n  })\n);\n\nconst SkillTag = styled(Anchor)(\n  css({\n    fontSize: 14,\n    borderRadius: 'md',\n    border: 1,\n    borderColor: 'border-primary',\n    '&:hover, &:focus': {\n      color: 'text',\n      bg: 'background-hover',\n    },\n  })\n);\n\nexport const sortSkillsByClassification = (\n  skills?: LearningOutcomeSkill[] | null\n) => {\n  if (!skills?.length) return [];\n  const skillsCopy = skills.slice();\n\n  const sortedSkills = skillsCopy?.sort((a, b) => {\n    if (a?.classification === SkillClassification.Language) {\n      return -1;\n    }\n    if (b?.classification === SkillClassification.Subject) {\n      return 1;\n    }\n    return 0;\n  });\n\n  return sortedSkills;\n};\n\nexport const getLearningOutcomePath = (id?: string) => {\n  return id ? `/learning-outcomes/${id}` : '/';\n};\n\nconst getSkillsAreaPath = (skillSlug?: string) => {\n  return skillSlug ? `/skill-areas/${skillSlug}` : '/';\n};\n\nexport const miscTrackingData = (\n  level?: LearningOutcomeLevels | null,\n  id?: string,\n  latestScore?: number | null,\n  outcome?: string\n) => {\n  return {\n    misc: JSON.stringify({\n      last_assessed_score: latestScore,\n      LO_level: level,\n      title: outcome,\n      unique_id: id,\n    }),\n  };\n};\n\nexport const LearningOutcomeFlyout: React.FC<LearningOutcomeFlyoutProps> = ({\n  expanded,\n  learningOutcomeHref,\n  learningOutcomeOnClick,\n  childLearningOutcomeOnClick,\n  parentLearningOutcomeOnClick,\n  learningOutcome: {\n    highestScore,\n    highestScoreAchievedAt,\n    latestScore,\n    latestScoreAchievedAt,\n    level,\n    outcome,\n    parentLOs,\n    percentComplete,\n    skills,\n    childLearningOutcomes,\n  },\n  skillTagOnClick,\n  onClose,\n  assessmentHref,\n  assessmentEligible,\n  bestMatchResponse,\n  bestMatchOnClick,\n  showBestMatchCTA,\n}) => {\n  const percentCompletePercentage =\n    percentComplete != null ? percentComplete : 0;\n  const levelLabel = learningOutcomeLabels[level];\n\n  const hasLowLatestAssessment = Boolean(\n    latestScore != null && latestScore < 70\n  );\n\n  const {\n    data: bestMatchData,\n    loading: bestMatchLoading,\n    error: bestMatchError,\n  } = bestMatchResponse;\n\n  const showSkills = !!skills?.length;\n  const sortedSkills = sortSkillsByClassification(skills);\n\n  const isLevelTwoLearningOutcome = level === LearningOutcomeLevels.Two;\n  const showParentLOs =\n    level === LearningOutcomeLevels.Two && !!parentLOs && parentLOs.length > 0;\n\n  const bestMatchCTA = bestMatchLoading ? (\n    <Shimmer width=\"50%\" data-testid=\"best-match-shimmer\" />\n  ) : (\n    <FillButton\n      href={bestMatchData?.urlPath ?? ''}\n      disabled={!bestMatchData?.urlPath || bestMatchError}\n      data-testid=\"best-match-button\"\n      width=\"50%\"\n      onClick={() => bestMatchOnClick?.()}\n    >\n      Learn\n    </FillButton>\n  );\n\n  const renderProgress = () => (\n    <FlexBox alignItems=\"center\">\n      {Boolean(percentCompletePercentage === 100) && (\n        <FlexBox\n          width={16}\n          height={16}\n          borderRadius=\"md\"\n          bg=\"primary\"\n          mr={8}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          <SmallCheckIcon size={11} color=\"white\" />\n        </FlexBox>\n      )}\n      <Text\n        color=\"text\"\n        variant=\"p-large\"\n      >{`${percentCompletePercentage}% progress`}</Text>\n    </FlexBox>\n  );\n\n  // Render skills when the drawer is featuring a level 3 outcome\n  const renderSkills = () => {\n    return <FlexBox as=\"ul\">Skills go here</FlexBox>;\n  };\n\n  // Render subskills when the drawer is featuring a level 2 outcome\n  const renderSubskills = () => {\n    return (\n      <FlexBox\n        as=\"ul\"\n        flexDirection=\"column\"\n        p={0}\n        borderTop={1}\n        borderColor=\"border-tertiary\"\n        borderRadius=\"md\"\n      >\n        {childLearningOutcomes?.map((childLo) => {\n          const { id, outcome, progress, percentComplete } = childLo;\n          const showNeedsReviewIndicator =\n            progress?.latestScore !== null &&\n            progress?.latestScore !== undefined\n              ? progress.latestScore < 70\n              : false;\n\n          const trackingData = miscTrackingData(\n            LearningOutcomeLevels.One,\n            id,\n            progress?.latestScore,\n            outcome\n          );\n\n          return (\n            <ChildLearningOutcomeRow row as=\"li\" key={id}>\n              <FlexBox minWidth={32} width={32} justifyContent=\"center\">\n                <LearningOutcomeTile\n                  learningOutcomeDetails={{\n                    id,\n                    level: LearningOutcomeLevels.One,\n                    outcome,\n                    percentComplete,\n                  }}\n                  size=\"small\"\n                  popover={false}\n                />\n              </FlexBox>\n              <FlexBox column gap={8}>\n                <Anchor\n                  variant=\"interface\"\n                  href={getLearningOutcomePath(id)}\n                  target=\"_blank\"\n                  whiteSpace=\"normal\"\n                  onClick={() => childLearningOutcomeOnClick?.(trackingData)}\n                >\n                  {outcome}\n                </Anchor>\n                {showNeedsReviewIndicator && (\n                  <FlexBox>\n                    <LearningOutcomeLowAssessmentBadge />\n                  </FlexBox>\n                )}\n              </FlexBox>\n            </ChildLearningOutcomeRow>\n          );\n        })}\n      </FlexBox>\n    );\n  };\n\n  return (\n    <Flyout\n      aria-label={`${levelLabel} details`}\n      closeLabel={`Close ${levelLabel} details`}\n      expanded={expanded}\n      onClose={onClose}\n      openFrom=\"right\"\n      title={<Text variant=\"title-sm\">{`${levelLabel} details`}</Text>}\n    >\n      <FlexBox gap={32} mt={32} mx={24} column>\n        {/* Badges, Outcome, Topic tags, Progress */}\n        <FlexBox gap={24} column>\n          {showBestMatchCTA && (!bestMatchData?.urlPath || bestMatchError) && (\n            <Alert\n              placement=\"inline\"\n              type=\"subtle\"\n              data-testid=\"best-match-alert\"\n            >\n              {`We were unable to load the associated ${levelLabel.toLocaleLowerCase()}. Please refresh the\n            page and try again.`}\n            </Alert>\n          )}\n          <FlexBox justifyContent=\"space-between\" alignItems=\"center\">\n            <LearningOutcomeLevelBadge level={level} size=\"base\" />\n            {hasLowLatestAssessment && <LearningOutcomeLowAssessmentBadge />}\n          </FlexBox>\n          <FlexBox gap={16} column>\n            <StyledAnchor\n              href={learningOutcomeHref}\n              onClick={() => learningOutcomeOnClick?.()}\n            >\n              <Text as=\"h2\" variant=\"title-md\">\n                {outcome}\n              </Text>\n            </StyledAnchor>\n            {showSkills && (\n              <FlexBox alignItems=\"center\" gap={12} flexWrap=\"wrap\">\n                {sortedSkills.map((skill) => (\n                  <SkillTag\n                    key={skill.id}\n                    data-testid=\"skill-tag\"\n                    px={8}\n                    py={4}\n                    variant=\"interface\"\n                    href={getSkillsAreaPath(skill.slug)}\n                    onClick={() => skillTagOnClick?.(skill.slug)}\n                  >\n                    <FlexBox center>\n                      <Text>{skill.title}</Text>\n                    </FlexBox>\n                  </SkillTag>\n                ))}\n              </FlexBox>\n            )}\n          </FlexBox>\n          <FlexBox borderY={1} borderColor=\"background-hover\" py={16}>\n            {renderProgress()}\n          </FlexBox>\n        </FlexBox>\n\n        {/* Assessment scores */}\n        <FlexBox gap={16} column>\n          <Text variant=\"title-xs\" as=\"h3\">\n            Evaluation results\n          </Text>\n          <LearningOutcomeAssessmentScores\n            highestScore={highestScore}\n            highestScoreAchievedAt={highestScoreAchievedAt}\n            latestScore={latestScore}\n            latestScoreAchievedAt={latestScoreAchievedAt}\n          />\n        </FlexBox>\n\n        {/* For level 2 and 3 LOs only: Children LOs goes below here */}\n        <FlexBox gap={16} column>\n          <Text variant=\"title-xs\" as=\"h3\">\n            {isLevelTwoLearningOutcome ? `Subskills` : `Skills`}\n          </Text>\n          {isLevelTwoLearningOutcome ? renderSubskills() : renderSkills()}\n        </FlexBox>\n\n        {/* For level 2 LOs only: show Parent LOs */}\n        {showParentLOs && (\n          <FlexBox gap={16} mb={16} column>\n            <Text variant=\"title-xs\" as=\"h3\">\n              Builds toward...\n            </Text>\n            <LearningOutcomeCardList\n              learningOutcomes={parentLOs}\n              onClick={parentLearningOutcomeOnClick}\n            />\n          </FlexBox>\n        )}\n      </FlexBox>\n      <FlexBox\n        borderTop={1}\n        bg=\"white\"\n        bottom=\"-3px\"\n        boxShadow=\"0px -4px 16px 0px #00000014\"\n        borderColor=\"border-tertiary\"\n        py={12}\n        px={16}\n        position=\"sticky\"\n        justifyContent=\"center\"\n        gap={12}\n      >\n        {showBestMatchCTA ? bestMatchCTA : null}\n        {assessmentEligible ? (\n          <StrokeButton\n            href={assessmentHref}\n            width={showBestMatchCTA ? { _: 209, xs: '50%' } : '100%'}\n          >\n            Evaluate\n          </StrokeButton>\n        ) : (\n          <ToolTip\n            id=\"disabled-evaluate\"\n            data-testid=\"disabled-evaluate\"\n            info={`Not available for this ${levelLabel.toLowerCase()}`}\n            placement=\"inline\"\n            inheritDims\n          >\n            <StrokeButton\n              aria-describedby=\"disabled-evaluate\"\n              aria-disabled\n              width={showBestMatchCTA ? 209 : '100%'}\n            >\n              Evaluate\n            </StrokeButton>\n          </ToolTip>\n        )}\n      </FlexBox>\n    </Flyout>\n  );\n};\n"],"mappings":"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"}

package/dist/LearningOutcomeFlyout/types.d.ts

@@ -64,4 +64,5 @@ interface LearningOutcomeFlyoutProps {
   showBestMatchCTA?: boolean;
 }
 //#endregion
-export { LearningOutcomeFlyoutProps, LearningOutcomeSkill };
+export { LearningOutcomeFlyoutProps, LearningOutcomeSkill };
+//# sourceMappingURL=types.d.ts.map

package/dist/LearningOutcomeFlyout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/LearningOutcomeFlyout/types.ts"],"sourcesContent":[],"mappings":";;;;aAEY,mBAAA;;;AAAZ;AAKiB,UAAA,oBAAA,CAAoB;EAOpB,EAAA,EAAA,MAAA;EAML,IAAA,EAAA,MAAA;EAKK,KAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAMP,cAAA,CAAA,EApBS,mBAoBkB,GAAA,IAAA;;AAQvB,UAzBG,qBAAA,CAyBH;EACH,EAAA,EAAA,MAAA;EAAoB,OAAA,EAAA,MAAA;EAcd,KAAA,EAAA,MAAA,GAAA,IAAA,GAAA,SAA0B;;AAOJ,KAzC3B,sBAAA,GAyC2B;EACC,OAAA,EAAA,MAAA,GAAA,IAAA;EAGnB,KAAA,CAAA,EAAA,MAAA,GAAA,IAAA;CAA8B;UAxClC,8BAAA;QACT;;;;UAKE,2BAAA;SACD;;;;;;;cAOK;WACH;;;;;;;;;;;;;UAcM,0BAAA;;;mBAGE;;;;uCAIoB;wCACC;;;qBAGnB"}

package/dist/LearningOutcomeFlyout/types.js

@@ -6,4 +6,5 @@ let SkillClassification = /* @__PURE__ */ function(SkillClassification$1) {
 }({});
 
 //#endregion
-export { SkillClassification };
+export { SkillClassification };
+//# sourceMappingURL=types.js.map

package/dist/LearningOutcomeFlyout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../src/LearningOutcomeFlyout/types.ts"],"sourcesContent":["import { LearningOutcomeLevels } from '../LearningOutcomeBadges';\n\nexport enum SkillClassification {\n  Language = 'language',\n  Subject = 'subject',\n}\n\nexport interface LearningOutcomeSkill {\n  id: string;\n  slug: string;\n  title?: string | null;\n  classification?: SkillClassification | null;\n}\n\nexport interface ParentLearningOutcome {\n  id: string;\n  outcome: string;\n  level: number | null | undefined;\n}\n\nexport type BestMatchContainerType = {\n  urlPath: string | null;\n  title?: string | null;\n};\n\nexport interface BestMatchContainerResponseType {\n  data: BestMatchContainerType | null;\n  loading: boolean;\n  error: boolean;\n}\n\ninterface LearningOutcomeDetailsProps {\n  level: LearningOutcomeLevels;\n  outcome: string;\n  percentComplete: number | undefined | null;\n  highestScore: number | undefined | null;\n  highestScoreAchievedAt: string | undefined | null;\n  latestScore: number | undefined | null;\n  latestScoreAchievedAt: string | undefined | null;\n  parentLOs?: ParentLearningOutcome[];\n  skills?: LearningOutcomeSkill[] | null;\n  childLearningOutcomes?: {\n    id: string;\n    outcome: string;\n    percentComplete?: number | undefined | null;\n    progress?: {\n      latestScore?: number | null;\n      covered: boolean | undefined | null;\n      coveredAt?: string | null;\n      highestScore?: number | null;\n    };\n  }[];\n}\n\nexport interface LearningOutcomeFlyoutProps {\n  expanded: boolean;\n  onClose: () => void;\n  learningOutcome: LearningOutcomeDetailsProps;\n  learningOutcomeHref: string;\n  learningOutcomeOnClick?: () => void;\n  skillTagOnClick?: (skillSlug: string) => void;\n  childLearningOutcomeOnClick?: (misc: Record<string, string>) => void;\n  parentLearningOutcomeOnClick?: (misc: Record<string, string>) => void;\n  assessmentHref?: string;\n  assessmentEligible?: boolean;\n  bestMatchResponse: BestMatchContainerResponseType;\n  bestMatchOnClick?: () => void;\n  showBestMatchCTA?: boolean;\n}\n"],"mappings":";AAEA,IAAY,sEAAL;AACL;AACA"}

package/dist/LearningOutcomePopover/index.d.ts

@@ -10,4 +10,5 @@ interface LearningOutcomePopoverProps {
 }
 declare const LearningOutcomePopover: React.FC<LearningOutcomePopoverProps>;
 //#endregion
-export { LearningOutcomePopover };
+export { LearningOutcomePopover };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/LearningOutcomePopover/index.tsx"],"sourcesContent":[],"mappings":";;;UAaU,2BAAA;eAEJ,KAAA,CAAM,UAAU,kBAChB,KAAA,CAAM,UAAU;EAHZ,EAAA,EAAA,MAAA;EAEY,MAAA,EAAA,OAAA;EAAhB,sBAAM,EAIc,kCAJd;EACU,gBAAA,CAAA,EAAA,MAAA;;AAGI,cAsCb,sBAtCa,EAsCW,KAAA,CAAM,EAtCjB,CAsCoB,2BAtCpB,CAAA"}

package/dist/LearningOutcomePopover/index.js

@@ -113,4 +113,5 @@ const LearningOutcomePopover = ({ activeElRef, isOpen, learningOutcomeDetails, .
 };
 
 //#endregion
-export { LearningOutcomePopover };
+export { LearningOutcomePopover };
+//# sourceMappingURL=index.js.map

package/dist/LearningOutcomePopover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Assessment: React.FC<{\n  score?: number | null | undefined;\n  type: 'highest' | 'latest';\n  noBorderLeft?: boolean;\n}>","LearningOutcomePopover: React.FC<LearningOutcomePopoverProps>"],"sources":["../../src/LearningOutcomePopover/index.tsx"],"sourcesContent":["import { FlexBox, Popover, Text } from '@codecademy/gamut';\nimport { SmallCheckIcon } from '@codecademy/gamut-icons';\n\nimport {\n  LearningOutcomeLevelBadge,\n  LearningOutcomeLowAssessmentBadge,\n} from '../LearningOutcomeBadges';\nimport { LearningOutcomePopoverDetailsProps } from '../LearningOutcomeTile/types';\n\nconst POPOVER_WIDTH = 332;\nconst POPOVER_HORIZONTAL_PADDING = 16;\nconst ASSESSMENT_WIDTH = (POPOVER_WIDTH - POPOVER_HORIZONTAL_PADDING * 2) / 2;\n\ninterface LearningOutcomePopoverProps {\n  activeElRef:\n    | React.RefObject<HTMLDivElement>\n    | React.RefObject<HTMLAnchorElement>;\n  id: string;\n  isOpen: boolean;\n  learningOutcomeDetails: LearningOutcomePopoverDetailsProps;\n  horizontalOffset?: number;\n}\n\nconst Assessment: React.FC<{\n  score?: number | null | undefined;\n  type: 'highest' | 'latest';\n  noBorderLeft?: boolean;\n}> = ({ score, type, noBorderLeft }) => (\n  <FlexBox\n    borderTop={1}\n    borderBottom={1}\n    borderRight={1}\n    borderLeft={!noBorderLeft ? 1 : undefined}\n    borderColor=\"background-hover\"\n    p={8}\n    gap={4}\n    width={ASSESSMENT_WIDTH}\n  >\n    <Text variant=\"p-small\" color=\"text-secondary\">\n      {type === 'highest' ? 'Highest score:' : 'Most recent:'}\n    </Text>\n    {score != null ? (\n      <Text\n        variant=\"p-small\"\n        color={score && score >= 70 ? 'green-700' : 'text'}\n        fontWeight={700}\n      >\n        {`${score}%`}\n      </Text>\n    ) : (\n      <Text variant=\"p-small\" color=\"text-disabled\">\n        -\n      </Text>\n    )}\n  </FlexBox>\n);\n\nexport const LearningOutcomePopover: React.FC<LearningOutcomePopoverProps> = ({\n  activeElRef,\n  isOpen,\n  learningOutcomeDetails,\n  ...rest\n}) => {\n  const {\n    level,\n    outcome,\n    latestScore,\n    highestScore,\n    percentComplete = 0,\n  } = learningOutcomeDetails || {};\n\n  const lowLatestAssessment = Boolean(latestScore != null && latestScore < 70);\n\n  const renderProgress = () => (\n    <FlexBox alignItems=\"center\">\n      {Boolean(percentComplete === 100) && (\n        <FlexBox\n          width={16}\n          height={16}\n          borderRadius=\"md\"\n          bg=\"primary\"\n          mr={8}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          <SmallCheckIcon size={11} color=\"white\" />\n        </FlexBox>\n      )}\n      <Text\n        color=\"text\"\n        variant=\"p-small\"\n      >{`${percentComplete}% progress`}</Text>\n    </FlexBox>\n  );\n\n  return (\n    <Popover\n      {...rest}\n      isOpen={isOpen}\n      targetRef={activeElRef}\n      position=\"above\"\n      beak=\"center\"\n      outline\n      skipFocusTrap\n    >\n      <FlexBox\n        width={POPOVER_WIDTH}\n        pt={24}\n        pb={4}\n        px={POPOVER_HORIZONTAL_PADDING}\n        gap={24}\n        column\n      >\n        <FlexBox gap={16} column>\n          <FlexBox justifyContent=\"space-between\">\n            {!!level && <LearningOutcomeLevelBadge level={level} />}\n            {lowLatestAssessment && <LearningOutcomeLowAssessmentBadge />}\n          </FlexBox>\n          <Text\n            color=\"text\"\n            textAlign=\"left\"\n            variant=\"title-xs\"\n            whiteSpace=\"break-spaces\"\n          >\n            {outcome}\n          </Text>\n          {renderProgress()}\n        </FlexBox>\n\n        <FlexBox\n          alignItems=\"flex-start\"\n          gap={4}\n          pt={16}\n          pb={12}\n          borderTop={1}\n          borderColor=\"background-hover\"\n          column\n        >\n          <Text variant=\"p-small\" fontWeight={700}>\n            Evaluation results\n          </Text>\n          <FlexBox>\n            <Assessment score={highestScore} type=\"highest\" />\n            <Assessment score={latestScore} type=\"latest\" noBorderLeft />\n          </FlexBox>\n        </FlexBox>\n      </FlexBox>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;;AASA,MAAM,gBAAgB;AACtB,MAAM,6BAA6B;AACnC,MAAM,oBAAoB,gBAAgB,6BAA6B,KAAK;AAY5E,MAAMA,cAIA,EAAE,OAAO,MAAM,mBACnB,qBAAC;CACC,WAAW;CACX,cAAc;CACd,aAAa;CACb,YAAY,CAAC,eAAe,IAAI;CAChC,aAAY;CACZ,GAAG;CACH,KAAK;CACL,OAAO;YAEP,oBAAC;EAAK,SAAQ;EAAU,OAAM;YAC3B,SAAS,YAAY,mBAAmB;GACpC,EACN,SAAS,OACR,oBAAC;EACC,SAAQ;EACR,OAAO,SAAS,SAAS,KAAK,cAAc;EAC5C,YAAY;YAEX,GAAG,MAAM;GACL,GAEP,oBAAC;EAAK,SAAQ;EAAU,OAAM;YAAgB;GAEvC;EAED;AAGZ,MAAaC,0BAAiE,EAC5E,aACA,QACA,wBACA,GAAG,WACC;CACJ,MAAM,EACJ,OACA,SACA,aACA,cACA,kBAAkB,MAChB,0BAA0B,EAAE;CAEhC,MAAM,sBAAsB,QAAQ,eAAe,QAAQ,cAAc,GAAG;CAE5E,MAAM,uBACJ,qBAAC;EAAQ,YAAW;aACjB,QAAQ,oBAAoB,IAAI,IAC/B,oBAAC;GACC,OAAO;GACP,QAAQ;GACR,cAAa;GACb,IAAG;GACH,IAAI;GACJ,YAAW;GACX,gBAAe;aAEf,oBAAC;IAAe,MAAM;IAAI,OAAM;KAAU;IAClC,EAEZ,oBAAC;GACC,OAAM;GACN,SAAQ;aACR,GAAG,gBAAgB;IAAmB;GAChC;AAGZ,QACE,oBAAC;EACC,GAAI;EACI;EACR,WAAW;EACX,UAAS;EACT,MAAK;EACL;EACA;YAEA,qBAAC;GACC,OAAO;GACP,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GACL;cAEA,qBAAC;IAAQ,KAAK;IAAI;;KAChB,qBAAC;MAAQ,gBAAe;iBACrB,CAAC,CAAC,SAAS,oBAAC,6BAAiC,QAAS,EACtD,uBAAuB,oBAAC,sCAAoC;OACrD;KACV,oBAAC;MACC,OAAM;MACN,WAAU;MACV,SAAQ;MACR,YAAW;gBAEV;OACI;KACN,gBAAgB;;KACT,EAEV,qBAAC;IACC,YAAW;IACX,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,aAAY;IACZ;eAEA,oBAAC;KAAK,SAAQ;KAAU,YAAY;eAAK;MAElC,EACP,qBAAC,sBACC,oBAAC;KAAW,OAAO;KAAc,MAAK;MAAY,EAClD,oBAAC;KAAW,OAAO;KAAa,MAAK;KAAS;MAAe,IACrD;KACF;IACF;GACF"}

package/dist/LearningOutcomeTile/Tile.js

@@ -63,4 +63,5 @@ const Tile = styled(FlexBox)((props) => ({
 }));
 
 //#endregion
-export { Tile };
+export { Tile };
+//# sourceMappingURL=Tile.js.map

package/dist/LearningOutcomeTile/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","names":[],"sources":["../../src/LearningOutcomeTile/Tile.tsx"],"sourcesContent":["import { FlexBox } from '@codecademy/gamut';\nimport { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nimport { Progress, SizeType, TileProps } from './types';\n\nconst tileStyles = {\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: 'md',\n  position: 'relative',\n} as const;\n\nconst hoverVariants = (hover: boolean) =>\n  variant({\n    prop: 'progress',\n    variants: {\n      [Progress.notStarted]: {\n        '&:hover': { bg: hover ? 'background-hover' : undefined },\n      },\n      [Progress.inProgress]: {\n        '&:hover': {\n          bg: hover ? ('rgba(85, 51, 255, 0.12)' as never) : undefined,\n          borderColor: hover ? ('rgba(85, 51, 255, 0.12)' as never) : undefined,\n        }, // this is primary-hover color with 12% opacity (LXP-7705 when lighter primary-hover color is available)\n      },\n      [Progress.completed]: {\n        '&:hover': { bg: hover ? 'primary-hover' : undefined },\n      },\n    },\n  });\n\nconst sizeVariants = (size: SizeType) =>\n  variant({\n    prop: 'progress',\n    base: {\n      border: size === 'small' ? 1 : 2,\n    },\n    variants: {\n      [Progress.notStarted]: {\n        width: size === 'small' ? 32 : 40,\n        height: size === 'small' ? 24 : 40,\n      },\n      [Progress.inProgress]: {\n        width: size === 'small' ? 32 : 40,\n        height: size === 'small' ? 24 : 40,\n      },\n      [Progress.completed]: {\n        width: size === 'small' ? 20 : 40,\n        height: size === 'small' ? 20 : 40,\n      },\n    },\n  });\n\nexport const Tile = styled(FlexBox)<TileProps>((props) => ({\n  ...hoverVariants(props.hover)(props),\n  ...sizeVariants(props.size)(props),\n  ...variant({\n    prop: 'progress',\n    base: {\n      ...tileStyles,\n    },\n    variants: {\n      [Progress.notStarted]: {\n        bg: 'background-selected',\n        borderColor: 'background-hover',\n      },\n      [Progress.inProgress]: {\n        bg: 'rgba(58, 16, 229, 0.12)' as never, // this is primary color with 12% opacity (LXP-7705 when lighter primary color is available)\n        borderColor: 'primary',\n      },\n      [Progress.completed]: {\n        bg: 'primary',\n        borderColor: 'border-tertiary',\n      },\n    },\n  })(props),\n}));\n"],"mappings":";;;;;;AAMA,MAAM,aAAa;CACjB,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,UAAU;CACX;AAED,MAAM,iBAAiB,UACrB,QAAQ;CACN,MAAM;CACN,UAAU;GACP,SAAS,aAAa,EACrB,WAAW,EAAE,IAAI,QAAQ,qBAAqB,QAAW,EAC1D;GACA,SAAS,aAAa,EACrB,WAAW;GACT,IAAI,QAAS,4BAAsC;GACnD,aAAa,QAAS,4BAAsC;GAC7D,EACF;GACA,SAAS,YAAY,EACpB,WAAW,EAAE,IAAI,QAAQ,kBAAkB,QAAW,EACvD;EACF;CACF,CAAC;AAEJ,MAAM,gBAAgB,SACpB,QAAQ;CACN,MAAM;CACN,MAAM,EACJ,QAAQ,SAAS,UAAU,IAAI,GAChC;CACD,UAAU;GACP,SAAS,aAAa;GACrB,OAAO,SAAS,UAAU,KAAK;GAC/B,QAAQ,SAAS,UAAU,KAAK;GACjC;GACA,SAAS,aAAa;GACrB,OAAO,SAAS,UAAU,KAAK;GAC/B,QAAQ,SAAS,UAAU,KAAK;GACjC;GACA,SAAS,YAAY;GACpB,OAAO,SAAS,UAAU,KAAK;GAC/B,QAAQ,SAAS,UAAU,KAAK;GACjC;EACF;CACF,CAAC;AAEJ,MAAa,OAAO,OAAO,QAAQ,EAAa,WAAW;CACzD,GAAG,cAAc,MAAM,MAAM,CAAC,MAAM;CACpC,GAAG,aAAa,MAAM,KAAK,CAAC,MAAM;CAClC,GAAG,QAAQ;EACT,MAAM;EACN,MAAM,EACJ,GAAG,YACJ;EACD,UAAU;IACP,SAAS,aAAa;IACrB,IAAI;IACJ,aAAa;IACd;IACA,SAAS,aAAa;IACrB,IAAI;IACJ,aAAa;IACd;IACA,SAAS,YAAY;IACpB,IAAI;IACJ,aAAa;IACd;GACF;EACF,CAAC,CAAC,MAAM;CACV,EAAE"}

package/dist/LearningOutcomeTile/index.d.ts

@@ -4,4 +4,5 @@ import { LearningOutcomeTileProps, Progress } from "./types.js";
 declare const progressState: (percentComplete: number) => Progress;
 declare const LearningOutcomeTile: React.FC<LearningOutcomeTileProps>;
 //#endregion
-export { LearningOutcomeTile, progressState };
+export { LearningOutcomeTile, progressState };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/LearningOutcomeTile/index.tsx"],"sourcesContent":[],"mappings":";;;cAwCa,4CAA2C;cAU3C,qBAAqB,KAAA,CAAM,GAAG"}

package/dist/LearningOutcomeTile/index.js

@@ -90,4 +90,5 @@ const LearningOutcomeTile = ({ learningOutcomeDetails, onClick, hover = false, p
 };
 
 //#endregion
-export { LearningOutcomeTile, progressState };
+export { LearningOutcomeTile, progressState };
+//# sourceMappingURL=index.js.map

package/dist/LearningOutcomeTile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LearningOutcomeTile: React.FC<LearningOutcomeTileProps>"],"sources":["../../src/LearningOutcomeTile/index.tsx"],"sourcesContent":["import { Anchor, Text } from '@codecademy/gamut';\nimport { SmallCheckIcon } from '@codecademy/gamut-icons';\nimport { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useRef, useState } from 'react';\n\nimport {\n  learningOutcomeLabels,\n  LearningOutcomeLowAssessmentDot,\n} from '../LearningOutcomeBadges';\nimport { LearningOutcomePopover } from '../LearningOutcomePopover';\nimport { Tile } from './Tile';\nimport {\n  LearningOutcomePopoverDetailsProps,\n  LearningOutcomeTileProps,\n  Progress,\n} from './types';\n\nconst ProgressText = styled(Text)<{ progress: Progress; isSmall: boolean }>(\n  (props) => ({\n    ...variant({\n      prop: 'progress',\n      base: {\n        fontSize: 14,\n      },\n      variants: {\n        [Progress.notStarted]: {\n          color: 'text-secondary',\n          fontWeight: 400,\n        },\n        [Progress.inProgress]: {\n          color: 'primary',\n          fontWeight: props.isSmall ? 400 : 700,\n        },\n        [Progress.completed]: {},\n      },\n    })(props),\n  })\n);\n\nexport const progressState = (percentComplete: number): Progress => {\n  if (percentComplete === 0) {\n    return Progress.notStarted;\n  }\n  if (percentComplete > 0 && percentComplete < 100) {\n    return Progress.inProgress;\n  }\n  return Progress.completed;\n};\n\nexport const LearningOutcomeTile: React.FC<LearningOutcomeTileProps> = ({\n  learningOutcomeDetails,\n  onClick,\n  hover = false,\n  popover = false,\n  size = 'normal',\n}) => {\n  const { id, level, outcome, latestScore, percentComplete } =\n    learningOutcomeDetails;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const activeElRef = useRef<HTMLAnchorElement>(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      // If the popover is open, we want to focus the active element\n      activeElRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  const popoverProps =\n    popover && hover\n      ? {\n          ref: activeElRef,\n          onMouseEnter: () => setIsOpen(true),\n          onMouseLeave: () => setIsOpen(false),\n          onFocus: () => setIsOpen(true), // For keyboard users\n          onBlur: () => setIsOpen(false), // Close on blur\n          'aria-describedby': `${id}-popover`,\n        }\n      : {};\n\n  const highestScore = popover\n    ? (learningOutcomeDetails as LearningOutcomePopoverDetailsProps)\n        ?.highestScore\n    : undefined;\n\n  const percentCompleteValue = percentComplete ?? 0;\n  const progress = progressState(percentCompleteValue);\n\n  const isCompleted = progress === Progress.completed;\n  const isSmall = size === 'small';\n  const hasLowLatestAssessment = Boolean(\n    latestScore != null && latestScore < 70\n  );\n  const showLowAssessmentDot = hasLowLatestAssessment && !isSmall;\n\n  const lowAssessmentLabel = hasLowLatestAssessment\n    ? 'Most recent assessment score is below 70%, needs review. '\n    : '';\n  const defaultAriaLabel = `${learningOutcomeLabels[level]}: ${outcome} ${lowAssessmentLabel}Progress ${percentCompleteValue}% completed.`;\n  const evaluationValuesLabel =\n    isOpen && (highestScore || latestScore)\n      ? `Evaluation Values - ${\n          highestScore ? `Highest assessment score ${highestScore}. ` : ''\n        }${latestScore ? `Recent assessment score ${latestScore}.` : ''}`\n      : '';\n\n  return (\n    <Anchor\n      aria-label={`${defaultAriaLabel} ${evaluationValuesLabel}`}\n      variant=\"interface\"\n      onClick={onClick}\n      data-testid={`learning-outcome-tile-${id}`}\n      {...popoverProps}\n    >\n      <Tile hover={hover} progress={progress} size={size}>\n        {isCompleted ? (\n          <SmallCheckIcon\n            size={isSmall ? 12 : 16}\n            textColor=\"background-contrast\"\n          />\n        ) : (\n          <ProgressText progress={progress} isSmall={isSmall}>\n            {`${percentCompleteValue}%`}\n          </ProgressText>\n        )}\n        {showLowAssessmentDot && (\n          <LearningOutcomeLowAssessmentDot\n            position=\"absolute\"\n            top=\"-20%\"\n            right=\"-20%\"\n            hasBorder\n          />\n        )}\n      </Tile>\n      {isOpen && (\n        <LearningOutcomePopover\n          activeElRef={activeElRef}\n          horizontalOffset={isSmall && isCompleted ? 159 : isSmall ? 153 : 150}\n          id={`${id}-popover`}\n          isOpen={isOpen}\n          learningOutcomeDetails={\n            learningOutcomeDetails as LearningOutcomePopoverDetailsProps\n          }\n        />\n      )}\n    </Anchor>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,eAAe,OAAO,KAAK,EAC9B,WAAW,EACV,GAAG,QAAQ;CACT,MAAM;CACN,MAAM,EACJ,UAAU,IACX;CACD,UAAU;GACP,SAAS,aAAa;GACrB,OAAO;GACP,YAAY;GACb;GACA,SAAS,aAAa;GACrB,OAAO;GACP,YAAY,MAAM,UAAU,MAAM;GACnC;GACA,SAAS,YAAY,EAAE;EACzB;CACF,CAAC,CAAC,MAAM,EACV,EACF;AAED,MAAa,iBAAiB,oBAAsC;AAClE,KAAI,oBAAoB,EACtB,QAAO,SAAS;AAElB,KAAI,kBAAkB,KAAK,kBAAkB,IAC3C,QAAO,SAAS;AAElB,QAAO,SAAS;;AAGlB,MAAaA,uBAA2D,EACtE,wBACA,SACA,QAAQ,OACR,UAAU,OACV,OAAO,eACH;CACJ,MAAM,EAAE,IAAI,OAAO,SAAS,aAAa,oBACvC;CAEF,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,cAAc,OAA0B,KAAK;AAEnD,iBAAgB;AACd,MAAI,OAEF,aAAY,SAAS,OAAO;IAE7B,CAAC,OAAO,CAAC;CAEZ,MAAM,eACJ,WAAW,QACP;EACE,KAAK;EACL,oBAAoB,UAAU,KAAK;EACnC,oBAAoB,UAAU,MAAM;EACpC,eAAe,UAAU,KAAK;EAC9B,cAAc,UAAU,MAAM;EAC9B,oBAAoB,GAAG,GAAG;EAC3B,GACD,EAAE;CAER,MAAM,eAAe,UAChB,wBACG,eACJ;CAEJ,MAAM,uBAAuB,mBAAmB;CAChD,MAAM,WAAW,cAAc,qBAAqB;CAEpD,MAAM,cAAc,aAAa,SAAS;CAC1C,MAAM,UAAU,SAAS;CACzB,MAAM,yBAAyB,QAC7B,eAAe,QAAQ,cAAc,GACtC;CACD,MAAM,uBAAuB,0BAA0B,CAAC;CAExD,MAAM,qBAAqB,yBACvB,8DACA;CACJ,MAAM,mBAAmB,GAAG,sBAAsB,OAAO,IAAI,QAAQ,GAAG,mBAAmB,WAAW,qBAAqB;CAC3H,MAAM,wBACJ,WAAW,gBAAgB,eACvB,uBACE,eAAe,4BAA4B,aAAa,MAAM,KAC7D,cAAc,2BAA2B,YAAY,KAAK,OAC7D;AAEN,QACE,qBAAC;EACC,cAAY,GAAG,iBAAiB,GAAG;EACnC,SAAQ;EACC;EACT,eAAa,yBAAyB;EACtC,GAAI;aAEJ,qBAAC;GAAY;GAAiB;GAAgB;cAC3C,cACC,oBAAC;IACC,MAAM,UAAU,KAAK;IACrB,WAAU;KACV,GAEF,oBAAC;IAAuB;IAAmB;cACxC,GAAG,qBAAqB;KACZ,EAEhB,wBACC,oBAAC;IACC,UAAS;IACT,KAAI;IACJ,OAAM;IACN;KACA;IAEC,EACN,UACC,oBAAC;GACc;GACb,kBAAkB,WAAW,cAAc,MAAM,UAAU,MAAM;GACjE,IAAI,GAAG,GAAG;GACF;GAEN;IAEF;GAEG"}

package/dist/LearningOutcomeTile/types.d.ts

@@ -43,4 +43,5 @@ type LearningOutcomeTileProps = {
   size?: SizeType;
 } & (WithHoverAndWithPopover | WithHoverAndWithoutPopover | WithoutHoverAndWithoutPopover);
 //#endregion
-export { LearningOutcomePopoverDetailsProps, LearningOutcomeTileProps, Progress };
+export { LearningOutcomePopoverDetailsProps, LearningOutcomeTileProps, Progress };
+//# sourceMappingURL=types.d.ts.map

package/dist/LearningOutcomeTile/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/LearningOutcomeTile/types.ts"],"sourcesContent":[],"mappings":";;;;aAEY,QAAA;;;EAAA,SAAA,GAAQ,WAAA;AAMpB;AAQU,KARE,QAAA,GAQF,OAAA,GAAA,QAA+B;UAA/B,+BAAA,CAwCD;EAEL,EAAA,EAAA,MAAA;EACA,KAAA,EAzCK,qBAyCL;EACA,OAAA,EAAA,MAAA;EAA6B,eAAA,EAAA,MAAA,GAAA,SAAA,GAAA,IAAA;;;UArChB,kCAAA;;SAER;;;;;;UAWC,uBAAA;0BACgB;;;;UAKhB,0BAAA;0BACgB;;;;UAKhB,6BAAA;0BACgB;;;;KAKd,wBAAA;;SAEH;KAEL,0BACA,6BACA"}

package/dist/LearningOutcomeTile/types.js

@@ -7,4 +7,5 @@ let Progress = /* @__PURE__ */ function(Progress$1) {
 }({});
 
 //#endregion
-export { Progress };
+export { Progress };
+//# sourceMappingURL=types.js.map

package/dist/LearningOutcomeTile/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../src/LearningOutcomeTile/types.ts"],"sourcesContent":["import { LearningOutcomeLevels } from '../LearningOutcomeBadges';\n\nexport enum Progress {\n  notStarted = 'notStarted',\n  inProgress = 'inProgress',\n  completed = 'completed',\n}\n\nexport type SizeType = 'small' | 'normal';\n\nexport interface TileProps {\n  hover: boolean;\n  progress: Progress;\n  size: SizeType;\n}\n\ninterface LearningOutcomeTileDetailsProps {\n  id: string;\n  level: LearningOutcomeLevels;\n  outcome: string;\n  percentComplete: number | undefined | null;\n  latestScore?: number | undefined | null;\n}\nexport interface LearningOutcomePopoverDetailsProps {\n  id: string;\n  level: LearningOutcomeLevels;\n  outcome: string;\n  percentComplete: number | undefined | null;\n  latestScore?: number | undefined | null;\n  highestScore?: number | undefined | null;\n}\n\n/* The following interfaces define the props for the LearningOutcomeTile component based on different states of hover and popover.\nWhen hover is true, popover prop is required (either true or false).\nWhen hover is false, popover prop is optional and defaults to false.\n*/\ninterface WithHoverAndWithPopover {\n  learningOutcomeDetails: LearningOutcomePopoverDetailsProps;\n  hover: true;\n  popover: true;\n}\n\ninterface WithHoverAndWithoutPopover {\n  learningOutcomeDetails: LearningOutcomeTileDetailsProps;\n  hover: true;\n  popover: false;\n}\n\ninterface WithoutHoverAndWithoutPopover {\n  learningOutcomeDetails: LearningOutcomeTileDetailsProps;\n  hover?: false;\n  popover?: false;\n}\n\nexport type LearningOutcomeTileProps = {\n  onClick?: () => void;\n  size?: SizeType;\n} & (\n  | WithHoverAndWithPopover\n  | WithHoverAndWithoutPopover\n  | WithoutHoverAndWithoutPopover\n);\n"],"mappings":";AAEA,IAAY,gDAAL;AACL;AACA;AACA"}

package/dist/ListSection/index.d.ts

@@ -23,4 +23,5 @@ interface ListSectionProps extends WithChildrenProp {
 }
 declare const ListSection: React$1.FC<ListSectionProps>;
 //#endregion
-export { ListSection, ListSectionProps };
+export { ListSection, ListSectionProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ListSection/index.tsx"],"sourcesContent":[],"mappings":";;;;;;UAQiB,gBAAA,SAAyB;;iBAEzB;EAFA,qBAAiB,CAAA,EAGR,aAHQ;EAEjB;;;;AA6BjB;;;;;;;;;cAAa,aAAa,OAAA,CAAM,GAAG"}

package/dist/ListSection/index.js

@@ -50,4 +50,5 @@ const ListSection = ({ title, headerButton, headerSecondaryButton, initialDispla
 };
 
 //#endregion
-export { ListSection };
+export { ListSection };
+//# sourceMappingURL=index.js.map

package/dist/ListSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ListSection: React.FC<ListSectionProps>"],"sources":["../../src/ListSection/index.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { Children, useState } from 'react';\nimport * as React from 'react';\n\nimport { PageSection, SectionButton } from '..';\n\nexport interface ListSectionProps extends WithChildrenProp {\n  title: string;\n  headerButton?: SectionButton;\n  headerSecondaryButton?: SectionButton;\n  /**\n   * Number of items to be initally displayed\n   *\n   * @remarks\n   * If the initial display amount matches the number of list items, Show All button will not appear.\n   */\n  initialDisplayAmount?: number;\n\n  /**\n   * Optional callback function that will be called when the user clicks the \"Show All\" / \"Show less\" button.\n   * This is usually used for things like metrics tracking.\n   */\n  onShowAllOrLessClick?: (showAll: boolean) => void;\n}\n\nconst UnstyledUnorderedList = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n`;\n\nconst StyledListItem = styled.li`\n  &:not(:last-child) {\n    margin-bottom: ${theme.spacing[24]};\n  }\n`;\n\nexport const ListSection: React.FC<ListSectionProps> = ({\n  title,\n  headerButton,\n  headerSecondaryButton,\n  initialDisplayAmount = 3,\n  onShowAllOrLessClick,\n  children,\n}) => {\n  const [showAll, setShowAll] = useState(false);\n\n  const handleShowAll = () => {\n    onShowAllOrLessClick?.(!showAll);\n    setShowAll(!showAll);\n  };\n\n  const renderListItems = () => {\n    const listItems = Children.map(\n      children,\n      (child) => !!child && <StyledListItem>{child}</StyledListItem>\n    )?.filter(Boolean);\n\n    if (!listItems) return null;\n    if (showAll) return listItems;\n    return listItems.slice(0, initialDisplayAmount);\n  };\n\n  const renderFooterButton = () => {\n    if (Children.toArray(children).length <= initialDisplayAmount) return null;\n    const buttonText = `Show ${showAll ? 'Less' : 'All'}`;\n    return {\n      text: buttonText,\n      onClick: handleShowAll,\n      'aria-label': `${buttonText}, ${title}`,\n    };\n  };\n\n  return (\n    <PageSection\n      title={title}\n      footerButton={renderFooterButton()}\n      headerButton={headerButton}\n      headerSecondaryButton={headerSecondaryButton}\n    >\n      <UnstyledUnorderedList aria-label={title} aria-live=\"polite\">\n        {renderListItems()}\n      </UnstyledUnorderedList>\n    </PageSection>\n  );\n};\n"],"mappings":";;;;;;;AA2BA,MAAM,wBAAwB,OAAO,EAAE;;;;;AAMvC,MAAM,iBAAiB,OAAO,EAAE;;qBAEX,MAAM,QAAQ,IAAI;;;AAIvC,MAAaA,eAA2C,EACtD,OACA,cACA,uBACA,uBAAuB,GACvB,sBACA,eACI;CACJ,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,sBAAsB;AAC1B,yBAAuB,CAAC,QAAQ;AAChC,aAAW,CAAC,QAAQ;;CAGtB,MAAM,wBAAwB;EAC5B,MAAM,YAAY,SAAS,IACzB,WACC,UAAU,CAAC,CAAC,SAAS,oBAAC,4BAAgB,QAAuB,CAC/D,EAAE,OAAO,QAAQ;AAElB,MAAI,CAAC,UAAW,QAAO;AACvB,MAAI,QAAS,QAAO;AACpB,SAAO,UAAU,MAAM,GAAG,qBAAqB;;CAGjD,MAAM,2BAA2B;AAC/B,MAAI,SAAS,QAAQ,SAAS,CAAC,UAAU,qBAAsB,QAAO;EACtE,MAAM,aAAa,QAAQ,UAAU,SAAS;AAC9C,SAAO;GACL,MAAM;GACN,SAAS;GACT,cAAc,GAAG,WAAW,IAAI;GACjC;;AAGH,QACE,oBAAC;EACQ;EACP,cAAc,oBAAoB;EACpB;EACS;YAEvB,oBAAC;GAAsB,cAAY;GAAO,aAAU;aACjD,iBAAiB;IACI;GACZ"}

package/dist/Loading/index.d.ts

@@ -6,4 +6,5 @@ type LoadingProps = {
 };
 declare const Loading: React$1.FC<LoadingProps>;
 //#endregion
-export { Loading, LoadingProps };
+export { Loading, LoadingProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/Loading/index.tsx"],"sourcesContent":[],"mappings":";;;KAQY,YAAA;;AAAZ,CAAA;AAIa,cAAA,OAAkB,EAAT,OAAA,CAAM,EAAG,CAAA,YAAH,CAAE"}

package/dist/Loading/index.js

@@ -85,4 +85,5 @@ const Loading = ({ className }) => {
 };
 
 //#endregion
-export { Loading };
+export { Loading };
+//# sourceMappingURL=index.js.map

package/dist/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Loading: React.FC<LoadingProps>","colors","styles"],"sources":["../../src/Loading/index.tsx"],"sourcesContent":["import { useCurrentMode } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport cx from 'classnames';\nimport * as React from 'react';\n\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles.module.scss';\n\nexport type LoadingProps = {\n  className?: string;\n};\n\nexport const Loading: React.FC<LoadingProps> = ({ className }) => {\n  const { colors } = useTheme();\n  const mode = useCurrentMode();\n  const color1 = mode === 'light' ? colors['gray-300'] : colors['navy-600'];\n  const color2 = mode === 'light' ? colors['blue-800'] : colors['navy-200'];\n\n  const icon = (\n    <svg\n      className={cx(styles.loading, className)}\n      data-testid=\"loading\"\n      xmlns=\"https://www.w3.org/2000/svg\"\n      width=\"123\"\n      height=\"98.7\"\n      viewBox=\"0 0 123 98.7\"\n    >\n      <title>Loading Icon</title>\n      <path\n        className={cx(styles.path, styles.c)}\n        stroke={color1}\n        fill=\"none\"\n        strokeMiterlimit=\"10\"\n        d=\"M18.7 57.6c0 4.2.4 7.4 1.2 9.8 2.3 7.1 8.4 11 16.3 11 5.9 0 10.6-2.4 13.7-6.1.2-.4.3-.8-.1-1.2l-5.2-4.5c-.4-.3-.8-.3-1.2.1-2 2.2-4 3.5-7.3 3.5-3.5 0-6.2-1.7-7.4-5.1-.7-2-.8-4.4-.8-7.4 0-3.1.2-5.4.8-7.4 1.1-3.5 3.9-5.2 7.4-5.2 3.3 0 5.3 1.2 7.3 3.5.3.4.7.5 1.2.2l5.2-4.5c.4-.3.3-.8.1-1.2-3.1-3.8-7.8-6.2-13.7-6.2-7.9 0-14 3.9-16.3 11-.8 2.3-1.2 5.5-1.2 9.7\"\n      />\n      <path\n        className={cx(styles.path, styles.underline)}\n        stroke={color1}\n        fill=\"none\"\n        strokeMiterlimit=\"10\"\n        d=\"M120.7 97.2c.5 0 .8-.3.8-.8v-7.5c0-.5-.3-.8-.8-.8h-28c-.5 0-.8.3-.8.8v7.5c0 .5.3.8.8.8h28\"\n      />\n      <path\n        className={cx(styles.path, styles.outer)}\n        stroke={color1}\n        fill=\"none\"\n        strokeMiterlimit=\"10\"\n        d=\"M42.7 1.5H2.1 2c-.3.2-.5.5-.5.8v94c0 .3.1.5.3.7.1.1.3.1.5.1h80.8c.3 0 .5-.1.6-.3.1-.1.2-.3.2-.5v-94c0-.2-.1-.4-.2-.6-.1-.1-.3-.2-.6-.2H42.7\"\n      />\n      <path\n        className={cx(styles.path, styles.inner)}\n        stroke={color1}\n        fill=\"none\"\n        strokeMiterlimit=\"10\"\n        d=\"M42.7 88H11.3h-.1c-.3-.1-.5-.4-.5-.7V11.5c0-.4.2-.6.5-.8h63.1c.3.1.5.4.5.8v75.7c0 .4-.2.6-.5.7H42.7\"\n      />\n      <path\n        className={cx(styles.pathTwo, styles.c)}\n        stroke={color2}\n        fill=\"none\"\n        strokeWidth=\"3\"\n        strokeMiterlimit=\"10\"\n        d=\"M18.7 57.6c0 4.2.4 7.4 1.2 9.8 2.3 7.1 8.4 11 16.3 11 5.9 0 10.6-2.4 13.7-6.1.2-.4.3-.8-.1-1.2l-5.2-4.5c-.4-.3-.8-.3-1.2.1-2 2.2-4 3.5-7.3 3.5-3.5 0-6.2-1.7-7.4-5.1-.7-2-.8-4.4-.8-7.4 0-3.1.2-5.4.8-7.4 1.1-3.5 3.9-5.2 7.4-5.2 3.3 0 5.3 1.2 7.3 3.5.3.4.7.5 1.2.2l5.2-4.5c.4-.3.3-.8.1-1.2-3.1-3.8-7.8-6.2-13.7-6.2-7.9 0-14 3.9-16.3 11-.8 2.3-1.2 5.5-1.2 9.7\"\n      />\n      <path\n        className={cx(styles.pathTwo, styles.underline)}\n        stroke={color2}\n        fill=\"none\"\n        strokeWidth=\"3\"\n        strokeMiterlimit=\"10\"\n        d=\"M120.7 97.2c.5 0 .8-.3.8-.8v-7.5c0-.5-.3-.8-.8-.8h-28c-.5 0-.8.3-.8.8v7.5c0 .5.3.8.8.8h28\"\n      />\n      <path\n        className={cx(styles.pathTwo, styles.outer)}\n        stroke={color2}\n        fill=\"none\"\n        strokeWidth=\"3\"\n        strokeMiterlimit=\"10\"\n        d=\"M42.7 1.5H2.1 2c-.3.2-.5.5-.5.8v94c0 .3.1.5.3.7.1.1.3.1.5.1h80.8c.3 0 .5-.1.6-.3.1-.1.2-.3.2-.5v-94c0-.2-.1-.4-.2-.6-.1-.1-.3-.2-.6-.2H42.7\"\n      />\n      <path\n        className={cx(styles.pathTwo, styles.inner)}\n        stroke={color2}\n        fill=\"none\"\n        strokeWidth=\"3\"\n        strokeMiterlimit=\"10\"\n        d=\"M42.7 88H11.3h-.1c-.3-.1-.5-.4-.5-.7V11.5c0-.4.2-.6.5-.8h63.1c.3.1.5.4.5.8v75.7c0 .4-.2.6-.5.7H42.7\"\n      />\n    </svg>\n  );\n\n  return icon;\n};\n"],"mappings":";;;;;;;;AAYA,MAAaA,WAAmC,EAAE,gBAAgB;CAChE,MAAM,EAAE,qBAAW,UAAU;CAC7B,MAAM,OAAO,gBAAgB;CAC7B,MAAM,SAAS,SAAS,UAAUC,SAAO,cAAcA,SAAO;CAC9D,MAAM,SAAS,SAAS,UAAUA,SAAO,cAAcA,SAAO;AA2E9D,QAxEE,qBAAC;EACC,WAAW,GAAGC,sBAAO,SAAS,UAAU;EACxC,eAAY;EACZ,OAAM;EACN,OAAM;EACN,QAAO;EACP,SAAQ;;GAER,oBAAC,qBAAM,iBAAoB;GAC3B,oBAAC;IACC,WAAW,GAAGA,sBAAO,MAAMA,sBAAO,EAAE;IACpC,QAAQ;IACR,MAAK;IACL,kBAAiB;IACjB,GAAE;KACF;GACF,oBAAC;IACC,WAAW,GAAGA,sBAAO,MAAMA,sBAAO,UAAU;IAC5C,QAAQ;IACR,MAAK;IACL,kBAAiB;IACjB,GAAE;KACF;GACF,oBAAC;IACC,WAAW,GAAGA,sBAAO,MAAMA,sBAAO,MAAM;IACxC,QAAQ;IACR,MAAK;IACL,kBAAiB;IACjB,GAAE;KACF;GACF,oBAAC;IACC,WAAW,GAAGA,sBAAO,MAAMA,sBAAO,MAAM;IACxC,QAAQ;IACR,MAAK;IACL,kBAAiB;IACjB,GAAE;KACF;GACF,oBAAC;IACC,WAAW,GAAGA,sBAAO,SAASA,sBAAO,EAAE;IACvC,QAAQ;IACR,MAAK;IACL,aAAY;IACZ,kBAAiB;IACjB,GAAE;KACF;GACF,oBAAC;IACC,WAAW,GAAGA,sBAAO,SAASA,sBAAO,UAAU;IAC/C,QAAQ;IACR,MAAK;IACL,aAAY;IACZ,kBAAiB;IACjB,GAAE;KACF;GACF,oBAAC;IACC,WAAW,GAAGA,sBAAO,SAASA,sBAAO,MAAM;IAC3C,QAAQ;IACR,MAAK;IACL,aAAY;IACZ,kBAAiB;IACjB,GAAE;KACF;GACF,oBAAC;IACC,WAAW,GAAGA,sBAAO,SAASA,sBAAO,MAAM;IAC3C,QAAQ;IACR,MAAK;IACL,aAAY;IACZ,kBAAiB;IACjB,GAAE;KACF;;GACE"}

package/dist/Loading/styles.module.js

@@ -2,4 +2,5 @@
 var styles_module_default = "assets/styles.module-DbrbHmEX.scss";
 
 //#endregion
-export { styles_module_default as default };
+export { styles_module_default as default };
+//# sourceMappingURL=styles.module.js.map

package/dist/Loading/styles.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.js","names":[],"sources":["../../src/Loading/styles.module.scss"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";4BAAA,oCAAA"}

package/dist/LoadingCurriculumCard/index.d.ts

@@ -7,4 +7,5 @@ type LoadingCurriculumCardProps = {
 };
 declare const LoadingCurriculumCard: React.FC<LoadingCurriculumCardProps>;
 //#endregion
-export { LoadingCurriculumCard };
+export { LoadingCurriculumCard };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/LoadingCurriculumCard/index.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,0BAAA;YACO;AAHkC,CAAA;AAMjC,cAAA,qBAAgC,EAAT,KAAA,CAAM,EAAG,CAAA,0BAAD,CAAA"}

package/dist/LoadingCurriculumCard/index.js

@@ -80,4 +80,5 @@ const LoadingCurriculumCard = ({ variant }) => /* @__PURE__ */ jsx(Card, {
 });
 
 //#endregion
-export { LoadingCurriculumCard };
+export { LoadingCurriculumCard };
+//# sourceMappingURL=index.js.map

package/dist/LoadingCurriculumCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LoadingCurriculumCard: React.FC<LoadingCurriculumCardProps>"],"sources":["../../src/LoadingCurriculumCard/index.tsx"],"sourcesContent":["import { Box, Card, FlexBox, Shimmer } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { Divider } from '../ContentGroupBaseCard/shared';\nimport { CardProps } from '../CurriculumCard';\n\ntype LoadingCurriculumCardProps = {\n  variant?: CardProps['variant'];\n};\n\nexport const LoadingCurriculumCard: React.FC<LoadingCurriculumCardProps> = ({\n  variant,\n}) => (\n  <Card\n    variant={variant || 'beige'}\n    borderRadius=\"md\"\n    borderColor=\"border-primary\"\n    overflow=\"hidden\"\n    display=\"flex\"\n    flexDirection=\"column\"\n    p={0}\n    height=\"100%\"\n    width=\"100%\"\n  >\n    <FlexBox\n      flexDirection=\"column\"\n      textAlign=\"left\"\n      px={12}\n      pt={4}\n      pb={0}\n      height=\"100%\"\n    >\n      <Box pt={8}>\n        <Shimmer width=\"40%\" height={12} />\n      </Box>\n      <FlexBox\n        mt=\"auto\"\n        pt={16}\n        height=\"100%\"\n        flexDirection=\"column\"\n        justifyContent=\"space-between\"\n      >\n        <Box pb={32}>\n          <Shimmer width=\"70%\" height={20} pt={8} />\n          <Shimmer width=\"62%\" height={20} pt={8} />\n          <Shimmer width=\"61%\" height={20} pt={8} />\n        </Box>\n        <Box>\n          <Divider />\n          <FlexBox justifyContent=\"space-between\" flexWrap=\"wrap\">\n            <FlexBox>\n              <Shimmer width={25} height={20} pb={8} />\n              <Shimmer width={45} height={20} pb={8} pl={4} />\n            </FlexBox>\n            <FlexBox>\n              <Shimmer width={25} height={20} pb={8} />\n              <Shimmer width={45} height={20} pb={8} pl={4} />\n            </FlexBox>\n          </FlexBox>\n        </Box>\n      </FlexBox>\n    </FlexBox>\n  </Card>\n);\n"],"mappings":";;;;;;AAUA,MAAaA,yBAA+D,EAC1E,cAEA,oBAAC;CACC,SAAS,WAAW;CACpB,cAAa;CACb,aAAY;CACZ,UAAS;CACT,SAAQ;CACR,eAAc;CACd,GAAG;CACH,QAAO;CACP,OAAM;WAEN,qBAAC;EACC,eAAc;EACd,WAAU;EACV,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,QAAO;aAEP,oBAAC;GAAI,IAAI;aACP,oBAAC;IAAQ,OAAM;IAAM,QAAQ;KAAM;IAC/B,EACN,qBAAC;GACC,IAAG;GACH,IAAI;GACJ,QAAO;GACP,eAAc;GACd,gBAAe;cAEf,qBAAC;IAAI,IAAI;;KACP,oBAAC;MAAQ,OAAM;MAAM,QAAQ;MAAI,IAAI;OAAK;KAC1C,oBAAC;MAAQ,OAAM;MAAM,QAAQ;MAAI,IAAI;OAAK;KAC1C,oBAAC;MAAQ,OAAM;MAAM,QAAQ;MAAI,IAAI;OAAK;;KACtC,EACN,qBAAC,kBACC,oBAAC,YAAU,EACX,qBAAC;IAAQ,gBAAe;IAAgB,UAAS;eAC/C,qBAAC,sBACC,oBAAC;KAAQ,OAAO;KAAI,QAAQ;KAAI,IAAI;MAAK,EACzC,oBAAC;KAAQ,OAAO;KAAI,QAAQ;KAAI,IAAI;KAAG,IAAI;MAAK,IACxC,EACV,qBAAC,sBACC,oBAAC;KAAQ,OAAO;KAAI,QAAQ;KAAI,IAAI;MAAK,EACzC,oBAAC;KAAQ,OAAO;KAAI,QAAQ;KAAI,IAAI;KAAG,IAAI;MAAK,IACxC;KACF,IACN;IACE;GACF;EACL"}

package/dist/Logos/LogoCodecademy/index.d.ts

@@ -3,4 +3,5 @@ import { SharedLogoProps } from "../shared.js";
 //#region src/Logos/LogoCodecademy/index.d.ts
 declare const LogoCodecademy: React.FC<SharedLogoProps>;
 //#endregion
-export { LogoCodecademy };
+export { LogoCodecademy };
+//# sourceMappingURL=index.d.ts.map

package/dist/Logos/LogoCodecademy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/Logos/LogoCodecademy/index.tsx"],"sourcesContent":[],"mappings":";;;cAEa,gBAAgB,KAAA,CAAM,GAAG"}

package/dist/Logos/LogoCodecademy/index.js

@@ -19,4 +19,5 @@ const LogoCodecademy = ({ height = 30, ...rest }) => {
 };
 
 //#endregion
-export { LogoCodecademy };
+export { LogoCodecademy };
+//# sourceMappingURL=index.js.map

package/dist/Logos/LogoCodecademy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LogoCodecademy: React.FC<SharedLogoProps>"],"sources":["../../../src/Logos/LogoCodecademy/index.tsx"],"sourcesContent":["import { SharedLogoProps, StyledSVGWrapper } from '../shared';\n\nexport const LogoCodecademy: React.FC<SharedLogoProps> = ({\n  height = 30,\n  ...rest\n}) => {\n  return (\n    <StyledSVGWrapper height={height} viewBox=\"0 0 102 21.705\" {...rest}>\n      <title>Codecademy Logo</title>\n      <g fill=\"none\" fillRule=\"nonzero\">\n        <path\n          d=\"M4.213 14.896c-.192-.562-.278-1.275-.278-2.226 0-.95.086-1.664.278-2.226.513-1.599 1.86-2.485 3.637-2.485 1.326 0 2.353.54 3.06 1.404a.18.18 0 01-.022.26L9.732 10.66c-.086.066-.192.066-.256-.043-.45-.497-.9-.778-1.626-.778-.792 0-1.39.39-1.648 1.167-.128.454-.17.973-.17 1.664 0 .692.042 1.232.192 1.686.257.756.856 1.167 1.647 1.167.727 0 1.198-.28 1.626-.778.064-.086.171-.086.257-.022l1.155 1.038c.086.065.064.173.022.26-.707.842-1.734 1.382-3.06 1.382-1.775-.021-3.145-.886-3.658-2.507zm39.704 0c-.192-.562-.278-1.275-.278-2.226 0-.95.086-1.664.278-2.226.514-1.599 1.862-2.485 3.637-2.485 1.326 0 2.375.54 3.06 1.404a.18.18 0 01-.022.26l-1.155 1.037c-.086.066-.193.066-.257-.043-.45-.497-.899-.778-1.626-.778-.791 0-1.39.39-1.647 1.167-.15.454-.193.973-.193 1.664 0 .692.043 1.232.193 1.686.257.756.856 1.167 1.647 1.167.727 0 1.198-.28 1.626-.778.064-.086.171-.086.257-.022l1.155 1.038c.086.065.064.173.022.26-.707.842-1.734 1.382-3.06 1.382-1.775-.021-3.123-.886-3.637-2.507zm46.552 2.27c-.107 0-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069 0-1.69.8-1.69 1.967v5.187c0 .108-.064.195-.192.195h-1.69c-.107 0-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069 0-1.69.8-1.69 1.967v5.187c0 .108-.063.195-.192.195h-1.69c-.107 0-.192-.066-.192-.195V8.348c0-.108.064-.195.192-.195h1.69c.107 0 .193.065.193.195v.648h.021c.385-.562 1.155-1.037 2.332-1.037 1.048 0 1.883.432 2.418 1.189h.021c.684-.757 1.562-1.19 2.824-1.19 2.054 0 3.209 1.427 3.209 3.35v5.685c0 .108-.064.194-.193.194l-1.647-.021zm4.228 3.177c-.108 0-.193-.066-.193-.195v-1.491c0-.108.064-.194.193-.194h.32c.707 0 1.048-.325 1.327-1.06l.257-.756-3.231-8.494c-.043-.108.043-.194.15-.194h1.818c.107 0 .193.065.214.194l1.99 5.879h.043l1.904-5.879c.043-.108.107-.194.213-.194h1.733c.108 0 .193.065.15.194l-3.337 9.401c-.77 2.14-1.498 2.81-2.974 2.81l-.577-.021zm-76.93-6.009c.15-.475.192-.908.192-1.664 0-.756-.043-1.167-.192-1.664-.257-.757-.835-1.167-1.647-1.167-.813 0-1.412.432-1.669 1.167-.15.475-.193.886-.193 1.664 0 .756.043 1.189.193 1.664.257.757.835 1.167 1.669 1.167.812.022 1.39-.41 1.647-1.167zm-5.306.562c-.192-.627-.3-1.232-.3-2.226s.087-1.578.3-2.226c.492-1.578 1.84-2.485 3.637-2.485 1.776 0 3.124.907 3.615 2.485.193.627.3 1.232.3 2.226s-.086 1.578-.3 2.226c-.491 1.578-1.84 2.485-3.615 2.485-1.775 0-3.123-.907-3.637-2.485zm43.085-6.937c2.695 0 3.68.95 3.722 3.155v5.857c0 .13-.085.195-.192.195h-1.54c-.13 0-.193-.087-.193-.195v-.648h-.022c-.406.605-1.24 1.037-2.481 1.037-1.626 0-2.974-.865-2.974-2.745 0-1.945 1.348-2.853 3.53-2.853h.728c.128 0 .192.087.192.195v1.189c0 .13-.086.194-.192.194h-.407c-1.327 0-1.904.368-1.904 1.21 0 .757.535 1.124 1.519 1.124 1.262 0 1.968-.497 1.968-1.534v-3.004c-.043-.973-.535-1.405-1.968-1.405-.984 0-1.583.281-2.011.627-.086.064-.193.043-.257-.043l-.685-1.233c-.042-.086-.021-.172.043-.237.706-.54 1.67-.886 3.124-.886zm-21.66 3.803h2.502c.065 0 .108-.043.108-.108 0-.302-.043-.54-.108-.756-.235-.735-.877-1.167-1.711-1.167-.834 0-1.498.432-1.733 1.167-.021.087-.043.173-.064.28v.044c-.064.41-.086.735-.107 1.254-.003.434.033.868.107 1.296.021.13.064.26.107.39.278.885.984 1.361 1.968 1.361 1.006 0 1.626-.367 2.075-.864.086-.109.193-.109.278-.044l1.07.973c.086.065.086.173.021.26-.77.907-2.01 1.534-3.636 1.534-1.862 0-3.188-.93-3.68-2.507-.193-.584-.321-1.276-.321-2.205 0-.93.107-1.642.3-2.226.492-1.577 1.86-2.485 3.615-2.485 1.818 0 3.145.95 3.637 2.485.214.627.3 1.254.3 2.702 0 .13-.065.194-.193.194h-4.536c-.064 0-.085-.043-.085-.086v-1.405c0-.065.043-.087.085-.087zm-4.83-7.42c.107 0 .193.064.214.107v12.319c0 .13-.085.195-.192.195h-1.69c-.128 0-.193-.087-.193-.195v-.67h-.021c-.407.605-1.134 1.06-2.332 1.06-1.498 0-2.61-.714-3.06-2.162-.234-.692-.32-1.319-.32-2.529s.107-1.837.32-2.528c.45-1.427 1.52-2.14 2.996-2.161h1.262c.043.02.064.043.064.086v1.707c0 .044-.021.087-.064.087h-.727c-.792.021-1.348.432-1.583 1.167-.129.41-.193.864-.193 1.685 0 .822.064 1.276.193 1.686.235.735.812 1.146 1.625 1.146.835 0 1.412-.39 1.648-1.146a4.85 4.85 0 00.171-1.167V4.536c0-.13.085-.195.192-.195h1.69zm44.176 7.42h2.503c.064 0 .107-.043.107-.108 0-.302-.043-.54-.107-.756-.235-.735-.877-1.167-1.712-1.167-.834 0-1.497.432-1.732 1.167a5.779 5.779 0 00-.064.28v.044c-.064.41-.086.735-.107 1.254-.003.434.033.868.106 1.296.022.13.065.26.108.39.278.885.984 1.361 1.968 1.361 1.006 0 1.626-.367 2.075-.864.086-.109.193-.109.278-.044l1.07.973c.085.065.085.173.021.26-.77.907-2.011 1.534-3.637 1.534-1.86 0-3.187-.93-3.68-2.507-.192-.584-.32-1.276-.32-2.205 0-.93.107-1.642.3-2.226.491-1.577 1.86-2.485 3.614-2.485 1.819 0 3.145.95 3.638 2.485.213.627.3 1.254.3 2.702 0 .13-.065.194-.193.194h-4.536c-.064 0-.086-.043-.086-.086v-1.405c0-.065.043-.087.086-.087zm-4.829-7.42c.107 0 .193.064.236.172v12.319c0 .13-.086.194-.193.194h-1.69c-.128 0-.192-.086-.192-.194v-.67h-.022c-.428.605-1.155 1.059-2.353 1.059-1.498 0-2.61-.713-3.06-2.161-.235-.692-.32-1.34-.32-2.55 0-1.232.107-1.86.32-2.551.45-1.426 1.54-2.14 3.017-2.161h1.24c.129 0 .193.086.193.194v1.492c0 .13-.085.194-.192.194h-.727c-.792.022-1.349.433-1.584 1.167-.128.41-.192.865-.192 1.686s.064 1.275.192 1.686c.235.756.792 1.167 1.626 1.167.835 0 1.412-.41 1.648-1.167.085-.302.15-.649.17-1.167V4.536c0-.13.086-.195.193-.195h1.69zM50.078 19.534c.295 0 .357.09.357.362v1.447c0 .294-.083.362-.357.362h-5.723c-.296 0-.358-.09-.358-.362v-1.447c0-.295.052-.362.358-.362h5.723zM0 .362C0 .109.043.043 0 0h42.208c.23 0 .272.022.358 0v21.344c0 .231-.021.275 0 .362-.086-.022-.129 0-.358 0H0v-.002l.007-.028c.006-.037-.002-.053-.006-.012L0 21.69V.361zm2.146 19.173H40.42c-.043-.043 0-.107 0-.362V2.171H2.146v17.364z\"\n          fill=\"currentColor\"\n        />\n      </g>\n    </StyledSVGWrapper>\n  );\n};\n"],"mappings":";;;;AAEA,MAAaA,kBAA6C,EACxD,SAAS,IACT,GAAG,WACC;AACJ,QACE,qBAAC;EAAyB;EAAQ,SAAQ;EAAiB,GAAI;aAC7D,oBAAC,qBAAM,oBAAuB,EAC9B,oBAAC;GAAE,MAAK;GAAO,UAAS;aACtB,oBAAC;IACC,GAAE;IACF,MAAK;KACL;IACA;GACa"}

package/dist/Logos/LogoCodecademyMini/index.d.ts

@@ -3,4 +3,5 @@ import { SharedLogoProps } from "../shared.js";
 //#region src/Logos/LogoCodecademyMini/index.d.ts
 declare const LogoCodecademyMini: React.FC<SharedLogoProps>;
 //#endregion
-export { LogoCodecademyMini };
+export { LogoCodecademyMini };
+//# sourceMappingURL=index.d.ts.map

package/dist/Logos/LogoCodecademyMini/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/Logos/LogoCodecademyMini/index.tsx"],"sourcesContent":[],"mappings":";;;cAEa,oBAAoB,KAAA,CAAM,GAAG"}

package/dist/Logos/LogoCodecademyMini/index.js

@@ -15,4 +15,5 @@ const LogoCodecademyMini = ({ height = 30, ...rest }) => {
 };
 
 //#endregion
-export { LogoCodecademyMini };
+export { LogoCodecademyMini };
+//# sourceMappingURL=index.js.map

package/dist/Logos/LogoCodecademyMini/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LogoCodecademyMini: React.FC<SharedLogoProps>"],"sources":["../../../src/Logos/LogoCodecademyMini/index.tsx"],"sourcesContent":["import { SharedLogoProps, StyledSVGWrapper } from '../shared';\n\nexport const LogoCodecademyMini: React.FC<SharedLogoProps> = ({\n  height = 30,\n  ...rest\n}) => {\n  return (\n    <StyledSVGWrapper {...rest} height={height} viewBox=\"0 0 28 22\">\n      <title>Codecademy Logo Mini</title>\n      <path\n        d=\"M19.1955 0.043956C19.1955 0.043956 19.1955 0.0659341 19.1955 0.043956C19.2179 0.0879121 19.2402 0.131868 19.2626 0.197802V21.7582C19.2626 21.8242 19.2402 21.8681 19.2179 21.8901C19.1732 21.9341 19.1285 21.956 19.0615 21.956H0.178771C0.134078 21.956 0.0893855 21.956 0.0670391 21.9341C0.0223464 21.8901 0 21.8462 0 21.7802V0.175824C0 0.0879121 0.0446927 0.021978 0.111732 0H19.0615C19.1061 0 19.1732 0.021978 19.1955 0.043956ZM17.095 19.6923V2.28571C17.095 2.1978 17.0503 2.13187 16.9832 2.10989H2.23464C2.1676 2.13187 2.12291 2.1978 2.12291 2.28571V19.6923C2.12291 19.7802 2.1676 19.8462 2.23464 19.8681H16.9832C17.0503 19.8462 17.095 19.7802 17.095 19.6923ZM27.7989 19.8681C27.933 19.8681 28 19.9341 28 20.0659V21.8022C28 21.9341 27.9106 22 27.7989 22H21.2737C21.1397 22 21.0726 21.9121 21.0726 21.8022V20.0659C21.0726 19.9341 21.162 19.8681 21.2737 19.8681H27.7989ZM8.08939 8.08791C9.47486 8.08791 10.5475 8.63736 11.2849 9.51648C11.3296 9.58242 11.352 9.71429 11.2626 9.78022L10.0559 10.8352C9.96648 10.9011 9.85475 10.8791 9.78771 10.7912C9.34078 10.2857 8.84916 10 8.08939 10C7.26257 10 6.63687 10.3956 6.36872 11.1648C6.21229 11.6264 6.1676 12.1538 6.1676 12.8571C6.1676 13.5604 6.21229 14.1099 6.36872 14.5714C6.63687 15.3626 7.26257 15.7582 8.08939 15.7582C8.84916 15.7582 9.31844 15.4725 9.78771 14.967C9.85475 14.8791 9.96648 14.8791 10.0559 14.9451L11.2626 16C11.352 16.0659 11.3296 16.1758 11.2849 16.2637C10.5475 17.1209 9.47486 17.6703 8.08939 17.6703C6.23464 17.6703 4.82682 16.7692 4.2905 15.1429C4.08939 14.5714 4 13.8462 4 12.8791C4 11.9121 4.08939 11.1868 4.2905 10.6154C4.82682 8.98901 6.23464 8.08791 8.08939 8.08791Z\"\n        fill=\"currentColor\"\n      />\n    </StyledSVGWrapper>\n  );\n};\n"],"mappings":";;;;AAEA,MAAaA,sBAAiD,EAC5D,SAAS,IACT,GAAG,WACC;AACJ,QACE,qBAAC;EAAiB,GAAI;EAAc;EAAQ,SAAQ;aAClD,oBAAC,qBAAM,yBAA4B,EACnC,oBAAC;GACC,GAAE;GACF,MAAK;IACL;GACe"}

package/dist/Logos/LogoCodecademyPro/index.d.ts

@@ -3,4 +3,5 @@ import { SharedLogoProps } from "../shared.js";
 //#region src/Logos/LogoCodecademyPro/index.d.ts
 declare const LogoCodecademyPro: React.FC<SharedLogoProps>;
 //#endregion
-export { LogoCodecademyPro };
+export { LogoCodecademyPro };
+//# sourceMappingURL=index.d.ts.map

package/dist/Logos/LogoCodecademyPro/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/Logos/LogoCodecademyPro/index.tsx"],"sourcesContent":[],"mappings":";;;cAEa,mBAAmB,KAAA,CAAM,GAAG"}