@learncard/react 2.3.25 → 2.3.26

package/dist/cjs/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index21.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/cjs/index22.js

@@ -2,13 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCVerificationPill = require('./VCVerificationPill-2873ac48.js');
+var VCDisplayCard = require('./VCDisplayCard-ab6c04d6.js');
 require('react');
+require('./FlippyCard-33e03a9e.js');
+require('./icon.green.fat-arrow.png');
+require('./ArrowArcRight.svg');
+require('./default-face.jpeg');
+require('./VCVerificationCheck-04f3f7bc.js');
+require('./vc.check.svg');
+require('./CircleSpinner-093cce04.js');
+require('./VCDisplayBackFace-d0bf1ca2.js');
+require('./VCVerificationPill-2873ac48.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
 
 
 
-exports.ValidationStateIndicator = VCVerificationPill.ValidationStateIndicator;
+exports.VCDisplayCard = VCDisplayCard.VCDisplayCard;
 //# sourceMappingURL=index22.js.map

package/dist/cjs/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index22.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index23.js

@@ -0,0 +1,9 @@
+'use strict';
+
+require('react');
+require('./icon.green.fat-arrow.png');
+require('./ArrowArcRight.svg');
+require('./default-face.jpeg');
+require('./vc.check.svg');
+
+//# sourceMappingURL=index23.js.map

package/dist/cjs/index23.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index23.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/index24.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var VCThumbnail = require('./VCThumbnail-584d0b5f.js');
+require('react');
+require('./icon.green.fat-arrow.png');
+require('./verified-check.png');
+
+
+
+exports.VCThumbnail = VCThumbnail.VCThumbnail;
+//# sourceMappingURL=index24.js.map

package/dist/cjs/index24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index24.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/index25.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
+require('react');
+require('./vc.check.svg');
+require('./CircleSpinner-093cce04.js');
+
+
+
+exports.VCVerificationCheck = VCVerificationCheck.VCVerificationCheck;
+exports.VCVerificationCheckWithText = VCVerificationCheck.VCVerificationCheckWithText;
+//# sourceMappingURL=index25.js.map

package/dist/cjs/index25.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index25.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/index26.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var VCVerificationPill = require('./VCVerificationPill-2873ac48.js');
+require('react');
+require('./RedXCircle.svg');
+require('./GreenCheckCircle.svg');
+require('./YellowWarningCircle.svg');
+
+
+
+exports.ValidationStateIndicator = VCVerificationPill.ValidationStateIndicator;
+//# sourceMappingURL=index26.js.map

package/dist/cjs/index26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index26.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/index4.js

@@ -2,10 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FlippyCard = require('./FlippyCard-33e03a9e.js');
+var CourseCard = require('./CourseCard-c3c13b2c.js');
 require('react');
+require('./lhplaceholder.png');
+require('./minitrophy.svg');
+require('./minijob.svg');
+require('./minipuzzle.svg');
 
 
 
-exports.FlippyCard = FlippyCard.FlippyCard;
+exports.CourseCard = CourseCard.CourseCard;
 //# sourceMappingURL=index4.js.map

package/dist/cjs/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/cjs/index5.js

@@ -2,91 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('./Button-a7af702b.js');
-var CircleIcon = require('./CircleIcon-45ef66fd.js');
 var FlippyCard = require('./FlippyCard-33e03a9e.js');
-var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
-var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-e8960986.js');
-var CircleSpinner = require('./CircleSpinner-093cce04.js');
-var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
-var Notification = require('./Notification-92b06ed9.js');
-var QRCodeCard = require('./QRCodeCard-9f777402.js');
-var RoundedSquare = require('./RoundedSquare-718776c6.js');
-var SchoolIDCard = require('./SchoolIDCard-440cfc9f.js');
-var SmallAchievementCard = require('./SmallAchievementCard-dc95ef2b.js');
-var VCCard = require('./VCCard-5a92086d.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-d0bf1ca2.js');
-var VCDisplayCard = require('./VCDisplayCard-ab6c04d6.js');
-var VCThumbnail = require('./VCThumbnail-584d0b5f.js');
-var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
-var VCVerificationPill = require('./VCVerificationPill-2873ac48.js');
-var Checkmark = require('./Checkmark-66ed153f.js');
-var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
-require('./coins.svg');
-require('./user.svg');
-require('./trophy.svg');
-require('./briefcase.svg');
-require('./graduation.svg');
-require('./lightbulb.svg');
-require('./contactless-symbol.svg');
-require('./index-82de573c.js');
-require('./card-chip.svg');
-require('./master-card-logo.svg');
-require('./verified-check.png');
-require('./walletcurrency.webp');
-require('./walletids.webp');
-require('./walletjobhistory.webp');
-require('./walletlearninghistory.webp');
-require('./walletskills.webp');
-require('./walletTrophy.webp');
-require('stream');
-require('http');
-require('url');
-require('punycode');
-require('https');
-require('zlib');
-require('crypto');
-require('process');
-require('./ArrowArcRight.svg');
-require('./icon.green.fat-arrow.png');
-require('./default-face.jpeg');
-require('./vc.check.svg');
-require('./RedXCircle.svg');
-require('./GreenCheckCircle.svg');
-require('./YellowWarningCircle.svg');
 
 
 
-exports.Button = Button.Button;
-exports.CircleIcon = CircleIcon.CircleIcon;
-exports.CountCircle = CircleIcon.CountCircle;
 exports.FlippyCard = FlippyCard.FlippyCard;
-exports.LearnCardCreditCardBackFace = LearnCardCreditCardBackFace.LearnCardCreditCardBackFace;
-exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace.LearnCardCreditCardFrontFace;
-exports.CircleLoadingState = CircleSpinner.CircleLoadingState;
-exports.MiniVCThumbnail = MiniVCThumbnail.MiniVCThumbnail;
-exports.Notification = Notification.Notification;
-exports.NotificationTypeStyles = Notification.NotificationTypeStyles;
-exports.QRCodeCard = QRCodeCard.QRCodeCard;
-exports.RoundedSquare = RoundedSquare.RoundedSquare;
-exports.TYPE_TO_IMG_SRC = RoundedSquare.TYPE_TO_IMG_SRC;
-exports.TYPE_TO_WALLET_COLOR = RoundedSquare.TYPE_TO_WALLET_COLOR;
-exports.WALLET_SUBTYPES = RoundedSquare.WALLET_SUBTYPES;
-exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
-exports.SmallAchievementCard = SmallAchievementCard.SmallAchievementCard;
-exports.VCCard = VCCard.VCCard;
-exports.VCDisplayBackFace = VCDisplayBackFace.VCDisplayBackFace;
-exports.VCDisplayCard = VCDisplayCard.VCDisplayCard;
-exports.VCThumbnail = VCThumbnail.VCThumbnail;
-exports.VCVerificationCheck = VCVerificationCheck.VCVerificationCheck;
-exports.VCVerificationCheckWithText = VCVerificationCheck.VCVerificationCheckWithText;
-exports.ValidationStateIndicator = VCVerificationPill.ValidationStateIndicator;
-exports.Briefcase = Checkmark.Briefcase;
-exports.Checkmark = Checkmark.Checkmark;
-exports.Coins = Checkmark.Coins;
-exports.Graduation = Checkmark.Graduation;
-exports.Lightbulb = Checkmark.Lightbulb;
-exports.User = Checkmark.User;
-exports.Trophy = Trophy.Trophy;
 //# sourceMappingURL=index5.js.map

package/dist/cjs/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/index6.js

@@ -2,11 +2,106 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var Button = require('./Button-a7af702b.js');
+var CircleIcon = require('./CircleIcon-45ef66fd.js');
+var CourseCard = require('./CourseCard-c3c13b2c.js');
+var FlippyCard = require('./FlippyCard-33e03a9e.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
+var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-e8960986.js');
+var CircleSpinner = require('./CircleSpinner-093cce04.js');
+var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
+var Notification = require('./Notification-92b06ed9.js');
+var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
+var RoundedSquare = require('./RoundedSquare-718776c6.js');
+var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
+var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
+var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
+var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
+var SmallAchievementCard = require('./SmallAchievementCard-dc95ef2b.js');
+var VCCard = require('./VCCard-5a92086d.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-d0bf1ca2.js');
+var VCDisplayCard = require('./VCDisplayCard-ab6c04d6.js');
+var VCThumbnail = require('./VCThumbnail-584d0b5f.js');
+var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
+var VCVerificationPill = require('./VCVerificationPill-2873ac48.js');
+var Checkmark = require('./Checkmark-66ed153f.js');
+var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
+require('./coins.svg');
+require('./user.svg');
+require('./trophy.svg');
+require('./briefcase.svg');
+require('./graduation.svg');
+require('./lightbulb.svg');
+require('./lhplaceholder.png');
+require('./minitrophy.svg');
+require('./minijob.svg');
+require('./minipuzzle.svg');
 require('./contactless-symbol.svg');
+require('./index-82de573c.js');
+require('./card-chip.svg');
+require('./master-card-logo.svg');
+require('./verified-check.png');
+require('./walletcurrency.webp');
+require('./walletids.webp');
+require('./walletjobhistory.webp');
+require('./walletlearninghistory.webp');
+require('./walletskills.webp');
+require('./walletTrophy.webp');
+require('./skillplaceholder.png');
+require('./skillgraph.svg');
+require('stream');
+require('http');
+require('url');
+require('punycode');
+require('https');
+require('zlib');
+require('crypto');
+require('process');
+require('./ArrowArcRight.svg');
+require('./icon.green.fat-arrow.png');
+require('./default-face.jpeg');
+require('./vc.check.svg');
+require('./RedXCircle.svg');
+require('./GreenCheckCircle.svg');
+require('./YellowWarningCircle.svg');
 
 
 
+exports.Button = Button.Button;
+exports.CircleIcon = CircleIcon.CircleIcon;
+exports.CountCircle = CircleIcon.CountCircle;
+exports.CourseCard = CourseCard.CourseCard;
+exports.FlippyCard = FlippyCard.FlippyCard;
 exports.LearnCardCreditCardBackFace = LearnCardCreditCardBackFace.LearnCardCreditCardBackFace;
+exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace.LearnCardCreditCardFrontFace;
+exports.CircleLoadingState = CircleSpinner.CircleLoadingState;
+exports.MiniVCThumbnail = MiniVCThumbnail.MiniVCThumbnail;
+exports.Notification = Notification.Notification;
+exports.NotificationTypeStyles = Notification.NotificationTypeStyles;
+exports.QRCodeCard = QRCodeCard.QRCodeCard;
+exports.RoundedSquare = RoundedSquare.RoundedSquare;
+exports.TYPE_TO_IMG_SRC = RoundedSquare.TYPE_TO_IMG_SRC;
+exports.TYPE_TO_WALLET_COLOR = RoundedSquare.TYPE_TO_WALLET_COLOR;
+exports.WALLET_SUBTYPES = RoundedSquare.WALLET_SUBTYPES;
+exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
+exports.SkillVerticalCard = SkillVerticalCard.SkillVerticalCard;
+exports.SkillsCard = SkillsCard.SkillsCard;
+exports.SkillsMeterSegment = SkillsCard.SkillsMeterSegment;
+exports.SkillsStatsCard = SkillsStatsCard.SkillsStatsCard;
+exports.SmallAchievementCard = SmallAchievementCard.SmallAchievementCard;
+exports.VCCard = VCCard.VCCard;
+exports.VCDisplayBackFace = VCDisplayBackFace.VCDisplayBackFace;
+exports.VCDisplayCard = VCDisplayCard.VCDisplayCard;
+exports.VCThumbnail = VCThumbnail.VCThumbnail;
+exports.VCVerificationCheck = VCVerificationCheck.VCVerificationCheck;
+exports.VCVerificationCheckWithText = VCVerificationCheck.VCVerificationCheckWithText;
+exports.ValidationStateIndicator = VCVerificationPill.ValidationStateIndicator;
+exports.Briefcase = Checkmark.Briefcase;
+exports.Checkmark = Checkmark.Checkmark;
+exports.Coins = Checkmark.Coins;
+exports.Graduation = Checkmark.Graduation;
+exports.Lightbulb = Checkmark.Lightbulb;
+exports.User = Checkmark.User;
+exports.Trophy = Trophy.Trophy;
 //# sourceMappingURL=index6.js.map

package/dist/cjs/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index7.js

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-e8960986.js');
+var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 require('react');
-require('./index-82de573c.js');
-require('./card-chip.svg');
-require('./master-card-logo.svg');
+require('./contactless-symbol.svg');
 
 
 
-exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace.LearnCardCreditCardFrontFace;
+exports.LearnCardCreditCardBackFace = LearnCardCreditCardBackFace.LearnCardCreditCardBackFace;
 //# sourceMappingURL=index7.js.map

package/dist/cjs/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/index8.js

@@ -2,10 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CircleSpinner = require('./CircleSpinner-093cce04.js');
+var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-e8960986.js');
 require('react');
+require('./index-82de573c.js');
+require('./card-chip.svg');
+require('./master-card-logo.svg');
 
 
 
-exports.CircleLoadingState = CircleSpinner.CircleLoadingState;
+exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace.LearnCardCreditCardFrontFace;
 //# sourceMappingURL=index8.js.map

package/dist/cjs/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/index9.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
+var CircleSpinner = require('./CircleSpinner-093cce04.js');
 require('react');
-require('./verified-check.png');
 
 
 
-exports.MiniVCThumbnail = MiniVCThumbnail.MiniVCThumbnail;
+exports.CircleLoadingState = CircleSpinner.CircleLoadingState;
 //# sourceMappingURL=index9.js.map

package/dist/cjs/index9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/minijob.svg

@@ -0,0 +1,5 @@
+<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8125 6.34375H3.1875C2.8941 6.34375 2.65625 6.5816 2.65625 6.875V14.3125C2.65625 14.6059 2.8941 14.8438 3.1875 14.8438H13.8125C14.1059 14.8438 14.3438 14.6059 14.3438 14.3125V6.875C14.3438 6.5816 14.1059 6.34375 13.8125 6.34375Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.10938 6.34375V3.95312C6.10938 3.31909 6.36124 2.71103 6.80957 2.2627C7.2579 1.81437 7.86597 1.5625 8.5 1.5625C9.13403 1.5625 9.7421 1.81437 10.1904 2.2627C10.6388 2.71103 10.8906 3.31909 10.8906 3.95312V6.34375" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.5 11.6562C9.0868 11.6562 9.5625 11.1806 9.5625 10.5938C9.5625 10.0069 9.0868 9.53125 8.5 9.53125C7.9132 9.53125 7.4375 10.0069 7.4375 10.5938C7.4375 11.1806 7.9132 11.6562 8.5 11.6562Z" fill="white"/>
+</svg>

package/dist/cjs/minipuzzle.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0417 16.0833H3.54166C2.97808 16.0833 2.43758 15.8595 2.03906 15.4609C1.64055 15.0624 1.41666 14.5219 1.41666 13.9583V6.87501C1.41666 6.31142 1.64055 5.77092 2.03906 5.3724C2.43758 4.97389 2.97808 4.75001 3.54166 4.75001H4.25C4.26191 4.14979 4.46416 3.56887 4.82758 3.09104C5.191 2.6132 5.6968 2.26315 6.27203 2.09137C6.84726 1.91959 7.46219 1.93496 8.02812 2.13526C8.59405 2.33556 9.08174 2.71045 9.42083 3.20584C9.73848 3.65857 9.91136 4.19698 9.91666 4.75001H12.0417C12.2295 4.75001 12.4097 4.82463 12.5425 4.95747C12.6754 5.09031 12.75 5.27048 12.75 5.45834V7.58334C13.3502 7.59525 13.9311 7.7975 14.409 8.16092C14.8868 8.52434 15.2369 9.03014 15.4086 9.60537C15.5804 10.1806 15.565 10.7955 15.3647 11.3615C15.1644 11.9274 14.7896 12.4151 14.2942 12.7542C13.8414 13.0718 13.303 13.2447 12.75 13.25V13.25V15.375C12.75 15.5629 12.6754 15.743 12.5425 15.8759C12.4097 16.0087 12.2295 16.0833 12.0417 16.0833ZM3.54166 6.16667C3.3538 6.16667 3.17364 6.2413 3.0408 6.37414C2.90796 6.50698 2.83333 6.68714 2.83333 6.87501V13.9583C2.83333 14.1462 2.90796 14.3264 3.0408 14.4592C3.17364 14.592 3.3538 14.6667 3.54166 14.6667H11.3333V12.4142C11.3327 12.3006 11.3594 12.1885 11.4112 12.0875C11.463 11.9864 11.5383 11.8992 11.6308 11.8333C11.7231 11.7676 11.8298 11.7249 11.9419 11.7088C12.0541 11.6928 12.1684 11.7039 12.2754 11.7413C12.4773 11.8236 12.6971 11.8519 12.9133 11.8233C13.1294 11.7948 13.3344 11.7103 13.5079 11.5783C13.6806 11.473 13.8288 11.3319 13.9424 11.1645C14.0561 10.9971 14.1325 10.8073 14.1667 10.6079C14.194 10.4068 14.1778 10.2021 14.1191 10.0078C14.0604 9.81352 13.9607 9.63409 13.8267 9.48167C13.6454 9.26146 13.3985 9.10491 13.122 9.03483C12.8455 8.96475 12.5539 8.98481 12.2896 9.09209C12.1826 9.12941 12.0682 9.14052 11.9561 9.1245C11.8439 9.10848 11.7372 9.06579 11.645 9.00001C11.5525 8.93413 11.4771 8.84698 11.4254 8.74589C11.3736 8.6448 11.3469 8.53275 11.3475 8.41917V6.16667H9.08083C8.96442 6.17327 8.84817 6.15103 8.74242 6.10192C8.63667 6.05281 8.54467 5.97835 8.4746 5.88515C8.40452 5.79196 8.35854 5.6829 8.34073 5.56767C8.32292 5.45244 8.33383 5.33459 8.3725 5.22459C8.45485 5.02272 8.48313 4.80286 8.45456 4.58672C8.42599 4.37058 8.34155 4.16563 8.20958 3.99209C8.105 3.81441 7.96178 3.66255 7.79053 3.54775C7.61928 3.43294 7.42439 3.35815 7.22031 3.32889C7.01623 3.29964 6.80818 3.31669 6.61158 3.37876C6.41497 3.44084 6.23486 3.54636 6.08458 3.68751C5.94502 3.82592 5.83579 3.99187 5.76385 4.17479C5.6919 4.35771 5.6588 4.5536 5.66666 4.75001C5.6683 4.91248 5.69951 5.07329 5.75875 5.22459C5.79619 5.3317 5.80736 5.44624 5.79131 5.55857C5.77525 5.6709 5.73245 5.77773 5.66649 5.87006C5.60054 5.9624 5.51337 6.03753 5.41232 6.08915C5.31127 6.14077 5.1993 6.16736 5.08583 6.16667H3.54166Z" fill="white"/>
+</svg>

package/dist/cjs/minitrophy.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.875 3.33341H12.75V2.62508C12.75 2.43722 12.6754 2.25705 12.5425 2.12421C12.4097 1.99138 12.2295 1.91675 12.0417 1.91675H4.95834C4.77048 1.91675 4.59031 1.99138 4.45747 2.12421C4.32463 2.25705 4.25001 2.43722 4.25001 2.62508V3.33341H2.12501C1.93714 3.33341 1.75698 3.40804 1.62414 3.54088C1.4913 3.67372 1.41667 3.85389 1.41667 4.04175V6.16675C1.41667 6.91819 1.71518 7.63886 2.24654 8.17022C2.77789 8.70157 3.49856 9.00008 4.25001 9.00008H5.34084C5.98155 9.71489 6.84538 10.1917 7.79167 10.353V11.8334H7.08334C6.51975 11.8334 5.97925 12.0573 5.58074 12.4558C5.18222 12.8543 4.95834 13.3948 4.95834 13.9584V15.3751C4.95834 15.5629 5.03297 15.7431 5.1658 15.8759C5.29864 16.0088 5.47881 16.0834 5.66667 16.0834H11.3333C11.5212 16.0834 11.7014 16.0088 11.8342 15.8759C11.967 15.7431 12.0417 15.5629 12.0417 15.3751V13.9584C12.0417 13.3948 11.8178 12.8543 11.4193 12.4558C11.0208 12.0573 10.4803 11.8334 9.91667 11.8334H9.20834V10.353C10.1546 10.1917 11.0185 9.71489 11.6592 9.00008H12.75C13.5015 9.00008 14.2221 8.70157 14.7535 8.17022C15.2848 7.63886 15.5833 6.91819 15.5833 6.16675V4.04175C15.5833 3.85389 15.5087 3.67372 15.3759 3.54088C15.243 3.40804 15.0629 3.33341 14.875 3.33341V3.33341ZM4.25001 7.58341C3.87428 7.58341 3.51395 7.43416 3.24827 7.16848C2.98259 6.90281 2.83334 6.54247 2.83334 6.16675V4.75008H4.25001V6.16675C4.25156 6.64963 4.3354 7.12871 4.49792 7.58341H4.25001ZM9.91667 13.2501C10.1045 13.2501 10.2847 13.3247 10.4175 13.4575C10.5504 13.5904 10.625 13.7706 10.625 13.9584V14.6667H6.375V13.9584C6.375 13.7706 6.44963 13.5904 6.58247 13.4575C6.71531 13.3247 6.89548 13.2501 7.08334 13.2501H9.91667ZM11.3333 6.16675C11.3333 6.91819 11.0348 7.63886 10.5035 8.17022C9.97212 8.70157 9.25145 9.00008 8.5 9.00008C7.74856 9.00008 7.02789 8.70157 6.49654 8.17022C5.96518 7.63886 5.66667 6.91819 5.66667 6.16675V3.33341H11.3333V6.16675ZM14.1667 6.16675C14.1667 6.54247 14.0174 6.90281 13.7517 7.16848C13.4861 7.43416 13.1257 7.58341 12.75 7.58341H12.5021C12.6646 7.12871 12.7484 6.64963 12.75 6.16675V4.75008H14.1667V6.16675Z" fill="white"/>
+</svg>

package/dist/cjs/skillgraph.svg

@@ -0,0 +1,29 @@
+<svg width="125" height="126" viewBox="0 0 125 126" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1544_7770)">
+<circle cx="62.9988" cy="63.4988" r="60.9988" fill="#F5F5FA"/>
+<circle cx="62.9988" cy="63.4987" r="41.8137" fill="white"/>
+<path d="M5.3744 86.18C8.35277 93.6162 12.7667 100.393 18.364 106.123C23.9614 111.854 30.6326 116.425 37.9968 119.578C45.3611 122.73 53.274 124.401 61.2839 124.495C69.2939 124.589 77.2439 123.104 84.6801 120.126L77.5625 102.355C72.46 104.399 67.0049 105.417 61.5087 105.353C56.0125 105.288 50.5828 104.142 45.5297 101.979C40.4766 99.8161 35.8989 96.6791 32.0582 92.747C28.2174 88.815 25.1887 84.165 23.145 79.0625L5.3744 86.18Z" fill="#EB80DA"/>
+<circle cx="81.3418" cy="111.13" r="9.59255" transform="rotate(158.173 81.3418 111.13)" fill="#EB80DA"/>
+<circle cx="14.1878" cy="82.3849" r="9.59255" transform="rotate(158.173 14.1878 82.3849)" fill="#EB80DA"/>
+<path d="M22.3808 109.881C28.4716 115.083 35.5276 119.036 43.1458 121.512C50.764 123.988 58.7953 124.939 66.7811 124.311C74.767 123.683 82.5509 121.488 89.6886 117.852C96.8263 114.216 103.178 109.21 108.381 103.119L93.8252 90.6855C90.2552 94.8648 85.8969 98.3001 80.9992 100.795C76.1015 103.29 70.7604 104.796 65.2807 105.227C59.801 105.658 54.2902 105.005 49.0627 103.306C43.8353 101.607 38.9937 98.8951 34.8144 95.325L22.3808 109.881Z" fill="#FECD28"/>
+<circle cx="101.247" cy="96.7015" r="9.59255" transform="rotate(130.505 101.247 96.7015)" fill="#FECD28"/>
+<circle cx="28.4243" cy="102.427" r="9.59255" transform="rotate(130.505 28.4243 102.427)" fill="#FECD28"/>
+<path d="M46.582 122.448C54.3356 124.46 62.4096 124.925 70.3431 123.817C78.2766 122.709 85.9141 120.049 92.8196 115.989C99.7251 111.93 105.763 106.549 110.59 100.156C115.416 93.7628 118.936 86.4815 120.948 78.7279L102.419 73.9191C101.038 79.2394 98.6228 84.2357 95.3112 88.6226C91.9995 93.0095 87.8562 96.7012 83.1178 99.4869C78.3794 102.273 73.1388 104.098 67.695 104.858C62.2513 105.618 56.7111 105.299 51.3908 103.918L46.582 122.448Z" fill="#00FF87"/>
+<circle cx="111.725" cy="76.0804" r="9.59255" transform="rotate(104.549 111.725 76.0804)" fill="#00FF87"/>
+<circle cx="48.7536" cy="113.101" r="9.59255" transform="rotate(104.549 48.7536 113.101)" fill="#00FF87"/>
+<path d="M93.0985 115.824C99.9824 111.728 105.992 106.316 110.784 99.8968C115.576 93.4778 119.057 86.1779 121.028 78.4137C122.999 70.6495 123.422 62.5731 122.272 54.6457C121.121 46.7182 118.421 39.0949 114.325 32.2111L97.8739 42.0004C100.685 46.7239 102.538 51.9548 103.327 57.3944C104.116 62.8341 103.826 68.3759 102.474 73.7035C101.121 79.0311 98.7329 84.0401 95.4446 88.4446C92.1563 92.8491 88.0327 96.5627 83.3092 99.3736L93.0985 115.824Z" fill="#FF7F50"/>
+<circle cx="105.955" cy="36.9052" r="9.59255" transform="rotate(59.2442 105.955 36.9052)" fill="#FF7F50"/>
+<circle cx="87.9818" cy="107.706" r="9.59255" transform="rotate(59.2442 87.9818 107.706)" fill="#FF7F50"/>
+<path d="M116.604 90.4009C120.15 83.2176 122.245 75.4064 122.772 67.4132C123.298 59.4201 122.245 51.4015 119.672 43.8153C117.1 36.2292 113.059 29.224 107.779 23.1997C102.499 17.1754 96.0843 12.2501 88.9011 8.70488L80.4289 25.871C85.3579 28.3037 89.7594 31.6833 93.3823 35.817C97.0051 39.9507 99.7783 44.7575 101.543 49.9629C103.309 55.1684 104.031 60.6705 103.67 66.1552C103.309 71.6399 101.871 76.9997 99.4382 81.9287L116.604 90.4009Z" fill="#EA3869"/>
+<circle cx="84.4352" cy="17.1979" r="9.59255" transform="rotate(26.2681 84.4352 17.1979)" fill="#EA3869"/>
+<circle cx="107.894" cy="86.3762" r="9.59255" transform="rotate(26.2681 107.894 86.3762)" fill="#EA3869"/>
+<path d="M122.807 66.8436C123.258 58.8458 122.13 50.8375 119.487 43.2757C116.844 35.7139 112.737 28.7469 107.401 22.7723C102.065 16.7977 95.6043 11.9326 88.3882 8.45478C81.1721 4.97695 73.3416 2.95449 65.3439 2.50289L64.2647 21.6155C69.7525 21.9253 75.1256 23.3131 80.0771 25.6995C85.0286 28.0859 89.4616 31.4242 93.123 35.5238C96.7843 39.6234 99.6024 44.404 101.416 49.5927C103.23 54.7814 104.004 60.2765 103.694 65.7643L122.807 66.8436Z" fill="#2496EF"/>
+<circle cx="64.5575" cy="12.0663" r="9.59255" transform="rotate(3.23187 64.5575 12.0663)" fill="#2496EF"/>
+<circle cx="113.216" cy="66.5483" r="9.59255" transform="rotate(3.23187 113.216 66.5483)" fill="#2496EF"/>
+</g>
+<defs>
+<clipPath id="clip0_1544_7770">
+<rect width="125" height="125" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/CircleIcon-7c21af00.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleIcon-7c21af00.js","sources":["../../src/types/index.ts","../../src/constants/icons.ts","../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import { VerificationItem, VC, Profile, CredentialSubject } from '@learncard/types';\n\nexport enum Icons {\n    coinsIcon,\n    userIcon,\n    trophyIcon,\n    briefcaseIcon,\n    graduationIcon,\n    lightbulbIcon,\n}\n\nexport type CredentialInfo = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    userImage?: string;\n    className?: string;\n    credentialSubject?: CredentialSubject;\n    onClick?: () => void;\n    loading?: boolean;\n    verification?: VerificationItem[];\n};\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n    title?: string;\n    thumbImgSrc?: string;\n    date?: string;\n    onClick?: () => void;\n};\n","import coins from '../assets/images/coins.svg';\nimport user from '../assets/images/user.svg';\nimport trophy from '../assets/images/trophy.svg';\nimport briefcase from '../assets/images/briefcase.svg';\nimport graduation from '../assets/images/graduation.svg';\nimport lightbulb from '../assets/images/lightbulb.svg';\n\nimport { Icons } from '../types';\nexport { coins, user, trophy, briefcase, graduation, lightbulb };\n\nexport const ICONS_TO_SOURCE = {\n    [Icons.coinsIcon]: coins,\n    [Icons.userIcon]: user,\n    [Icons.trophyIcon]: trophy,\n    [Icons.briefcaseIcon]: briefcase,\n    [Icons.graduationIcon]: graduation,\n    [Icons.lightbulbIcon]: lightbulb,\n};\n","import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    innerPadding?: string;\n    size?: string;\n    hideCount?: boolean;\n    borderColor?: string;\n};\n\nexport type CountCircleProps = {\n    size?: string;\n    count?: string | number;\n    innerPadding?: string;\n    onClick?: () => {};\n    bgColor?: string;\n    className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n    size = 'auto',\n    count = '28',\n    innerPadding = '3px 5px',\n    className,\n    onClick = () => {},\n    bgColor = 'bg-grayscale-50',\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n            style={style}\n        >\n            <div className={`h-full`}>\n                <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n                    {count}\n                </p>\n            </div>\n        </section>\n    );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n    iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n    size = '52px',\n    count = '28',\n    innerPadding = '6px',\n    onClick = () => {},\n    bgColor = 'bg-grayscale-900',\n    hideCount = true,\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n            style={style}\n        >\n            <div className={`relative w-full h-full`}>\n                {!hideCount && <CountCircle count={count} />}\n                <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n            </div>\n        </section>\n    );\n};\n\nexport default CircleIcon;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CircleIcon-7c21af00.js","sources":["../../src/types/index.ts","../../src/constants/icons.ts","../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import { VerificationItem, VC, Profile, CredentialSubject } from '@learncard/types';\n\nexport enum Icons {\n    coinsIcon,\n    userIcon,\n    trophyIcon,\n    briefcaseIcon,\n    graduationIcon,\n    lightbulbIcon,\n}\n\nexport type CredentialInfo = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    userImage?: string;\n    className?: string;\n    credentialSubject?: CredentialSubject;\n    onClick?: () => void;\n    loading?: boolean;\n    verification?: VerificationItem[];\n};\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n    title?: string;\n    thumbImgSrc?: string;\n    date?: string;\n    onClick?: () => void;\n};\n\nexport type CourseCardProps = {\n    status?: string;\n    title?: string;\n    semester?: string;\n    skillCount?: string | number;\n    thumbSrc?: string;\n    jobCount?: string | number;\n    className?: string;\n    achievementCount: string | number;\n    onClick?: () => void;\n};\n\nexport type SkillsCardProps = {\n    count?: number;\n    title?: string;\n    level?: string;\n    category?: string;\n    levelCount?: number;\n    skillColor?: string;\n    onClick?: () => void;\n    className?: string;\n};\n\nexport type SkillStat = {\n    name?: string;\n    percent: number | string;\n    className?: string;\n};\n\nexport type SkillsStatsCardProps = {\n    totalCount?: string | number;\n    skills?: SkillStat[];\n    className?: string;\n    onClick?: () => void;\n};\n\nexport type SkillVerticalCardProps = {\n    title: string;\n    completed?: number;\n    total?: number;\n    thumbImg?: string;\n    onClick?: () => void;\n    className?: string;\n};\n","import coins from '../assets/images/coins.svg';\nimport user from '../assets/images/user.svg';\nimport trophy from '../assets/images/trophy.svg';\nimport briefcase from '../assets/images/briefcase.svg';\nimport graduation from '../assets/images/graduation.svg';\nimport lightbulb from '../assets/images/lightbulb.svg';\n\nimport { Icons } from '../types';\nexport { coins, user, trophy, briefcase, graduation, lightbulb };\n\nexport const ICONS_TO_SOURCE = {\n    [Icons.coinsIcon]: coins,\n    [Icons.userIcon]: user,\n    [Icons.trophyIcon]: trophy,\n    [Icons.briefcaseIcon]: briefcase,\n    [Icons.graduationIcon]: graduation,\n    [Icons.lightbulbIcon]: lightbulb,\n};\n","import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    innerPadding?: string;\n    size?: string;\n    hideCount?: boolean;\n    borderColor?: string;\n};\n\nexport type CountCircleProps = {\n    size?: string;\n    count?: string | number;\n    innerPadding?: string;\n    onClick?: () => {};\n    bgColor?: string;\n    className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n    size = 'auto',\n    count = '28',\n    innerPadding = '3px 5px',\n    className,\n    onClick = () => {},\n    bgColor = 'bg-grayscale-50',\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n            style={style}\n        >\n            <div className={`h-full`}>\n                <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n                    {count}\n                </p>\n            </div>\n        </section>\n    );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n    iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n    size = '52px',\n    count = '28',\n    innerPadding = '6px',\n    onClick = () => {},\n    bgColor = 'bg-grayscale-900',\n    hideCount = true,\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n            style={style}\n        >\n            <div className={`relative w-full h-full`}>\n                {!hideCount && <CountCircle count={count} />}\n                <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n            </div>\n        </section>\n    );\n};\n\nexport default CircleIcon;\n"],"names":[],"mappings":"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"}

