@stokr/components-library 2.0.0-beta.2 → 2.0.0-beta.3

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 (8) hide show
  1. package/dist/components/2FA/Connect2FA.js +28 -9
  2. package/dist/components/2FA/EnterCode.js +2 -1
  3. package/dist/components/2FA/InstallAuthApp.js +41 -11
  4. package/dist/components/2FA/enable-2fa-flow.js +0 -1
  5. package/dist/components/Input/OtpInput.js +54 -8
  6. package/dist/components/TermsModal/TermsModal.js +1 -1
  7. package/dist/static/images/google_auth.png +0 -0
  8. package/package.json +1 -1
package/dist/components/2FA/Connect2FA.js CHANGED
@@ -17,29 +17,48 @@ var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/Compon
17
17
  var _Modal = require("../Modal/Modal.styles");
18
18
  var _StyledText = _interopRequireDefault(require("../Text/StyledText"));
19
19
  var _reactQrCode = _interopRequireDefault(require("react-qr-code"));
20
+ var _Grid = require("../Grid/Grid.styles");
20
21
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
23
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
24
  var Connect2FA = function Connect2FA(props) {
25
+ var _totpData$totpSecret;
24
26
  var changeStep = props.changeStep,
25
27
  totpData = props.totpData;
26
- return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "connect 2 factor app")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
27
- noPaddingVertical: true
28
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "connect 2 factor app"), /*#__PURE__*/_react.default.createElement("p", null, "scan the qr code"))), totpData && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
28
+ return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
29
+ part: 8
30
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
31
+ modalTop: true
32
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Connect two factor with stokr"), /*#__PURE__*/_react.default.createElement("p", null, "Scan the QR code on the right or enter secret key manually on your app to connect your account"))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
33
+ modalBot: true
34
+ })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
35
+ part: 8
36
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
37
+ noPaddingTop: true,
38
+ noPaddingHorizontal: true
39
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, {
40
+ small: true
41
+ }, /*#__PURE__*/_react.default.createElement("p", null, "1. Start Google Authenticator or a similar app on your phone"), /*#__PURE__*/_react.default.createElement("p", null, "2. In the app, add a new account and scan the QR code below"), /*#__PURE__*/_react.default.createElement("p", null, "3. Click Continue when you are done"))), totpData && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
29
42
  center: true
30
43
  }, /*#__PURE__*/_react.default.createElement(_reactQrCode.default, {
31
- size: 256
44
+ size: 180
32
45
  //style={{ height: 'auto', maxWidth: '100%', width: '100%' }}
33
46
  ,
34
47
  value: totpData === null || totpData === void 0 ? void 0 : totpData.totpUri,
35
48
  viewBox: "0 0 256 256"
36
- })), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
49
+ }), /*#__PURE__*/_react.default.createElement("p", {
50
+ style: {
51
+ fontSize: 11
52
+ }
53
+ }, (_totpData$totpSecret = totpData.totpSecret) === null || _totpData$totpSecret === void 0 ? void 0 : _totpData$totpSecret.secretKey)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
37
54
  noPaddingTop: true,
38
- center: true
55
+ center: true,
56
+ noPaddingHorizontal: true
39
57
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
40
- minWidth: "300px",
41
- onClick: changeStep
42
- }, "Continue"))));
58
+ minWidth: "150px",
59
+ onClick: changeStep,
60
+ fluid: true
61
+ }, "Continue"))))));
43
62
  };
44
63
  var _default = Connect2FA;
45
64
  exports.default = _default;
package/dist/components/2FA/EnterCode.js CHANGED
@@ -71,7 +71,8 @@ var EnterCode = function EnterCode(props) {
71
71
  onChange: function onChange(e) {
72
72
  setFieldValue('otpInput', e);
73
73
  setFieldTouched('otpInput');
74
- }
74
+ },
75
+ label: "authentication code"
75
76
  }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
76
77
  show: errors.otpInput && touched.otpInput
77
78
  }, errors.otpInput))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
package/dist/components/2FA/InstallAuthApp.js CHANGED
@@ -16,28 +16,58 @@ var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/Comp
16
16
  var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
17
17
  var _Modal = require("../Modal/Modal.styles");
18
18
  var _StyledText = _interopRequireDefault(require("../Text/StyledText"));
19
+ var _Grid = require("../Grid/Grid.styles");
20
+ var _google_auth = _interopRequireDefault(require("../../static/images/google_auth.png"));
19
21
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
23
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
24
  var InstallAuthApp = function InstallAuthApp(props) {
23
25
  var changeStep = props.changeStep;
24
- return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "install 2 factor app")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
25
- noPaddingVertical: true
26
- }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "install 2 factor app"), /*#__PURE__*/_react.default.createElement("p", null, "We recommend using google authenticator"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
27
- noPaddingBottom: true
28
- }, /*#__PURE__*/_react.default.createElement(_RegisterEthereum.EthInfo, {
29
- center: true
30
- }, "I use different app")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
26
+ return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
27
+ part: 8
28
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
29
+ modalTop: true
30
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Install two factor app"), /*#__PURE__*/_react.default.createElement("p", null, ' ', "In order to set up two-factor authentication you need to install one of the authenticator apps on your phone."))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
31
+ modalBot: true
32
+ })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
33
+ part: 8
34
+ }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
35
+ noPaddingTop: true,
36
+ noPaddingHorizontal: true
37
+ }, /*#__PURE__*/_react.default.createElement(_Text.default, {
38
+ small: true
39
+ }, /*#__PURE__*/_react.default.createElement("p", null, "Click below to download Google Authenticator app. If you already have Google Authenticator installed or use a different Authenticator App, click Continue.", ' '))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
40
+ noPaddingHorizontal: true,
31
41
  center: true
