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

package/dist/components/FAQ/FAQ.styles.js

@@ -7,61 +7,45 @@ exports.FaqTitle = exports.FaqText = exports.FaqItems = exports.FaqItem = export
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactCollapse = require("react-collapse");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var FaqItems = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FaqItems = exports.FaqItems = _styledComponents.default.div.withConfig({
   displayName: "FAQstyles__FaqItems",
   componentId: "sc-dtvahh-0"
 })(["position:relative;"]);
-exports.FaqItems = FaqItems;
-var FaqItem = _styledComponents.default.div.withConfig({
+const FaqItem = exports.FaqItem = _styledComponents.default.div.withConfig({
   displayName: "FAQstyles__FaqItem",
   componentId: "sc-dtvahh-1"
-})(["& + &{margin-top:30px;}", " ", ""], function (props) {
-  return props.center && "\n    text-align:center;\n  ";
-}, function (props) {
-  return props.customContainerStyle;
-});
-exports.FaqItem = FaqItem;
-var FaqTitle = _styledComponents.default.button.withConfig({
+})(["& + &{margin-top:30px;}", " ", ""], props => props.center && "\n    text-align:center;\n  ", props => props.customContainerStyle);
+const FaqTitle = exports.FaqTitle = _styledComponents.default.button.withConfig({
   displayName: "FAQstyles__FaqTitle",
   componentId: "sc-dtvahh-2"
-})(["display:block;width:100%;position:relative;font-family:'Open Sans';font-weight:600;font-size:16px;line-height:24px;letter-spacing:0.4px;color:", ";padding:0;margin:0;outline:0;border:none;padding-right:30px;text-align:left;transition:color 0.2s;background:none;&:hover{color:inherit;}", " ", " ", " ", " ", " ", ""], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.uppercase && "\n    text-transform:uppercase;\n    font-weight:700;\n    letter-spacing: 0.6px;\n  ";
-}, function (_ref) {
-  var white = _ref.white;
+})(["display:block;width:100%;position:relative;font-family:'Open Sans';font-weight:600;font-size:16px;line-height:24px;letter-spacing:0.4px;color:", ";padding:0;margin:0;outline:0;border:none;padding-right:30px;text-align:left;transition:color 0.2s;background:none;&:hover{color:inherit;}", " ", " ", " ", " ", " ", ""], props => _theme.default.cBlack, props => props.uppercase && "\n    text-transform:uppercase;\n    font-weight:700;\n    letter-spacing: 0.6px;\n  ", _ref => {
+  let {
+    white
+  } = _ref;
   return white && "\n    color:white;\n  ";
-}, function (_ref2) {
-  var center = _ref2.center;
+}, _ref2 => {
+  let {
+    center
+  } = _ref2;
   return center && "\n    text-align:center;\n  ";
-}, function (_ref3) {
-  var hideIcon = _ref3.hideIcon;
+}, _ref3 => {
+  let {
+    hideIcon
+  } = _ref3;
   return hideIcon && "\n    padding-right:0;\n  ";
-}, function (props) {
-  return props.isActive && "\n    ".concat(FaqDropdownIcon, " {\n      transform: rotate(180deg);\n    }\n  ");
-}, function (props) {
-  return props.modalViewMore && "\n    font-size: 12px;\n    font-weight: 300;\n    line-height: 16px;\n    padding-left: 28px;\n    cursor: pointer;\n    text-decoration: underline;\n\n    &:hover {\n      color: initial;\n    }\n  ";
-});
-exports.FaqTitle = FaqTitle;
-var FaqDropdownIcon = _styledComponents.default.i.attrs({
+}, props => props.isActive && "\n    ".concat(FaqDropdownIcon, " {\n      transform: rotate(180deg);\n    }\n  "), props => props.modalViewMore && "\n    font-size: 12px;\n    font-weight: 300;\n    line-height: 16px;\n    padding-left: 28px;\n    cursor: pointer;\n    text-decoration: underline;\n\n    &:hover {\n      color: initial;\n    }\n  ");
+const FaqDropdownIcon = exports.FaqDropdownIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "FAQstyles__FaqDropdownIcon",
   componentId: "sc-dtvahh-3"
 })(["width:14px;height:20px;font-size:20px;position:absolute;top:50%;right:0;margin-top:-10px;transform:rotate(0);transition:0.3s transform;"]);
