@learncard/react 2.3.32 → 2.3.33

package/dist/cjs/index25.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
+var VCThumbnail = require('./VCThumbnail-584d0b5f.js');
 require('react');
-require('./vc.check.svg');
-require('./CircleSpinner-093cce04.js');
+require('./icon.green.fat-arrow.png');
+require('./verified-check.png');
 
 
 
-exports.VCVerificationCheck = VCVerificationCheck.VCVerificationCheck;
-exports.VCVerificationCheckWithText = VCVerificationCheck.VCVerificationCheckWithText;
+exports.VCThumbnail = VCThumbnail.VCThumbnail;
 //# sourceMappingURL=index25.js.map

package/dist/cjs/index25.js.map

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

package/dist/cjs/index26.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCVerificationPill = require('./VCVerificationPill-1d535a72.js');
+var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
 require('react');
-require('./RedXCircle.svg');
-require('./GreenCheckCircle.svg');
-require('./YellowWarningCircle.svg');
+require('./vc.check.svg');
+require('./CircleSpinner-093cce04.js');
 
 
 
-exports.ValidationStateIndicator = VCVerificationPill.ValidationStateIndicator;
+exports.VCVerificationCheck = VCVerificationCheck.VCVerificationCheck;
+exports.VCVerificationCheckWithText = VCVerificationCheck.VCVerificationCheckWithText;
 //# sourceMappingURL=index26.js.map

package/dist/cjs/index27.js

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

package/dist/cjs/index27.js.map

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

package/dist/cjs/index6.js

