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

package/dist/components/AnalyticGraphs/Analytic.styles.js

@@ -7,31 +7,19 @@ exports.default = exports.ChartContainer = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var colorTheme = function colorTheme(props) {
-  return {
-    blue: {
-      primary: _theme.default.cPrimary,
-      dark: _theme.default.cPrimaryDark
-    },
-    red: {
-      primary: _theme.default.cWarning,
-      dark: _theme.default.cWarningDark
-    }
-  };
-};
-var ChartContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const colorTheme = props => ({
+  blue: {
+    primary: _theme.default.cPrimary,
+    dark: _theme.default.cPrimaryDark
+  },
+  red: {
+    primary: _theme.default.cWarning,
+    dark: _theme.default.cWarningDark
+  }
+});
+const ChartContainer = exports.ChartContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "Analyticstyles__ChartContainer",
   componentId: "sc-wgv3ti-0"
-})([".slick-arrow{width:64px;height:48px;background:", ";z-index:10;transition:0.3s ease background;margin-top:10px;&:hover,&:focus{background:", ";&::before{color:", " !important;}}}.slick-arrow.slick-prev{top:auto;left:auto;bottom:0;right:64px;transform:translateY(100%);}.slick-arrow.slick-next{top:auto;left:auto;bottom:0;right:0;transform:translateY(100%);border-left:1px solid ", ";}"], function (props) {
-  return colorTheme(props)[props.colorTheme].primary;
-}, function (props) {
-  return colorTheme(props)[props.colorTheme].dark;
-}, function (props) {
-  return _theme.default.cWhite;
-}, function (props) {
-  return colorTheme(props)[props.colorTheme].dark;
-});
-exports.ChartContainer = ChartContainer;
-var _default = ChartContainer;
-exports.default = _default;
+})([".slick-arrow{width:64px;height:48px;background:", ";z-index:10;transition:0.3s ease background;margin-top:10px;&:hover,&:focus{background:", ";&::before{color:", " !important;}}}.slick-arrow.slick-prev{top:auto;left:auto;bottom:0;right:64px;transform:translateY(100%);}.slick-arrow.slick-next{top:auto;left:auto;bottom:0;right:0;transform:translateY(100%);border-left:1px solid ", ";}"], props => colorTheme(props)[props.colorTheme].primary, props => colorTheme(props)[props.colorTheme].dark, props => _theme.default.cWhite, props => colorTheme(props)[props.colorTheme].dark);
+var _default = exports.default = ChartContainer;

package/dist/components/BackButton/BackButton.js

@@ -7,19 +7,19 @@ exports.default = exports.BackButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _BackButton = require("./BackButton.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BackButton = function BackButton(_ref) {
-  var children = _ref.children,
-    to = _ref.to,
-    href = _ref.href;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BackButton = _ref => {
+  let {
+    children,
+    to,
+    href
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, href ? /*#__PURE__*/_react.default.createElement(_BackButton.StyledBackButtonExternal, {
     href: href
   }, /*#__PURE__*/_react.default.createElement(_BackButton.BackButtonIcon, null), children) : to ? /*#__PURE__*/_react.default.createElement(_BackButton.StyledBackButton, {
     to: to
   }, /*#__PURE__*/_react.default.createElement(_BackButton.BackButtonIcon, null), children) : /*#__PURE__*/_react.default.createElement(_BackButton.StyledWindowBackButton, {
-    onClick: function onClick() {
-      return window.history.back();
-    }
+    onClick: () => window.history.back()
   }, /*#__PURE__*/_react.default.createElement(_BackButton.BackButtonIcon, null), children));
 };
 exports.BackButton = BackButton;
@@ -28,5 +28,4 @@ BackButton.propTypes = {
   to: _propTypes.default.string,
   href: _propTypes.default.string
 };
-var _default = BackButton;
-exports.default = _default;
+var _default = exports.default = BackButton;

package/dist/components/BackButton/BackButton.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _BackButton = require("./BackButton");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-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/Buttons/BackButton',
   component: _BackButton.BackButton,
   argTypes: {
@@ -25,12 +25,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__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(_BackButton.BackButton, args)));
-};
-var BackButtonDefault = Template.bind({});
-exports.BackButtonDefault = BackButtonDefault;
+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(_BackButton.BackButton, args)));
+const BackButtonDefault = exports.BackButtonDefault = Template.bind({});
 BackButtonDefault.args = {};
 
 //back button by default links to any page visited before

