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

package/dist/components/Button/Button-stoDetails.js

@@ -0,0 +1,230 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Button = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _ui = require("components/ui");
+var sc = _interopRequireWildcard(require("constants/style"));
+var _utils = require("utils");
+var _excluded = ["children", "text", "onClick", "size", "isShare"];
+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 _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; }
+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 buttonTextLoadingCss = (0, _styledComponents.css)(["visibility:hidden;"]);
+var buttonTextHelper = function buttonTextHelper(_ref) {
+  var loading = _ref.loading;
+  return loading && buttonTextLoadingCss;
+};
+var ButtonText = _styledComponents.default.span.withConfig({
+  displayName: "Button-stoDetails__ButtonText",
+  componentId: "sc-1pstwqz-0"
+})(["line-height:", ";margin:0 auto;", ";svg,path{fill:", ";&:hover{fill:", ";}}"], function (_ref2) {
+  var isShare = _ref2.isShare;
+  return isShare ? '0px' : '1em';
+}, buttonTextHelper, function (_ref3) {
+  var isShare = _ref3.isShare;
+  return isShare && '#cacaca';
+}, function (_ref4) {
+  var isShare = _ref4.isShare;
+  return isShare && sc.RED_BASE_HEX;
+});
+var StyledLoading = _styledComponents.default.div.withConfig({
+  displayName: "Button-stoDetails__StyledLoading",
+  componentId: "sc-1pstwqz-1"
+})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);
+
+// const ButtonComponent = ({ as, ...rest }) =>
+//   React.createElement(as, { ...rest })
+
+var ButtonComponent = _styledComponents.default.button.withConfig({
+  displayName: "Button-stoDetails__ButtonComponent",
+  componentId: "sc-1pstwqz-2"
+})([""]);
+var ButtonClass = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonClass, _PureComponent);
+  var _super = _createSuper(ButtonClass);
+  function ButtonClass() {
+    var _this;
+    _classCallCheck(this, ButtonClass);
+    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), "handleClick", function (e) {
+      var _this$props = _this.props,
+        disabled = _this$props.disabled,
+        onClick = _this$props.onClick;
+      return !disabled && onClick && onClick(e);
+    });
+    return _this;
+  }
+  _createClass(ButtonClass, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        text = _this$props2.text,
+        onClick = _this$props2.onClick,
+        size = _this$props2.size,
+        isShare = _this$props2.isShare,
+        rest = _objectWithoutProperties(_this$props2, _excluded);
+      var loading = this.props.loading;
+      return /*#__PURE__*/_react.default.createElement(ButtonComponent, _extends({}, rest, {
+        onClick: this.handleClick
+      }), /*#__PURE__*/_react.default.createElement(ButtonText, {
+        isShare: isShare,
+        loading: loading
+      }, children || text), loading && /*#__PURE__*/_react.default.createElement(StyledLoading, null, /*#__PURE__*/_react.default.createElement(_ui.Loading, {
+        size: size === 'xl' && 40
+      })));
+    }
+  }]);
+  return ButtonClass;
+}(_react.PureComponent);
+_defineProperty(ButtonClass, "propTypes", {
+  children: _propTypes.default.node,
+  as: _propTypes.default.node,
+  transparent: _propTypes.default.bool,
+  noborder: _propTypes.default.bool,
+  icononly: _propTypes.default.bool,
+  inverted: _propTypes.default.bool,
+  isShare: _propTypes.default.bool,
+  inactive: _propTypes.default.bool
+});
+_defineProperty(ButtonClass, "defaultProps", {
+  as: 'button',
+  transparent: false
+});
+var baseButtonCss = (0, _styledComponents.css)(["transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:25px;font-size:11px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;outline:none;cursor:pointer;white-space:nowrap;border:0;&:hover,&:active{opacity:1;}"]);
+var blockButtonCss = (0, _styledComponents.css)([""]);
+var importantButtonCss = (0, _styledComponents.css)([""]);
+var beautyButtonCss = (0, _styledComponents.css)(["&&,&&:hover{width:auto !important;height:40px !important;padding-left:", "px;padding-right:", "px;box-shadow:0 6px 15px 2px #00000027,0px -5px 30px 2px rgba(255,255,255,0.2);background-color:", ";color:", ";margin:5px;z-index:100;transition:all 0.4s ease-out;", "{padding-left:", "px;padding-right:", "px;}}"], sc.BASE_MARGIN * 4, sc.BASE_MARGIN * 4, sc.WHITE_HEX, sc.BASE_COLOR_HEX, _utils.breakpoint.below('mobile'), sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+var disabledBeautyButtonCss = (0, _styledComponents.css)(["&&,&&:hover{padding-left:", "px;padding-right:", "px;background-color:", ";color:#4a90e2;margin:5px;z-index:100;border:none;cursor:not-allowed;transition:all 0.4s ease-out;&&:before{content:'';position:absolute;height:calc(100% + 10px);width:calc(100% + 10px);left:-5px;top:-5px;z-index:-2;border-radius:25px;border:1px solid #4a90e2;}", "{padding-left:", "px;padding-right:", "px;}}"], sc.BASE_MARGIN * 4, sc.BASE_MARGIN * 4, sc.BLUE_BASE_HEX, _utils.breakpoint.below('mobile'), sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+var disabledButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;color:#e1e1e1;border:1px solid #e1e1e1;cursor:not-allowed;}"]);
+var transparentButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;border:1px solid ", ";color:", ";&:hover{background:", ";color:#fff;}}"], sc.BLUE_BASE_HEX, sc.BLUE_BASE_HEX, sc.BLUE_BASE_HEX);
+var textOnlyButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;border:none;color:", ";}"], sc.BASE_COLOR_HEX);
+var invertedButtonCss = (0, _styledComponents.css)([""]);
+var xlSize = (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;width:100%;font-size:11px;"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+var mdSize = (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;width:192px;font-size:11px;"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+var smSize = (0, _styledComponents.css)(["height:32px;width:32px;"]);
+var noborderCss = (0, _styledComponents.css)(["&&&&{border:0;}"]);
+var inactiveCss = (0, _styledComponents.css)(["opacity:0.3;cursor:initial;&:hover{opacity:0.3;}"]);
+var isHeroCss = (0, _styledComponents.css)(["width:222px;"]);
+var isLoginMobileCss = (0, _styledComponents.css)(["margin-bottom:20px;width:163.94px;"]);
+var isInvisibleCss = (0, _styledComponents.css)(["opacity:0;cursor:unset;&:hover{opacity:0;}"]);
+var activeTransparentCss = (0, _styledComponents.css)(["background:", ";color:white;"], sc.RED_BASE_HEX);
+var activeHelper = function activeHelper(_ref5) {
+  var active = _ref5.active;
+  return active && activeTransparentCss;
+};
+var buttonColor = function buttonColor(_ref6) {
+  var color = _ref6.color,
+    inverted = _ref6.inverted;
+  switch (color) {
+    case 'transparent':
+      return (0, _styledComponents.css)(["background:transparent;border:1px solid ", ";", ";&:hover{", ";}", ";"], sc.GRAY_BASE_HEX, activeHelper, activeTransparentCss, inverted && (0, _styledComponents.css)(["border:1px solid ", ";"], sc.WHITE_HEX));
+    case 'white':
+      return (0, _styledComponents.css)(["background:white;color:", ";"], sc.BLUE_BASE_HEX);
+    case 'blue':
+    default:
+      return (0, _styledComponents.css)(["background:", ";color:white;&:hover{background:", ";}"], sc.BLUE_BASE_HEX, sc.BLUE_BASE_RELEASED_HEX);
+  }
+};
+var nobordersButtonHelper = function nobordersButtonHelper(_ref7) {
+  var noborder = _ref7.noborder;
+  return noborder && noborderCss;
+};
+var buttonSize = function buttonSize(_ref8) {
+  var size = _ref8.size,
+    icononly = _ref8.icononly;
+  switch (size) {
+    case 'xl':
+      return xlSize;
+    case 'sm':
+      return smSize;
+    case 'md':
+      return mdSize;
+    default:
+      return (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;", ";"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2, icononly && (0, _styledComponents.css)(["margin:0 auto;width:40px;line-height:0;text-align:center;padding:0;"]));
+  }
+};
+var buttonBlock = function buttonBlock(_ref9) {
+  var block = _ref9.block;
+  return block && blockButtonCss;
+};
+var importantButton = function importantButton(_ref10) {
+  var important = _ref10.important;
+  return important && importantButtonCss;
+};
+var beautyButton = function beautyButton(_ref11) {
+  var beauty = _ref11.beauty;
+  return beauty && beautyButtonCss;
+};
+var disabledBeautyButton = function disabledBeautyButton(_ref12) {
+  var disabledBeauty = _ref12.disabledBeauty;
+  return disabledBeauty && disabledBeautyButtonCss;
+};
+var disabledButton = function disabledButton(_ref13) {
+  var disabled = _ref13.disabled;
+  return disabled && disabledButtonCss;
+};
+var transparentButton = function transparentButton(_ref14) {
+  var transparent = _ref14.transparent;
+  return transparent && transparentButtonCss;
+};
+var textOnlyButton = function textOnlyButton(_ref15) {
+  var textOnly = _ref15.textOnly;
+  return textOnly && textOnlyButtonCss;
+};
+var invertedButton = function invertedButton(_ref16) {
+  var inverted = _ref16.inverted;
+  return inverted && invertedButtonCss;
+};
+var inativeButton = function inativeButton(_ref17) {
+  var inactive = _ref17.inactive;
+  return inactive && inactiveCss;
+};
+var isHeroButton = function isHeroButton(_ref18) {
+  var isHero = _ref18.isHero;
+  return isHero && isHeroCss;
+};
+var isLoginMobileButton = function isLoginMobileButton(_ref19) {
+  var isLoginMobile = _ref19.isLoginMobile;
+  return isLoginMobile && isLoginMobileCss;
+};
+var isInvisibleButton = function isInvisibleButton(_ref20) {
+  var isInvisible = _ref20.isInvisible;
+  return isInvisible && isInvisibleCss;
+};
+var Button = (0, _styledComponents.default)(ButtonClass).withConfig({
+  displayName: "Button-stoDetails__Button",
+  componentId: "sc-1pstwqz-3"
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], baseButtonCss, buttonColor, buttonSize, buttonBlock, importantButton, disabledButton, transparentButton, textOnlyButton, invertedButton, nobordersButtonHelper, inativeButton, isHeroButton, isLoginMobileButton, isInvisibleButton, beautyButton, disabledBeautyButton, function (_ref21) {
+  var fillRed = _ref21.fillRed;
+  return fillRed && (0, _styledComponents.css)(["svg{fill:", ";}&:hover{svg{fill:", ";}}"], sc.RED_BASE_HEX, sc.WHITE_HEX);
+});
+exports.Button = Button;
+Button.propTypes = {};
+var _default = Button;
+exports.default = _default;

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"));
@@ -22,7 +22,7 @@ exports.Wrapper = Wrapper;
 var Row = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__Row",
   componentId: "sc-1jreazl-1"
-})(["display:flex;flex-wrap:wrap;text-align:left;", " ", " ", " ", " ", " ", " ", ""], function (props) {
+})(["display:flex;flex-wrap:wrap;text-align:left;", " ", " ", " ", " ", " ", " ", " ", " height:", ";"], function (props) {
   return props.center && "\n    justify-content: center;\n  ";
 }, function (props) {
   return props.right && "\n    justify-content: right;\n  ";
@@ -34,23 +34,36 @@ var Row = _styledComponents.default.div.withConfig({
   return props.dashboard && "\n    margin: -16px;\n  ";
 }, function (props) {
   return props.nowrap && "\n    flex-wrap: nowrap;\n  ";
+}, function (props) {
+  return props.fullWidth && "\n    width: 100%;\n  ";
 }, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
   return props.main && "\n      z-index: 0;\n      min-height: calc(100vh - ".concat(_spacing.default.footerHeight, "px);\n      padding-top: ").concat(_spacing.default.headerHeight, "px;\n    ");
-})); // ID has padding-top as 85px instead of headerHeight (which is set to 96px)
+}), function (_ref) {
+  var isConfirmModal = _ref.isConfirmModal;
+  return isConfirmModal && '400px';
+}); // ID has padding-top as 85px instead of headerHeight (which is set to 96px)
 exports.Row = Row;
 var Column = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__Column",
   componentId: "sc-1jreazl-2"