-exports.FaqDropdownIcon = FaqDropdownIcon;
-var FaqContent = (0, _styledComponents.default)(_reactCollapse.Collapse).withConfig({
+const FaqContent = exports.FaqContent = (0, _styledComponents.default)(_reactCollapse.Collapse).withConfig({
   displayName: "FAQstyles__FaqContent",
   componentId: "sc-dtvahh-4"
-})(["opacity:0;transition:opacity 0.2s;", ""], function (props) {
-  return props.isOpened && "\n    opacity: 1;\n  ";
-});
-exports.FaqContent = FaqContent;
-var FaqText = _styledComponents.default.div.withConfig({
+})(["opacity:0;transition:opacity 0.2s;", ""], props => props.isOpened && "\n    opacity: 1;\n  ");
+const FaqText = exports.FaqText = _styledComponents.default.div.withConfig({
   displayName: "FAQstyles__FaqText",
   componentId: "sc-dtvahh-5"
-})(["padding:0;padding-top:30px;padding-bottom:10px;font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.4px;", ""], function (props) {
-  return props.largeSpacing && "\n        padding-bottom: 30px;\n\n  ";
-});
-exports.FaqText = FaqText;
+})(["padding:0;padding-top:30px;padding-bottom:10px;font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.4px;", ""], props => props.largeSpacing && "\n        padding-bottom: 30px;\n\n  ");

package/dist/components/Footer/Footer.js

@@ -9,14 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 var _Grid = require("../Grid/Grid.styles");
 var _FooterStyles = require("./Footer.styles.js");
 var _mangopay = _interopRequireDefault(require("../../static/images/mangopay.svg"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Footer = function Footer(_ref) {
-  var color = _ref.color,
-    _ref$mangoPayLogo = _ref.mangoPayLogo,
-    mangoPayLogo = _ref$mangoPayLogo === void 0 ? _mangopay.default : _ref$mangoPayLogo,
-    _ref$hasSidebar = _ref.hasSidebar,
-    hasSidebar = _ref$hasSidebar === void 0 ? false : _ref$hasSidebar,
-    isSidebarExpanded = _ref.isSidebarExpanded;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Footer = _ref => {
+  let {
+    color,
+    mangoPayLogo = _mangopay.default,
+    hasSidebar = false,
+    isSidebarExpanded
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_FooterStyles.StyledFooter, {
     color: color,
     isSidebarExpanded: isSidebarExpanded,
@@ -55,5 +55,4 @@ Footer.propTypes = {
 Footer.defaultProps = {
   color: 'primary'
 };
-var _default = Footer;
-exports.default = _default;
+var _default = exports.default = Footer;

package/dist/components/Footer/Footer.stories.js

@@ -7,8 +7,8 @@ exports.default = exports.FooterRedWithSidebar = exports.FooterRed = exports.Foo
 var _react = _interopRequireDefault(require("react"));
 var _Footer = require("./Footer");
 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/Footer',
   component: _Footer.Footer,
   argTypes: {
@@ -28,20 +28,14 @@ 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(_Footer.Footer, args));
-};
-var FooterPrimary = Template.bind({});
-exports.FooterPrimary = FooterPrimary;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Footer.Footer, args));
+const FooterPrimary = exports.FooterPrimary = Template.bind({});
 FooterPrimary.args = {};
-var FooterRed = Template.bind({});
-exports.FooterRed = FooterRed;
+const FooterRed = exports.FooterRed = Template.bind({});
 FooterRed.args = {
   color: 'red'
 };
-var FooterRedWithSidebar = Template.bind({});
-exports.FooterRedWithSidebar = FooterRedWithSidebar;
+const FooterRedWithSidebar = exports.FooterRedWithSidebar = Template.bind({});
 FooterRedWithSidebar.args = {
   color: 'red',
   hasSidebar: true,

package/dist/components/Footer/Footer.styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,70 +9,47 @@ var _grid = _interopRequireDefault(require("../../styles/grid"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledFooter = _styledComponents.default.footer.withConfig({
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
+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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const StyledFooter = exports.StyledFooter = _styledComponents.default.footer.withConfig({
   displayName: "Footerstyles__StyledFooter",
   componentId: "sc-12rq6gz-0"
-})(["z-index:15;position:relative;", " ", " ", " @media screen and (max-width:991px){height:auto;}", " ", ""], function (props) {
-  return props.color === 'primary' && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n\n      ", "\n    "])), _colors.default.white, _colors.default.blue, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      box-shadow: inset 0 1px 0 0 ", ";\n    "])), _colors.default.blueDark));
-}, function (props) {
-  return props.color === 'red' && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n\n      ", "\n    "])), _colors.default.white, _colors.default.rustyRed, _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      box-shadow: inset 0 1px 0 0 ", ";\n      padding: 0 65px;\n    "])), _colors.default.rustyRed));
-}, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 65px;\n  "]))), function (props) {
-  return props.hasSidebar && "\n padding: 0px !important;\n  transition: 0.3s padding;\n  ";
-}, function (props) {
-  return props.isSidebarExpanded && "\n    padding-left:200px !important;\n  ";
-});
-exports.StyledFooter = StyledFooter;
-var FooterInner = _styledComponents.default.div.withConfig({
+})(["z-index:15;position:relative;", " ", " ", " @media screen and (max-width:991px){height:auto;}", " ", ""], props => props.color === 'primary' && (0, _styledComponents.css)(["color:", ";background-color:", ";", ""], _colors.default.white, _colors.default.blue, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      box-shadow: inset 0 1px 0 0 ", ";\n    "])), _colors.default.blueDark)), props => props.color === 'red' && (0, _styledComponents.css)(["color:", ";background-color:", ";", ""], _colors.default.white, _colors.default.rustyRed, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      box-shadow: inset 0 1px 0 0 ", ";\n      padding: 0 65px;\n    "])), _colors.default.rustyRed)), _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 65px;\n  "]))), props => props.hasSidebar && "\n padding: 0px !important;\n  transition: 0.3s padding;\n  ", props => props.isSidebarExpanded && "\n    padding-left:200px !important;\n  ");
+const FooterInner = exports.FooterInner = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__FooterInner",
   componentId: "sc-12rq6gz-1"