@@ -6,6 +6,7 @@ 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 JobListCard = require('./JobListCard-065f9225.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
@@ -37,6 +38,9 @@ require('./lhplaceholder.png');
 require('./minitrophy.svg');
 require('./minijob.svg');
 require('./minipuzzle.svg');
+require('./minitrophycolored.svg');
+require('./minigradcapcolored.svg');
+require('./minipuzzlecolored.svg');
 require('./contactless-symbol.svg');
 require('./index-82de573c.js');
 require('./card-chip.svg');
@@ -66,6 +70,8 @@ exports.CircleIcon = CircleIcon.CircleIcon;
 exports.CountCircle = CircleIcon.CountCircle;
 exports.CourseCard = CourseCard.CourseCard;
 exports.FlippyCard = FlippyCard.FlippyCard;
+exports.JobListCard = JobListCard.JobListCard;
+exports.JobListingBubble = JobListCard.JobListingBubble;
 exports.LearnCardCreditCardBackFace = LearnCardCreditCardBackFace.LearnCardCreditCardBackFace;
 exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace.LearnCardCreditCardFrontFace;
 exports.CircleLoadingState = CircleSpinner.CircleLoadingState;

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,11 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
+var JobListCard = require('./JobListCard-065f9225.js');
 require('react');
-require('./contactless-symbol.svg');
+require('./minitrophycolored.svg');
+require('./minigradcapcolored.svg');
+require('./minipuzzlecolored.svg');
 
 
 
-exports.LearnCardCreditCardBackFace = LearnCardCreditCardBackFace.LearnCardCreditCardBackFace;
+exports.JobListCard = JobListCard.JobListCard;
+exports.JobListingBubble = JobListCard.JobListingBubble;
 //# 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,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.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=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,10 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CircleSpinner = require('./CircleSpinner-093cce04.js');
+var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.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=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/minigradcapcolored.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.0325 9.34074L19.1158 8.83658L10.8658 4.25324H10.765C10.7088 4.22948 10.6505 4.21107 10.5908 4.19824H10.4167H10.2517C10.189 4.21107 10.1277 4.22948 10.0683 4.25324H9.96751L1.71751 8.83658C1.57644 8.91653 1.4591 9.03246 1.37746 9.17257C1.29582 9.31267 1.25281 9.47192 1.25281 9.63408C1.25281 9.79623 1.29582 9.95548 1.37746 10.0956C1.4591 10.2357 1.57644 10.3516 1.71751 10.4316L4.00001 11.6966V16.0416C4.00001 16.7709 4.28974 17.4704 4.80547 17.9861C5.32119 18.5018 6.02066 18.7916 6.75001 18.7916H14.0833C14.8127 18.7916 15.5122 18.5018 16.0279 17.9861C16.5436 17.4704 16.8333 16.7709 16.8333 16.0416V11.6966L18.6667 10.6699V13.2916C18.6667 13.5347 18.7633 13.7678 18.9352 13.9398C19.1071 14.1117 19.3402 14.2082 19.5833 14.2082C19.8265 14.2082 20.0596 14.1117 20.2315 13.9398C20.4034 13.7678 20.5 13.5347 20.5 13.2916V10.1382C20.4997 9.97581 20.4563 9.81637 20.3742 9.67624C20.292 9.53612 20.1741 9.42033 20.0325 9.34074V9.34074ZM15 16.0416C15 16.2847 14.9034 16.5178 14.7315 16.6898C14.5596 16.8617 14.3265 16.9582 14.0833 16.9582H6.75001C6.50689 16.9582 6.27374 16.8617 6.10183 16.6898C5.92992 16.5178 5.83334 16.2847 5.83334 16.0416V12.7141L9.96751 15.0057L10.105 15.0607H10.1875C10.2636 15.0703 10.3406 15.0703 10.4167 15.0607C10.4928 15.0703 10.5698 15.0703 10.6458 15.0607H10.7283C10.777 15.0505 10.8235 15.0319 10.8658 15.0057L15 12.7141V16.0416ZM10.4167 13.1632L4.05501 9.62491L10.4167 6.08658L16.7783 9.62491L10.4167 13.1632Z" fill="#00BA88"/>
+</svg>

package/dist/cjs/minipuzzlecolored.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8333 18.3334H4.83333C4.17029 18.3334 3.5344 18.07 3.06556 17.6012C2.59672 17.1324 2.33333 16.4965 2.33333 15.8334V7.50009C2.33333 6.83705 2.59672 6.20117 3.06556 5.73233C3.5344 5.26349 4.17029 5.00009 4.83333 5.00009H5.66666C5.68068 4.29396 5.91862 3.61053 6.34617 3.04837C6.77372 2.48621 7.36878 2.07438 8.04553 1.87229C8.72227 1.67019 9.44571 1.68827 10.1115 1.92392C10.7773 2.15957 11.3511 2.60061 11.75 3.18343C12.1237 3.71605 12.3271 4.34948 12.3333 5.00009H14.8333C15.0543 5.00009 15.2663 5.08789 15.4226 5.24417C15.5789 5.40045 15.6667 5.61241 15.6667 5.83343V8.33343C16.3728 8.34744 17.0562 8.58539 17.6184 9.01294C18.1805 9.44049 18.5924 10.0356 18.7945 10.7123C18.9966 11.389 18.9785 12.1125 18.7428 12.7783C18.5072 13.4441 18.0661 14.0178 17.4833 14.4168C16.9507 14.7905 16.3173 14.9939 15.6667 15.0001V17.5001C15.6667 17.7211 15.5789 17.9331 15.4226 18.0893C15.2663 18.2456 15.0543 18.3334 14.8333 18.3334ZM4.83333 6.66676C4.61231 6.66676 4.40035 6.75456 4.24407 6.91084C4.08779 7.06712 3.99999 7.27908 3.99999 7.50009V15.8334C3.99999 16.0544 4.08779 16.2664 4.24407 16.4227C4.40035 16.579 4.61231 16.6668 4.83333 16.6668H14V14.0168C13.9993 13.8831 14.0307 13.7513 14.0916 13.6324C14.1525 13.5135 14.2411 13.4109 14.35 13.3334C14.4585 13.256 14.584 13.2058 14.716 13.187C14.8479 13.1681 14.9825 13.1812 15.1083 13.2251C15.3458 13.322 15.6045 13.3553 15.8588 13.3216C16.113 13.288 16.3542 13.1887 16.5583 13.0334C16.7615 12.9095 16.9358 12.7435 17.0695 12.5466C17.2032 12.3496 17.2932 12.1264 17.3333 11.8918C17.3655 11.6551 17.3464 11.4144 17.2774 11.1858C17.2084 10.9572 17.091 10.7461 16.9333 10.5668C16.7201 10.3077 16.4296 10.1235 16.1043 10.0411C15.779 9.95862 15.4359 9.98222 15.125 10.1084C14.9991 10.1523 14.8646 10.1654 14.7326 10.1466C14.6007 10.1277 14.4752 10.0775 14.3667 10.0001C14.2578 9.9226 14.1692 9.82006 14.1083 9.70113C14.0474 9.58221 14.0159 9.45038 14.0167 9.31676V6.66676H11.35C11.213 6.67452 11.0763 6.64835 10.9519 6.59058C10.8274 6.5328 10.7192 6.44521 10.6368 6.33556C10.5543 6.22592 10.5002 6.09762 10.4793 5.96205C10.4583 5.82649 10.4712 5.68784 10.5167 5.55843C10.6135 5.32093 10.6468 5.06228 10.6132 4.808C10.5796 4.55371 10.4803 4.31259 10.325 4.10843C10.202 3.8994 10.0335 3.72073 9.83199 3.58567C9.63052 3.45061 9.40125 3.36261 9.16115 3.3282C8.92105 3.29378 8.67628 3.31383 8.44499 3.38687C8.21369 3.4599 8.0018 3.58404 7.825 3.75009C7.66081 3.91294 7.53231 4.10817 7.44766 4.32337C7.36302 4.53857 7.32408 4.76903 7.33333 5.00009C7.33526 5.19124 7.37197 5.38043 7.44166 5.55843C7.48572 5.68444 7.49885 5.8192 7.47997 5.95135C7.46108 6.0835 7.41072 6.20918 7.33313 6.31781C7.25554 6.42644 7.15298 6.51483 7.0341 6.57556C6.91522 6.63629 6.78349 6.66756 6.64999 6.66676H4.83333Z" fill="#4F46E5"/>
+</svg>

package/dist/cjs/minitrophycolored.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 3.33341H15.5V2.50008C15.5 2.27907 15.4122 2.06711 15.2559 1.91083C15.0996 1.75455 14.8877 1.66675 14.6667 1.66675H6.33332C6.11231 1.66675 5.90035 1.75455 5.74407 1.91083C5.58779 2.06711 5.49999 2.27907 5.49999 2.50008V3.33341H2.99999C2.77898 3.33341 2.56701 3.42121 2.41073 3.57749C2.25445 3.73377 2.16666 3.94573 2.16666 4.16675V6.66675C2.16666 7.5508 2.51785 8.39865 3.14297 9.02377C3.76809 9.64889 4.61593 10.0001 5.49999 10.0001H6.78332C7.5371 10.841 8.55337 11.402 9.66666 11.5917V13.3334H8.83332C8.17028 13.3334 7.5344 13.5968 7.06556 14.0656C6.59672 14.5345 6.33332 15.1704 6.33332 15.8334V17.5001C6.33332 17.7211 6.42112 17.9331 6.5774 18.0893C6.73368 18.2456 6.94564 18.3334 7.16666 18.3334H13.8333C14.0543 18.3334 14.2663 18.2456 14.4226 18.0893C14.5789 17.9331 14.6667 17.7211 14.6667 17.5001V15.8334C14.6667 15.1704 14.4033 14.5345 13.9344 14.0656C13.4656 13.5968 12.8297 13.3334 12.1667 13.3334H11.3333V11.5917C12.4466 11.402 13.4629 10.841 14.2167 10.0001H15.5C16.384 10.0001 17.2319 9.64889 17.857 9.02377C18.4821 8.39865 18.8333 7.5508 18.8333 6.66675V4.16675C18.8333 3.94573 18.7455 3.73377 18.5892 3.57749C18.433 3.42121 18.221 3.33341 18 3.33341V3.33341ZM5.49999 8.33342C5.05796 8.33342 4.63404 8.15782 4.32148 7.84526C4.00892 7.5327 3.83332 7.10878 3.83332 6.66675V5.00008H5.49999V6.66675C5.50182 7.23484 5.60046 7.79846 5.79166 8.33342H5.49999ZM12.1667 15.0001C12.3877 15.0001 12.5996 15.0879 12.7559 15.2442C12.9122 15.4004 13 15.6124 13 15.8334V16.6667H7.99999V15.8334C7.99999 15.6124 8.08779 15.4004 8.24407 15.2442C8.40035 15.0879 8.61231 15.0001 8.83332 15.0001H12.1667ZM13.8333 6.66675C13.8333 7.5508 13.4821 8.39865 12.857 9.02377C12.2319 9.64889 11.384 10.0001 10.5 10.0001C9.61594 10.0001 8.76809 9.64889 8.14297 9.02377C7.51785 8.39865 7.16666 7.5508 7.16666 6.66675V3.33341H13.8333V6.66675ZM17.1667 6.66675C17.1667 7.10878 16.9911 7.5327 16.6785 7.84526C16.3659 8.15782 15.942 8.33342 15.5 8.33342H15.2083C15.3995 7.79846 15.4982 7.23484 15.5 6.66675V5.00008H17.1667V6.66675Z" fill="#FF5820"/>
+</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\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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"}
+{"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\nexport type JobQualificationsCount = {\n    fulfilledCount: number;\n    totalRequiredCount: number;\n};\n\nexport type JobQualificationDisplay = {\n    skills?: JobQualificationsCount;\n    achievements?: JobQualificationsCount;\n    courses?: JobQualificationsCount;\n};\n\nexport type JobListCardProps = {\n    title?: string;\n    company?: string;\n    compensation?: string;\n    location?: string;\n    locationRequirement?: string;\n    timeRequirement?: string;\n    qualificationDisplay?: JobQualificationDisplay;\n    percentQualifiedDisplay?: string;\n    postDateDisplay?: string;\n    imgThumb?: string;\n    isBookmarked?: boolean;\n    className?: string;\n    onBookmark?: () => void;\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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"}

package/dist/esm/JobListCard-261c8028.js

@@ -0,0 +1,117 @@
+import React from 'react';
+import MiniTrophyIcon from './minitrophycolored.svg';
+import MiniGradIcon from './minigradcapcolored.svg';
+import MiniPuzzleIcon from './minipuzzlecolored.svg';
+
+const TYPE_TO_COURSE_MINI_ICON = {
+  job: MiniGradIcon,
+  achievement: MiniTrophyIcon,
+  skill: MiniPuzzleIcon
+};
+const TYPE_TO_COLOR = {
+  job: "bg-emerald-50",
+  achievement: "bg-spice-50",
+  skill: "bg-indigo-50"
+};
+const TYPE_TO_TEXT_COLOR = {
+  job: "text-emerald-700",
+  achievement: "text-spice-500",
+  skill: "text-indigo-600"
+};
+const JobListingBubble = ({
+  count = 0,
+  type = "job",
+  className
+}) => {
+  const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];
+  const bgColor = TYPE_TO_COLOR[type];
+  const textColor = TYPE_TO_TEXT_COLOR[type];
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: imgSrc
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: `flex items-center text-sm ${textColor} font-bold`
+  }, count));
+};
+const JobListCard = ({
+  company,
+  className = "job-listing-card",
+  title,
+  compensation,
+  location,
+  locationRequirement,
+  timeRequirement,
+  qualificationDisplay,
+  percentQualifiedDisplay,
+  postDateDisplay,
+  imgThumb,
+  isBookmarked,
+  onBookmark,
+  onClick
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  const courseCountDisplay = `${(_b = (_a = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _a.fulfilledCount) != null ? _b : 0}/${(_d = (_c = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _c.totalRequiredCount) != null ? _d : 0}`;
+  const achievementsCountDisplay = `${(_f = (_e = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _e.fulfilledCount) != null ? _f : 0}/${(_h = (_g = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _g.totalRequiredCount) != null ? _h : 0}`;
+  const skillsCountDisplay = `${(_j = (_i = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _i.fulfilledCount) != null ? _j : 0}/${(_l = (_k = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _k.totalRequiredCount) != null ? _l : 0}`;
+  const qualifiedText = percentQualifiedDisplay ? `${percentQualifiedDisplay}% Qualified - Apply` : "Apply";
+  let topText = "";
+  if (!compensation && timeRequirement)
+    topText = timeRequirement;
+  if (!timeRequirement && compensation)
+    topText = compensation;
+  if (timeRequirement && compensation)
+    topText = `${compensation} \u2022 ${timeRequirement}`;
+  let locationText = "";
+  if (!location && locationRequirement)
+    locationText = locationRequirement;
+  if (!locationRequirement && location)
+    locationText = location;
+  if (locationRequirement && location)
+    locationText = `${locationRequirement} \u2022 ${location}`;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `flex flex-col justify-between shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[260px] rounded-[20px] ${className}`
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "job-listing-top flex"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex text-grayscale-500 text-xs uppercase w-full line-clamp-1"
+  }, topText)), /* @__PURE__ */ React.createElement("p", {
+    className: "text-grayscale-500 text-xs line-clamp-1 flex-shrink-0"
+  }, " ", postDateDisplay), /* @__PURE__ */ React.createElement("div", {
+    className: "job-listing-center flex mt-[5px]"
+  }, imgThumb && /* @__PURE__ */ React.createElement("img", {
+    className: "object-cover w-[80px] flex-shrink-0 items-center justify-center rounded-[15px] mr-[10px]",
+    src: imgThumb
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "job-listing-description flex flex-col"
+  }, /* @__PURE__ */ React.createElement("h4", {
+    className: "text-lg font-bold line-clamp-2"
+  }, title), /* @__PURE__ */ React.createElement("p", {
+    className: "text-sm line-clamp-1"
+  }, company), /* @__PURE__ */ React.createElement("span", {
+    className: "text-sm line-clamp-1"
+  }, locationText))), /* @__PURE__ */ React.createElement("div", {
+    className: "job-listing-qualifications mt-[10px]"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "course-card-counts-container flex items-center"
+  }, ((_m = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _m.fulfilledCount) && /* @__PURE__ */ React.createElement(JobListingBubble, {
+    type: "job",
+    count: courseCountDisplay,
+    className: "mr-[5px]"
+  }), ((_n = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _n.fulfilledCount) && /* @__PURE__ */ React.createElement(JobListingBubble, {
+    type: "achievement",
+    count: achievementsCountDisplay,
+    className: "mr-[5px]"
+  }), ((_o = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _o.fulfilledCount) && /* @__PURE__ */ React.createElement(JobListingBubble, {
+    type: "skill",
+    count: skillsCountDisplay,
+    className: "mr-[0px]"
+  }))), /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    onClick,
+    className: "mt-[10px] bg-cyan-700 py-[15px] px-[2px] rounded-[40px] text-grayscale-50 text-[17px] font-bold"
+  }, qualifiedText));
+};
+
+export { JobListingBubble as J, JobListCard as a };
+//# sourceMappingURL=JobListCard-261c8028.js.map