package/dist/components/BackButton/BackButton.styles.js

@@ -7,70 +7,32 @@ exports.StyledWindowBackButton = exports.StyledBackButtonExternal = exports.Styl
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactRouterDom = require("react-router-dom");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BackButtonIcon = _styledComponents.default.i.attrs({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BackButtonIcon = exports.BackButtonIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-back'
 }).withConfig({
   displayName: "BackButtonstyles__BackButtonIcon",
   componentId: "sc-1uhreks-0"
-})(["font-size:16px;position:absolute;left:0;color:", ";transform:translateX(0);transition:0.3s color,0.3s transform;"], function (props) {
-  return _theme.default.cBlack;
-});
-exports.BackButtonIcon = BackButtonIcon;
-var ForwardButtonIcon = _styledComponents.default.i.attrs({
+})(["font-size:16px;position:absolute;left:0;color:", ";transform:translateX(0);transition:0.3s color,0.3s transform;"], props => _theme.default.cBlack);
+const ForwardButtonIcon = exports.ForwardButtonIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-forward'
 }).withConfig({
   displayName: "BackButtonstyles__ForwardButtonIcon",
   componentId: "sc-1uhreks-1"
-})(["font-size:16px;position:absolute;right:0;color:", ";transform:translateX(0);transition:0.3s color,0.3s transform;"], function (props) {
-  return _theme.default.cBlack;
-});
-exports.ForwardButtonIcon = ForwardButtonIcon;
-var StyledBackButton = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
+})(["font-size:16px;position:absolute;right:0;color:", ";transform:translateX(0);transition:0.3s color,0.3s transform;"], props => _theme.default.cBlack);
+const StyledBackButton = exports.StyledBackButton = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
   displayName: "BackButtonstyles__StyledBackButton",
   componentId: "sc-1uhreks-2"
-})(["display:block;font-size:11px;line-height:16px;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;&:hover{color:", ";", "{transform:translateX(-4px);color:", ";}}"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cPrimaryDark;
-}, BackButtonIcon, function (props) {
-  return _theme.default.cPrimaryDark;
-});
-exports.StyledBackButton = StyledBackButton;
-var StyledBackButtonExternal = _styledComponents.default.a.withConfig({
+})(["display:block;font-size:11px;line-height:16px;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;&:hover{color:", ";", "{transform:translateX(-4px);color:", ";}}"], props => _theme.default.cBlack, props => _theme.default.cPrimaryDark, BackButtonIcon, props => _theme.default.cPrimaryDark);
+const StyledBackButtonExternal = exports.StyledBackButtonExternal = _styledComponents.default.a.withConfig({
   displayName: "BackButtonstyles__StyledBackButtonExternal",
   componentId: "sc-1uhreks-3"
-})(["display:block;font-size:11px;line-height:16px;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;&:hover{color:", ";", "{transform:translateX(-4px);color:", ";}}"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cPrimaryDark;
-}, BackButtonIcon, function (props) {
-  return _theme.default.cPrimaryDark;
-});
-exports.StyledBackButtonExternal = StyledBackButtonExternal;
-var StyledWindowBackButton = _styledComponents.default.span.withConfig({
+})(["display:block;font-size:11px;line-height:16px;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;&:hover{color:", ";", "{transform:translateX(-4px);color:", ";}}"], props => _theme.default.cBlack, props => _theme.default.cPrimaryDark, BackButtonIcon, props => _theme.default.cPrimaryDark);
+const StyledWindowBackButton = exports.StyledWindowBackButton = _styledComponents.default.span.withConfig({
   displayName: "BackButtonstyles__StyledWindowBackButton",
   componentId: "sc-1uhreks-4"
-})(["display:block;font-size:11px;line-height:16px;cursor:pointer;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;&:hover{color:", ";", "{transform:translateX(-4px);color:", ";}}"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cPrimaryDark;
-}, BackButtonIcon, function (props) {
-  return _theme.default.cPrimaryDark;
-});
-exports.StyledWindowBackButton = StyledWindowBackButton;
-var StyledBackButtonClick = _styledComponents.default.div.withConfig({
+})(["display:block;font-size:11px;line-height:16px;cursor:pointer;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;&:hover{color:", ";", "{transform:translateX(-4px);color:", ";}}"], props => _theme.default.cBlack, props => _theme.default.cPrimaryDark, BackButtonIcon, props => _theme.default.cPrimaryDark);
+const StyledBackButtonClick = exports.StyledBackButtonClick = _styledComponents.default.div.withConfig({
   displayName: "BackButtonstyles__StyledBackButtonClick",
   componentId: "sc-1uhreks-5"
-})(["display:block;font-size:11px;line-height:16px;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;cursor:pointer;", " &:hover{color:", ";", "{transform:translateX(-4px);color:", ";}", "{transform:translateX(4px);color:", ";}}"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.forward && "\n    padding-right: 16px;\n  ";
-}, function (props) {
-  return _theme.default.cPrimaryDark;
-}, BackButtonIcon, function (props) {
-  return _theme.default.cPrimaryDark;
-}, ForwardButtonIcon, function (props) {
-  return _theme.default.cPrimaryDark;
-});
-exports.StyledBackButtonClick = StyledBackButtonClick;
+})(["display:block;font-size:11px;line-height:16px;letter-spacing:2px;color:", ";position:relative;padding-left:16px;transition:0.3s color;cursor:pointer;", " &:hover{color:", ";", "{transform:translateX(-4px);color:", ";}", "{transform:translateX(4px);color:", ";}}"], props => _theme.default.cBlack, props => props.forward && "\n    padding-right: 16px;\n  ", props => _theme.default.cPrimaryDark, BackButtonIcon, props => _theme.default.cPrimaryDark, ForwardButtonIcon, props => _theme.default.cPrimaryDark);

