@codecademy/brand 2.11.0-alpha.ffb5c4e514.0 → 3.0.0-alpha.097ecb99a8.0

package/dist/GlobalHeader/GlobalHeaderItems.js

@@ -417,6 +417,6 @@ export const requestTeamsDemo = {
   id: 'request-teams-demo',
   text: 'Request a demo',
   href: '/business/teams-quote',
-  trackingTarget: 'topnav_request_teams_demo',
+  trackingTarget: 'business_enterprise',
   type: 'fill-button'
 };

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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,8 @@
+interface AssessmentScoresProps {
+    highestScore: number | null | undefined;
+    highestScoreAchievedAt: string | null | undefined;
+    latestScore: number | null | undefined;
+    latestScoreAchievedAt: string | null | undefined;
+}
+export declare const LearningOutcomeAssessmentScores: React.FC<AssessmentScoresProps>;
+export {};

package/dist/LearningOutcomeAssessmentScores/index.js

@@ -0,0 +1,24 @@
+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/LearningOutcomeCard/index.d.ts

@@ -1,27 +1,25 @@
 import { HeadingTags } from '@codecademy/gamut';
-declare enum LearningOutcomeLevels {
-    One = 1,
-    Two = 2,
-    Three = 3
-}
-export declare const levelTagText: {
-    1: string;
-    2: string;
-    3: string;
-};
+import { LearningOutcomeLevels } from '../LearningOutcomeBadges';
 interface LearningOutcomeSkill {
     title?: string | null | undefined;
 }
 interface LearningOutcomeCardProps {
     level: LearningOutcomeLevels | null | undefined;
     outcome: string;
+    as?: 'li';
     headingLevel?: HeadingTags;
-    emphasized?: boolean;
+    isInteractive?: boolean;
+    mode?: 'emphasized' | 'base';
     progress?: number;
     skills?: LearningOutcomeSkill[] | null;
+    /**
+     * Optional prop for progress updates, used to animate the radial progress from a previous value to the current value.
+     * Need to provide previousProgress and progressDuraion to animate the radial progress.
+     * If progress is 100, completionDelay needs to be provided instead of progressDuration to delay the display of the completion icon.
+     */
     progressUpdateData?: {
         previousProgress: number;
-        progressDuration: number;
+        progressDuration?: number;
         completionDelay?: number;
     };
 }

package/dist/LearningOutcomeCard/index.js

@@ -1,178 +1,203 @@
 import _styled from "@emotion/styled/base";
-import { Badge, Card, FlexBox, RadialProgress, Text } from '@codecademy/gamut';
-import { CheckFilledIcon } from '@codecademy/gamut-icons';
-import { css, theme } from '@codecademy/gamut-styles';
+import { Card, FlexBox, RadialProgress, Text } from '@codecademy/gamut';
+import { CheckIcon } from '@codecademy/gamut-icons';
+import { css, theme, variant } from '@codecademy/gamut-styles';
 import { useEffect, useMemo, useState } from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var LearningOutcomeLevels = /*#__PURE__*/function (LearningOutcomeLevels) {
-  LearningOutcomeLevels[LearningOutcomeLevels["One"] = 1] = "One";
-  LearningOutcomeLevels[LearningOutcomeLevels["Two"] = 2] = "Two";
-  LearningOutcomeLevels[LearningOutcomeLevels["Three"] = 3] = "Three";
-  return LearningOutcomeLevels;
-}(LearningOutcomeLevels || {});
-export const levelTagText = {
-  [LearningOutcomeLevels.One]: 'Subskill',
-  [LearningOutcomeLevels.Two]: 'Skill',
-  [LearningOutcomeLevels.Three]: 'Skillset'
-};
+import { learningOutcomeLabels, LearningOutcomeLevelBadge, LearningOutcomeLevels } from '../LearningOutcomeBadges';
+import { progressState } from '../LearningOutcomeTile';
+import { Progress } from '../LearningOutcomeTile/types';
 
 // to match the type from gql schema
