@stokr/components-library 0.5.4 → 0.5.5

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 (433) hide show
  1. package/build/asset-manifest.json +9 -0
  2. package/build/favicon.ico +0 -0
  3. package/build/index.html +1 -0
  4. package/build/logo192.png +0 -0
  5. package/build/logo512.png +0 -0
  6. package/build/manifest.json +25 -0
  7. package/build/robots.txt +3 -0
  8. package/build/static/js/main.31d6cfe0.js +0 -0
  9. package/dist/AccountBalance/AccountBalance.js +43 -0
  10. package/dist/AccountBalance/AccountBalance.stories.js +75 -0
  11. package/dist/AccountBalance/AccountBalance.styles.js +38 -0
  12. package/dist/AdminDashboard/Table/Table.js +120 -0
  13. package/dist/AdminDashboard/Table/Table.styles.js +111 -0
  14. package/dist/AgreementItem/AgreementItem.js +38 -0
  15. package/dist/AgreementItem/AgreementItem.stories.js +98 -0
  16. package/dist/AgreementItem/AgreementItem.styles.js +31 -0
  17. package/dist/AnalyticGraphs/Analytic.js +528 -0
  18. package/dist/AnalyticGraphs/Analytic.styles.js +49 -0
  19. package/dist/BackButton/BackButton.js +22 -0
  20. package/dist/BackButton/BackButton.stories.js +24 -0
  21. package/dist/BackButton/BackButton.styles.js +110 -0
  22. package/dist/Background/Background.js +34 -0
  23. package/dist/Background/Background.stories.js +50 -0
  24. package/dist/Background/Background.styles.js +113 -0
  25. package/dist/BarChart/BarChart.js +258 -0
  26. package/dist/BarChart/BarChart.stories.js +46 -0
  27. package/dist/BarChart/BarChart.styles.js +93 -0
  28. package/dist/BarChartLegend/BarChartLegend.js +74 -0
  29. package/dist/BarChartLegend/BarChartLegend.styles.js +26 -0
  30. package/dist/BasicTable/BasicTable.js +20 -0
  31. package/dist/BasicTable/BasicTable.stories.js +51 -0
  32. package/dist/BasicTable/BasicTable.styles.js +64 -0
  33. package/dist/Button/Button.stories.js +63 -0
  34. package/dist/Button/Button.styles.js +180 -0
  35. package/dist/ButtonContainer/ButtonContainer.styles.js +25 -0
  36. package/dist/CapitalRaisedSummary/CapitalRaisedSummery.stories.js +35 -0
  37. package/dist/CapitalRaisedSummary/CaptialRaisedSummary.js +23 -0
  38. package/dist/CapitalRaisedSummary/CaptialRaisedSummary.styles.js +36 -0
  39. package/dist/ChartBox/ChartBox.js +34 -0
  40. package/dist/ChartBox/ChartBox.stories.js +9 -0
  41. package/dist/ChartBox/ChartBox.styles.js +50 -0
  42. package/dist/ChartBox/ChartBoxDistribution.js +20 -0
  43. package/dist/ChartBox/ChartBoxDistribution.stories.js +10 -0
  44. package/dist/ChartLegend/ChartLegend.js +37 -0
  45. package/dist/ChartLegend/ChartLegend.stories.js +74 -0
  46. package/dist/ChartLegend/ChartLegend.styles.js +67 -0
  47. package/dist/Checkbox/Checkbox.js +108 -0
  48. package/dist/Checkbox/Checkbox.stories.js +82 -0
  49. package/dist/Checkbox/Checkbox.styles.js +123 -0
  50. package/dist/Checklist/UserChecklist.js +247 -0
  51. package/dist/Checklist/UserChecklist.stories.js +115 -0
  52. package/dist/ComponentScroll/ComponentScroll.js +99 -0
  53. package/dist/ComponentScroll/ComponentScroll.stories.js +92 -0
  54. package/dist/ComponentScroll/ComponentScroll.styles.js +104 -0
  55. package/dist/ComponentWrapper/ComponentWrapper.styles.js +128 -0
  56. package/dist/CryptoAddress/ComponentWrap.js +24 -0
  57. package/dist/CryptoAddress/CryptoAddress.js +124 -0
  58. package/dist/CryptoAddress/CryptoAddress.stories.js +163 -0
  59. package/dist/CryptoAddress/CryptoAddress.styles.js +399 -0
  60. package/dist/CryptoAddress/RadioWrap.js +36 -0
  61. package/dist/CryptoAddressDetails/CryptoAddressDetails.js +42 -0
  62. package/dist/CryptoAddressDetails/CryptoAddressDetails.stories.js +65 -0
  63. package/dist/CryptoAddressDetails/CryptoAddressDetails.styles.js +114 -0
  64. package/dist/CryptoAddressWrapper/CryptoAddressWrapper.js +30 -0
  65. package/dist/CryptoAddressWrapper/CryptoAddressWrapper.styles.js +98 -0
  66. package/dist/DonutChart/DonutChart.js +137 -0
  67. package/dist/DonutChart/DonutChart.stories.js +39 -0
  68. package/dist/DonutChart/DonutChart.styles.js +101 -0
  69. package/dist/DoubleButton/DoubleButton.styles.js +25 -0
  70. package/dist/ErrorMessage/ErrorMessage.styles.js +9 -0
  71. package/dist/FAQ/FAQ.js +40 -0
  72. package/dist/FAQ/FAQ.stories.js +63 -0
  73. package/dist/FAQ/FAQ.styles.js +69 -0
  74. package/dist/Footer/Footer.js +54 -0
  75. package/dist/Footer/Footer.stories.js +41 -0
  76. package/dist/Footer/Footer.styles.js +230 -0
  77. package/dist/Footer/FooterLayout.js +114 -0
  78. package/dist/Footer/FooterLayout.stories.js +20 -0
  79. package/dist/Footer/FooterMenu.js +83 -0
  80. package/dist/Footer/FooterMenu.stories.js +110 -0
  81. package/dist/Footer/FooterMenu.styles.js +274 -0
  82. package/dist/Footer/index.js +4 -0
  83. package/dist/{03f9f978feb2b015b6812ba10f689967.png → Footer/lemonway.png} +0 -0
  84. package/dist/Footer/sicos-logo.svg +1 -0
  85. package/dist/ForgotPasswordModal/ForgotPasswordModal.js +89 -0
  86. package/dist/ForgotPasswordModal/ForgotPasswordModal.stories.js +31 -0
  87. package/dist/Form/Form.js +38 -0
  88. package/dist/Form/Form.stories.js +24 -0
  89. package/dist/Form/Form.styles.js +66 -0
  90. package/dist/FullscreenCard/FullscreenCard.styles.js +36 -0
  91. package/dist/Grid/Grid.styles.js +109 -0
  92. package/dist/Header/Header.js +369 -0
  93. package/dist/Header/Header.stories.js +172 -0
  94. package/dist/Header/Header.styles.js +493 -0
  95. package/dist/Icon/Icon.style.js +75 -0
  96. package/dist/InfoIcon/InfoIcon.js +40 -0
  97. package/dist/InfoIcon/InfoIcon.stories.js +40 -0
  98. package/dist/InfoIcon/InfoIcon.styles.js +42 -0
  99. package/dist/InfoPanel/InfoPanel.js +115 -0
  100. package/dist/Input/DatePickerInput.js +64 -0
  101. package/dist/Input/DatePickerInput.stories.js +80 -0
  102. package/dist/Input/DatePickerInput.styles.js +67 -0
  103. package/dist/Input/Input.js +86 -0
  104. package/dist/Input/Input.stories.js +134 -0
  105. package/dist/Input/Input.styles.js +126 -0
  106. package/dist/Input/InputPassword.js +122 -0
  107. package/dist/Input/InputPassword.stories.js +72 -0
  108. package/dist/Input/InputPassword.styles.js +139 -0
  109. package/dist/Input/RangeInput.js +46 -0
  110. package/dist/Input/RangeInput.stories.js +48 -0
  111. package/dist/Input/RangeInput.styles.js +125 -0
  112. package/dist/Input/Select.js +130 -0
  113. package/dist/Input/Select.stories.js +129 -0
  114. package/dist/Input/Select.styles.js +143 -0
  115. package/dist/InvestCalculator/InvestCalculator.js +353 -0
  116. package/dist/InvestCalculator/InvestCalculator.stories.js +129 -0
  117. package/dist/InvestCalculator/InvestCalculator.styles.js +78 -0
  118. package/dist/InvestmentStat/InvestmentStat.js +33 -0
  119. package/dist/InvestmentStat/InvestmentStat.stories.js +44 -0
  120. package/dist/InvestmentStat/InvestmentStat.styles.js +53 -0
  121. package/dist/KYCFlow/BasicInfo.js +396 -0
  122. package/dist/KYCFlow/Confirmation.js +37 -0
  123. package/dist/KYCFlow/DocumentFileUpload.js +240 -0
  124. package/dist/KYCFlow/DocumentScan.js +66 -0
  125. package/dist/KYCFlow/DocumentScanUpload.js +228 -0
  126. package/dist/KYCFlow/DocumentSelect.js +101 -0
  127. package/dist/KYCFlow/DocumentSuccess.js +54 -0
  128. package/dist/KYCFlow/DocumentUpload.js +44 -0
  129. package/dist/KYCFlow/DocumentVerificationType.js +114 -0
  130. package/dist/KYCFlow/FaceScan.js +45 -0
  131. package/dist/KYCFlow/FaceScanRecognition.js +52 -0
  132. package/dist/KYCFlow/FaceScanSuccess.js +47 -0
  133. package/dist/KYCFlow/Terms.js +99 -0
  134. package/dist/KYCFlow/_styles.js +284 -0
  135. package/dist/KYCFlow/index.js +14 -0
  136. package/dist/KYCSelectBox/KYCSelectBox.styles.js +62 -0
  137. package/dist/LatestUpdate/LatestUpdate.js +35 -0
  138. package/dist/LatestUpdate/LatestUpdate.stories.js +51 -0
  139. package/dist/LatestUpdate/LatestUpdate.styles.js +77 -0
  140. package/dist/Layout/Layout-func-no-work.js +67 -0
  141. package/dist/Layout/Layout.js +68 -0
  142. package/dist/Layout/Layout.stories.js +55 -0
  143. package/dist/LearnMoreCarousel/LearnMoreCarousel.js +39 -0
  144. package/dist/LearnMoreCarousel/LearnMoreCarousel.stories.js +58 -0
  145. package/dist/LearnMoreCarousel/LearnMoreCarousel.styles.js +205 -0
  146. package/dist/LearnMorePage/LearnMore.js +199 -0
  147. package/dist/LearnMorePage/LearnMore.shared.styles.js +49 -0
  148. package/dist/LearnMorePage/LearnMore.stories.js +41 -0
  149. package/dist/LearnMorePage/LearnMore.styles.js +250 -0
  150. package/dist/LearnMorePage/LearnMoreExampleObject.js +102 -0
  151. package/dist/LearnMorePage/LearnMoreItem.js +59 -0
  152. package/dist/LearnMorePage/LearnMoreItem.stories.js +54 -0
  153. package/dist/LearnMorePage/LearnMoreItem.styles.js +218 -0
  154. package/dist/LearnMoreSection/LearnMore.js +144 -0
  155. package/dist/LearnMoreSection/LearnMore.stories.js +23 -0
  156. package/dist/LearnMoreSection/LearnMore.styles.js +134 -0
  157. package/dist/LearnMoreSection/LearnMoreItem.js +39 -0
  158. package/dist/LearnMoreSection/LearnMoreItem.stories.js +52 -0
  159. package/dist/LearnMoreSection/LearnMoreItem.styles.js +54 -0
  160. package/dist/LoginModal/LoginModal.js +125 -0
  161. package/dist/MainMenu/DynamicMainMenu.js +41 -0
  162. package/dist/MainMenu/MainMenu.js +207 -0
  163. package/dist/MainMenu/MainMenu.styles.js +361 -0
  164. package/dist/MatomoConnect/Matomo.js +221 -0
  165. package/dist/MatomoConnect/Matomo_fuckup.js +185 -0
  166. package/dist/MenuNav/MenuNav.styles.js +88 -0
  167. package/dist/Modal/Modal.js +71 -0
  168. package/dist/Modal/Modal.stories.js +67 -0
  169. package/dist/Modal/Modal.styles.js +407 -0
  170. package/dist/MultiProgressBar/MultiProgressBar.js +33 -0
  171. package/dist/MultiProgressBar/MultiProgressBar.stories.js +61 -0
  172. package/dist/MultiProgressBar/MultiProgressBar.styles.js +92 -0
  173. package/dist/Newsletter/Newsletter.js +106 -0
  174. package/dist/Newsletter/Newsletter.stories.js +8 -0
  175. package/dist/Newsletter/Newsletter.styles.js +173 -0
  176. package/dist/NotificationContext/NotificationContext.js +126 -0
  177. package/dist/NotificationContext/NotificationContext.stories.js +32 -0
  178. package/dist/NotificationCounter/NotificationCounter.styles.js +23 -0
  179. package/dist/Number/Number.js +25 -0
  180. package/dist/Number/Number.stories.js +18 -0
  181. package/dist/Number/Number.styles.js +21 -0
  182. package/dist/PageTransition/PageTransition.js +42 -0
  183. package/dist/Process/Process.stories.js +34 -0
  184. package/dist/Process/Process.styles.js +87 -0
  185. package/dist/ProfileBadge/ProfileBadge.js +46 -0
  186. package/dist/ProfileBadge/ProfileBadge.stories.js +37 -0
  187. package/dist/ProfileBadge/ProfileBadge.styles.js +47 -0
  188. package/dist/ProfileBox/ProfileBox.js +29 -0
  189. package/dist/ProfileBox/ProfileBox.stories.js +27 -0
  190. package/dist/ProfileBox/ProfileBox.styles.js +60 -0
  191. package/dist/ProfileHeader/ProfileHeader-CLb4.js +401 -0
  192. package/dist/ProfileHeader/ProfileHeader.js +268 -0
  193. package/dist/ProfileHeader/ProfileHeader.styles.js +114 -0
  194. package/dist/ProfileStat/ProfileStat.js +32 -0
  195. package/dist/ProfileStat/ProfileStat.stories.js +58 -0
  196. package/dist/ProfileStat/ProfileStat.styles.js +80 -0
  197. package/dist/ProofOfAddress/ProofOfAddress.styles.js +76 -0
  198. package/dist/ROI/ROI.js +261 -0
  199. package/dist/ROI/ROI.styles.js +71 -0
  200. package/dist/ROI/ROIChart.js +348 -0
  201. package/dist/ROI/ROIChart.styles.js +98 -0
  202. package/dist/ROI/ROIModal.js +74 -0
  203. package/dist/ROI/ROIScenarioBox.js +46 -0
  204. package/dist/ROI/ROIScenarioBox.styles.js +131 -0
  205. package/dist/Radio/Radio.js +58 -0
  206. package/dist/Radio/Radio.stories.js +65 -0
  207. package/dist/Radio/Radio.styles.js +93 -0
  208. package/dist/RefreshButton/RefreshButton.js +14 -0
  209. package/dist/RefreshButton/RefreshButton.stories.js +31 -0
  210. package/dist/RefreshButton/RefreshButton.styles.js +57 -0
  211. package/dist/RegisterAlgorand/AlgoAddressName.js +103 -0
  212. package/dist/RegisterAlgorand/AlgoAdressSelect.js +274 -0
  213. package/dist/RegisterAlgorand/AlgoConnectWallet.js +37 -0
  214. package/dist/RegisterAlgorand/AlgoSuccess.js +28 -0
  215. package/dist/RegisterAlgorand/Algorand.stories.js +63 -0
  216. package/dist/RegisterAlgorand/ChooseWallet.js +77 -0
  217. package/dist/RegisterAlgorand/SelectProject.js +77 -0
  218. package/dist/RegisterAlgorand/_styles.js +30 -0
  219. package/dist/RegisterAlgorand/flow.js +243 -0
  220. package/dist/RegisterAlgorand/flowWithMemo.js +244 -0
  221. package/dist/RegisterAlgorand/index.js +7 -0
  222. package/dist/RegisterConfirmModal/RegisterConfirmModal.js +30 -0
  223. package/dist/RegisterConfirmModal/RegisterConfirmModal.stories.js +22 -0
  224. package/dist/RegisterConfirmModal/RegisterConfirmModal.styles.js +19 -0
  225. package/dist/RegisterEthereum/EthAddressLedger.js +151 -0
  226. package/dist/RegisterEthereum/EthAddressMetamask.js +165 -0
  227. package/dist/RegisterEthereum/EthAddressName.js +101 -0
  228. package/dist/RegisterEthereum/EthConnectLedger.js +117 -0
  229. package/dist/RegisterEthereum/EthConnectMetamask.js +25 -0
  230. package/dist/RegisterEthereum/EthFinish.js +32 -0
  231. package/dist/RegisterEthereum/EthIntro.js +77 -0
  232. package/dist/RegisterEthereum/_styles.js +30 -0
  233. package/dist/RegisterEthereum/index.js +9 -0
  234. package/dist/RegisterLiquidSteps/RegisterLiquidSteps.js +75 -0
  235. package/dist/RegisterLiquidSteps/RegisterLiquidSteps.stories.js +65 -0
  236. package/dist/RegisterLiquidSteps/RegisterLiquidSteps.styles.js +69 -0
  237. package/dist/RegisterLiquidSteps/assets/nav_green.svg +31 -0
  238. package/dist/RegisterLiquidSteps/assets/video.mp4 +0 -0
  239. package/dist/RegisterLiquidSteps/assets/videothumbnail.jpg +0 -0
  240. package/dist/RegisterLiquidSteps/complete.js +29 -0
  241. package/dist/RegisterLiquidSteps/flow.js +141 -0
  242. package/dist/RegisterLiquidSteps/index.js +29 -0
  243. package/dist/RegisterLiquidSteps/register-liquid.js +197 -0
  244. package/dist/RegisterModal/RegisterModal.js +143 -0
  245. package/dist/RegisterModal/RegisterModal.stories.js +35 -0
  246. package/dist/RequestDataBox/RequestDataBox.js +21 -0
  247. package/dist/RequestDataBox/RequestDataBox.stories.js +29 -0
  248. package/dist/RequestDataBox/RequestDataBox.styles.js +40 -0
  249. package/dist/RiskQuestionnaire/RiskQuestionnaireContext.js +111 -0
  250. package/dist/RiskQuestionnaire/_styles.js +6 -0
  251. package/dist/SEO/SEO.js +63 -0
  252. package/dist/SEO/SEO.stories.js +53 -0
  253. package/dist/SectionTitle/SectionTitle.styles.js +23 -0
  254. package/dist/SideLine/SideLine.js +4 -0
  255. package/dist/SideLine/SideLine.stories.js +20 -0
  256. package/dist/SideLine/SideLine.styles.js +29 -0
  257. package/dist/SigningSubflow/SignSubAddressMetamask.js +105 -0
  258. package/dist/SigningSubflow/SignSubConnectLedger.js +114 -0
  259. package/dist/SigningSubflow/SignSubConnectMetamask.js +101 -0
  260. package/dist/SigningSubflow/SignSubIntro.js +45 -0
  261. package/dist/SigningSubflow/SignSubSendLedger.js +114 -0
  262. package/dist/SigningSubflow/SignSubSendMetamask.js +53 -0
  263. package/dist/SigningSubflow/SignSubTransactionLedger.js +125 -0
  264. package/dist/SigningSubflow/SignSubTransactionMetamask.js +130 -0
  265. package/dist/SigningSubflow/_styles.js +59 -0
  266. package/dist/SigningSubflow/index.js +9 -0
  267. package/dist/Slider/Slider.js +43 -0
  268. package/dist/Slider/Slider.stories.js +63 -0
  269. package/dist/Slider/Slider.styles.js +115 -0
  270. package/dist/SpanButton/SpanButton.styles.js +14 -0
  271. package/dist/StatusBadge/StatusBadge.styles.js +16 -0
  272. package/dist/StepController/StepController.js +73 -0
  273. package/dist/StepController/StepController.stories.js +52 -0
  274. package/dist/StepController/StepController.styles.js +27 -0
  275. package/dist/StepController/StepControllerContext.js +61 -0
  276. package/dist/StepController/StepControllerProgress.js +28 -0
  277. package/dist/StepController/StepControllerProgress.stories.js +41 -0
  278. package/dist/StepsProgress/StepsProgress.js +95 -0
  279. package/dist/StepsProgress/StepsProgress.stories.js +23 -0
  280. package/dist/StepsProgress/StepsProgress.styles.js +97 -0
  281. package/dist/StokrLoader/StokrLoader.js +60 -0
  282. package/dist/StokrLoader/media.js +22 -0
  283. package/dist/StokrLoader/stokr_loader_white_400x400.gif +0 -0
  284. package/dist/SvgIcons/AdminBadgeSvg.js +16 -0
  285. package/dist/SvgIcons/CameraSvg.js +26 -0
  286. package/dist/SvgIcons/CapsLockSvg.js +21 -0
  287. package/dist/SvgIcons/DocumentBackSvg.js +25 -0
  288. package/dist/SvgIcons/DocumentSmallSvg.js +51 -0
  289. package/dist/SvgIcons/DocumentSvg.js +28 -0
  290. package/dist/SvgIcons/Early.js +14 -0
  291. package/dist/SvgIcons/EthSvg.js +30 -0
  292. package/dist/SvgIcons/EurSvg.js +16 -0
  293. package/dist/SvgIcons/FaceScanIconSvg.js +21 -0
  294. package/dist/SvgIcons/FourSvg.js +11 -0
  295. package/dist/SvgIcons/Glassess.js +19 -0
  296. package/dist/SvgIcons/Icons_Badge.png +0 -0
  297. package/dist/SvgIcons/LogoSvg.js +14 -0
  298. package/dist/SvgIcons/OneSvg.js +13 -0
  299. package/dist/SvgIcons/PassportSvg.js +46 -0
  300. package/dist/SvgIcons/RefreshSvg.js +17 -0
  301. package/dist/SvgIcons/SocialFacebook.js +15 -0
  302. package/dist/SvgIcons/SocialInstagram.js +15 -0
  303. package/dist/SvgIcons/SocialLinkedIn.js +15 -0
  304. package/dist/SvgIcons/SocialMedium.js +15 -0
  305. package/dist/SvgIcons/SocialReddit.js +15 -0
  306. package/dist/SvgIcons/SocialTelegram.js +15 -0
  307. package/dist/SvgIcons/SocialTwitter.js +15 -0
  308. package/dist/SvgIcons/SocialYoutube.js +15 -0
  309. package/dist/SvgIcons/ThreeSvg.js +10 -0
  310. package/dist/SvgIcons/TwoSidedDocumentSvg.js +72 -0
  311. package/dist/SvgIcons/TwoSvg.js +13 -0
  312. package/dist/SvgIcons/UpdateDefaultSvg.js +19 -0
  313. package/dist/SvgIcons/UpdateHardSvg.js +15 -0
  314. package/dist/SvgIcons/UpdateSoftSvg.js +17 -0
  315. package/dist/SvgIcons/UploadSvg.js +24 -0
  316. package/dist/SvgIcons/VerifiedBadge.js +13 -0
  317. package/dist/SvgIcons/index.js +32 -0
  318. package/dist/Switch/Switch.js +45 -0
  319. package/dist/Switch/Switch.stories.js +73 -0
  320. package/dist/Switch/Switch.styles.js +105 -0
  321. package/dist/Tabs/Tabs.js +48 -0
  322. package/dist/Tabs/Tabs.stories.js +28 -0
  323. package/dist/Tabs/Tabs.styles.js +11 -0
  324. package/dist/TabsNav/TabNav.js +21 -0
  325. package/dist/TabsNav/TabNav.stories.js +32 -0
  326. package/dist/TabsNav/TabsNav.js +23 -0
  327. package/dist/TabsNav/TabsNav.stories.js +25 -0
  328. package/dist/TabsNav/TabsNav.styles.js +80 -0
  329. package/dist/TeamOverview/TeamOverview.js +69 -0
  330. package/dist/TeamOverview/TeamOverview.stories.js +68 -0
  331. package/dist/TeamOverview/TeamOverview.styles.js +152 -0
  332. package/dist/Text/Headline.js +34 -0
  333. package/dist/Text/Headline.stories.js +40 -0
  334. package/dist/Text/StyledText.js +30 -0
  335. package/dist/Text/Text.stories.js +59 -0
  336. package/dist/Text/Text.styles.js +166 -0
  337. package/dist/TextLink/TextLink.styles.js +50 -0
  338. package/dist/ToDoList/ToDoList.js +172 -0
  339. package/dist/ToDoList/ToDoList.stories.js +123 -0
  340. package/dist/ToDoList/ToDoList.styles.js +115 -0
  341. package/dist/ToDoList/ToDoListTask.js +96 -0
  342. package/dist/ToDoList/ToDoListTask.stories.js +60 -0
  343. package/dist/ToDoList/ToDoListTask.styles.js +104 -0
  344. package/dist/TransactionDetails/TransactionDetails.js +27 -0
  345. package/dist/TransactionDetails/TransactionDetails.stories.js +47 -0
  346. package/dist/TransactionDetails/TransactionDetails.styles.js +31 -0
  347. package/dist/TransactionInfo/TransactionInfo.js +48 -0
  348. package/dist/TransactionInfo/TransactionInfo.stories.js +53 -0
  349. package/dist/TransactionInfo/TransactionInfo.styles.js +64 -0
  350. package/dist/TwoFactorModal/TwoFactorModal.js +84 -0
  351. package/dist/breakdown/Breakdown.js +124 -0
  352. package/dist/breakdown/index.js +2 -0
  353. package/dist/context/Auth.js +133 -0
  354. package/dist/context/AuthContext.js +154 -0
  355. package/dist/icons/Arrow.js +62 -0
  356. package/dist/icons/Arrow.stories.js +37 -0
  357. package/dist/icons/ArrowSimple.js +51 -0
  358. package/dist/icons/ArrowSimple.stories.js +41 -0
  359. package/dist/icons/Check.js +29 -0
  360. package/dist/icons/Check.stories.js +14 -0
  361. package/dist/icons/Facebook.js +15 -0
  362. package/dist/icons/Facebook.stories.js +15 -0
  363. package/dist/icons/Info.js +41 -0
  364. package/dist/icons/Info.stories.js +8 -0
  365. package/dist/icons/Instagram.js +15 -0
  366. package/dist/icons/Instagram.stories.js +15 -0
  367. package/dist/icons/LinkIcon.js +23 -0
  368. package/dist/icons/LinkIcon.stories.js +15 -0
  369. package/dist/icons/LinkedIn.js +29 -0
  370. package/dist/icons/LinkedIn.stories.js +8 -0
  371. package/dist/icons/Medium.js +28 -0
  372. package/dist/icons/Medium.stories.js +8 -0
  373. package/dist/icons/Reddit.js +18 -0
  374. package/dist/icons/Reddit.stories.js +15 -0
  375. package/dist/icons/Share.js +48 -0
  376. package/dist/icons/Share.stories.js +8 -0
  377. package/dist/icons/Telegram.js +28 -0
  378. package/dist/icons/Telegram.stories.js +8 -0
  379. package/dist/icons/Twitter.js +15 -0
  380. package/dist/icons/Twitter.stories.js +15 -0
  381. package/dist/icons/X.js +15 -0
  382. package/dist/icons/X.stories.js +8 -0
  383. package/dist/icons/Youtube.js +15 -0
  384. package/dist/icons/Youtube.stories.js +15 -0
  385. package/dist/icons/index.js +15 -0
  386. package/dist/index.js +177 -1
  387. package/dist/renderToBody/index.js +2 -0
  388. package/dist/renderToBody/renderToBody.js +26 -0
  389. package/dist/taxId/TaxId.stories.js +31 -0
  390. package/dist/taxId/complete.js +21 -0
  391. package/dist/taxId/flow.js +31 -0
  392. package/dist/taxId/index.js +4 -0
  393. package/dist/taxId/register-taxid.js +156 -0
  394. package/dist/video/Video.js +274 -0
  395. package/dist/video/Video.stories.js +45 -0
  396. package/dist/video/img/play-btn.svg +1 -0
  397. package/dist/video/index.js +2 -0
  398. package/package.json +128 -133
  399. package/public/favicon.ico +0 -0
  400. package/public/index.html +43 -0
  401. package/public/logo192.png +0 -0
  402. package/public/logo512.png +0 -0
  403. package/public/manifest.json +25 -0
  404. package/public/robots.txt +3 -0
  405. package/dist/07233f511246c9825a0d58e5ab2641f3.svg +0 -47
  406. package/dist/08418fc6c324f51f7e56.svg +0 -1
  407. package/dist/14aa35d4e84aebef77cf00b421fc393a.gif +0 -0
  408. package/dist/179ef2df02cb0b68c9fd.woff2 +0 -0
  409. package/dist/21e493d43617de76dbc7.woff2 +0 -0
  410. package/dist/2640959b1f9381cde047.eot +0 -0
  411. package/dist/2ba2db4ff86a2663686a100e75b50ba9.png +0 -0
  412. package/dist/311956ded96d3fd2813d.woff2 +0 -0
  413. package/dist/39f5961b2d3eb4aa5bf5.woff +0 -0
  414. package/dist/3caa0d4f9b7d58668066.woff2 +0 -0
  415. package/dist/4a510354f2f82b59fced805a8e3fe2bf.svg +0 -1
  416. package/dist/4c3c428d0ce82f840710.woff +0 -0
  417. package/dist/4e528d6445ca1974c313.woff +0 -0
  418. package/dist/55053cc0a8e6482eca64.ttf +0 -0
  419. package/dist/643c37f102b41f7f90c3.woff2 +0 -0
  420. package/dist/76dd0ed9c3f137513fd4.svg +0 -1
  421. package/dist/81f3ef07b7952e249da1.woff +0 -0
  422. package/dist/98b7d3182f652f021bc3.ttf +0 -0
  423. package/dist/9bea22b57dc165ed4382.ttf +0 -0
  424. package/dist/9ec738fbb66068dc1ca7.woff +0 -0
  425. package/dist/a1d7666a48f976227722.ttf +0 -0
  426. package/dist/a750292d6a0b5a760679.woff +0 -0
  427. package/dist/b85a961d44cc55c58050cbf7c53dd505.png +0 -0
  428. package/dist/bcb6531cf820152b7538.ttf +0 -0
  429. package/dist/c6a4bc1bd034d6303053.woff +0 -0
  430. package/dist/cbfc24090ef8bacab132.woff2 +0 -0
  431. package/dist/d2b1865643b98c0e8b54.ttf +0 -0
  432. package/dist/d97d7385fe8771611848.ttf +0 -0
  433. package/dist/index.js.LICENSE.txt +0 -1