32
- }), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
42
+ }, /*#__PURE__*/_react.default.createElement(_Button.default, {
43
+ minWidth: "150px",
44
+ fluid: true,
45
+ onClick: function onClick() {
46
+ window.open('https://onelink.to/ev63j9', '_blank');
47
+ },
48
+ secondary: true
49
+ }, "Get the app", ' ', /*#__PURE__*/_react.default.createElement("img", {
50
+ src: _google_auth.default,
51
+ width: 20,
52
+ style: {
53
+ verticalAlign: 'middle',
54
+ marginLeft: '6px',
55
+ marginTop: '-3px'
56
+ }
57
+ //height={20}
58
+ ,
59
+ alt: "google auth logo"
60
+ }))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
61
+ noPaddingHorizontal: true,
33
62
  noPaddingTop: true,
34
63
  center: true
35
64
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
36
- minWidth: "300px"
65
+ minWidth: "150px"
37
66
  //onClick={onRegisterClick}
38
67
  ,
39
- onClick: changeStep
40
- }, "Continue"))));
68
+ onClick: changeStep,
69
+ fluid: true
70
+ }, "Continue"))))));
41
71
  };
42
72
  var _default = InstallAuthApp;
43
73
  exports.default = _default;
package/dist/components/2FA/enable-2fa-flow.js CHANGED
@@ -115,7 +115,6 @@ var Enable2FAFlow = function Enable2FAFlow(_ref) {
115
115
  stepController.changeStep(stepsNames[prevStepIndex], prevStepIndex);
116
116
  };
117
117
  return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
118
- fullscreen: true,
119
118
  isOpen: showFlow,