-})(["padding:24px 0;justify-content:space-between;", " ", " @media screen and (max-width:991px){flex-direction:column;padding:56px 32px;}"], function (props) {
-  return props.hasSidebar && "\n    padding: 24px ".concat((0, _grid.default)(1), ";\n  ");
-}, _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    padding: 20px 0;\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n     ", "\n  "])), function (props) {
-  return props.hasSidebar && "\n      padding: 20px ".concat((0, _grid.default)(1), ";\n      ");
-}));
-exports.FooterInner = FooterInner;
-var LogoWrap = _styledComponents.default.div.withConfig({
+})(["padding:24px 0;justify-content:space-between;", " ", " @media screen and (max-width:991px){flex-direction:column;padding:56px 32px;}"], props => props.hasSidebar && "\n    padding: 24px ".concat((0, _grid.default)(1), ";\n  "), _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: 20px 0;\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n     ", "\n  "])), props => props.hasSidebar && "\n      padding: 20px ".concat((0, _grid.default)(1), ";\n      ")));
+const LogoWrap = exports.LogoWrap = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__LogoWrap",
   componentId: "sc-12rq6gz-2"
-})(["margin-bottom:25px;text-align:center;", ""], _rwd.default.MLarge(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\nmargin-bottom:0px;\n"]))));
-exports.LogoWrap = LogoWrap;
-var CopyrightWrap = _styledComponents.default.div.withConfig({
+})(["margin-bottom:25px;text-align:center;", ""], _rwd.default.MLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\nmargin-bottom:0px;\n"]))));
+const CopyrightWrap = exports.CopyrightWrap = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__CopyrightWrap",
   componentId: "sc-12rq6gz-3"
-})(["text-align:center;", ""], _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex: 2;\n  "]))));
-exports.CopyrightWrap = CopyrightWrap;
-var PartnerWrap = _styledComponents.default.div.withConfig({
+})(["text-align:center;", ""], _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    flex: 2;\n  "]))));
+const PartnerWrap = exports.PartnerWrap = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__PartnerWrap",
   componentId: "sc-12rq6gz-4"
-})(["text-align:center;", " @media screen and (max-width:991px){text-align:center;margin-bottom:25px;}"], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    // flex: 2;\n    text-align: left;\n  "]))));
-exports.PartnerWrap = PartnerWrap;
-var PoweredWrap = _styledComponents.default.div.withConfig({
+})(["text-align:center;", " @media screen and (max-width:991px){text-align:center;margin-bottom:25px;}"], _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    // flex: 2;\n    text-align: left;\n  "]))));
+const PoweredWrap = exports.PoweredWrap = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__PoweredWrap",
   componentId: "sc-12rq6gz-5"
-})(["text-align:center;text-transform:uppercase;letter-spacing:2.1px;line-height:1.8;font-weight:400;font-size:10px;", " @media screen and (max-width:991px){text-align:center;div{margin-top:10px;}}"], _rwd.default.Medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    text-align: left;\n    //margin-top: 10px;\n  "]))));
-exports.PoweredWrap = PoweredWrap;
-var FooterNav = _styledComponents.default.nav.withConfig({
+})(["text-align:center;text-transform:uppercase;letter-spacing:2.1px;line-height:1.8;font-weight:400;font-size:10px;", " @media screen and (max-width:991px){text-align:center;div{margin-top:10px;}}"], _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    text-align: left;\n    //margin-top: 10px;\n  "]))));
+const FooterNav = exports.FooterNav = _styledComponents.default.nav.withConfig({
   displayName: "Footerstyles__FooterNav",
   componentId: "sc-12rq6gz-6"
-})(["display:block;font-size:0;padding-top:6px;padding-bottom:30px;", " ul{display:block;margin:0;padding:0;margin-left:-32px;}li{display:inline-block;vertical-align:middle;margin-left:32px;}a{position:relative;display:block;font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;&:before{content:'';display:block;height:2px;width:100%;position:absolute;top:100%;left:0;background-color:", ";opacity:0;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s;}&:hover{&:before{opacity:1;transform:translateY(0);}}", "}"], _rwd.default.Medium(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    padding-bottom: 0;\n  "]))), _colors.default.white, _rwd.default.Medium(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      font-size: 9px;\n      line-height: 16px;\n    "]))));
-exports.FooterNav = FooterNav;
-var Partner = _styledComponents.default.span.withConfig({
+})(["display:block;font-size:0;padding-top:6px;padding-bottom:30px;", " ul{display:block;margin:0;padding:0;margin-left:-32px;}li{display:inline-block;vertical-align:middle;margin-left:32px;}a{position:relative;display:block;font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;&:before{content:'';display:block;height:2px;width:100%;position:absolute;top:100%;left:0;background-color:", ";opacity:0;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s;}&:hover{&:before{opacity:1;transform:translateY(0);}}", "}"], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    padding-bottom: 0;\n  "]))), _colors.default.white, _rwd.default.Medium(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n      font-size: 9px;\n      line-height: 16px;\n    "]))));
+const Partner = exports.Partner = _styledComponents.default.span.withConfig({
   displayName: "Footerstyles__Partner",
   componentId: "sc-12rq6gz-7"
 })(["text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.8;letter-spacing:2.1px;img{margin-bottom:4px;}@media screen and (max-width:560px){line-height:20px;}"]);
