@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/SEO/SEO.js

@@ -8,17 +8,19 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SEO(_ref) {
-  var description = _ref.description,
-    lang = _ref.lang,
-    meta = _ref.meta,
-    keywords = _ref.keywords,
-    title = _ref.title,
-    author = _ref.author;
+  let {
+    description,
+    lang,
+    meta,
+    keywords,
+    title,
+    author
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
     htmlAttributes: {
-      lang: lang
+      lang
     },
     title: title,
     titleTemplate: "STOKR \u2022 %s",
@@ -67,5 +69,4 @@ SEO.propTypes = {
   title: _propTypes.default.string.isRequired,
   author: _propTypes.default.string
 };
-var _default = SEO;
-exports.default = _default;
+var _default = exports.default = SEO;

package/dist/components/SEO/SEO.stories.js

@@ -7,8 +7,8 @@ exports.default = exports.SEOOverview = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _SEO = _interopRequireDefault(require("./SEO"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/SEO',
   component: _SEO.default,
   argTypes: {
@@ -38,12 +38,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_SEO.default, args));
-};
-var SEOOverview = Template.bind({});
-exports.SEOOverview = SEOOverview;
+const Template = args => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_SEO.default, args));
+const SEOOverview = exports.SEOOverview = Template.bind({});
 SEOOverview.args = {
   title: 'A Title',
   description: 'A Description',

package/dist/components/SectionTitle/SectionTitle.styles.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SectionTitle = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var SectionTitle = _styledComponents.default.h2.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SectionTitle = exports.SectionTitle = _styledComponents.default.h2.withConfig({
   displayName: "SectionTitlestyles__SectionTitle",
   componentId: "sc-j9h0wp-0"
 })(["position:relative;font-family:'Open Sans';font-weight:normal;font-size:11px;line-height:20px;letter-spacing:2px;text-transform:uppercase;padding:0;border:0;margin:0;span{display:inline-block;}strong{display:inline-block;font-weight:bold;}"]);
-exports.SectionTitle = SectionTitle;
-var _default = SectionTitle;
-exports.default = _default;
+var _default = exports.default = SectionTitle;

package/dist/components/ShareButton/ShareButton.js

@@ -14,84 +14,88 @@ var _XLogoBlack = _interopRequireDefault(require("../../static/images/social/X-l
 var _TelegramLogo = _interopRequireDefault(require("../../static/images/social/Telegram-Logo.png"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon2"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-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); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var duration = 700;
-var Outer = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+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); }
+const duration = 700;
+const Outer = _styledComponents.default.div.withConfig({
   displayName: "ShareButton__Outer",
   componentId: "sc-1yaoiai-0"
 })(["display:inline-block;height:40px;position:relative;z-index:0;a{svg{fill:", " !important;transition:all 0.3s;}}a:hover{svg{fill:", " !important;}}"], _theme.default.cGray, _theme.default.cRed);
-var rightCss = (0, _styledComponents.css)(["right:auto;left:-10px;padding-left:30px;padding-right:0;border-radius:5px 25px 25px 5px;border-left:0;border-right:1px solid ", ";"], _theme.default.cGray);
-var openHelper = function openHelper(_ref) {
-  var right = _ref.right;
+const rightCss = (0, _styledComponents.css)(["right:auto;left:-10px;padding-left:30px;padding-right:0;border-radius:5px 25px 25px 5px;border-left:0;border-right:1px solid ", ";"], _theme.default.cGray);
+const openHelper = _ref => {
+  let {
+    right
+  } = _ref;
   return right && rightCss;
 };
-var buttonsWrapperRightCss = (0, _styledComponents.css)(["right:auto;left:20px;"]);
-var buttonsWrapperHelper = function buttonsWrapperHelper(_ref2) {
-  var right = _ref2.right;
+const buttonsWrapperRightCss = (0, _styledComponents.css)(["right:auto;left:20px;"]);
+const buttonsWrapperHelper = _ref2 => {
+  let {
+    right
+  } = _ref2;
   return right && buttonsWrapperRightCss;
 };
-var ButtonsWrapper = _styledComponents.default.div.withConfig({
+const ButtonsWrapper = _styledComponents.default.div.withConfig({
   displayName: "ShareButton__ButtonsWrapper",
   componentId: "sc-1yaoiai-1"
-})(["position:absolute;top:50%;transform:translateY(-50%);overflow:hidden;width:", ";height:50px;right:20px;transition:all ", "ms ease-out;", ";"], function (_ref3) {
-  var open = _ref3.open;
+})(["position:absolute;top:50%;transform:translateY(-50%);overflow:hidden;width:", ";height:50px;right:20px;transition:all ", "ms ease-out;", ";"], _ref3 => {
+  let {
+    open
+  } = _ref3;
   return open ? '300px' : 0;
 }, duration, buttonsWrapperHelper);
-var Buttons = _styledComponents.default.div.withConfig({
+const Buttons = _styledComponents.default.div.withConfig({
   displayName: "ShareButton__Buttons",
   componentId: "sc-1yaoiai-2"
-})(["display:flex;position:absolute;width:auto;white-space:nowrap;top:50%;right:0;transform:translateY(-50%);padding-right:20px;border-right:0;z-index:-2;overflow:hidden;transition-property:left,right,opacity;transition-duration:0.3s;", " ", "{margin-right:1px;border-radius:0;transition-property:color,background !important;position:relative;z-index:1;&:not(:first-child){border-left:1px solid ", " !important;}&:hover{color:", " !important;background:transparent !important;}&:focus,&:active{color:", " !important;border-left-color:transparent;&::before{opacity:1;}&::after{border-radius:50%;background:", " !important;}+ ", "::before{opacity:1;}}&::before{content:'';display:block;position:absolute;left:-1px;top:1px;bottom:1px;border-left:1px solid ", ";border-left-color:", ";z-index:1;opacity:0;transition:opacity 0.3s;}&::after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;border-radius:30%;transition:all 0.3s;}}svg,img{width:24px;height:24px;}&::after{position:absolute;content:'';border:1px solid ", ";border-right:none;border-radius:25px 0 0 25px;background:", ";top:0;left:0;height:40px;width:100%;z-index:-1;", ";}", "{color:", ";}", ""], openHelper, _Button.default, _theme.default.cGrayLight, _theme.default.cRed, _theme.default.cWhite, _theme.default.cRed, _Button.default, _theme.default.cWhite, function (_ref4) {
-  var inverted = _ref4.inverted;
+})(["display:flex;position:absolute;width:auto;white-space:nowrap;top:50%;right:0;transform:translateY(-50%);padding-right:20px;border-right:0;z-index:-2;overflow:hidden;transition-property:left,right,opacity;transition-duration:0.3s;", " ", "{margin-right:1px;border-radius:0;transition-property:color,background !important;position:relative;z-index:1;&:not(:first-child){border-left:1px solid ", " !important;}&:hover{color:", " !important;background:transparent !important;}&:focus,&:active{color:", " !important;border-left-color:transparent;&::before{opacity:1;}&::after{border-radius:50%;background:", " !important;}+ ", "::before{opacity:1;}}&::before{content:'';display:block;position:absolute;left:-1px;top:1px;bottom:1px;border-left:1px solid ", ";border-left-color:", ";z-index:1;opacity:0;transition:opacity 0.3s;}&::after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;border-radius:30%;transition:all 0.3s;}}svg,img{width:24px;height:24px;}&::after{position:absolute;content:'';border:1px solid ", ";border-right:none;border-radius:25px 0 0 25px;background:", ";top:0;left:0;height:40px;width:100%;z-index:-1;", ";}", "{color:", ";}", ""], openHelper, _Button.default, _theme.default.cGrayLight, _theme.default.cRed, _theme.default.cWhite, _theme.default.cRed, _Button.default, _theme.default.cWhite, _ref4 => {
+  let {
+    inverted
+  } = _ref4;
   return inverted ? _theme.default.cBlue : _theme.default.cWhite;
-}, _theme.default.cGrayLight, _theme.default.cWhite, function (_ref5) {
-  var inverted = _ref5.inverted;
+}, _theme.default.cGrayLight, _theme.default.cWhite, _ref5 => {
+  let {
+    inverted
+  } = _ref5;
   return inverted && " background: ".concat(_theme.default.cBlue, ";");
-}, _Button.default, _theme.default.cGray, function (props) {
-  return !props.inverted && "\n    & > a:hover {\n      background: ".concat(_theme.default.cGray, ";\n      }\n  ");
-});
-var activeCss = (0, _styledComponents.css)(["color:", ";background:", ";"], _theme.default.cWhite, _theme.default.cRed);
-var activeHelper = function activeHelper(_ref6) {
-  var active = _ref6.active;
+}, _Button.default, _theme.default.cGray, props => !props.inverted && "\n    & > a:hover {\n      background: ".concat(_theme.default.cGray, ";\n      }\n  "));
+const activeCss = (0, _styledComponents.css)(["color:", ";background:", ";"], _theme.default.cWhite, _theme.default.cRed);
+const activeHelper = _ref6 => {
+  let {
+    active
+  } = _ref6;
   return active && activeCss;
 };
-var ShareButtonStyled = (0, _styledComponents.default)(_Button.default).withConfig({
+const ShareButtonStyled = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "ShareButton__ShareButtonStyled",
   componentId: "sc-1yaoiai-3"
-})(["z-index:10;color:", ";background:", ";border-color:", ";", ";&:hover{color:", ";background:", ";}svg,img{transition:unset !important;}> div{line-height:0;padding-left:2px;}"], function (_ref7) {
-  var startcolor = _ref7.startcolor;
+})(["z-index:10;color:", ";background:", ";border-color:", ";", ";&:hover{color:", ";background:", ";}svg,img{transition:unset !important;}> div{line-height:0;padding-left:2px;}"], _ref7 => {
+  let {
+    startcolor
+  } = _ref7;
   return startcolor || _theme.default.cRed;
-}, function (_ref8) {
-  var forceTransparency = _ref8.forceTransparency;
+}, _ref8 => {
+  let {
+    forceTransparency
+  } = _ref8;
   return forceTransparency ? 'transparent' : _theme.default.cWhite;
-}, function (_ref9) {
-  var forceTransparency = _ref9.forceTransparency;
+}, _ref9 => {
+  let {
+    forceTransparency
+  } = _ref9;
   return forceTransparency ? _theme.default.cWhite : _theme.default.cGrayLight;
 }, activeHelper, _theme.default.cWhite, _theme.default.cRed);
 // parse class for <Icon />
-var parseButtonClass = function parseButtonClass(input) {
-  var isFacebook = input.includes('facebook.');
+const parseButtonClass = input => {
+  let isFacebook = input.includes('facebook.');
   if (isFacebook) return socialSvg.facebook;
-  var isLinkedIn = input.includes('linkedin.');
+  let isLinkedIn = input.includes('linkedin.');
   if (isLinkedIn) return socialSvg.linkedin;
-  var isTwitter = input.includes('twitter.');
+  let isTwitter = input.includes('twitter.');
   if (isTwitter) return socialSvg.twitter;
-  var isTelegram = input.includes('telegram.');
+  let isTelegram = input.includes('telegram.');
   if (isTelegram) return socialSvg.telegram;
   // let isMedium = input.includes('medium.')
   // if (isMedium) return 'Medium'
@@ -99,7 +103,7 @@ var parseButtonClass = function parseButtonClass(input) {
   // if (isYouTube) return 'Youtube'
   return '';
 };
-var socialSvg = {
+const socialSvg = exports.socialSvg = {
   linkedin: /*#__PURE__*/_react.default.createElement("img", {
     src: _LIInBug.default,
     alt: "Linkedin Logo",
@@ -127,110 +131,94 @@ var socialSvg = {
   // youtube: <img src={YtLogo} alt="Youtube Logo" />,
   // reddit: <SocialReddit />,
 };
-exports.socialSvg = socialSvg;
-var ShareButton = /*#__PURE__*/function (_Component) {
-  _inherits(ShareButton, _Component);
-  var _super = _createSuper(ShareButton);
-  function ShareButton() {
-    var _this;
-    _classCallCheck(this, ShareButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+class ShareButton extends _react.Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       open: false,
       activeShareButton: false //this state manages share button color and open state (used to keep share button red until the transition finishes)
     });
-    _defineProperty(_assertThisInitialized(_this), "node", /*#__PURE__*/_react.default.createRef());
-    _defineProperty(_assertThisInitialized(_this), "handleOpen", function () {
-      return _this.setState(function (_ref10) {
-        var open = _ref10.open,
-          activeShareButton = _ref10.activeShareButton;
-        return {
-          open: !open,
-          activeShareButton: !activeShareButton
-        };
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function (event) {
-      var current = _this.node.current;
+    _defineProperty(this, "node", /*#__PURE__*/_react.default.createRef());
+    _defineProperty(this, "handleOpen", () => this.setState(_ref0 => {
+      let {
+        open,
+        activeShareButton
+      } = _ref0;
+      return {
+        open: !open,
+        activeShareButton: !activeShareButton
+      };
+    }));
+    _defineProperty(this, "handleClickOutside", event => {
+      const {
+        current
+      } = this.node;
       if (current && !current.contains(event.target)) {
-        _this.setState({
+        this.setState({
           open: false
         });
-        setTimeout(function () {
-          _this.setState({
+        setTimeout(() => {
+          this.setState({
             activeShareButton: false
           });
         }, duration);
       }
     });
-    return _this;
   }
-  _createClass(ShareButton, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('mousedown', this.handleClickOutside);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('mousedown', this.handleClickOutside);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        forceTransparency = _this$props.forceTransparency,
-        inverted = _this$props.inverted,
-        startcolor = _this$props.startcolor,
-        right = _this$props.right,
-        blockContent = _this$props.blockContent;
-      var _this$state = this.state,
-        open = _this$state.open,
-        activeShareButton = _this$state.activeShareButton;
-      return /*#__PURE__*/_react.default.createElement(Outer, {
-        ref: this.node
-      }, /*#__PURE__*/_react.default.createElement(ShareButtonStyled, {
-        onClick: this.handleOpen,
-        color: "transparent",
-        inverted: inverted,
-        active: activeShareButton,
-        startcolor: startcolor,
-        forceTransparency: forceTransparency,
+  componentDidMount() {
+    document.addEventListener('mousedown', this.handleClickOutside);
+  }
+  componentWillUnmount() {
+    document.removeEventListener('mousedown', this.handleClickOutside);
+  }
+  render() {
+    const {
+      forceTransparency,
+      inverted,
+      startcolor,
+      right,
+      blockContent
+    } = this.props;
+    const {
+      open,
+      activeShareButton
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(Outer, {
+      ref: this.node
+    }, /*#__PURE__*/_react.default.createElement(ShareButtonStyled, {
+      onClick: this.handleOpen,
+      color: "transparent",
+      inverted: inverted,
+      active: activeShareButton,
+      startcolor: startcolor,
+      forceTransparency: forceTransparency,
+      icononly: true,
+      id: "share-button"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: "Share"
+    })), /*#__PURE__*/_react.default.createElement(ButtonsWrapper, {
+      open: open,
+      right: right,
+      inverted: inverted
+    }, /*#__PURE__*/_react.default.createElement(Buttons, {
+      right: right,
+      inverted: inverted,
+      onClick: () => setTimeout(this.handleOpen, 550)
+    }, blockContent.socialMedia && blockContent.socialMedia.length > 0 && blockContent.socialMedia.map((item, index) => {
+      if (item.uri !== '' && item.label.includes('Share')) return /*#__PURE__*/_react.default.createElement(_Button.default, {
+        key: index,
         icononly: true,
-        id: "share-button"
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        name: "Share"
-      })), /*#__PURE__*/_react.default.createElement(ButtonsWrapper, {
-        open: open,
-        right: right,
-        inverted: inverted
-      }, /*#__PURE__*/_react.default.createElement(Buttons, {
-        right: right,
-        inverted: inverted,
-        onClick: function onClick() {
-          return setTimeout(_this2.handleOpen, 550);
-        }
-      }, blockContent.socialMedia && blockContent.socialMedia.length > 0 && blockContent.socialMedia.map(function (item, index) {
-        if (item.uri !== '' && item.label.includes('Share')) return /*#__PURE__*/_react.default.createElement(_Button.default, {
-          key: index,
-          icononly: true,
-          noborder: true,
-          color: "transparent",
-          as: "a",
-          href: item.uri,
-          target: "_blank",
-          rel: "noopener noreferrer"
-        }, parseButtonClass(item.uri));
-        return '';
-      }))));
-    }
-  }]);
-  return ShareButton;
-}(_react.Component);
+        noborder: true,
+        color: "transparent",
+        as: "a",
+        href: item.uri,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, parseButtonClass(item.uri));
+      return '';
+    }))));
+  }
+}
 exports.ShareButton = ShareButton;
 _defineProperty(ShareButton, "propTypes", {
   inverted: _propTypes.default.bool,
@@ -241,5 +229,4 @@ _defineProperty(ShareButton, "propTypes", {
 _defineProperty(ShareButton, "defaultProps", {
   startcolor: _theme.default.cRed
 });
-var _default = ShareButton;
-exports.default = _default;
+var _default = exports.default = ShareButton;

package/dist/components/SideLine/SideLine.js

@@ -6,10 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SideLine = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _SideLine = require("./SideLine.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var SideLine = function SideLine() {
-  return /*#__PURE__*/_react.default.createElement(_SideLine.Line, null, /*#__PURE__*/_react.default.createElement(_SideLine.Bar, null));
-};
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SideLine = () => /*#__PURE__*/_react.default.createElement(_SideLine.Line, null, /*#__PURE__*/_react.default.createElement(_SideLine.Bar, null));
 exports.SideLine = SideLine;
-var _default = SideLine;
-exports.default = _default;
+var _default = exports.default = SideLine;

package/dist/components/SideLine/SideLine.stories.js

@@ -6,18 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.sideLine = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _SideLine = require("./SideLine");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/SideLine',
   component: _SideLine.SideLine,
   ArgTypes: {
     // sizes: { defaultValue: 'Medium' },
   }
 };
-exports.default = _default;
-var sideLine = function sideLine() {
-  return /*#__PURE__*/_react.default.createElement(_SideLine.SideLine, null);
-};
+const sideLine = () => /*#__PURE__*/_react.default.createElement(_SideLine.SideLine, null);
 
 // const Template = args => <SideLine {...args} />
 

package/dist/components/SideLine/SideLine.styles.js

@@ -8,19 +8,13 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Line = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Line = exports.Line = _styledComponents.default.div.withConfig({
   displayName: "SideLinestyles__Line",
   componentId: "sc-1j51wng-0"
-})(["display:none;position:absolute;top:0;right:20px;width:8px;height:100%;font-size:0;border-left:1px solid ", ";", " ", ""], function (props) {
-  return _theme.default.cGrey;
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    right: 30px;\n  "]))));
-exports.Line = Line;
-var Bar = _styledComponents.default.div.withConfig({
+})(["display:none;position:absolute;top:0;right:20px;width:8px;height:100%;font-size:0;border-left:1px solid ", ";", " ", ""], props => _theme.default.cGrey, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    right: 30px;\n  "]))));
+const Bar = exports.Bar = _styledComponents.default.div.withConfig({
   displayName: "SideLinestyles__Bar",
   componentId: "sc-1j51wng-1"
-})(["position:absolute;top:60px;left:0;width:100%;height:40px;background-color:", ";"], function (props) {
-  return _theme.default.cPrimary;
-});
-exports.Bar = Bar;
+})(["position:absolute;top:60px;left:0;width:100%;height:40px;background-color:", ";"], props => _theme.default.cPrimary);

package/dist/components/SigningSubflow/SignSubIntro.js

@@ -15,10 +15,12 @@ var _DoubleButton = _interopRequireDefault(require("../DoubleButton/DoubleButton
 var _CryptoAddress = _interopRequireDefault(require("../CryptoAddress/CryptoAddress"));
 var _Modal = require("../Modal/Modal.styles");
 var _styles = require("./_styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var SignSubIntro = function SignSubIntro(_ref) {
-  var setWallet = _ref.setWallet,
-    changeStep = _ref.changeStep;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SignSubIntro = _ref => {
+  let {
+    setWallet,
+    changeStep
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Invest in TYKN")), /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingVertical: true
   }, /*#__PURE__*/_react.default.createElement(_styles.SignSubText, null, /*#__PURE__*/_react.default.createElement("h3", null, "Choose your wallet"), /*#__PURE__*/_react.default.createElement("p", null, 'In the next couple of steps we guide you through signing and sending the investment transaction. To start, please choose the wallet that allows you to sign the transaction for the address you selected.'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
@@ -35,12 +37,12 @@ var SignSubIntro = function SignSubIntro(_ref) {
       eqUnit: '€'
     }
   })), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_DoubleButton.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
+    onClick: () => {
       setWallet('ledger');
       changeStep();
     }
   }, "Ledger"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
+    onClick: () => {
       setWallet('metamask');
       changeStep();
     }
@@ -50,5 +52,4 @@ SignSubIntro.propTypes = {
   setWallet: _propTypes.default.func.isRequired,
   changeStep: _propTypes.default.func.isRequired
 };
-var _default = SignSubIntro;
-exports.default = _default;
+var _default = exports.default = SignSubIntro;

package/dist/components/SigningSubflow/_styles.js

@@ -10,36 +10,25 @@ var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SignSubStep = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const SignSubStep = exports.SignSubStep = _styledComponents.default.div.withConfig({
   displayName: "_styles__SignSubStep",
   componentId: "sc-1kpm9cx-0"
 })(["position:relative;height:100%;"]);
-exports.SignSubStep = SignSubStep;
-var SignSubWrapper = _styledComponents.default.div.withConfig({
+const SignSubWrapper = exports.SignSubWrapper = _styledComponents.default.div.withConfig({
   displayName: "_styles__SignSubWrapper",
   componentId: "sc-1kpm9cx-1"
 })(["position:relative;padding:40px ", ";", " ", ""], (0, _grid.default)(1), _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 53px ", ";\n  "])), (0, _grid.default)(0.5, 8)), _rwd.default.XLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 53px ", ";\n  "])), (0, _grid.default)(0.5, 6)));
-exports.SignSubWrapper = SignSubWrapper;
-var SignSubInfo = _styledComponents.default.div.withConfig({
+const SignSubInfo = exports.SignSubInfo = _styledComponents.default.div.withConfig({
   displayName: "_styles__SignSubInfo",
   componentId: "sc-1kpm9cx-2"
-})(["font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;color:", ";opacity:0.5;", " ", " a{text-decoration:underline;transition:color 0.2s;&:hover{color:", ";}}"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.center && 'text-align: center;';
-}, _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 12px;\n  "]))), function (props) {
-  return _theme.default.cPrimary;
-});
-exports.SignSubInfo = SignSubInfo;
-var NumberWithTitle = _styledComponents.default.div.withConfig({
+})(["font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;color:", ";opacity:0.5;", " ", " a{text-decoration:underline;transition:color 0.2s;&:hover{color:", ";}}"], props => _theme.default.cBlack, props => props.center && 'text-align: center;', _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 12px;\n  "]))), props => _theme.default.cPrimary);
+const NumberWithTitle = exports.NumberWithTitle = _styledComponents.default.div.withConfig({
   displayName: "_styles__NumberWithTitle",
   componentId: "sc-1kpm9cx-3"
 })(["line-height:24px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding-bottom:18px;"]);
-exports.NumberWithTitle = NumberWithTitle;
-var SignSubText = (0, _styledComponents.default)(_Text.default).withConfig({
+const SignSubText = exports.SignSubText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "_styles__SignSubText",
   componentId: "sc-1kpm9cx-4"
-})(["p{", "}"], _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      font-size: 16px;\n    "]))));
-exports.SignSubText = SignSubText;
+})(["p{", "}"], _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      font-size: 16px;\n    "]))));

package/dist/components/SigningSubflow/index.js

@@ -5,28 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SignSubInfo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles.SignSubInfo;
   }
 });
 Object.defineProperty(exports, "SignSubIntro", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SignSubIntro.default;
   }
 });
 Object.defineProperty(exports, "SignSubStep", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles.SignSubStep;
   }
 });
 Object.defineProperty(exports, "SignSubWrapper", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles.SignSubWrapper;
   }
 });
 var _SignSubIntro = _interopRequireDefault(require("./SignSubIntro"));
 var _styles = require("./_styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }