@learncard/react 2.12.7 → 2.12.9

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 (206) hide show
  1. package/dist/cjs/{AchievementCard-98d6c7f9.js → AchievementCard-f6bdb95c.js} +5 -5
  2. package/dist/cjs/{AchievementCard-98d6c7f9.js.map → AchievementCard-f6bdb95c.js.map} +1 -1
  3. package/dist/cjs/{BoostGenericCard-470b0e5a.js → BoostGenericCard-a414aaef.js} +5 -5
  4. package/dist/cjs/BoostGenericCard-a414aaef.js.map +1 -0
  5. package/dist/cjs/{BoostSmallCard-ac8ab73d.js → BoostSmallCard-507de790.js} +6 -4
  6. package/dist/cjs/BoostSmallCard-507de790.js.map +1 -0
  7. package/dist/cjs/{CertificateDisplayCard-230b3faf.js → CertificateDisplayCard-8bd3b831.js} +18 -19
  8. package/dist/cjs/{CertificateDisplayCard-230b3faf.js.map → CertificateDisplayCard-8bd3b831.js.map} +1 -1
  9. package/dist/cjs/{CircleCheckButton-f76e5b5d.js → CircleCheckButton-05f58196.js} +2 -2
  10. package/dist/cjs/{CircleCheckButton-f76e5b5d.js.map → CircleCheckButton-05f58196.js.map} +1 -1
  11. package/dist/cjs/{CircleIcon-f0fa68c7.js → CircleIcon-47392efc.js} +3 -3
  12. package/dist/cjs/{CircleIcon-f0fa68c7.js.map → CircleIcon-47392efc.js.map} +1 -1
  13. package/dist/cjs/{CourseVerticalCard-0a8ea4dc.js → CourseVerticalCard-0d046145.js} +4 -4
  14. package/dist/cjs/{CourseVerticalCard-0a8ea4dc.js.map → CourseVerticalCard-0d046145.js.map} +1 -1
  15. package/dist/cjs/{GenericCard-cdc6eede.js → GenericCard-e2faac81.js} +4 -4
  16. package/dist/cjs/{GenericCard-cdc6eede.js.map → GenericCard-e2faac81.js.map} +1 -1
  17. package/dist/cjs/{JobListCard-c53660e8.js → JobListCard-a90be136.js} +3 -3
  18. package/dist/cjs/{JobListCard-c53660e8.js.map → JobListCard-a90be136.js.map} +1 -1
  19. package/dist/cjs/{LearnPill-da2d2a8e.js → LearnPill-29ffbdcd.js} +3 -3
  20. package/dist/cjs/{LearnPill-da2d2a8e.js.map → LearnPill-29ffbdcd.js.map} +1 -1
  21. package/dist/cjs/{MeritBadgeDisplayCard-a15ae981.js → MeritBadgeDisplayCard-cc7b75af.js} +4 -4
  22. package/dist/cjs/{MeritBadgeDisplayCard-a15ae981.js.map → MeritBadgeDisplayCard-cc7b75af.js.map} +1 -1
  23. package/dist/cjs/{MeritBadgeSkillsCount-d6ee29b1.js → MeritBadgeSkillsCount-3e797913.js} +2 -2
  24. package/dist/cjs/{MeritBadgeSkillsCount-d6ee29b1.js.map → MeritBadgeSkillsCount-3e797913.js.map} +1 -1
  25. package/dist/cjs/{RoundedPill-b54f3ac1.js → RoundedPill-542ecd7a.js} +2 -2
  26. package/dist/cjs/{RoundedPill-b54f3ac1.js.map → RoundedPill-542ecd7a.js.map} +1 -1
  27. package/dist/cjs/{SchoolIDCard-2d3cbb2c.js → SchoolIDCard-10796199.js} +1184 -3
  28. package/dist/cjs/SchoolIDCard-10796199.js.map +1 -0
  29. package/dist/cjs/{SkillTabCard-efade17a.js → SkillTabCard-353cc2d1.js} +4 -4
  30. package/dist/cjs/{SkillTabCard-efade17a.js.map → SkillTabCard-353cc2d1.js.map} +1 -1
  31. package/dist/cjs/{VCCard-ff6aff86.js → VCCard-6706999a.js} +3 -3
  32. package/dist/cjs/{VCCard-ff6aff86.js.map → VCCard-6706999a.js.map} +1 -1
  33. package/dist/cjs/{VCDisplayBackFace-a2ffb5cf.js → VCDisplayBackFace-2eb4300a.js} +3 -3
  34. package/dist/cjs/{VCDisplayBackFace-a2ffb5cf.js.map → VCDisplayBackFace-2eb4300a.js.map} +1 -1
  35. package/dist/cjs/{VCDisplayCard-db565cac.js → VCDisplayCard-4276378b.js} +3 -3
  36. package/dist/cjs/{VCDisplayCard-db565cac.js.map → VCDisplayCard-4276378b.js.map} +1 -1
  37. package/dist/cjs/{VCDisplayCard2-023672a4.js → VCDisplayCard2-5f7fed25.js} +17 -9
  38. package/dist/cjs/VCDisplayCard2-5f7fed25.js.map +1 -0
  39. package/dist/cjs/{VCVerificationPill-0db1d7c8.js → VCVerificationPill-fe1eb97b.js} +2 -2
  40. package/dist/cjs/{VCVerificationPill-0db1d7c8.js.map → VCVerificationPill-fe1eb97b.js.map} +1 -1
  41. package/dist/cjs/{constants-2430d4bc.js → constants-dd01b5de.js} +5 -5
  42. package/dist/cjs/{constants-2430d4bc.js.map → constants-dd01b5de.js.map} +1 -1
  43. package/dist/cjs/{credential.helpers-88f72e5c.js → credential.helpers-2d2d8bf5.js} +69 -3
  44. package/dist/cjs/credential.helpers-2d2d8bf5.js.map +1 -0
  45. package/dist/cjs/{icons-857d4be1.js → icons-4693cac7.js} +2 -2
  46. package/dist/cjs/{icons-857d4be1.js.map → icons-4693cac7.js.map} +1 -1
  47. package/dist/cjs/{index-5488badc.js → index-3daa4cfe.js} +3 -1
  48. package/dist/cjs/index-3daa4cfe.js.map +1 -0
  49. package/dist/cjs/{index-ba659c28.js → index-603feb35.js} +8 -2
  50. package/dist/cjs/index-603feb35.js.map +1 -0
  51. package/dist/cjs/index.js +27 -27
  52. package/dist/cjs/index11.js +5 -5
  53. package/dist/cjs/index13.js +7 -6
  54. package/dist/cjs/index13.js.map +1 -1
  55. package/dist/cjs/index14.js +27 -27
  56. package/dist/cjs/index16.js +4 -3
  57. package/dist/cjs/index16.js.map +1 -1
  58. package/dist/cjs/index19.js +4 -3
  59. package/dist/cjs/index19.js.map +1 -1
  60. package/dist/cjs/index2.js +7 -6
  61. package/dist/cjs/index2.js.map +1 -1
  62. package/dist/cjs/index22.js +5 -5
  63. package/dist/cjs/index29.js +3 -3
  64. package/dist/cjs/index30.js +6 -5
  65. package/dist/cjs/index30.js.map +1 -1
  66. package/dist/cjs/index31.js +1 -2
  67. package/dist/cjs/index31.js.map +1 -1
  68. package/dist/cjs/index34.js +5 -5
  69. package/dist/cjs/index39.js +10 -11
  70. package/dist/cjs/index39.js.map +1 -1
  71. package/dist/cjs/index4.js +9 -8
  72. package/dist/cjs/index4.js.map +1 -1
  73. package/dist/cjs/index40.js +5 -5
  74. package/dist/cjs/index41.js +6 -6
  75. package/dist/cjs/index42.js +6 -7
  76. package/dist/cjs/index42.js.map +1 -1
  77. package/dist/cjs/index43.js +1 -1
  78. package/dist/cjs/index46.js +2 -2
  79. package/dist/cjs/index5.js +7 -6
  80. package/dist/cjs/index5.js.map +1 -1
  81. package/dist/cjs/index7.js +4 -4
  82. package/dist/cjs/index8.js +4 -4
  83. package/dist/cjs/index9.js +3 -3
  84. package/dist/cjs/qualifications.svg +10 -0
  85. package/dist/cjs/{types.esm-94c6d461.js → types.esm-6ef18f40.js} +774 -14
  86. package/dist/cjs/types.esm-6ef18f40.js.map +1 -0
  87. package/dist/esm/{AchievementCard-0f183e9d.js → AchievementCard-d0cf882f.js} +5 -5
  88. package/dist/esm/{AchievementCard-0f183e9d.js.map → AchievementCard-d0cf882f.js.map} +1 -1
  89. package/dist/esm/{BoostGenericCard-c9916371.js → BoostGenericCard-c5cdd66b.js} +5 -5
  90. package/dist/esm/BoostGenericCard-c5cdd66b.js.map +1 -0
  91. package/dist/esm/{BoostSmallCard-35b0290d.js → BoostSmallCard-3f5d83b9.js} +6 -4
  92. package/dist/esm/BoostSmallCard-3f5d83b9.js.map +1 -0
  93. package/dist/esm/{CertificateDisplayCard-b5399522.js → CertificateDisplayCard-98c807c3.js} +18 -19
  94. package/dist/esm/{CertificateDisplayCard-b5399522.js.map → CertificateDisplayCard-98c807c3.js.map} +1 -1
  95. package/dist/esm/{CircleCheckButton-23a9c7d4.js → CircleCheckButton-50702ec6.js} +2 -2
  96. package/dist/esm/{CircleCheckButton-23a9c7d4.js.map → CircleCheckButton-50702ec6.js.map} +1 -1
  97. package/dist/esm/{CircleIcon-abd5ff06.js → CircleIcon-060ef060.js} +3 -3
  98. package/dist/esm/{CircleIcon-abd5ff06.js.map → CircleIcon-060ef060.js.map} +1 -1
  99. package/dist/esm/{CourseVerticalCard-fe85271e.js → CourseVerticalCard-2544cfbb.js} +4 -4
  100. package/dist/esm/{CourseVerticalCard-fe85271e.js.map → CourseVerticalCard-2544cfbb.js.map} +1 -1
  101. package/dist/esm/{GenericCard-b40c0617.js → GenericCard-31644ac4.js} +4 -4
  102. package/dist/esm/{GenericCard-b40c0617.js.map → GenericCard-31644ac4.js.map} +1 -1
  103. package/dist/esm/{JobListCard-dfb94830.js → JobListCard-4fc7fbe4.js} +3 -3
  104. package/dist/esm/{JobListCard-dfb94830.js.map → JobListCard-4fc7fbe4.js.map} +1 -1
  105. package/dist/esm/{LearnPill-ce240a4a.js → LearnPill-a2b93b1d.js} +3 -3
  106. package/dist/esm/{LearnPill-ce240a4a.js.map → LearnPill-a2b93b1d.js.map} +1 -1
  107. package/dist/esm/{MeritBadgeDisplayCard-58245297.js → MeritBadgeDisplayCard-e55e904e.js} +4 -4
  108. package/dist/esm/{MeritBadgeDisplayCard-58245297.js.map → MeritBadgeDisplayCard-e55e904e.js.map} +1 -1
  109. package/dist/esm/{MeritBadgeSkillsCount-faee4025.js → MeritBadgeSkillsCount-942ebe6f.js} +2 -2
  110. package/dist/esm/{MeritBadgeSkillsCount-faee4025.js.map → MeritBadgeSkillsCount-942ebe6f.js.map} +1 -1
  111. package/dist/esm/{RoundedPill-50279e5d.js → RoundedPill-8e97b9e3.js} +2 -2
  112. package/dist/esm/{RoundedPill-50279e5d.js.map → RoundedPill-8e97b9e3.js.map} +1 -1
  113. package/dist/esm/{SchoolIDCard-fbd1cf6c.js → SchoolIDCard-f82e40bc.js} +1183 -2
  114. package/dist/esm/SchoolIDCard-f82e40bc.js.map +1 -0
  115. package/dist/esm/{SkillTabCard-f2edb3fc.js → SkillTabCard-a3f601e8.js} +4 -4
  116. package/dist/esm/{SkillTabCard-f2edb3fc.js.map → SkillTabCard-a3f601e8.js.map} +1 -1
  117. package/dist/esm/{VCCard-d72f1f76.js → VCCard-95276c28.js} +3 -3
  118. package/dist/esm/{VCCard-d72f1f76.js.map → VCCard-95276c28.js.map} +1 -1
  119. package/dist/esm/{VCDisplayBackFace-66b2683d.js → VCDisplayBackFace-7510b046.js} +3 -3
  120. package/dist/esm/{VCDisplayBackFace-66b2683d.js.map → VCDisplayBackFace-7510b046.js.map} +1 -1
  121. package/dist/esm/{VCDisplayCard-64896eb8.js → VCDisplayCard-43ac58ba.js} +3 -3
  122. package/dist/esm/{VCDisplayCard-64896eb8.js.map → VCDisplayCard-43ac58ba.js.map} +1 -1
  123. package/dist/esm/{VCDisplayCard2-54710551.js → VCDisplayCard2-0a41ea81.js} +17 -9
  124. package/dist/esm/VCDisplayCard2-0a41ea81.js.map +1 -0
  125. package/dist/esm/{VCVerificationPill-3e840476.js → VCVerificationPill-8f6be696.js} +2 -2
  126. package/dist/esm/{VCVerificationPill-3e840476.js.map → VCVerificationPill-8f6be696.js.map} +1 -1
  127. package/dist/esm/{constants-010faf74.js → constants-e2e2e619.js} +5 -5
  128. package/dist/esm/{constants-010faf74.js.map → constants-e2e2e619.js.map} +1 -1
  129. package/dist/esm/{credential.helpers-f4495f8f.js → credential.helpers-72ff82a4.js} +69 -3
  130. package/dist/esm/credential.helpers-72ff82a4.js.map +1 -0
  131. package/dist/esm/{icons-fdd35170.js → icons-a6c7fed6.js} +2 -2
  132. package/dist/esm/{icons-fdd35170.js.map → icons-a6c7fed6.js.map} +1 -1
  133. package/dist/esm/{index-28917993.js → index-8be2f857.js} +3 -1
  134. package/dist/esm/index-8be2f857.js.map +1 -0
  135. package/dist/esm/{index-7542e9ee.js → index-e3586083.js} +7 -2
  136. package/dist/esm/index-e3586083.js.map +1 -0
  137. package/dist/esm/index.js +27 -27
  138. package/dist/esm/index11.js +5 -5
  139. package/dist/esm/index13.js +7 -6
  140. package/dist/esm/index13.js.map +1 -1
  141. package/dist/esm/index14.js +27 -27
  142. package/dist/esm/index16.js +4 -3
  143. package/dist/esm/index16.js.map +1 -1
  144. package/dist/esm/index19.js +4 -3
  145. package/dist/esm/index19.js.map +1 -1
  146. package/dist/esm/index2.js +7 -6
  147. package/dist/esm/index2.js.map +1 -1
  148. package/dist/esm/index22.js +5 -5
  149. package/dist/esm/index29.js +3 -3
  150. package/dist/esm/index30.js +6 -5
  151. package/dist/esm/index30.js.map +1 -1
  152. package/dist/esm/index31.js +1 -2
  153. package/dist/esm/index31.js.map +1 -1
  154. package/dist/esm/index34.js +5 -5
  155. package/dist/esm/index39.js +10 -11
  156. package/dist/esm/index39.js.map +1 -1
  157. package/dist/esm/index4.js +9 -8
  158. package/dist/esm/index4.js.map +1 -1
  159. package/dist/esm/index40.js +5 -5
  160. package/dist/esm/index41.js +6 -6
  161. package/dist/esm/index42.js +6 -7
  162. package/dist/esm/index42.js.map +1 -1
  163. package/dist/esm/index43.js +1 -1
  164. package/dist/esm/index46.js +2 -2
  165. package/dist/esm/index5.js +7 -6
  166. package/dist/esm/index5.js.map +1 -1
  167. package/dist/esm/index7.js +4 -4
  168. package/dist/esm/index8.js +4 -4
  169. package/dist/esm/index9.js +3 -3
  170. package/dist/esm/qualifications.svg +10 -0
  171. package/dist/esm/{types.esm-434cff58.js → types.esm-4968f4d0.js} +774 -14
  172. package/dist/esm/types.esm-4968f4d0.js.map +1 -0
  173. package/dist/index.d.ts +2 -0
  174. package/dist/main.css +1 -1
  175. package/dist/main.js +1 -1
  176. package/package.json +4 -4
  177. package/src/assets/images/qualifications.svg +10 -0
  178. package/src/components/CertificateDisplayCard/CertificateFrontFace.tsx +15 -16
  179. package/src/components/VCDisplayCard2/VCIDDisplayFrontFace.tsx +8 -2
  180. package/src/components/svgs/QualificationsIcon.tsx +44 -0
  181. package/src/components/svgs/index.ts +1 -0
  182. package/src/constants/index.ts +5 -0
  183. package/src/helpers/color.helpers.ts +2 -0
  184. package/src/helpers/credential.helpers.tsx +9 -0
  185. package/src/helpers/display.helpers.ts +1 -0
  186. package/src/types/index.ts +2 -0
  187. package/dist/cjs/BoostGenericCard-470b0e5a.js.map +0 -1
  188. package/dist/cjs/BoostSmallCard-ac8ab73d.js.map +0 -1
  189. package/dist/cjs/SchoolIDCard-2d3cbb2c.js.map +0 -1
  190. package/dist/cjs/VCDisplayCard2-023672a4.js.map +0 -1
  191. package/dist/cjs/credential.helpers-88f72e5c.js.map +0 -1
  192. package/dist/cjs/index-47efbf5b.js +0 -1186
  193. package/dist/cjs/index-47efbf5b.js.map +0 -1
  194. package/dist/cjs/index-5488badc.js.map +0 -1
  195. package/dist/cjs/index-ba659c28.js.map +0 -1
  196. package/dist/cjs/types.esm-94c6d461.js.map +0 -1
  197. package/dist/esm/BoostGenericCard-c9916371.js.map +0 -1
  198. package/dist/esm/BoostSmallCard-35b0290d.js.map +0 -1
  199. package/dist/esm/SchoolIDCard-fbd1cf6c.js.map +0 -1
  200. package/dist/esm/VCDisplayCard2-54710551.js.map +0 -1
  201. package/dist/esm/credential.helpers-f4495f8f.js.map +0 -1
  202. package/dist/esm/index-28917993.js.map +0 -1
  203. package/dist/esm/index-7542e9ee.js.map +0 -1
  204. package/dist/esm/index-cbd2e9db.js +0 -1184
  205. package/dist/esm/index-cbd2e9db.js.map +0 -1
  206. package/dist/esm/types.esm-434cff58.js.map +0 -1
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { T as TYPE_TO_ICON } from './icons-fdd35170.js';
2
+ import { T as TYPE_TO_ICON } from './icons-a6c7fed6.js';
3
3
 
