@stokr/components-library 2.3.6-beta.4 → 2.3.6-beta.5

package/dist/components/FAQ/FAQ.js

@@ -22,7 +22,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var FAQ = function FAQ(props) {
   var items = props.items,
     noScroll = props.noScroll,
-    scrollRef = props.scrollRef;
+    scrollRef = props.scrollRef,
+    modalViewMore = props.modalViewMore,
+    withTextStyling = props.withTextStyling;
   var _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     activeIndex = _useState2[0],
@@ -47,6 +49,12 @@ var FAQ = function FAQ(props) {
       }
     }
   };
+  var textStyling = {
+    paddingLeft: '28px',
+    fontSize: '12px',
+    fontWeight: '300',
+    lineHeight: '16px'
+  };
   return /*#__PURE__*/_react.default.createElement(_FAQ.FaqItems, null, items.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement(_FAQ.FaqItem, {
       key: item.title
@@ -54,10 +62,13 @@ var FAQ = function FAQ(props) {
       isActive: activeIndex === index,
       onClick: function onClick(e) {
         return onTitleClick(e, index);
-      }
+      },
+      modalViewMore: modalViewMore
     }, item.title, /*#__PURE__*/_react.default.createElement(_FAQ.FaqDropdownIcon, null)), /*#__PURE__*/_react.default.createElement(_FAQ.FaqContent, {
       isOpened: activeIndex === index
-    }, !Array.isArray(item.content) ? /*#__PURE__*/_react.default.createElement(_FAQ.FaqText, null, item.content) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("ul", null, item.content.map(function (answer) {
+    }, !Array.isArray(item.content) ? /*#__PURE__*/_react.default.createElement(_FAQ.FaqText, null, item.content) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, {
+      style: withTextStyling ? textStyling : {}
+    }, /*#__PURE__*/_react.default.createElement("ul", null, item.content.map(function (answer) {
       return /*#__PURE__*/_react.default.createElement("li", {
         key: answer
       }, answer);

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

@@ -16,15 +16,32 @@ exports.FaqItems = FaqItems;
 var FaqItem = _styledComponents.default.div.withConfig({
   displayName: "FAQstyles__FaqItem",
   componentId: "sc-dtvahh-1"
-})(["& + &{margin-top:30px;}"]);
+})(["& + &{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({
   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;&:hover{color:inherit;}", ""], function (props) {
+})(["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;
+  return white && "\n    color:white;\n  ";
+}, function (_ref2) {
+  var center = _ref2.center;
+  return center && "\n    text-align:center;\n  ";
+}, function (_ref3) {
+  var hideIcon = _ref3.hideIcon;
+  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({
@@ -44,5 +61,7 @@ exports.FaqContent = FaqContent;
 var 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;"]);
+})(["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;

package/dist/components/Grid/Grid.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.Row = exports.PageWrapper = exports.FlexContainer = exports.Column = void 0;
+exports.Wrapper = exports.Row = exports.PageWrapper = exports.FlexGrid = exports.FlexContainer = exports.Column = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _grid = _interopRequireDefault(require("../../styles/grid"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
@@ -85,4 +85,11 @@ var FlexContainer = _styledComponents.default.div.withConfig({
 })(["display:flex;", ""], function (props) {
   return props.itemsCenter && "align-items:center;";
 });
-exports.FlexContainer = FlexContainer;
+exports.FlexContainer = FlexContainer;
+var FlexGrid = _styledComponents.default.div.withConfig({
+  displayName: "Gridstyles__FlexGrid",
+  componentId: "sc-1jreazl-5"
+})(["display:flex;flex-wrap:wrap;", ""], function (props) {
+  return props.borderBottom && "\n    border-bottom: 1px solid #e1e1e1;\n  ";
+});
+exports.FlexGrid = FlexGrid;

package/dist/components/StokrLoader/StokrLoader.js

@@ -26,14 +26,20 @@ function StokrLoader() {
   var StyledStokrLoader = _styledComponents.default.div.withConfig({
     displayName: "StokrLoader__StyledStokrLoader",
     componentId: "sc-1chowhw-1"
-  })(["align-items:center;animation:", " 1.8s ease-in-out forwards;background:rgb(254,254,254);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000;", ";", ";", ";"], fadeIn, _media.default.mobileS(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    img {\n      height: 15rem;\n      width: 15rem;\n    }\n  "]))), _media.default.mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    img {\n      height: 18rem;\n      width: 18rem;\n    }\n  "]))), _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    img {\n      height: 30rem;\n      width: 30rem;\n    }\n  "]))));
+  })(["align-items:center;animation:", " 1.8s ease-in-out forwards;background:rgb(254,254,254);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000;", " ", ";", ";", ";"], fadeIn, function (_ref) {
+    var noFullscreen = _ref.noFullscreen;
+    return noFullscreen && "\n      height: calc(100vh - 97px);\n      bottom: 0;\n      top: unset;\n    ";
+  }, _media.default.mobileS(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    img {\n      height: 15rem;\n      width: 15rem;\n    }\n  "]))), _media.default.mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    img {\n      height: 18rem;\n      width: 18rem;\n    }\n  "]))), _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    img {\n      height: 30rem;\n      width: 30rem;\n    }\n  "]))));
   return /*#__PURE__*/_react.default.createElement(StyledStokrLoader, null, /*#__PURE__*/_react.default.createElement("img", {
     src: loaderGif,
     alt: "\xA0"
   }));
 }
-var StokrLoaderBox = function StokrLoaderBox() {
-  return /*#__PURE__*/_react.default.createElement(CenterFullWidth, null, /*#__PURE__*/_react.default.createElement("img", {
+var StokrLoaderBox = function StokrLoaderBox(_ref2) {
+  var noFullscreen = _ref2.noFullscreen;
+  return /*#__PURE__*/_react.default.createElement(CenterFullWidth, {
+    noFullscreen: noFullscreen
+  }, /*#__PURE__*/_react.default.createElement("img", {
     src: loaderGif,
     alt: "\xA0"
   }));

package/dist/index.js

@@ -1344,4 +1344,15 @@ Object.keys(_theme).forEach(function (key) {
       return _theme[key];
     }
   });
+});
+var _logo = require("./components/logo");
+Object.keys(_logo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _logo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _logo[key];
+    }
+  });
 });

package/dist/styles/colors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.colors = void 0;
 var colors = {
   black: '#202020',
   grey: '#f0f0f0',
@@ -51,5 +51,6 @@ var colors = {
   grey3: '#f8f8f8',
   midRed: '#e3210d'
 };
+exports.colors = colors;
 var _default = colors;
 exports.default = _default;

package/dist/styles/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.theme = exports.default = void 0;
 var _colors = _interopRequireDefault(require("./colors"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -39,5 +39,6 @@ var theme = _objectSpread({
   cProgressBlueStart: _colors.default.progressBlueStart,
   cProgressBlueStop: _colors.default.progressBlueStop
 }, _colors.default);
+exports.theme = theme;
 var _default = theme;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.6-beta.4",
+  "version": "2.3.6-beta.5",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",