package/dist/components/Background/Background.js

@@ -7,15 +7,17 @@ exports.default = exports.Background = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Background = require("./Background.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Background = function Background(props) {
-  var children = props.children,
-    src = props.src,
-    mobileRatio = props.mobileRatio,
-    investmentOpportunities = props.investmentOpportunities,
-    withPadding = props.withPadding,
-    contain = props.contain,
-    caption = props.caption;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Background = props => {
+  const {
+    children,
+    src,
+    mobileRatio,
+    investmentOpportunities,
+    withPadding,
+    contain,
+    caption
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_Background.Container, {
     mobileRatio: mobileRatio,
     investmentOpportunities: investmentOpportunities
@@ -41,5 +43,4 @@ Background.defaultProps = {
   mobileRatio: '',
   children: /*#__PURE__*/_react.default.createElement("div", null)
 };
-var _default = Background;
-exports.default = _default;
+var _default = exports.default = Background;

package/dist/components/Background/Background.stories.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BackgroundMobile2 = exports.BackgroundMobile = exports.BackgroundDefault = void 0;
-var _addonViewport = require("@storybook/addon-viewport");
+var _viewport = require("storybook/viewport");
 var _react = _interopRequireDefault(require("react"));
 var _Background = require("./Background");
 var _global = _interopRequireDefault(require("../../styles/global"));
-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/Background',
   component: _Background.Background,
   argTypes: {
@@ -36,17 +36,13 @@ var _default = {
   },
   parameters: {
     viewport: {
-      viewports: _addonViewport.INITIAL_VIEWPORTS,
+      viewports: _viewport.INITIAL_VIEWPORTS,
       defaultViewport: ''
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Background.Background, args, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
-};
-var BackgroundDefault = Template.bind({});
-exports.BackgroundDefault = BackgroundDefault;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Background.Background, args, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
+const BackgroundDefault = exports.BackgroundDefault = Template.bind({});
 BackgroundDefault.args = {
   src: 'https://www.cookingclassy.com/wp-content/uploads/2014/06/chocolate-chip-cookie-16.jpg'
 };
@@ -55,8 +51,7 @@ BackgroundDefault.parameters = {
     defaultViewport: 'reset viewport'
   }
 };
-var BackgroundMobile = Template.bind({});
-exports.BackgroundMobile = BackgroundMobile;
+const BackgroundMobile = exports.BackgroundMobile = Template.bind({});
 BackgroundMobile.args = {
   mobileRatio: '16:9',
   children: /*#__PURE__*/_react.default.createElement("div", null)
@@ -66,8 +61,7 @@ BackgroundMobile.parameters = {
     defaultViewport: 'iphonex'
   }
 };
-var BackgroundMobile2 = Template.bind({});
-exports.BackgroundMobile2 = BackgroundMobile2;
+const BackgroundMobile2 = exports.BackgroundMobile2 = Template.bind({});
 BackgroundMobile2.args = {
   mobileRatio: '16:9',
   contain: true,

package/dist/components/Background/Background.styles.js

@@ -7,21 +7,18 @@ exports.Wrap = exports.Video = exports.Img = exports.Image = exports.Content = e
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _templateObject;
-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 Container = _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 Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "Backgroundstyles__Container",
   componentId: "sc-1pfq4ec-0"
-})(["position:relative;width:100%;height:100%;font-size:0;", " &:after{", "}", ""], function (props) {
+})(["position:relative;width:100%;height:100%;font-size:0;", " &:after{", "}", ""], props => {
   if (!props.mobileRatio) return '';
-  var ratio = props.mobileRatio.split(':');
-  var percent = 100 * ratio[1] / ratio[0];
+  const ratio = props.mobileRatio.split(':');
+  const percent = 100 * ratio[1] / ratio[0];
   return "\n      &:after {\n        z-index: 0;\n        content: '';\n        position: relative;\n        display: inline-block;\n        vertical-align: top;\n        width: 100%;\n        height: 100%;\n        padding-top: ".concat(percent, "%;\n        margin-left: -100%;\n      }\n    ");
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: none;\n    "]))), function (props) {
-  return props.investmentOpportunities && "\n    padding-top: 33% !important;\n  ";
-});
-exports.Container = Container;
-var Wrap = _styledComponents.default.div.withConfig({
+}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: none;\n    "]))), props => props.investmentOpportunities && "\n    padding-top: 33% !important;\n  ");
+const Wrap = exports.Wrap = _styledComponents.default.div.withConfig({
   displayName: "Backgroundstyles__Wrap",
   componentId: "sc-1pfq4ec-1"
 })(["z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;& > div{height:100%;}"]);
@@ -40,37 +37,24 @@ var Wrap = _styledComponents.default.div.withConfig({
 //   width: 100%;
 //   object-fit: cover;
 //   object-position: center center;
-exports.Wrap = Wrap;
-var Caption = _styledComponents.default.div.withConfig({
+
+const Caption = exports.Caption = _styledComponents.default.div.withConfig({
   displayName: "Backgroundstyles__Caption",
   componentId: "sc-1pfq4ec-2"
-})(["font-size:11px;position:absolute;bottom:-25px;", ""], function (props) {
-  return props.withPadding && "\n    bottom: -12px;\n  ";
-});
-exports.Caption = Caption;
-var Img = _styledComponents.default.img.withConfig({
+})(["font-size:11px;position:absolute;bottom:-25px;", ""], props => props.withPadding && "\n    bottom: -12px;\n  ");
+const Img = exports.Img = _styledComponents.default.img.withConfig({
   displayName: "Backgroundstyles__Img",
   componentId: "sc-1pfq4ec-3"
-})(["position:absolute;width:100%;object-fit:cover;object-position:center center;top:0;left:0;height:100%;", " ", " ", ""], function (props) {
-  return props.investmentOpportunities && "\n    height: 100%;\n  ";
-}, function (props) {
-  return props.withPadding && "\n    padding: 20px;\n  ";
-}, function (props) {
-  return props.contain && "\n    object-fit:contain;\n  ";
-});
-exports.Img = Img;
-var Video = _styledComponents.default.video.withConfig({
+})(["position:absolute;width:100%;object-fit:cover;object-position:center center;top:0;left:0;height:100%;", " ", " ", ""], props => props.investmentOpportunities && "\n    height: 100%;\n  ", props => props.withPadding && "\n    padding: 20px;\n  ", props => props.contain && "\n    object-fit:contain;\n  ");
+const Video = exports.Video = _styledComponents.default.video.withConfig({
   displayName: "Backgroundstyles__Video",
   componentId: "sc-1pfq4ec-4"
 })(["object-fit:cover;width:100%;height:100%;"]);
-exports.Video = Video;
-var Image = _styledComponents.default.img.withConfig({
+const Image = exports.Image = _styledComponents.default.img.withConfig({
   displayName: "Backgroundstyles__Image",
   componentId: "sc-1pfq4ec-5"
 })(["min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);
-exports.Image = Image;
-var Content = _styledComponents.default.div.withConfig({
+const Content = exports.Content = _styledComponents.default.div.withConfig({
   displayName: "Backgroundstyles__Content",
   componentId: "sc-1pfq4ec-6"
-})(["z-index:2;position:relative;display:inline-block;vertical-align:top;width:100%;font-size:10px;"]);
-exports.Content = Content;
+})(["z-index:2;position:relative;display:inline-block;vertical-align:top;width:100%;font-size:10px;"]);