package/dist/esm/JobListCard-261c8028.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobListCard-261c8028.js","sources":["../../src/components/JobListCard/JobListCard.tsx"],"sourcesContent":["import React from 'react';\nimport { JobListCardProps } from '../../types';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzlecolored.svg';\n\nconst TYPE_TO_COURSE_MINI_ICON = {\n    job: MiniGradIcon,\n    achievement: MiniTrophyIcon,\n    skill: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR = {\n    job: 'bg-emerald-50',\n    achievement: 'bg-spice-50',\n    skill: 'bg-indigo-50',\n};\n\nconst TYPE_TO_TEXT_COLOR = {\n    job: 'text-emerald-700',\n    achievement: 'text-spice-500',\n    skill: 'text-indigo-600',\n};\n\ntype JobListingBubbleProps = {\n    count: number | string;\n    type: 'job' | 'achievement' | 'skill';\n    className?: string;\n};\n\nexport const JobListingBubble: React.FC<JobListingBubbleProps> = ({\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    const textColor = TYPE_TO_TEXT_COLOR[type];\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} />\n            <span className={`flex items-center text-sm ${textColor} font-bold`}>{count}</span>\n        </div>\n    );\n};\n\nexport const JobListCard: React.FC<JobListCardProps> = ({\n    company,\n    className = 'job-listing-card',\n    title,\n    compensation,\n    location,\n    locationRequirement,\n    timeRequirement,\n    qualificationDisplay,\n    percentQualifiedDisplay,\n    postDateDisplay,\n    imgThumb,\n    isBookmarked,\n    onBookmark,\n    onClick,\n}) => {\n    const courseCountDisplay = `${qualificationDisplay?.courses?.fulfilledCount ?? 0}/${\n        qualificationDisplay?.courses?.totalRequiredCount ?? 0\n    }`;\n    const achievementsCountDisplay = `${qualificationDisplay?.achievements?.fulfilledCount ?? 0}/${\n        qualificationDisplay?.achievements?.totalRequiredCount ?? 0\n    }`;\n    const skillsCountDisplay = `${qualificationDisplay?.skills?.fulfilledCount ?? 0}/${\n        qualificationDisplay?.skills?.totalRequiredCount ?? 0\n    }`;\n\n    const qualifiedText = percentQualifiedDisplay\n        ? `${percentQualifiedDisplay}% Qualified - Apply`\n        : 'Apply';\n\n    let topText = '';\n    if (!compensation && timeRequirement) topText = timeRequirement;\n    if (!timeRequirement && compensation) topText = compensation;\n    if (timeRequirement && compensation) topText = `${compensation} • ${timeRequirement}`;\n\n    let locationText = '';\n    if (!location && locationRequirement) locationText = locationRequirement;\n    if (!locationRequirement && location) locationText = location;\n    if (locationRequirement && location) locationText = `${locationRequirement} • ${location}`;\n\n    return (\n        <div\n            className={`flex flex-col justify-between shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[260px] rounded-[20px] ${className}`}\n        >\n            <div className=\"job-listing-top flex\">\n                <div className=\"flex text-grayscale-500 text-xs uppercase w-full line-clamp-1\">\n                    {topText}\n                </div>\n            </div>\n            <p className=\"text-grayscale-500 text-xs line-clamp-1 flex-shrink-0\">\n                {' '}\n                {postDateDisplay}\n            </p>\n\n            <div className=\"job-listing-center flex mt-[5px]\">\n                {imgThumb && (\n                    <img\n                        className=\"object-cover w-[80px] flex-shrink-0 items-center justify-center rounded-[15px] mr-[10px]\"\n                        src={imgThumb}\n                    />\n                )}\n\n                <div className=\"job-listing-description flex flex-col\">\n                    <h4 className=\"text-lg font-bold line-clamp-2\">{title}</h4>\n                    <p className=\"text-sm line-clamp-1\">{company}</p>\n                    <span className=\"text-sm line-clamp-1\">{locationText}</span>\n                </div>\n            </div>\n\n            <div className=\"job-listing-qualifications mt-[10px]\">\n                <div className=\"course-card-counts-container flex items-center\">\n                    {qualificationDisplay?.courses?.fulfilledCount && (\n                        <JobListingBubble\n                            type={'job'}\n                            count={courseCountDisplay}\n                            className={'mr-[5px]'}\n                        />\n                    )}\n                    {qualificationDisplay?.achievements?.fulfilledCount && (\n                        <JobListingBubble\n                            type={'achievement'}\n                            count={achievementsCountDisplay}\n                            className={'mr-[5px]'}\n                        />\n                    )}\n                    {qualificationDisplay?.skills?.fulfilledCount && (\n                        <JobListingBubble\n                            type={'skill'}\n                            count={skillsCountDisplay}\n                            className={'mr-[0px]'}\n                        />\n                    )}\n                </div>\n            </div>\n\n            <button\n                type=\"button\"\n                onClick={onClick}\n                className=\"mt-[10px] bg-cyan-700 py-[15px] px-[2px] rounded-[40px] text-grayscale-50 text-[17px] font-bold\"\n            >\n                {qualifiedText}\n            </button>\n        </div>\n    );\n};\n\nexport default JobListCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -2,6 +2,7 @@ export { B as Button } from './Button-5f805204.js';
 export { a as CircleIcon, C as CountCircle } from './CircleIcon-7c21af00.js';
 export { C as CourseCard } from './CourseCard-b9e42233.js';
 export { F as FlippyCard } from './FlippyCard-682649d7.js';
