@learncard/react 2.3.25 → 2.3.26

package/dist/cjs/SkillVerticalCard-3eb3a8e9.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var SkillPlaceholder = require('./skillplaceholder.png');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var SkillPlaceholder__default = /*#__PURE__*/_interopDefaultLegacy(SkillPlaceholder);
+
+const SkillVerticalCard = ({
+  title = "Creative Thinking",
+  thumbImg,
+  className,
+  onClick = () => {
+  }
+}) => {
+  const thumbSrc = thumbImg || SkillPlaceholder__default["default"];
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    onClick,
+    className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`
+  }, /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "flex skill-vert-card-title-container items-center bg-indigo-600 h-[76px] justify-center items-center"
+  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
+    className: "text-[14px] font-semibold text-white"
+  }, title)), /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "skill-vert-card-details my-[5px] flex items-center justify-center overflow-hidden pt-[5px]"
+  }, /* @__PURE__ */ React__default["default"].createElement("img", {
+    src: thumbSrc,
+    className: "skill-vert-thumb object-cover overflow-hidden w-[140px] h-[119px] rounded-[20px]"
+  })));
+};
+
+exports.SkillVerticalCard = SkillVerticalCard;
+//# sourceMappingURL=SkillVerticalCard-3eb3a8e9.js.map

package/dist/cjs/SkillVerticalCard-3eb3a8e9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillVerticalCard-3eb3a8e9.js","sources":["../../src/components/SkillVerticalCard/SkillVerticalCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillVerticalCardProps } from '../../types';\nimport SkillPlaceholder from '../../assets/images/skillplaceholder.png';\n\nexport const SkillVerticalCard: React.FC<SkillVerticalCardProps> = ({\n    title = 'Creative Thinking',\n    thumbImg,\n    className,\n    onClick = () => {},\n}) => {\n    const thumbSrc = thumbImg || SkillPlaceholder;\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            <section className=\"flex skill-vert-card-title-container items-center bg-indigo-600 h-[76px] justify-center items-center\">\n                <h3 className=\"text-[14px] font-semibold text-white\">{title}</h3>\n            </section>\n\n            <section className=\"skill-vert-card-details my-[5px] flex items-center justify-center overflow-hidden pt-[5px]\">\n                <img\n                    src={thumbSrc}\n                    className=\"skill-vert-thumb object-cover overflow-hidden w-[140px] h-[119px] rounded-[20px]\"\n                />\n            </section>\n        </div>\n    );\n};\n\nexport default SkillVerticalCard;\n"],"names":["SkillPlaceholder","React"],"mappings":";;;;;;;;;;AAEY,MAAC,iBAAiB,GAAG,CAAC;AAClC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,QAAQ,GAAG,QAAQ,IAAIA,oCAAgB,CAAC;AAChD,EAAE,uBAAuBC,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,8HAA8H,EAAE,SAAS,CAAC,CAAC;AAC3J,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,sGAAsG;AACrH,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,sCAAsC;AACrD,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,4FAA4F;AAC3G,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,QAAQ;AACjB,IAAI,SAAS,EAAE,kFAAkF;AACjG,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/cjs/SkillsCard-4b6dbb4f.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SkillsMeterSegment = ({
+  filled = false,
+  className,
+  skillColor = "bg-cyan-700"
+}) => {
+  const bgColor = filled ? skillColor : "bg-gray-200";
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `skills-meter-segment h-[20px] w-full max-w-[27px] ${bgColor} mr-[5px] rounded-[5px]`
+  });
+};
+const SkillsCard = ({
+  count = 14,
+  title = "Creative Thinking",
+  level = "Expert",
+  category = "Creativity",
+  levelCount = 9,
+  skillColor = "bg-cyan-700",
+  className,
+  onClick = () => {
+  }
+}) => {
+  const renderSkillsMeter = () => {
+    const num = levelCount;
+    const skillMeter = [...Array(10).keys()].map((counter) => {
+      console.log("///counter", counter, "num", num);
+      const filled = counter < num;
+      return /* @__PURE__ */ React__default["default"].createElement(SkillsMeterSegment, {
+        filled,
+        key: counter,
+        skillColor
+      });
+    });
+    return skillMeter;
+  };
+  const skillsMeter = renderSkillsMeter();
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    onClick,
+    className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[129px] rounded-[20px] ${className}`
+  }, /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "flex skill-card-title-container items-center"
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex items-center justify-center skill-count-display text-[20px] min-w-[30px] bg-grayscale-100 rounded-full px-[5px] mr-[8px]"
+  }, count), /* @__PURE__ */ React__default["default"].createElement("h3", {
+    className: "text-[17px] font-semibold"
+  }, title)), /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "skill-card-details my-[5px]"
+  }, /* @__PURE__ */ React__default["default"].createElement("p", {
+    className: "text-sm text-gray-900 font-semibold"
+  }, "Skill Level: ", level), /* @__PURE__ */ React__default["default"].createElement("p", {
+    className: "text-sm text-gray-900 font-semibold"
+  }, "Categories: ", category)), /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "flex w-full skill-meter-full mt-[8px]"
+  }, skillsMeter));
+};
+
+exports.SkillsCard = SkillsCard;
+exports.SkillsMeterSegment = SkillsMeterSegment;
+//# sourceMappingURL=SkillsCard-4b6dbb4f.js.map