-})(["display:flex;flex-direction:column;width:100%;", " ", " ", " ", " ", " ", ""], function (props) {
+})(["display:flex;flex-direction:column;width:100%;", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (props) {
+  return props.halfWidth && "\n    width: 50%;\n\n    @media screen and (max-width: 500px) {\n      width: 100%;\n    }\n\n  ";
+}, function (props) {
+  return props.textAlignHopper && "\n    > div:last-child {\n      text-align:right;\n    }\n\n    @media screen and (max-width: 767px) {\n      > div:last-child {\n        text-align:left;\n      }\n    }\n\n    @media screen and (max-width: 500px) {\n      > div > div {\n        justify-content: left;\n        margin-top: 1rem;\n      }\n    }\n\n  ";
+}, function (props) {
   return props.center && "\n    justify-content: center;\n  ";
 }, function (props) {
   return props.alignCenter && "\n    align-items: center;\n  ";
+}, function (props) {
+  return props.alignRight && "\n    text-align: right;\n    align-items: center;\n  ";
 }, function (props) {
   return props.spaceBetween && "\n    justify-content: space-between;\n  ";
 }, function (props) {
   return props.flexEnd && "\n    justify-content: flex-end;\n  ";
 }, function (props) {
   return props.mainRelative && "\n    padding: 18px 0 28px;\n  ";
+}, function (props) {
+  return props.isConfirmModal && "\n    justify-content: center;\n    overflow: hidden;\n\n    @media screen and (max-width: 767px) {\n      height: 100vh;\n    }\n  ";
 }, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), function (props) {
   return props.part && "\n      width: ".concat((0, _grid.default)(props.part, props.full), ";\n    ");
 }, function (props) {
@@ -72,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;