+export { a as JobListCard, J as JobListingBubble } from './JobListCard-261c8028.js';
 export { L as LearnCardCreditCardBackFace } from './LearnCardCreditCardBackFace-9baa9e6b.js';
 export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFace-cf793917.js';
 export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
@@ -33,6 +34,9 @@ import './lhplaceholder.png';
 import './minitrophy.svg';
 import './minijob.svg';
 import './minipuzzle.svg';
+import './minitrophycolored.svg';
+import './minigradcapcolored.svg';
+import './minipuzzlecolored.svg';
 import './contactless-symbol.svg';
 import './index-aa1098e1.js';
 import './card-chip.svg';

package/dist/esm/index.js.map

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

package/dist/esm/index10.js

@@ -1,4 +1,3 @@
-export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
+export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
 import 'react';
-import './verified-check.png';
 //# sourceMappingURL=index10.js.map

package/dist/esm/index10.js.map

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

package/dist/esm/index11.js

@@ -1,5 +1,4 @@
-export { N as Notification, a as NotificationTypeStyles } from './Notification-ddbb3c37.js';
+export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
 import 'react';
-import './Trophy-702610b8.js';
-import './Checkmark-fb8086c5.js';
+import './verified-check.png';
 //# sourceMappingURL=index11.js.map

package/dist/esm/index11.js.map

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