package/dist/cjs/SkillsCard-4b6dbb4f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillsCard-4b6dbb4f.js","sources":["../../src/components/SkillsCard/SkillsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillsCardProps } from '../../types';\n\ntype SkillsMeterSegmentProps = {\n    filled?: boolean;\n    className?: string;\n    skillColor?: string;\n};\n\nexport const SkillsMeterSegment: React.FC<SkillsMeterSegmentProps> = ({\n    filled = false,\n    className,\n    skillColor = 'bg-cyan-700',\n}) => {\n    const bgColor = filled ? skillColor : 'bg-gray-200';\n    return (\n        <div\n            className={`skills-meter-segment h-[20px] w-full max-w-[27px] ${bgColor} mr-[5px] rounded-[5px]`}\n        ></div>\n    );\n};\n\nexport const SkillsCard: React.FC<SkillsCardProps> = ({\n    count = 14,\n    title = 'Creative Thinking',\n    level = 'Expert',\n    category = 'Creativity',\n    levelCount = 9,\n    skillColor = 'bg-cyan-700',\n    className,\n    onClick = () => {},\n}) => {\n    const renderSkillsMeter = () => {\n        const num = levelCount;\n        const skillMeter = [...Array(10).keys()].map(counter => {\n            console.log('///counter', counter, 'num', num);\n            const filled = counter < num;\n            return <SkillsMeterSegment filled={filled} key={counter} skillColor={skillColor} />;\n        });\n\n        return skillMeter;\n    };\n\n    const skillsMeter = renderSkillsMeter();\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[129px] rounded-[20px] ${className}`}\n        >\n            <section className=\"flex skill-card-title-container items-center\">\n                <div className=\"flex items-center justify-center skill-count-display text-[20px] min-w-[30px] bg-grayscale-100 rounded-full px-[5px] mr-[8px]\">\n                    {count}\n                </div>\n                <h3 className=\"text-[17px] font-semibold\">{title}</h3>\n            </section>\n\n            <section className=\"skill-card-details my-[5px]\">\n                <p className=\"text-sm text-gray-900 font-semibold\">Skill Level: {level}</p>\n                <p className=\"text-sm text-gray-900 font-semibold\">Categories: {category}</p>\n            </section>\n\n            <section className=\"flex w-full skill-meter-full mt-[8px]\">{skillsMeter}</section>\n        </div>\n    );\n};\n\nexport default SkillsCard;\n"],"names":["React"],"mappings":";;;;;;;;AACY,MAAC,kBAAkB,GAAG,CAAC;AACnC,EAAE,MAAM,GAAG,KAAK;AAChB,EAAE,SAAS;AACX,EAAE,UAAU,GAAG,aAAa;AAC5B,CAAC,KAAK;AACN,EAAE,MAAM,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;AACtD,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,kDAAkD,EAAE,OAAO,CAAC,uBAAuB,CAAC;AACpG,GAAG,CAAC,CAAC;AACL,EAAE;AACU,MAAC,UAAU,GAAG,CAAC;AAC3B,EAAE,KAAK,GAAG,EAAE;AACZ,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,KAAK,GAAG,QAAQ;AAClB,EAAE,QAAQ,GAAG,YAAY;AACzB,EAAE,UAAU,GAAG,CAAC;AAChB,EAAE,UAAU,GAAG,aAAa;AAC5B,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,iBAAiB,GAAG,MAAM;AAClC,IAAI,MAAM,GAAG,GAAG,UAAU,CAAC;AAC3B,IAAI,MAAM,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK;AAC9D,MAAM,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACrD,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC;AACnC,MAAM,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE;AACrE,QAAQ,MAAM;AACd,QAAQ,GAAG,EAAE,OAAO;AACpB,QAAQ,UAAU;AAClB,OAAO,CAAC,CAAC;AACT,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,UAAU,CAAC;AACtB,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAC;AAC1C,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,oHAAoH,EAAE,SAAS,CAAC,CAAC;AACjJ,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,8CAA8C;AAC7D,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,+HAA+H;AAC9I,GAAG,EAAE,KAAK,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACvD,IAAI,SAAS,EAAE,2BAA2B;AAC1C,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,6BAA6B;AAC5C,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,qCAAqC;AACpD,GAAG,EAAE,eAAe,EAAE,KAAK,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACvE,IAAI,SAAS,EAAE,qCAAqC;AACpD,GAAG,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAChF,IAAI,SAAS,EAAE,uCAAuC;AACtD,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;AACnB;;;;;"}

package/dist/cjs/SkillsStatsCard-97a35a88.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var React = require('react');
+var SkillGraphPlaceholder = require('./skillgraph.svg');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var SkillGraphPlaceholder__default = /*#__PURE__*/_interopDefaultLegacy(SkillGraphPlaceholder);
+
+const SkillStatListItemIndicator = ({
+  className = "bg-emerald-700"
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: `${className} skill-item-stat-indicator w-[10px] h-[10px] rounded-[3px] mr-[10px]`
+  });
+};
+const SkillStatListItem = ({ name, percent, className }) => {
+  const colorIndicator = /* @__PURE__ */ React__default["default"].createElement(SkillStatListItemIndicator, null);
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold"
+  }, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: "flex justify-center items-center"
+  }, colorIndicator, name), /* @__PURE__ */ React__default["default"].createElement("span", null, percent, "%"));
+};
+const MoreSkillsListItem = ({ count, percent, className }) => {
+  const colorIndicator = /* @__PURE__ */ React__default["default"].createElement(SkillStatListItemIndicator, {
+    className: "bg-grayscale-200"
+  });
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold"
+  }, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: "flex justify-center items-center"
+  }, colorIndicator, "+", count, " more"), /* @__PURE__ */ React__default["default"].createElement("span", null, percent, "%"));
+};
+const SkillsStatsCard = ({
+  totalCount = 0,
+  skills = [],
+  className,
+  onClick = () => {
+  }
+}) => {
+  const title = `${totalCount} Skill Categories`;
+  const showMore = (skills == null ? void 0 : skills.length) > 3;
+  const renderSkillsList = skills == null ? void 0 : skills.slice(0, 3).map((skill) => {
+    return /* @__PURE__ */ React__default["default"].createElement(SkillStatListItem, {
+      name: skill == null ? void 0 : skill.name,
+      percent: skill == null ? void 0 : skill.percent,
+      key: skill == null ? void 0 : skill.name
+    });
+  });
+  if (showMore) {
+    const otherLength = (skills == null ? void 0 : skills.length) - 3;
+    renderSkillsList == null ? void 0 : renderSkillsList.push(/* @__PURE__ */ React__default["default"].createElement(MoreSkillsListItem, {
+      count: otherLength,
+      percent: "27"
+    }));
+  }
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    onClick,
+    className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[199px] rounded-[20px] ${className}`
+  }, /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "flex skill-stats-card-title-container items-center"
+  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
+    className: "text-[17px] text-gray-900 font-bold"
+  }, title)), /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "skill-stats-card-body my-[5px] flex items-center justify-between"
+  }, /* @__PURE__ */ React__default["default"].createElement("img", {
+    src: SkillGraphPlaceholder__default["default"],
+    className: "skill-graph-container"
+  }), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "skill-stat-list w-full  ml-[15px]"
+  }, renderSkillsList)));
+};
+
+exports.SkillsStatsCard = SkillsStatsCard;
+//# sourceMappingURL=SkillsStatsCard-97a35a88.js.map