-exports.Partner = Partner;
-var Copyright = _styledComponents.default.span.withConfig({
+const Copyright = exports.Copyright = _styledComponents.default.span.withConfig({
   displayName: "Footerstyles__Copyright",
   componentId: "sc-12rq6gz-8"
 })(["img{margin-bottom:4px;}"]);
-exports.Copyright = Copyright;
-var Powered = _styledComponents.default.div.withConfig({
+const Powered = exports.Powered = _styledComponents.default.div.withConfig({
   displayName: "Footerstyles__Powered",
   componentId: "sc-12rq6gz-9"
-})(["display:flex;flex-direction:column;align-items:self-start;span{vertical-align:middle;text-transform:uppercase;-webkit-letter-spacing:2.1px;-moz-letter-spacing:2.1px;-ms-letter-spacing:2.1px;letter-spacing:2.1px;line-height:10x;white-space:nowrap;color:inherit;}a{display:inline-block;vertical-align:middle;margin-left:4px;transition:opacity 0.2s;&:hover{opacity:0.5;}}img{position:relative;}@media screen and (max-width:991px){align-items:center;}"]);
-exports.Powered = Powered;
+})(["display:flex;flex-direction:column;align-items:self-start;span{vertical-align:middle;text-transform:uppercase;-webkit-letter-spacing:2.1px;-moz-letter-spacing:2.1px;-ms-letter-spacing:2.1px;letter-spacing:2.1px;line-height:10x;white-space:nowrap;color:inherit;}a{display:inline-block;vertical-align:middle;margin-left:4px;transition:opacity 0.2s;&:hover{opacity:0.5;}}img{position:relative;}@media screen and (max-width:991px){align-items:center;}"]);

package/dist/components/Footer/FooterLayout.js

@@ -10,22 +10,20 @@ var _FooterMenu = _interopRequireDefault(require("./FooterMenu"));
 var _Newsletter = _interopRequireDefault(require("../Newsletter/Newsletter"));
 var _Footer = _interopRequireDefault(require("./Footer"));
 var _globalVariables = require("../../constants/globalVariables");
-var _excluded = ["withNewsLetter", "withFooterMenu", "color", "jobOpeningsNumber", "lemonWayLogo", "dropdownCollapsed"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const _excluded = ["withNewsLetter", "withFooterMenu", "color", "jobOpeningsNumber", "lemonWayLogo", "dropdownCollapsed"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function FooterLayout(_ref) {
-  var _ref$withNewsLetter = _ref.withNewsLetter,
-    withNewsLetter = _ref$withNewsLetter === void 0 ? true : _ref$withNewsLetter,
-    _ref$withFooterMenu = _ref.withFooterMenu,
-    withFooterMenu = _ref$withFooterMenu === void 0 ? true : _ref$withFooterMenu,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'red' : _ref$color,
-    _ref$jobOpeningsNumbe = _ref.jobOpeningsNumber,
-    jobOpeningsNumber = _ref$jobOpeningsNumbe === void 0 ? 0 : _ref$jobOpeningsNumbe,
-    lemonWayLogo = _ref.lemonWayLogo,
-    dropdownCollapsed = _ref.dropdownCollapsed,
+  let {
+      withNewsLetter = true,
+      withFooterMenu = true,
+      color = 'red',
+      jobOpeningsNumber = 0,
+      lemonWayLogo,
+      dropdownCollapsed
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, withFooterMenu && /*#__PURE__*/_react.default.createElement(_FooterMenu.default, {
     groups: footerGroups,
@@ -44,9 +42,8 @@ FooterLayout.propTypes = {
   lemonwayLogo: _propTypes.default.string,
   dropdownCollapsed: _propTypes.default.bool
 };
-var _default = FooterLayout;
-exports.default = _default;
-var footerGroups = [{
+var _default = exports.default = FooterLayout;
+const footerGroups = exports.footerGroups = [{
   name: 'New to STOKR',
   collapse: true,
   items: [{
@@ -114,5 +111,4 @@ var footerGroups = [{
     name: 'youtube',
     url: 'https://www.youtube.com/channel/UCUuQtRhbcFcU4xeTrDl3iQQ'
   }]
-}];
-exports.footerGroups = footerGroups;
+}];

package/dist/components/Footer/FooterLayout.stories.js

@@ -7,8 +7,8 @@ exports.default = exports.FooterLayoutfirst = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _FooterLayout = _interopRequireDefault(require("./FooterLayout"));
 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/Footer',
   component: _FooterLayout.default,
   argTypes: {
@@ -21,10 +21,6 @@ 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(_FooterLayout.default, args));
-};
-var FooterLayoutfirst = Template.bind({});
-exports.FooterLayoutfirst = FooterLayoutfirst;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_FooterLayout.default, args));
+const FooterLayoutfirst = exports.FooterLayoutfirst = Template.bind({});
 FooterLayoutfirst.args = {};

package/dist/components/Footer/FooterMenu.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -18,23 +17,14 @@ var _XLogoBlack = _interopRequireDefault(require("../../static/images/social/X-l
 var _youtube_social_circle_red = _interopRequireDefault(require("../../static/images/social/youtube_social_circle_red.png"));
 var _TelegramLogo = _interopRequireDefault(require("../../static/images/social/Telegram-Logo.png"));
 var _Header = require("../Header/Header.styles");
-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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-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; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var CollapseWrapper = function CollapseWrapper(_ref) {
-  var children = _ref.children,
-    collapse = _ref.collapse,
-    isOpened = _ref.isOpened;
+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); }
+const CollapseWrapper = _ref => {
+  let {
+    children,
+    collapse,
+    isOpened
+  } = _ref;
   return collapse ? /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
     isOpened: isOpened
   }, children) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
@@ -48,7 +38,7 @@ CollapseWrapper.defaultProps = {
   collapse: false,
   isOpened: false
 };
-var socialSvg = {
+const socialSvg = exports.socialSvg = {
   linkedin: /*#__PURE__*/_react.default.createElement("img", {
     src: _LIInBug.default,
     alt: "Linkedin Logo",
@@ -84,85 +74,73 @@ var socialSvg = {
   }),
   reddit: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialReddit, null)
 };
-exports.socialSvg = socialSvg;
-var FooterMenu = function FooterMenu(_ref2) {
-  var groups = _ref2.groups,
-    _ref2$jobOpeningsNumb = _ref2.jobOpeningsNumber,
-    jobOpeningsNumber = _ref2$jobOpeningsNumb === void 0 ? 0 : _ref2$jobOpeningsNumb,
-    dropdownCollapsed = _ref2.dropdownCollapsed;
-  var isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
+const FooterMenu = _ref2 => {
+  let {
+    groups,
+    jobOpeningsNumber = 0,
+    dropdownCollapsed
+  } = _ref2;
+  const isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
 
   // "New to STOKR" needs to be open by default
-  var _React$useState = _react.default.useState(function () {
-      return groups.map(function (group, index) {
-        if (isMobile) {
-          return group.name === 'New to STOKR';
-        }
-        // for desktop, use the dropdownCollapsed prop
-        return !dropdownCollapsed;
-      });
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    activeGroups = _React$useState2[0],
-    setactiveGroups = _React$useState2[1];
-  var toggleGroup = function toggleGroup(key) {
-    var activeGroupsCopy = _toConsumableArray(activeGroups);
+  const [activeGroups, setactiveGroups] = _react.default.useState(() => {
+    return groups.map((group, index) => {
+      if (isMobile) {
+        return group.name === 'New to STOKR';
+      }
+      // for desktop, use the dropdownCollapsed prop
+      return !dropdownCollapsed;
+    });
+  });
+  const toggleGroup = key => {
+    const activeGroupsCopy = [...activeGroups];
     activeGroupsCopy[key] = !activeGroupsCopy[key];
     setactiveGroups(activeGroupsCopy);
   };
 
   // persist on screen size changes
-  (0, _react.useEffect)(function () {
-    setactiveGroups(groups.map(function (group, index) {
+  (0, _react.useEffect)(() => {
+    setactiveGroups(groups.map((group, index) => {
       if (isMobile) {
         return group.name === 'New to STOKR';
       }
       return !dropdownCollapsed;
     }));
   }, [isMobile, groups, dropdownCollapsed]);
-  return /*#__PURE__*/_react.default.createElement(_FooterMenu.Container, null, /*#__PURE__*/_react.default.createElement(_FooterMenu.Groups, null, groups.map(function (group, groupKey) {
-    return /*#__PURE__*/_react.default.createElement(_FooterMenu.Group, {
-      key: group.name,
-      onClick: function onClick() {
-        return toggleGroup(groupKey);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_FooterMenu.TitleContainer, null, /*#__PURE__*/_react.default.createElement(_FooterMenu.Title, {
-      collapse: group.collapse
-    }, group.name), isMobile && !group.social && /*#__PURE__*/_react.default.createElement(_FooterMenu.ArrowDown, {
-      isOpened: activeGroups[groupKey]
-    })), /*#__PURE__*/_react.default.createElement(CollapseWrapper, {
-      collapse: isMobile && group.collapse,
-      isOpened: activeGroups[groupKey]
-    }, /*#__PURE__*/_react.default.createElement(_FooterMenu.Items, {
-      social: group.social
-    }, group.social ? /*#__PURE__*/_react.default.createElement(_Header.SocialLinksContainer, null, group.items.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_FooterMenu.Item, {
-        key: item.name,
-        social: true
-      }, /*#__PURE__*/_react.default.createElement(_FooterMenu.SocialLink, {
-        href: item.url,
-        icon: item.name,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, socialSvg[item.name]));
-    })) : group.items.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_FooterMenu.Item, {
-        key: item.name
-      }, /*#__PURE__*/_react.default.createElement(_FooterMenu.Link, {
-        target: item.external ? '_blank' : '',
-        href: item.url,
-        rel: "noopener noreferrer"
-      }, item.name, item.showNumber && jobOpeningsNumber > 0 && /*#__PURE__*/_react.default.createElement(_FooterMenu.HiringTotalNumber, {
-        style: {
-          marginLeft: '4px'
-        }
-      }, jobOpeningsNumber)));
-    }))));
-  })));
+  return /*#__PURE__*/_react.default.createElement(_FooterMenu.Container, null, /*#__PURE__*/_react.default.createElement(_FooterMenu.Groups, null, groups.map((group, groupKey) => /*#__PURE__*/_react.default.createElement(_FooterMenu.Group, {
+    key: group.name,
+    onClick: () => toggleGroup(groupKey)
+  }, /*#__PURE__*/_react.default.createElement(_FooterMenu.TitleContainer, null, /*#__PURE__*/_react.default.createElement(_FooterMenu.Title, {
+    collapse: group.collapse
+  }, group.name), isMobile && !group.social && /*#__PURE__*/_react.default.createElement(_FooterMenu.ArrowDown, {
+    isOpened: activeGroups[groupKey]
+  })), /*#__PURE__*/_react.default.createElement(CollapseWrapper, {
+    collapse: isMobile && group.collapse,
+    isOpened: activeGroups[groupKey]
+  }, /*#__PURE__*/_react.default.createElement(_FooterMenu.Items, {
+    social: group.social
+  }, group.social ? /*#__PURE__*/_react.default.createElement(_Header.SocialLinksContainer, null, group.items.map(item => /*#__PURE__*/_react.default.createElement(_FooterMenu.Item, {
+    key: item.name,
+    social: true
+  }, /*#__PURE__*/_react.default.createElement(_FooterMenu.SocialLink, {
+    href: item.url,
+    icon: item.name,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, socialSvg[item.name])))) : group.items.map(item => /*#__PURE__*/_react.default.createElement(_FooterMenu.Item, {
+    key: item.name
+  }, /*#__PURE__*/_react.default.createElement(_FooterMenu.Link, {
+    target: item.external ? '_blank' : '',
+    href: item.url,
+    rel: "noopener noreferrer"
+  }, item.name, item.showNumber && jobOpeningsNumber > 0 && /*#__PURE__*/_react.default.createElement(_FooterMenu.HiringTotalNumber, {
+    style: {
+      marginLeft: '4px'
+    }
+  }, jobOpeningsNumber))))))))));
 };
 FooterMenu.propTypes = {
   groups: _propTypes.default.arrayOf(Object).isRequired,
   jobOpeningsNumber: _propTypes.default.number
 };
-var _default = FooterMenu;
-exports.default = _default;
+var _default = exports.default = FooterMenu;

package/dist/components/Footer/FooterMenu.stories.js

@@ -7,8 +7,8 @@ exports.default = exports.FooterMenu1 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _FooterMenu = _interopRequireDefault(require("./FooterMenu"));
 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/Footer',
   component: _FooterMenu.default,
   argTypes: {
@@ -23,12 +23,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(_FooterMenu.default, args));
-};
-var FooterMenu1 = Template.bind({});
-exports.FooterMenu1 = FooterMenu1;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_FooterMenu.default, args));
+const FooterMenu1 = exports.FooterMenu1 = Template.bind({});
 FooterMenu1.args = {
   dropdownCollapsed: true,
   groups: [{