package/dist/esm/index12.js

@@ -1,4 +1,5 @@
-export { Q as QRCodeCard } from './QRCodeCard-c57e2067.js';
+export { N as Notification, a as NotificationTypeStyles } from './Notification-ddbb3c37.js';
 import 'react';
-import './index-aa1098e1.js';
+import './Trophy-702610b8.js';
+import './Checkmark-fb8086c5.js';
 //# sourceMappingURL=index12.js.map

package/dist/esm/index12.js.map

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

package/dist/esm/index13.js

@@ -1,16 +1,4 @@
-export { R as RoundedSquare, T as TYPE_TO_IMG_SRC, a as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './RoundedSquare-c3706147.js';
+export { Q as QRCodeCard } from './QRCodeCard-c57e2067.js';
 import 'react';
-import './CircleIcon-7c21af00.js';
-import './coins.svg';
-import './user.svg';
-import './trophy.svg';
-import './briefcase.svg';
-import './graduation.svg';
-import './lightbulb.svg';
-import './walletcurrency.webp';
-import './walletids.webp';
-import './walletjobhistory.webp';
-import './walletlearninghistory.webp';
-import './walletskills.webp';
-import './walletTrophy.webp';
+import './index-aa1098e1.js';
 //# sourceMappingURL=index13.js.map

package/dist/esm/index13.js.map

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

package/dist/esm/index14.js

@@ -1,3 +1,16 @@
-export { S as SchoolIDCard } from './SchoolIDCard-4f56262c.js';
+export { R as RoundedSquare, T as TYPE_TO_IMG_SRC, a as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './RoundedSquare-c3706147.js';
 import 'react';
+import './CircleIcon-7c21af00.js';
+import './coins.svg';
+import './user.svg';
+import './trophy.svg';
+import './briefcase.svg';
+import './graduation.svg';
+import './lightbulb.svg';
+import './walletcurrency.webp';
+import './walletids.webp';
+import './walletjobhistory.webp';
+import './walletlearninghistory.webp';
+import './walletskills.webp';
+import './walletTrophy.webp';
 //# sourceMappingURL=index14.js.map

package/dist/esm/index14.js.map

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

package/dist/esm/index15.js

@@ -1,3 +1,3 @@
-export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
+export { S as SchoolIDCard } from './SchoolIDCard-4f56262c.js';
 import 'react';
 //# sourceMappingURL=index15.js.map

package/dist/esm/index16.js

@@ -1,4 +1,3 @@
-export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
+export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
 import 'react';
-import './skillgraph.svg';
 //# sourceMappingURL=index16.js.map

package/dist/esm/index16.js.map

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

package/dist/esm/index17.js

@@ -1,4 +1,4 @@
-export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
+export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
 import 'react';
-import './skillplaceholder.png';
+import './skillgraph.svg';
 //# sourceMappingURL=index17.js.map

package/dist/esm/index18.js

@@ -1,4 +1,4 @@
-export { S as SmallAchievementCard } from './SmallAchievementCard-44f6fef8.js';
+export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
 import 'react';
-import './Trophy-702610b8.js';
+import './skillplaceholder.png';
 //# sourceMappingURL=index18.js.map

package/dist/esm/index19.js

@@ -1,4 +1,4 @@
-export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Lightbulb, U as User } from './Checkmark-fb8086c5.js';
-export { T as Trophy } from './Trophy-702610b8.js';
+export { S as SmallAchievementCard } from './SmallAchievementCard-44f6fef8.js';
 import 'react';
+import './Trophy-702610b8.js';
 //# sourceMappingURL=index19.js.map

package/dist/esm/index20.js

@@ -1,17 +1,4 @@
-export { V as VCCard } from './VCCard-271ef60d.js';
+export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Lightbulb, U as User } from './Checkmark-fb8086c5.js';
+export { T as Trophy } from './Trophy-702610b8.js';
 import 'react';
