@learncard/react 2.6.75 → 2.6.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/cjs/{CertificateDisplayCard-ac7a3fd8.js → CertificateDisplayCard-0295092f.js} +22 -20
  2. package/dist/cjs/{CertificateDisplayCard-ac7a3fd8.js.map → CertificateDisplayCard-0295092f.js.map} +1 -1
  3. package/dist/cjs/{VCCard-4a1ef90f.js → VCCard-900d150e.js} +2 -2
  4. package/dist/cjs/{VCCard-4a1ef90f.js.map → VCCard-900d150e.js.map} +1 -1
  5. package/dist/cjs/{VCDisplayCard2-32304228.js → VCDisplayCard2-e07ad98c.js} +2 -2
  6. package/dist/cjs/{VCDisplayCard2-32304228.js.map → VCDisplayCard2-e07ad98c.js.map} +1 -1
  7. package/dist/cjs/index.js +3 -3
  8. package/dist/cjs/index13.js +3 -3
  9. package/dist/cjs/index36.js +3 -3
  10. package/dist/cjs/index39.js +2 -2
  11. package/dist/cjs/index6.js +1 -1
  12. package/dist/esm/{CertificateDisplayCard-3600d71b.js → CertificateDisplayCard-15f34cf3.js} +22 -20
  13. package/dist/esm/{CertificateDisplayCard-3600d71b.js.map → CertificateDisplayCard-15f34cf3.js.map} +1 -1
  14. package/dist/esm/{VCCard-e8371c48.js → VCCard-515f785a.js} +2 -2
  15. package/dist/esm/{VCCard-e8371c48.js.map → VCCard-515f785a.js.map} +1 -1
  16. package/dist/esm/{VCDisplayCard2-07359c92.js → VCDisplayCard2-7bc435a3.js} +2 -2
  17. package/dist/esm/{VCDisplayCard2-07359c92.js.map → VCDisplayCard2-7bc435a3.js.map} +1 -1
  18. package/dist/esm/index.js +3 -3
  19. package/dist/esm/index13.js +3 -3
  20. package/dist/esm/index36.js +3 -3
  21. package/dist/esm/index39.js +2 -2
  22. package/dist/esm/index6.js +1 -1
  23. package/dist/main.css +1 -1
  24. package/dist/main.js +1 -1
  25. package/package.json +2 -2
package/dist/cjs/{CertificateDisplayCard-ac7a3fd8.js → CertificateDisplayCard-0295092f.js} RENAMED
@@ -2765,7 +2765,7 @@ const CertificateBackFace = ({
2765
2765
  bgColor = "bg-lime-700";
2766
2766
  }
2767
2767
  return /* @__PURE__ */ React__default["default"].createElement("div", {
2768
- className: `flex flex-col gap-[15px] items-center border-[5px] border-solid border-grayscale-200 py-[30px] px-[20px] rounded-[25px] ${bgColor}`
2768
+ 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}`
2769
2769
  }, showBackButton ? /* @__PURE__ */ React__default["default"].createElement("div", {
2770
2770
  className: "w-full"
2771
2771
  }, /* @__PURE__ */ React__default["default"].createElement("button", {
@@ -3099,23 +3099,10 @@ const CertificateDisplayCard = ({
3099
3099
  const isFront = isFrontOverride != null ? isFrontOverride : _isFront;
3100
3100
  const setIsFront = setIsFrontOverride != null ? setIsFrontOverride : _setIsFront;
3101
3101
  return /* @__PURE__ */ React__default["default"].createElement("section", {
3102
- className: `w-full flex justify-center relative min-w-[220px] ${isFront ? "" : `max-w-[400px]`}`
3103
- }, !hideNavButtons && /* @__PURE__ */ React__default["default"].createElement("div", {
3104
- className: "flex gap-[10px] font-mouse text-[30px] leading-[28px] tracking-[0.75px] relative top-[-10px] left-0 w-full"
3105
- }, !isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
3106
- 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",
3107
- onClick: () => setIsFront(!isFront)
3108
- }, /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
3109
- direction: "left"
3110
- }), " Back"), handleXClick && /* @__PURE__ */ React__default["default"].createElement("button", {
3111
- onClick: handleXClick,
3112
- className: "bg-white text-grayscale-900 rounded-[20px] py-[15px] px-[20px] grow"
3113
- }, "Close"), isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
3114
- 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",
3115
- onClick: () => setIsFront(!isFront)
3116
- }, "Details ", /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
3117
- direction: "right"
3118
- }))), isFront && /* @__PURE__ */ React__default["default"].createElement(CertificateFrontFace, {
3102
+ className: "w-full flex flex-col gap-[15px] justify-center relative min-w-[220px]"
3103
+ }, /* @__PURE__ */ React__default["default"].createElement("section", {
3104
+ className: "mx-auto"
3105
+ }, isFront && /* @__PURE__ */ React__default["default"].createElement(CertificateFrontFace, {
3119
3106
  credential,
3120
3107
  categoryType,
3121
3108
  issuerOverride,
@@ -3145,7 +3132,22 @@ const CertificateDisplayCard = ({
3145
3132
  alt: "Menu dropdown icon",
3146
3133
  className: "h-[20px] w-[20px]",
3147
3134
  src: ThreeDots__default["default"]
3148
- })));
3135
+ }))), !hideNavButtons && /* @__PURE__ */ React__default["default"].createElement("div", {
3136
+ className: "flex gap-[10px] font-mouse text-[30px] leading-[28px] tracking-[0.75px] relative top-[-10px] left-0 w-full"
3137
+ }, !isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
3138
+ 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",
3139
+ onClick: () => setIsFront(!isFront)
3140
+ }, /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
3141
+ direction: "left"
3142
+ }), " Back"), handleXClick && /* @__PURE__ */ React__default["default"].createElement("button", {
3143
+ onClick: handleXClick,
3144
+ className: "bg-white text-grayscale-900 rounded-[20px] py-[15px] px-[20px] grow"
3145
+ }, "Close"), isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
3146
+ 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",
3147
+ onClick: () => setIsFront(!isFront)
3148
+ }, "Details ", /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
3149
+ direction: "right"
3150
+ }))));
3149
3151
  };
3150
3152
 
3151
3153
  exports.AcuteCheckmark = AcuteCheckmark;
@@ -3172,4 +3174,4 @@ exports.capitalize = capitalize;
3172
3174
  exports.getBaseUrl = getBaseUrl;
3173
3175
  exports.prettyBytes = prettyBytes;
3174
3176
  exports.truncateWithEllipsis = truncateWithEllipsis;
3175
- //# sourceMappingURL=CertificateDisplayCard-ac7a3fd8.js.map
3177
+ //# sourceMappingURL=CertificateDisplayCard-0295092f.js.map