4
4
  const TYPE_TO_BG_COLOR_CLASS = {
5
5
  skill: "indigo-50",
@@ -124,4 +124,4 @@ const RoundedPill = ({
124
124
  };
125
125
 
126
126
  export { CheckmarkSvg as C, RoundedPill as R };
127
- //# sourceMappingURL=RoundedPill-50279e5d.js.map
127
+ //# sourceMappingURL=RoundedPill-8e97b9e3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RoundedPill-50279e5d.js","sources":["../../src/components/RoundedPill/RoundedPill.tsx"],"sourcesContent":["import React from 'react';\nimport { TYPE_TO_ICON } from '../../constants/icons';\nimport { RoundedPillProps } from '../../types';\n\nconst TYPE_TO_BG_COLOR_CLASS: any = {\n skill: 'indigo-50',\n achievement: 'spice-50',\n course: 'emerald-50',\n locked: 'grayscale-100',\n};\n\nconst TYPE_TO_FOREGROUND_COLOR: any = {\n skill: 'indigo-500',\n achievement: 'spice-500',\n course: 'emerald-700',\n locked: 'grayscale-700',\n};\n\nconst TYPE_TO_CHECKMARK_COLOR: any = {\n skill: '#6366F1',\n achievement: '#FF5820',\n course: '#00BA88',\n locked: '#52597A',\n};\n\ntype InlineSVGProps = {\n color?: string;\n size?: string | number;\n};\n\nexport const CheckmarkSvg: React.FC<InlineSVGProps> = ({ color = '#00BA88', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.875 5.62537L8.125 14.375L3.75 10.0004\"\n stroke={color}\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nconst LockedIcon: React.FC<InlineSVGProps> = ({ color = '#52597A', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M7.1875 6.875V4.0625C7.1875 3.31658 7.48382 2.60121 8.01126 2.07376C8.53871 1.54632 9.25408 1.25 10 1.25C10.7459 1.25 11.4613 1.54632 11.9887 2.07376C12.5162 2.60121 12.8125 3.31658 12.8125 4.0625V6.875\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 13.125C10.6904 13.125 11.25 12.5654 11.25 11.875C11.25 11.1846 10.6904 10.625 10 10.625C9.30964 10.625 8.75 11.1846 8.75 11.875C8.75 12.5654 9.30964 13.125 10 13.125Z\"\n fill={color}\n />\n </svg>\n );\n};\n\nexport const RoundedPill: React.FC<RoundedPillProps> = ({\n statusText,\n type = 'skill',\n onClick,\n showCheckmark = false,\n}) => {\n const backgroundColor = `bg-${TYPE_TO_BG_COLOR_CLASS[type]}`;\n const iconBgColor = `bg-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const circleClass = `flex w-full items-center justify-center icon-display h-[40px] w-[40px] rounded-full ${iconBgColor} absolute flex-shrink-0 `;\n\n const handleClick = () => {\n onClick?.();\n };\n\n const iconSrc = TYPE_TO_ICON[type];\n const textColor = `text-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const checkColor = TYPE_TO_CHECKMARK_COLOR[type];\n const locked = type === 'locked';\n\n const displayText = !locked ? statusText : 'Locked';\n\n return (\n <button\n onClick={handleClick}\n className={`flex relative ${backgroundColor} items-center px-[5px] py-[2px] w-[180px] h-[46px] rounded-[40px] rounded-pill-el`}\n >\n {!locked && (\n <div className={circleClass}>\n <img\n className=\"h-full w-full object-cover max-h-[24px] max-w-[24px] flex-shrink-0 \"\n src={iconSrc ?? ''}\n alt=\"Icon image\"\n />\n </div>\n )}\n <span\n className={`font-semibold ${textColor} w-full flex items-center justify-center text-[14px]`}\n >\n {showCheckmark && !locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <CheckmarkSvg color={checkColor} />\n </span>\n )}\n {locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <LockedIcon />\n </span>\n )}\n\n {displayText}\n </span>\n </button>\n );\n};\n\nexport default RoundedPill;\n"],"names":[],"mappings":";;;AAIA,MAAM,sBAA8B,GAAA;AAAA,EAChC,KAAO,EAAA,WAAA;AAAA,EACP,WAAa,EAAA,UAAA;AAAA,EACb,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,eAAA;AACZ,CAAA,CAAA;AAEA,MAAM,wBAAgC,GAAA;AAAA,EAClC,KAAO,EAAA,YAAA;AAAA,EACP,WAAa,EAAA,WAAA;AAAA,EACb,MAAQ,EAAA,aAAA;AAAA,EACR,MAAQ,EAAA,eAAA;AACZ,CAAA,CAAA;AAEA,MAAM,uBAA+B,GAAA;AAAA,EACjC,KAAO,EAAA,SAAA;AAAA,EACP,WAAa,EAAA,SAAA;AAAA,EACb,MAAQ,EAAA,SAAA;AAAA,EACR,MAAQ,EAAA,SAAA;AACZ,CAAA,CAAA;AAOO,MAAM,eAAyC,CAAC,EAAE,QAAQ,SAAW,EAAA,IAAA,GAAO,MAAW,KAAA;AAC1F,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAEN,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,2CAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,GACJ,CAAA;AAER,EAAA;AAEA,MAAM,aAAuC,CAAC,EAAE,QAAQ,SAAW,EAAA,IAAA,GAAO,MAAW,KAAA;AACjF,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAEN,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,uMAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,4MAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,4KAAA;AAAA,QACF,IAAM,EAAA,KAAA;AAAA,OAAA;AAAA,KACV;AAAA,GACJ,CAAA;AAER,CAAA,CAAA;AAEO,MAAM,cAA0C,CAAC;AAAA,EACpD,UAAA;AAAA,EACA,IAAO,GAAA,OAAA;AAAA,EACP,OAAA;AAAA,EACA,aAAgB,GAAA,KAAA;AACpB,CAAM,KAAA;AACF,EAAA,MAAM,eAAkB,GAAA,CAAA,GAAA,EAAM,sBAAuB,CAAA,IAAI,CAAC,CAAA,CAAA,CAAA;AAC1D,EAAA,MAAM,WAAc,GAAA,CAAA,GAAA,EAAM,wBAAyB,CAAA,IAAI,CAAC,CAAA,CAAA,CAAA;AACxD,EAAM,MAAA,WAAA,GAAc,uFAAuF,WAAW,CAAA,yBAAA,CAAA,CAAA;AAEtH,EAAA,MAAM,cAAc,MAAM;AACtB,IAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAM,MAAA,OAAA,GAAU,aAAa,IAAI,CAAA,CAAA;AACjC,EAAA,MAAM,SAAY,GAAA,CAAA,KAAA,EAAQ,wBAAyB,CAAA,IAAI,CAAC,CAAA,CAAA,CAAA;AACxD,EAAM,MAAA,UAAA,GAAa,wBAAwB,IAAI,CAAA,CAAA;AAC/C,EAAA,MAAM,SAAS,IAAS,KAAA,QAAA,CAAA;AAExB,EAAM,MAAA,WAAA,GAAc,CAAC,MAAA,GAAS,UAAa,GAAA,QAAA,CAAA;AAE3C,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,OAAS,EAAA,WAAA;AAAA,MACT,SAAA,EAAW,iBAAiB,eAAe,CAAA,kFAAA,CAAA;AAAA,KAAA;AAAA,IAE1C,CAAC,MAAA,oBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,WACZ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAU,EAAA,qEAAA;AAAA,QACV,KAAK,OAAW,IAAA,IAAA,GAAA,OAAA,GAAA,EAAA;AAAA,QAChB,GAAI,EAAA,YAAA;AAAA,OAAA;AAAA,KAEZ,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,iBAAiB,SAAS,CAAA,oDAAA,CAAA;AAAA,OAAA;AAAA,MAEpC,aAAA,IAAiB,CAAC,MAAA,oBACd,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,iCAAA,EAAA,kBACX,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,UAAA,EAAY,CACrC,CAAA;AAAA,MAEH,0BACI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,WAAU,iCACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CAChB,CAAA;AAAA,MAGH,WAAA;AAAA,KACL;AAAA,GACJ,CAAA;AAER;;;;"}
1
+ {"version":3,"file":"RoundedPill-8e97b9e3.js","sources":["../../src/components/RoundedPill/RoundedPill.tsx"],"sourcesContent":["import React from 'react';\nimport { TYPE_TO_ICON } from '../../constants/icons';\nimport { RoundedPillProps } from '../../types';\n\nconst TYPE_TO_BG_COLOR_CLASS: any = {\n skill: 'indigo-50',\n achievement: 'spice-50',\n course: 'emerald-50',\n locked: 'grayscale-100',\n};\n\nconst TYPE_TO_FOREGROUND_COLOR: any = {\n skill: 'indigo-500',\n achievement: 'spice-500',\n course: 'emerald-700',\n locked: 'grayscale-700',\n};\n\nconst TYPE_TO_CHECKMARK_COLOR: any = {\n skill: '#6366F1',\n achievement: '#FF5820',\n course: '#00BA88',\n locked: '#52597A',\n};\n\ntype InlineSVGProps = {\n color?: string;\n size?: string | number;\n};\n\nexport const CheckmarkSvg: React.FC<InlineSVGProps> = ({ color = '#00BA88', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.875 5.62537L8.125 14.375L3.75 10.0004\"\n stroke={color}\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nconst LockedIcon: React.FC<InlineSVGProps> = ({ color = '#52597A', size = '20' }) => {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M7.1875 6.875V4.0625C7.1875 3.31658 7.48382 2.60121 8.01126 2.07376C8.53871 1.54632 9.25408 1.25 10 1.25C10.7459 1.25 11.4613 1.54632 11.9887 2.07376C12.5162 2.60121 12.8125 3.31658 12.8125 4.0625V6.875\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 13.125C10.6904 13.125 11.25 12.5654 11.25 11.875C11.25 11.1846 10.6904 10.625 10 10.625C9.30964 10.625 8.75 11.1846 8.75 11.875C8.75 12.5654 9.30964 13.125 10 13.125Z\"\n fill={color}\n />\n </svg>\n );\n};\n\nexport const RoundedPill: React.FC<RoundedPillProps> = ({\n statusText,\n type = 'skill',\n onClick,\n showCheckmark = false,\n}) => {\n const backgroundColor = `bg-${TYPE_TO_BG_COLOR_CLASS[type]}`;\n const iconBgColor = `bg-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const circleClass = `flex w-full items-center justify-center icon-display h-[40px] w-[40px] rounded-full ${iconBgColor} absolute flex-shrink-0 `;\n\n const handleClick = () => {\n onClick?.();\n };\n\n const iconSrc = TYPE_TO_ICON[type];\n const textColor = `text-${TYPE_TO_FOREGROUND_COLOR[type]}`;\n const checkColor = TYPE_TO_CHECKMARK_COLOR[type];\n const locked = type === 'locked';\n\n const displayText = !locked ? statusText : 'Locked';\n\n return (\n <button\n onClick={handleClick}\n className={`flex relative ${backgroundColor} items-center px-[5px] py-[2px] w-[180px] h-[46px] rounded-[40px] rounded-pill-el`}\n >\n {!locked && (\n <div className={circleClass}>\n <img\n className=\"h-full w-full object-cover max-h-[24px] max-w-[24px] flex-shrink-0 \"\n src={iconSrc ?? ''}\n alt=\"Icon image\"\n />\n </div>\n )}\n <span\n className={`font-semibold ${textColor} w-full flex items-center justify-center text-[14px]`}\n >\n {showCheckmark && !locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <CheckmarkSvg color={checkColor} />\n </span>\n )}\n {locked && (\n <span className=\"rounded-pill-checkmark mr-[5px]\">\n <LockedIcon />\n </span>\n )}\n\n {displayText}\n </span>\n </button>\n );\n};\n\nexport default RoundedPill;\n"],"names":[],"mappings":"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"}