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

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 (198) hide show
  1. package/dist/components/Chips/Chip.styles.js +3 -2
  2. package/package.json +3 -2
  3. package/dist/components/2FA/EnterCode.stories.js +0 -35
  4. package/dist/components/2FA/disable-2fa-flow.stories.js +0 -31
  5. package/dist/components/2FA/enable-2fa-flow.stories.js +0 -31
  6. package/dist/components/2FA/login-with-otp-flow.stories.js +0 -31
  7. package/dist/components/2FA/main-flow.stories.js +0 -162
  8. package/dist/components/AccountBalance/AccountBalance.stories.js +0 -83
  9. package/dist/components/AdminDashboard/Table/ReactTable.stories.js +0 -913
  10. package/dist/components/AgreementItem/AgreementItem.stories.js +0 -105
  11. package/dist/components/AnalyticGraphs/Analytic.js +0 -541
  12. package/dist/components/AnalyticGraphs/Analytic.styles.js +0 -25
  13. package/dist/components/BackButton/BackButton.stories.js +0 -32
  14. package/dist/components/Background/Background.stories.js +0 -75
  15. package/dist/components/BarChart/BarChart.js +0 -263
  16. package/dist/components/BarChart/BarChart.stories.js +0 -66
  17. package/dist/components/BarChart/BarChart.styles.js +0 -26
  18. package/dist/components/BarChartLegend/BarChartLegend.js +0 -79
  19. package/dist/components/BarChartLegend/BarChartLegend.styles.js +0 -21
  20. package/dist/components/BasicTable/BasicTable.stories.js +0 -59
  21. package/dist/components/BlogPost/BlogPost.stories.js +0 -160
  22. package/dist/components/Button/Button.stories.js +0 -146
  23. package/dist/components/Button/GlareButton.stories.js +0 -132
  24. package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js +0 -42
  25. package/dist/components/ChartBox/ChartBox.js +0 -41
  26. package/dist/components/ChartBox/ChartBox.stories.js +0 -17
  27. package/dist/components/ChartBox/ChartBox.styles.js +0 -27
  28. package/dist/components/ChartBox/ChartBoxDistribution.js +0 -27
  29. package/dist/components/ChartBox/ChartBoxDistribution.stories.js +0 -18
  30. package/dist/components/ChartLegend/ChartLegend.stories.js +0 -90
  31. package/dist/components/Checkbox/Checkbox.stories.js +0 -88
  32. package/dist/components/Checklist/ChecklistCard.stories.js +0 -102
  33. package/dist/components/Checklist/UserChecklist.js +0 -184
  34. package/dist/components/Checklist/UserChecklist.stories.js +0 -317
  35. package/dist/components/Chips/Chip.stories.js +0 -36
  36. package/dist/components/Chips/ChipsWrapper.stories.js +0 -47
  37. package/dist/components/ComponentScroll/ComponentScroll.stories.js +0 -111
  38. package/dist/components/CryptoAddress/CryptoAddress.stories.js +0 -205
  39. package/dist/components/CryptoAddressDetails/CryptoAddressDetails.stories.js +0 -70
  40. package/dist/components/DonutChart/DonutChart.stories.js +0 -54
  41. package/dist/components/FAQ/FAQ.stories.js +0 -76
  42. package/dist/components/Footer/Footer.stories.js +0 -49
  43. package/dist/components/Footer/FooterLayout.stories.js +0 -26
  44. package/dist/components/Footer/FooterMenu.stories.js +0 -113
  45. package/dist/components/Footer/mangopay.png +0 -0
  46. package/dist/components/Footer/mangopay.svg +0 -20
  47. package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js +0 -69
  48. package/dist/components/Form/Form.stories.js +0 -32
  49. package/dist/components/FullscreenCard/FullscreenCard.styles.js +0 -27
  50. package/dist/components/Header/Header.stories.js +0 -192
  51. package/dist/components/Icon/Icon.stories.js +0 -108
  52. package/dist/components/InfoIcon/InfoIcon.stories.js +0 -299
  53. package/dist/components/InfoPanel/InfoPanel.js +0 -124
  54. package/dist/components/Input/DatePickerInput.stories.js +0 -87
  55. package/dist/components/Input/Input.stories.js +0 -217
  56. package/dist/components/Input/InputPassword.stories.js +0 -80
  57. package/dist/components/Input/InputWithButton.stories.js +0 -75
  58. package/dist/components/Input/MultiSelect.stories.js +0 -264
  59. package/dist/components/Input/OtpInput.stories.js +0 -57
  60. package/dist/components/Input/RangeInput.stories.js +0 -58
  61. package/dist/components/Input/SearchInput.stories.js +0 -366
  62. package/dist/components/Input/Select.stories.js +0 -478
  63. package/dist/components/InvestCalculator/InvestCalculator.stories.js +0 -135
  64. package/dist/components/InvestmentStat/InvestmentStat.stories.js +0 -52
  65. package/dist/components/KYCFlow/BasicInfo.js +0 -448
  66. package/dist/components/KYCFlow/Confirmation.js +0 -46
  67. package/dist/components/KYCFlow/DocumentFileUpload.js +0 -263
  68. package/dist/components/KYCFlow/DocumentScan.js +0 -75
  69. package/dist/components/KYCFlow/DocumentScanUpload.js +0 -251
  70. package/dist/components/KYCFlow/DocumentSelect.js +0 -118
  71. package/dist/components/KYCFlow/DocumentSuccess.js +0 -63
  72. package/dist/components/KYCFlow/DocumentUpload.js +0 -53
  73. package/dist/components/KYCFlow/DocumentVerificationType.js +0 -131
  74. package/dist/components/KYCFlow/FaceScan.js +0 -54
  75. package/dist/components/KYCFlow/FaceScanRecognition.js +0 -61
  76. package/dist/components/KYCFlow/FaceScanSuccess.js +0 -56
  77. package/dist/components/KYCFlow/Terms.js +0 -119
  78. package/dist/components/KYCFlow/_styles.js +0 -111
  79. package/dist/components/KYCFlow/index.js +0 -97
  80. package/dist/components/KYCSelectBox/KYCSelectBox.styles.js +0 -29
  81. package/dist/components/LatestUpdate/LatestUpdate.stories.js +0 -58
  82. package/dist/components/Layout/Layout.stories.js +0 -60
  83. package/dist/components/LearnMoreCarousel/LearnMoreCarousel.stories.js +0 -66
  84. package/dist/components/LearnMorePage/LearnMore.stories.js +0 -48
  85. package/dist/components/LearnMorePage/LearnMoreItem.stories.js +0 -62
  86. package/dist/components/LearnMoreSection/LearnMore.stories.js +0 -30
  87. package/dist/components/LearnMoreSection/LearnMoreItem.stories.js +0 -59
  88. package/dist/components/LoginModal/LoginModal.stories.js +0 -74
  89. package/dist/components/MatomoConnect/Matomo.js +0 -228
  90. package/dist/components/MatomoConnect/Matomo_fuckup.js +0 -387
  91. package/dist/components/Modal/Modal.stories.js +0 -75
  92. package/dist/components/Modal/NewVentureModal/NewVentureModal.stories.js +0 -150
  93. package/dist/components/Modal/PaymentModal.stories.js +0 -57
  94. package/dist/components/Modal/SideModal.stories.js +0 -342
  95. package/dist/components/MultiProgressBar/MultiProgressBar.stories.js +0 -67
  96. package/dist/components/Newsletter/Newsletter.stories.js +0 -16
  97. package/dist/components/NotificationContext/NotificationContext.js +0 -141
  98. package/dist/components/Number/Number.stories.js +0 -92
  99. package/dist/components/Pagination/Pagination.stories.js +0 -83
  100. package/dist/components/Pagination/PaginationControls.stories.js +0 -112
  101. package/dist/components/Payment/PaymentDetailsCard.stories.js +0 -198
  102. package/dist/components/Payment/PaymentDisplay.stories.js +0 -302
  103. package/dist/components/Payment/TimerComponent.stories.js +0 -236
  104. package/dist/components/Process/Process.stories.js +0 -42
  105. package/dist/components/ProfileBadge/ProfileBadge.stories.js +0 -45
  106. package/dist/components/ProfileBox/ProfileBox.stories.js +0 -35
  107. package/dist/components/ProfileHeader/ProfileHeader.js +0 -252
  108. package/dist/components/ProfileHeader/ProfileHeader.styles.js +0 -65
  109. package/dist/components/ProfileStat/ProfileStat.stories.js +0 -66
  110. package/dist/components/ProofOfAddress/ProofOfAddress.styles.js +0 -53
  111. package/dist/components/QRCode/QRCode.stories.js +0 -104
  112. package/dist/components/Radio/Radio.stories.js +0 -73
  113. package/dist/components/RefreshButton/RefreshButton.stories.js +0 -38
  114. package/dist/components/RegisterAlgorand/AlgoAddressName.js +0 -138
  115. package/dist/components/RegisterAlgorand/AlgoAdressSelect.js +0 -443
  116. package/dist/components/RegisterAlgorand/AlgoConnectWallet.js +0 -47
  117. package/dist/components/RegisterAlgorand/AlgoSuccess.js +0 -38
  118. package/dist/components/RegisterAlgorand/Algorand.stories.js +0 -80
  119. package/dist/components/RegisterAlgorand/ChooseWallet.js +0 -97
  120. package/dist/components/RegisterAlgorand/SelectProject.js +0 -89
  121. package/dist/components/RegisterAlgorand/_styles.js +0 -28
  122. package/dist/components/RegisterAlgorand/flow.js +0 -409
  123. package/dist/components/RegisterAlgorand/flowWithMemo.js +0 -410
  124. package/dist/components/RegisterAlgorand/index.js +0 -48
  125. package/dist/components/RegisterConfirmModal/RegisterConfirmModal.stories.js +0 -41
  126. package/dist/components/RegisterEthereum/EthAddressLedger.js +0 -226
  127. package/dist/components/RegisterEthereum/EthAddressMetamask.js +0 -204
  128. package/dist/components/RegisterEthereum/EthAddressName.js +0 -135
  129. package/dist/components/RegisterEthereum/EthConnectLedger.js +0 -194
  130. package/dist/components/RegisterEthereum/EthConnectMetamask.js +0 -35
  131. package/dist/components/RegisterEthereum/EthFinish.js +0 -41
  132. package/dist/components/RegisterEthereum/EthIntro.js +0 -95
  133. package/dist/components/RegisterEthereum/_styles.js +0 -28
  134. package/dist/components/RegisterEthereum/index.js +0 -68
  135. package/dist/components/RegisterModal/RegisterModal.stories.js +0 -49
  136. package/dist/components/RequestDataBox/RequestDataBox.stories.js +0 -37
  137. package/dist/components/RiskQuestionnaire/RiskQuestionnaireContext.js +0 -185
  138. package/dist/components/RiskQuestionnaire/_styles.js +0 -15
  139. package/dist/components/SEO/SEO.stories.js +0 -60
  140. package/dist/components/SideLine/SideLine.stories.js +0 -28
  141. package/dist/components/SigningSubflow/SignSubAddressMetamask.js +0 -137
  142. package/dist/components/SigningSubflow/SignSubConnectLedger.js +0 -150
  143. package/dist/components/SigningSubflow/SignSubConnectMetamask.js +0 -137
  144. package/dist/components/SigningSubflow/SignSubIntro.js +0 -55
  145. package/dist/components/SigningSubflow/SignSubSendLedger.js +0 -150
  146. package/dist/components/SigningSubflow/SignSubSendMetamask.js +0 -62
  147. package/dist/components/SigningSubflow/SignSubTransactionLedger.js +0 -161
  148. package/dist/components/SigningSubflow/SignSubTransactionMetamask.js +0 -166
  149. package/dist/components/SigningSubflow/_styles.js +0 -34
  150. package/dist/components/SigningSubflow/index.js +0 -32
  151. package/dist/components/Slider/Slider.stories.js +0 -68
  152. package/dist/components/Snackbar/Snackbar.stories.js +0 -292
  153. package/dist/components/StatusTag/StatusTag.stories.js +0 -262
  154. package/dist/components/StepController/StepController.stories.js +0 -60
  155. package/dist/components/StepController/StepControllerProgress.stories.js +0 -49
  156. package/dist/components/StepsProgress/StepIndicator.stories.js +0 -153
  157. package/dist/components/StepsProgress/StepsProgress.stories.js +0 -49
  158. package/dist/components/Switch/Switch.stories.js +0 -81
  159. package/dist/components/Tabs/Tabs.stories.js +0 -36
  160. package/dist/components/TabsNav/TabNav.stories.js +0 -40
  161. package/dist/components/TabsNav/TabsNav.stories.js +0 -37
  162. package/dist/components/TeamOverview/TeamOverview.stories.js +0 -76
  163. package/dist/components/TermsModal/TermsModal.stories.js +0 -31
  164. package/dist/components/Text/Headline.stories.js +0 -48
  165. package/dist/components/Text/Text.stories.js +0 -70
  166. package/dist/components/TextLink/TextLink.stories.js +0 -35
  167. package/dist/components/Timeline/Timeline.stories.js +0 -393
  168. package/dist/components/ToDoList/ToDoList.stories.js +0 -133
  169. package/dist/components/ToDoList/ToDoListTask.stories.js +0 -70
  170. package/dist/components/TransactionDetails/TransactionDetails.stories.js +0 -55
  171. package/dist/components/TransactionDetails/TransactionDetailsTable.stories.js +0 -305
  172. package/dist/components/TransactionInfo/TransactionInfo.stories.js +0 -61
  173. package/dist/components/TwoFactorModal/TwoFactorModal.js +0 -100
  174. package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js +0 -59
  175. package/dist/components/headerHo/HeaderHo.stories.js +0 -35
  176. package/dist/components/icons/Arrow.stories.js +0 -42
  177. package/dist/components/icons/ArrowSimple.stories.js +0 -48
  178. package/dist/components/icons/Check.stories.js +0 -22
  179. package/dist/components/icons/Facebook.stories.js +0 -21
  180. package/dist/components/icons/Facebook_Logo.png +0 -0
  181. package/dist/components/icons/Info.stories.js +0 -16
  182. package/dist/components/icons/Instagram.stories.js +0 -21
  183. package/dist/components/icons/LI-In-Bug.png +0 -0
  184. package/dist/components/icons/LinkIcon.stories.js +0 -21
  185. package/dist/components/icons/LinkedIn.stories.js +0 -16
  186. package/dist/components/icons/Medium.stories.js +0 -16
  187. package/dist/components/icons/Reddit.stories.js +0 -21
  188. package/dist/components/icons/Share.stories.js +0 -16
  189. package/dist/components/icons/Telegram-Logo.png +0 -0
  190. package/dist/components/icons/Telegram.stories.js +0 -16
  191. package/dist/components/icons/Twitter.stories.js +0 -21
  192. package/dist/components/icons/X-logo-black.png +0 -0
  193. package/dist/components/icons/X.stories.js +0 -16
  194. package/dist/components/icons/Youtube.stories.js +0 -21
  195. package/dist/components/icons/youtube_social_circle_red.png +0 -0
  196. package/dist/components/logo/Logo.stories.js +0 -260
  197. package/dist/components/taxId/TaxId.stories.js +0 -50
  198. 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;