@learncard/react 2.6.75 → 2.6.77

package/dist/cjs/index.js

@@ -8,7 +8,7 @@ var BoostSmallCard = require('./BoostSmallCard-28401cef.js');
 var Button = require('./Button-a7af702b.js');
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-ac7a3fd8.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-0295092f.js');
 var VCVerificationPill = require('./VCVerificationPill-b4b96a9f.js');
 var Lightbox = require('./Lightbox-f19e13d2.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
@@ -40,7 +40,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-4a1ef90f.js');
+var VCCard = require('./VCCard-900d150e.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-18b9c4a3.js');
 var VCDisplayCard = require('./VCDisplayCard-064d064e.js');
 require('./default-face.jpeg');
@@ -53,7 +53,7 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-32304228.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-e07ad98c.js');
 var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
 require('./id-sleeve.png');
 require('./icon.green.fat-arrow.png');

package/dist/cjs/index13.js

@@ -8,7 +8,7 @@ var BoostSmallCard = require('./BoostSmallCard-28401cef.js');
 var Button = require('./Button-a7af702b.js');
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-ac7a3fd8.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-0295092f.js');
 var VCVerificationPill = require('./VCVerificationPill-b4b96a9f.js');
 var Lightbox = require('./Lightbox-f19e13d2.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
@@ -40,7 +40,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-4a1ef90f.js');
+var VCCard = require('./VCCard-900d150e.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-18b9c4a3.js');
 var VCDisplayCard = require('./VCDisplayCard-064d064e.js');
 require('./default-face.jpeg');
@@ -53,7 +53,7 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-32304228.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-e07ad98c.js');
 var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
 require('./id-sleeve.png');
 require('./icon.green.fat-arrow.png');

package/dist/cjs/index36.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-4a1ef90f.js');
+var VCCard = require('./VCCard-900d150e.js');
 require('react');
 require('@learncard/init');
 require('./VCDisplayCard-064d064e.js');
@@ -100,8 +100,8 @@ require('./skillplaceholder.png');
 require('./skillgraph.svg');
 require('./ArrowArcRight.svg');
 require('./VCDisplayBackFace-18b9c4a3.js');
-require('./VCDisplayCard2-32304228.js');
-require('./CertificateDisplayCard-ac7a3fd8.js');
+require('./VCDisplayCard2-e07ad98c.js');
+require('./CertificateDisplayCard-0295092f.js');
 require('./Lightbox-f19e13d2.js');
 require('./QRCodeIcon-81c6e96b.js');
 

package/dist/cjs/index39.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('./default-face.jpeg');
 require('react-dom');
-var CertificateDisplayCard = require('./CertificateDisplayCard-ac7a3fd8.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-0295092f.js');
 require('./athletics.svg');
 require('./business.svg');
 require('./creative.svg');
@@ -44,7 +44,7 @@ require('@learncard/init');
 require('./icon.green.fat-arrow.png');
 require('./vc.check.svg');
 require('./ArrowArcRight.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-32304228.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-e07ad98c.js');
 require('./id-sleeve.png');
 require('./credential.helpers-08b8317a.js');
 require('./index-7d94d5ac.js');

package/dist/cjs/index6.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-ac7a3fd8.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-0295092f.js');
 require('./VCVerificationPill-b4b96a9f.js');
 require('./icons-9878f84c.js');
 require('./index-503d0d98.js');

package/dist/esm/{CertificateDisplayCard-3600d71b.js → CertificateDisplayCard-15f34cf3.js}

@@ -2748,7 +2748,7 @@ const CertificateBackFace = ({
     bgColor = "bg-lime-700";
   }
   return /* @__PURE__ */ React.createElement("div", {
-    className: `flex flex-col gap-[15px] items-center border-[5px] border-solid border-grayscale-200 py-[30px] px-[20px] rounded-[25px] ${bgColor}`
+    className: `flex flex-col gap-[15px] items-center border-[5px] border-solid border-grayscale-200 py-[30px] px-[20px] rounded-[25px] max-w-[440px] ${bgColor}`
   }, showBackButton ? /* @__PURE__ */ React.createElement("div", {
     className: "w-full"
   }, /* @__PURE__ */ React.createElement("button", {
@@ -3082,23 +3082,10 @@ const CertificateDisplayCard = ({
   const isFront = isFrontOverride != null ? isFrontOverride : _isFront;
   const setIsFront = setIsFrontOverride != null ? setIsFrontOverride : _setIsFront;
   return /* @__PURE__ */ React.createElement("section", {
-    className: `w-full flex justify-center relative min-w-[220px]  ${isFront ? "" : `max-w-[400px]`}`
-  }, !hideNavButtons && /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-[10px] font-mouse text-[30px] leading-[28px] tracking-[0.75px] relative top-[-10px] left-0 w-full"
-  }, !isFront && /* @__PURE__ */ React.createElement("button", {
-    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] flex justify-center items-center gap-[5px] border-[3px] border-solid border-white",
-    onClick: () => setIsFront(!isFront)
-  }, /* @__PURE__ */ React.createElement(FatArrow, {
-    direction: "left"
-  }), " Back"), handleXClick && /* @__PURE__ */ React.createElement("button", {
-    onClick: handleXClick,
-    className: "bg-white text-grayscale-900 rounded-[20px] py-[15px] px-[20px] grow"
-  }, "Close"), isFront && /* @__PURE__ */ React.createElement("button", {
-    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] grow flex justify-center items-center gap-[5px] border-[3px] border-solid border-white",
-    onClick: () => setIsFront(!isFront)
-  }, "Details ", /* @__PURE__ */ React.createElement(FatArrow, {
-    direction: "right"
-  }))), isFront && /* @__PURE__ */ React.createElement(CertificateFrontFace, {
+    className: "w-full flex flex-col gap-[15px] justify-center relative min-w-[220px]"
+  }, /* @__PURE__ */ React.createElement("section", {
+    className: "mx-auto"
+  }, isFront && /* @__PURE__ */ React.createElement(CertificateFrontFace, {
     credential,
     categoryType,
     issuerOverride,
@@ -3128,8 +3115,23 @@ const CertificateDisplayCard = ({
     alt: "Menu dropdown icon",
     className: "h-[20px] w-[20px]",
     src: ThreeDots
-  })));
+  }))), !hideNavButtons && /* @__PURE__ */ React.createElement("div", {
+    className: "flex gap-[10px] font-mouse text-[30px] leading-[28px] tracking-[0.75px] relative top-[-10px] left-0 w-full"
+  }, !isFront && /* @__PURE__ */ React.createElement("button", {
+    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] flex mx-auto justify-center items-center gap-[5px] border-[3px] border-solid border-white",
+    onClick: () => setIsFront(!isFront)
+  }, /* @__PURE__ */ React.createElement(FatArrow, {
+    direction: "left"
+  }), " Back"), handleXClick && /* @__PURE__ */ React.createElement("button", {
+    onClick: handleXClick,
+    className: "bg-white text-grayscale-900 rounded-[20px] py-[15px] px-[20px] grow"
+  }, "Close"), isFront && /* @__PURE__ */ React.createElement("button", {
+    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] mx-auto flex justify-center items-center gap-[5px] border-[3px] border-solid border-white",
+    onClick: () => setIsFront(!isFront)
+  }, "Details ", /* @__PURE__ */ React.createElement(FatArrow, {
+    direction: "right"
+  }))));
 };
 
 export { AcuteCheckmark as A, CertificateBackFace as C, ExclamationPoint as E, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RedFlag as R, SelectedSkills as S, UnknownVerifierBadge as U, VCDisplayCardSkillsCount as V, X, CertificateDisplayCard as a, CertificateFrontFace as b, VideoIcon as c, Camera as d, capitalize as e, LeftArrow as f, getBaseUrl as g, SkillsBox as h, AlignmentsBox as i, VerifiedBadge as j, prettyBytes as p, truncateWithEllipsis as t };
-//# sourceMappingURL=CertificateDisplayCard-3600d71b.js.map
+//# sourceMappingURL=CertificateDisplayCard-15f34cf3.js.map