package/dist/esm/CourseCard-b9e42233.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import CourseCardPlaceholder from './lhplaceholder.png';
+import MiniTrophyIcon from './minitrophy.svg';
+import MiniJobIcon from './minijob.svg';
+import MiniPuzzleIcon from './minipuzzle.svg';
+
+const TYPE_TO_COURSE_MINI_ICON = {
+  ["job"]: MiniJobIcon,
+  ["achievement"]: MiniTrophyIcon,
+  ["skill"]: MiniPuzzleIcon
+};
+const TYPE_TO_COLOR = {
+  ["job"]: "bg-emerald-700",
+  ["achievement"]: "bg-spice-500",
+  ["skill"]: "bg-indigo-500"
+};
+const CourseCardStatBubble = ({
+  count = 0,
+  type = "job",
+  className
+}) => {
+  const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];
+  const bgColor = TYPE_TO_COLOR[type];
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: imgSrc,
+    className: "pr-[5px]"
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "flex items-center text-sm text-white"
+  }, count));
+};
+const CourseCard = ({
+  status = "Enrolled",
+  title = "MECH 1340 Digital Fundamentals and Programmable Logic Controllers",
+  semester = "Fall 2022",
+  jobCount = 1,
+  achievementCount = 4,
+  thumbSrc,
+  skillCount = 9,
+  className,
+  onClick = () => {
+  }
+}) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    onClick,
+    className: `flex shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[130px] rounded-[20px] ${className}`
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: CourseCardPlaceholder,
+    className: "course-card-img w-[100px] h-[111px] mr-[10px]"
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "course-card-detail-info flex flex-col justify-between"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "text-sm"
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "text-emerald-700 font-semibold"
+  }, status), /* @__PURE__ */ React.createElement("span", {
+    className: "spacer-dot mx-[3px]"
+  }, "\u2022"), /* @__PURE__ */ React.createElement("span", {
+    className: "text-grayscale-500"
+  }, semester)), /* @__PURE__ */ React.createElement("p", {
+    className: "course-card-title text-sm font-semibold"
+  }, title), /* @__PURE__ */ React.createElement("div", {
+    className: "course-card-counts-container flex items-center mt-[5px]"
+  }, /* @__PURE__ */ React.createElement(CourseCardStatBubble, {
+    type: "job",
+    count: jobCount,
+    className: "mr-[5px]"
+  }), /* @__PURE__ */ React.createElement(CourseCardStatBubble, {
+    type: "achievement",
+    count: achievementCount,
+    className: "mr-[5px]"
+  }), /* @__PURE__ */ React.createElement(CourseCardStatBubble, {
+    type: "skill",
+    count: skillCount,
+    className: "mr-[0px]"
+  }))));
+};
+
+export { CourseCard as C };
+//# sourceMappingURL=CourseCard-b9e42233.js.map