120
119
  onClose: function onClose() {
121
120
  return setShowFlow(false);
package/dist/components/Input/OtpInput.js CHANGED
@@ -1,30 +1,45 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = exports.OtpInput = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
+ var _react = _interopRequireWildcard(require("react"));
8
9
  var _reactOtpInput = _interopRequireDefault(require("react-otp-input"));
9
10
  var _styledComponents = require("styled-components");
11
+ var _Input = require("./Input.styles");
12
+ var _theme = _interopRequireDefault(require("../../styles/theme"));
13
+ var _rwd = _interopRequireDefault(require("../../styles/rwd"));
14
+ var _templateObject;
10
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
18
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
20
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
21
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
22
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
23
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
24
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
12
26
  var inputStyle = {
13
27
  outline: 'none',
14
28
  border: 'none',
15
- borderBottom: '2px solid #000',
29
+ borderBottom: "1px solid ".concat(_theme.default.cBlack),
16
30
  padding: '10px',
31
+ paddingBottom: '2px',
17
32
  minWidth: 30,
18
33
  fontSize: 16,
19
- fontWeight: 'bold'
34
+ // fontWeight: 'bold',
35
+ marginTop: 4
20
36
  };
21
37
  var Separator = _styledComponents.styled.span.withConfig({
22
38
  displayName: "OtpInput__Separator",
23
39
  componentId: "sc-1n9hk3k-0"
24
- })(["padding:10px;"]);
40
+ })(["padding:5px;", ""], _rwd.default.Mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 10px;\n "]))));
25
41
  var OtpInput = function OtpInput(props) {
26
42
  var value = props.value,
27
- onChange = props.onChange,
28
43
  _props$numInputs = props.numInputs,
29
44
  numInputs = _props$numInputs === void 0 ? 4 : _props$numInputs,
30
45
  _props$RenderSeparato = props.RenderSeparator,
@@ -32,8 +47,39 @@ var OtpInput = function OtpInput(props) {
32
47
  _props$inputType = props.inputType,
33
48
  inputType = _props$inputType === void 0 ? 'text' : _props$inputType,
34
49
  _props$shouldAutoFocu = props.shouldAutoFocus,
35
- shouldAutoFocus = _props$shouldAutoFocu === void 0 ? true : _props$shouldAutoFocu;
36
- return /*#__PURE__*/_react.default.createElement(_reactOtpInput.default, _extends({
50
+ shouldAutoFocus = _props$shouldAutoFocu === void 0 ? true : _props$shouldAutoFocu,
51
+ label = props.label;
52
+ var _useState = (0, _react.useState)(false),
53
+ _useState2 = _slicedToArray(_useState, 2),
54
+ labelUp = _useState2[0],
55
+ setLabelUp = _useState2[1];
56
+ var _useState3 = (0, _react.useState)(false),
57
+ _useState4 = _slicedToArray(_useState3, 2),
58
+ hasFocus = _useState4[0],
59
+ setHasFocus = _useState4[1];
60
+ (0, _react.useEffect)(function () {
61
+ checkLabel(false);
62
+ }, []);
63
+ (0, _react.useEffect)(function () {
64
+ checkLabel(false);
65
+ }, [hasFocus, value]);
66
+ (0, _react.useEffect)(function () {
67
+ if (value && !labelUp) setLabelUp(true);
68
+ }, [value, labelUp]);
69
+ var onChange = function onChange(e, field) {
70
+ var onChange = props.onChange;
71
+ onChange && onChange(e, field);
72
+ };
73
+ var checkLabel = function checkLabel(focus) {
74
+ setHasFocus(focus);
75
+ setLabelUp(focus || !!value);
76
+ };
77
+ return /*#__PURE__*/_react.default.createElement(_Input.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Input.Label, {
78
+ isUp: true,
79
+ style: {
80
+ lineHeight: 'inherit'
81
+ }
82
+ }, label), /*#__PURE__*/_react.default.createElement(_Input.InputWrap, null, /*#__PURE__*/_react.default.createElement(_reactOtpInput.default, _extends({
37
83
  value: value,
38
84
  onChange: onChange,
39
85
  numInputs: numInputs,
@@ -46,7 +92,7 @@ var OtpInput = function OtpInput(props) {
46
92
  renderInput: function renderInput(props) {
47
93
  return /*#__PURE__*/_react.default.createElement("input", props);
48
94
  }
49
- }, props));
95
+ }, props))));
50
96
  };
51
97
  exports.OtpInput = OtpInput;
52
98
  var _default = OtpInput;
package/dist/components/TermsModal/TermsModal.js CHANGED
@@ -35,7 +35,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
35
35
  var StyledPrivacyText = _styledComponents.default.div.withConfig({
36
36
  displayName: "TermsModal__StyledPrivacyText",
37
37
  componentId: "sc-1x5p4y6-0"
38
- })(["width:100%;p{color:", ";font-size:16px;line-height:1.5;font-weight:300;margin:0;padding-bottom:10px;font-style:normal;font-stretch:normal;letter-spacing:0.6px;}a{text-decoration:none;color:", ";font-weight:300;}}h4{font-size:17.2px;font-weight:700;line-height:1.28571em;letter-spacing:normal;position:relative;margin-top:29px;margin-bottom:16px;}table{border-collapse:collapse;margin:32px 0;font-size:16px;tr{td:first-child{width:", ";text-align:center;}td:last-child{width:", ";}}td,th{border:1px solid #2e2e2e;padding:10px;li{margin-bottom:0;}}}ul{list-style-type:disclosure-closed;list-style:none;margin:0;padding:0;}li{padding:0 0 0 2rem;color:", ";font-size:0.75rem;letter-spacing:normal;line-height:1.31rem;font-weight:200;margin-bottom:1rem;position:relative;font-size:16px !important;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5 !important;letter-spacing:0.6px;a{word-break:break-all !important;}&:before{content:'';position:absolute;width:10px;height:10px;background:#0050ca;border-radius:100px;left:0;top:0px;margin-top:0.4rem;@media screen and (min-width:1440px){top:-1px;}}}"], _theme.default.cBlack, _theme.default.cBlack, function (props) {
38
+ })(["width:100%;p{color:", ";font-size:16px;line-height:1.5;font-weight:300;margin:0;padding-bottom:10px;font-style:normal;font-stretch:normal;letter-spacing:0.6px;}a{text-decoration:none;color:", ";font-weight:300;}}h4{font-size:17.2px !important;font-weight:700 !important;line-height:1.28571em;letter-spacing:normal;position:relative;margin-top:29px;margin-bottom:16px;}table{border-collapse:collapse;margin:32px 0;font-size:16px;tr{td:first-child{width:", ";text-align:center;}td:last-child{width:", ";}}td,th{border:1px solid #2e2e2e;padding:10px;li{margin-bottom:0;}}}ul{list-style-type:disclosure-closed;list-style:none;margin:0;padding:0;}li{padding:0 0 0 2rem;color:", ";font-size:0.75rem;letter-spacing:normal;line-height:1.31rem;font-weight:200;margin-bottom:1rem;position:relative;font-size:16px !important;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5 !important;letter-spacing:0.6px;a{word-break:break-all !important;}&:before{content:'';position:absolute;width:10px;height:10px;background:#0050ca;border-radius:100px;left:0;top:0px;margin-top:0.4rem;@media screen and (min-width:1440px){top:-1px;}}}"], _theme.default.cBlack, _theme.default.cBlack, function (props) {
39
39
  return props.thirdParties ? '30%' : '40%';
40
40
  }, function (props) {
41
41
  return props.thirdParties ? '70%' : '60%';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokr/components-library",
3
- "version": "2.0.0-beta.2",
3
+ "version": "2.0.0-beta.3",
4
4
  "description": "STOKR - Components Library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",