-import '@learncard/core';
-import './VCDisplayCard-07dc6715.js';
-import './FlippyCard-682649d7.js';
-import './icon.green.fat-arrow.png';
-import './ArrowArcRight.svg';
-import './default-face.jpeg';
-import './VCVerificationCheck-eef7883b.js';
-import './vc.check.svg';
-import './CircleSpinner-9b8b1a6b.js';
-import './VCDisplayBackFace-1bc89b3c.js';
-import './VCVerificationPill-a35e1dad.js';
-import './RedXCircle.svg';
-import './GreenCheckCircle.svg';
-import './YellowWarningCircle.svg';
 //# sourceMappingURL=index20.js.map

package/dist/esm/index20.js.map

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

package/dist/esm/index21.js

@@ -1,11 +1,17 @@
-export { V as VCDisplayBackFace } from './VCDisplayBackFace-1bc89b3c.js';
+export { V as VCCard } from './VCCard-271ef60d.js';
 import 'react';
+import '@learncard/core';
+import './VCDisplayCard-07dc6715.js';
+import './FlippyCard-682649d7.js';
+import './icon.green.fat-arrow.png';
+import './ArrowArcRight.svg';
+import './default-face.jpeg';
 import './VCVerificationCheck-eef7883b.js';
 import './vc.check.svg';
 import './CircleSpinner-9b8b1a6b.js';
+import './VCDisplayBackFace-1bc89b3c.js';
 import './VCVerificationPill-a35e1dad.js';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';
-import './ArrowArcRight.svg';
 //# sourceMappingURL=index21.js.map

package/dist/esm/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/esm/index22.js

@@ -1,15 +1,11 @@
-export { V as VCDisplayCard } from './VCDisplayCard-07dc6715.js';
+export { V as VCDisplayBackFace } from './VCDisplayBackFace-1bc89b3c.js';
 import 'react';
-import './FlippyCard-682649d7.js';
-import './icon.green.fat-arrow.png';
-import './ArrowArcRight.svg';
-import './default-face.jpeg';
 import './VCVerificationCheck-eef7883b.js';
 import './vc.check.svg';
 import './CircleSpinner-9b8b1a6b.js';
-import './VCDisplayBackFace-1bc89b3c.js';
 import './VCVerificationPill-a35e1dad.js';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';
+import './ArrowArcRight.svg';
 //# sourceMappingURL=index22.js.map

package/dist/esm/index22.js.map

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