package/dist/cjs/SkillsStatsCard-97a35a88.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillsStatsCard-97a35a88.js","sources":["../../src/components/SkillsStatsCard/SkillsStatsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillsStatsCardProps } from '../../types';\nimport SkillGraphPlaceholder from '../../assets/images/skillgraph.svg';\n\ntype SkillStatListItemProps = {\n    name?: string;\n    percent: string | number;\n    className?: string;\n};\n\ntype SkillStatListItemIndicatorProps = {\n    className?: string;\n};\n\ntype MoreSkillsListItemProps = {\n    count?: number | string;\n    percent?: string;\n    className?: string;\n};\n\nconst SkillStatListItemIndicator: React.FC<SkillStatListItemIndicatorProps> = ({\n    className = 'bg-emerald-700',\n}) => {\n    return (\n        <span\n            className={`${className} skill-item-stat-indicator w-[10px] h-[10px] rounded-[3px] mr-[10px]`}\n        ></span>\n    );\n};\n\nconst SkillStatListItem: React.FC<SkillStatListItemProps> = ({ name, percent, className }) => {\n    const colorIndicator = <SkillStatListItemIndicator />;\n    return (\n        <div className=\"flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold\">\n            <span className=\"flex justify-center items-center\">\n                {colorIndicator}\n                {name}\n            </span>\n            <span>{percent}%</span>\n        </div>\n    );\n};\n\nconst MoreSkillsListItem: React.FC<MoreSkillsListItemProps> = ({ count, percent, className }) => {\n    const colorIndicator = <SkillStatListItemIndicator className=\"bg-grayscale-200\" />;\n    return (\n        <div className=\"flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold\">\n            <span className=\"flex justify-center items-center\">\n                {colorIndicator}+{count} more\n            </span>\n            <span>{percent}%</span>\n        </div>\n    );\n};\n\nexport const SkillsStatsCard: React.FC<SkillsStatsCardProps> = ({\n    totalCount = 0,\n    skills = [],\n    className,\n    onClick = () => {},\n}) => {\n    const title = `${totalCount} Skill Categories`;\n\n    const showMore = skills?.length > 3;\n\n    const renderSkillsList = skills?.slice(0, 3).map(skill => {\n        return <SkillStatListItem name={skill?.name} percent={skill?.percent} key={skill?.name} />;\n    });\n\n    if (showMore) {\n        const otherLength = skills?.length - 3;\n        renderSkillsList?.push(<MoreSkillsListItem count={otherLength} percent={'27'} />);\n    }\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[199px] rounded-[20px] ${className}`}\n        >\n            <section className=\"flex skill-stats-card-title-container items-center\">\n                <h3 className=\"text-[17px] text-gray-900 font-bold\">{title}</h3>\n            </section>\n\n            <section className=\"skill-stats-card-body my-[5px] flex items-center justify-between\">\n                <img src={SkillGraphPlaceholder} className=\"skill-graph-container\" />\n                <div className=\"skill-stat-list w-full  ml-[15px]\">{renderSkillsList}</div>\n            </section>\n        </div>\n    );\n};\n\nexport default SkillsStatsCard;\n"],"names":["React","SkillGraphPlaceholder"],"mappings":"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"}