package/build/asset-manifest.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "files": {
3
+ "main.js": "/stokr-io/components-library/static/js/main.31d6cfe0.js",
4
+ "index.html": "/stokr-io/components-library/index.html"
5
+ },
6
+ "entrypoints": [
7
+ "static/js/main.31d6cfe0.js"
8
+ ]
9
+ }
package/build/favicon.ico ADDED
Binary file
package/build/index.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/stokr-io/components-librar/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/stokr-io/components-librar/logo192.png"/><link rel="manifest" href="/stokr-io/components-librar/manifest.json"/><title>React App</title><script defer="defer" src="/stokr-io/components-library/static/js/main.31d6cfe0.js"></script></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
package/build/logo192.png ADDED
Binary file
package/build/logo512.png ADDED
Binary file
package/build/manifest.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "short_name": "React App",
3
+ "name": "Create React App Sample",
4
+ "icons": [
5
+ {
6
+ "src": "favicon.ico",
7
+ "sizes": "64x64 32x32 24x24 16x16",
8
+ "type": "image/x-icon"
9
+ },
10
+ {
11
+ "src": "logo192.png",
12
+ "type": "image/png",
13
+ "sizes": "192x192"
14
+ },
15
+ {
16
+ "src": "logo512.png",
17
+ "type": "image/png",
18
+ "sizes": "512x512"
19
+ }
20
+ ],
21
+ "start_url": ".",
22
+ "display": "standalone",
23
+ "theme_color": "#000000",
24
+ "background_color": "#ffffff"
25
+ }
package/build/robots.txt ADDED
@@ -0,0 +1,3 @@
1
+ # https://www.robotstxt.org/robotstxt.html
2
+ User-agent: *
3
+ Disallow:
package/build/static/js/main.31d6cfe0.js ADDED
File without changes
package/dist/AccountBalance/AccountBalance.js ADDED
@@ -0,0 +1,43 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import InfoIcon from 'components/InfoIcon/InfoIcon';
4
+ import { Container, Head, Body, Title, Value, Equal } from './AccountBalance.styles';
5
+ export const AccountBalance = ({
6
+ title,
7
+ value,
8
+ unit,
9
+ info,
10
+ eqValue,
11
+ eqUnit,
12
+ half,
13
+ right,
14
+ border
15
+ }) => /*#__PURE__*/React.createElement(Container, {
16
+ half: half,
17
+ right: right,
18
+ border: border
19
+ }, /*#__PURE__*/React.createElement(Head, null, /*#__PURE__*/React.createElement(Title, null, title, info && /*#__PURE__*/React.createElement(InfoIcon, {
20
+ position: "top",
21
+ title: info
22
+ }))), /*#__PURE__*/React.createElement(Body, null, /*#__PURE__*/React.createElement(Value, null, unit && `${unit} `, value), eqValue && /*#__PURE__*/React.createElement(Equal, null, '= ', eqUnit && `${eqUnit}`, eqValue)));
23
+ AccountBalance.propTypes = {
24
+ title: PropTypes.string.isRequired,
25
+ value: PropTypes.string.isRequired,
26
+ unit: PropTypes.string.isRequired,
27
+ eqValue: PropTypes.string,
28
+ eqUnit: PropTypes.string,
29
+ info: PropTypes.string,
30
+ half: PropTypes.bool,
31
+ right: PropTypes.bool,
32
+ border: PropTypes.bool,
33
+ fontSizeSmall: PropTypes.bool
34
+ };
35
+ AccountBalance.defaultProps = {
36
+ eqValue: '',
37
+ eqUnit: '',
38
+ info: '',
39
+ half: false,
40
+ right: false,
41
+ border: false
42
+ };
43
+ export default AccountBalance;
package/dist/AccountBalance/AccountBalance.stories.js ADDED
@@ -0,0 +1,75 @@
1
+ import React from 'react';
2
+ import AccountBalance from './AccountBalance';
3
+ import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles';
4
+ export default {
5
+ title: 'Components Library/Account Balance',
6
+ component: AccountBalance,
7
+ argTypes: {
8
+ title: {
9
+ type: 'string',
10
+ defaultValue: '',
11
+ required: true
12
+ },
13
+ value: {
14
+ type: 'string',
15
+ defaultValue: '',
16
+ required: true
17
+ },
18
+ unit: {
19
+ type: 'string',
20
+ defaultValue: '',
21
+ required: true
22
+ },
23
+ eqValue: {
24
+ type: 'string'
25
+ },
26
+ eqUnit: {
27
+ type: 'string'
28
+ },
29
+ info: {
30
+ type: 'string',
31
+ defaultValue: ''
32
+ },
33
+ half: {
34
+ type: 'boolean',
35
+ defaultValue: false
36
+ },
37
+ right: {
38
+ type: 'boolean',
39
+ defaultValue: false
40
+ },
41
+ border: {
42
+ type: 'boolean',
43
+ defaultValue: false
44
+ }
45
+ }
46
+ };
47
+ const Template = args => /*#__PURE__*/React.createElement(ComponentWrapper, null, /*#__PURE__*/React.createElement(AccountBalance, args));
48
+ export const AccountBalanceOverview = Template.bind({});
49
+ AccountBalanceOverview.args = {
50
+ title: 'Account Balance Title',
51
+ value: ' some Value ',
52
+ unit: ' A Unit ',
53
+ info: 'Info Tooltip',
54
+ eqValue: ' eqValue ',
55
+ eqUnit: ' eqUnit '
56
+ };
57
+ export const AccountBalanceExample = Template.bind({});
58
+ AccountBalanceExample.args = {
59
+ title: 'Account Balance Title',
60
+ value: '42',
61
+ unit: '€',
62
+ info: 'Information',
63
+ eqValue: '47,34',
64
+ eqUnit: '$'
65
+ };
66
+ export const AccountBalanceRight = Template.bind({});
67
+ AccountBalanceRight.args = {
68
+ title: 'Account Balance Title',
69
+ value: '42',
70
+ unit: '€',
71
+ info: 'Information',
72
+ eqValue: '47,34',
73
+ eqUnit: '$',
74
+ right: true
75
+ };
package/dist/AccountBalance/AccountBalance.styles.js ADDED
@@ -0,0 +1,38 @@
1
+ import styled from 'styled-components/macro';
2
+ export const Container = styled.div`
3
+ position: relative;
4
+ margin-right: -20px;
5
+
6
+ ${props => props.right && `
7
+ text-align: right;
8
+ `}
9
+ `;
10
+ export const Head = styled.div`
11
+ position: relative;
12
+ margin-bottom: 4px;
13
+ `;
14
+ export const Body = styled.div`
15
+ position: relative;
16
+ `;
17
+ export const Title = styled.div`
18
+ font-weight: bold;
19
+ font-size: 11px;
20
+ line-height: 24px;
21
+ letter-spacing: 2.04px;
22
+ text-transform: uppercase;
23
+ `;
24
+ export const Value = styled.div`
25
+ position: relative;
26
+ font-weight: 300;
27
+ font-size: 22px;
28
+ line-height: 28px;
29
+ letter-spacing: 0.8px;
30
+ `;
31
+ export const Equal = styled.div`
32
+ position: relative;
33
+ line-height: 16px;
34
+ letter-spacing: 0.4px;
35
+ font-size: 11px;
36
+ font-style: italic;
37
+ margin-top: 8px;
38
+ `;
package/dist/AdminDashboard/Table/Table.js ADDED
@@ -0,0 +1,120 @@
1
+ import React, { PureComponent, Fragment } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import ComponentScroll from 'components/ComponentScroll/ComponentScroll';
4
+ import { Container, HeadWrapper, TableWrapper, StyledTable, Head, Body, Row, Column } from './Table.styles';
5
+ const OptionalScroll = ({
6
+ children,
7
+ maxHeight,
8
+ noScroll,
9
+ onScroll
10
+ }) => {
11
+ if (noScroll) {
12
+ return /*#__PURE__*/React.createElement(Fragment, null, children);
13
+ }
14
+ return /*#__PURE__*/React.createElement(ComponentScroll, {
15
+ autoHeight: maxHeight !== 0,
16
+ autoHeightMax: maxHeight || undefined,
17
+ offset: 4,
18
+ barPadding: 8,
19
+ topPadding: 48,
20
+ handleScroll: onScroll
21
+ }, children);
22
+ };
23
+ OptionalScroll.propTypes = {
24
+ children: PropTypes.node.isRequired,
25
+ maxHeight: PropTypes.number.isRequired,
26
+ noScroll: PropTypes.bool.isRequired,
27
+ onScroll: PropTypes.func.isRequired
28
+ };
29
+ class Table extends PureComponent {
30
+ componentDidMount() {
31
+ this.setColumnsWidth();
32
+ window.addEventListener('resize', this.onResize);
33
+ }
34
+ componentWillUnmount() {
35
+ clearTimeout(this.resizeTimeout);
36
+ window.removeEventListener('resize', this.onResize);
37
+ }
38
+ onResize = () => {
39
+ clearTimeout(this.resizeTimeout);
40
+ this.resizeTimeout = setTimeout(this.setColumnsWidth, 200);
41
+ };
42
+ setColumnsWidth = () => {
43
+ const headColumns = this.headTableEl.children[0].children[0].children;
44
+ const bodyColumns = this.bodyTableEl.children[0].children[0].children;
45
+ Array.prototype.forEach.call(bodyColumns, (column, columnKey) => {
46
+ bodyColumns[columnKey].style.width = '';
47
+ });
48
+ this.headTableEl.style.width = '';
49
+ Array.prototype.forEach.call(bodyColumns, (column, columnKey) => {
50
+ headColumns[columnKey].style.width = `${column.offsetWidth}px`;
51
+ bodyColumns[columnKey].style.width = `${column.offsetWidth}px`;
52
+ });
53
+ this.headTableEl.style.width = `${this.bodyTableEl.offsetWidth}px`;
54
+ };
55
+ onScroll = e => {
56
+ if (!e) return;
57
+ this.headTableWrapperEl.scrollLeft = e.target.scrollLeft;
58
+ };
59
+ render() {
60
+ const {
61
+ columns,
62
+ data,
63
+ maxHeight,
64
+ noScroll
65
+ } = this.props;
66
+ const columnsProps = {};
67
+ columns.map(column => {
68
+ columnsProps[column.key] = {
69
+ width: column.width,
70
+ align: column.align,
71
+ marginLeft: column.marginLeft
72
+ };
73
+ return column;
74
+ });
75
+ return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(HeadWrapper, {
76
+ ref: el => {
77
+ this.headTableWrapperEl = el;
78
+ }
79
+ }, /*#__PURE__*/React.createElement(StyledTable, {
80
+ ref: el => {
81
+ this.headTableEl = el;
82
+ }
83
+ }, /*#__PURE__*/React.createElement(Head, null, /*#__PURE__*/React.createElement(Row, null, columns.map(column => /*#__PURE__*/React.createElement(Column, {
84
+ key: column.key,
85
+ align: column.align
86
+ }, column.label)))))), /*#__PURE__*/React.createElement(TableWrapper, null, /*#__PURE__*/React.createElement(OptionalScroll, {
87
+ maxHeight: maxHeight,
88
+ noScroll: noScroll,
89
+ onScroll: this.onScroll
90
+ }, /*#__PURE__*/React.createElement(StyledTable, {
91
+ ref: el => {
92
+ this.bodyTableEl = el;
93
+ }
94
+ }, /*#__PURE__*/React.createElement(Head, {
95
+ hidden: true
96
+ }, /*#__PURE__*/React.createElement(Row, null, columns.map(column => /*#__PURE__*/React.createElement(Column, {
97
+ key: column.key,
98
+ colWidth: column.width,
99
+ minWidth: column.minWidth,
100
+ maxWidth: column.maxWidth,
101
+ align: column.align
102
+ }, column.label)))), /*#__PURE__*/React.createElement(Body, null, data.map(row => /*#__PURE__*/React.createElement(Row, {
103
+ key: row.id
104
+ }, Object.keys(row).map(columnKey => columnsProps[columnKey] && /*#__PURE__*/React.createElement(Column, {
105
+ key: columnKey,
106
+ align: columnsProps[columnKey].align
107
+ }, row[columnKey])))))))));
108
+ }
109
+ }
110
+ Table.propTypes = {
111
+ columns: PropTypes.arrayOf(Object).isRequired,
112
+ data: PropTypes.arrayOf(Object).isRequired,
113
+ maxHeight: PropTypes.number,
114
+ noScroll: PropTypes.bool
115
+ };
116
+ Table.defaultProps = {
117
+ maxHeight: 500,
118
+ noScroll: false
119
+ };
120
+ export default Table;
package/dist/AdminDashboard/Table/Table.styles.js ADDED
@@ -0,0 +1,111 @@
1
+ import styled from 'styled-components/macro';
2
+ export const Container = styled.div`
3
+ position: relative;
4
+ `;
5
+ export const HeadWrapper = styled.div`
6
+ z-index: 1;
7
+ position: absolute;
8
+ top: 0;
9
+ left: 0;
10
+ width: 100%;
11
+ overflow: hidden;
12
+ background-color: ${props => props.theme.cWhite};
13
+ `;
14
+ export const TableWrapper = styled.div`
15
+ z-index: 0;
16
+ position: relative;
17
+ display: block;
18
+ `;
19
+ export const StyledTable = styled.div`
20
+ display: table;
21
+ min-width: 100%;
22
+ `;
23
+ export const Row = styled.div`
24
+ display: table-row;
25
+ `;
26
+ export const Column = styled.div`
27
+ display: table-cell;
28
+ text-align: ${props => props.align};
29
+ font-family: 'Open Sans';
30
+
31
+ ${props => props.colWidth && `
32
+ width: ${props.colWidth}
33
+ min-width: ${props.colWidth}
34
+ `};
35
+
36
+ ${props => props.minWidth && `
37
+ min-width: ${props.minWidth}
38
+ `};
39
+
40
+ ${props => props.maxWidth && `
41
+ width: ${props.maxWidth}
42
+ max-width: ${props.maxWidth}
43
+ `};
44
+ `;
45
+ export const Head = styled.div`
46
+ display: table-header-group;
47
+
48
+ ${props => props.hidden && `
49
+ visibility: hidden;
50
+ `}
51
+
52
+ ${Row} {
53
+ ${Column} {
54
+ border-bottom: 1px solid ${props => props.theme.cLightGrey};
55
+ }
56
+ }
57
+
58
+ ${Column} {
59
+ color: ${props => props.theme.cProgress};
60
+ font-weight: 600;
61
+ font-size: 11px;
62
+ line-height: 20px;
63
+ letter-spacing: 1.98px;
64
+ text-transform: uppercase;
65
+ vertical-align: middle;
66
+ white-space: nowrap;
67
+ padding: 10px 10px;
68
+ }
69
+ `;
70
+ export const Body = styled.div`
71
+ display: table-row-group;
72
+
73
+ ${Row} {
74
+ /* ${Column}:last-of-type {
75
+ padding-right: 0;
76
+ } */
77
+
78
+ & + ${Row} {
79
+ ${Column} {
80
+ border-top: 1px solid ${props => props.theme.cLightGrey};
81
+ }
82
+ }
83
+
84
+ /* &:hover {
85
+ ${Column} {
86
+ background-color: ${props => props.theme.cGrey};
87
+ }
88
+ } */
89
+ }
90
+
91
+ ${Column} {
92
+ color: ${props => props.theme.cBlack};
93
+ font-weight: 400;
94
+ font-size: 14px;
95
+ line-height: 20px;
96
+ vertical-align: middle;
97
+ padding: 26px 10px;
98
+ }
99
+ `;
100
+
101
+ // TODO: move to separate file
102
+ export const TableCellType = styled.div`
103
+ display: inline-block;
104
+ background-color: ${props => props.color};
105
+ color: ${props => props.theme.cWhite};
106
+ font-weight: 600;
107
+ min-width: 40px;
108
+ line-height: 24px;
109
+ border-radius: 3px;
110
+ text-align: center;
111
+ `;
package/dist/AgreementItem/AgreementItem.js ADDED
@@ -0,0 +1,38 @@
1
+ import React, { Fragment } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import InfoIcon from 'components/InfoIcon/InfoIcon';
4
+ import Text from 'components/Text/Text.styles';
5
+ import Checkbox, { CheckboxPropTypes } from 'components/Checkbox/Checkbox';
6
+ import ComponentWrapper from 'components/ComponentWrapper/ComponentWrapper.styles';
7
+ import { Container, InfoBox } from './AgreementItem.styles';
8
+ export const AgreementItem = ({
9
+ title,
10
+ text,
11
+ checkbox,
12
+ info
13
+ }) => /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Text, null, title && /*#__PURE__*/React.createElement("h3", null, title), /*#__PURE__*/React.createElement("p", null, text)), checkbox && /*#__PURE__*/React.createElement(ComponentWrapper, {
14
+ noPaddingHorizontal: true,
15
+ noPaddingBottom: true
16
+ }, /*#__PURE__*/React.createElement(Checkbox, {
17
+ id: checkbox.id,
18
+ name: checkbox.name || checkbox.id,
19
+ text: /*#__PURE__*/React.createElement(Fragment, null, checkbox.text, info && /*#__PURE__*/React.createElement(InfoIcon, {
20
+ position: "bottom",
21
+ html: /*#__PURE__*/React.createElement(InfoBox, null, info)
22
+ })),
23
+ value: checkbox.value,
24
+ checked: checkbox.checked,
25
+ onChange: checkbox.onChange,
26
+ onBlur: checkbox.onBlur
27
+ })));
28
+ AgreementItem.propTypes = {
29
+ title: PropTypes.string,
30
+ text: PropTypes.string.isRequired,
31
+ info: PropTypes.string,
32
+ checkbox: PropTypes.shape(CheckboxPropTypes).isRequired
33
+ };
34
+ AgreementItem.defaultProps = {
35
+ title: '',
36
+ info: ''
37
+ };
38
+ export default AgreementItem;
package/dist/AgreementItem/AgreementItem.stories.js ADDED
@@ -0,0 +1,98 @@
1
+ import React from 'react';
2
+ import AgreementItem from './AgreementItem';
3
+ import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles';
4
+ // import Checkbox, { CheckboxPropTypes } from 'components/Checkbox/Checkbox'
5
+
6
+ export default {
7
+ title: 'Components Library/Agreement Item',
8
+ component: AgreementItem,
9
+ argTypes: {
10
+ title: {
11
+ type: 'string',
12
+ defaultValue: ''
13
+ },
14
+ text: {
15
+ type: 'string',
16
+ defaultValue: '',
17
+ required: true
18
+ },
19
+ withTermsLink: {
20
+ type: 'boolean'
21
+ },
22
+ ventureName: {
23
+ type: 'string'
24
+ },
25
+ info: {
26
+ type: 'string',
27
+ defaultValue: ''
28
+ },
29
+ checkbox: {
30
+ type: 'shape',
31
+ defaultValue: {
32
+ id: '',
33
+ name: '',
34
+ text: '',
35
+ label: '',
36
+ value: '',
37
+ checked: false,
38
+ large: false,
39
+ error: false,
40
+ touched: false
41
+ }
42
+ },
43
+ checkboxWithFileDownload: {
44
+ type: 'shape',
45
+ defaultValue: {
46
+ id: '',
47
+ name: '',
48
+ text: '',
49
+ label: '',
50
+ value: '',
51
+ checked: false,
52
+ large: false,
53
+ error: false,
54
+ touched: false
55
+ }
56
+ }
57
+ }
58
+ };
59
+ const Template = args => /*#__PURE__*/React.createElement(ComponentWrapper, null, /*#__PURE__*/React.createElement(AgreementItem, args));
60
+ export const AgreementItemOverview = Template.bind({});
61
+ AgreementItemOverview.args = {
62
+ title: 'Agreement Item Title',
63
+ text: 'some Text',
64
+ withTermsLink: true,
65
+ ventureName: 'Venture Name',
66
+ info: 'Info'
67
+ };
68
+ export const AgreementItemExample = Template.bind({});
69
+ AgreementItemExample.args = {
70
+ title: 'disclaimer',
71
+ text: 'Before being able to view any fund offering, you, as a prospective investor, must confirm a few things. Please read check the boxes',
72
+ withTermsLink: true,
73
+ ventureName: 'Algorand',
74
+ info: 'Info',
75
+ checkbox: {
76
+ checked: true
77
+ },
78
+ checkboxWithFileDownload: {
79
+ checked: true
80
+ }
81
+ };
82
+
83
+ //doublecheck:
84
+ // CheckboxPropTypes....
85
+ // events/actions not incooporated
86
+ // onChange: { type: 'function', action: 'onChange' },
87
+ // onBlur: { type: 'function', action: 'onBlur' },
88
+ // onFocus: { type: 'function', action: 'onFocus' },
89
+
90
+ // 'Please read check the boxes to the right.' - is bad english in Disclaimer
91
+
92
+ // change since Merge:
93
+ //OfferingPageLink
94
+ //TermsOfOfferingLink
95
+ //withTermsLink
96
+ // ventureName
97
+ //checkboxwithfiledownload
98
+ //hardcoded texts all taken out.
package/dist/AgreementItem/AgreementItem.styles.js ADDED
@@ -0,0 +1,31 @@
1
+ import styled from 'styled-components/macro';
2
+ export const Container = styled.div`
3
+ display: block;
4
+ `;
5
+ export const CheckboxWrap = styled.div`
6
+ padding: 6px 0;
7
+ `;
8
+ export const InfoBox = styled.div`
9
+ max-width: 240px;
10
+ text-align: left;
11
+ `;
12
+
13
+ //styles from unmerged IIS:
14
+
15
+ export const OfferingPageLink = styled.a`
16
+ text-decoration: underline;
17
+
18
+ &:hover {
19
+ color: #0050ca !important;
20
+ opacity: 0.7;
21
+ text-decoration: underline;
22
+ }
23
+ `;
24
+ export const TermsOfOfferingLink = styled.a`
25
+ text-decoration: underline;
26
+
27
+ &:hover {
28
+ opacity: 0.7;
29
+ text-decoration: underline;
30
+ }
31
+ `;