@stokr/components-library 2.3.65-beta.10 → 2.3.65-beta.12

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 (208) hide show
  1. package/dist/components/Chips/Chip.styles.js +3 -2
  2. package/dist/components/Input/MultiSelect.js +10 -8
  3. package/dist/components/Input/TableFilterDropdown.js +210 -0
  4. package/dist/components/Payment/PaymentDetailsCard.js +5 -2
  5. package/dist/components/Snackbar/Snackbar.js +3 -0
  6. package/dist/components/Snackbar/Snackbar.styles.js +18 -9
  7. package/dist/components/StatusTag/StatusTag.js +19 -9
  8. package/dist/components/StatusTag/StatusTag.styles.js +4 -4
  9. package/dist/components/Timeline/Timeline.styles.js +1 -1
  10. package/dist/components/Timeline/TimelineStep.js +0 -1
  11. package/dist/static/images/filter-icon.svg +6 -0
  12. package/package.json +3 -2
  13. package/dist/components/2FA/EnterCode.stories.js +0 -35
  14. package/dist/components/2FA/disable-2fa-flow.stories.js +0 -31
  15. package/dist/components/2FA/enable-2fa-flow.stories.js +0 -31
  16. package/dist/components/2FA/login-with-otp-flow.stories.js +0 -31
  17. package/dist/components/2FA/main-flow.stories.js +0 -162
  18. package/dist/components/AccountBalance/AccountBalance.stories.js +0 -83
  19. package/dist/components/AdminDashboard/Table/ReactTable.stories.js +0 -913
  20. package/dist/components/AgreementItem/AgreementItem.stories.js +0 -105
  21. package/dist/components/AnalyticGraphs/Analytic.js +0 -541
  22. package/dist/components/AnalyticGraphs/Analytic.styles.js +0 -25
  23. package/dist/components/BackButton/BackButton.stories.js +0 -32
  24. package/dist/components/Background/Background.stories.js +0 -75
  25. package/dist/components/BarChart/BarChart.js +0 -263
  26. package/dist/components/BarChart/BarChart.stories.js +0 -66
  27. package/dist/components/BarChart/BarChart.styles.js +0 -26
  28. package/dist/components/BarChartLegend/BarChartLegend.js +0 -79
  29. package/dist/components/BarChartLegend/BarChartLegend.styles.js +0 -21
  30. package/dist/components/BasicTable/BasicTable.stories.js +0 -59
  31. package/dist/components/BlogPost/BlogPost.stories.js +0 -160
  32. package/dist/components/Button/Button.stories.js +0 -146
  33. package/dist/components/Button/GlareButton.stories.js +0 -132
  34. package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js +0 -42
  35. package/dist/components/ChartBox/ChartBox.js +0 -41
  36. package/dist/components/ChartBox/ChartBox.stories.js +0 -17
  37. package/dist/components/ChartBox/ChartBox.styles.js +0 -27
  38. package/dist/components/ChartBox/ChartBoxDistribution.js +0 -27
  39. package/dist/components/ChartBox/ChartBoxDistribution.stories.js +0 -18
  40. package/dist/components/ChartLegend/ChartLegend.stories.js +0 -90
  41. package/dist/components/Checkbox/Checkbox.stories.js +0 -88
  42. package/dist/components/Checklist/ChecklistCard.stories.js +0 -102
  43. package/dist/components/Checklist/UserChecklist.js +0 -184
  44. package/dist/components/Checklist/UserChecklist.stories.js +0 -317
  45. package/dist/components/Chips/Chip.stories.js +0 -36
  46. package/dist/components/Chips/ChipsWrapper.stories.js +0 -47
  47. package/dist/components/ComponentScroll/ComponentScroll.stories.js +0 -111
  48. package/dist/components/CryptoAddress/CryptoAddress.stories.js +0 -205
  49. package/dist/components/CryptoAddressDetails/CryptoAddressDetails.stories.js +0 -70
  50. package/dist/components/DonutChart/DonutChart.stories.js +0 -54
  51. package/dist/components/FAQ/FAQ.stories.js +0 -76
  52. package/dist/components/Footer/Footer.stories.js +0 -49
  53. package/dist/components/Footer/FooterLayout.stories.js +0 -26
  54. package/dist/components/Footer/FooterMenu.stories.js +0 -113
  55. package/dist/components/Footer/mangopay.png +0 -0
  56. package/dist/components/Footer/mangopay.svg +0 -20
  57. package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js +0 -69
  58. package/dist/components/Form/Form.stories.js +0 -32
  59. package/dist/components/FullscreenCard/FullscreenCard.styles.js +0 -27
  60. package/dist/components/Header/Header.stories.js +0 -192
  61. package/dist/components/Icon/Icon.stories.js +0 -108
  62. package/dist/components/InfoIcon/InfoIcon.stories.js +0 -299
  63. package/dist/components/InfoPanel/InfoPanel.js +0 -124
  64. package/dist/components/Input/DatePickerInput.stories.js +0 -87
  65. package/dist/components/Input/Input.stories.js +0 -217
  66. package/dist/components/Input/InputPassword.stories.js +0 -80
  67. package/dist/components/Input/InputWithButton.stories.js +0 -75
  68. package/dist/components/Input/MultiSelect.stories.js +0 -264
  69. package/dist/components/Input/OtpInput.stories.js +0 -57
  70. package/dist/components/Input/RangeInput.stories.js +0 -58
  71. package/dist/components/Input/SearchInput.stories.js +0 -366
  72. package/dist/components/Input/Select.stories.js +0 -478
  73. package/dist/components/InvestCalculator/InvestCalculator.stories.js +0 -135
  74. package/dist/components/InvestmentStat/InvestmentStat.stories.js +0 -52
  75. package/dist/components/KYCFlow/BasicInfo.js +0 -448
  76. package/dist/components/KYCFlow/Confirmation.js +0 -46
  77. package/dist/components/KYCFlow/DocumentFileUpload.js +0 -263
  78. package/dist/components/KYCFlow/DocumentScan.js +0 -75
  79. package/dist/components/KYCFlow/DocumentScanUpload.js +0 -251
  80. package/dist/components/KYCFlow/DocumentSelect.js +0 -118
  81. package/dist/components/KYCFlow/DocumentSuccess.js +0 -63
  82. package/dist/components/KYCFlow/DocumentUpload.js +0 -53
  83. package/dist/components/KYCFlow/DocumentVerificationType.js +0 -131
  84. package/dist/components/KYCFlow/FaceScan.js +0 -54
  85. package/dist/components/KYCFlow/FaceScanRecognition.js +0 -61
  86. package/dist/components/KYCFlow/FaceScanSuccess.js +0 -56
  87. package/dist/components/KYCFlow/Terms.js +0 -119
  88. package/dist/components/KYCFlow/_styles.js +0 -111
  89. package/dist/components/KYCFlow/index.js +0 -97
  90. package/dist/components/KYCSelectBox/KYCSelectBox.styles.js +0 -29
  91. package/dist/components/LatestUpdate/LatestUpdate.stories.js +0 -58
  92. package/dist/components/Layout/Layout.stories.js +0 -60
  93. package/dist/components/LearnMoreCarousel/LearnMoreCarousel.stories.js +0 -66
  94. package/dist/components/LearnMorePage/LearnMore.stories.js +0 -48
  95. package/dist/components/LearnMorePage/LearnMoreItem.stories.js +0 -62
  96. package/dist/components/LearnMoreSection/LearnMore.stories.js +0 -30
  97. package/dist/components/LearnMoreSection/LearnMoreItem.stories.js +0 -59
  98. package/dist/components/LoginModal/LoginModal.stories.js +0 -74
  99. package/dist/components/MatomoConnect/Matomo.js +0 -228
  100. package/dist/components/MatomoConnect/Matomo_fuckup.js +0 -387
  101. package/dist/components/Modal/Modal.stories.js +0 -75
  102. package/dist/components/Modal/NewVentureModal/NewVentureModal.stories.js +0 -150
  103. package/dist/components/Modal/PaymentModal.stories.js +0 -57
  104. package/dist/components/Modal/SideModal.stories.js +0 -342
  105. package/dist/components/MultiProgressBar/MultiProgressBar.stories.js +0 -67
  106. package/dist/components/Newsletter/Newsletter.stories.js +0 -16
  107. package/dist/components/NotificationContext/NotificationContext.js +0 -141
  108. package/dist/components/Number/Number.stories.js +0 -92
  109. package/dist/components/Pagination/Pagination.stories.js +0 -83
  110. package/dist/components/Pagination/PaginationControls.stories.js +0 -112
  111. package/dist/components/Payment/PaymentDetailsCard.stories.js +0 -198
  112. package/dist/components/Payment/PaymentDisplay.stories.js +0 -302
  113. package/dist/components/Payment/TimerComponent.stories.js +0 -236
  114. package/dist/components/Process/Process.stories.js +0 -42
  115. package/dist/components/ProfileBadge/ProfileBadge.stories.js +0 -45
  116. package/dist/components/ProfileBox/ProfileBox.stories.js +0 -35
  117. package/dist/components/ProfileHeader/ProfileHeader.js +0 -252
  118. package/dist/components/ProfileHeader/ProfileHeader.styles.js +0 -65
  119. package/dist/components/ProfileStat/ProfileStat.stories.js +0 -66
  120. package/dist/components/ProofOfAddress/ProofOfAddress.styles.js +0 -53
  121. package/dist/components/QRCode/QRCode.stories.js +0 -104
  122. package/dist/components/Radio/Radio.stories.js +0 -73
  123. package/dist/components/RefreshButton/RefreshButton.stories.js +0 -38
  124. package/dist/components/RegisterAlgorand/AlgoAddressName.js +0 -138
  125. package/dist/components/RegisterAlgorand/AlgoAdressSelect.js +0 -443
  126. package/dist/components/RegisterAlgorand/AlgoConnectWallet.js +0 -47
  127. package/dist/components/RegisterAlgorand/AlgoSuccess.js +0 -38
  128. package/dist/components/RegisterAlgorand/Algorand.stories.js +0 -80
  129. package/dist/components/RegisterAlgorand/ChooseWallet.js +0 -97
  130. package/dist/components/RegisterAlgorand/SelectProject.js +0 -89
  131. package/dist/components/RegisterAlgorand/_styles.js +0 -28
  132. package/dist/components/RegisterAlgorand/flow.js +0 -409
  133. package/dist/components/RegisterAlgorand/flowWithMemo.js +0 -410
  134. package/dist/components/RegisterAlgorand/index.js +0 -48
  135. package/dist/components/RegisterConfirmModal/RegisterConfirmModal.stories.js +0 -41
  136. package/dist/components/RegisterEthereum/EthAddressLedger.js +0 -226
  137. package/dist/components/RegisterEthereum/EthAddressMetamask.js +0 -204
  138. package/dist/components/RegisterEthereum/EthAddressName.js +0 -135
  139. package/dist/components/RegisterEthereum/EthConnectLedger.js +0 -194
  140. package/dist/components/RegisterEthereum/EthConnectMetamask.js +0 -35
  141. package/dist/components/RegisterEthereum/EthFinish.js +0 -41
  142. package/dist/components/RegisterEthereum/EthIntro.js +0 -95
  143. package/dist/components/RegisterEthereum/_styles.js +0 -28
  144. package/dist/components/RegisterEthereum/index.js +0 -68
  145. package/dist/components/RegisterModal/RegisterModal.stories.js +0 -49
  146. package/dist/components/RequestDataBox/RequestDataBox.stories.js +0 -37
  147. package/dist/components/RiskQuestionnaire/RiskQuestionnaireContext.js +0 -185
  148. package/dist/components/RiskQuestionnaire/_styles.js +0 -15
  149. package/dist/components/SEO/SEO.stories.js +0 -60
  150. package/dist/components/SideLine/SideLine.stories.js +0 -28
  151. package/dist/components/SigningSubflow/SignSubAddressMetamask.js +0 -137
  152. package/dist/components/SigningSubflow/SignSubConnectLedger.js +0 -150
  153. package/dist/components/SigningSubflow/SignSubConnectMetamask.js +0 -137
  154. package/dist/components/SigningSubflow/SignSubIntro.js +0 -55
  155. package/dist/components/SigningSubflow/SignSubSendLedger.js +0 -150
  156. package/dist/components/SigningSubflow/SignSubSendMetamask.js +0 -62
  157. package/dist/components/SigningSubflow/SignSubTransactionLedger.js +0 -161
  158. package/dist/components/SigningSubflow/SignSubTransactionMetamask.js +0 -166
  159. package/dist/components/SigningSubflow/_styles.js +0 -34
  160. package/dist/components/SigningSubflow/index.js +0 -32
  161. package/dist/components/Slider/Slider.stories.js +0 -68
  162. package/dist/components/Snackbar/Snackbar.stories.js +0 -292
  163. package/dist/components/StatusTag/StatusTag.stories.js +0 -262
  164. package/dist/components/StepController/StepController.stories.js +0 -60
  165. package/dist/components/StepController/StepControllerProgress.stories.js +0 -49
  166. package/dist/components/StepsProgress/StepIndicator.stories.js +0 -153
  167. package/dist/components/StepsProgress/StepsProgress.stories.js +0 -49
  168. package/dist/components/Switch/Switch.stories.js +0 -81
  169. package/dist/components/Tabs/Tabs.stories.js +0 -36
  170. package/dist/components/TabsNav/TabNav.stories.js +0 -40
  171. package/dist/components/TabsNav/TabsNav.stories.js +0 -37
  172. package/dist/components/TeamOverview/TeamOverview.stories.js +0 -76
  173. package/dist/components/TermsModal/TermsModal.stories.js +0 -31
  174. package/dist/components/Text/Headline.stories.js +0 -48
  175. package/dist/components/Text/Text.stories.js +0 -70
  176. package/dist/components/TextLink/TextLink.stories.js +0 -35
  177. package/dist/components/Timeline/Timeline.stories.js +0 -393
  178. package/dist/components/ToDoList/ToDoList.stories.js +0 -133
  179. package/dist/components/ToDoList/ToDoListTask.stories.js +0 -70
  180. package/dist/components/TransactionDetails/TransactionDetails.stories.js +0 -55
  181. package/dist/components/TransactionDetails/TransactionDetailsTable.stories.js +0 -305
  182. package/dist/components/TransactionInfo/TransactionInfo.stories.js +0 -61
  183. package/dist/components/TwoFactorModal/TwoFactorModal.js +0 -100
  184. package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js +0 -59
  185. package/dist/components/headerHo/HeaderHo.stories.js +0 -35
  186. package/dist/components/icons/Arrow.stories.js +0 -42
  187. package/dist/components/icons/ArrowSimple.stories.js +0 -48
  188. package/dist/components/icons/Check.stories.js +0 -22
  189. package/dist/components/icons/Facebook.stories.js +0 -21
  190. package/dist/components/icons/Facebook_Logo.png +0 -0
  191. package/dist/components/icons/Info.stories.js +0 -16
  192. package/dist/components/icons/Instagram.stories.js +0 -21
  193. package/dist/components/icons/LI-In-Bug.png +0 -0
  194. package/dist/components/icons/LinkIcon.stories.js +0 -21
  195. package/dist/components/icons/LinkedIn.stories.js +0 -16
  196. package/dist/components/icons/Medium.stories.js +0 -16
  197. package/dist/components/icons/Reddit.stories.js +0 -21
  198. package/dist/components/icons/Share.stories.js +0 -16
  199. package/dist/components/icons/Telegram-Logo.png +0 -0
  200. package/dist/components/icons/Telegram.stories.js +0 -16
  201. package/dist/components/icons/Twitter.stories.js +0 -21
  202. package/dist/components/icons/X-logo-black.png +0 -0
  203. package/dist/components/icons/X.stories.js +0 -16
  204. package/dist/components/icons/Youtube.stories.js +0 -21
  205. package/dist/components/icons/youtube_social_circle_red.png +0 -0
  206. package/dist/components/logo/Logo.stories.js +0 -260
  207. package/dist/components/taxId/TaxId.stories.js +0 -50
  208. package/dist/components/video/Video.stories.js +0 -52