package/dist/cjs/index.js

@@ -4,15 +4,19 @@ 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-9f777402.js');
+var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
 var RoundedSquare = require('./RoundedSquare-718776c6.js');
-var SchoolIDCard = require('./SchoolIDCard-440cfc9f.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');
@@ -29,6 +33,10 @@ 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');
@@ -40,6 +48,8 @@ require('./walletjobhistory.webp');
 require('./walletlearninghistory.webp');
 require('./walletskills.webp');
 require('./walletTrophy.webp');
+require('./skillplaceholder.png');
+require('./skillgraph.svg');
 require('stream');
 require('http');
 require('url');
@@ -61,6 +71,7 @@ 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;
@@ -74,6 +85,10 @@ 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;

package/dist/cjs/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/cjs/index10.js

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Notification = require('./Notification-92b06ed9.js');
+var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 require('react');
-require('./Trophy-9ede7f2b.js');
-require('./Checkmark-66ed153f.js');
+require('./verified-check.png');
 
 
 
-exports.Notification = Notification.Notification;
-exports.NotificationTypeStyles = Notification.NotificationTypeStyles;
+exports.MiniVCThumbnail = MiniVCThumbnail.MiniVCThumbnail;
 //# sourceMappingURL=index10.js.map

package/dist/cjs/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/cjs/index11.js