package/dist/esm/CourseCard-b9e42233.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseCard-b9e42233.js","sources":["../../src/components/CourseCard/CourseCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CourseCardProps } from '../../types';\nimport CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophy.svg';\nimport MiniJobIcon from '../../assets/images/minijob.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzle.svg';\n\nconst TYPE_TO_COURSE_MINI_ICON: any = {\n    ['job']: MiniJobIcon,\n    ['achievement']: MiniTrophyIcon,\n    ['skill']: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR: any = {\n    ['job']: 'bg-emerald-700',\n    ['achievement']: 'bg-spice-500',\n    ['skill']: 'bg-indigo-500',\n};\n\ntype CourseCardStatBubbleProps = {\n    count: number | string;\n    type: string;\n    className?: string;\n};\n\nconst CourseCardStatBubble: React.FC<CourseCardStatBubbleProps> = ({\n    count = 0,\n    type = 'job',\n    className,\n}) => {\n    const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];\n    const bgColor = TYPE_TO_COLOR[type];\n\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} className=\"pr-[5px]\" />\n            <span className=\"flex items-center text-sm text-white\">{count}</span>\n        </div>\n    );\n};\n\nexport const CourseCard: React.FC<CourseCardProps> = ({\n    status = 'Enrolled',\n    title = 'MECH 1340 Digital Fundamentals and Programmable Logic Controllers',\n    semester = 'Fall 2022',\n    jobCount = 1,\n    achievementCount = 4,\n    thumbSrc,\n    skillCount = 9,\n    className,\n    onClick = () => {},\n}) => {\n    return (\n        <div\n            onClick={onClick}\n            className={`flex shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[130px] rounded-[20px] ${className}`}\n        >\n            <img\n                src={CourseCardPlaceholder}\n                className=\"course-card-img w-[100px] h-[111px] mr-[10px]\"\n            />\n\n            <div className=\"course-card-detail-info flex flex-col justify-between\">\n                <div className=\"text-sm\">\n                    <span className=\"text-emerald-700 font-semibold\">{status}</span>\n                    <span className=\"spacer-dot mx-[3px]\">•</span>\n                    <span className=\"text-grayscale-500\">{semester}</span>\n                </div>\n                <p className=\"course-card-title text-sm font-semibold\">{title}</p>\n                <div className=\"course-card-counts-container flex items-center mt-[5px]\">\n                    <CourseCardStatBubble type={'job'} count={jobCount} className={'mr-[5px]'} />\n                    <CourseCardStatBubble\n                        type={'achievement'}\n                        count={achievementCount}\n                        className={'mr-[5px]'}\n                    />\n                    <CourseCardStatBubble\n                        type={'skill'}\n                        count={skillCount}\n                        className={'mr-[0px]'}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default CourseCard;\n"],"names":[],"mappings":"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"}