@@ -1,160 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ImageRight = exports.ImageLeft = exports.ImageCover = exports.GridExample = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _BlogPost = _interopRequireDefault(require("./BlogPost"));
9
- var _global = _interopRequireDefault(require("../../styles/global"));
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
- var _rwd = _interopRequireDefault(require("../../styles/rwd"));
12
- var _templateObject, _templateObject2;
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
16
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
19
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
20
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
21
- var _default = exports.default = {
22
- title: 'Components Library/BlogPost',
23
- component: _BlogPost.default,
24
- argTypes: {
25
- layout: {
26
- control: 'select',
27
- options: ['image-left', 'image-right', 'image-cover'],
28
- defaultValue: 'image-left'
29
- },
30
- category: {
31
- control: 'text'
32
- },
33
- title: {
34
- control: 'text'
35
- },
36
- description: {
37
- control: 'text'
38
- },
39
- image: {
40
- control: 'text'
41
- },
42
- date: {
43
- control: 'text'
44
- },
45
- link: {
46
- control: 'text'
47
- },
48
- withHoverBg: {
49
- control: 'boolean'
50
- }
51
- }
52
- };
53
- const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
54
- style: {
55
- maxWidth: '1200px',
56
- margin: '0 auto',
57
- padding: '20px'
58
- }
59
- }, /*#__PURE__*/_react.default.createElement(_BlogPost.default, args)));
60
- const ImageLeft = exports.ImageLeft = Template.bind({});
61
- ImageLeft.args = {
62
- layout: 'image-left',
63
- category: 'BITCOIN MINING',
64
- title: 'Bitcoin Mining: A Series - Part 1: The Ups, Downs and Rebounds',
65
- description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.",
66
- image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
67
- date: '01 MAR 2022',
68
- link: '/blog/bitcoin-mining-series-part-1',
69
- withHoverBg: true
70
- };
71
-
72
- //https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg
73
- //https://res.cloudinary.com/stokr/image/upload/v1713792627/STOKE_POST/stos-an-alternative-way-of-fundraising-for-business_xqx6zu.jpg
74
-
75
- const ImageRight = exports.ImageRight = Template.bind({});
76
- ImageRight.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
77
- layout: 'image-right'
78
- });
79
- const ImageCover = exports.ImageCover = Template.bind({});
80
- ImageCover.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
81
- layout: 'image-cover'
82
- });
83
- const GridLayout = _styledComponents.default.div.withConfig({
84
- displayName: "BlogPoststories__GridLayout",
85
- componentId: "sc-1hqbvxb-0"
86
- })(["display:grid;grid-template-columns:1fr;gap:3rem;", ";", ";"], _rwd.default.Mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n gap: 6rem;\n "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n gap: 10rem 4rem;\n grid-template-columns: repeat(2, 50%);\n "]))));
87
- const LAYOUTS = [['image-cover', 'image-right', 'image-left', 'image-cover', 'image-cover', 'image-right', 'image-fullscreen'], ['image-cover', 'image-left', 'image-right', 'image-cover', 'image-cover', 'image-left', 'image-fullscreen']];
88
- const getLayoutPattern = index => LAYOUTS[Math.floor(index / 7) % 2][index % 7];
89
-
90
- // Sample blog posts data
91
- const samplePosts = [{
92
- layout: 'image-cover',
93
- category: 'BITCOIN MINING',
94
- title: 'STOKR RECEIVES BaFin APPROVAL FOR THE FIRST BITCOIN-BASED STO IN GERMANY',
95
- description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live.",
96
- image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
97
- date: '01 MAR 2022',
98
- link: '/blog/post-1'
99
- }, {
100
- layout: 'image-left',
101
- category: 'PODCAST',
102
- title: 'What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like? What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like?What Is Portfolio Diversification and What Does A Diversified Portfolio Look Like?',
103
- description: 'Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.',
104
- image: 'https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg',
105
- date: '02 MAR 2022',
106
- link: '/blog/post-2'
107
- }, {
108
- layout: 'image-right',
109
- category: 'BITCOIN MINING',
110
- title: "T8 REASONS TO USE BTCPAY SERVER FOR YOUR WEBSITE'S BITCOIN PAYMENTS",
111
- // description:
112
- // 'Learn about the journey of Bitcoin mining and its various phases.',
113
- image: 'https://res.cloudinary.com/stokr/image/upload/v1627569252/STOKE_POST/version1_yb4tck.png',
114
- date: '03 MAR 2022',
115
- link: '/blog/post-3'
116
- }, {
117
- layout: 'image-cover',
118
- category: 'BITCOIN MINING',
119
- title: 'Future of Mining',
120
- description: 'Exploring what lies ahead for Bitcoin mining technology.',
121
- image: 'https://res.cloudinary.com/stokr/image/upload/v1626798409/STOKE_POST/IMG_0324_rbvypv.png',
122
- date: '04 MAR 2022',
123
- link: '/blog/post-4'
124
- }, {
125
- layout: 'image-left',
126
- category: 'BITCOIN MINING',
127
- title: 'BMN Now Open for Trade',
128
- description: 'Trading for the BMN token is now fully live and active on the Bitfinex Securities Exchange.',
129
- image: 'https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg',
130
- date: '02 MAR 2022',
131
- link: '/blog/post-2'
132
- }, {
133
- layout: 'image-right',
134
- category: 'BITCOIN MINING',
135
- title: 'The Ups, Downs and Rebounds',
136
- description: 'Learn about the journey of Bitcoin mining and its various phases.',
137
- image: 'https://res.cloudinary.com/stokr/image/upload/v1713792627/STOKE_POST/stos-an-alternative-way-of-fundraising-for-business_xqx6zu.jpg',
138
- date: '03 MAR 2022',
139
- link: '/blog/post-3'
140
- }, {
141
- layout: 'image-cover',
142
- category: 'BITCOIN MINING',
143
- title: 'Bitcoin Mining: A Series - Part 1',
144
- description: "It's the moment you have all been waiting for! Trading for the BMN token is now fully live.",
145
- image: 'https://res.cloudinary.com/stokr/image/upload/v1574418924/1_hoz9ve.jpg',
146
- date: '01 MAR 2022',
147
- link: '/blog/post-1'
148
- }];
149
- const GridExample = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
150
- style: {
151
- maxWidth: '1700px',
152
- margin: '0 auto'
153
- }
154
- }, /*#__PURE__*/_react.default.createElement(GridLayout, null, samplePosts.map((post, index) => /*#__PURE__*/_react.default.createElement(_BlogPost.default, _extends({
155
- key: index
156
- }, post, {
157
- withHoverBg: true,
158
- layout: getLayoutPattern(index)
159
- }))))));
160
- exports.GridExample = GridExample;
@@ -1,146 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.WithMinWidth = exports.WithMargin = exports.WithBottomMargin = exports.Secondary = exports.Primary = exports.OutlineBlack = exports.Outline = exports.OnlyText = exports.Negative = exports.Fluid = exports.Disabled = exports.Centered = exports.ButtonGroup = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Button = _interopRequireDefault(require("./Button.styles"));
9
- var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
10
- var _ButtonContainer = require("../ButtonContainer/ButtonContainer.styles");
11
- var _global = _interopRequireDefault(require("../../styles/global"));
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- // import { DoubleButtons } from '../DoubleButton/DoubleButton.styles'
14
- var _default = exports.default = {
15
- title: 'Components Library/Buttons/Button',
16
- component: _Button.default,
17
- argTypes: {
18
- children: {
19
- control: 'text'
20
- },
21
- onClick: {
22
- action: 'clicked'
23
- },
24
- secondary: {
25
- control: 'boolean'
26
- },
27
- disabled: {
28
- control: 'boolean'
29
- },
30
- negative: {
31
- control: 'boolean'
32
- },
33
- center: {
34
- control: 'boolean'
35
- },
36
- fluid: {
37
- control: 'boolean'
38
- },
39
- outline: {
40
- control: 'boolean'
41
- },
42
- outlineBlack: {
43
- control: 'boolean'
44
- },
45
- onlyText: {
46
- control: 'boolean'
47
- },
48
- minWidth: {
49
- control: 'text'
50
- },
51
- marginTop: {
52
- control: 'text'
53
- },
54
- marginRight: {
55
- control: 'text'
56
- },
57
- withMarginBottom: {
58
- control: 'boolean'
59
- }
60
- }
61
- };
62
- const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ButtonContainer.ButtonContainer, null, /*#__PURE__*/_react.default.createElement(_Button.default, args, "Button"))));
63
- const Primary = exports.Primary = Template.bind({});
64
- Primary.args = {
65
- children: 'Primary Button'
66
- };
67
- const Secondary = exports.Secondary = Template.bind({});
68
- Secondary.args = {
69
- children: 'Secondary Button',
70
- secondary: true
71
- };
72
- const Disabled = exports.Disabled = Template.bind({});
73
- Disabled.args = {
74
- children: 'Disabled Button',
75
- disabled: true
76
- };
77
- const Negative = exports.Negative = Template.bind({});
78
- Negative.args = {
79
- children: 'Negative Button',
80
- negative: true
81
- };
82
- const Outline = exports.Outline = Template.bind({});
83
- Outline.args = {
84
- children: 'Outline Button',
85
- outline: true
86
- };
87
- const OutlineBlack = exports.OutlineBlack = Template.bind({});
88
- OutlineBlack.args = {
89
- children: 'Outline Black Button',
90
- outlineBlack: true
91
- };
92
- const OnlyText = exports.OnlyText = Template.bind({});
93
- OnlyText.args = {
94
- children: 'Text Only Button',
95
- onlyText: true
96
- };
97
- const Fluid = exports.Fluid = Template.bind({});
98
- Fluid.args = {
99
- children: 'Fluid Width Button',
100
- fluid: true
101
- };
102
- const WithMinWidth = exports.WithMinWidth = Template.bind({});
103
- WithMinWidth.args = {
104
- children: 'Min Width Button',
105
- minWidth: '200px'
106
- };
107
- const Centered = exports.Centered = Template.bind({});
108
- Centered.args = {
109
- children: 'Centered Button',
110
- center: true
111
- };
112
- const WithMargin = exports.WithMargin = Template.bind({});
113
- WithMargin.args = {
114
- children: 'Button with Margin',
115
- marginTop: '20px',
116
- marginRight: '20px'
117
- };
118
- const WithBottomMargin = exports.WithBottomMargin = Template.bind({});
119
- WithBottomMargin.args = {
120
- children: 'Button with Bottom Margin',
121
- withMarginBottom: true
122
- };
123
- const ButtonGroup = () => /*#__PURE__*/_react.default.createElement("div", {
124
- style: {
125
- display: 'flex',
126
- gap: '10px'
127
- }
128
- }, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Primary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
129
- secondary: true
130
- }, "Secondary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
131
- outlineBlack: true
132
- }, "Outline Black"), /*#__PURE__*/_react.default.createElement(_Button.default, {
133
- negative: true
134
- }, "Negative"));
135
-
136
- // export const DoubleButton = args => (
137
- // <ComponentWrapper>
138
- // <DoubleButtons />
139
- // </ComponentWrapper>
140
- // )
141
-
142
- // doublecheck:
143
- //other props mentioned in Button.styles that are not in propTypes:
144
- //type, minWidth, fluid, onlyText, outLine, marginTop, isUpdates, isDone..
145
- // Doublebuttons not showing, cannot find use
146
- exports.ButtonGroup = ButtonGroup;
@@ -1,132 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.SlowAnimation = exports.FullWidth = exports.FastAnimation = exports.Disabled = exports.Default = exports.CustomColors = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _GlareButton = _interopRequireDefault(require("./GlareButton"));
9
- var _actions = require("storybook/actions");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
14
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
15
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
16
- var _default = exports.default = {
17
- title: 'Components Library/Buttons/GlareButton',
18
- component: _GlareButton.default,
19
- parameters: {
20
- docs: {
21
- description: {
22
- component: 'A button with animated glare effect that adds visual interest to important actions.'
23
- }
24
- }
25
- },
26
- argTypes: {
27
- children: {
28
- control: 'text',
29
- description: 'Button content'
30
- },
31
- onClick: {
32
- action: 'clicked',
33
- description: 'Function called when button is clicked'
34
- },
35
- disabled: {
36
- control: 'boolean',
37
- description: 'Disables the button when true'
38
- },
39
- nowrap: {
40
- control: 'boolean',
41
- description: 'When true, button is displayed inline instead of block'
42
- },
43
- fullWidth: {
44
- control: 'boolean',
45
- description: 'Makes the button take full width of its container'
46
- },
47
- disabledColor: {
48
- control: 'color',
49
- description: 'Custom color for disabled state'
50
- },
51
- buttonId: {
52
- control: 'text',
53
- description: 'Custom ID for the button element'
54
- },
55
- className: {
56
- control: 'text',
57
- description: 'Additional CSS classes'
58
- },
59
- backgroundColor: {
60
- control: 'color',
61
- description: 'Custom background color'
62
- },
63
- textColor: {
64
- control: 'color',
65
- description: 'Custom text color'
66
- },
67
- borderColor: {
68
- control: 'color',
69
- description: 'Custom border color'
70
- },
71
- glareColorDark: {
72
- control: 'color',
73
- description: 'The darker, primary color of the animated glare.'
74
- },
75
- glareColorLight: {
76
- control: 'color',
77
- description: 'The lighter, secondary color of the animated glare.'
78
- },
79
- animationDuration: {
80
- control: {
81
- type: 'range',
82
- min: 1,
83
- max: 10,
84
- step: 0.5
85
- },
86
- description: 'Duration of the glare animation in seconds'
87
- }
88
- }
89
- };
90
- const Template = args => /*#__PURE__*/_react.default.createElement("div", {
91
- style: {
92
- margin: '50px',
93
- position: 'relative'
94
- }
95
- }, /*#__PURE__*/_react.default.createElement(_GlareButton.default, args));
96
- const Default = exports.Default = Template.bind({});
97
- Default.args = {
98
- children: 'Default Glare Button',
99
- onClick: (0, _actions.action)('button-clicked'),
100
- disabled: false,
101
- nowrap: false,
102
- fullWidth: false
103
- };
104
- const Disabled = exports.Disabled = Template.bind({});
105
- Disabled.args = _objectSpread(_objectSpread({}, Default.args), {}, {
106
- children: 'Disabled Glare Button',
107
- disabled: true
108
- });
109
- const FullWidth = exports.FullWidth = Template.bind({});
110
- FullWidth.args = _objectSpread(_objectSpread({}, Default.args), {}, {
111
- children: 'Full Width Glare Button',
112
- fullWidth: true
113
- });
114
- const CustomColors = exports.CustomColors = Template.bind({});
115
- CustomColors.args = _objectSpread(_objectSpread({}, Default.args), {}, {
116
- children: 'Custom Colors',
117
- backgroundColor: '#6200ee',
118
- textColor: '#ffffff',
119
- borderColor: '#9d4edd',
120
- glareColorDark: '#e0aaff',
121
- glareColorLight: '#ffffff'
122
- });
123
- const SlowAnimation = exports.SlowAnimation = Template.bind({});
124
- SlowAnimation.args = _objectSpread(_objectSpread({}, Default.args), {}, {
125
- children: 'Slow Glare Effect',
126
- animationDuration: 8
127
- });
128
- const FastAnimation = exports.FastAnimation = Template.bind({});
129
- FastAnimation.args = _objectSpread(_objectSpread({}, Default.args), {}, {
130
- children: 'Fast Glare Effect',
131
- animationDuration: 2
132
- });
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.CapitalRaisedSum = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _CaptialRaisedSummary = _interopRequireDefault(require("./CaptialRaisedSummary"));
9
- var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
10
- var _global = _interopRequireDefault(require("../../styles/global"));
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- // import Checkbox, { CheckboxPropTypes } from '../Checkbox/Checkbox'
13
- var _default = exports.default = {
14
- title: 'Components Library/Capital Raised Summary',
15
- component: _CaptialRaisedSummary.default,
16
- argTypes: {
17
- capital: {
18
- type: 'number',
19
- defaultValue: 0,
20
- required: true
21
- },
22
- multiProgressBar: {
23
- type: 'shape',
24
- defaultValue: {}
25
- }
26
- }
27
- };
28
- const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_CaptialRaisedSummary.default, args)));
29
- const CapitalRaisedSum = exports.CapitalRaisedSum = Template.bind({});
30
- CapitalRaisedSum.args = {
31
- capital: 150,
32
- multiProgressBar: {
33
- backParts: [{
34
- value: 7,
35
- label: 'backparts - minumum fill'
36
- }],
37
- fillParts: [{
38
- value: 60,
39
- label: 'fillparts - maximum fill'
40
- }]
41
- }
42
- };
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ChartBox = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
9
- var _Text = _interopRequireDefault(require("../Text/Text.styles"));
10
- var _ChartBox = require("./ChartBox.styles");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- // import Select from "components/Input/Select";
13
- // import DonutChart from "components/DonutChart/DonutChart";
14
- // import {
15
- // DonutChartLabel,
16
- // DonutChartValue,
17
- // DonutChartInfo,
18
- // DonutChartTrend
19
- // } from "components/DonutChart/DonutChart.styles";
20
- // import ChartLegend from "components/ChartLegend/ChartLegend";
21
- // import from "components//";
22
-
23
- // import { Container, Chart, Legend, SelectWrapper } from "./ChartBox.styles";
24
-
25
- // const example = (
26
- // <
27
- // data={[
28
- // { label: "Token balance", value: "TYK 300" },
29
- // { label: "Token price", value: "€ 2.50" },
30
- // { label: "Token value", value: "€ 750" },
31
- // { label: "Distributions", value: "€ 150" },
32
- // { label: "ROI", value: "20.0%" }
33
- // ]}
34
- // />
35
- // );
36
-
37
- const ChartBox = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
38
- center: true
39
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Investments yet..."))));
40
- exports.ChartBox = ChartBox;
41
- var _default = exports.default = ChartBox;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.chartBoxEmpty = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ChartBox = require("./ChartBox");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- var _default = exports.default = {
11
- title: 'Components Library/Chart Box/Chart Box',
12
- component: _ChartBox.ChartBox
13
- };
14
- const chartBoxEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBox.ChartBox, null);
15
-
16
- //ChartBox the component is pretty much commented out
17
- exports.chartBoxEmpty = chartBoxEmpty;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SelectWrapper = exports.Legend = exports.Container = exports.Chart = void 0;
7
- var _styledComponents = _interopRequireDefault(require("styled-components"));
8
- var _rwd = _interopRequireDefault(require("../../styles/rwd"));
9
- var _templateObject, _templateObject2, _templateObject3;
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
12
- const Container = exports.Container = _styledComponents.default.div.withConfig({
13
- displayName: "ChartBoxstyles__Container",
14
- componentId: "sc-1h5ta2j-0"
15
- })(["position:relative;font-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;text-align:left;width:100%;", " @media screen and (max-width:767px){width:100%;}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: start;\n padding: 64px 0;\n flex-direction: row;\n "]))));
16
- const Chart = exports.Chart = _styledComponents.default.div.withConfig({
17
- displayName: "ChartBoxstyles__Chart",
18
- componentId: "sc-1h5ta2j-1"
19
- })(["display:block;"]);
20
- const Legend = exports.Legend = _styledComponents.default.div.withConfig({
21
- displayName: "ChartBoxstyles__Legend",
22
- componentId: "sc-1h5ta2j-2"
23
- })(["display:block;width:100%;padding-top:64px;", " ", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: auto;\n flex-grow: 1;\n padding-top: 0;\n padding-left: 64px;\n\n ", "\n "])), props => props.spaceTop && "\n padding-top: 104px;\n "), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n max-width: 768px;\n "]))));
24
- const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
25
- displayName: "ChartBoxstyles__SelectWrapper",
26
- componentId: "sc-1h5ta2j-3"
27
- })(["padding-bottom:64px;"]);
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ChartBoxDistribution = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
9
- var _Text = _interopRequireDefault(require("../Text/Text.styles"));
10
- var _ChartBox = require("./ChartBox.styles");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- // import Select from '../Input/Select';
13
- // import DonutChart from '../DonutChart/DonutChart';
14
- // import {
15
- // DonutChartLabel, DonutChartValue,
16
- // } from '../DonutChart/DonutChart.styles';
17
- // import ChartLegend from '../ChartLegend/ChartLegend';
18
-
19
- // import {
20
- // Container, Chart, Legend, SelectWrapper,
21
- // } from './ChartBox.styles';
22
-
23
- const ChartBoxDistribution = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
24
- center: true
25
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Distributions yet..."))));
26
- exports.ChartBoxDistribution = ChartBoxDistribution;
27
- var _default = exports.default = ChartBoxDistribution;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.chartBoxDistributionEmpty = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ChartBoxDistribution = require("./ChartBoxDistribution");
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- var _default = exports.default = {
11
- title: 'Components Library/Chart Box/Chart Box Distribution',
12
- component: _ChartBoxDistribution.ChartBoxDistribution
13
- };
14
- const chartBoxDistributionEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBoxDistribution.ChartBoxDistribution, null);
15
-
16
- //ChartBox the component is pretty much commented out
17
- //Legend
18
- exports.chartBoxDistributionEmpty = chartBoxDistributionEmpty;