@@ -2,11 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var QRCodeCard = require('./QRCodeCard-9f777402.js');
+var Notification = require('./Notification-92b06ed9.js');
 require('react');
-require('./index-82de573c.js');
+require('./Trophy-9ede7f2b.js');
+require('./Checkmark-66ed153f.js');
 
 
 
-exports.QRCodeCard = QRCodeCard.QRCodeCard;
+exports.Notification = Notification.Notification;
+exports.NotificationTypeStyles = Notification.NotificationTypeStyles;
 //# sourceMappingURL=index11.js.map

package/dist/cjs/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/cjs/index12.js

@@ -2,26 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RoundedSquare = require('./RoundedSquare-718776c6.js');
+var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
 require('react');
-require('./CircleIcon-45ef66fd.js');
-require('./coins.svg');
-require('./user.svg');
-require('./trophy.svg');
-require('./briefcase.svg');
-require('./graduation.svg');
-require('./lightbulb.svg');
-require('./walletcurrency.webp');
-require('./walletids.webp');
-require('./walletjobhistory.webp');
-require('./walletlearninghistory.webp');
-require('./walletskills.webp');
-require('./walletTrophy.webp');
+require('./index-82de573c.js');
 
 
 
-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.QRCodeCard = QRCodeCard.QRCodeCard;
 //# sourceMappingURL=index12.js.map

package/dist/cjs/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/cjs/index13.js

@@ -2,10 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SchoolIDCard = require('./SchoolIDCard-440cfc9f.js');
+var RoundedSquare = require('./RoundedSquare-718776c6.js');
 require('react');
+require('./CircleIcon-45ef66fd.js');
+require('./coins.svg');
+require('./user.svg');
+require('./trophy.svg');
+require('./briefcase.svg');
+require('./graduation.svg');
+require('./lightbulb.svg');
+require('./walletcurrency.webp');
+require('./walletids.webp');
+require('./walletjobhistory.webp');
+require('./walletlearninghistory.webp');
+require('./walletskills.webp');
+require('./walletTrophy.webp');
 
 
 
-exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
+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;
 //# sourceMappingURL=index13.js.map

package/dist/cjs/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/cjs/index14.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SmallAchievementCard = require('./SmallAchievementCard-dc95ef2b.js');
+var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
 require('react');
-require('./Trophy-9ede7f2b.js');
 
 
 
-exports.SmallAchievementCard = SmallAchievementCard.SmallAchievementCard;
+exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
 //# sourceMappingURL=index14.js.map

package/dist/cjs/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/cjs/index15.js

@@ -2,17 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkmark = require('./Checkmark-66ed153f.js');
-var Trophy = require('./Trophy-9ede7f2b.js');
+var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 require('react');
 
 
 