-
-const StyledBadge = /*#__PURE__*/_styled(Badge, {
-  target: "ev1pt783",
-  label: "StyledBadge"
-})(css({
-  border: 2,
-  borderColor: 'border-tertiary',
-  color: 'text'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ29CIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJhZGdlLFxuICBDYXJkLFxuICBGbGV4Qm94LFxuICBIZWFkaW5nVGFncyxcbiAgUmFkaWFsUHJvZ3Jlc3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrRmlsbGVkSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuZW51bSBMZWFybmluZ091dGNvbWVMZXZlbHMge1xuICBPbmUgPSAxLFxuICBUd28gPSAyLFxuICBUaHJlZSA9IDMsXG59XG5cbmV4cG9ydCBjb25zdCBsZXZlbFRhZ1RleHQgPSB7XG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuT25lXTogJ1N1YnNraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5Ud29dOiAnU2tpbGwnLFxuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlRocmVlXTogJ1NraWxsc2V0Jyxcbn07XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdUYWdzO1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgcHJvZ3Jlc3M/OiBudW1iZXI7XG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsO1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb246IG51bWJlcjtcbiAgICBjb21wbGV0aW9uRGVsYXk/OiBudW1iZXI7XG4gIH07XG59XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKEJhZGdlKShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDIsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gIH0pXG4pO1xuXG5jb25zdCBFbXBoYXNpemVkQmFkZ2UgPSBzdHlsZWQoU3R5bGVkQmFkZ2UpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTaW1wbGVDYXJkID0gc3R5bGVkKENhcmQpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1wcmltYXJ5JyxcbiAgfSlcbik7XG4vLyB0aGUgJ25hdnknIHZhcmlhbnQgb2YgQ2FyZCBhcHBsaWVzIGEgbmF2eSBiYWNrZ3JvdW5kIHRvIHRoZSBjYXJkIChuYXZ5LTgwMCkgYnV0IHRoZSBjYXJkcyBzaG91bGQgaGF2ZSBiYWNrZ3JvdW5kIG5hdnktOTAwXG5jb25zdCBFbXBoYXNpemVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBiZzogJ25hdnktOTAwJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBwcm9ncmVzcyxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IGRpc3BsYXlQcm9ncmVzcyA9IHByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgcHJvZ3Jlc3MgPiAwO1xuICBjb25zdCB7IHByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzRHVyYXRpb24sIGNvbXBsZXRpb25EZWxheSB9ID1cbiAgICBwcm9ncmVzc1VwZGF0ZURhdGEgfHwge307XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHJlbmRlcmVkU29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3Qgc29ydGVkU2tpbGxzID0gWy4uLihza2lsbHMgPz8gW10pXS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG5cbiAgICBpZiAoc29ydGVkU2tpbGxzICYmIHNvcnRlZFNraWxscy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gc29ydGVkU2tpbGxzLm1hcCgoc2tpbGwpID0+IChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhcz1cImxpXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgICB0ZXh0Q29sb3I9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIG9wYWNpdHk9XCIwLjY1XCJcbiAgICAgICAgICBiZz1cImJhY2tncm91bmQtc2VsZWN0ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAga2V5PXtza2lsbC50aXRsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtza2lsbC50aXRsZX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKSk7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG5cbiAgICAgIGlmIChjb21wbGV0aW9uRGVsYXkpIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgICB9LCBjb21wbGV0aW9uRGVsYXkpO1xuICAgICAgfSBlbHNlIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgaWYgKGVtcGhhc2l6ZWQgJiYgc2tpbGxzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbXBoYXNpemVkQ2FyZFxuICAgICAgICBweT17MzJ9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgZmxleERpcmVjdGlvbj17ZGlzcGxheVByb2dyZXNzID8gJ3JvdycgOiAnY29sdW1uJ31cbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBnYXA9e2Rpc3BsYXlQcm9ncmVzcyA/IDMyIDogMH1cbiAgICAgICAgYm9yZGVyPXsyfVxuICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgIGJvcmRlckNvbG9yPXtzaG93Q29tcGxldGlvbkljb24gPyAncHJpbWFyeScgOiAnYm9yZGVyLXRlcnRpYXJ5J31cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgICA8RW1waGFzaXplZEJhZGdlIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICB7bGV2ZWxUYWdUZXh0W2xldmVsXX1cbiAgICAgICAgICAgIDwvRW1waGFzaXplZEJhZGdlPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXNtXCIgd2lkdGg9XCIxMDAlXCIgYXM9e2hlYWRpbmdMZXZlbH0+XG4gICAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEZsZXhCb3ggd3JhcCBhcz1cInVsXCIgcGw9ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fT5cbiAgICAgICAgICAgIHtyZW5kZXJlZFNvcnRlZFNraWxsc31cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD1cIjEgMCAwXCJcbiAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgZmxleFdyYXA9XCJ3cmFwXCJcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Nob3dDb21wbGV0aW9uSWNvbiA/IChcbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBzaXplPXs4MH0gY29sb3I9XCJ5ZWxsb3ctNTAwXCIgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICAgICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPXs4fVxuICAgICAgICAgICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgICAgICAgICAgIGR1cmF0aW9uPXtwcm9ncmVzc0R1cmF0aW9uIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzWyd5ZWxsb3ctNTAwJ119XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICAgICAge2Rpc3BsYXlWYWx1ZX0lXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0VtcGhhc2l6ZWRDYXJkPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U2ltcGxlQ2FyZFxuICAgICAgYm9yZGVyPXsyfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgZ2FwPXsxNn1cbiAgICAgIHB5PXsyNH1cbiAgICAgIHB4PXsxNn1cbiAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgPlxuICAgICAge2xldmVsICYmIChcbiAgICAgICAgPFN0eWxlZEJhZGdlIHNpemU9XCJzbVwiIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgIHtsZXZlbFRhZ1RleHRbbGV2ZWxdfVxuICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgKX1cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiIHdpZHRoPVwiMTAwJVwiIGFzPXtoZWFkaW5nTGV2ZWx9PlxuICAgICAgICB7b3V0Y29tZX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1NpbXBsZUNhcmQ+XG4gICk7XG59O1xuIl19 */");
-const EmphasizedBadge = /*#__PURE__*/_styled(StyledBadge, {
-  target: "ev1pt782",
-  label: "EmphasizedBadge"
-})(css({
-  bg: 'background-selected'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJhZGdlLFxuICBDYXJkLFxuICBGbGV4Qm94LFxuICBIZWFkaW5nVGFncyxcbiAgUmFkaWFsUHJvZ3Jlc3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrRmlsbGVkSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuZW51bSBMZWFybmluZ091dGNvbWVMZXZlbHMge1xuICBPbmUgPSAxLFxuICBUd28gPSAyLFxuICBUaHJlZSA9IDMsXG59XG5cbmV4cG9ydCBjb25zdCBsZXZlbFRhZ1RleHQgPSB7XG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuT25lXTogJ1N1YnNraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5Ud29dOiAnU2tpbGwnLFxuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlRocmVlXTogJ1NraWxsc2V0Jyxcbn07XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdUYWdzO1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgcHJvZ3Jlc3M/OiBudW1iZXI7XG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsO1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb246IG51bWJlcjtcbiAgICBjb21wbGV0aW9uRGVsYXk/OiBudW1iZXI7XG4gIH07XG59XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKEJhZGdlKShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDIsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gIH0pXG4pO1xuXG5jb25zdCBFbXBoYXNpemVkQmFkZ2UgPSBzdHlsZWQoU3R5bGVkQmFkZ2UpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTaW1wbGVDYXJkID0gc3R5bGVkKENhcmQpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1wcmltYXJ5JyxcbiAgfSlcbik7XG4vLyB0aGUgJ25hdnknIHZhcmlhbnQgb2YgQ2FyZCBhcHBsaWVzIGEgbmF2eSBiYWNrZ3JvdW5kIHRvIHRoZSBjYXJkIChuYXZ5LTgwMCkgYnV0IHRoZSBjYXJkcyBzaG91bGQgaGF2ZSBiYWNrZ3JvdW5kIG5hdnktOTAwXG5jb25zdCBFbXBoYXNpemVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBiZzogJ25hdnktOTAwJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBwcm9ncmVzcyxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IGRpc3BsYXlQcm9ncmVzcyA9IHByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgcHJvZ3Jlc3MgPiAwO1xuICBjb25zdCB7IHByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzRHVyYXRpb24sIGNvbXBsZXRpb25EZWxheSB9ID1cbiAgICBwcm9ncmVzc1VwZGF0ZURhdGEgfHwge307XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHJlbmRlcmVkU29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3Qgc29ydGVkU2tpbGxzID0gWy4uLihza2lsbHMgPz8gW10pXS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG5cbiAgICBpZiAoc29ydGVkU2tpbGxzICYmIHNvcnRlZFNraWxscy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gc29ydGVkU2tpbGxzLm1hcCgoc2tpbGwpID0+IChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhcz1cImxpXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgICB0ZXh0Q29sb3I9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIG9wYWNpdHk9XCIwLjY1XCJcbiAgICAgICAgICBiZz1cImJhY2tncm91bmQtc2VsZWN0ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAga2V5PXtza2lsbC50aXRsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtza2lsbC50aXRsZX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKSk7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG5cbiAgICAgIGlmIChjb21wbGV0aW9uRGVsYXkpIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgICB9LCBjb21wbGV0aW9uRGVsYXkpO1xuICAgICAgfSBlbHNlIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgaWYgKGVtcGhhc2l6ZWQgJiYgc2tpbGxzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbXBoYXNpemVkQ2FyZFxuICAgICAgICBweT17MzJ9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgZmxleERpcmVjdGlvbj17ZGlzcGxheVByb2dyZXNzID8gJ3JvdycgOiAnY29sdW1uJ31cbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBnYXA9e2Rpc3BsYXlQcm9ncmVzcyA/IDMyIDogMH1cbiAgICAgICAgYm9yZGVyPXsyfVxuICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgIGJvcmRlckNvbG9yPXtzaG93Q29tcGxldGlvbkljb24gPyAncHJpbWFyeScgOiAnYm9yZGVyLXRlcnRpYXJ5J31cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgICA8RW1waGFzaXplZEJhZGdlIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICB7bGV2ZWxUYWdUZXh0W2xldmVsXX1cbiAgICAgICAgICAgIDwvRW1waGFzaXplZEJhZGdlPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXNtXCIgd2lkdGg9XCIxMDAlXCIgYXM9e2hlYWRpbmdMZXZlbH0+XG4gICAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEZsZXhCb3ggd3JhcCBhcz1cInVsXCIgcGw9ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fT5cbiAgICAgICAgICAgIHtyZW5kZXJlZFNvcnRlZFNraWxsc31cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD1cIjEgMCAwXCJcbiAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgZmxleFdyYXA9XCJ3cmFwXCJcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Nob3dDb21wbGV0aW9uSWNvbiA/IChcbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBzaXplPXs4MH0gY29sb3I9XCJ5ZWxsb3ctNTAwXCIgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICAgICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPXs4fVxuICAgICAgICAgICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgICAgICAgICAgIGR1cmF0aW9uPXtwcm9ncmVzc0R1cmF0aW9uIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzWyd5ZWxsb3ctNTAwJ119XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICAgICAge2Rpc3BsYXlWYWx1ZX0lXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0VtcGhhc2l6ZWRDYXJkPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U2ltcGxlQ2FyZFxuICAgICAgYm9yZGVyPXsyfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgZ2FwPXsxNn1cbiAgICAgIHB5PXsyNH1cbiAgICAgIHB4PXsxNn1cbiAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgPlxuICAgICAge2xldmVsICYmIChcbiAgICAgICAgPFN0eWxlZEJhZGdlIHNpemU9XCJzbVwiIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgIHtsZXZlbFRhZ1RleHRbbGV2ZWxdfVxuICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgKX1cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiIHdpZHRoPVwiMTAwJVwiIGFzPXtoZWFkaW5nTGV2ZWx9PlxuICAgICAgICB7b3V0Y29tZX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1NpbXBsZUNhcmQ+XG4gICk7XG59O1xuIl19 */");
-const SimpleCard = /*#__PURE__*/_styled(Card, {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const COMPLETED_COLOR = 'yellow-500';
+const SkillTag = /*#__PURE__*/_styled(FlexBox, {
   target: "ev1pt781",
-  label: "SimpleCard"
+  label: "SkillTag"
 })(css({
-  bg: 'background-primary'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RG1CIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJhZGdlLFxuICBDYXJkLFxuICBGbGV4Qm94LFxuICBIZWFkaW5nVGFncyxcbiAgUmFkaWFsUHJvZ3Jlc3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrRmlsbGVkSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuZW51bSBMZWFybmluZ091dGNvbWVMZXZlbHMge1xuICBPbmUgPSAxLFxuICBUd28gPSAyLFxuICBUaHJlZSA9IDMsXG59XG5cbmV4cG9ydCBjb25zdCBsZXZlbFRhZ1RleHQgPSB7XG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuT25lXTogJ1N1YnNraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5Ud29dOiAnU2tpbGwnLFxuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlRocmVlXTogJ1NraWxsc2V0Jyxcbn07XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdUYWdzO1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgcHJvZ3Jlc3M/OiBudW1iZXI7XG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsO1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb246IG51bWJlcjtcbiAgICBjb21wbGV0aW9uRGVsYXk/OiBudW1iZXI7XG4gIH07XG59XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKEJhZGdlKShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDIsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gIH0pXG4pO1xuXG5jb25zdCBFbXBoYXNpemVkQmFkZ2UgPSBzdHlsZWQoU3R5bGVkQmFkZ2UpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTaW1wbGVDYXJkID0gc3R5bGVkKENhcmQpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1wcmltYXJ5JyxcbiAgfSlcbik7XG4vLyB0aGUgJ25hdnknIHZhcmlhbnQgb2YgQ2FyZCBhcHBsaWVzIGEgbmF2eSBiYWNrZ3JvdW5kIHRvIHRoZSBjYXJkIChuYXZ5LTgwMCkgYnV0IHRoZSBjYXJkcyBzaG91bGQgaGF2ZSBiYWNrZ3JvdW5kIG5hdnktOTAwXG5jb25zdCBFbXBoYXNpemVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBiZzogJ25hdnktOTAwJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBwcm9ncmVzcyxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IGRpc3BsYXlQcm9ncmVzcyA9IHByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgcHJvZ3Jlc3MgPiAwO1xuICBjb25zdCB7IHByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzRHVyYXRpb24sIGNvbXBsZXRpb25EZWxheSB9ID1cbiAgICBwcm9ncmVzc1VwZGF0ZURhdGEgfHwge307XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHJlbmRlcmVkU29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3Qgc29ydGVkU2tpbGxzID0gWy4uLihza2lsbHMgPz8gW10pXS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG5cbiAgICBpZiAoc29ydGVkU2tpbGxzICYmIHNvcnRlZFNraWxscy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gc29ydGVkU2tpbGxzLm1hcCgoc2tpbGwpID0+IChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhcz1cImxpXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgICB0ZXh0Q29sb3I9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIG9wYWNpdHk9XCIwLjY1XCJcbiAgICAgICAgICBiZz1cImJhY2tncm91bmQtc2VsZWN0ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAga2V5PXtza2lsbC50aXRsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtza2lsbC50aXRsZX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKSk7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG5cbiAgICAgIGlmIChjb21wbGV0aW9uRGVsYXkpIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgICB9LCBjb21wbGV0aW9uRGVsYXkpO1xuICAgICAgfSBlbHNlIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgaWYgKGVtcGhhc2l6ZWQgJiYgc2tpbGxzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbXBoYXNpemVkQ2FyZFxuICAgICAgICBweT17MzJ9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgZmxleERpcmVjdGlvbj17ZGlzcGxheVByb2dyZXNzID8gJ3JvdycgOiAnY29sdW1uJ31cbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBnYXA9e2Rpc3BsYXlQcm9ncmVzcyA/IDMyIDogMH1cbiAgICAgICAgYm9yZGVyPXsyfVxuICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgIGJvcmRlckNvbG9yPXtzaG93Q29tcGxldGlvbkljb24gPyAncHJpbWFyeScgOiAnYm9yZGVyLXRlcnRpYXJ5J31cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgICA8RW1waGFzaXplZEJhZGdlIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICB7bGV2ZWxUYWdUZXh0W2xldmVsXX1cbiAgICAgICAgICAgIDwvRW1waGFzaXplZEJhZGdlPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXNtXCIgd2lkdGg9XCIxMDAlXCIgYXM9e2hlYWRpbmdMZXZlbH0+XG4gICAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEZsZXhCb3ggd3JhcCBhcz1cInVsXCIgcGw9ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fT5cbiAgICAgICAgICAgIHtyZW5kZXJlZFNvcnRlZFNraWxsc31cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD1cIjEgMCAwXCJcbiAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgZmxleFdyYXA9XCJ3cmFwXCJcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Nob3dDb21wbGV0aW9uSWNvbiA/IChcbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBzaXplPXs4MH0gY29sb3I9XCJ5ZWxsb3ctNTAwXCIgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICAgICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPXs4fVxuICAgICAgICAgICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgICAgICAgICAgIGR1cmF0aW9uPXtwcm9ncmVzc0R1cmF0aW9uIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzWyd5ZWxsb3ctNTAwJ119XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICAgICAge2Rpc3BsYXlWYWx1ZX0lXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0VtcGhhc2l6ZWRDYXJkPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U2ltcGxlQ2FyZFxuICAgICAgYm9yZGVyPXsyfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgZ2FwPXsxNn1cbiAgICAgIHB5PXsyNH1cbiAgICAgIHB4PXsxNn1cbiAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgPlxuICAgICAge2xldmVsICYmIChcbiAgICAgICAgPFN0eWxlZEJhZGdlIHNpemU9XCJzbVwiIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgIHtsZXZlbFRhZ1RleHRbbGV2ZWxdfVxuICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgKX1cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiIHdpZHRoPVwiMTAwJVwiIGFzPXtoZWFkaW5nTGV2ZWx9PlxuICAgICAgICB7b3V0Y29tZX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1NpbXBsZUNhcmQ+XG4gICk7XG59O1xuIl19 */");
-// the 'navy' variant of Card applies a navy background to the card (navy-800) but the cards should have background navy-900
-const EmphasizedCard = /*#__PURE__*/_styled(Card, {
+  px: 8,
+  textColor: 'secondary',
+  opacity: '0.65',
+  bg: 'background-selected',
+  justifyContent: 'space-between'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RGlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBSYWRpYWxQcm9ncmVzcyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSwgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBsZWFybmluZ091dGNvbWVMYWJlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVscyxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IHByb2dyZXNzU3RhdGUgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlJztcbmltcG9ydCB7IFByb2dyZXNzIH0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lVGlsZS90eXBlcyc7XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGFzPzogJ2xpJztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xuICBwcm9ncmVzcz86IG51bWJlcjtcbiAgc2tpbGxzPzogTGVhcm5pbmdPdXRjb21lU2tpbGxbXSB8IG51bGw7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIHByb3AgZm9yIHByb2dyZXNzIHVwZGF0ZXMsIHVzZWQgdG8gYW5pbWF0ZSB0aGUgcmFkaWFsIHByb2dyZXNzIGZyb20gYSBwcmV2aW91cyB2YWx1ZSB0byB0aGUgY3VycmVudCB2YWx1ZS5cbiAgICogTmVlZCB0byBwcm92aWRlIHByZXZpb3VzUHJvZ3Jlc3MgYW5kIHByb2dyZXNzRHVyYWlvbiB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MuXG4gICAqIElmIHByb2dyZXNzIGlzIDEwMCwgY29tcGxldGlvbkRlbGF5IG5lZWRzIHRvIGJlIHByb3ZpZGVkIGluc3RlYWQgb2YgcHJvZ3Jlc3NEdXJhdGlvbiB0byBkZWxheSB0aGUgZGlzcGxheSBvZiB0aGUgY29tcGxldGlvbiBpY29uLlxuICAgKi9cbiAgcHJvZ3Jlc3NVcGRhdGVEYXRhPzoge1xuICAgIHByZXZpb3VzUHJvZ3Jlc3M6IG51bWJlcjtcbiAgICBwcm9ncmVzc0R1cmF0aW9uPzogbnVtYmVyO1xuICAgIGNvbXBsZXRpb25EZWxheT86IG51bWJlcjtcbiAgfTtcbn1cblxuaW50ZXJmYWNlIFByb2dyZXNzUHJvcHMge1xuICBkaXNwbGF5VmFsdWU6IG51bWJlcjtcbiAgcHJvZ3Jlc3NEdXJhdGlvbjogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICByYWRpYWxWYWx1ZTogbnVtYmVyIHwgbnVtYmVyW107XG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uOiBib29sZWFuO1xuICBzaG93Q29tcGxldGlvbkljb246IGJvb2xlYW47XG59XG5cbmNvbnN0IENPTVBMRVRFRF9DT0xPUiA9ICd5ZWxsb3ctNTAwJztcblxuY29uc3QgU2tpbGxUYWcgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgcHg6IDgsXG4gICAgdGV4dENvbG9yOiAnc2Vjb25kYXJ5JyxcbiAgICBvcGFjaXR5OiAnMC42NScsXG4gICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKTx7XG4gIHByb2dyZXNzOiBQcm9ncmVzcztcbiAgbW9kZT86ICdlbXBoYXNpemVkJyB8ICdiYXNlJztcbn0+KChwcm9wcykgPT4gKHtcbiAgLi4udmFyaWFudCh7XG4gICAgcHJvcDogJ21vZGUnLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnYmFzZScsXG4gICAgYmFzZToge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgIHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWRcbiAgICAgICAgICA/IENPTVBMRVRFRF9DT0xPUlxuICAgICAgICAgIDogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBwcm9wcy5wcm9ncmVzcyA9PT0gUHJvZ3Jlc3Mubm90U3RhcnRlZCA/ICdjb2x1bW4nIDogJ3JvdycsXG4gICAgICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgICAgIG92ZXJmbG93OiAnYXV0bycsXG4gICAgICBnYXA6IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gMCA6IDMyLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGVtcGhhc2l6ZWQ6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXByaW1hcnknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd4bCcsXG4gICAgICAgIHB5OiAzMixcbiAgICAgICAgcHg6IDI0LFxuICAgICAgfSxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBweTogMjQsXG4gICAgICAgIHB4OiAxNixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSkocHJvcHMpLFxufSkpO1xuXG5jb25zdCByZW5kZXJQcm9ncmVzcyA9ICh7XG4gIGRpc3BsYXlWYWx1ZSxcbiAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgcmFkaWFsVmFsdWUsXG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICBzaG93Q29tcGxldGlvbkljb24sXG59OiBQcm9ncmVzc1Byb3BzKSA9PiAoXG4gIDxGbGV4Qm94XG4gICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgZmxleD1cIjEgMCAwXCJcbiAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICBmbGV4V3JhcD1cIndyYXBcIlxuICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gID5cbiAgICB7c2hvd0NvbXBsZXRpb25JY29uID8gKFxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgYmc9e0NPTVBMRVRFRF9DT0xPUn1cbiAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICBjZW50ZXJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwiZnVsbFwiXG4gICAgICA+XG4gICAgICAgIDxDaGVja0ljb24gc2l6ZT17NDR9IGNvbG9yPVwidGV4dFwiIC8+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKSA6IChcbiAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICBrZXk9e2ByYWRpYWwtcHJvZ3Jlc3MtJHtzdGFydFJhZGlhbEFuaW1hdGlvbiA/IDEgOiAwfWB9XG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnNbQ09NUExFVEVEX0NPTE9SXX1cbiAgICAgICAgZHVyYXRpb249e3Byb2dyZXNzRHVyYXRpb24gfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9ezh9XG4gICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9IGZvbnRXZWlnaHQ9ezcwMH0+XG4gICAgICAgICAge2Ake2Rpc3BsYXlWYWx1ZX0lYH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9SYWRpYWxQcm9ncmVzcz5cbiAgICApfVxuICA8L0ZsZXhCb3g+XG4pO1xuXG5jb25zdCByZW5kZXJTa2lsbHMgPSAoc2tpbGxzOiBMZWFybmluZ091dGNvbWVTa2lsbFtdKSA9PlxuICBza2lsbHMubWFwKChza2lsbCkgPT4gKFxuICAgIDxTa2lsbFRhZyBhcz1cImxpXCIga2V5PXtza2lsbC50aXRsZX0+XG4gICAgICB7c2tpbGwudGl0bGV9XG4gICAgPC9Ta2lsbFRhZz5cbiAgKSk7XG5cbmNvbnN0IGZvbnRWYXJpYW50ID0gKFxuICBpc0VtcGhhc2l6ZWQ6IGJvb2xlYW4sXG4gIGxldmVsPzogTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHwgbnVsbFxuKSA9PiB7XG4gIGlmIChpc0VtcGhhc2l6ZWQpIHtcbiAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgfVxuXG4gIHN3aXRjaCAobGV2ZWwpIHtcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmU6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvOlxuICAgICAgcmV0dXJuICd0aXRsZS14cyc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWU6XG4gICAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICdwLWJhc2UnO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lQ2FyZDogUmVhY3QuRkM8TGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzPiA9ICh7XG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBhcyxcbiAgaGVhZGluZ0xldmVsLFxuICBpc0ludGVyYWN0aXZlID0gZmFsc2UsXG4gIG1vZGUgPSAnYmFzZScsXG4gIHByb2dyZXNzID0gMCxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NEdXJhdGlvbiwgY29tcGxldGlvbkRlbGF5IH0gPVxuICAgIHByb2dyZXNzVXBkYXRlRGF0YSB8fCB7fTtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0dXMgPSBwcm9ncmVzc1N0YXRlKHByb2dyZXNzKTtcbiAgY29uc3QgZGlzcGxheVByb2dyZXNzID0gcHJvZ3Jlc3NTdGF0dXMgIT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkLCBlaXRoZXIgc3RhcnQgdGhlIHByb2dyZXNzIGFuaW1hdGlvbiBvciBvbmx5IGRpc3BsYXkgcHJldmlvdXMgcHJvZ3Jlc3Mgd2hpbGUgd2Ugd2FpdC4gSWYgbm90IHByb3ZpZGVkIHRoZW4gb25seSBkaXNwbGF5IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkIGJ1dCB3ZSBoYXZlbid0IHN0YXJ0ZWQgdGhlIGFuaW1hdGlvbiB5ZXQgdGhlbiBzaG93IHByZXZpb3VzIHByb2dyZXNzLCBvdGhlcndpc2UsIGlmIGFuaW1hdGlvbiBoYXMgc3RhcnRlZCwgdGhlbiBzaG93IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgaXNFbXBoYXNpemVkID0gbW9kZSA9PT0gJ2VtcGhhc2l6ZWQnO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2dyZXNzICYmIHByb2dyZXNzRHVyYXRpb24pIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbih0cnVlKTtcbiAgICAgIH0sIHByb2dyZXNzRHVyYXRpb24pO1xuICAgIH1cblxuICAgIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAvLyBjb21wbGV0aW9uRGVsYXkgaXMgZm9yIGFuaW1hdGluZyB0aGUgcHJvZ3Jlc3M7IHRoZSBzZXRUaW1lb3V0IHdpbGwgZGVsYXkgc2hvd2luZyB0aGUgY2hlY2ttYXJrIGljb24gc28gcmFkaWFsIHByb2dyZXNzIHdpbGwgYXBwZWFyIGZpcnN0LlxuICAgICAgaWYgKGNvbXBsZXRpb25EZWxheSkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBzZXRTaG93Q29tcGxldGlvbkljb24odHJ1ZSk7XG4gICAgICAgIH0sIGNvbXBsZXRpb25EZWxheSk7XG4gICAgICAgIC8vIElmIGNvbXBsZXRpb25EZWxheSBpcyBub3QgcHJvdmlkZWQsIHRoZSBjb21wbGV0aW9uIGljb24gd2lsbCBzaG93IGltbWVkaWF0ZWx5IGFuZCByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBub3Qgc2hvdy5cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFza2lsbHMgfHwgc2tpbGxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZXR1cm4gc2tpbGxzLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIGNvbnN0IHRpdGxlQSA9IGEudGl0bGUgPz8gJyc7XG4gICAgICBjb25zdCB0aXRsZUIgPSBiLnRpdGxlID8/ICcnO1xuXG4gICAgICByZXR1cm4gdGl0bGVBLmxvY2FsZUNvbXBhcmUodGl0bGVCKTtcbiAgICB9KTtcbiAgfSwgW3NraWxsc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENhcmRcbiAgICAgIGFzPXthc31cbiAgICAgIGFyaWEtbGFiZWw9e2Ake2xlYXJuaW5nT3V0Y29tZUxhYmVsc1tsZXZlbCA/PyAxXX0gLSAke291dGNvbWV9YH1cbiAgICAgIGlzSW50ZXJhY3RpdmU9e2lzSW50ZXJhY3RpdmV9XG4gICAgICBwcm9ncmVzcz17cHJvZ3Jlc3NTdGF0dXN9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezI0fT5cbiAgICAgICAge2xldmVsICYmIChcbiAgICAgICAgICA8TGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZVxuICAgICAgICAgICAgbGV2ZWw9e2xldmVsfVxuICAgICAgICAgICAgc2l6ZT17aXNFbXBoYXNpemVkID8gJ2Jhc2UnIDogJ3NtJ31cbiAgICAgICAgICAgIHRleHRDb2xvcj17XG4gICAgICAgICAgICAgIGxldmVsICE9PSBMZWFybmluZ091dGNvbWVMZXZlbHMuT25lID8gJ25hdnktODAwJyA6ICd0ZXh0J1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmVtb3ZlQmFja2dyb3VuZFxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxUZXh0XG4gICAgICAgICAgdmFyaWFudD17Zm9udFZhcmlhbnQoaXNFbXBoYXNpemVkLCBsZXZlbCl9XG4gICAgICAgICAgZm9udFdlaWdodD17aXNFbXBoYXNpemVkID8gNzAwIDogNDAwfVxuICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgYXM9e2hlYWRpbmdMZXZlbH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvdXRjb21lfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHshIXNvcnRlZFNraWxscyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggYXM9XCJ1bFwiIHBsPXswfSBtPXswfSBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiIGdhcD17OH0gd3JhcD5cbiAgICAgICAgICAgIHtyZW5kZXJTa2lsbHMoc29ydGVkU2tpbGxzKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgIHtkaXNwbGF5UHJvZ3Jlc3MgJiZcbiAgICAgICAgcmVuZGVyUHJvZ3Jlc3Moe1xuICAgICAgICAgIGRpc3BsYXlWYWx1ZSxcbiAgICAgICAgICBwcm9ncmVzc0R1cmF0aW9uLFxuICAgICAgICAgIHJhZGlhbFZhbHVlLFxuICAgICAgICAgIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICAgICAgICAgIHNob3dDb21wbGV0aW9uSWNvbixcbiAgICAgICAgfSl9XG4gICAgPC9TdHlsZWRDYXJkPlxuICApO1xufTtcbiJdfQ== */");
+const StyledCard = /*#__PURE__*/_styled(Card, {
   target: "ev1pt780",
-  label: "EmphasizedCard"
-})(css({
-  bg: 'navy-900'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRHVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJhZGdlLFxuICBDYXJkLFxuICBGbGV4Qm94LFxuICBIZWFkaW5nVGFncyxcbiAgUmFkaWFsUHJvZ3Jlc3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrRmlsbGVkSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuZW51bSBMZWFybmluZ091dGNvbWVMZXZlbHMge1xuICBPbmUgPSAxLFxuICBUd28gPSAyLFxuICBUaHJlZSA9IDMsXG59XG5cbmV4cG9ydCBjb25zdCBsZXZlbFRhZ1RleHQgPSB7XG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuT25lXTogJ1N1YnNraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5Ud29dOiAnU2tpbGwnLFxuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlRocmVlXTogJ1NraWxsc2V0Jyxcbn07XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdUYWdzO1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgcHJvZ3Jlc3M/OiBudW1iZXI7XG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsO1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb246IG51bWJlcjtcbiAgICBjb21wbGV0aW9uRGVsYXk/OiBudW1iZXI7XG4gIH07XG59XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKEJhZGdlKShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDIsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gIH0pXG4pO1xuXG5jb25zdCBFbXBoYXNpemVkQmFkZ2UgPSBzdHlsZWQoU3R5bGVkQmFkZ2UpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTaW1wbGVDYXJkID0gc3R5bGVkKENhcmQpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1wcmltYXJ5JyxcbiAgfSlcbik7XG4vLyB0aGUgJ25hdnknIHZhcmlhbnQgb2YgQ2FyZCBhcHBsaWVzIGEgbmF2eSBiYWNrZ3JvdW5kIHRvIHRoZSBjYXJkIChuYXZ5LTgwMCkgYnV0IHRoZSBjYXJkcyBzaG91bGQgaGF2ZSBiYWNrZ3JvdW5kIG5hdnktOTAwXG5jb25zdCBFbXBoYXNpemVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBiZzogJ25hdnktOTAwJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBwcm9ncmVzcyxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IGRpc3BsYXlQcm9ncmVzcyA9IHByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgcHJvZ3Jlc3MgPiAwO1xuICBjb25zdCB7IHByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzRHVyYXRpb24sIGNvbXBsZXRpb25EZWxheSB9ID1cbiAgICBwcm9ncmVzc1VwZGF0ZURhdGEgfHwge307XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHJlbmRlcmVkU29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3Qgc29ydGVkU2tpbGxzID0gWy4uLihza2lsbHMgPz8gW10pXS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG5cbiAgICBpZiAoc29ydGVkU2tpbGxzICYmIHNvcnRlZFNraWxscy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gc29ydGVkU2tpbGxzLm1hcCgoc2tpbGwpID0+IChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhcz1cImxpXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgICB0ZXh0Q29sb3I9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIG9wYWNpdHk9XCIwLjY1XCJcbiAgICAgICAgICBiZz1cImJhY2tncm91bmQtc2VsZWN0ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAga2V5PXtza2lsbC50aXRsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtza2lsbC50aXRsZX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKSk7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG5cbiAgICAgIGlmIChjb21wbGV0aW9uRGVsYXkpIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgICB9LCBjb21wbGV0aW9uRGVsYXkpO1xuICAgICAgfSBlbHNlIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgaWYgKGVtcGhhc2l6ZWQgJiYgc2tpbGxzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbXBoYXNpemVkQ2FyZFxuICAgICAgICBweT17MzJ9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgZmxleERpcmVjdGlvbj17ZGlzcGxheVByb2dyZXNzID8gJ3JvdycgOiAnY29sdW1uJ31cbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBnYXA9e2Rpc3BsYXlQcm9ncmVzcyA/IDMyIDogMH1cbiAgICAgICAgYm9yZGVyPXsyfVxuICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgIGJvcmRlckNvbG9yPXtzaG93Q29tcGxldGlvbkljb24gPyAncHJpbWFyeScgOiAnYm9yZGVyLXRlcnRpYXJ5J31cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgICA8RW1waGFzaXplZEJhZGdlIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICB7bGV2ZWxUYWdUZXh0W2xldmVsXX1cbiAgICAgICAgICAgIDwvRW1waGFzaXplZEJhZGdlPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXNtXCIgd2lkdGg9XCIxMDAlXCIgYXM9e2hlYWRpbmdMZXZlbH0+XG4gICAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEZsZXhCb3ggd3JhcCBhcz1cInVsXCIgcGw9ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fT5cbiAgICAgICAgICAgIHtyZW5kZXJlZFNvcnRlZFNraWxsc31cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD1cIjEgMCAwXCJcbiAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgZmxleFdyYXA9XCJ3cmFwXCJcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Nob3dDb21wbGV0aW9uSWNvbiA/IChcbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBzaXplPXs4MH0gY29sb3I9XCJ5ZWxsb3ctNTAwXCIgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICAgICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPXs4fVxuICAgICAgICAgICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgICAgICAgICAgIGR1cmF0aW9uPXtwcm9ncmVzc0R1cmF0aW9uIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzWyd5ZWxsb3ctNTAwJ119XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICAgICAge2Rpc3BsYXlWYWx1ZX0lXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0VtcGhhc2l6ZWRDYXJkPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U2ltcGxlQ2FyZFxuICAgICAgYm9yZGVyPXsyfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgZ2FwPXsxNn1cbiAgICAgIHB5PXsyNH1cbiAgICAgIHB4PXsxNn1cbiAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgPlxuICAgICAge2xldmVsICYmIChcbiAgICAgICAgPFN0eWxlZEJhZGdlIHNpemU9XCJzbVwiIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgIHtsZXZlbFRhZ1RleHRbbGV2ZWxdfVxuICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgKX1cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiIHdpZHRoPVwiMTAwJVwiIGFzPXtoZWFkaW5nTGV2ZWx9PlxuICAgICAgICB7b3V0Y29tZX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1NpbXBsZUNhcmQ+XG4gICk7XG59O1xuIl19 */");
+  label: "StyledCard"
+})(props => ({
+  ...variant({
+    prop: 'mode',
+    defaultVariant: 'base',
+    base: {
+      border: 2,
+      borderRadius: 'lg',
+      borderColor: props.progress === Progress.completed ? COMPLETED_COLOR : 'border-tertiary',
+      display: 'flex',
+      flexDirection: props.progress === Progress.notStarted ? 'column' : 'row',
+      alignSelf: 'stretch',
+      overflow: 'auto',
+      gap: props.progress === Progress.notStarted ? 0 : 32
+    },
+    variants: {
+      emphasized: {
+        bg: 'background-primary',
+        borderRadius: 'xl',
+        py: 32,
+        px: 24
+      },
+      base: {
+        bg: 'background-current',
+        py: 24,
+        px: 16
+      }
+    }
+  })(props)
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRW1CIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBSYWRpYWxQcm9ncmVzcyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSwgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBsZWFybmluZ091dGNvbWVMYWJlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVscyxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IHByb2dyZXNzU3RhdGUgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlJztcbmltcG9ydCB7IFByb2dyZXNzIH0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lVGlsZS90eXBlcyc7XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGFzPzogJ2xpJztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xuICBwcm9ncmVzcz86IG51bWJlcjtcbiAgc2tpbGxzPzogTGVhcm5pbmdPdXRjb21lU2tpbGxbXSB8IG51bGw7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIHByb3AgZm9yIHByb2dyZXNzIHVwZGF0ZXMsIHVzZWQgdG8gYW5pbWF0ZSB0aGUgcmFkaWFsIHByb2dyZXNzIGZyb20gYSBwcmV2aW91cyB2YWx1ZSB0byB0aGUgY3VycmVudCB2YWx1ZS5cbiAgICogTmVlZCB0byBwcm92aWRlIHByZXZpb3VzUHJvZ3Jlc3MgYW5kIHByb2dyZXNzRHVyYWlvbiB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MuXG4gICAqIElmIHByb2dyZXNzIGlzIDEwMCwgY29tcGxldGlvbkRlbGF5IG5lZWRzIHRvIGJlIHByb3ZpZGVkIGluc3RlYWQgb2YgcHJvZ3Jlc3NEdXJhdGlvbiB0byBkZWxheSB0aGUgZGlzcGxheSBvZiB0aGUgY29tcGxldGlvbiBpY29uLlxuICAgKi9cbiAgcHJvZ3Jlc3NVcGRhdGVEYXRhPzoge1xuICAgIHByZXZpb3VzUHJvZ3Jlc3M6IG51bWJlcjtcbiAgICBwcm9ncmVzc0R1cmF0aW9uPzogbnVtYmVyO1xuICAgIGNvbXBsZXRpb25EZWxheT86IG51bWJlcjtcbiAgfTtcbn1cblxuaW50ZXJmYWNlIFByb2dyZXNzUHJvcHMge1xuICBkaXNwbGF5VmFsdWU6IG51bWJlcjtcbiAgcHJvZ3Jlc3NEdXJhdGlvbjogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICByYWRpYWxWYWx1ZTogbnVtYmVyIHwgbnVtYmVyW107XG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uOiBib29sZWFuO1xuICBzaG93Q29tcGxldGlvbkljb246IGJvb2xlYW47XG59XG5cbmNvbnN0IENPTVBMRVRFRF9DT0xPUiA9ICd5ZWxsb3ctNTAwJztcblxuY29uc3QgU2tpbGxUYWcgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgcHg6IDgsXG4gICAgdGV4dENvbG9yOiAnc2Vjb25kYXJ5JyxcbiAgICBvcGFjaXR5OiAnMC42NScsXG4gICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKTx7XG4gIHByb2dyZXNzOiBQcm9ncmVzcztcbiAgbW9kZT86ICdlbXBoYXNpemVkJyB8ICdiYXNlJztcbn0+KChwcm9wcykgPT4gKHtcbiAgLi4udmFyaWFudCh7XG4gICAgcHJvcDogJ21vZGUnLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnYmFzZScsXG4gICAgYmFzZToge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgIHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWRcbiAgICAgICAgICA/IENPTVBMRVRFRF9DT0xPUlxuICAgICAgICAgIDogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBwcm9wcy5wcm9ncmVzcyA9PT0gUHJvZ3Jlc3Mubm90U3RhcnRlZCA/ICdjb2x1bW4nIDogJ3JvdycsXG4gICAgICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgICAgIG92ZXJmbG93OiAnYXV0bycsXG4gICAgICBnYXA6IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gMCA6IDMyLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGVtcGhhc2l6ZWQ6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXByaW1hcnknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd4bCcsXG4gICAgICAgIHB5OiAzMixcbiAgICAgICAgcHg6IDI0LFxuICAgICAgfSxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBweTogMjQsXG4gICAgICAgIHB4OiAxNixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSkocHJvcHMpLFxufSkpO1xuXG5jb25zdCByZW5kZXJQcm9ncmVzcyA9ICh7XG4gIGRpc3BsYXlWYWx1ZSxcbiAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgcmFkaWFsVmFsdWUsXG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICBzaG93Q29tcGxldGlvbkljb24sXG59OiBQcm9ncmVzc1Byb3BzKSA9PiAoXG4gIDxGbGV4Qm94XG4gICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgZmxleD1cIjEgMCAwXCJcbiAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICBmbGV4V3JhcD1cIndyYXBcIlxuICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gID5cbiAgICB7c2hvd0NvbXBsZXRpb25JY29uID8gKFxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgYmc9e0NPTVBMRVRFRF9DT0xPUn1cbiAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICBjZW50ZXJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwiZnVsbFwiXG4gICAgICA+XG4gICAgICAgIDxDaGVja0ljb24gc2l6ZT17NDR9IGNvbG9yPVwidGV4dFwiIC8+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKSA6IChcbiAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICBrZXk9e2ByYWRpYWwtcHJvZ3Jlc3MtJHtzdGFydFJhZGlhbEFuaW1hdGlvbiA/IDEgOiAwfWB9XG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnNbQ09NUExFVEVEX0NPTE9SXX1cbiAgICAgICAgZHVyYXRpb249e3Byb2dyZXNzRHVyYXRpb24gfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9ezh9XG4gICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9IGZvbnRXZWlnaHQ9ezcwMH0+XG4gICAgICAgICAge2Ake2Rpc3BsYXlWYWx1ZX0lYH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9SYWRpYWxQcm9ncmVzcz5cbiAgICApfVxuICA8L0ZsZXhCb3g+XG4pO1xuXG5jb25zdCByZW5kZXJTa2lsbHMgPSAoc2tpbGxzOiBMZWFybmluZ091dGNvbWVTa2lsbFtdKSA9PlxuICBza2lsbHMubWFwKChza2lsbCkgPT4gKFxuICAgIDxTa2lsbFRhZyBhcz1cImxpXCIga2V5PXtza2lsbC50aXRsZX0+XG4gICAgICB7c2tpbGwudGl0bGV9XG4gICAgPC9Ta2lsbFRhZz5cbiAgKSk7XG5cbmNvbnN0IGZvbnRWYXJpYW50ID0gKFxuICBpc0VtcGhhc2l6ZWQ6IGJvb2xlYW4sXG4gIGxldmVsPzogTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHwgbnVsbFxuKSA9PiB7XG4gIGlmIChpc0VtcGhhc2l6ZWQpIHtcbiAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgfVxuXG4gIHN3aXRjaCAobGV2ZWwpIHtcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmU6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvOlxuICAgICAgcmV0dXJuICd0aXRsZS14cyc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWU6XG4gICAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICdwLWJhc2UnO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lQ2FyZDogUmVhY3QuRkM8TGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzPiA9ICh7XG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBhcyxcbiAgaGVhZGluZ0xldmVsLFxuICBpc0ludGVyYWN0aXZlID0gZmFsc2UsXG4gIG1vZGUgPSAnYmFzZScsXG4gIHByb2dyZXNzID0gMCxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NEdXJhdGlvbiwgY29tcGxldGlvbkRlbGF5IH0gPVxuICAgIHByb2dyZXNzVXBkYXRlRGF0YSB8fCB7fTtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0dXMgPSBwcm9ncmVzc1N0YXRlKHByb2dyZXNzKTtcbiAgY29uc3QgZGlzcGxheVByb2dyZXNzID0gcHJvZ3Jlc3NTdGF0dXMgIT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkLCBlaXRoZXIgc3RhcnQgdGhlIHByb2dyZXNzIGFuaW1hdGlvbiBvciBvbmx5IGRpc3BsYXkgcHJldmlvdXMgcHJvZ3Jlc3Mgd2hpbGUgd2Ugd2FpdC4gSWYgbm90IHByb3ZpZGVkIHRoZW4gb25seSBkaXNwbGF5IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkIGJ1dCB3ZSBoYXZlbid0IHN0YXJ0ZWQgdGhlIGFuaW1hdGlvbiB5ZXQgdGhlbiBzaG93IHByZXZpb3VzIHByb2dyZXNzLCBvdGhlcndpc2UsIGlmIGFuaW1hdGlvbiBoYXMgc3RhcnRlZCwgdGhlbiBzaG93IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgaXNFbXBoYXNpemVkID0gbW9kZSA9PT0gJ2VtcGhhc2l6ZWQnO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2dyZXNzICYmIHByb2dyZXNzRHVyYXRpb24pIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbih0cnVlKTtcbiAgICAgIH0sIHByb2dyZXNzRHVyYXRpb24pO1xuICAgIH1cblxuICAgIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAvLyBjb21wbGV0aW9uRGVsYXkgaXMgZm9yIGFuaW1hdGluZyB0aGUgcHJvZ3Jlc3M7IHRoZSBzZXRUaW1lb3V0IHdpbGwgZGVsYXkgc2hvd2luZyB0aGUgY2hlY2ttYXJrIGljb24gc28gcmFkaWFsIHByb2dyZXNzIHdpbGwgYXBwZWFyIGZpcnN0LlxuICAgICAgaWYgKGNvbXBsZXRpb25EZWxheSkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBzZXRTaG93Q29tcGxldGlvbkljb24odHJ1ZSk7XG4gICAgICAgIH0sIGNvbXBsZXRpb25EZWxheSk7XG4gICAgICAgIC8vIElmIGNvbXBsZXRpb25EZWxheSBpcyBub3QgcHJvdmlkZWQsIHRoZSBjb21wbGV0aW9uIGljb24gd2lsbCBzaG93IGltbWVkaWF0ZWx5IGFuZCByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBub3Qgc2hvdy5cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFza2lsbHMgfHwgc2tpbGxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZXR1cm4gc2tpbGxzLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIGNvbnN0IHRpdGxlQSA9IGEudGl0bGUgPz8gJyc7XG4gICAgICBjb25zdCB0aXRsZUIgPSBiLnRpdGxlID8/ICcnO1xuXG4gICAgICByZXR1cm4gdGl0bGVBLmxvY2FsZUNvbXBhcmUodGl0bGVCKTtcbiAgICB9KTtcbiAgfSwgW3NraWxsc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENhcmRcbiAgICAgIGFzPXthc31cbiAgICAgIGFyaWEtbGFiZWw9e2Ake2xlYXJuaW5nT3V0Y29tZUxhYmVsc1tsZXZlbCA/PyAxXX0gLSAke291dGNvbWV9YH1cbiAgICAgIGlzSW50ZXJhY3RpdmU9e2lzSW50ZXJhY3RpdmV9XG4gICAgICBwcm9ncmVzcz17cHJvZ3Jlc3NTdGF0dXN9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezI0fT5cbiAgICAgICAge2xldmVsICYmIChcbiAgICAgICAgICA8TGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZVxuICAgICAgICAgICAgbGV2ZWw9e2xldmVsfVxuICAgICAgICAgICAgc2l6ZT17aXNFbXBoYXNpemVkID8gJ2Jhc2UnIDogJ3NtJ31cbiAgICAgICAgICAgIHRleHRDb2xvcj17XG4gICAgICAgICAgICAgIGxldmVsICE9PSBMZWFybmluZ091dGNvbWVMZXZlbHMuT25lID8gJ25hdnktODAwJyA6ICd0ZXh0J1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmVtb3ZlQmFja2dyb3VuZFxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxUZXh0XG4gICAgICAgICAgdmFyaWFudD17Zm9udFZhcmlhbnQoaXNFbXBoYXNpemVkLCBsZXZlbCl9XG4gICAgICAgICAgZm9udFdlaWdodD17aXNFbXBoYXNpemVkID8gNzAwIDogNDAwfVxuICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgYXM9e2hlYWRpbmdMZXZlbH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvdXRjb21lfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHshIXNvcnRlZFNraWxscyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggYXM9XCJ1bFwiIHBsPXswfSBtPXswfSBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiIGdhcD17OH0gd3JhcD5cbiAgICAgICAgICAgIHtyZW5kZXJTa2lsbHMoc29ydGVkU2tpbGxzKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgIHtkaXNwbGF5UHJvZ3Jlc3MgJiZcbiAgICAgICAgcmVuZGVyUHJvZ3Jlc3Moe1xuICAgICAgICAgIGRpc3BsYXlWYWx1ZSxcbiAgICAgICAgICBwcm9ncmVzc0R1cmF0aW9uLFxuICAgICAgICAgIHJhZGlhbFZhbHVlLFxuICAgICAgICAgIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICAgICAgICAgIHNob3dDb21wbGV0aW9uSWNvbixcbiAgICAgICAgfSl9XG4gICAgPC9TdHlsZWRDYXJkPlxuICApO1xufTtcbiJdfQ== */");
+const renderProgress = ({
+  displayValue,
+  progressDuration,
+  radialValue,
+  startRadialAnimation,
+  showCompletionIcon
+}) => /*#__PURE__*/_jsx(FlexBox, {
+  flexDirection: "column",
+  flex: "1 0 0",
+  alignSelf: "stretch",
+  flexWrap: "wrap",
+  alignContent: "end",
+  children: showCompletionIcon ? /*#__PURE__*/_jsx(FlexBox, {
+    bg: COMPLETED_COLOR,
+    width: 80,
+    height: 80,
+    center: true,
+    borderRadius: "full",
+    children: /*#__PURE__*/_jsx(CheckIcon, {
+      size: 44,
+      color: "text"
+    })
+  }) : /*#__PURE__*/_jsx(RadialProgress, {
+    color: theme.colors[COMPLETED_COLOR],
+    duration: progressDuration || undefined,
+    size: 80,
+    strokeLinecap: "round",
+    strokeWidth: 8,
+    value: radialValue ?? 0,
+    children: /*#__PURE__*/_jsx(Text, {
+      as: "span",
+      fontSize: 22,
+      fontWeight: 700,
+      children: `${displayValue}%`
+    })
+  }, `radial-progress-${startRadialAnimation ? 1 : 0}`)
+});
+const renderSkills = skills => skills.map(skill => /*#__PURE__*/_jsx(SkillTag, {
+  as: "li",
+  children: skill.title
+}, skill.title));
+const fontVariant = (isEmphasized, level) => {
+  if (isEmphasized) {
+    return 'title-sm';
+  }
+  switch (level) {
+    case LearningOutcomeLevels.One:
+      return 'p-base';
+    case LearningOutcomeLevels.Two:
+      return 'title-xs';
+    case LearningOutcomeLevels.Three:
+      return 'title-sm';
+    default:
+      return 'p-base';
+  }
+};
 export const LearningOutcomeCard = ({
-  emphasized = false,
-  headingLevel,
   level,
   outcome,
-  progress,
+  as,
+  headingLevel,
+  isInteractive = false,
+  mode = 'base',
+  progress = 0,
   skills,
   progressUpdateData
 }) => {
-  const displayProgress = progress !== undefined && progress > 0;
+  const [startRadialAnimation, setStartRadialAnimation] = useState(false);
+  const [showCompletionIcon, setShowCompletionIcon] = useState(false);
   const {
     previousProgress,
     progressDuration,
     completionDelay
   } = progressUpdateData || {};
-  const [startRadialAnimation, setStartRadialAnimation] = useState(false);
-  const [showCompletionIcon, setShowCompletionIcon] = useState(false);
-  const renderedSortedSkills = useMemo(() => {
-    const sortedSkills = [...(skills ?? [])].sort((a, b) => {
-      const titleA = a.title ?? '';
-      const titleB = b.title ?? '';
-      return titleA.localeCompare(titleB);
-    });
-    if (sortedSkills && sortedSkills.length > 0) {
-      return sortedSkills.map(skill => /*#__PURE__*/_jsx(FlexBox, {
-        as: "li",
-        px: 8,
-        textColor: "secondary",
-        opacity: "0.65",
-        bg: "background-selected",
-        justifyContent: "space-between",
-        children: skill.title
-      }, skill.title));
-    }
-    return null;
-  }, [skills]);
+  const progressStatus = progressState(progress);
+  const displayProgress = progressStatus !== Progress.notStarted;
+
+  // 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
+  const radialValue = previousProgress !== undefined && progress !== undefined ? startRadialAnimation ? [previousProgress, progress] : previousProgress : progress;
+
+  // 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
+  const displayValue = previousProgress !== undefined && !startRadialAnimation ? previousProgress : progress;
+  const isEmphasized = mode === 'emphasized';
   useEffect(() => {
     if (progress && progressDuration) {
       setTimeout(() => {
         setStartRadialAnimation(true);
       }, progressDuration);
+    }
+    if (progress === 100) {
+      // completionDelay is for animating the progress; the setTimeout will delay showing the checkmark icon so radial progress will appear first.
       if (completionDelay) {
         setTimeout(() => {
           setShowCompletionIcon(true);
         }, completionDelay);
-      } else if (progress === 100) {
+        // If completionDelay is not provided, the completion icon will show immediately and radial progress will not show.
+      } else {
         setShowCompletionIcon(true);
       }
     }
   }, [progressDuration, progress, completionDelay]);
-  const radialValue = previousProgress !== undefined && progress !== undefined ? startRadialAnimation ? [previousProgress, progress] : previousProgress : progress;
-  const displayValue = previousProgress !== undefined && !startRadialAnimation ? previousProgress : progress;
-  if (emphasized && skills) {
-    return /*#__PURE__*/_jsxs(EmphasizedCard, {
-      py: 32,
-      px: 24,
-      flexDirection: displayProgress ? 'row' : 'column',
-      isInteractive: true,
-      gap: displayProgress ? 32 : 0,
-      border: 2,
-      display: "flex",
-      borderColor: showCompletionIcon ? 'primary' : 'border-tertiary',
-      borderRadius: "lg",
-      alignSelf: "stretch",
-      overflow: "auto",
-      children: [/*#__PURE__*/_jsxs(FlexBox, {
-        flexDirection: "column",
-        gap: 24,
-        children: [level && /*#__PURE__*/_jsx(EmphasizedBadge, {
-          variant: "tertiary",
-          children: levelTagText[level]
-        }), /*#__PURE__*/_jsx(Text, {
-          variant: "title-sm",
-          width: "100%",
-          as: headingLevel,
-          children: outcome
-        }), /*#__PURE__*/_jsx(FlexBox, {
-          wrap: true,
-          as: "ul",
-          pl: 0,
-          alignItems: "flex-start",
-          gap: 8,
-          children: renderedSortedSkills
-        })]
-      }), displayProgress && /*#__PURE__*/_jsx(FlexBox, {
-        flexDirection: "column",
-        flex: "1 0 0",
-        alignSelf: "stretch",
-        flexWrap: "wrap",
-        alignContent: "end",
-        children: showCompletionIcon ? /*#__PURE__*/_jsx(CheckFilledIcon, {
-          size: 80,
-          color: "yellow-500"
-        }) : /*#__PURE__*/_jsx(RadialProgress, {
-          size: 80,
-          strokeLinecap: "round",
-          strokeWidth: 8,
-          value: radialValue ?? 0,
-          duration: progressDuration || undefined,
-          color: theme.colors['yellow-500'],
-          children: /*#__PURE__*/_jsxs(Text, {
-            as: "span",
-            fontSize: 22,
-            children: [displayValue, "%"]
-          })
-        }, `radial-progress-${startRadialAnimation ? 1 : 0}`)
-      })]
+  const sortedSkills = useMemo(() => {
+    if (!skills || skills.length === 0) {
+      return undefined;
+    }
+    return skills.sort((a, b) => {
+      const titleA = a.title ?? '';
+      const titleB = b.title ?? '';
+      return titleA.localeCompare(titleB);
     });
-  }
-  return /*#__PURE__*/_jsxs(SimpleCard, {
-    border: 2,
-    display: "flex",
-    borderColor: "border-tertiary",
-    borderRadius: "lg",
-    gap: 16,
-    py: 24,
-    px: 16,
-    alignSelf: "stretch",
-    flexDirection: "column",
-    children: [level && /*#__PURE__*/_jsx(StyledBadge, {
-      size: "sm",
-      variant: "tertiary",
-      children: levelTagText[level]
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "title-xs",
-      width: "100%",
-      as: headingLevel,
-      children: outcome
+  }, [skills]);
+  return /*#__PURE__*/_jsxs(StyledCard, {
+    as: as,
+    "aria-label": `${learningOutcomeLabels[level ?? 1]} - ${outcome}`,
+    isInteractive: isInteractive,
+    progress: progressStatus,
+    mode: mode,
+    children: [/*#__PURE__*/_jsxs(FlexBox, {
+      flexDirection: "column",
+      gap: 24,
+      children: [level && /*#__PURE__*/_jsx(LearningOutcomeLevelBadge, {
+        level: level,
+        size: isEmphasized ? 'base' : 'sm',
+        textColor: level !== LearningOutcomeLevels.One ? 'navy-800' : 'text',
+        removeBackground: true
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: fontVariant(isEmphasized, level),
+        fontWeight: isEmphasized ? 700 : 400,
+        width: "100%",
+        as: headingLevel,
+        children: outcome
+      }), !!sortedSkills && /*#__PURE__*/_jsx(FlexBox, {
+        as: "ul",
+        pl: 0,
+        m: 0,
+        alignItems: "flex-start",
+        gap: 8,
+        wrap: true,
+        children: renderSkills(sortedSkills)
+      })]
+    }), displayProgress && renderProgress({
+      displayValue,
+      progressDuration,
+      radialValue,
+      startRadialAnimation,
+      showCompletionIcon
     })]
   });
 };

package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.d.ts

@@ -0,0 +1,7 @@
+import { ParentLearningOutcome } from './types';
+interface LearningOutcomeCardListProps {
+    learningOutcomes: ParentLearningOutcome[];
+    onClick?: (misc: Record<string, string>) => void;
+}
+export declare const LearningOutcomeCardList: React.FC<LearningOutcomeCardListProps>;
+export {};