-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;
+exports.SkillsCard = SkillsCard.SkillsCard;
+exports.SkillsMeterSegment = SkillsCard.SkillsMeterSegment;
 //# sourceMappingURL=index15.js.map

package/dist/cjs/index15.js.map

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

package/dist/cjs/index16.js

@@ -2,31 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-5a92086d.js');
+var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 require('react');
-require('stream');
-require('http');
-require('url');
-require('punycode');
-require('https');
-require('zlib');
-require('crypto');
-require('process');
-require('./VCDisplayCard-ab6c04d6.js');
-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');
+require('./skillgraph.svg');
 
 
 
-exports.VCCard = VCCard.VCCard;
+exports.SkillsStatsCard = SkillsStatsCard.SkillsStatsCard;
 //# sourceMappingURL=index16.js.map

package/dist/cjs/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/cjs/index17.js

@@ -2,18 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayBackFace = require('./VCDisplayBackFace-d0bf1ca2.js');
+var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 require('react');
-require('./VCVerificationCheck-04f3f7bc.js');
-require('./vc.check.svg');
-require('./CircleSpinner-093cce04.js');
-require('./VCVerificationPill-2873ac48.js');
-require('./RedXCircle.svg');
-require('./GreenCheckCircle.svg');
-require('./YellowWarningCircle.svg');
-require('./ArrowArcRight.svg');
+require('./skillplaceholder.png');
 
 
 
-exports.VCDisplayBackFace = VCDisplayBackFace.VCDisplayBackFace;
+exports.SkillVerticalCard = SkillVerticalCard.SkillVerticalCard;
 //# sourceMappingURL=index17.js.map

package/dist/cjs/index17.js.map

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

package/dist/cjs/index18.js

@@ -2,22 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayCard = require('./VCDisplayCard-ab6c04d6.js');
+var SmallAchievementCard = require('./SmallAchievementCard-dc95ef2b.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');
+require('./Trophy-9ede7f2b.js');
 
 
 
-exports.VCDisplayCard = VCDisplayCard.VCDisplayCard;
+exports.SmallAchievementCard = SmallAchievementCard.SmallAchievementCard;
 //# sourceMappingURL=index18.js.map

package/dist/cjs/index18.js.map

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

package/dist/cjs/index19.js

@@ -1,9 +1,18 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Checkmark = require('./Checkmark-66ed153f.js');
+var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
-require('./icon.green.fat-arrow.png');
-require('./ArrowArcRight.svg');
-require('./default-face.jpeg');
-require('./vc.check.svg');
 
+
+
+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=index19.js.map

package/dist/cjs/index19.js.map

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

package/dist/cjs/index20.js

@@ -2,12 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCThumbnail = require('./VCThumbnail-584d0b5f.js');
+var VCCard = require('./VCCard-5a92086d.js');
 require('react');
+require('stream');
+require('http');
+require('url');
+require('punycode');
+require('https');
+require('zlib');
+require('crypto');
+require('process');
+require('./VCDisplayCard-ab6c04d6.js');
+require('./FlippyCard-33e03a9e.js');
 require('./icon.green.fat-arrow.png');
-require('./verified-check.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.VCThumbnail = VCThumbnail.VCThumbnail;
+exports.VCCard = VCCard.VCCard;
 //# sourceMappingURL=index20.js.map

package/dist/cjs/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/cjs/index21.js

@@ -2,13 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-d0bf1ca2.js');
 require('react');
+require('./VCVerificationCheck-04f3f7bc.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
+require('./VCVerificationPill-2873ac48.js');
+require('./RedXCircle.svg');
+require('./GreenCheckCircle.svg');
+require('./YellowWarningCircle.svg');
+require('./ArrowArcRight.svg');
 
 
 
-exports.VCVerificationCheck = VCVerificationCheck.VCVerificationCheck;
-exports.VCVerificationCheckWithText = VCVerificationCheck.VCVerificationCheckWithText;
+exports.VCDisplayBackFace = VCDisplayBackFace.VCDisplayBackFace;
 //# sourceMappingURL=index21.js.map